@lightningjs/renderer 3.0.0-beta10 → 3.0.0-beta12

package/dist/src/core/renderers/webgl/shaders/DynamicShader.js

@@ -0,0 +1,413 @@
+import { WebGlCoreShader, } from '../WebGlCoreShader.js';
+import {} from '../internal/ShaderUtils.js';
+import { ShaderEffect, } from './effects/ShaderEffect.js';
+import { assertTruthy } from '../../../../utils.js';
+const effectCache = new Map();
+const getResolvedEffect = (effects, effectContructors) => {
+    const key = JSON.stringify(effects);
+    if (effectCache.has(key)) {
+        return effectCache.get(key);
+    }
+    effects = effects ?? [];
+    const resolvedEffects = [];
+    const effectsLength = effects.length;
+    let i = 0;
+    for (; i < effectsLength; i++) {
+        const { name, type, props } = effects[i];
+        const resolvedEffect = {
+            name,
+            type,
+            props: {},
+        };
+        const effectConstructor = effectContructors[type];
+        const defaultPropValues = effectConstructor.resolveDefaults(props);
+        const uniforms = effectConstructor.uniforms;
+        const uniformKeys = Object.keys(uniforms);
+        const uniformsLength = uniformKeys.length;
+        let j = 0;
+        for (; j < uniformsLength; j++) {
+            const key = uniformKeys[j];
+            const uniform = uniforms[key];
+            const result = {
+                value: defaultPropValues[key],
+                programValue: undefined,
+                method: uniform.method,
+                updateOnBind: uniform.updateOnBind || false,
+                hasValidator: uniform.validator !== undefined,
+                hasProgramValueUpdater: uniform.updateProgramValue !== undefined,
+            };
+            const validatedValue = (result.hasValidator &&
+                uniform.validator(defaultPropValues[key], defaultPropValues)) ||
+                defaultPropValues[key];
+            if (defaultPropValues[key] !== validatedValue) {
+                result.validatedValue = validatedValue;
+            }
+            if (result.hasProgramValueUpdater) {
+                uniform.updateProgramValue(result);
+            }
+            if (result.programValue === undefined) {
+                result.programValue = result.value;
+            }
+            resolvedEffect.props[key] = result;
+        }
+        resolvedEffects.push(resolvedEffect);
+    }
+    effectCache.set(key, resolvedEffects);
+    return resolvedEffects;
+};
+export class DynamicShader extends WebGlCoreShader {
+    effects = [];
+    constructor(renderer, props, effectContructors) {
+        const shader = DynamicShader.createShader(props, effectContructors);
+        super({
+            renderer,
+            attributes: ['a_position', 'a_textureCoordinate', 'a_color'],
+            uniforms: [
+                { name: 'u_resolution', uniform: 'uniform2fv' },
+                { name: 'u_pixelRatio', uniform: 'uniform1f' },
+                { name: 'u_texture', uniform: 'uniform2fv' },
+                { name: 'u_dimensions', uniform: 'uniform2fv' },
+                { name: 'u_alpha', uniform: 'uniform1f' },
+                ...shader.uniforms,
+            ],
+            shaderSources: {
+                vertex: shader.vertex,
+                fragment: shader.fragment,
+            },
+        });
+        this.effects = shader.effects;
+    }
+    bindTextures(textures) {
+        const { glw } = this;
+        glw.activeTexture(0);
+        glw.bindTexture(textures[0].ctxTexture);
+    }
+    bindUniformMethods(props) {
+        const glw = this.glw;
+        const effects = props.effects;
+        const effectsL = effects.length;
+        for (let i = 0; i < effectsL; i++) {
+            const uniformInfo = this.effects[i].uniformInfo;
+            const effect = effects[i];
+            const propKeys = Object.keys(effect.props);
+            const propsLength = propKeys.length;
+            for (let j = 0; j < propsLength; j++) {
+                const key = propKeys[j];
+                const method = effect.props[key].method;
+                const location = this.getUniformLocation(uniformInfo[key].name);
+                if (method === 'uniform2fv' ||
+                    method === 'uniform2iv' ||
+                    //uniform === 'uniform3fv	' || <--- check why this isnt recognized
+                    method === 'uniform3iv' ||
+                    method === 'uniform4fv' ||
+                    method === 'uniform4iv' ||
+                    method === 'uniformMatrix2fv' ||
+                    method === 'uniformMatrix3fv' ||
+                    method === 'uniformMatrix4fv' ||
+                    method === 'uniform1f' ||
+                    method === 'uniform1fv' ||
+                    method === 'uniform1i' ||
+                    method === 'uniform1iv') {
+                    effect.props[key].setUniformValue = function () {
+                        glw[method](location, this.programValue);
+                    };
+                    continue;
+                }
+                if (method === 'uniform2f' || method === 'uniform2i') {
+                    effect.props[key].setUniformValue = function () {
+                        glw[method](location, this.programValue[0], this.programValue[1]);
+                    };
+                    continue;
+                }
+                if (method === 'uniform3f' || method === 'uniform3i') {
+                    effect.props[key].setUniformValue = function () {
+                        glw[method](location, this.programValue[0], this.programValue[1], this.programValue[2]);
+                    };
+                    continue;
+                }
+                if (method === 'uniform4f' || method === 'uniform4i') {
+                    effect.props[key].setUniformValue = function () {
+                        glw[method](location, this.programValue[0], this.programValue[1], this.programValue[2], this.programValue[3]);
+                    };
+                    continue;
+                }
+            }
+        }
+    }
+    bindProps(props) {
+        const effects = props.effects;
+        const effectsL = effects.length;
+        let i = 0;
+        for (; i < effectsL; i++) {
+            const effect = effects[i];
+            const propKeys = Object.keys(effect.props);
+            const propsLength = propKeys.length;
+            let j = 0;
+            for (; j < propsLength; j++) {
+                const key = propKeys[j];
+                const prop = effect.props[key];
+                if (prop.updateOnBind === true) {
+                    const uniform = this.renderer.shManager.getRegisteredEffects()[effect.type]?.uniforms[key];
+                    uniform?.updateProgramValue(effect.props[key], props);
+                }
+                prop.setUniformValue();
+            }
+        }
+    }
+    canBatchShaderProps(propsA, propsB) {
+        if (propsA.$alpha !== propsB.$alpha ||
+            propsA.$dimensions.width !== propsB.$dimensions.width ||
+            propsA.$dimensions.height !== propsB.$dimensions.height ||
+            propsA.effects.length !== propsB.effects.length) {
+            return false;
+        }
+        const propsEffectsLen = propsA.effects.length;
+        let i = 0;
+        for (; i < propsEffectsLen; i++) {
+            const effectA = propsA.effects[i];
+            const effectB = propsB.effects[i];
+            if (effectA.type !== effectB.type) {
+                return false;
+            }
+            for (const key in effectA.props) {
+                if ((effectB.props && !effectB.props[key]) ||
+                    effectA.props[key].value !==
+                        effectB.props[key].value) {
+                    return false;
+                }
+            }
+        }
+        return true;
+    }
+    static createShader(props, effectContructors) {
+        //counts duplicate effects
+        const effectNameCount = {};
+        const methods = {};
+        let declareUniforms = '';
+        const uniforms = [];
+        const uFx = [];
+        const effects = props.effects.map((effect) => {
+            const baseClass = effectContructors[effect.type];
+            const key = baseClass.getEffectKey(effect.props || {});
+            effectNameCount[key] = effectNameCount[key] ? ++effectNameCount[key] : 1;
+            const nr = effectNameCount[key];
+            if (nr === 1) {
+                uFx.push({ key, type: effect.type, props: effect.props });
+            }
+            //initialize new effect class;
+            const fxClass = new baseClass({
+                ref: `${key}${nr === 1 ? '' : nr}`,
+                target: key,
+                props: effect.props,
+            });
+            declareUniforms += fxClass.declaredUniforms;
+            uniforms.push(...Object.values(fxClass.uniformInfo));
+            return fxClass;
+        });
+        //build source
+        let effectMethods = '';
+        uFx?.forEach((fx) => {
+            const fxClass = effectContructors[fx.type];
+            const fxProps = fxClass.resolveDefaults((fx.props ?? {}));
+            const remap = [];
+            for (const m in fxClass.methods) {
+                let cm = m;
+                const fxMethod = fxClass.methods[m];
+                if (methods[m] && methods[m] !== fxMethod) {
+                    cm = DynamicShader.resolveMethodDuplicate(m, fxMethod, methods);
+                }
+                methods[cm] = fxMethod.replace('function', cm);
+                remap.push({ m, cm });
+            }
+            let onShaderMask = fxClass.onShaderMask instanceof Function
+                ? fxClass.onShaderMask(fxProps)
+                : fxClass.onShaderMask;
+            let onColorize = fxClass.onColorize instanceof Function
+                ? fxClass.onColorize(fxProps)
+                : fxClass.onColorize;
+            let onEffectMask = fxClass.onEffectMask instanceof Function
+                ? fxClass.onEffectMask(fxProps)
+                : fxClass.onEffectMask;
+            remap.forEach((r) => {
+                const { m, cm } = r;
+                const reg = new RegExp(`\\$${m}`, 'g');
+                if (onShaderMask) {
+                    onShaderMask = onShaderMask.replace(reg, cm);
+                }
+                if (onColorize) {
+                    onColorize = onColorize.replace(reg, cm);
+                }
+                if (onEffectMask) {
+                    onEffectMask = onEffectMask.replace(reg, cm);
+                }
+            });
+            const methodParameters = fxClass.getMethodParameters(fxClass.uniforms, fxProps);
+            const pm = methodParameters.length > 0 ? `, ${methodParameters}` : '';
+            if (onShaderMask) {
+                effectMethods += `
+        float fx_${fx.key}_onShaderMask(float shaderMask ${pm}) {
+          ${onShaderMask}
+        }
+        `;
+            }
+            if (onColorize) {
+                effectMethods += `
+          vec4 fx_${fx.key}_onColorize(float shaderMask, vec4 maskColor, vec4 shaderColor${pm}) {
+            ${onColorize}
+          }
+        `;
+            }
+            if (onEffectMask) {
+                effectMethods += `
+          vec4 fx_${fx.key}_onEffectMask(float shaderMask, vec4 maskColor, vec4 shaderColor${pm}) {
+            ${onEffectMask}
+          }
+        `;
+            }
+        });
+        let sharedMethods = '';
+        for (const m in methods) {
+            sharedMethods += methods[m];
+        }
+        //fill main functions
+        let currentMask = `mix(shaderColor, maskColor, clamp(-(lng_DefaultMask), 0.0, 1.0))`;
+        let drawEffects = `
+
+    `;
+        for (let i = 0; i < effects.length; i++) {
+            const current = effects[i];
+            const pm = current.passParameters.length > 0 ? `, ${current.passParameters}` : '';
+            const currentClass = effectContructors[current.name];
+            if (currentClass.onShaderMask) {
+                drawEffects += `
+        shaderMask = fx_${current.target}_onShaderMask(shaderMask ${pm});
+        `;
+            }
+            if (currentClass.onColorize) {
+                drawEffects += `
+        maskColor = fx_${current.target}_onColorize(shaderMask, maskColor, shaderColor${pm});
+        `;
+            }
+            if (currentClass.onEffectMask) {
+                currentMask = `fx_${current.target}_onEffectMask(shaderMask, maskColor, shaderColor${pm})`;
+            }
+            const next = effects[i + 1];
+            if (next === undefined ||
+                effectContructors[next.name].onEffectMask) {
+                drawEffects += `
+          shaderColor = ${currentMask};
+        `;
+            }
+        }
+        return {
+            effects,
+            uniforms,
+            fragment: DynamicShader.fragment(declareUniforms, sharedMethods, effectMethods, drawEffects),
+            vertex: DynamicShader.vertex(),
+        };
+    }
+    static resolveMethodDuplicate(key, effectMethod, methodCollection, increment = 0) {
+        const m = key + (increment > 0 ? increment : '');
+        if (methodCollection[m] && methodCollection[m] !== effectMethod) {
+            return this.resolveMethodDuplicate(key, effectMethod, methodCollection, ++increment);
+        }
+        return m;
+    }
+    static resolveDefaults(props, effectContructors) {
+        assertTruthy(effectContructors);
+        return {
+            effects: getResolvedEffect(props.effects ?? [], effectContructors),
+            $dimensions: {
+                width: 0,
+                height: 0,
+            },
+            $alpha: 0,
+        };
+    }
+    static makeCacheKey(props, effectContructors) {
+        let fx = '';
+        props.effects?.forEach((effect) => {
+            const baseClass = effectContructors[effect.type];
+            const key = baseClass.getEffectKey(effect.props || {});
+            fx += `,${key}`;
+        });
+        return `DynamicShader${fx}`;
+    }
+    static z$__type__Props;
+    static vertex = () => `
+    # ifdef GL_FRAGMENT_PRECISION_HIGH
+    precision highp float;
+    # else
+    precision mediump float;
+    # endif
+
+    attribute vec2 a_textureCoordinate;
+    attribute vec2 a_position;
+    attribute vec4 a_color;
+    attribute float a_textureIndex;
+
+    uniform vec2 u_resolution;
+    uniform float u_pixelRatio;
+
+    varying vec4 v_color;
+    varying vec2 v_textureCoordinate;
+    varying float v_textureIndex;
+
+    void main(){
+      vec2 normalized = a_position * u_pixelRatio / u_resolution;
+      vec2 zero_two = normalized * 2.0;
+      vec2 clip_space = zero_two - 1.0;
+
+      // pass to fragment
+      v_color = a_color;
+      v_textureCoordinate = a_textureCoordinate;
+      v_textureIndex = a_textureIndex;
+
+      // flip y
+      gl_Position = vec4(clip_space * vec2(1.0, -1.0), 0, 1);
+    }
+  `;
+    static fragment = (uniforms, methods, effectMethods, drawEffects) => `
+    # ifdef GL_FRAGMENT_PRECISION_HIGH
+    precision highp float;
+    # else
+    precision mediump float;
+    # endif
+
+    #define PI 3.14159265359
+
+    uniform vec2 u_resolution;
+    uniform vec2 u_dimensions;
+    uniform float u_alpha;
+    uniform float u_radius;
+    uniform sampler2D u_texture;
+    uniform float u_pixelRatio;
+
+    ${uniforms}
+
+    varying vec4 v_color;
+    varying vec2 v_textureCoordinate;
+
+    ${methods}
+
+    ${effectMethods}
+
+    void main() {
+      vec2 p = v_textureCoordinate.xy * u_dimensions - u_dimensions * 0.5;
+      vec2 d = abs(p) - (u_dimensions) * 0.5;
+      float lng_DefaultMask = min(max(d.x, d.y), 0.0) + length(max(d, 0.0));
+
+      vec4 shaderColor = vec4(0.0);
+      float shaderMask = lng_DefaultMask;
+
+      vec4 maskColor = texture2D(u_texture, v_textureCoordinate) * v_color;
+
+      shaderColor = mix(shaderColor, maskColor, clamp(-(lng_DefaultMask + 0.5), 0.0, 1.0));
+
+      ${drawEffects}
+
+      gl_FragColor = shaderColor * u_alpha;
+    }
+  `;
+}
+//# sourceMappingURL=DynamicShader.js.map

