@lightningjs/renderer 2.18.3 → 2.19.0

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

@@ -0,0 +1,37 @@
+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

@@ -0,0 +1,22 @@
+/*
+ * 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,84 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -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 = 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);
+}

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

@@ -0,0 +1,113 @@
+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;
+    }
+    createValueKey() {
+        let valueKey = '';
+        for (const key in this.resolvedProps) {
+            valueKey += `${key}:${this.resolvedProps[key]};`;
+        }
+        valueKey += `node-width:${this.node.w}`;
+        valueKey += `node-height:${this.node.h}`;
+        return valueKey;
+    }
+    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,35 @@
+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;
+    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;
+    /**
+     * Updates the clear color of the canvas renderer.
+     *
+     * @param color - The color to set as the clear color.
+     */
+    updateClearColor(color: number): void;
+    updateViewport(): void;
+    getDefaultShaderNode(): null;
+}

package/dist/src/core/renderers/canvas/CanvasRenderer.js

@@ -0,0 +1,201 @@
+import { SubTexture } from '../../textures/SubTexture.js';
+import { TextureType } from '../../textures/Texture.js';
+import { CoreRenderer, } from '../CoreRenderer.js';
+import { CanvasTexture } from './CanvasTexture.js';
+import { parseColor } from '../../lib/colorParser.js';
+import { assertTruthy } from '../../../utils.js';
+import { CanvasShaderNode } from './CanvasShaderNode.js';
+import { normalizeCanvasColor } from '../../lib/colorCache.js';
+export class CanvasRenderer extends CoreRenderer {
+    context;
+    canvas;
+    pixelRatio;
+    clearColor;
+    renderToTextureActive = false;
+    activeRttNode = null;
+    constructor(options) {
+        super(options);
+        this.mode = 'canvas';
+        const { canvas } = options;
+        this.canvas = canvas;
+        this.context = canvas.getContext('2d');
+        this.pixelRatio = this.stage.pixelRatio;
+        this.clearColor = normalizeCanvasColor(this.stage.clearColor);
+    }
+    reset() {
+        this.canvas.width = this.canvas.width; // quick reset canvas
+        const ctx = this.context;
+        if (this.clearColor) {
+            ctx.fillStyle = this.clearColor;
+            ctx.fillRect(0, 0, this.canvas.width, this.canvas.height);
+        }
+        ctx.scale(this.pixelRatio, this.pixelRatio);
+    }
+    render() {
+        // noop
+    }
+    addQuad(quad) {
+        const ctx = this.context;
+        const { tx, ty, ta, tb, tc, td, clippingRect } = quad;
+        let texture = quad.texture;
+        const textureType = texture?.type;
+        assertTruthy(textureType, 'Texture type is not defined');
+        // The Canvas2D renderer only supports image and color textures
+        if (textureType !== TextureType.image &&
+            textureType !== TextureType.color &&
+            textureType !== TextureType.subTexture &&
+            textureType !== TextureType.noise) {
+            return;
+        }
+        if (texture) {
+            if (texture instanceof SubTexture) {
+                texture = texture.parentTexture;
+            }
+            if (texture.state === 'freed') {
+                return;
+            }
+            if (texture.state !== 'loaded') {
+                return;
+            }
+        }
+        const hasTransform = ta !== 1;
+        const hasClipping = clippingRect.width !== 0 && clippingRect.height !== 0;
+        const hasShader = quad.shader !== null;
+        let saveAndRestore = hasTransform === true || hasClipping === true;
+        if (hasShader === true) {
+            saveAndRestore =
+                saveAndRestore || quad.shader.applySNR;
+        }
+        if (saveAndRestore) {
+            ctx.save();
+        }
+        if (hasClipping === true) {
+            const path = new Path2D();
+            const { x, y, width, height } = clippingRect;
+            path.rect(x, y, width, height);
+            ctx.clip(path);
+        }
+        if (hasTransform === true) {
+            // Quad transform:
+            // | ta tb tx |
+            // | tc td ty |
+            // | 0  0  1  |
+            // C2D transform:
+            // | a  c  e  |
+            // | b  d  f  |
+            // | 0  0  1  |
+            const scale = this.pixelRatio;
+            ctx.setTransform(ta, tc, tb, td, tx * scale, ty * scale);
+            ctx.scale(scale, scale);
+            ctx.translate(-tx, -ty);
+        }
+        if (hasShader === true) {
+            let renderContext = () => {
+                this.renderContext(quad);
+            };
+            quad.shader.render(ctx, quad, renderContext);
+            renderContext = null;
+        }
+        else {
+            this.renderContext(quad);
+        }
+        if (saveAndRestore) {
+            ctx.restore();
+        }
+    }
+    renderContext(quad) {
+        const color = quad.colorTl;
+        const textureType = quad.texture?.type;
+        if ((textureType === TextureType.image ||
+            textureType === TextureType.subTexture ||
+            textureType === TextureType.noise) &&
+            quad.texture?.ctxTexture) {
+            const tintColor = parseColor(color);
+            const image = quad.texture.ctxTexture.getImage(tintColor);
+            this.context.globalAlpha = tintColor.a ?? quad.alpha;
+            if (textureType === TextureType.subTexture) {
+                this.context.drawImage(image, quad.texture.props.x, quad.texture.props.y, quad.texture.props.w, quad.texture.props.h, quad.tx, quad.ty, quad.width, quad.height);
+            }
+            else {
+                try {
+                    this.context.drawImage(image, quad.tx, quad.ty, quad.width, quad.height);
+                    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                }
+                catch (error) {
+                    // noop
+                }
+            }
+            this.context.globalAlpha = 1;
+            return;
+        }
+        const hasGradient = quad.colorTl !== quad.colorTr || quad.colorTl !== quad.colorBr;
+        if (textureType === TextureType.color && hasGradient) {
+            let endX = quad.tx;
+            let endY = quad.ty;
+            let endColor;
+            if (quad.colorTl === quad.colorTr) {
+                // vertical
+                endX = quad.tx;
+                endY = quad.ty + quad.height;
+                endColor = quad.colorBr;
+            }
+            else {
+                // horizontal
+                endX = quad.tx + quad.width;
+                endY = quad.ty;
+                endColor = quad.colorTr;
+            }
+            const gradient = this.context.createLinearGradient(quad.tx, quad.ty, endX, endY);
+            gradient.addColorStop(0, normalizeCanvasColor(color));
+            gradient.addColorStop(1, normalizeCanvasColor(endColor));
+            this.context.fillStyle = gradient;
+            this.context.fillRect(quad.tx, quad.ty, quad.width, quad.height);
+        }
+        else if (textureType === TextureType.color) {
+            this.context.fillStyle = normalizeCanvasColor(color);
+            this.context.fillRect(quad.tx, quad.ty, quad.width, quad.height);
+        }
+    }
+    createShaderNode(shaderKey, shaderType, props) {
+        return new CanvasShaderNode(shaderKey, shaderType, this.stage, props);
+    }
+    createShaderProgram(shaderConfig) {
+        return null;
+    }
+    supportsShaderType(shaderType) {
+        return shaderType.render !== undefined;
+    }
+    createCtxTexture(textureSource) {
+        return new CanvasTexture(this.stage.txMemManager, textureSource);
+    }
+    renderRTTNodes() {
+        // noop
+    }
+    removeRTTNode(node) {
+        // noop
+    }
+    renderToTexture(node) {
+        // noop
+    }
+    getBufferInfo() {
+        return null;
+    }
+    getQuadCount() {
+        return null;
+    }
+    /**
+     * Updates the clear color of the canvas renderer.
+     *
+     * @param color - The color to set as the clear color.
+     */
+    updateClearColor(color) {
+        this.clearColor = normalizeCanvasColor(color);
+    }
+    updateViewport() {
+        // noop
+    }
+    getDefaultShaderNode() {
+        return null;
+    }
+}
+//# sourceMappingURL=CanvasRenderer.js.map

