@lightningjs/renderer 3.0.0-beta2 → 3.0.0-beta21

package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.js

@@ -16,202 +16,123 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export {};
-/*
-export function getRadius(quad: QuadOptions): RadiusEffectProps['radius'] {
-  if (quad.shader instanceof UnsupportedShader) {
-    const shType = quad.shader.shType;
-    if (shType === ROUNDED_RECTANGLE_SHADER_TYPE) {
-      return (quad.shaderProps?.radius as number) ?? 0;
-    } else if (shType === 'DynamicShader') {
-      const effects = quad.shaderProps?.effects as
-        | EffectDescUnion[]
-        | undefined;
-
-      if (effects) {
-        const effect = effects.find((effect: EffectDescUnion) => {
-          return effect.type === 'radius' && effect?.props?.radius;
-        });
-
-        return (effect && effect.type === 'radius' && effect.props.radius) || 0;
-      }
+import { ROUNDED_RECTANGLE_SHADER_TYPE, UnsupportedShader, } from '../shaders/UnsupportedShader.js';
+import { formatRgba, parseColorRgba } from './ColorUtils.js';
+/**
+ * Extract `RoundedRectangle` shader radius to apply as a clipping
+ */
+export function getRadius(quad) {
+    if (quad.shader instanceof UnsupportedShader) {
+        const shType = quad.shader.shType;
+        if (shType === ROUNDED_RECTANGLE_SHADER_TYPE) {
+            return quad.shaderProps?.radius ?? 0;
+        }
+        else if (shType === 'DynamicShader') {
+            const effects = quad.shaderProps?.effects;
+            if (effects) {
+                const effect = effects.find((effect) => {
+                    return effect.type === 'radius' && effect?.props?.radius;
+                });
+                return (effect && effect.type === 'radius' && effect.props.radius) || 0;
+            }
+        }
     }
-  }
-  return 0;
+    return 0;
 }