package/dist/src/core/renderers/webgl/shaders/DynamicShader.js.map

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

package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.d.ts

@@ -0,0 +1,28 @@
+import type { WebGlCoreRenderer } from '../WebGlCoreRenderer.js';
+import { WebGlCoreShader, type DimensionsShaderProp } from '../WebGlCoreShader.js';
+import type { WebGlCoreCtxTexture } from '../WebGlCoreCtxTexture.js';
+import type { ShaderProgramSources } from '../internal/ShaderUtils.js';
+/**
+ * Properties of the {@link RoundedRectangle} shader
+ */
+export interface RoundedRectangleProps extends DimensionsShaderProp {
+    /**
+     * Corner radius, in pixels, to cut out of the corners
+     *
+     * @defaultValue 10
+     */
+    radius?: number;
+}
+/**
+ * Similar to the {@link DefaultShader} but cuts out 4 rounded rectangle corners
+ * as defined by the specified corner {@link RoundedRectangleProps.radius}
+ */
+export declare class RoundedRectangle extends WebGlCoreShader {
+    constructor(renderer: WebGlCoreRenderer);
+    static z$__type__Props: RoundedRectangleProps;
+    static resolveDefaults(props: RoundedRectangleProps): Required<RoundedRectangleProps>;
+    bindTextures(textures: WebGlCoreCtxTexture[]): void;
+    protected bindProps(props: Required<RoundedRectangleProps>): void;
+    canBatchShaderProps(propsA: Required<RoundedRectangleProps>, propsB: Required<RoundedRectangleProps>): boolean;
+    static shaderSources: ShaderProgramSources;
+}

