@lightningtv/solid 3.0.0-2 → 3.0.0-21

package/dist/src/core/shaders.js

@@ -0,0 +1,446 @@
+import * as lngr_shaders from '@lightningjs/renderer/webgl/shaders';
+import { DOM_RENDERING, SHADERS_ENABLED } from './config.js';
+export const defaultShaderRounded = lngr_shaders.Rounded;
+export const defaultShaderShadow = lngr_shaders.Shadow;
+export const defaultShaderRoundedWithShadow = lngr_shaders.RoundedWithShadow;
+// TODO: lngr_shaders.RoundedWithBorderAndShadow doesn't support border-gap
+export const defaultShaderRoundedWithBorderAndShadow = lngr_shaders.RoundedWithBorderAndShadow;
+export const defaultShaderHolePunch = lngr_shaders.HolePunch;
+export const defaultShaderRadialGradient = lngr_shaders.RadialGradient;
+export const defaultShaderLinearGradient = lngr_shaders.LinearGradient;
+function calcFactoredRadiusArray(radius, width, height, out = [0, 0, 0, 0]) {
+    [out[0], out[1], out[2], out[3]] = radius;
+    let factor = Math.min(width / Math.max(width, radius[0] + radius[1]), width / Math.max(width, radius[2] + radius[3]), height / Math.max(height, radius[0] + radius[3]), height / Math.max(height, radius[1] + radius[2]), 1);
+    out[0] *= factor;
+    out[1] *= factor;
+    out[2] *= factor;
+    out[3] *= factor;
+    return out;
+}
+function toValidVec4(value) {
+    if (typeof value === 'number') {
+        return [value, value, value, value];
+    }
+    if (Array.isArray(value)) {
+        switch (value.length) {
+            default:
+            case 4:
+                return value;
+            case 3:
+                return [value[0], value[1], value[2], value[0]];
+            case 2:
+                return [value[0], value[1], value[0], value[1]];
+            case 1:
+                return [value[0], value[0], value[0], value[0]];
+            case 0:
+                break;
+        }
+    }
+    return [0, 0, 0, 0];
+}
+const roundedWithBorderProps = {
+    radius: {
+        default: [0, 0, 0, 0],
+        resolve(value) {
+            return toValidVec4(value);
+        },
+    },
+    'top-left': {
+        default: 0,
+        set(value, props) {
+            props.radius[0] = value;
+        },
+        get(props) {
+            return props.radius[0];
+        },
+    },
+    'top-right': {
+        default: 0,
+        set(value, props) {
+            props.radius[1] = value;
+        },
+        get(props) {
+            return props.radius[1];
+        },
+    },
+    'bottom-right': {
+        default: 0,
+        set(value, props) {
+            props.radius[2] = value;
+        },
+        get(props) {
+            return props.radius[2];
+        },
+    },
+    'bottom-left': {
+        default: 0,
+        set(value, props) {
+            props.radius[3] = value;
+        },
+        get(props) {
+            return props.radius[3];
+        },
+    },
+    'border-w': {
+        default: [0, 0, 0, 0],
+        resolve(value) {
+            return toValidVec4(value);
+        },
+    },
+    'border-color': 0xffffffff,
+    'border-gap': 0,
+    'border-top': {
+        default: 0,
+        set(value, props) {
+            props['border-w'][0] = value;
+        },
+        get(props) {
+            return props['border-w'][0];
+        },
+    },
+    'border-right': {
+        default: 0,
+        set(value, props) {
+            props['border-w'][1] = value;
+        },
+        get(props) {
+            return props['border-w'][1];
+        },
+    },
+    'border-bottom': {
+        default: 0,
+        set(value, props) {
+            props['border-w'][2] = value;
+        },
+        get(props) {
+            return props['border-w'][2];
+        },
+    },
+    'border-left': {
+        default: 0,
+        set(value, props) {
+            props['border-w'][3] = value;
+        },
+        get(props) {
+            return props['border-w'][3];
+        },
+    },
+    'border-inset': true,
+};
+export const defaultShaderRoundedWithBorder = {
+    props: roundedWithBorderProps,
+    canBatch: () => false,
+    update(node) {
+        let props = this.props;
+        let borderWidth = props['border-w'];
+        let borderGap = props['border-gap'];
+        let inset = props['border-inset'];
+        let [b_t, b_r, b_b, b_l] = borderWidth;
+        this.uniformRGBA('u_borderColor', props['border-color']);
+        this.uniform4fa('u_border', borderWidth);
+        this.uniform1f('u_gap', borderGap);
+        this.uniform1i('u_inset', inset ? 1 : 0);
+        // Check if border is zero (no border widths)
+        let borderZero = b_t === 0 && b_r === 0 && b_b === 0 && b_l === 0;
+        this.uniform1i('u_borderZero', borderZero ? 1 : 0);
+        let origWidth = node.w;
+        let origHeight = node.h;
+        this.uniform2f('u_dimensions_orig', origWidth, origHeight);
+        let finalWidth = origWidth;
+        let finalHeight = origHeight;
+        if (!inset) {
+            // For outside borders, expand dimensions
+            finalWidth = origWidth + b_l + b_r + borderGap * 2;
+            finalHeight = origHeight + b_t + b_b + borderGap * 2;
+        }
+        // u_dimensions for the shader's SDF functions
+        this.uniform2f('u_dimensions', finalWidth, finalHeight);
+        // The `radius` property is for the content rectangle.
+        // Factor it against the appropriate dimensions to prevent self-intersection.
+        let contentRadius = calcFactoredRadiusArray(props.radius, origWidth, origHeight);
+        // Calculate the appropriate radius for the shader based on inset mode
+        let finalRadius = contentRadius;
+        if (!inset) {
+            // For each corner, the total radius is content radius + gap + border thickness.
+            // Border thickness at a corner is approximated as the max of the two adjacent border sides.
+            let outerRadius = [
+                contentRadius[0] + borderGap + Math.max(b_t, b_l), // top-left
+                contentRadius[1] + borderGap + Math.max(b_t, b_r), // top-right
+                contentRadius[2] + borderGap + Math.max(b_b, b_r), // bottom-right
+                contentRadius[3] + borderGap + Math.max(b_b, b_l), // bottom-left
+            ];
+            calcFactoredRadiusArray(outerRadius, finalWidth, finalHeight, finalRadius);
+        }
+        this.uniform4fa('u_radius', finalRadius);
+    },
+    vertex: /*glsl*/ `
+    # ifdef GL_FRAGMENT_PRECISION_HIGH
+    precision highp float;
+    # else
+    precision mediump float;
+    # endif
+
+    /* Passed by lightning renderer */
+    attribute vec2 a_position;
+    attribute vec2 a_textureCoords;
+    attribute vec4 a_color;
+    attribute vec2 a_nodeCoords;
+
+    uniform vec2 u_resolution;
+    uniform float u_pixelRatio;
+
+    /* Passed by shader setup */
+    uniform vec2 u_dimensions;
+    uniform vec2 u_dimensions_orig;
+    uniform vec4 u_radius;
+    uniform vec4 u_border;
+    uniform float u_gap;
+    uniform bool u_inset;
+    uniform bool u_borderZero;
+
+    varying vec4 v_color;
+    varying vec2 v_texcoords;
+    varying vec2 v_nodeCoords;
+    varying vec4 v_borderEndRadius;
+    varying vec2 v_borderEndSize;
+
+    varying vec4 v_innerRadius;
+    varying vec2 v_innerSize;
+    varying vec2 v_halfDimensions;
+
+    void main() {
+      vec2 screen_space = vec2(2.0 / u_resolution.x, -2.0 / u_resolution.y);
+
+      v_color = a_color;
+      v_nodeCoords = a_nodeCoords;
+
+      float b_t = u_border.x;
+      float b_r = u_border.y;
+      float b_b = u_border.z;
+      float b_l = u_border.w;
+
+      // Calculate the offset to expand/contract the quad for border and gap
+      vec2 expansion_offset = vec2(0.0);
+      if (!u_inset) {
+        // Outside border: expand the quad
+        if (a_nodeCoords.x == 0.0) { // Left edge vertex
+          expansion_offset.x = -(b_l + u_gap);
+        } else { // Right edge vertex (a_nodeCoords.x == 1.0)
+          expansion_offset.x =  (b_r + u_gap);
+        }
+        if (a_nodeCoords.y == 0.0) { // Top edge vertex
+          expansion_offset.y = -(b_t + u_gap);
+        } else { // Bottom edge vertex (a_nodeCoords.y == 1.0)
+          expansion_offset.y =  (b_b + u_gap);
+        }
+      }
+      // For inset borders, no expansion needed - use original position
+
+      // Texture coordinate calculation
+      v_texcoords = a_textureCoords;
+      if (!u_inset) { // For outside borders, adjust texture coordinates for expansion
+        v_texcoords *= u_dimensions;
+        v_texcoords.x -= b_l + u_gap;
+        v_texcoords.y -= b_t + u_gap;
+        v_texcoords /= u_dimensions_orig;
+      }
+
+      v_halfDimensions = u_dimensions * 0.5;
+      if (!u_borderZero) {
+
+        float gap_x2 = u_gap * 2.0;
+
+        if (u_inset) {
+          // For inset borders, flip the meaning:
+          // v_borderEndRadius/Size represents the gap area
+          // v_innerRadius/Size represents the border area
+
+          // Gap area (v_borderEnd represents gap boundary) - uniform gap
+          v_borderEndRadius = u_radius - u_gap - 0.5;
+          v_borderEndSize = (u_dimensions - gap_x2 - 1.0) * 0.5;
+
+          // Border area (v_inner represents border boundary) - individual border widths
+          v_innerRadius.x = u_radius.x - u_gap - max(b_t, b_l) - 0.5;
+          v_innerRadius.y = u_radius.y - u_gap - max(b_t, b_r) - 0.5;
+          v_innerRadius.z = u_radius.z - u_gap - max(b_b, b_r) - 0.5;
+          v_innerRadius.w = u_radius.w - u_gap - max(b_b, b_l) - 0.5;
+
+          v_innerSize = (u_dimensions - gap_x2 - vec2(b_l + b_r, b_t + b_b) - 1.0) * 0.5;
+        } else {
+          // For outside borders, calculate from expanded dimensions inward
+          v_borderEndRadius.x = u_radius.x - max(b_t, b_l) - 0.5;
+          v_borderEndRadius.y = u_radius.y - max(b_t, b_r) - 0.5;
+          v_borderEndRadius.z = u_radius.z - max(b_b, b_r) - 0.5;
+          v_borderEndRadius.w = u_radius.w - max(b_b, b_l) - 0.5;
+
+          v_borderEndSize = (u_dimensions - vec2(b_l + b_r, b_t + b_b) - 1.0) * 0.5;
+
+          v_innerRadius.x = u_radius.x - max(b_t, b_l) - u_gap - 0.5;
+          v_innerRadius.y = u_radius.y - max(b_t, b_r) - u_gap - 0.5;
+          v_innerRadius.z = u_radius.z - max(b_b, b_r) - u_gap - 0.5;
+          v_innerRadius.w = u_radius.w - max(b_b, b_l) - u_gap - 0.5;
+
+          v_innerSize.x = u_dimensions.x - (b_l + b_r) - gap_x2 - 1.0;
+          v_innerSize.y = u_dimensions.y - (b_t + b_b) - gap_x2 - 1.0;
+          v_innerSize *= 0.5;
+        }
+
+        v_borderEndRadius = max(v_borderEndRadius, vec4(0.0));
+        v_innerRadius     = max(v_innerRadius, vec4(0.0));
+      }
+
+      vec2 normalized = (a_position + expansion_offset) * u_pixelRatio;
+
+      gl_Position = vec4(normalized.x * screen_space.x - 1.0, normalized.y * -abs(screen_space.y) + 1.0, 0.0, 1.0);
+      gl_Position.y = -sign(screen_space.y) * gl_Position.y;
+    }
+  `,
+    fragment: /*glsl*/ `
+    # ifdef GL_FRAGMENT_PRECISION_HIGH
+    precision highp float;
+    # else
+    precision mediump float;
+    # endif
+
+    /* Passed by lightning renderer */
+    uniform vec2 u_resolution;
+    uniform float u_pixelRatio;
+    uniform float u_alpha;
+    uniform vec2 u_dimensions;
+    uniform sampler2D u_texture;
+
+    /* Passed by shader setup */
+    uniform vec4 u_radius;
+
+    uniform vec4 u_border;
+    uniform vec4 u_borderColor;
+    uniform bool u_inset;
+    uniform bool u_borderZero;
+
+    varying vec4 v_borderEndRadius;
+    varying vec2 v_borderEndSize;
+
+    varying vec4 v_color;
+    varying vec2 v_texcoords;
+    varying vec2 v_nodeCoords;
+
+    varying vec2 v_halfDimensions;
+    varying vec4 v_innerRadius;
+    varying vec2 v_innerSize;
+
+    float roundedBox(vec2 p, vec2 s, vec4 r) {
+      r.xy = (p.x > 0.0) ? r.yz : r.xw;
+      r.x = (p.y > 0.0) ? r.y : r.x;
+      vec2 q = abs(p) - s + r.x;
+      return (min(max(q.x, q.y), 0.0) + length(max(q, 0.0))) - r.x;
+    }
+
+    void main() {
+      vec4 contentTexColor = texture2D(u_texture, v_texcoords) * v_color;
+
+      vec2 boxUv = v_nodeCoords.xy * u_dimensions - v_halfDimensions;
+      float outerShapeDist = roundedBox(boxUv, v_halfDimensions, u_radius);
+      float outerShapeAlpha = 1.0 - smoothstep(0.0, 1.0, outerShapeDist); // 1 inside, 0 outside
+
+      if (u_borderZero) { // No border, effectively no gap from border logic
+        gl_FragColor = mix(vec4(0.0), contentTexColor, outerShapeAlpha) * u_alpha;
+        return;
+      }
+
+      // Adjust boxUv for non-uniform borders
+      // This adjusted UV is used for calculating distances to border-end and content shapes
+      vec2 adjustedBoxUv = boxUv;
+      vec2 borderAdjustedBoxUv = boxUv;
+
+      if (!u_inset) {
+        // For outside borders, use same adjustment for both calculations
+        adjustedBoxUv.x += (u_border.y - u_border.w) * 0.5;
+        adjustedBoxUv.y += (u_border.z - u_border.x) * 0.5;
+        borderAdjustedBoxUv = adjustedBoxUv;
+      } else {
+        // For inset borders, gap calculation uses no adjustment (uniform gap)
+        // Border calculation uses adjustment (non-uniform border)
+        borderAdjustedBoxUv.x += (u_border.y - u_border.w) * 0.5;
+        borderAdjustedBoxUv.y += (u_border.z - u_border.x) * 0.5;
+      }
+
+      // Distance to the inner edge of the border (where the gap begins)
+      float borderEndDist = roundedBox(adjustedBoxUv, v_borderEndSize, v_borderEndRadius);
+      float borderEndAlpha = 1.0 - smoothstep(0.0, 1.0, borderEndDist); // 1 if inside gap or content, 0 if in border or outside
+
+      // Distance to the content area (after the gap)
+      float contentDist = roundedBox(borderAdjustedBoxUv, v_innerSize, v_innerRadius);
+      float contentAlpha = 1.0 - smoothstep(0.0, 1.0, contentDist); // 1 if inside content, 0 if in gap, border or outside
+
+      vec4 finalColor;
+      if (u_inset) { // For inset borders: border <- gap <- element
+        // flip the logic: borderEndAlpha becomes gap, contentAlpha becomes border+content
+        if (contentAlpha > 0.0) { // Pixel is inside the content area (innermost)
+          finalColor = contentTexColor;
+        } else if (borderEndAlpha > 0.0) { // Pixel is inside the border area (middle)
+          vec4 borderColor = u_borderColor;
+          finalColor = mix(contentTexColor, vec4(borderColor.rgb, 1.0), borderColor.a);
+        } else { // Pixel is in the gap area (outermost) - show content through gap
+          finalColor = contentTexColor;
+        }
+      } else { // For outside borders: element -> gap -> border
+        if (contentAlpha > 0.0) { // Pixel is inside the content area
+          finalColor = contentTexColor;
+        } else if (borderEndAlpha > 0.0) { // Pixel is inside the gap area
+          finalColor = vec4(0.0); // Transparent gap
+        } else { // Pixel is inside the border area
+          vec4 borderColor = u_borderColor;
+          finalColor = borderColor;
+          finalColor.rgb *= finalColor.a;
+        }
+      }
+
+      gl_FragColor = mix(vec4(0.0), finalColor, outerShapeAlpha) * u_alpha;
+    }
+  `,
+};
+export function registerDefaultShaderRounded(shManager) {
+    if (SHADERS_ENABLED && !DOM_RENDERING)
+        shManager.registerShaderType('rounded', defaultShaderRounded);
+}
+export function registerDefaultShaderShadow(shManager) {
+    if (SHADERS_ENABLED && !DOM_RENDERING)
+        shManager.registerShaderType('shadow', defaultShaderShadow);
+}
+export function registerDefaultShaderRoundedWithBorder(shManager) {
+    if (SHADERS_ENABLED && !DOM_RENDERING)
+        shManager.registerShaderType('roundedWithBorder', defaultShaderRoundedWithBorder);
+}
+export function registerDefaultShaderRoundedWithShadow(shManager) {
+    if (SHADERS_ENABLED && !DOM_RENDERING)
+        shManager.registerShaderType('roundedWithShadow', defaultShaderRoundedWithShadow);
+}
+export function registerDefaultShaderRoundedWithBorderAndShadow(shManager) {
+    if (SHADERS_ENABLED && !DOM_RENDERING)
+        shManager.registerShaderType('roundedWithBorderWithShadow', defaultShaderRoundedWithBorderAndShadow);
+}
+export function registerDefaultShaderHolePunch(shManager) {
+    if (SHADERS_ENABLED && !DOM_RENDERING)
+        shManager.registerShaderType('holePunch', defaultShaderHolePunch);
+}
+export function registerDefaultShaderRadialGradient(shManager) {
+    if (SHADERS_ENABLED && !DOM_RENDERING)
+        shManager.registerShaderType('radialGradient', defaultShaderRadialGradient);
+}
+export function registerDefaultShaderLinearGradient(shManager) {
+    if (SHADERS_ENABLED && !DOM_RENDERING)
+        shManager.registerShaderType('linearGradient', defaultShaderLinearGradient);
+}
+export function registerDefaultShaders(shManager) {
+    if (SHADERS_ENABLED && !DOM_RENDERING) {
+        registerDefaultShaderRounded(shManager);
+        registerDefaultShaderShadow(shManager);
+        registerDefaultShaderRoundedWithBorder(shManager);
+        registerDefaultShaderRoundedWithShadow(shManager);
+        registerDefaultShaderRoundedWithBorderAndShadow(shManager);
+        registerDefaultShaderHolePunch(shManager);
+        registerDefaultShaderRadialGradient(shManager);
+        registerDefaultShaderLinearGradient(shManager);
+    }
+}
+//# sourceMappingURL=shaders.js.map

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

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

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

