@lightningjs/renderer 3.0.0-beta18 → 3.0.0-beta19

package/dist/src/core/Autosizer.d.ts

@@ -0,0 +1,29 @@
+import { type CoreNode } from './CoreNode.js';
+import type { Coord } from './lib/utils.js';
+export declare enum AutosizeUpdateType {
+    None = 0,
+    Filtered = 1,
+    All = 2
+}
+export declare class Autosizer {
+    node: CoreNode;
+    id: number;
+    updateType: AutosizeUpdateType;
+    lastWidth: number;
+    lastHeight: number;
+    lastHasChanged: boolean;
+    flaggedChildren: CoreNode[];
+    childMap: Map<number, CoreNode>;
+    minX: number;
+    minY: number;
+    maxX: number;
+    maxY: number;
+    corners: [Coord, Coord, Coord, Coord];
+    constructor(node: CoreNode);
+    attach(node: CoreNode): void;
+    detach(node: CoreNode): void;
+    patch(node: CoreNode): void;
+    setUpdateType(updateType: AutosizeUpdateType): void;
+    update(carryOver?: boolean): void;
+    destroy(): void;
+}

package/dist/src/core/Autosizer.js

@@ -0,0 +1,178 @@
+/*
+ * If not stated otherwise in this file or this component's LICENSE file the
+ * following copyright and licenses apply:
+ *
+ * Copyright 2023 Comcast Cable Communications Management, LLC.
+ *
+ * Licensed under the Apache License, Version 2.0 (the License);
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { UpdateType } from './CoreNode.js';
+export var AutosizeUpdateType;
+(function (AutosizeUpdateType) {
+    AutosizeUpdateType[AutosizeUpdateType["None"] = 0] = "None";
+    AutosizeUpdateType[AutosizeUpdateType["Filtered"] = 1] = "Filtered";
+    AutosizeUpdateType[AutosizeUpdateType["All"] = 2] = "All";
+})(AutosizeUpdateType || (AutosizeUpdateType = {}));
+const applyDimensions = (node, carryOver, w, h) => {
+    if (carryOver === true) {
+        node.w = w;
+        node.h = h;
+        return;
+    }
+    node.props.w = w;
+    node.props.h = h;
+};
+let autosizerId = 0;
+export class Autosizer {
+    node;
+    id = autosizerId++;
+    updateType = AutosizeUpdateType.All;
+    lastWidth = 0;
+    lastHeight = 0;
+    lastHasChanged = false;
+    flaggedChildren = [];
+    childMap = new Map();
+    minX = Infinity;
+    minY = Infinity;
+    maxX = -Infinity;
+    maxY = -Infinity;
+    corners = [
+        { x: 0, y: 0 },
+        { x: 0, y: 0 },
+        { x: 0, y: 0 },
+        { x: 0, y: 0 },
+    ];
+    constructor(node) {
+        this.node = node;
+    }
+    attach(node) {
+        this.childMap.set(node.id, node);
+        node.parentAutosizer = this;
+        //bubble down to attach to grandchildren
+        if (node.children.length > 0 && node.autosizer === null) {
+            const children = node.children;
+            for (let i = 0; i < children.length; i++) {
+                this.attach(children[i]);
+            }
+        }
+    }
+    detach(node) {
+        if (this.childMap.delete(node.id) === true) {
+            node.parentAutosizer = null;
+            if (node.children.length > 0 && node.autosizer === null) {
+                const children = node.children;
+                for (let i = 0; i < children.length; i++) {
+                    this.detach(children[i]);
+                }
+            }
+            //detached a child, need full update
+            this.setUpdateType(AutosizeUpdateType.All);
+        }
+    }
+    patch(node) {
+        const entry = this.childMap.get(node.id);
+        if (entry === undefined) {
+            return;
+        }
+        this.flaggedChildren.push(node);
+        this.setUpdateType(AutosizeUpdateType.Filtered);
+        console.log('child map size:', this.childMap.size);
+    }
+    setUpdateType(updateType) {
+        this.updateType |= updateType;
+        queueMicrotask(() => {
+            this.node.setUpdateType(UpdateType.Autosize);
+        });
+    }
+    update(carryOver = false) {
+        const node = this.node;
+        if (node.texture !== null && node.texture.dimensions !== null) {
+            const { w, h } = node.texture.dimensions;
+            applyDimensions(node, carryOver, w, h);
+            this.lastWidth = w;
+            this.lastHeight = h;
+            this.updateType = AutosizeUpdateType.None;
+            return;
+        }
+        let filtered = this.updateType === AutosizeUpdateType.Filtered
+            ? this.flaggedChildren
+            : Array.from(this.childMap.values());
+        if (filtered.length === 0) {
+            return;
+        }
+        const corners = this.corners;
+        let minX = this.minX;
+        let minY = this.minY;
+        let maxX = this.maxX;
+        let maxY = this.maxY;
+        for (let i = 0; i < filtered.length; i++) {
+            const child = filtered[i];
+            if (child.isRenderable === false || child.localTransform === undefined) {
+                continue;
+            }
+            const { tx, ty, ta, tb, tc, td } = child.localTransform;
+            const w = child.props.w;
+            const h = child.props.h;
+            const childMinX = tx;
+            const childMaxX = tx + w * ta;
+            const childMinY = ty;
+            const childMaxY = ty + h * td;
+            corners[0].x = childMinX;
+            corners[0].y = childMinY;
+            corners[1].x = childMaxX;
+            //no rotation/scale
+            if (tb === 0 && tc === 0) {
+                corners[1].y = childMinY;
+                corners[2].x = childMaxX;
+                corners[2].y = childMaxY;
+                corners[3].x = childMinX;
+                corners[3].y = childMaxY;
+            }
+            else {
+                corners[1].y = tx + w * tc;
+                corners[2].x = tx + w * ta + h * tb;
+                corners[2].y = ty + w * tc + h * td;
+                corners[3].x = tx + h * tb;
+                corners[3].y = ty + h * td;
+            }
+            for (let j = 0; j < 4; j++) {
+                const corner = corners[j];
+                if (corner.x < minX)
+                    minX = corner.x;
+                if (corner.y < minY)
+                    minY = corner.y;
+                if (corner.x > maxX)
+                    maxX = corner.x;
+                if (corner.y > maxY)
+                    maxY = corner.y;
+            }
+        }
+        this.flaggedChildren.length = 0;
+        this.updateType = AutosizeUpdateType.None;
+        const newWidth = maxX > 0 ? maxX : 0;
+        const newHeight = maxY > 0 ? maxY : 0;
+        applyDimensions(node, carryOver, newWidth, newHeight);
+        this.lastWidth = newWidth;
+        this.lastHeight = newHeight;
+    }
+    destroy() {
+        if (this.childMap.size > 0) {
+            for (const child of this.childMap.values()) {
+                child.parentAutosizer = null;
+            }
+        }
+        this.childMap.clear();
+        this.flaggedChildren.length = 0;
+    }
+}
+//# sourceMappingURL=Autosizer.js.map

package/dist/src/core/Autosizer.js.map

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

package/dist/src/core/CoreNode.d.ts

@@ -48,21 +48,13 @@ export declare enum UpdateType {
      */
     Clipping = 8,
     /**
-     * Calculated ZIndex update
-     *
-     * @remarks
-     * CoreNode Properties Updated:
-     * - `calcZIndex`
-     */
-    CalculatedZIndex = 16,
-    /**
-     * Z-Index Sorted Children update
+     * Sort Z-Index Children update
      *
      * @remarks
      * CoreNode Properties Updated:
      * - `children` (sorts children by their `calcZIndex`)
      */