package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js

@@ -0,0 +1,131 @@
+/*
+ * 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 { WebGlCoreShader, } from '../WebGlCoreShader.js';
+/**
+ * Similar to the {@link DefaultShader} but cuts out 4 rounded rectangle corners
+ * as defined by the specified corner {@link RoundedRectangleProps.radius}
+ */
+export class RoundedRectangle extends WebGlCoreShader {
+    constructor(renderer) {
+        super({
+            renderer,
+            attributes: ['a_position', 'a_textureCoordinate', 'a_color'],
+            uniforms: [
+                { name: 'u_resolution', uniform: 'uniform2fv' },
+                { name: 'u_pixelRatio', uniform: 'uniform1f' },
+                { name: 'u_texture', uniform: 'uniform2f' },
+                { name: 'u_dimensions', uniform: 'uniform2fv' },
+                { name: 'u_radius', uniform: 'uniform1f' },
+            ],
+        });
+    }
+    static z$__type__Props;
+    static resolveDefaults(props) {
+        return {
+            radius: props.radius || 10,
+            $dimensions: {
+                width: 0,
+                height: 0,
+            },
+        };
+    }
+    bindTextures(textures) {
+        const { glw } = this;
+        glw.activeTexture(0);
+        glw.bindTexture(textures[0].ctxTexture);
+    }
+    bindProps(props) {
+        const radiusFactor = Math.min(props.$dimensions.width, props.$dimensions.height) /
+            (2.0 * props.radius);
+        this.glw.uniform1f(this.getUniformLocation('u_radius'), props.radius * Math.min(radiusFactor, 1));
+    }
+    canBatchShaderProps(propsA, propsB) {
+        return (propsA.radius === propsB.radius &&
+            propsA.$dimensions.width === propsB.$dimensions.width &&
+            propsA.$dimensions.height === propsB.$dimensions.height);
+    }
+    static shaderSources = {
+        vertex: `
+      # ifdef GL_FRAGMENT_PRECISION_HIGH
+      precision highp float;
+      # else
+      precision mediump float;
+      # endif
+
+      attribute vec2 a_position;
+      attribute vec2 a_textureCoordinate;
+      attribute vec4 a_color;
+      attribute float a_textureIndex;
+      attribute float a_depth;
+
+      uniform vec2 u_resolution;
+      uniform float u_pixelRatio;
+
+      varying vec4 v_color;
+      varying vec2 v_textureCoordinate;
+
+      void main() {
+        vec2 normalized = a_position * u_pixelRatio / u_resolution;
+        vec2 zero_two = normalized * 2.0;
+        vec2 clip_space = zero_two - 1.0;
+
+        // pass to fragment
+        v_color = a_color;
+        v_textureCoordinate = a_textureCoordinate;
+
+        // flip y
+        gl_Position = vec4(clip_space * vec2(1.0, -1.0), 0, 1);
+      }
+    `,
+        fragment: `
+      # ifdef GL_FRAGMENT_PRECISION_HIGH
+      precision highp float;
+      # else
+      precision mediump float;
+      # endif
+
+      uniform vec2 u_resolution;
+      uniform vec2 u_dimensions;
+      uniform float u_radius;
+      uniform sampler2D u_texture;
+
+      varying vec4 v_color;
+      varying vec2 v_textureCoordinate;
+
+      float boxDist(vec2 p, vec2 size, float radius){
+        size -= vec2(radius);
+        vec2 d = abs(p) - size;
+        return min(max(d.x, d.y), 0.0) + length(max(d, 0.0)) - radius;
+      }
+
+      float fillMask(float dist) {
+        return clamp(-dist, 0.0, 1.0);
+      }
+
+      void main() {
+        vec4 color = texture2D(u_texture, v_textureCoordinate) * v_color;
+        vec2 halfDimensions = u_dimensions * 0.5;
+
+        float d = boxDist(v_textureCoordinate.xy * u_dimensions - halfDimensions, halfDimensions + 0.5, u_radius);
+        gl_FragColor = mix(vec4(0.0), color, fillMask(d));
+      }
+    `,
+    };
+}
+//# sourceMappingURL=RoundedRectangle.js.map