@@ -0,0 +1,12 @@
+import type { DollarString } from './intrinsicTypes.js';
+export type NodeStates = DollarString[] | DollarString | Record<DollarString, boolean | undefined>;
+export default class States extends Array<DollarString> {
+    private onChange;
+    constructor(callback: () => void, initialState?: NodeStates);
+    has(state: DollarString): boolean;
+    is(state: DollarString): boolean;
+    add(state: DollarString): void;
+    toggle(state: DollarString, force?: boolean): void;
+    merge(newStates: NodeStates): this;
+    remove(state: DollarString): void;
+}

package/dist/src/core/states.js

@@ -0,0 +1,84 @@
+import { isArray, isString } from './utils.js';
+export default class States extends Array {
+    onChange;
+    constructor(callback, initialState = {}) {
+        if (isArray(initialState)) {
+            super(...initialState);
+        }
+        else if (isString(initialState)) {
+            super(initialState); // Assert as DollarString
+        }
+        else {
+            super(...Object.entries(initialState)
+                .filter(([_key, value]) => value)
+                .map(([key]) => key));
+        }
+        this.onChange = callback;
+        return this;
+    }
+    has(state) {
+        // temporary check for $ prefix
+        return this.indexOf(state) >= 0 || this.indexOf(`$${state}`) >= 0;
+    }
+    is(state) {
+        return this.indexOf(state) >= 0;
+    }
+    add(state) {
+        if (this.has(state)) {
+            return;
+        }
+        this.push(state);
+        this.onChange();
+    }
+    toggle(state, force) {
+        if (force === true) {
+            this.add(state);
+        }
+        else if (force === false) {
+            this.remove(state);
+        }
+        else {
+            if (this.has(state)) {
+                this.remove(state);
+            }
+            else {
+                this.add(state);
+            }
+        }
+    }
+    merge(newStates) {
+        if (isArray(newStates)) {
+            this.length = 0; // Clear the current states
+            this.push(...newStates);
+        }
+        else if (isString(newStates)) {
+            this.length = 0; // Clear the current states
+            this.push(newStates); // Assert as DollarString
+        }
+        else {
+            for (const state in newStates) {
+                const value = newStates[state];
+                if (value) {
+                    if (!this.has(state)) {
+                        this.push(state);
+                    }
+                }
+                else {
+                    const stateIndexToRemove = this.indexOf(state);
+                    if (stateIndexToRemove >= 0) {
+                        this.splice(stateIndexToRemove, 1);
+                    }
+                }
+            }
+        }
+        return this;
+    }
+    remove(state) {
+        const stateIndexToRemove = this.indexOf(state);
+        if (stateIndexToRemove >= 0) {
+            this.splice(stateIndexToRemove, 1);
+            this.onChange();
+        }
+    }
+}
+//# sourceMappingURL=states.js.map

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

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

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

