@eva/plugin-renderer-render-texture 2.1.0-beta.2 → 2.1.0-beta.3

package/dist/plugin-renderer-render-texture.esm.js

@@ -1,488 +0,0 @@
-import { Component, resource, decorators, OBSERVER_TYPE } from '@eva/eva.js';
-import { type } from '@eva/inspector-decorator';
-import { Renderer, RendererSystem } from '@eva/plugin-renderer';
-import { RenderTexture as RenderTexture$1, Sprite, Texture, Container, Graphics, Text } from 'pixi.js';
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __decorate(decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
-
-function __metadata(metadataKey, metadataValue) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
-}
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
-/**
- * RenderTexture component.
- *
- * Equivalent of Phaser RenderTexture / DynamicTexture. Holds a Pixi RenderTexture
- * underneath and lets the DSL declaratively enqueue draw ops via `ops`.
- *
- * Mutating `ops` (or any of the simple props) replays the queue.
- */
-class RenderTexture extends Component {
-    constructor() {
-        super(...arguments);
-        this.width = 256;
-        this.height = 256;
-        this.ops = [];
-        this.backgroundColor = -1;
-        this.backgroundAlpha = 1;
-        this.append = true;
-        /** Bumped by clear()/fill()/etc. so the system can detect imperative changes. */
-        this.dirty = 0;
-    }
-    init(obj) {
-        if (obj)
-            Object.assign(this, obj);
-        if (!Array.isArray(this.ops))
-            this.ops = [];
-    }
-    /** Append an op + mark dirty (works at runtime, not just init). */
-    addOp(op) {
-        this.ops = [...this.ops, op];
-        this.dirty++;
-    }
-    /** Clear the queue (and the texture next commit). */
-    clearOps() {
-        this.ops = [{ type: 'clear' }];
-        this.dirty++;
-    }
-}
-RenderTexture.componentName = 'RenderTexture';
-__decorate([
-    type('number'),
-    __metadata("design:type", Number)
-], RenderTexture.prototype, "width", void 0);
-__decorate([
-    type('number'),
-    __metadata("design:type", Number)
-], RenderTexture.prototype, "height", void 0);
-__decorate([
-    type('array'),
-    __metadata("design:type", Array)
-], RenderTexture.prototype, "ops", void 0);
-__decorate([
-    type('number'),
-    __metadata("design:type", Number)
-], RenderTexture.prototype, "backgroundColor", void 0);
-__decorate([
-    type('number'),
-    __metadata("design:type", Number)
-], RenderTexture.prototype, "backgroundAlpha", void 0);
-
-const FRAME_SEP = '#'; // resource name separator: `myAtlas#frame.png`
-let RenderTextureSystem = class RenderTextureSystem extends Renderer {
-    constructor() {
-        super(...arguments);
-        this.name = 'RenderTexture';
-        this.records = {};
-    }
-    init() {
-        this.renderSystem = this.game.getSystem(RendererSystem);
-        this.renderSystem.rendererManager.register(this);
-    }
-    rendererUpdate(gameObject) {
-        const record = this.records[gameObject.id];
-        if (!record)
-            return;
-        if (record.needsReplay) {
-            record.needsReplay = false;
-            // fire-and-forget: replay is async (loads textures). next frame will see updated RT.
-            this.replay(gameObject.id);
-        }
-    }
-    componentChanged(changed) {
-        var _a, _b, _c, _d;
-        return __awaiter(this, void 0, void 0, function* () {
-            if (changed.componentName !== 'RenderTexture')
-                return;
-            const component = changed.component;
-            const gameObjectId = changed.gameObject.id;
-            if (changed.type === OBSERVER_TYPE.ADD) {
-                const rt = RenderTexture$1.create({
-                    width: Math.max(1, component.width || 1),
-                    height: Math.max(1, component.height || 1),
-                    resolution: 1,
-                });
-                const sprite = new Sprite(rt);
-                // Force sprite display rect to match component.width/height (in design units)
-                // so the RT shows at intended logical size regardless of devicePixelRatio.
-                sprite.width = component.width;
-                sprite.height = component.height;
-                this.containerManager.getContainer(gameObjectId).addChildAt(sprite, 0);
-                this.records[gameObjectId] = { rt, sprite, component, lastSig: '', needsReplay: true };
-                // schedule replay for next frame so PIXI Application & renderer are ready.
-                this.maybeSave(gameObjectId);
-            }
-            else if (changed.type === OBSERVER_TYPE.CHANGE) {
-                const record = this.records[gameObjectId];
-                if (!record)
-                    return;
-                record.component = component;
-                // Resize when width/height changed
-                if (record.rt.width !== component.width || record.rt.height !== component.height) {
-                    try {
-                        (_b = (_a = record.rt).resize) === null || _b === void 0 ? void 0 : _b.call(_a, Math.max(1, component.width), Math.max(1, component.height));
-                    }
-                    catch (e) {
-                        // ignore
-                    }
-                    record.sprite.width = component.width;
-                    record.sprite.height = component.height;
-                }
-                record.needsReplay = true;
-                this.maybeSave(gameObjectId);
-            }
-            else if (changed.type === OBSERVER_TYPE.REMOVE) {
-                const record = this.records[gameObjectId];
-                if (!record)
-                    return;
-                (_d = (_c = this.containerManager) === null || _c === void 0 ? void 0 : _c.getContainer(gameObjectId)) === null || _d === void 0 ? void 0 : _d.removeChild(record.sprite);
-                record.sprite.destroy({ children: true });
-                record.rt.destroy(true);
-                delete this.records[gameObjectId];
-            }
-        });
-    }
-    /** Resolve a resource name (optionally with `#frame` suffix) → Texture. */
-    resolveTexture(name, explicitFrame) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!name)
-                return null;
-            let resName = name;
-            let frame = explicitFrame;
-            if (!frame && name.includes(FRAME_SEP)) {
-                const idx = name.indexOf(FRAME_SEP);
-                resName = name.slice(0, idx);
-                frame = name.slice(idx + 1);
-            }
-            try {
-                const { instance } = yield resource.getResource(resName);
-                if (!instance)
-                    return null;
-                // sprite atlas: instance is a frames map
-                if (frame) {
-                    if (instance && instance[frame] instanceof Texture) {
-                        return instance[frame];
-                    }
-                    // Sometimes instance has `.textures[frame]`
-                    const textures = instance.textures;
-                    if (textures && textures[frame] instanceof Texture) {
-                        return textures[frame];
-                    }
-                }
-                if (instance instanceof Texture)
-                    return instance;
-                // sprite atlas single texture access
-                if (instance.baseTexture)
-                    return instance;
-                // grab first frame as fallback
-                if (typeof instance === 'object') {
-                    const keys = Object.keys(instance);
-                    for (const k of keys) {
-                        const v = instance[k];
-                        if (v instanceof Texture)
-                            return v;
-                    }
-                }
-                return null;
-            }
-            catch (_a) {
-                return null;
-            }
-        });
-    }
-    /** Build an offscreen Pixi DisplayObject describing the op, then render it into the RT. */
-    replay(gameObjectId) {
-        var _a, _b, _c, _d, _e, _f;
-        return __awaiter(this, void 0, void 0, function* () {
-            const record = this.records[gameObjectId];
-            if (!record)
-                return;
-            const { rt, component } = record;
-            const sig = `${component.dirty}|${(_b = (_a = component.ops) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0}|${component.width}|${component.height}`;
-            if (record.lastSig === sig && component.append) ;
-            record.lastSig = sig;
-            const renderer = (_c = this.renderSystem.application) === null || _c === void 0 ? void 0 : _c.renderer;
-            if (!renderer)
-                return;
-            // Build a single staging Container that aggregates this commit's ops.
-            const stage = new Container();
-            // Optional background (fill RT with color, replacing previous content)
-            const bg = component.backgroundColor;
-            const bgA = (_d = component.backgroundAlpha) !== null && _d !== void 0 ? _d : 1;
-            if (!component.append) {
-                const g = new Graphics();
-                if (bg != null && bg >= 0) {
-                    g.rect(0, 0, component.width, component.height).fill({ color: bg, alpha: bgA });
-                }
-                else {
-                    // transparent clear
-                    g.rect(0, 0, component.width, component.height).fill({ color: 0x000000, alpha: 0 });
-                }
-                stage.addChild(g);
-            }
-            for (const op of component.ops || []) {
-                const node = yield this.buildOpNode(op);
-                if (node)
-                    stage.addChild(node);
-            }
-            try {
-                // Pixi v8 render-to-target API
-                renderer.render({
-                    container: stage,
-                    target: rt,
-                    clear: !component.append,
-                });
-                // eslint-disable-next-line no-console
-                if (globalThis.__RT_DEBUG) {
-                    console.log('[RT] replayed', {
-                        ops: (_e = component.ops) === null || _e === void 0 ? void 0 : _e.length,
-                        w: rt.width,
-                        h: rt.height,
-                        stageChildren: (_f = stage.children) === null || _f === void 0 ? void 0 : _f.length,
-                    });
-                }
-            }
-            catch (e) {
-                // fallback for older API: renderer.render(displayObject, { renderTexture: rt })
-                try {
-                    renderer.render(stage, { renderTexture: rt, clear: !component.append });
-                }
-                catch (_g) {
-                    console.warn('[RenderTexture] renderer.render failed', e);
-                }
-            }
-            finally {
-                // Defer destroy to next microtask so the GPU has time to consume.
-                // Some Pixi v8 builds upload the geometry lazily.
-                Promise.resolve().then(() => {
-                    try {
-                        stage.destroy({ children: true });
-                    }
-                    catch (_a) {
-                        /* noop */
-                    }
-                });
-            }
-        });
-    }
-    buildOpNode(op) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14;
-        return __awaiter(this, void 0, void 0, function* () {
-            if (op.type === 'clear') {
-                const g = new Graphics();
-                g.rect(0, 0, 1e6, 1e6).fill({ color: 0x000000, alpha: 0 });
-                // Use destination-in trick alternative: simpler — caller knows append=false to actually clear.
-                return g;
-            }
-            if (op.type === 'fill') {
-                const g = new Graphics();
-                const x = (_a = op.x) !== null && _a !== void 0 ? _a : 0;
-                const y = (_b = op.y) !== null && _b !== void 0 ? _b : 0;
-                const w = (_c = op.width) !== null && _c !== void 0 ? _c : 1e6;
-                const h = (_d = op.height) !== null && _d !== void 0 ? _d : 1e6;
-                g.rect(x, y, w, h).fill({ color: op.color, alpha: (_e = op.alpha) !== null && _e !== void 0 ? _e : 1 });
-                return g;
-            }
-            if (op.type === 'draw' || op.type === 'drawFrame') {
-                const tex = yield this.resolveTexture(op.resource, op.frame);
-                if (!tex)
-                    return null;
-                const sp = new Sprite(tex);
-                sp.x = (_f = op.x) !== null && _f !== void 0 ? _f : 0;
-                sp.y = (_g = op.y) !== null && _g !== void 0 ? _g : 0;
-                const o = op;
-                sp.alpha = (_h = o.alpha) !== null && _h !== void 0 ? _h : 1;
-                if (o.tint != null)
-                    sp.tint = o.tint;
-                if (o.width != null)
-                    sp.width = o.width;
-                if (o.height != null)
-                    sp.height = o.height;
-                if (o.rotation != null)
-                    sp.rotation = o.rotation;
-                if (o.anchorX != null || o.anchorY != null) {
-                    sp.anchor.set((_j = o.anchorX) !== null && _j !== void 0 ? _j : 0, (_k = o.anchorY) !== null && _k !== void 0 ? _k : 0);
-                }
-                if (o.scaleX != null || o.scaleY != null) {
-                    sp.scale.set((_l = o.scaleX) !== null && _l !== void 0 ? _l : 1, (_m = o.scaleY) !== null && _m !== void 0 ? _m : 1);
-                }
-                if (o.blendMode) {
-                    try {
-                        sp.blendMode = o.blendMode;
-                    }
-                    catch (_15) {
-                        // ignore
-                    }
-                }
-                return sp;
-            }
-            if (op.type === 'erase') {
-                const g = new Graphics();
-                const w = (_o = op.width) !== null && _o !== void 0 ? _o : 16;
-                const h = (_p = op.height) !== null && _p !== void 0 ? _p : 16;
-                const ax = (_q = op.anchorX) !== null && _q !== void 0 ? _q : 0;
-                const ay = (_r = op.anchorY) !== null && _r !== void 0 ? _r : 0;
-                const x = ((_s = op.x) !== null && _s !== void 0 ? _s : 0) - w * ax;
-                const y = ((_t = op.y) !== null && _t !== void 0 ? _t : 0) - h * ay;
-                g.rect(x, y, w, h).fill({ color: 0xffffff, alpha: 1 });
-                try {
-                    g.blendMode = 'erase';
-                }
-                catch (_16) {
-                    // ignore
-                }
-                return g;
-            }
-            if (op.type === 'drawText') {
-                const t = new Text({
-                    text: op.text,
-                    style: {
-                        fontFamily: (_v = (_u = op.style) === null || _u === void 0 ? void 0 : _u.fontFamily) !== null && _v !== void 0 ? _v : 'Arial',
-                        fontSize: (_x = (_w = op.style) === null || _w === void 0 ? void 0 : _w.fontSize) !== null && _x !== void 0 ? _x : 32,
-                        fontWeight: (_z = (_y = op.style) === null || _y === void 0 ? void 0 : _y.fontWeight) !== null && _z !== void 0 ? _z : 'normal',
-                        fill: (_1 = (_0 = op.style) === null || _0 === void 0 ? void 0 : _0.fill) !== null && _1 !== void 0 ? _1 : 0xffffff,
-                        stroke: (_2 = op.style) === null || _2 === void 0 ? void 0 : _2.stroke,
-                        align: (_4 = (_3 = op.style) === null || _3 === void 0 ? void 0 : _3.align) !== null && _4 !== void 0 ? _4 : 'left',
-                    },
-                });
-                t.x = (_5 = op.x) !== null && _5 !== void 0 ? _5 : 0;
-                t.y = (_6 = op.y) !== null && _6 !== void 0 ? _6 : 0;
-                if (op.alpha != null)
-                    t.alpha = op.alpha;
-                if (op.tint != null)
-                    t.tint = op.tint;
-                return t;
-            }
-            if (op.type === 'paint') {
-                const tex = yield this.resolveTexture(op.resource, op.frame);
-                if (!tex)
-                    return null;
-                const c = new Container();
-                const times = Math.max(1, (_7 = op.times) !== null && _7 !== void 0 ? _7 : 1);
-                const dx = (_9 = (_8 = op.step) === null || _8 === void 0 ? void 0 : _8.x) !== null && _9 !== void 0 ? _9 : 0;
-                const dy = (_11 = (_10 = op.step) === null || _10 === void 0 ? void 0 : _10.y) !== null && _11 !== void 0 ? _11 : 0;
-                for (let i = 0; i < times; i++) {
-                    const sp = new Sprite(tex);
-                    sp.x = ((_12 = op.x) !== null && _12 !== void 0 ? _12 : 0) + dx * i;
-                    sp.y = ((_13 = op.y) !== null && _13 !== void 0 ? _13 : 0) + dy * i;
-                    sp.anchor.set(0.5, 0.5);
-                    sp.alpha = (_14 = op.alpha) !== null && _14 !== void 0 ? _14 : 1;
-                    if (op.tintCycle && op.tintCycle.length > 0) {
-                        sp.tint = op.tintCycle[i % op.tintCycle.length];
-                    }
-                    else if (op.tint != null) {
-                        sp.tint = op.tint;
-                    }
-                    c.addChild(sp);
-                }
-                return c;
-            }
-            return null;
-        });
-    }
-    /**
-     * After a successful replay, save the RT as a resource so other Img/Sprite can reference it.
-     * Idempotent: registers once per gameObject.saveAs key.
-     */
-    maybeSave(gameObjectId) {
-        var _a;
-        const record = this.records[gameObjectId];
-        if (!record)
-            return;
-        const key = record.component.saveAs;
-        if (!key)
-            return;
-        try {
-            // Check if already in resourcesMap
-            const existing = (_a = resource.resourcesMap) === null || _a === void 0 ? void 0 : _a[key];
-            if (existing) {
-                existing.complete = true;
-                existing.instance = record.rt;
-                // Make sure callers awaiting getResource get our instance
-                const promiseMap = resource.promiseMap;
-                if (promiseMap) {
-                    promiseMap[key] = Promise.resolve({ instance: record.rt, name: key });
-                }
-                return;
-            }
-            // Register a fresh entry
-            resource.resourcesMap = resource.resourcesMap || {};
-            resource.resourcesMap[key] = {
-                name: key,
-                type: 'IMAGE',
-                complete: true,
-                instance: record.rt,
-                data: {},
-            };
-            const promiseMap = resource.promiseMap;
-            if (promiseMap) {
-                promiseMap[key] = Promise.resolve({ instance: record.rt, name: key });
-            }
-        }
-        catch (e) {
-            console.warn('[RenderTexture] saveAs failed', e);
-        }
-    }
-    destroy() {
-        var _a, _b;
-        for (const key in this.records) {
-            const id = parseInt(key);
-            const record = this.records[id];
-            (_b = (_a = this.containerManager) === null || _a === void 0 ? void 0 : _a.getContainer(id)) === null || _b === void 0 ? void 0 : _b.removeChild(record.sprite);
-            record.sprite.destroy({ children: true });
-            record.rt.destroy(true);
-            delete this.records[id];
-        }
-    }
-};
-RenderTextureSystem.systemName = 'RenderTexture';
-RenderTextureSystem = __decorate([
-    decorators.componentObserver({
-        RenderTexture: [
-            { prop: ['width'], deep: false },
-            { prop: ['height'], deep: false },
-            { prop: ['ops'], deep: true },
-            { prop: ['dirty'], deep: false },
-            { prop: ['backgroundColor'], deep: false },
-            { prop: ['backgroundAlpha'], deep: false },
-        ],
-    })
-], RenderTextureSystem);
-var RenderTextureSystem$1 = RenderTextureSystem;
-
-export { RenderTexture, RenderTextureSystem$1 as RenderTextureSystem };