fra.ktu.red-component 0.1.0

package/dist/layers/base_layer.js

@@ -0,0 +1,68 @@
+import { getSignal } from "../helpers/signals.js";
+import { EventDispatcher } from "../index.js";
+export class BaseLayer {
+    sceneStateId;
+    _state;
+    owner;
+    handleStateChangeWrapper = this.onStateChange.bind(this);
+    static getDefaultState(sceneStateId) {
+        return {
+            id: Math.floor(Math.random() * 1000000),
+            type: "background",
+            name: "Layer",
+            visible: true,
+            signaledFields: {},
+        };
+    }
+    constructor(sceneStateId, state, owner) {
+        this.sceneStateId = sceneStateId;
+        this._state = state;
+        this.owner = owner;
+        EventDispatcher.getInstance().addEventListener(owner + ".!" + this._state.id, "update", this.handleStateChangeWrapper);
+        EventDispatcher.getInstance().addEventListener(owner + ".!" + this._state.id, "change", this.handleStateChangeWrapper);
+        EventDispatcher.getInstance().addEventListener(owner + ".shaders.!" + this._state.id, "update", this.handleStateChangeWrapper);
+        EventDispatcher.getInstance().addEventListener(owner + ".shaders.!" + this._state.id, "change", this.handleStateChangeWrapper);
+        EventDispatcher.getInstance().addEventListener(this.sceneStateId + ".width", "update", this.handleStateChangeWrapper);
+        EventDispatcher.getInstance().addEventListener(this.sceneStateId + ".height", "update", this.handleStateChangeWrapper);
+    }
+    get id() {
+        return this._state.id;
+    }
+    getFieldValue(fieldName) {
+        const signaledField = this._state.signaledFields[fieldName];
+        if (!signaledField) {
+            return this._state[fieldName];
+        }
+        return getSignal(this.sceneStateId, signaledField)?.getValue() || 0;
+    }
+    getFieldBoolean(fieldName) {
+        const signaledField = this._state.signaledFields[fieldName];
+        if (!signaledField) {
+            return this._state[fieldName];
+        }
+        return !!getSignal(this.sceneStateId, signaledField)?.getValue();
+    }
+    onStateChange() { }
+    unbind() {
+        EventDispatcher.getInstance().removeEventListener(this.owner + ".!" + this._state.id, "update", this.handleStateChangeWrapper);
+        EventDispatcher.getInstance().removeEventListener(this.owner + ".!" + this._state.id, "change", this.handleStateChangeWrapper);
+        EventDispatcher.getInstance().removeEventListener(this.owner + ".shaders.!" + this._state.id, "update", this.handleStateChangeWrapper);
+        EventDispatcher.getInstance().removeEventListener(this.owner + ".shaders.!" + this._state.id, "change", this.handleStateChangeWrapper);
+        EventDispatcher.getInstance().removeEventListener(this.sceneStateId + ".width", "update", this.handleStateChangeWrapper);
+        EventDispatcher.getInstance().removeEventListener(this.sceneStateId + ".height", "update", this.handleStateChangeWrapper);
+    }
+    tick(time, loop) {
+        let changed = false;
+        const values = Object.keys(this._state.signaledFields)
+            .filter((field) => field !== "refresh")
+            .map((key) => this._state.signaledFields[key]);
+        for (const signal of values) {
+            changed =
+                (changed || getSignal(this.sceneStateId, signal)?.changed) ?? false;
+        }
+        if (changed) {
+            this.onSignalChange();
+        }
+    }
+}
+//# sourceMappingURL=base_layer.js.map

package/dist/layers/base_layer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base_layer.js","sourceRoot":"","sources":["../../src/layers/base_layer.ts"],"names":[],"mappings":"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"}

package/dist/layers/display/background_layer.d.ts

@@ -0,0 +1,15 @@
+import { Graphics, Point, Ticker } from "pixi.js";
+import { DisplayLayer, type DisplayLayerState } from "./display_layer.js";
+export type BackgroundLayerState = DisplayLayerState & {
+    color: string;
+};
+export declare class BackgroundLayer extends DisplayLayer {
+    _state: BackgroundLayerState;
+    backgroundSize: Point;
+    mainSprite: Graphics;
+    static getDefaultState(sceneStateId: string): BackgroundLayerState;
+    constructor(sceneStateId: string, state: BackgroundLayerState, owner: string);
+    tick(time: Ticker, loop: boolean): void;
+    innerRepaint(): void;
+}
+//# sourceMappingURL=background_layer.d.ts.map