@@ -0,0 +1,36 @@
+/**
+ * Core Utility Functions
+ *
+ * @module
+ */
+export declare const EPSILON = 0.000001;
+export declare let ARRAY_TYPE: ArrayConstructor | Float32ArrayConstructor;
+export declare const RANDOM: () => number;
+export declare const ANGLE_ORDER = "zyx";
+export declare const setMatrixArrayType: (type: Float32ArrayConstructor | ArrayConstructor) => void;
+/**
+ * Merges two colors based on a given progress value.
+ *
+ * This function takes two colors (c1 and c2) represented as 32-bit integers
+ * in RGBA format and blends them based on the provided progress value (p).
+ * The result is a new color that is a weighted combination of the input colors,
+ * where the weight is determined by the progress value.
+ *
+ * @param {number} c1 - The first color in RGBA format (32-bit integer).
+ * @param {number} c2 - The second color in RGBA format (32-bit integer).
+ * @param {number} p - The progress value between 0 and 1.
+ * @returns {number} The merged color as a 32-bit integer in RGBA format.
+ */
+export declare function mergeColorProgress(rgba1: number, rgba2: number, p: number): number;
+export declare const toRadian: (a: number) => number;
+export declare const equals: (a: number, b: number) => boolean;
+export declare const rand: (min: number, max: number) => number;
+export declare const isPowerOfTwo: (value: number) => boolean | 0;
+export declare const getTimingFunction: (str: string) => ((time: number) => number | undefined);
+/**
+ * Convert bytes to string of megabytes with 2 decimal points
+ *
+ * @param bytes
+ * @returns
+ */
+export declare function bytesToMb(bytes: number): string;