package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoundedRectangle.js","sourceRoot":"","sources":["../../../../../../src/core/renderers/webgl/shaders/RoundedRectangle.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAGH,OAAO,EACL,eAAe,GAEhB,MAAM,uBAAuB,CAAC;AAgB/B;;;GAGG;AACH,MAAM,OAAO,gBAAiB,SAAQ,eAAe;IACnD,YAAY,QAA2B;QACrC,KAAK,CAAC;YACJ,QAAQ;YACR,UAAU,EAAE,CAAC,YAAY,EAAE,qBAAqB,EAAE,SAAS,CAAC;YAC5D,QAAQ,EAAE;gBACR,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,YAAY,EAAE;gBAC/C,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE;gBAC9C,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE;gBAC3C,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,YAAY,EAAE;gBAC/C,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE;aAC3C;SACF,CAAC,CAAC;IACL,CAAC;IAED,MAAM,CAAC,eAAe,CAAwB;IAE9C,MAAM,CAAU,eAAe,CAC7B,KAA4B;QAE5B,OAAO;YACL,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,EAAE;YAC1B,WAAW,EAAE;gBACX,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,CAAC;aACV;SACF,CAAC;IACJ,CAAC;IAEQ,YAAY,CAAC,QAA+B;QACnD,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;QACrB,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QACrB,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAE,CAAC,UAAU,CAAC,CAAC;IAC3C,CAAC;IAEkB,SAAS,CAAC,KAAsC;QACjE,MAAM,YAAY,GAChB,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;YAC3D,CAAC,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;QACvB,IAAI,CAAC,GAAG,CAAC,SAAS,CAChB,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC,EACnC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC,CAAC,CACzC,CAAC;IACJ,CAAC;IAEQ,mBAAmB,CAC1B,MAAuC,EACvC,MAAuC;QAEvC,OAAO,CACL,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM;YAC/B,MAAM,CAAC,WAAW,CAAC,KAAK,KAAK,MAAM,CAAC,WAAW,CAAC,KAAK;YACrD,MAAM,CAAC,WAAW,CAAC,MAAM,KAAK,MAAM,CAAC,WAAW,CAAC,MAAM,CACxD,CAAC;IACJ,CAAC;IAED,MAAM,CAAU,aAAa,GAAyB;QACpD,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+BP;QACD,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgCT;KACF,CAAC"}

