@lightningtv/renderer 3.0.0-beta1

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

@@ -0,0 +1,68 @@
+export async function validateCreateImageBitmap() {
+    // Test if createImageBitmap is supported using a simple 1x1 PNG image
+    // prettier-ignore
+    const pngBinaryData = new Uint8Array([
+        0x89, 0x50, 0x4e, 0x47,
+        0x0d, 0x0a, 0x1a, 0x0a, // PNG signature
+        0x00, 0x00, 0x00, 0x0d, // IHDR chunk length
+        0x49, 0x48, 0x44, 0x52, // "IHDR" chunk type
+        0x00, 0x00, 0x00, 0x01, // Width: 1
+        0x00, 0x00, 0x00, 0x01, // Height: 1
+        0x01, // Bit depth: 1
+        0x03, // Color type: Indexed
+        0x00, // Compression method: Deflate
+        0x00, // Filter method: None
+        0x00, // Interlace method: None
+        0x25, 0xdb, 0x56, 0xca, // CRC for IHDR
+        0x00, 0x00, 0x00, 0x03, // PLTE chunk length
+        0x50, 0x4c, 0x54, 0x45, // "PLTE" chunk type
+        0x00, 0x00, 0x00, // Palette entry: Black
+        0xa7, 0x7a, 0x3d, 0xda, // CRC for PLTE
+        0x00, 0x00, 0x00, 0x01, // tRNS chunk length
+        0x74, 0x52, 0x4e, 0x53, // "tRNS" chunk type
+        0x00, // Transparency for black: Fully transparent
+        0x40, 0xe6, 0xd8, 0x66, // CRC for tRNS
+        0x00, 0x00, 0x00, 0x0a, // IDAT chunk length
+        0x49, 0x44, 0x41, 0x54, // "IDAT" chunk type
+        0x08, 0xd7, // Deflate header
+        0x63, 0x60, 0x00, 0x00,
+        0x00, 0x02, 0x00, 0x01, // Zlib-compressed data
+        0xe2, 0x21, 0xbc, 0x33, // CRC for IDAT
+        0x00, 0x00, 0x00, 0x00, // IEND chunk length
+        0x49, 0x45, 0x4e, 0x44, // "IEND" chunk type
+        0xae, 0x42, 0x60, 0x82, // CRC for IEND
+    ]);
+    const support = {
+        basic: false,
+        options: false,
+        full: false,
+    };
+    // Test basic createImageBitmap support
+    const blob = new Blob([pngBinaryData], { type: 'image/png' });
+    const bitmap = await createImageBitmap(blob);
+    bitmap.close?.();
+    support.basic = true;
+    // Test createImageBitmap with options support
+    try {
+        const options = { premultiplyAlpha: 'none' };
+        const bitmapWithOptions = await createImageBitmap(blob, options);
+        bitmapWithOptions.close?.();
+        support.options = true;
+    }
+    catch (e) {
+        /* ignore */
+    }
+    // Test createImageBitmap with full options support
+    try {
+        const bitmapWithFullOptions = await createImageBitmap(blob, 0, 0, 1, 1, {
+            premultiplyAlpha: 'none',
+        });
+        bitmapWithFullOptions.close?.();
+        support.full = true;
+    }
+    catch (e) {
+        /* ignore */
+    }
+    return support;
+}
+//# sourceMappingURL=validateImageBitmap.js.map

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

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

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

@@ -0,0 +1,10 @@
+import type { Stage } from './Stage.js';
+/**
+ * Platform render loop initiator
+ */
+export declare const startLoop: (stage: Stage) => void;
+/**
+ * Return unix timestamp
+ * @return {number}
+ */
+export declare const getTimeStamp: () => number;

package/dist/src/core/platform.js