package/dist/layers/display/background_layer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"background_layer.d.ts","sourceRoot":"","sources":["../../../src/layers/display/background_layer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAK1E,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,GAAG;IACrD,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,qBAAa,eAAgB,SAAQ,YAAY;IACvC,MAAM,EAAE,oBAAoB,CAAC;IACrC,cAAc,EAAE,KAAK,CAAC;IAEd,UAAU,EAAE,QAAQ,CAAC;IAE7B,MAAM,CAAC,eAAe,CAAC,YAAY,EAAE,MAAM,GAAG,oBAAoB;gBAUhE,YAAY,EAAE,MAAM,EACpB,KAAK,EAAE,oBAAoB,EAC3B,KAAK,EAAE,MAAM;IAgBf,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI;IAiBvC,YAAY;CAOb"}

package/dist/layers/display/background_layer.js

@@ -0,0 +1,40 @@
+import { Application, Graphics, Point, Ticker } from "pixi.js";
+import { DisplayLayer } from "./display_layer.js";
+import { DataStore } from "../../index.js";
+import { getCount } from "../../helpers/ids.js";
+import { getFunColor } from "../../helpers/sparkle.js";
+export class BackgroundLayer extends DisplayLayer {
+    backgroundSize;
+    static getDefaultState(sceneStateId) {
+        return {
+            ...DisplayLayer.getDefaultState(sceneStateId),
+            type: "background",
+            name: "background_" + getCount(sceneStateId),
+            color: getFunColor(),
+        };
+    }
+    constructor(sceneStateId, state, owner) {
+        super(sceneStateId, state, owner);
+        this.mainSprite = new Graphics();
+        const application = DataStore.getInstance().getStore("application");
+        application.stage.addChild(this.mainSprite);
+        this.backgroundSize = new Point(application.canvas.width, application.canvas.height);
+    }
+    tick(time, loop) {
+        super.tick(time, loop);
+        const application = DataStore.getInstance().getStore("application");
+        if (this.backgroundSize.x != application.canvas.width ||
+            this.backgroundSize.y != application.canvas.height) {
+            this.backgroundSize = new Point(application.canvas.width, application.canvas.height);
+            this.repaint();
+        }
+    }
+    innerRepaint() {
+        this.mainSprite.clear();
+        this.mainSprite
+            .rect(0, 0, this.backgroundSize.x, this.backgroundSize.y)
+            .fill({ color: this.getFieldValue("color") });
+        this.mainSprite.visible = this._state.visible;
+    }
+}
+//# sourceMappingURL=background_layer.js.map