package/dist/src/core/renderers/canvas/CanvasRenderer.js.map

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

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

@@ -0,0 +1,21 @@
+import type { CoreNode } from '../../CoreNode.js';
+import type { Stage } from '../../Stage.js';
+import type { QuadOptions } from '../CoreRenderer.js';
+import { CoreShaderNode, type CoreShaderType } from '../CoreShaderNode.js';
+export type CanvasShaderType<T extends object = Record<string, unknown>, C extends object = Record<string, unknown>> = CoreShaderType<T> & {
+    render: (this: CanvasShaderNode<T, C>, ctx: CanvasRenderingContext2D, quad: QuadOptions, renderContext: () => void) => void;
+    update?: (this: CanvasShaderNode<T, C>, node: CoreNode) => void;
+    /**
+     * Set this to true when using ctx functions that scale, clip, rotate, etc..
+     */
+    saveAndRestore?: boolean;
+};
+export declare class CanvasShaderNode<Props extends object = Record<string, unknown>, Computed extends object = Record<string, unknown>> extends CoreShaderNode<Props> {
+    private updater;
+    private valueKey;
+    computed: Partial<Computed>;
+    applySNR: boolean;
+    render: CanvasShaderType<Props>['render'];
+    constructor(shaderKey: string, config: CanvasShaderType<Props>, stage: Stage, props?: Props);
+    toColorString(rgba: number): string;
+}