@@ -0,0 +1,56 @@
+/*
+ * 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.
+ */
+/**
+ * Platform render loop initiator
+ */
+export const startLoop = (stage) => {
+    let isIdle = false;
+    const runLoop = () => {
+        stage.updateFrameTime();
+        stage.updateAnimations();
+        if (!stage.hasSceneUpdates()) {
+            // We still need to calculate the fps else it looks like the app is frozen
+            stage.calculateFps();
+            setTimeout(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();
+        requestAnimationFrame(runLoop);
+    };
+    requestAnimationFrame(runLoop);
+};
+/**
+ * Return unix timestamp
+ * @return {number}
+ */
+export const getTimeStamp = () => {
+    return performance ? performance.now() : Date.now();
+};
+//# sourceMappingURL=platform.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"platform.js","sourceRoot":"","sources":["../../../src/core/platform.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAIH;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAY,EAAE,EAAE;IACxC,IAAI,MAAM,GAAG,KAAK,CAAC;IACnB,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,KAAK,CAAC,gBAAgB,EAAE,CAAC;QAEzB,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,EAAE,CAAC;YAC7B,0EAA0E;YAC1E,KAAK,CAAC,YAAY,EAAE,CAAC;YACrB,UAAU,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;YAExC,IAAI,CAAC,MAAM,EAAE,CAAC;gBACZ,KAAK,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;gBAC1B,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBAC5B,MAAM,GAAG,IAAI,CAAC;YAChB,CAAC;YAED,IAAI,KAAK,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC;gBAC/C,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACpC,CAAC;YAED,KAAK,CAAC,gBAAgB,EAAE,CAAC;YACzB,OAAO;QACT,CAAC;QAED,MAAM,GAAG,KAAK,CAAC;QACf,KAAK,CAAC,SAAS,EAAE,CAAC;QAClB,KAAK,CAAC,gBAAgB,EAAE,CAAC;QACzB,qBAAqB,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC,CAAC;IACF,qBAAqB,CAAC,OAAO,CAAC,CAAC;AACjC,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,OAAO,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;AACtD,CAAC,CAAC"}

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

@@ -0,0 +1,12 @@
+import type { TextureMemoryManager } from '../TextureMemoryManager.js';
+import type { Texture } from '../textures/Texture.js';
+export declare abstract class CoreContextTexture {
+    readonly textureSource: Texture;
+    private memManager;
+    state: 'freed' | 'loading' | 'loaded' | 'failed';
+    constructor(memManager: TextureMemoryManager, textureSource: Texture);
+    protected setTextureMemUse(byteSize: number): void;
+    abstract load(): void;
+    abstract free(): void;
+    get renderable(): boolean;
+}

package/dist/src/core/renderers/CoreContextTexture.js

@@ -0,0 +1,34 @@
+/*
+ * 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.
+ */
+export class CoreContextTexture {
+    textureSource;
+    memManager;
+    state = 'freed';
+    constructor(memManager, textureSource) {
+        this.memManager = memManager;
+        this.textureSource = textureSource;
+    }
+    setTextureMemUse(byteSize) {
+        this.memManager.setTextureMemUse(this.textureSource, byteSize);
+    }
+    get renderable() {
+        return this.textureSource.renderable;
+    }
+}
+//# sourceMappingURL=CoreContextTexture.js.map

package/dist/src/core/renderers/CoreContextTexture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreContextTexture.js","sourceRoot":"","sources":["../../../../src/core/renderers/CoreContextTexture.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAKH,MAAM,OAAgB,kBAAkB;IAC7B,aAAa,CAAU;IACxB,UAAU,CAAuB;IAClC,KAAK,GAA8C,OAAO,CAAC;IAElE,YAAY,UAAgC,EAAE,aAAsB;QAClE,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;IACrC,CAAC;IAES,gBAAgB,CAAC,QAAgB;QACzC,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;IACjE,CAAC;IAKD,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC;IACvC,CAAC;CACF"}

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

@@ -0,0 +1,3 @@
+export declare abstract class CoreRenderOp {
+    abstract draw(): void;
+}

package/dist/src/core/renderers/CoreRenderOp.js

@@ -0,0 +1,21 @@
+/*
+ * 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.
+ */
+export class CoreRenderOp {
+}
+//# sourceMappingURL=CoreRenderOp.js.map

package/dist/src/core/renderers/CoreRenderOp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreRenderOp.js","sourceRoot":"","sources":["../../../../src/core/renderers/CoreRenderOp.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,MAAM,OAAgB,YAAY;CAEjC"}

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

@@ -0,0 +1,68 @@
+import type { Dimensions } from '../../common/CommonTypes.js';
+import type { CoreNode } from '../CoreNode.js';
+import type { TextureOptions } from '../CoreTextureManager.js';
+import type { Stage } from '../Stage.js';
+import type { ContextSpy } from '../lib/ContextSpy.js';
+import type { RenderCoords } from '../lib/RenderCoords.js';
+import type { RectWithValid } from '../lib/utils.js';
+import type { CoreShaderProgram } from './CoreShaderProgram.js';
+import type { Texture } from '../textures/Texture.js';
+import { CoreContextTexture } from './CoreContextTexture.js';
+import type { CoreShaderType, CoreShaderNode } from './CoreShaderNode.js';
+export interface QuadOptions {
+    width: number;
+    height: number;
+    colorTl: number;
+    colorTr: number;
+    colorBl: number;
+    colorBr: number;
+    texture: Texture | null;
+    textureOptions: TextureOptions | null;
+    zIndex: number;
+    shader: CoreShaderNode | null;
+    alpha: number;
+    clippingRect: RectWithValid;
+    tx: number;
+    ty: number;
+    ta: number;
+    tb: number;
+    tc: number;
+    td: number;
+    renderCoords?: RenderCoords;
+    rtt: boolean;
+    parentHasRenderTexture: boolean;
+    framebufferDimensions: Dimensions;
+}
+export interface CoreRendererOptions {
+    stage: Stage;
+    canvas: HTMLCanvasElement | OffscreenCanvas;
+    contextSpy: ContextSpy | null;
+    forceWebGL2: boolean;
+}
+export interface BufferInfo {
+    totalUsed: number;
+    totalAvailable: number;
+}
+export declare abstract class CoreRenderer {
+    options: CoreRendererOptions;
+    mode: 'webgl' | 'canvas' | undefined;
+    readonly stage: Stage;
+    rttNodes: CoreNode[];
+    constructor(options: CoreRendererOptions);
+    abstract reset(): void;
+    abstract render(surface?: 'screen' | CoreContextTexture): void;
+    abstract addQuad(quad: QuadOptions): void;
+    abstract createCtxTexture(textureSource: Texture): CoreContextTexture;
+    abstract createShaderProgram(shaderConfig: Readonly<CoreShaderType>, props?: Record<string, unknown>): CoreShaderProgram | null;
+    abstract createShaderNode(shaderKey: string, shaderType: Readonly<CoreShaderType>, props?: Record<string, unknown>, program?: CoreShaderProgram): CoreShaderNode;
+    abstract supportsShaderType(shaderType: Readonly<CoreShaderType>): boolean;
+    abstract getDefaultShaderNode(): CoreShaderNode | null;
+    abstract get renderToTextureActive(): boolean;
+    abstract get activeRttNode(): CoreNode | null;
+    abstract renderRTTNodes(): void;
+    abstract removeRTTNode(node: CoreNode): void;
+    abstract renderToTexture(node: CoreNode): void;
+    abstract getBufferInfo(): BufferInfo | null;
+    abstract getQuadCount(): number | null;
+    abstract updateClearColor(color: number): void;
+}

package/dist/src/core/renderers/CoreRenderer.js

@@ -0,0 +1,31 @@
+/*
+ * 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 { CoreContextTexture } from './CoreContextTexture.js';
+export class CoreRenderer {
+    options;
+    mode;
+    stage;
+    //// Core Managers
+    rttNodes = [];
+    constructor(options) {
+        this.options = options;
+        this.stage = options.stage;
+    }
+}
+//# sourceMappingURL=CoreRenderer.js.map

package/dist/src/core/renderers/CoreRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreRenderer.js","sourceRoot":"","sources":["../../../../src/core/renderers/CoreRenderer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAWH,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAwC7D,MAAM,OAAgB,YAAY;IACzB,OAAO,CAAsB;IAC7B,IAAI,CAAiC;IAEnC,KAAK,CAAQ;IAEtB,kBAAkB;IAClB,QAAQ,GAAe,EAAE,CAAC;IAE1B,YAAY,OAA4B;QACtC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;IAC7B,CAAC;CA0BF"}

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

@@ -0,0 +1,59 @@
+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 = Record<string, unknown>> {
+    /**
+     * 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;
+    protected 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;
+    getResolvedProps(): Props | undefined;
+    get props(): Props | undefined;
+    set props(props: Props | undefined);
+}

package/dist/src/core/renderers/CoreShaderNode.js

@@ -0,0 +1,107 @@
+import { deepClone } from '../../utils.js';
+import { UpdateType } from '../CoreNode.js';
+export function isAdvancedShaderProp(obj) {
+    return obj !== null && typeof obj === 'object' && obj.default !== undefined;
+}
+export function resolveShaderProps(props, propsConfig) {
+    for (const key in propsConfig) {
+        if (!isAdvancedShaderProp(propsConfig[key]) && props[key] === undefined) {
+            props[key] = propsConfig[key];
+            continue;
+        }
+        const pConfig = propsConfig[key];
+        const hasValue = props[key] !== undefined;
+        if (pConfig.resolve !== undefined) {
+            props[key] = pConfig.resolve(props[key], props);
+            continue;
+        }
+        if (hasValue && pConfig.set !== undefined) {
+            pConfig.set(props[key], props);
+            continue;
+        }
+        if (hasValue) {
+            continue;
+        }
+        if (props[key] === undefined && pConfig.get === undefined) {
+            props[key] = deepClone(pConfig.default);
+            continue;
+        }
+        props[key] = pConfig.get(props);
+    }
+}
+/**
+ * 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 class CoreShaderNode {
+    shaderKey;
+    stage;
+    shaderType;
+    propsConfig;
+    resolvedProps = undefined;
+    definedProps = undefined;
+    node = null;
+    update = undefined;
+    constructor(shaderKey, type, stage, props) {
+        this.shaderKey = shaderKey;
+        this.stage = stage;
+        this.shaderType = type;
+        if (props !== undefined) {
+            /**
+             * props are already resolved by shadermanager
+             */
+            this.resolvedProps = props;
+            this.defineProps(props);
+        }
+    }
+    defineProps(props) {
+        const definedProps = {};
+        for (const key in props) {
+            const propConfig = this.shaderType.props[key];
+            const isAdvancedProp = isAdvancedShaderProp(propConfig);
+            Object.defineProperty(definedProps, key, {
+                get: () => {
+                    return this.resolvedProps[key];
+                },
+                set: (value) => {
+                    // this.resolvedProps![key as keyof Props] = value;
+                    if (isAdvancedProp === true && propConfig.resolve !== undefined) {
+                        this.resolvedProps[key] = propConfig.resolve(value, this.resolvedProps);
+                    }
+                    else if (isAdvancedProp === true && propConfig.set !== undefined) {
+                        propConfig.set(value, this.resolvedProps);
+                    }
+                    else {
+                        this.resolvedProps[key] = value;
+                    }
+                    if (this.update !== undefined && this.node !== null) {
+                        this.node.setUpdateType(UpdateType.RecalcUniforms);
+                    }
+                    else {
+                        this.stage.requestRender();
+                    }
+                },
+            });
+        }
+        this.definedProps = definedProps;
+    }
+    attachNode(node) {
+        this.node = node;
+    }
+    getResolvedProps() {
+        return this.resolvedProps;
+    }
+    get props() {
+        return this.definedProps;
+    }
+    set props(props) {
+        if (props === undefined) {
+            return;
+        }
+        for (const key in props) {
+            this.props[key] = props[key];
+        }
+    }
+}
+//# sourceMappingURL=CoreShaderNode.js.map