package/dist/layers/display/background_layer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"background_layer.js","sourceRoot":"","sources":["../../../src/layers/display/background_layer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAE,YAAY,EAA0B,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAMvD,MAAM,OAAO,eAAgB,SAAQ,YAAY;IAE/C,cAAc,CAAQ;IAItB,MAAM,CAAC,eAAe,CAAC,YAAoB;QACzC,OAAO;YACL,GAAG,YAAY,CAAC,eAAe,CAAC,YAAY,CAAC;YAC7C,IAAI,EAAE,YAAY;YAClB,IAAI,EAAE,aAAa,GAAG,QAAQ,CAAC,YAAY,CAAC;YAC5C,KAAK,EAAE,WAAW,EAAE;SACrB,CAAC;IACJ,CAAC;IAED,YACE,YAAoB,EACpB,KAA2B,EAC3B,KAAa;QAEb,KAAK,CAAC,YAAY,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QAClC,IAAI,CAAC,UAAU,GAAG,IAAI,QAAQ,EAAE,CAAC;QAEjC,MAAM,WAAW,GAAG,SAAS,CAAC,WAAW,EAAE,CAAC,QAAQ,CAClD,aAAa,CACC,CAAC;QACjB,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAE5C,IAAI,CAAC,cAAc,GAAG,IAAI,KAAK,CAC7B,WAAW,CAAC,MAAM,CAAC,KAAK,EACxB,WAAW,CAAC,MAAM,CAAC,MAAM,CAC1B,CAAC;IACJ,CAAC;IAED,IAAI,CAAC,IAAY,EAAE,IAAa;QAC9B,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACvB,MAAM,WAAW,GAAG,SAAS,CAAC,WAAW,EAAE,CAAC,QAAQ,CAClD,aAAa,CACC,CAAC;QACjB,IACE,IAAI,CAAC,cAAc,CAAC,CAAC,IAAI,WAAW,CAAC,MAAM,CAAC,KAAK;YACjD,IAAI,CAAC,cAAc,CAAC,CAAC,IAAI,WAAW,CAAC,MAAM,CAAC,MAAM,EAClD,CAAC;YACD,IAAI,CAAC,cAAc,GAAG,IAAI,KAAK,CAC7B,WAAW,CAAC,MAAM,CAAC,KAAK,EACxB,WAAW,CAAC,MAAM,CAAC,MAAM,CAC1B,CAAC;YACF,IAAI,CAAC,OAAO,EAAE,CAAC;QACjB,CAAC;IACH,CAAC;IAED,YAAY;QACV,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;QACxB,IAAI,CAAC,UAAU;aACZ,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;aACxD,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAChD,IAAI,CAAC,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;IAChD,CAAC;CACF"}

package/dist/layers/display/display_layer.d.ts

@@ -0,0 +1,24 @@
+import { Graphics, Sprite } from "pixi.js";
+import { BaseLayer } from "../base_layer.js";
+import type { LayerState } from "../ilayer.js";
+import { type ShaderLayerState } from "../../index.js";
+import type { ShaderLayer } from "../shaders/shader_layer.js";
+export type DisplayLayerState = LayerState & {
+    shaders: ShaderLayerState[];
+};
+export declare abstract class DisplayLayer extends BaseLayer {
+    _state: DisplayLayerState;
+    mainSprite: Sprite | Graphics;
+    shaders: ShaderLayer[];
+    static getDefaultState(sceneStateId: string): DisplayLayerState;
+    constructor(sceneStateId: string, state: DisplayLayerState, owner: string);
+    onStateChange(): void;
+    onSignalChange(): void;
+    repaint(): void;
+    reshader(): void;
+    bind(): void;
+    unbind(): void;
+    abstract innerRepaint(): void;
+    tick(time: any, loop: boolean): void;
+}
+//# sourceMappingURL=display_layer.d.ts.map

package/dist/layers/display/display_layer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"display_layer.d.ts","sourceRoot":"","sources":["../../../src/layers/display/display_layer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,QAAQ,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAUL,KAAK,gBAAgB,EAEtB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAyC9D,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG;IAC3C,OAAO,EAAE,gBAAgB,EAAE,CAAC;CAC7B,CAAC;AAEF,8BAAsB,YAAa,SAAQ,SAAS;IAC1C,MAAM,EAAE,iBAAiB,CAAC;IAClC,UAAU,EAAG,MAAM,GAAG,QAAQ,CAAC;IAC/B,OAAO,EAAE,WAAW,EAAE,CAAM;IAE5B,MAAM,CAAC,eAAe,CAAC,YAAY,EAAE,MAAM,GAAG,iBAAiB;gBAOnD,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM;IAIzE,aAAa,IAAI,IAAI;IAKrB,cAAc,IAAI,IAAI;IAItB,OAAO,IAAI,IAAI;IAIf,QAAQ,IAAI,IAAI;IAkJhB,IAAI,IAAI,IAAI;IAIZ,MAAM;IAcN,QAAQ,CAAC,YAAY,IAAI,IAAI;IAE7B,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI;CAMrC"}

package/dist/layers/display/display_layer.js