-    ZIndexSortedChildren = 32,
+    SortZIndexChildren = 16,
     /**
      * Premultiplied Colors update
      *
@@ -73,7 +65,7 @@ export declare enum UpdateType {
      * - `premultipliedColorBl`
      * - `premultipliedColorBr`
      */
-    PremultipliedColors = 64,
+    PremultipliedColors = 32,
     /**
      * World Alpha update
      *
@@ -81,7 +73,7 @@ export declare enum UpdateType {
      * CoreNode Properties Updated:
      * - `worldAlpha` = `parent.worldAlpha` * `alpha`
      */
-    WorldAlpha = 128,
+    WorldAlpha = 64,
     /**
      * Render State update
      *
@@ -89,7 +81,7 @@ export declare enum UpdateType {
      * CoreNode Properties Updated:
      * - `renderState`
      */
-    RenderState = 256,
+    RenderState = 128,
     /**
      * Is Renderable update
      *
@@ -97,23 +89,23 @@ export declare enum UpdateType {
      * CoreNode Properties Updated:
      * - `isRenderable`
      */
-    IsRenderable = 512,
+    IsRenderable = 256,
     /**
      * Render Texture update
      */
-    RenderTexture = 1024,
+    RenderTexture = 512,
     /**
      * Track if parent has render texture
      */
-    ParentRenderTexture = 2048,
+    ParentRenderTexture = 1024,
     /**
      * Render Bounds update
      */
-    RenderBounds = 4096,
+    RenderBounds = 2048,
     /**
      * RecalcUniforms
      */
