@lightningjs/renderer 2.19.0 → 2.20.0

package/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.ts

@@ -162,7 +162,7 @@ export class RadialGradientEffect extends ShaderEffect {
   static override onColorize = (props: RadialGradientEffectProps) => {
     const colors = props.colors!.length || 1;
     return `
-      vec2 point = v_textureCoordinate.xy * u_dimensions;
+      vec2 point = v_nodeCoordinate.xy * u_dimensions;
       vec2 projection = vec2(pivot.x * u_dimensions.x, pivot.y * u_dimensions.y);
 
       float dist = length((point - projection) / vec2(width, height));

package/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.ts

@@ -162,7 +162,7 @@ export class RadialProgressEffect extends ShaderEffect {
 
     float endAngle = range * progress - 0.0005;
 
-    vec2 uv = v_textureCoordinate.xy * u_dimensions.xy - u_dimensions * 0.5;
+    vec2 uv = v_nodeCoordinate.xy * u_dimensions.xy - u_dimensions * 0.5;
 
     uv = $rotateUV(uv, -(offset));
     float linewidth = width * u_pixelRatio;

package/src/core/renderers/webgl/shaders/effects/RadiusEffect.ts

@@ -97,11 +97,11 @@ export class RadiusEffect extends ShaderEffect {
 
   static override onShaderMask = `
   vec2 halfDimensions = u_dimensions * 0.5;
-  float r = radius[0] * step(v_textureCoordinate.x, 0.5) * step(v_textureCoordinate.y, 0.5);
-  r = r + radius[1] * step(0.5, v_textureCoordinate.x) * step(v_textureCoordinate.y, 0.5);
-  r = r + radius[2] * step(0.5, v_textureCoordinate.x) * step(0.5, v_textureCoordinate.y);
-  r = r + radius[3] * step(v_textureCoordinate.x, 0.5) * step(0.5, v_textureCoordinate.y);
-  return $boxDist(v_textureCoordinate.xy * u_dimensions - halfDimensions, halfDimensions, r);
+  float r = radius[0] * step(v_nodeCoordinate.x, 0.5) * step(v_nodeCoordinate.y, 0.5);
+  r = r + radius[1] * step(0.5, v_nodeCoordinate.x) * step(v_nodeCoordinate.y, 0.5);
+  r = r + radius[2] * step(0.5, v_nodeCoordinate.x) * step(0.5, v_nodeCoordinate.y);
+  r = r + radius[3] * step(v_nodeCoordinate.x, 0.5) * step(0.5, v_nodeCoordinate.y);
+  return $boxDist(v_nodeCoordinate.xy * u_dimensions - halfDimensions, halfDimensions, r);
   `;
 
   static override onEffectMask = `

package/src/core/textures/Texture.ts

@@ -45,7 +45,7 @@ export type TextureLoadedEventHandler = (
 /**
  * Represents compressed texture data.
  */
-interface CompressedData {
+export interface CompressedData {
   /**
    * GLenum spcifying compression format
    */
@@ -54,12 +54,12 @@ interface CompressedData {
   /**
    * All mipmap levels
    */
-  mipmaps?: ArrayBuffer[];
+  mipmaps: ArrayBuffer[];
 
   /**
-   * Supported container types ('pvr' or 'ktx').
+   * Supported container types ('pvr', 'ktx', 'astc').
    */
-  type: 'pvr' | 'ktx';
+  type: 'pvr' | 'ktx' | 'astc';
 
   /**
    * The width of the compressed texture in pixels. Defaults to 0.
@@ -72,6 +72,15 @@ interface CompressedData {
    * The height of the compressed texture in pixels.
    **/
   height: number;
+
+  /**
+   * block info
+   */
+  blockInfo: {
+    width: number;
+    height: number;
+    bytes: number;
+  };
 }
 
 /**
@@ -298,7 +307,6 @@ export abstract class Texture extends EventEmitter {
       // We've exceeded the max retry count, do not attempt to load again
       return;
     }
-
     this.txManager.loadTexture(this);
   }
 
@@ -386,7 +394,6 @@ export abstract class Texture extends EventEmitter {
     if (this.state === state) {
       return;
     }
-
     let payload: Error | Dimensions | null = null;
     if (state === 'loaded') {
       // Clear any previous error when successfully loading

package/src/main-api/Inspector.ts

@@ -52,14 +52,16 @@ const stylePropertyMap: {
   },
   width: (w) => {
     if (w === 0) {
-      return null;
+      // Set to 1px instead of 0px so visibility checks (e.g. Playwright) keep treating the node as visible
+      return { prop: 'width', value: '1px' };
     }
 
     return { prop: 'width', value: `${w}px` };
   },
   height: (h) => {
     if (h === 0) {
-      return null;
+      // Set to 1px instead of 0px so visibility checks (e.g. Playwright) keep treating the node as visible
+      return { prop: 'height', value: '1px' };
     }
 
     return { prop: 'height', value: `${h}px` };
@@ -179,6 +181,7 @@ const knownProperties = new Set<string>([
   'src',
   'parent',
   'data',
+  'text',
   'texture',
 ]);
 
@@ -192,7 +195,7 @@ export class Inspector {
   private textureMetrics = new Map<Texture, TextureMetrics>();
 
   constructor(canvas: HTMLCanvasElement, settings: RendererMainSettings) {
-    if (isProductionEnvironment()) return;
+    if (isProductionEnvironment) return;
 
     if (!settings) {
       throw new Error('settings is required');
@@ -575,9 +578,10 @@ export class Inspector {
     if (property === 'text') {
       div.innerHTML = String(value);
 
-      // hide text because we can't render SDF fonts
-      // it would look weird and obstruct the WebGL rendering
-      div.style.visibility = 'hidden';
+      // Keep DOM text invisible without breaking visibility checks by using color:transparent instead of opacity:0
+      div.style.color = 'transparent';
+      div.style.pointerEvents = 'none';
+      div.style.userSelect = 'none';
       return;
     }
 

package/src/main-api/Renderer.ts

@@ -515,7 +515,7 @@ export class RendererMain extends EventEmitter {
     targetEl.appendChild(canvas);
 
     // Initialize inspector (if enabled)
-    if (inspector && !isProductionEnvironment()) {
+    if (inspector && !isProductionEnvironment) {
       this.inspector = new inspector(canvas, resolvedSettings);
     }
   }

package/src/utils.ts

@@ -80,7 +80,7 @@ export function assertTruthy(
   condition: unknown,
   message?: string,
 ): asserts condition {
-  if (isProductionEnvironment() === true) return;
+  if (isProductionEnvironment) return;
   if (!condition) {
     throw new Error(message || 'Assertion failed');
   }
@@ -235,9 +235,9 @@ export function getImageAspectRatio(width: number, height: number): number {
  *
  * @returns
  */
-export function isProductionEnvironment(): boolean {
-  return import.meta.env && import.meta.env.PROD;
-}
+declare const __DEV__: boolean;
+export const isProductionEnvironment =
+  typeof __DEV__ !== 'undefined' ? !__DEV__ : true;
 
 /**
  * Returns a new unique ID

package/dist/exports/canvas-shaders.d.ts

@@ -1,10 +0,0 @@
-export * from '../src/core/renderers/canvas/CanvasShaderNode.js';
-export { Rounded } from '../src/core/shaders/canvas/Rounded.js';
-export { RoundedWithBorder } from '../src/core/shaders/canvas/RoundedWithBorder.js';
-export { RoundedWithBorderAndShadow } from '../src/core/shaders/canvas/RoundedWithBorderAndShadow.js';
-export { RoundedWithShadow } from '../src/core/shaders/canvas/RoundedWithShadow.js';
-export { Border } from '../src/core/shaders/canvas/Border.js';
-export { Shadow } from '../src/core/shaders/canvas/Shadow.js';
-export { HolePunch } from '../src/core/shaders/canvas/HolePunch.js';
-export { LinearGradient } from '../src/core/shaders/canvas/LinearGradient.js';
-export { RadialGradient } from '../src/core/shaders/canvas/RadialGradient.js';

package/dist/exports/canvas-shaders.js

@@ -1,27 +0,0 @@
-/*
- * 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.
- *
- * SPDX-License-Identifier: Apache-2.0
- */
-export * from '../src/core/renderers/canvas/CanvasShaderNode.js';
-export { Rounded } from '../src/core/shaders/canvas/Rounded.js';
-export { RoundedWithBorder } from '../src/core/shaders/canvas/RoundedWithBorder.js';
-export { RoundedWithBorderAndShadow } from '../src/core/shaders/canvas/RoundedWithBorderAndShadow.js';
-export { RoundedWithShadow } from '../src/core/shaders/canvas/RoundedWithShadow.js';
-export { Border } from '../src/core/shaders/canvas/Border.js';
-export { Shadow } from '../src/core/shaders/canvas/Shadow.js';
-export { HolePunch } from '../src/core/shaders/canvas/HolePunch.js';
-export { LinearGradient } from '../src/core/shaders/canvas/LinearGradient.js';
-export { RadialGradient } from '../src/core/shaders/canvas/RadialGradient.js';
-//# sourceMappingURL=canvas-shaders.js.map

package/dist/exports/canvas-shaders.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"canvas-shaders.js","sourceRoot":"","sources":["../../exports/canvas-shaders.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,cAAc,kDAAkD,CAAC;AAEjE,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iDAAiD,CAAC;AACpF,OAAO,EAAE,0BAA0B,EAAE,MAAM,0DAA0D,CAAC;AACtG,OAAO,EAAE,iBAAiB,EAAE,MAAM,iDAAiD,CAAC;AACpF,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAC"}

package/dist/exports/webgl-shaders.d.ts

@@ -1,11 +0,0 @@
-export * from '../src/core/renderers/webgl/WebGlShaderNode.js';
-export { Rounded } from '../src/core/shaders/webgl/Rounded.js';
-export { RoundedWithBorder } from '../src/core/shaders/webgl/RoundedWithBorder.js';
-export { RoundedWithBorderAndShadow } from '../src/core/shaders/webgl/RoundedWithBorderAndShadow.js';
-export { RoundedWithShadow } from '../src/core/shaders/webgl/RoundedWithShadow.js';
-export { Border } from '../src/core/shaders/webgl/Border.js';
-export { Shadow } from '../src/core/shaders/webgl/Shadow.js';
-export { HolePunch } from '../src/core/shaders/webgl/HolePunch.js';
-export { LinearGradient } from '../src/core/shaders/webgl/LinearGradient.js';
-export { RadialGradient } from '../src/core/shaders/webgl/RadialGradient.js';
-export { Default } from '../src/core/shaders/webgl/Default.js';

package/dist/exports/webgl-shaders.js

@@ -1,28 +0,0 @@
-/*
- * 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.
- *
- * SPDX-License-Identifier: Apache-2.0
- */
-export * from '../src/core/renderers/webgl/WebGlShaderNode.js';
-export { Rounded } from '../src/core/shaders/webgl/Rounded.js';
-export { RoundedWithBorder } from '../src/core/shaders/webgl/RoundedWithBorder.js';
-export { RoundedWithBorderAndShadow } from '../src/core/shaders/webgl/RoundedWithBorderAndShadow.js';
-export { RoundedWithShadow } from '../src/core/shaders/webgl/RoundedWithShadow.js';
-export { Border } from '../src/core/shaders/webgl/Border.js';
-export { Shadow } from '../src/core/shaders/webgl/Shadow.js';
-export { HolePunch } from '../src/core/shaders/webgl/HolePunch.js';
-export { LinearGradient } from '../src/core/shaders/webgl/LinearGradient.js';
-export { RadialGradient } from '../src/core/shaders/webgl/RadialGradient.js';
-export { Default } from '../src/core/shaders/webgl/Default.js';
-//# sourceMappingURL=webgl-shaders.js.map

package/dist/exports/webgl-shaders.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webgl-shaders.js","sourceRoot":"","sources":["../../exports/webgl-shaders.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,cAAc,gDAAgD,CAAC;AAE/D,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AACnF,OAAO,EAAE,0BAA0B,EAAE,MAAM,yDAAyD,CAAC;AACrG,OAAO,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AACnF,OAAO,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC"}

package/dist/src/core/lib/colorCache.d.ts

@@ -1 +0,0 @@
-export declare function normalizeCanvasColor(color: number, isRGBA?: boolean): string;

package/dist/src/core/lib/colorCache.js

@@ -1,19 +0,0 @@
-import { parseToAbgrString, parseToRgbaString } from './colorParser.js';
-const parsedArgbColors = new Map();
-const parsedRgbaColors = new Map();
-export function normalizeCanvasColor(color, isRGBA = false) {
-    let targetCache = isRGBA === true ? parsedRgbaColors : parsedArgbColors;
-    let out = targetCache.get(color);
-    if (out !== undefined) {
-        return out;
-    }
-    if (isRGBA === true) {
-        out = parseToRgbaString(color);
-    }
-    else {
-        out = parseToAbgrString(color);
-    }
-    targetCache.set(color, out);
-    return out;
-}
-//# sourceMappingURL=colorCache.js.map

package/dist/src/core/lib/colorCache.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"colorCache.js","sourceRoot":"","sources":["../../../../src/core/lib/colorCache.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAExE,MAAM,gBAAgB,GAAwB,IAAI,GAAG,EAAE,CAAC;AACxD,MAAM,gBAAgB,GAAwB,IAAI,GAAG,EAAE,CAAC;AAExD,MAAM,UAAU,oBAAoB,CAAC,KAAa,EAAE,SAAkB,KAAK;IACzE,IAAI,WAAW,GAAG,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC;IACxE,IAAI,GAAG,GAAG,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACjC,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;QACtB,OAAO,GAAG,CAAC;IACb,CAAC;IAED,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;QACpB,GAAG,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC;SAAM,CAAC;QACN,GAAG,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC;IACD,WAAW,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAC5B,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/src/core/lib/colorParser.d.ts

@@ -1,21 +0,0 @@
-export interface IParsedColor {
-    isWhite: boolean;
-    a: number;
-    r: number;
-    g: number;
-    b: number;
-}
-/**
- * Extract color components
- */
-export declare function parseColor(abgr: number): IParsedColor;
-export declare function parseToAbgrString(abgr: number): string;
-export declare function parseToRgbaString(rgba: number): string;
-/**
- * Extract color components
- */
-export declare function parseColorRgba(rgba: number): IParsedColor;
-/**
- * Format a parsed color into a rgba CSS color
- */
-export declare function formatRgba({ a, r, g, b }: IParsedColor): string;

package/dist/src/core/lib/colorParser.js

@@ -1,72 +0,0 @@
-/*
- * 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.
- */
-const WHITE = {
-    isWhite: true,
-    a: 1,
-    r: 0xff,
-    g: 0xff,
-    b: 0xff,
-};
-/**
- * Extract color components
- */
-export function parseColor(abgr) {
-    if (abgr === 0xffffffff) {
-        return WHITE;
-    }
-    const a = ((abgr >>> 24) & 0xff) / 255;
-    const b = (abgr >>> 16) & 0xff & 0xff;
-    const g = (abgr >>> 8) & 0xff & 0xff;
-    const r = abgr & 0xff & 0xff;
-    return { isWhite: false, a, r, g, b };
-}
-export function parseToAbgrString(abgr) {
-    const a = ((abgr >>> 24) & 0xff) / 255;
-    const b = (abgr >>> 16) & 0xff & 0xff;
-    const g = (abgr >>> 8) & 0xff & 0xff;
-    const r = abgr & 0xff & 0xff;
-    return `rgba(${r},${g},${b},${a})`;
-}
-export function parseToRgbaString(rgba) {
-    const r = (rgba >>> 24) & 0xff;
-    const g = (rgba >>> 16) & 0xff & 0xff;
-    const b = (rgba >>> 8) & 0xff & 0xff;
-    const a = (rgba & 0xff & 0xff) / 255;
-    return `rgba(${r},${g},${b},${a})`;
-}
-/**
- * Extract color components
- */
-export function parseColorRgba(rgba) {
-    if (rgba === 0xffffffff) {
-        return WHITE;
-    }
-    const r = (rgba >>> 24) & 0xff;
-    const g = (rgba >>> 16) & 0xff & 0xff;
-    const b = (rgba >>> 8) & 0xff & 0xff;
-    const a = (rgba & 0xff & 0xff) / 255;
-    return { isWhite: false, r, g, b, a };
-}
-/**
- * Format a parsed color into a rgba CSS color
- */
-export function formatRgba({ a, r, g, b }) {
-    return `rgba(${r},${g},${b},${a})`;
-}
-//# sourceMappingURL=colorParser.js.map

package/dist/src/core/lib/colorParser.js.map

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

package/dist/src/core/platforms/Platform.d.ts

@@ -1,37 +0,0 @@
-import { type Stage } from '../Stage.js';
-export declare abstract class Platform {
-    /**
-     * Creates a new canvas element.
-     * @returns The created HTMLCanvasElement.
-     */
-    abstract createCanvas(): HTMLCanvasElement;
-    /**
-     * Get a DOM element by ID
-     * @returns The DOM element (or null)
-     */
-    abstract getElementById(id: string): HTMLElement | null;
-    /**
-     * Starts the main rendering loop, calling the provided update function every frame.
-     * @param Stage - The stage for rendering
-     */
-    abstract startLoop(stage: Stage): void;
-    /**
-     * Abstracted createImageBitmap method.
-     * @param blob - The image source to create the ImageBitmap from.
-     * @param sxOrOptions - The source rectangle x coordinate or ImageBitmapOptions.
-     * @param sy - The source rectangle y coordinate.
-     * @param sw - The source rectangle width.
-     * @param sh - The source rectangle height.
-     * @param options - The ImageBitmapOptions.
-     * @returns A promise that resolves with the created ImageBitmap.
-     */
-    abstract createImageBitmap(blob: ImageBitmapSource): Promise<ImageBitmap>;
-    abstract createImageBitmap(blob: ImageBitmapSource, options: ImageBitmapOptions): Promise<ImageBitmap>;
-    abstract createImageBitmap(blob: ImageBitmapSource, sx: number, sy: number, sw: number, sh: number): Promise<ImageBitmap>;
-    abstract createImageBitmap(blob: ImageBitmapSource, sx: number, sy: number, sw: number, sh: number, options: ImageBitmapOptions): Promise<ImageBitmap>;
-    /**
-     * Retrieves the current timestamp.
-     * @returns The current timestamp.
-     */
-    abstract getTimeStamp(): number;
-}

package/dist/src/core/platforms/Platform.js

@@ -1,22 +0,0 @@
-/*
- * 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 {} from '../Stage.js';
-export class Platform {
-}
-//# sourceMappingURL=Platform.js.map

package/dist/src/core/platforms/Platform.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Platform.js","sourceRoot":"","sources":["../../../../src/core/platforms/Platform.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAc,MAAM,aAAa,CAAC;AAEzC,MAAM,OAAgB,QAAQ;CAuD7B"}

package/dist/src/core/platforms/web/WebPlatform.d.ts

@@ -1,9 +0,0 @@
-import { Platform } from '../Platform.js';
-import type { Stage } from '../../Stage.js';
-export declare class WebPlatform extends Platform {
-    createCanvas(): HTMLCanvasElement;
-    getElementById(id: string): HTMLElement | null;
-    startLoop(stage: Stage): void;
-    createImageBitmap(blob: ImageBitmapSource, sxOrOptions?: number | ImageBitmapOptions, sy?: number, sw?: number, sh?: number, options?: ImageBitmapOptions): Promise<ImageBitmap>;
-    getTimeStamp(): number;
-}

package/dist/src/core/platforms/web/WebPlatform.js

@@ -1,84 +0,0 @@
-import { Platform } from '../Platform.js';
-export class WebPlatform extends Platform {
-    ////////////////////////
-    // Platform-specific methods
-    ////////////////////////
-    createCanvas() {
-        const canvas = document.createElement('canvas');
-        return canvas;
-    }
-    getElementById(id) {
-        return document.getElementById(id);
-    }
-    ////////////////////////
-    // Update loop
-    ////////////////////////
-    startLoop(stage) {
-        let isIdle = false;
-        let lastFrameTime = 0;
-        const runLoop = (currentTime = 0) => {
-            const targetFrameTime = stage.targetFrameTime;
-            // Check if we should throttle this frame
-            if (targetFrameTime > 0 &&
-                currentTime - lastFrameTime < targetFrameTime) {
-                // Too early for next frame, schedule with setTimeout for precise timing
-                const delay = targetFrameTime - (currentTime - lastFrameTime);
-                setTimeout(() => requestAnimationFrame(runLoop), delay);
-                return;
-            }
-            stage.updateFrameTime();
-            stage.updateAnimations();
-            if (!stage.hasSceneUpdates()) {
-                // We still need to calculate the fps else it looks like the app is frozen
-                stage.calculateFps();
-                if (targetFrameTime > 0) {
-                    // Use setTimeout for throttled idle frames
-                    setTimeout(() => requestAnimationFrame(runLoop), Math.max(targetFrameTime, 16.666666666666668));
-                }
-                else {
-                    // Use standard idle timeout when not throttling
-                    setTimeout(() => requestAnimationFrame(runLoop), 16.666666666666668);
-                }
-                if (!isIdle) {
-                    stage.shManager.cleanup();
-                    stage.eventBus.emit('idle');
-                    isIdle = true;
-                }
-                if (stage.txMemManager.checkCleanup() === true) {
-                    stage.txMemManager.cleanup(false);
-                }
-                stage.flushFrameEvents();
-                return;
-            }
-            isIdle = false;
-            stage.drawFrame();
-            stage.flushFrameEvents();
-            // Schedule next frame
-            if (targetFrameTime > 0) {
-                // Use setTimeout + rAF combination for precise FPS control
-                const nextFrameDelay = Math.max(0, targetFrameTime - (performance.now() - currentTime));
-                setTimeout(() => requestAnimationFrame(runLoop), nextFrameDelay);
-            }
-            else {
-                // Use standard rAF when not throttling
-                requestAnimationFrame(runLoop);
-            }
-        };
-        requestAnimationFrame(runLoop);
-    }
-    ////////////////////////
-    // ImageBitmap
-    ////////////////////////
-    createImageBitmap(blob, sxOrOptions, sy, sw, sh, options) {
-        if (typeof sxOrOptions === 'number') {
-            return createImageBitmap(blob, sxOrOptions, sy ?? 0, sw ?? 0, sh ?? 0, options);
-        }
-        else {
-            return createImageBitmap(blob, sxOrOptions);
-        }
-    }
-    getTimeStamp() {
-        return performance ? performance.now() : Date.now();
-    }
-}
-//# sourceMappingURL=WebPlatform.js.map

package/dist/src/core/platforms/web/WebPlatform.js.map

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

package/dist/src/core/renderers/CoreShaderNode.d.ts

@@ -1,59 +0,0 @@
-import { type CoreNode } from '../CoreNode.js';
-import type { Stage } from '../Stage.js';
-export interface AdvShaderProp<T = any, Props = Record<string, unknown>> {
-    /**
-     * default value
-     */
-    default: T;
-    resolve?: (this: AdvShaderProp<T, Props>, value: T, props: Props) => T;
-    transform?: (start: T, end: T, progress: number) => T;
-}
-export type AdvancedShaderProp<T = any, Props = Record<string, unknown>> = (AdvShaderProp<T, Props> & {
-    set: (value: T, props: Props) => void;
-    get: (props: Props) => T;
-}) | (AdvShaderProp<T, Props> & {
-    set?: never;
-    get?: never;
-});
-export type ShaderProp<T, Props> = T | AdvancedShaderProp<T, Props>;
-export type ShaderProps<Props> = {
-    [K in keyof Props]: ShaderProp<Props[K], Props>;
-};
-export declare function isAdvancedShaderProp(obj: any): obj is AdvancedShaderProp;
-export declare function resolveShaderProps(props: Record<string, unknown>, propsConfig: ShaderProps<Record<string, unknown>>): void;
-/**
- * CoreShaderType is a template for ShaderTypes the renderer.
- * You could view a ShaderType as a configuration object that contains methods,
- * and values that you can use to alter the way a node is drawn by the Renderer.
- */
-export interface CoreShaderType<Props extends object = any> {
-    /**
-     * Values you use to draw the Shader
-     */
-    props?: ShaderProps<Props>;
-    /**
-     * used for making a cache key to check for reusability, currently only used for webgl ShaderTypes but might be needed for other types of renderer
-     */
-    getCacheMarkers?: (props: Props) => string;
-}
-/**
- * CoreShaderNode is a base class that manages the shader prop values.
- * When a prop is being updated the CoreShaderNode will notify either the associated CoreNode,
- * or the Stage that there has been a change and a new render of the scene.
- */
-export declare class CoreShaderNode<Props extends object = Record<string, unknown>> {
-    readonly shaderKey: string;
-    readonly stage: Stage;
-    readonly shaderType: CoreShaderType<Props>;
-    protected propsConfig: ShaderProps<Props> | undefined;
-    readonly resolvedProps: Props | undefined;
-    protected definedProps: Props | undefined;
-    protected node: CoreNode | null;
-    update: (() => void) | undefined;
-    constructor(shaderKey: string, type: CoreShaderType<Props>, stage: Stage, props?: Props);
-    private defineProps;
-    attachNode(node: CoreNode): void;
-    createValueKey(): string;
-    get props(): Props | undefined;
-    set props(props: Props | undefined);
-}