@@ -0,0 +1,131 @@
+import { Application, Graphics, Sprite } from "pixi.js";
+import { BaseLayer } from "../base_layer.js";
+import { AnaglyphShader, BnwShader, DataStore, MontecarloShader, PixelateShader, VLinesShader, } from "../../index.js";
+import { HLinesShader, } from "../shaders/hlines/hlines_shader.js";
+import { ChromaShader, } from "../shaders/chroma/chroma_shader.js";
+import { ScrambleShader, } from "../shaders/scramble/scramble_shader.js";
+import { NegativeShader } from "../shaders/negative/negative_shader.js";
+import { CrossesShader, } from "../shaders/crosses/crosses_shader.js";
+import { RecolourShader, } from "../shaders/recolour/recolour_shader.js";
+import { HNoiseShader } from "../shaders/hnoise/hnoise_shader.js";
+import { LightSplitShader, } from "../shaders/light_split/light_split_shader.js";
+import { PosterizeShader, } from "../shaders/posterize/posterize_shader.js";
+import { BlurShader, } from "../shaders/blur/blur_shader.js";
+import { HSBBlurShader, } from "../shaders/hsb_blur/hsb_blur_shader.js";
+export class DisplayLayer extends BaseLayer {
+    mainSprite;
+    shaders = [];
+    static getDefaultState(sceneStateId) {
+        return {
+            ...BaseLayer.getDefaultState(sceneStateId),
+            shaders: [],
+        };
+    }
+    constructor(sceneStateId, state, owner) {
+        super(sceneStateId, state, owner);
+    }
+    onStateChange() {
+        this.repaint();
+        this.reshader();
+    }
+    onSignalChange() {
+        this.repaint();
+    }
+    repaint() {
+        this.innerRepaint();
+    }
+    reshader() {
+        for (const shader of this._state.shaders) {
+            let layer = this.shaders.find((l) => l.id === shader.id);
+            if (!layer) {
+                switch (shader.type) {
+                    case "pixelate":
+                        layer = new PixelateShader(this.sceneStateId, shader, this.sceneStateId + ".layers.!" + this._state.id + ".shaders");
+                        break;
+                    case "bnw":
+                        layer = new BnwShader(this.sceneStateId, shader, this.sceneStateId + ".layers.!" + this._state.id + ".shaders");
+                        break;
+                    case "montecarlo":
+                        layer = new MontecarloShader(this.sceneStateId, shader, this.sceneStateId + ".layers.!" + this._state.id + ".shaders");
+                        break;
+                    case "anaglyph":
+                        layer = new AnaglyphShader(this.sceneStateId, shader, this.sceneStateId + ".layers.!" + this._state.id + ".shaders");
+                        break;
+                    case "vlines":
+                        layer = new VLinesShader(this.sceneStateId, shader, this.sceneStateId + ".layers.!" + this._state.id + ".shaders");
+                        break;
+                    case "hlines":
+                        layer = new HLinesShader(this.sceneStateId, shader, this.sceneStateId + ".layers.!" + this._state.id + ".shaders");
+                        break;
+                    case "chroma":
+                        layer = new ChromaShader(this.sceneStateId, shader, this.sceneStateId + ".layers.!" + this._state.id + ".shaders");
+                        break;
+                    case "scramble":
+                        layer = new ScrambleShader(this.sceneStateId, shader, this.sceneStateId + ".layers.!" + this._state.id + ".shaders");
+                        break;
+                    case "negative":
+                        layer = new NegativeShader(this.sceneStateId, shader, this.sceneStateId + ".layers.!" + this._state.id + ".shaders");
+                        break;
+                    case "crosses":
+                        layer = new CrossesShader(this.sceneStateId, shader, this.sceneStateId + ".layers.!" + this._state.id + ".shaders");
+                        break;
+                    case "recolour":
+                        layer = new RecolourShader(this.sceneStateId, shader, this.sceneStateId + ".layers.!" + this._state.id + ".shaders");
+                        break;
+                    case "hnoise":
+                        layer = new HNoiseShader(this.sceneStateId, shader, this.sceneStateId + ".layers.!" + this._state.id + ".shaders");
+                        break;
+                    case "light_split":
+                        layer = new LightSplitShader(this.sceneStateId, shader, this.sceneStateId + ".layers.!" + this._state.id + ".shaders");
+                        break;
+                    case "posterize":
+                        layer = new PosterizeShader(this.sceneStateId, shader, this.sceneStateId + ".layers.!" + this._state.id + ".shaders");
+                        break;
+                    case "blur":
+                        layer = new BlurShader(this.sceneStateId, shader, this.sceneStateId + ".layers.!" + this._state.id + ".shaders");
+                        break;
+                    case "hsb_blur":
+                        layer = new HSBBlurShader(this.sceneStateId, shader, this.sceneStateId + ".layers.!" + this._state.id + ".shaders");
+                        break;
+                    default:
+                        layer = new PixelateShader(this.sceneStateId, shader, this.sceneStateId + ".layers.!" + this._state.id + ".shaders");
+                }
+                layer.bind();
+                this.shaders.push(layer);
+            }
+        }
+        for (let i = this.shaders.length - 1; i >= 0; i--) {
+            const shader = this.shaders[i];
+            const existsInSceneState = this._state.shaders.some((ls) => ls.id === shader.id);
+            if (!existsInSceneState) {
+                shader.unbind();
+                this.shaders.splice(this.shaders.indexOf(shader), 1);
+            }
+        }
+        if (!this.mainSprite || this.mainSprite.destroyed) {
+            return;
+        }
+        this.mainSprite.filters = this.shaders.map((s) => s.shader);
+    }
+    bind() {
+        this.repaint();
+    }
+    unbind() {
+        super.unbind();
+        const application = DataStore.getInstance().getStore("application");
+        application.stage.removeChild(this.mainSprite);
+        this.mainSprite.destroy();
+        this.mainSprite = undefined;
+        for (const shader of this.shaders) {
+            shader.unbind();
+        }
+        this.shaders = [];
+    }
+    tick(time, loop) {
+        super.tick(time, loop);
+        for (const shader of this.shaders) {
+            shader.tick(time, loop);
+        }
+    }
+}
+//# sourceMappingURL=display_layer.js.map