-    RecalcUniforms = 8192,
+    RecalcUniforms = 4096,
     /**
      * None
      */
@@ -121,7 +113,7 @@ export declare enum UpdateType {
     /**
      * All
      */
-    All = 14335
+    All = 7167
 }
 /**
  * A custom data map which can be stored on an CoreNode
@@ -318,7 +310,11 @@ export interface CoreNodeProps {
      * The Node's z-index.
      *
      * @remarks
-     * TBD
+     * Max z-index of children under the same parent determines which child
+     * is rendered on top. Higher z-index means the Node is rendered on top of
+     * children with lower z-index.
+     *
+     * Max value is 1000 and min value is -1000. Values outside of this range will be clamped.
      */
     zIndex: number;
     /**
@@ -373,7 +369,6 @@ export interface CoreNodeProps {
      * settings being defaults)
      */
     src: string | null;
-    zIndexLocked: number;
     /**
      * Scale to render the Node at
      *
@@ -625,7 +620,12 @@ export declare class CoreNode extends EventEmitter {
     protected _id: number;
     readonly props: CoreNodeProps;
     private hasShaderUpdater;
+    hasShaderTimeFn: boolean;
     private hasColorProps;
+    private zIndexMin;
+    private zIndexMax;
+    previousZIndex: number;
+    zIndexSortList: CoreNode[];
     updateType: UpdateType;
     childUpdateType: UpdateType;
     globalTransform?: Matrix3d;
@@ -638,7 +638,6 @@ export declare class CoreNode extends EventEmitter {
     preloadBound?: Bound;
     clippingRect: RectWithValid;
     textureCoords?: TextureCoords;
-    updateTextureCoords: boolean;
     updateShaderUniforms: boolean;
     isRenderable: boolean;
     renderState: CoreNodeRenderState;
@@ -658,6 +657,13 @@ export declare class CoreNode extends EventEmitter {
     destroyed: boolean;
     constructor(stage: Stage, props: CoreNodeProps);
     loadTexture(): void;
+    /**
+     * Task for queueMicrotask to loadTexture
+     *
+     * @remarks
+     * This method is called in a microtask to release the texture.
+     */
+    private loadTextureTask;
     unloadTexture(): void;
     protected onTextureLoaded: TextureLoadedEventHandler;
     private onTextureFailed;
@@ -671,7 +677,6 @@ export declare class CoreNode extends EventEmitter {
      * @param type
      */
     setUpdateType(type: UpdateType): void;
-    sortChildren(): void;
     updateLocalTransform(): void;
     /**
      * @todo: test for correct calculation flag
@@ -685,6 +690,10 @@ export declare class CoreNode extends EventEmitter {
     updateBoundingRect(): void;
     createRenderBounds(): void;
     updateRenderState(renderState: CoreNodeRenderState): void;
+    /**
+     * Checks if the node is renderable based on world alpha, dimensions and out of bounds status.
+     */
+    checkBasicRenderability(): boolean;
     /**
      * Updates the `isRenderable` property based on various conditions.
      */
@@ -698,6 +707,14 @@ export declare class CoreNode extends EventEmitter {
      * Changes the renderable state of the node.
      */
     updateTextureOwnership(isRenderable: boolean): void;
+    /**
+     * Checks if the node is out of the viewport bounds.
+     */
+    isOutOfBounds(): boolean;
+    /**
+     * Checks if the node has dimensions (width/height)
+     */
+    hasDimensions(): boolean;
     calculateRenderCoords(): void;
     /**
      * This function calculates the clipping rectangle for a node.
@@ -708,12 +725,15 @@ export declare class CoreNode extends EventEmitter {
      * Finally, the node's parentClippingRect and clippingRect properties are updated.
      */
     calculateClippingRect(parentClippingRect: RectWithValid): void;
-    calculateZIndex(): void;
     /**
      * Destroy the node and cleanup all resources
      */
     destroy(): void;
     renderQuads(renderer: CoreRenderer): void;
+    getTimerValue(): number;
+    sortChildren(): void;
+    removeChild(node: CoreNode, targetParent?: CoreNode | null): void;
+    addChild(node: CoreNode, previousParent?: CoreNode | null): void;
     get id(): number;
     get data(): CustomDataMap | undefined;
     set data(d: CustomDataMap | undefined);
@@ -773,8 +793,6 @@ export declare class CoreNode extends EventEmitter {
     set colorBl(value: number);
     get colorBr(): number;
     set colorBr(value: number);
-    get zIndexLocked(): number;
-    set zIndexLocked(value: number);
     get zIndex(): number;
     set zIndex(value: number);
     get parent(): CoreNode | null;