package/dist/src/core/renderers/CoreShaderNode.js.map

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

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

@@ -0,0 +1,4 @@
+export interface CoreShaderProgram {
+    attach?: () => void;
+    detach?: () => void;
+}

package/dist/src/core/renderers/CoreShaderProgram.js

@@ -0,0 +1,20 @@
+/*
+ * 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.
+ */
+export {};
+//# sourceMappingURL=CoreShaderProgram.js.map

package/dist/src/core/renderers/CoreShaderProgram.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreShaderProgram.js","sourceRoot":"","sources":["../../../../src/core/renderers/CoreShaderProgram.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG"}

package/dist/src/core/renderers/canvas/CanvasRenderer.d.ts

@@ -0,0 +1,36 @@
+import type { CoreNode } from '../../CoreNode.js';
+import { type Texture } from '../../textures/Texture.js';
+import type { CoreContextTexture } from '../CoreContextTexture.js';
+import { CoreRenderer, type CoreRendererOptions, type QuadOptions } from '../CoreRenderer.js';
+import { CanvasShaderNode, type CanvasShaderType } from './CanvasShaderNode.js';
+export declare class CanvasRenderer extends CoreRenderer {
+    private context;
+    private canvas;
+    private pixelRatio;
+    private clearColor;
+    renderToTextureActive: boolean;
+    activeRttNode: CoreNode | null;
+    private parsedColorCache;
+    constructor(options: CoreRendererOptions);
+    reset(): void;
+    render(): void;
+    addQuad(quad: QuadOptions): void;
+    renderContext(quad: QuadOptions): void;
+    createShaderNode(shaderKey: string, shaderType: Readonly<CanvasShaderType>, props?: Record<string, any>): CanvasShaderNode<Record<string, any>, Record<string, unknown>>;
+    createShaderProgram(shaderConfig: any): null;
+    supportsShaderType(shaderType: Readonly<CanvasShaderType>): boolean;
+    createCtxTexture(textureSource: Texture): CoreContextTexture;
+    renderRTTNodes(): void;
+    removeRTTNode(node: CoreNode): void;
+    renderToTexture(node: CoreNode): void;
+    getBufferInfo(): null;
+    getQuadCount(): null;
+    getParsedColor(color: number, isRGBA?: boolean): string;
+    /**
+     * Updates the clear color of the canvas renderer.
+     *
+     * @param color - The color to set as the clear color.
+     */
+    updateClearColor(color: number): void;
+    getDefaultShaderNode(): null;
+}