package/dist/layers/display/display_layer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"display_layer.js","sourceRoot":"","sources":["../../../src/layers/display/display_layer.ts"],"names":[],"mappings":"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"}

package/dist/layers/display/video_layer.d.ts

@@ -0,0 +1,36 @@
+import { Sprite, Ticker } from "pixi.js";
+import { DisplayLayer, type DisplayLayerState } from "./display_layer.js";
+import { GifSprite } from "pixi.js/gif";
+export type VideoLayerState = DisplayLayerState & {
+    panX: number;
+    panY: number;
+    scale: number;
+    vFlip: boolean;
+    hFlip: boolean;
+    imageHash: string;
+    timeFrom: number;
+    timeLength: number;
+    speed: number;
+};
+export declare class VideoLayer extends DisplayLayer {
+    _state: VideoLayerState;
+    mainSprite: Sprite | GifSprite;
+    videoElement?: HTMLVideoElement;
+    content?: string;
+    playingBefore: boolean;
+    private pendingPausedSeekTime?;
+    private pausedSeekFlushInFlight;
+    private pausedSeekStartTime?;
+    private getResolvedSpeed;
+    static getDefaultState(sceneStateId: string): VideoLayerState;
+    constructor(sceneStateId: string, state: VideoLayerState, owner: string);
+    tick(time: Ticker, loop: boolean): void;
+    overtime(): boolean;
+    correctTime(): void;
+    private seekVideoResource;
+    private flushPausedSeekFrame;
+    private applyPlaybackSpeed;
+    innerRepaint(): void;
+    reposition(): void;
+}
+//# sourceMappingURL=video_layer.d.ts.map

package/dist/layers/display/video_layer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video_layer.d.ts","sourceRoot":"","sources":["../../../src/layers/display/video_layer.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,MAAM,EAEN,MAAM,EAGP,MAAM,SAAS,CAAC;AAIjB,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAOxC,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,qBAAa,UAAW,SAAQ,YAAY;IAClC,MAAM,EAAE,eAAe,CAAC;IACxB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,OAAO,CAAS;IAC/B,OAAO,CAAC,qBAAqB,CAAC,CAAS;IACvC,OAAO,CAAC,uBAAuB,CAAkB;IACjD,OAAO,CAAC,mBAAmB,CAAC,CAAS;IAErC,OAAO,CAAC,gBAAgB;IAKxB,MAAM,CAAC,eAAe,CAAC,YAAY,EAAE,MAAM,GAAG,eAAe;gBAiBjD,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM;IAYvE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI;IAuBvC,QAAQ,IAAI,OAAO;IAgCnB,WAAW,IAAI,IAAI;IAoEnB,OAAO,CAAC,iBAAiB;IA4BzB,OAAO,CAAC,oBAAoB;IAgE5B,OAAO,CAAC,kBAAkB;IAmB1B,YAAY;IAmFZ,UAAU;CAsBX"}