package/dist/src/core/renderers/webgl/shaders/SdfShader.d.ts

@@ -0,0 +1,47 @@
+import type { WebGlCoreCtxTexture } from '../WebGlCoreCtxTexture.js';
+import type { WebGlCoreRenderer } from '../WebGlCoreRenderer.js';
+import { WebGlCoreShader } from '../WebGlCoreShader.js';
+import type { ShaderProgramSources } from '../internal/ShaderUtils.js';
+declare module '../../../CoreShaderManager.js' {
+    interface ShaderMap {
+        SdfShader: typeof SdfShader;
+    }
+}
+/**
+ * Properties of the {@link SdfShader}
+ */
+export interface SdfShaderProps {
+    transform?: Float32Array;
+    scrollY?: number;
+    /**
+     * Color in RGBA format
+     *
+     * @remarks
+     * Color channels must NOT be premultiplied by alpha for best blending results.
+     */
+    color?: number;
+    size?: number;
+    distanceRange?: number;
+    debug?: boolean;
+}
+/**
+ * SdfShader supports multi-channel and single-channel signed distance field textures.
+ *
+ * @remarks
+ * This Shader is used by the {@link SdfTextRenderer}. Do not use thie Shader
+ * directly. Instead create a Text Node and assign a SDF font family to it.
+ *
+ * @internalRemarks
+ * The only thing this shader does to support multi-channel SDFs is to
+ * add a median function to the fragment shader. If this one function call
+ * ends up being a performance bottleneck we can always look at ways to
+ * remove it.
+ */
+export declare class SdfShader extends WebGlCoreShader {
+    constructor(renderer: WebGlCoreRenderer);
+    static z$__type__Props: SdfShaderProps;
+    bindTextures(textures: WebGlCoreCtxTexture[]): void;
+    protected bindProps(props: SdfShaderProps): void;
+    static resolveDefaults(props?: SdfShaderProps): Required<SdfShaderProps>;
+    static shaderSources: ShaderProgramSources;
+}