scrptly/dist/layers/BaseLayer.js

Scrptly is a Video Development Kit (VDK) for programmatically generating AI-powered videos.

import { randomUUID } from 'crypto';
export default class BaseLayer {
    id;
    static type = 'base';
    settings;
    properties;
    parent;
    removed = false;
    constructor(parent, properties = {}, settings) {
        this.parent = parent;
        this.id = randomUUID();
        this.settings = {
            ...(this.constructor.defaultSettings),
            ...settings,
        };
        this.properties = {
            ...(this.constructor.defaultProperties),
            ...properties
        };
    }
    autoDetermineSourceType(source) {
        if (source.startsWith('https://assets.scrptly.com/')) {
            return 'asset';
        }
        else if (source.startsWith('https://') || source.startsWith('http://')) {
            return 'url';
        }
        else if (source.startsWith('data:')) {
            return 'base64';
        }
        else if (source.startsWith('file://') || (!source.match(/[:=]/) && source.match(/[\.][a-z0-9]{3,4}$/i))) {
            return 'file';
        }
        else if (source.match(/^[0-9a-f]{8}-[0-9a-f]{4}-4[0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i)) {
            return 'id';
        }
        else {
            return 'other';
        }
    }
    static get isAsset() {
        return false;
    }
    static get defaultSettings() {
        return {
            enabled: true,
            locked: false,
            startTime: 0,
            trimStart: 0,
            endTime: false,
            speed: 1,
        };
    }
    static get defaultProperties() {
        return Object.fromEntries(Object.entries(this.propertiesDefinition).map(([k, v]) => [k, v.default || '']));
    }
    static get propertiesDefinition() {
        return {};
    }
    set(value) {
        this.parent.pushAction({ statement: 'set', id: this.id, value });
        return this;
    }
    animate(from, to, { duration = '0.25s', easing, wait } = { duration: '0.25s' }) {
        let settings = { duration, easing, wait };
        this.parent.pushAction({ statement: 'animate', id: this.id, from, to, settings });
        return this;
    }
    remove() {
        if (this.removed)
            throw new Error('Layer already removed');
        this.removed = true;
        this.parent.pushAction({ statement: 'removeLayer', id: this.id });
        return this;
    }
}