package/dist/layers/display/video_layer.js

@@ -0,0 +1,296 @@
+import { Assets, Sprite, Texture, Ticker, VideoSource, } from "pixi.js";
+import { getCount } from "../../helpers/ids.js";
+import { DataStore, EventDispatcher } from "../../index.js";
+import { DisplayLayer } from "./display_layer.js";
+import { GifSprite } from "pixi.js/gif";
+import { getAsset, getVideoAssetInstanceSrc, isVideoAsset, } from "../../helpers/assets.js";
+export class VideoLayer extends DisplayLayer {
+    videoElement;
+    content;
+    playingBefore = false;
+    pendingPausedSeekTime;
+    pausedSeekFlushInFlight = false;
+    pausedSeekStartTime;
+    getResolvedSpeed() {
+        const speed = Number(this.getFieldValue("speed"));
+        return isFinite(speed) ? speed : 1;
+    }
+    static getDefaultState(sceneStateId) {
+        return {
+            ...DisplayLayer.getDefaultState(sceneStateId),
+            type: "video",
+            name: "video_" + getCount(sceneStateId),
+            panX: 0.5,
+            panY: 0.5,
+            scale: 1,
+            vFlip: false,
+            hFlip: false,
+            imageHash: "",
+            timeFrom: 0,
+            timeLength: -1,
+            speed: 1,
+        };
+    }
+    constructor(sceneStateId, state, owner) {
+        super(sceneStateId, state, owner);
+        this.mainSprite = new Sprite();
+        console.log("Constructed video layer with state", state);
+        const application = DataStore.getInstance().getStore("application");
+        application.stage.addChild(this.mainSprite);
+    }
+    tick(time, loop) {
+        super.tick(time, loop);
+        if (loop) {
+            this.correctTime();
+        }
+        if (DataStore.getInstance().getStore("instances." + this.sceneStateId + ".playing") !== this.playingBefore ||
+            !DataStore.getInstance().getStore("instances." + this.sceneStateId + ".playing")) {
+            this.correctTime();
+            this.playingBefore = DataStore.getInstance().getStore("instances." + this.sceneStateId + ".playing");
+        }
+        if (this.overtime()) {
+            this.correctTime();
+        }
+    }
+    overtime() {
+        let currentTime = 0;
+        let duration = 0;
+        if (this.mainSprite.texture &&
+            this.mainSprite.texture.source instanceof VideoSource) {
+            const resource = this.mainSprite.texture.source.resource;
+            currentTime = resource.currentTime;
+            duration = resource.duration;
+        }
+        else if (this.mainSprite instanceof GifSprite) {
+            const gif = this.mainSprite;
+            currentTime = gif.currentFrame / GifSprite.defaultOptions.fps;
+            duration = gif.duration / 1000;
+        }
+        else {
+            return false;
+        }
+        if (currentTime < this.getFieldValue("timeFrom") &&
+            duration > this.getFieldValue("timeFrom"))
+            return true;
+        if (this.getFieldValue("timeLength") > 0) {
+            return (currentTime >
+                this.getFieldValue("timeLength") + this.getFieldValue("timeFrom"));
+        }
+        return false;
+    }
+    correctTime() {
+        let timeLength = this.getFieldValue("timeLength");
+        if (timeLength <= 0.1 || isNaN(timeLength)) {
+            timeLength = 9999999;
+        }
+        const speed = this.getResolvedSpeed();
+        const currentTime = (((DataStore.getInstance().getStore("instances." + this.sceneStateId + ".elapsedTime") /
+            1000) *
+            speed) %
+            timeLength) +
+            this.getFieldValue("timeFrom");
+        if (this.mainSprite.texture &&
+            this.mainSprite.texture.source instanceof VideoSource) {
+            const resource = this.mainSprite.texture.source.resource;
+            if (!DataStore.getInstance().getStore("instances." + this.sceneStateId + ".playing")) {
+                resource.pause();
+            }
+            else {
+                resource.play();
+            }
+            if (resource.duration < currentTime) {
+                if (this.getFieldValue("timeFrom") >= resource.duration) {
+                    this.seekVideoResource(resource, 0);
+                }
+                else {
+                    this.seekVideoResource(resource, this.getFieldValue("timeFrom"));
+                }
+            }
+            else {
+                this.seekVideoResource(resource, currentTime);
+            }
+        }
+        else if (this.mainSprite instanceof GifSprite) {
+            const gif = this.mainSprite;
+            if (!DataStore.getInstance().getStore("instances." + this.sceneStateId + ".playing")) {
+                gif.stop();
+            }
+            else {
+                gif.play();
+            }
+            if (gif.duration / 1000 < currentTime) {
+                if (this.getFieldValue("timeFrom") >= gif.duration / 1000) {
+                    gif.currentFrame = 0;
+                }
+                else {
+                    gif.currentFrame = Math.floor(this.getFieldValue("timeFrom") * GifSprite.defaultOptions.fps);
+                }
+            }
+            else {
+                gif.currentFrame = Math.floor(currentTime * GifSprite.defaultOptions.fps);
+            }
+        }
+    }
+    seekVideoResource(resource, targetTime) {
+        if (!isFinite(targetTime)) {
+            return;
+        }
+        const duration = isFinite(resource.duration) ? resource.duration : Infinity;
+        const clampedTarget = Math.max(0, Math.min(targetTime, duration));
+        const current = resource.currentTime;
+        if (Math.abs(current - clampedTarget) < 0.02) {
+            return;
+        }
+        const isPlaying = !!DataStore.getInstance().getStore("instances." + this.sceneStateId + ".playing");
+        if (isPlaying) {
+            resource.currentTime = clampedTarget;
+            return;
+        }
+        this.pendingPausedSeekTime = clampedTarget;
+        resource.currentTime = clampedTarget;
+        this.flushPausedSeekFrame(resource, clampedTarget);
+    }
+    flushPausedSeekFrame(resource, targetTime) {
+        if (this.pausedSeekFlushInFlight) {
+            return;
+        }
+        this.pausedSeekFlushInFlight = true;
+        this.pausedSeekStartTime = performance.now();
+        console.log(`[VideoLayer] Seek requested to ${targetTime.toFixed(3)}s`);
+        const cleanup = () => {
+            resource.removeEventListener("seeked", onSettled);
+            resource.removeEventListener("loadeddata", onSettled);
+            resource.removeEventListener("canplay", onSettled);
+            this.pausedSeekFlushInFlight = false;
+        };
+        const onSettled = () => {
+            const pending = this.pendingPausedSeekTime;
+            const stillPaused = !DataStore.getInstance().getStore("instances." + this.sceneStateId + ".playing");
+            const targetStillValid = pending !== undefined && Math.abs(pending - targetTime) < 0.02;
+            if (!stillPaused || !targetStillValid) {
+                cleanup();
+                if (stillPaused &&
+                    pending !== undefined &&
+                    Math.abs(resource.currentTime - pending) >= 0.02) {
+                    resource.currentTime = pending;
+                    this.flushPausedSeekFrame(resource, pending);
+                }
+                return;
+            }
+            // Some browsers only present the seeked frame after a decode tick.
+            resource
+                .play()
+                .then(() => {
+                resource.pause();
+                const elapsed = this.pausedSeekStartTime !== undefined
+                    ? performance.now() - this.pausedSeekStartTime
+                    : -1;
+                console.log(`[VideoLayer] Frame rendered successfully at ${resource.currentTime.toFixed(3)}s (${elapsed.toFixed(2)}ms elapsed)`);
+                cleanup();
+            })
+                .catch(() => {
+                resource.pause();
+                cleanup();
+            });
+        };
+        resource.addEventListener("seeked", onSettled, { once: true });
+        resource.addEventListener("loadeddata", onSettled, { once: true });
+        resource.addEventListener("canplay", onSettled, { once: true });
+    }
+    applyPlaybackSpeed() {
+        const speed = this.getResolvedSpeed();
+        if (this.mainSprite.texture &&
+            this.mainSprite.texture.source instanceof VideoSource) {
+            const resource = this.mainSprite.texture.source.resource;
+            const playbackRate = Math.max(0.1, speed);
+            if (resource.playbackRate !== playbackRate) {
+                resource.playbackRate = playbackRate;
+            }
+            return;
+        }
+        if (this.mainSprite instanceof GifSprite) {
+            this.mainSprite.animationSpeed = speed;
+        }
+    }
+    innerRepaint() {
+        const application = DataStore.getInstance().getStore("application");
+        if (this._state.imageHash) {
+            VideoSource.defaultOptions = {
+                ...VideoSource.defaultOptions,
+                loop: true,
+                autoPlay: DataStore.getInstance().getStore("instances." + this.sceneStateId + ".playing") || false,
+            };
+            //GET THE CONTENT
+            const content = getAsset(this.sceneStateId, this._state.imageHash, this._state.id);
+            if (this.content && this.content === content) {
+                this.reposition();
+                this.applyPlaybackSpeed();
+                this.reshader();
+            }
+            else if (content.startsWith("data:image/gif;") ||
+                content.indexOf(".gif") >= 0) {
+                this.mainSprite.destroy();
+                Assets.load(content).then((tex) => {
+                    this.mainSprite = new GifSprite({
+                        source: tex,
+                        animationSpeed: 1,
+                        loop: true,
+                        autoPlay: DataStore.getInstance().getStore("instances." + this.sceneStateId + ".playing") || false,
+                        onFrameChange: (_currentFrame) => {
+                            EventDispatcher.getInstance().dispatchEvent(this.sceneStateId + ".layers.!" + this._state.id, "change", { sprite: this.mainSprite });
+                        },
+                    });
+                    application.stage.addChild(this.mainSprite);
+                    this.reposition();
+                    this.applyPlaybackSpeed();
+                    this.reshader();
+                });
+            }
+            else {
+                const textureSrc = isVideoAsset(content)
+                    ? getVideoAssetInstanceSrc(content, `${this.sceneStateId}:${this._state.id}:${this._state.imageHash}`)
+                    : content;
+                const texturePromise = Assets.load(textureSrc);
+                texturePromise.then((resolvedTexture) => {
+                    this.mainSprite.destroy();
+                    this.mainSprite = Sprite.from(resolvedTexture);
+                    application.stage.addChild(this.mainSprite);
+                    this.reposition();
+                    this.applyPlaybackSpeed();
+                    this.reshader();
+                });
+            }
+            this.content = content;
+        }
+        else if (this.content) {
+            const application = DataStore.getInstance().getStore("application");
+            if (this.mainSprite) {
+                application.stage.removeChild(this.mainSprite);
+                this.mainSprite.destroy();
+            }
+            this.mainSprite = new Sprite();
+            application.stage.addChild(this.mainSprite);
+            this.content = undefined;
+        }
+    }
+    reposition() {
+        const application = DataStore.getInstance().getStore("application");
+        this.mainSprite.anchor.set(0.5, 0.5);
+        this.mainSprite.x = application.canvas.width * this.getFieldValue("panX");
+        this.mainSprite.y = application.canvas.height * this.getFieldValue("panY");
+        if (this.mainSprite.width < this.mainSprite.height) {
+            this.mainSprite.width =
+                application.canvas.width * this.getFieldValue("scale");
+            this.mainSprite.scale.y = this.mainSprite.scale.x;
+        }
+        else {
+            this.mainSprite.height =
+                application.canvas.height * this.getFieldValue("scale");
+            this.mainSprite.scale.x = this.mainSprite.scale.y;
+        }
+        //this.mainSprite.scale.set(this.getFieldValue("scale"));
+        this.mainSprite.scale.x *= this.getFieldValue("hFlip") ? -1 : 1;
+        this.mainSprite.scale.y *= this.getFieldValue("vFlip") ? -1 : 1;
+    }
+}
+//# sourceMappingURL=video_layer.js.map