-
-export function getBorder(
-  quad: QuadOptions,
-  direction: '' | Direction = '',
-): BorderEffectProps | undefined {
-  if (quad.shader instanceof UnsupportedShader) {
-    const shType = quad.shader.shType;
-    if (shType === 'DynamicShader') {
-      const effects = quad.shaderProps?.effects as
-        | EffectDescUnion[]
-        | undefined;
-
-      if (effects && effects.length) {
-        const effect = effects.find((effect: EffectDescUnion) => {
-          return (
-            effect.type === `border${direction}` &&
-            effect.props &&
-            effect.props.width
-          );
-        });
-
-        return effect && effect.props;
-      }
+/**
+ * Extract `RoundedRectangle` shader radius to apply as a clipping */
+export function getBorder(quad, direction = '') {
+    if (quad.shader instanceof UnsupportedShader) {
+        const shType = quad.shader.shType;
+        if (shType === 'DynamicShader') {
+            const effects = quad.shaderProps?.effects;
+            if (effects && effects.length) {
+                const effect = effects.find((effect) => {
+                    return (effect.type === `border${direction}` &&
+                        effect.props &&
+                        effect.props.width);
+                });
+                return effect && effect.props;
+            }
+        }
     }
-  }
-
-  return undefined;
+    return undefined;
 }
-
-export function roundRect(
-  this: CanvasRenderingContext2D | Path2D,
-  x: number,
-  y: number,
-  width: number,
-  height: number,
-  radius: number | DOMPointInit | (number | DOMPointInit)[],
-) {
-  const context = Object.getPrototypeOf(this) as Path2D;
-  if (!context.roundRect) {
-    const fixOverlappingCorners = (radii: {
-      topLeft: number;
-      topRight: number;
-      bottomRight: number;
-      bottomLeft: number;
-    }) => {
-      const maxRadius = Math.min(width / 2, height / 2);
-      const totalHorizontal =
-        radii.topLeft + radii.topRight + radii.bottomRight + radii.bottomLeft;
-
-      if (totalHorizontal > width || totalHorizontal > height) {
-        const scale =
-          maxRadius /
-          Math.max(
-            radii.topLeft,
-            radii.topRight,
-            radii.bottomRight,
-            radii.bottomLeft,
-          );
-        radii.topLeft *= scale;
-        radii.topRight *= scale;
-        radii.bottomRight *= scale;
-        radii.bottomLeft *= scale;
-      }
-    };
-    const radii =
-      typeof radius === 'number'
-        ? {
-            topLeft: radius,
-            topRight: radius,
-            bottomRight: radius,
-            bottomLeft: radius,
-          }
-        : { topLeft: 0, topRight: 0, bottomRight: 0, bottomLeft: 0, ...radius };
-
-    fixOverlappingCorners(radii);
-
-    this.moveTo(x + radii.topLeft, y);
-    this.lineTo(x + width - radii.topRight, y);
-    this.ellipse(
-      x + width - radii.topRight,
-      y + radii.topRight,
-      radii.topRight,
-      radii.topRight,
-      0,
-      1.5 * Math.PI,
-      2 * Math.PI,
-    );
-    this.lineTo(x + width, y + height - radii.bottomRight);
-    this.ellipse(
-      x + width - radii.bottomRight,
-      y + height - radii.bottomRight,
-      radii.bottomRight,
-      radii.bottomRight,
-      0,
-      0,
-      0.5 * Math.PI,
-    );
-    this.lineTo(x + radii.bottomLeft, y + height);
-    this.ellipse(
-      x + radii.bottomLeft,
-      y + height - radii.bottomLeft,
-      radii.bottomLeft,
-      radii.bottomLeft,
-      0,
-      0.5 * Math.PI,
-      Math.PI,
-    );
-    this.lineTo(x, y + radii.topLeft);
-    this.ellipse(
-      x + radii.topLeft,
-      y + radii.topLeft,
-      radii.topLeft,
-      radii.topLeft,
-      0,
-      Math.PI,
-      1.5 * Math.PI,
-    );
-  } else {
-    this.roundRect(x, y, width, height, radius);
-  }
+export function roundRect(x, y, width, height, radius) {
+    const context = Object.getPrototypeOf(this);
+    if (!context.roundRect) {
+        const fixOverlappingCorners = (radii) => {
+            const maxRadius = Math.min(width / 2, height / 2);
+            const totalHorizontal = radii.topLeft + radii.topRight + radii.bottomRight + radii.bottomLeft;
+            if (totalHorizontal > width || totalHorizontal > height) {
+                const scale = maxRadius /
+                    Math.max(radii.topLeft, radii.topRight, radii.bottomRight, radii.bottomLeft);
+                radii.topLeft *= scale;
+                radii.topRight *= scale;
+                radii.bottomRight *= scale;
+                radii.bottomLeft *= scale;
+            }
+        };
+        const radii = typeof radius === 'number'
+            ? {
+                topLeft: radius,
+                topRight: radius,
+                bottomRight: radius,
+                bottomLeft: radius,
+            }
+            : { topLeft: 0, topRight: 0, bottomRight: 0, bottomLeft: 0, ...radius };
+        fixOverlappingCorners(radii);
+        this.moveTo(x + radii.topLeft, y);
+        this.lineTo(x + width - radii.topRight, y);
+        this.ellipse(x + width - radii.topRight, y + radii.topRight, radii.topRight, radii.topRight, 0, 1.5 * Math.PI, 2 * Math.PI);
+        this.lineTo(x + width, y + height - radii.bottomRight);
+        this.ellipse(x + width - radii.bottomRight, y + height - radii.bottomRight, radii.bottomRight, radii.bottomRight, 0, 0, 0.5 * Math.PI);
+        this.lineTo(x + radii.bottomLeft, y + height);
+        this.ellipse(x + radii.bottomLeft, y + height - radii.bottomLeft, radii.bottomLeft, radii.bottomLeft, 0, 0.5 * Math.PI, Math.PI);
+        this.lineTo(x, y + radii.topLeft);
+        this.ellipse(x + radii.topLeft, y + radii.topLeft, radii.topLeft, radii.topLeft, 0, Math.PI, 1.5 * Math.PI);
+    }
+    else {
+        this.roundRect(x, y, width, height, radius);
+    }
 }
-
-export function strokeLine(
-  ctx: CanvasRenderingContext2D,
-  x: number,
-  y: number,
-  width: number,
-  height: number,
-  lineWidth = 0,
-  color: number | undefined,
-  direction: Direction,
-) {
-  if (!lineWidth) {
-    return;
-  }
-
-  let sx,
-    sy = 0;
-  let ex,
-    ey = 0;
-
-  switch (direction) {
-    case 'Top':
-      sx = x;
-      sy = y;
-      ex = width + x;
-      ey = y;
-      break;
-    case 'Right':
-      sx = x + width;
-      sy = y;
-      ex = x + width;
-      ey = y + height;
-      break;
-    case 'Bottom':
-      sx = x;
-      sy = y + height;
-      ex = x + width;
-      ey = y + height;
-      break;
-    case 'Left':
-      sx = x;
-      sy = y;
-      ex = x;
-      ey = y + height;
-      break;
-  }
-  ctx.beginPath();
-  ctx.lineWidth = lineWidth;
-  ctx.strokeStyle = formatRgba(parseColorRgba(color ?? 0));
-  ctx.moveTo(sx, sy);
-  ctx.lineTo(ex, ey);
-  ctx.stroke();
+export function strokeLine(ctx, x, y, width, height, lineWidth = 0, color, direction) {
+    if (!lineWidth) {
+        return;
+    }
+    let sx, sy = 0;
+    let ex, ey = 0;
+    switch (direction) {
+        case 'Top':
+            sx = x;
+            sy = y;
+            ex = width + x;
+            ey = y;
+            break;
+        case 'Right':
+            sx = x + width;
+            sy = y;
+            ex = x + width;
+            ey = y + height;
+            break;
+        case 'Bottom':
+            sx = x;
+            sy = y + height;
+            ex = x + width;
+            ey = y + height;
+            break;
+        case 'Left':
+            sx = x;
+            sy = y;
+            ex = x;
+            ey = y + height;
+            break;
+    }
+    ctx.beginPath();
+    ctx.lineWidth = lineWidth;
+    ctx.strokeStyle = formatRgba(parseColorRgba(color ?? 0));
+    ctx.moveTo(sx, sy);
+    ctx.lineTo(ex, ey);
+    ctx.stroke();
 }
-*/
 //# sourceMappingURL=C2DShaderUtils.js.map

package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"C2DShaderUtils.js","sourceRoot":"","sources":["../../../../../../src/core/renderers/canvas/internal/C2DShaderUtils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;;AAMH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoME"}
+{"version":3,"file":"C2DShaderUtils.js","sourceRoot":"","sources":["../../../../../../src/core/renderers/canvas/internal/C2DShaderUtils.ts"],"names":[],"mappings":"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"}

package/dist/src/core/renderers/canvas/internal/ColorUtils.d.ts

@@ -9,8 +9,6 @@ export interface IParsedColor {
  * 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
  */

package/dist/src/core/renderers/canvas/internal/ColorUtils.js

@@ -36,20 +36,6 @@ export function parseColor(abgr) {
     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
  */

package/dist/src/core/renderers/canvas/internal/ColorUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorUtils.js","sourceRoot":"","sources":["../../../../../../src/core/renderers/canvas/internal/ColorUtils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ColorUtils.js","sourceRoot":"","sources":["../../../../../../src/core/renderers/canvas/internal/ColorUtils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAUH,MAAM,KAAK,GAAiB;IAC1B,OAAO,EAAE,IAAI;IACb,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;CACR,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,IAAY;IACrC,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;QACxB,OAAO,KAAK,CAAC;IACf,CAAC;IACD,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC;IACvC,MAAM,CAAC,GAAG,CAAC,IAAI,KAAK,EAAE,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,MAAM,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;IACrC,MAAM,CAAC,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AACxC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,IAAY;IACzC,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;QACxB,OAAO,KAAK,CAAC;IACf,CAAC;IACD,MAAM,CAAC,GAAG,CAAC,IAAI,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAC/B,MAAM,CAAC,GAAG,CAAC,IAAI,KAAK,EAAE,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,MAAM,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;IACrC,MAAM,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC;IACrC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AACxC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAgB;IACrD,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;AACrC,CAAC"}

package/dist/src/core/renderers/webgl/SdfRenderOp.d.ts

@@ -0,0 +1,33 @@
+import { CoreRenderOp } from '../CoreRenderOp.js';
+import type { WebGlCtxTexture } from './WebGlCtxTexture.js';
+import type { WebGlRenderer } from './WebGlRenderer.js';
+import type { BufferCollection } from './internal/BufferCollection.js';
+import type { WebGlShaderNode } from './WebGlShaderNode.js';
+import type { RectWithValid } from '../../lib/utils.js';
+import type { Dimensions } from '../../../common/CommonTypes.js';
+import type { Stage } from '../../Stage.js';
+/**
+ * Can render multiple quads with multiple textures (up to vertex shader texture limit)
+ *
+ */
+export declare class SdfRenderOp extends CoreRenderOp {
+    readonly renderer: WebGlRenderer;
+    readonly shader: WebGlShaderNode;
+    readonly sdfShaderProps: Record<string, unknown>;
+    readonly quadBufferCollection: BufferCollection;
+    readonly worldAlpha: number;
+    readonly clippingRect: RectWithValid;
+    readonly w: number;
+    readonly h: number;
+    readonly rtt: boolean;
+    readonly parentHasRenderTexture: boolean;
+    readonly framebufferDimensions: Dimensions | null;
+    numQuads: number;
+    readonly isCoreNode: false;
+    renderOpTextures: WebGlCtxTexture[];
+    time: number;
+    readonly stage: Stage;
+    constructor(renderer: WebGlRenderer, shader: WebGlShaderNode, sdfShaderProps: Record<string, unknown>, quadBufferCollection: BufferCollection, worldAlpha: number, clippingRect: RectWithValid, w: number, h: number, rtt: boolean, parentHasRenderTexture: boolean, framebufferDimensions: Dimensions | null);
+    addTexture(texture: WebGlCtxTexture): number;
+    draw(): void;
+}

package/dist/src/core/renderers/webgl/SdfRenderOp.js

@@ -0,0 +1,97 @@
+/*
+ * 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 { CoreRenderOp } from '../CoreRenderOp.js';
+/**
+ * Can render multiple quads with multiple textures (up to vertex shader texture limit)
+ *
+ */
+export class SdfRenderOp extends CoreRenderOp {
+    renderer;
+    shader;
+    sdfShaderProps;
+    quadBufferCollection;
+    worldAlpha;
+    clippingRect;
+    w;
+    h;
+    rtt;
+    parentHasRenderTexture;
+    framebufferDimensions;
+    numQuads = 0;
+    isCoreNode = false;
+    renderOpTextures = [];
+    time = 0;
+    stage;
+    constructor(renderer, shader, sdfShaderProps, quadBufferCollection, worldAlpha, clippingRect, w, h, rtt, parentHasRenderTexture, framebufferDimensions) {
+        super();
+        this.renderer = renderer;
+        this.shader = shader;
+        this.sdfShaderProps = sdfShaderProps;
+        this.quadBufferCollection = quadBufferCollection;
+        this.worldAlpha = worldAlpha;
+        this.clippingRect = clippingRect;
+        this.w = w;
+        this.h = h;
+        this.rtt = rtt;
+        this.parentHasRenderTexture = parentHasRenderTexture;
+        this.framebufferDimensions = framebufferDimensions;
+        this.stage = renderer.stage;
+    }
+    addTexture(texture) {
+        const { renderOpTextures } = this;
+        const length = renderOpTextures.length;
+        // We only support 1 texture (atlas) for SDF for now, but following the pattern
+        for (let i = 0; i < length; i++) {
+            if (renderOpTextures[i] === texture) {
+                return i;
+            }
+        }
+        renderOpTextures.push(texture);
+        return length;
+    }
+    draw() {
+        const { glw, options, stage } = this.renderer;
+        stage.shManager.useShader(this.shader.program);
+        this.shader.program.bindRenderOp(this);
+        // Clipping
+        if (this.clippingRect.valid === true) {
+            const pixelRatio = this.parentHasRenderTexture ? 1 : stage.pixelRatio;
+            const clipX = Math.round(this.clippingRect.x * pixelRatio);
+            const clipWidth = Math.round(this.clippingRect.w * pixelRatio);
+            const clipHeight = Math.round(this.clippingRect.h * pixelRatio);
+            let clipY = Math.round(options.canvas.height - clipHeight - this.clippingRect.y * pixelRatio);
+            // if parent has render texture, we need to adjust the scissor rect
+            // to be relative to the parent's framebuffer
+            if (this.parentHasRenderTexture) {
+                clipY = this.framebufferDimensions
+                    ? this.framebufferDimensions.h - this.h
+                    : 0;
+            }
+            glw.setScissorTest(true);
+            glw.scissor(clipX, clipY, clipWidth, clipHeight);
+        }
+        else {
+            glw.setScissorTest(false);
+        }
+        // SDF rendering uses drawArrays with explicit triangle vertices (6 vertices per quad)
+        // Note: buffers should be bound by bindRenderOp -> bindBufferCollection
+        glw.drawArrays(glw.TRIANGLES, 0, 6 * this.numQuads);
+    }
+}
+//# sourceMappingURL=SdfRenderOp.js.map

package/dist/src/core/renderers/webgl/SdfRenderOp.js.map

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

package/dist/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.js

@@ -27,6 +27,9 @@ export class WebGlCoreCtxRenderTexture extends WebGlCoreCtxTexture {
         const { glw } = this;
         const nativeTexture = (this._nativeCtxTexture =
             this.createNativeCtxTexture());
+        if (!nativeTexture) {
+            throw new Error('Failed to create native texture for RenderTexture');
+        }
         const { width, height } = this.textureSource;
         // Create Framebuffer object
         this.framebuffer = glw.createFramebuffer();

package/dist/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.js.map

@@ -1 +1 @@
-{"version":3,"file":"WebGlCoreCtxRenderTexture.js","sourceRoot":"","sources":["../../../../../src/core/renderers/webgl/WebGlCoreCtxRenderTexture.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAGH,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAIjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,MAAM,OAAO,yBAA0B,SAAQ,mBAAmB;IAGzD,WAAW,GAA4B,IAAI,CAAC;IAEnD,YACE,GAAwB,EACxB,UAAgC,EAChC,aAA4B;QAE5B,KAAK,CAAC,GAAG,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC;IACxC,CAAC;IAEQ,KAAK,CAAC,aAAa;QAC1B,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;QACrB,MAAM,aAAa,GAAG,CAAC,IAAI,CAAC,iBAAiB;YAC3C,IAAI,CAAC,sBAAsB,EAAE,CAAC,CAAC;QACjC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC;QAE7C,4BAA4B;QAC5B,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAE3C,2CAA2C;QAC3C,GAAG,CAAC,UAAU,CACZ,CAAC,EACD,GAAG,CAAC,IAAI,EACR,KAAK,EACL,MAAM,EACN,CAAC,EACD,GAAG,CAAC,IAAI,EACR,GAAG,CAAC,aAAa,EACjB,IAAI,CACL,CAAC;QAEF,oCAAoC;QACpC,IAAI,CAAC,gBAAgB,CAAC,KAAK,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC;QAE1C,uBAAuB;QACvB,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAEtC,wCAAwC;QACxC,GAAG,CAAC,oBAAoB,CAAC,GAAG,CAAC,iBAAiB,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC;QAElE,yBAAyB;QACzB,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAE1B,OAAO;YACL,KAAK;YACL,MAAM;SACP,CAAC;IACJ,CAAC;IAEQ,IAAI;QACX,KAAK,CAAC,IAAI,EAAE,CAAC;QAEb,yBAAyB;QACzB,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC7C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;IAC1B,CAAC;CACF"}
+{"version":3,"file":"WebGlCoreCtxRenderTexture.js","sourceRoot":"","sources":["../../../../../src/core/renderers/webgl/WebGlCoreCtxRenderTexture.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAGH,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAIjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,MAAM,OAAO,yBAA0B,SAAQ,mBAAmB;IAGzD,WAAW,GAA4B,IAAI,CAAC;IAEnD,YACE,GAAwB,EACxB,UAAgC,EAChC,aAA4B;QAE5B,KAAK,CAAC,GAAG,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC;IACxC,CAAC;IAEQ,KAAK,CAAC,aAAa;QAC1B,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;QACrB,MAAM,aAAa,GAAG,CAAC,IAAI,CAAC,iBAAiB;YAC3C,IAAI,CAAC,sBAAsB,EAAE,CAAC,CAAC;QAEjC,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;QACvE,CAAC;QAED,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC;QAE7C,4BAA4B;QAC5B,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAE3C,2CAA2C;QAC3C,GAAG,CAAC,UAAU,CACZ,CAAC,EACD,GAAG,CAAC,IAAI,EACR,KAAK,EACL,MAAM,EACN,CAAC,EACD,GAAG,CAAC,IAAI,EACR,GAAG,CAAC,aAAa,EACjB,IAAI,CACL,CAAC;QAEF,oCAAoC;QACpC,IAAI,CAAC,gBAAgB,CAAC,KAAK,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC;QAE1C,uBAAuB;QACvB,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAEtC,wCAAwC;QACxC,GAAG,CAAC,oBAAoB,CAAC,GAAG,CAAC,iBAAiB,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC;QAElE,yBAAyB;QACzB,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAE1B,OAAO;YACL,KAAK;YACL,MAAM;SACP,CAAC;IACJ,CAAC;IAEQ,IAAI;QACX,KAAK,CAAC,IAAI,EAAE,CAAC;QAEb,yBAAyB;QACzB,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC7C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;IAC1B,CAAC;CACF"}

package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.d.ts

@@ -19,7 +19,16 @@ export declare class WebGlCoreCtxTexture extends CoreContextTexture {
     protected _nativeCtxTexture: WebGLTexture | null;
     private _w;
     private _h;
+    txCoordX1: number;
+    txCoordY1: number;
+    txCoordX2: number;
+    txCoordY2: number;
     constructor(glw: WebGlContextWrapper, memManager: TextureMemoryManager, textureSource: Texture);
+    /**
+     * GL error check with direct state marking
+     * Uses cached error result to minimize function calls
+     */
+    private checkGLError;
     get ctxTexture(): WebGLTexture | null;
     get w(): number;
     get h(): number;
@@ -32,7 +41,7 @@ export declare class WebGlCoreCtxTexture extends CoreContextTexture {
      * to force the texture to be pre-loaded prior to accessing the ctxTexture
      * property.
      */
-    load(): void;
+    load(): Promise<void>;
     /**
      * Called when the texture data needs to be loaded and uploaded to a texture
      */
@@ -44,14 +53,17 @@ export declare class WebGlCoreCtxTexture extends CoreContextTexture {
      */
     free(): void;
     /**
-     * Create native context texture
+     * Release the WebGLTexture from the GPU without changing state
+     */
+    release(): void;
+    /**
+     * Create native context texture asynchronously
      *
      * @remarks
-     * When this method returns the returned texture will be bound to the GL context state.
+     * When this method resolves, the returned texture will be bound to the GL context state
+     * and fully ready for use. This ensures proper GPU resource allocation timing.
      *
-     * @param width
-     * @param height
-     * @returns
+     * @returns Promise that resolves to the native WebGL texture or null on failure
      */
     protected createNativeCtxTexture(): WebGLTexture | null;
 }