@lightningtv/solid 3.0.7-1 → 3.0.7-2

package/dist/src/shaders/index.d.ts

@@ -1,4 +0,0 @@
-export * from './Rounded.js';
-export * from './templates/RoundedTemplate.js';
-export * from './RoundedWithBorder.js';
-export * from './templates/RoundedWithBorderTemplate.js';

package/dist/src/shaders/index.js

@@ -1,5 +0,0 @@
-export * from './Rounded.js';
-export * from './templates/RoundedTemplate.js';
-export * from './RoundedWithBorder.js';
-export * from './templates/RoundedWithBorderTemplate.js';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/shaders/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,0CAA0C,CAAC"}

package/dist/src/shaders/templates/RoundedTemplate.d.ts

@@ -1,12 +0,0 @@
-import type { ShaderProps } from '@lightningjs/renderer';
-import { type Vec4 } from '../utils.js';
-export interface RoundedProps {
-    radius: Vec4;
-    'top-left': number;
-    'top-right': number;
-    'bottom-right': number;
-    'bottom-left': number;
-}
-export declare const RoundedTemplate: {
-    props: ShaderProps<RoundedProps>;
-};

package/dist/src/shaders/templates/RoundedTemplate.js

@@ -1,48 +0,0 @@
-import { toValidVec4 } from '../utils.js';
-export const RoundedTemplate = {
-    props: {
-        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];
-            },
-        },
-    },
-};
-//# sourceMappingURL=RoundedTemplate.js.map

package/dist/src/shaders/templates/RoundedTemplate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RoundedTemplate.js","sourceRoot":"","sources":["../../../../src/shaders/templates/RoundedTemplate.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAa,MAAM,aAAa,CAAC;AAUrD,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,KAAK,EAAE;QACL,MAAM,EAAE;YACN,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YACrB,OAAO,CAAC,KAAK;gBACX,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC;SACF;QACD,UAAU,EAAE;YACV,OAAO,EAAE,CAAC;YACV,GAAG,CAAC,KAAK,EAAE,KAAK;gBACb,KAAK,CAAC,MAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;YACpC,CAAC;YACD,GAAG,CAAC,KAAK;gBACP,OAAQ,KAAK,CAAC,MAAe,CAAC,CAAC,CAAC,CAAC;YACnC,CAAC;SACF;QACD,WAAW,EAAE;YACX,OAAO,EAAE,CAAC;YACV,GAAG,CAAC,KAAK,EAAE,KAAK;gBACb,KAAK,CAAC,MAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;YACpC,CAAC;YACD,GAAG,CAAC,KAAK;gBACP,OAAQ,KAAK,CAAC,MAAe,CAAC,CAAC,CAAC,CAAC;YACnC,CAAC;SACF;QACD,cAAc,EAAE;YACd,OAAO,EAAE,CAAC;YACV,GAAG,CAAC,KAAK,EAAE,KAAK;gBACb,KAAK,CAAC,MAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;YACpC,CAAC;YACD,GAAG,CAAC,KAAK;gBACP,OAAQ,KAAK,CAAC,MAAe,CAAC,CAAC,CAAC,CAAC;YACnC,CAAC;SACF;QACD,aAAa,EAAE;YACb,OAAO,EAAE,CAAC;YACV,GAAG,CAAC,KAAK,EAAE,KAAK;gBACb,KAAK,CAAC,MAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;YACpC,CAAC;YACD,GAAG,CAAC,KAAK;gBACP,OAAQ,KAAK,CAAC,MAAe,CAAC,CAAC,CAAC,CAAC;YACnC,CAAC;SACF;KAC2B;CAC/B,CAAC"}

package/dist/src/shaders/templates/RoundedWithBorderTemplate.d.ts

@@ -1,20 +0,0 @@
-import type { ShaderProps } from '@lightningjs/renderer';
-import { type Vec4 } from '../utils.js';
-export interface RoundedWithBorderProps {
-    radius: Vec4;
-    'border-w': Vec4;
-    'border-color': number;
-    'border-gap': number;
-    'border-gapColor': number;
-    'top-left': number;
-    'top-right': number;
-    'bottom-right': number;
-    'bottom-left': number;
-    'border-top': number;
-    'border-right': number;
-    'border-bottom': number;
-    'border-left': number;
-}
-export declare const RoundedWithBorderTemplate: {
-    props: ShaderProps<RoundedWithBorderProps>;
-};

package/dist/src/shaders/templates/RoundedWithBorderTemplate.js

@@ -1,93 +0,0 @@
-import { toValidVec4 } from '../utils.js';
-export const RoundedWithBorderTemplate = {
-    props: {
-        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-gapColor': 0x00000000,
-        '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];
-            },
-        },
-    },
-};
-//# sourceMappingURL=RoundedWithBorderTemplate.js.map

package/dist/src/shaders/templates/RoundedWithBorderTemplate.js.map

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

package/dist/src/shaders/utils.d.ts

@@ -1,3 +0,0 @@
-export type Vec4 = [x: number, y: number, z: number, w: number];
-export declare function calcFactoredRadiusArray(radius: Vec4, width: number, height: number, out?: Vec4): Vec4;
-export declare function toValidVec4(value: unknown): Vec4;

package/dist/src/shaders/utils.js

@@ -1,31 +0,0 @@
-export function calcFactoredRadiusArray(radius, width, height, out = [0, 0, 0, 0]) {
-    [out[0], out[1], out[2], out[3]] = radius;
-    const 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;
-}
-export 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];
-}
-//# sourceMappingURL=utils.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/shaders/utils.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,uBAAuB,CACrC,MAAY,EACZ,KAAa,EACb,MAAc,EACd,MAAY,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAExB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC;IAC1C,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CACrB,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,EAC9C,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,EAC9C,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,EAChD,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,EAChD,CAAC,CACF,CAAC;IACF,GAAG,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC;IACjB,GAAG,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC;IACjB,GAAG,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC;IACjB,GAAG,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC;IACjB,OAAO,GAAG,CAAC;AACb,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAc;IACxC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IACtC,CAAC;IACD,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,QAAQ,KAAK,CAAC,MAAM,EAAE,CAAC;YACrB,QAAQ;YACR,KAAK,CAAC;gBACJ,OAAO,KAAa,CAAC;YACvB,KAAK,CAAC;gBACJ,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;YAClD,KAAK,CAAC;gBACJ,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;YAClD,KAAK,CAAC;gBACJ,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;YAClD,KAAK,CAAC;gBACJ,MAAM;QACV,CAAC;IACH,CAAC;IACD,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACtB,CAAC"}

package/src/shaders/Rounded.ts

@@ -1,100 +0,0 @@
-import type { WebGlShaderType } from '@lightningjs/renderer/webgl';
-import { calcFactoredRadiusArray, type Vec4 } from './utils.js';
-import {
-  RoundedTemplate,
-  type RoundedProps,
-} from './templates/RoundedTemplate.js';
-
-interface CoreNode {
-  w: number;
-  h: number;
-}
-
-/**
- * Similar to the {@link DefaultShader} but cuts out 4 rounded rectangle corners
- * as defined by the specified corner {@link RoundedProps.radius}
- */
-export const Rounded: WebGlShaderType<RoundedProps> = {
-  props: RoundedTemplate.props,
-  update(node: CoreNode) {
-    this.uniform4fa(
-      'u_radius',
-      calcFactoredRadiusArray(this.props!.radius as Vec4, node.w, node.h),
-    );
-  },
-  vertex: `
-  # ifdef GL_FRAGMENT_PRECISION_HIGH
-  precision highp float;
-  # else
-  precision mediump float;
-  # endif
-
-  attribute vec2 a_position;
-  attribute vec2 a_textureCoords;
-  attribute vec4 a_color;
-  attribute vec2 a_nodeCoords;
-
-  uniform vec2 u_resolution;
-  uniform float u_pixelRatio;
-
-  varying vec4 v_color;
-  varying vec2 v_textureCoords;
-  varying vec2 v_nodeCoords;
-
-  void main() {
-    vec2 normalized = a_position * u_pixelRatio;
-    vec2 screenSpace = vec2(2.0 / u_resolution.x, -2.0 / u_resolution.y);
-
-    v_color = a_color;
-    v_nodeCoords = a_nodeCoords;
-    v_textureCoords = a_textureCoords;
-
-    gl_Position = vec4(
-      normalized.x * screenSpace.x - 1.0,
-      normalized.y * -abs(screenSpace.y) + 1.0,
-      0.0,
-      1.0
-    );
-  }
-`,
-  fragment: `
-    # ifdef GL_FRAGMENT_PRECISION_HIGH
-    precision highp float;
-    # else
-    precision mediump float;
-    # endif
-
-    uniform vec2 u_dimensions;
-    uniform float u_alpha;
-    uniform float u_pixelRatio;
-    uniform sampler2D u_texture;
-    uniform vec4 u_radius;
-
-    varying vec4 v_color;
-    varying vec2 v_textureCoords;
-    varying vec2 v_nodeCoords;
-
-    void main() {
-      vec2 halfDimensions = u_dimensions * 0.5;
-      vec2 boxUv = v_nodeCoords * u_dimensions - halfDimensions;
-
-      // Branchless radius selection based on quadrant
-      // x: TL, y: TR, z: BR, w: BL
-      vec2 stepVal = step(vec2(0.0), boxUv);
-      float r = mix(
-        mix(u_radius.x, u_radius.y, stepVal.x),
-        mix(u_radius.w, u_radius.z, stepVal.x),
-        stepVal.y
-      );
-
-      vec2 q = abs(boxUv) - halfDimensions + r;
-      float d = min(max(q.x, q.y), 0.0) + length(max(q, 0.0)) - r;
-
-      float edgeWidth = 1.0 / u_pixelRatio;
-      float alpha = 1.0 - smoothstep(-0.5 * edgeWidth, 0.5 * edgeWidth, d);
-
-      vec4 color = texture2D(u_texture, v_textureCoords) * v_color;
-      gl_FragColor = color * alpha * u_alpha;
-    }
-  `,
-};

package/src/shaders/RoundedWithBorder.ts

@@ -1,245 +0,0 @@
-import { calcFactoredRadiusArray, type Vec4 } from './utils.js';
-import type { WebGlShaderType } from '@lightningjs/renderer/webgl';
-import {
-  RoundedWithBorderTemplate,
-  type RoundedWithBorderProps,
-} from './templates/RoundedWithBorderTemplate.js';
-
-interface CoreNode {
-  w: number;
-  h: number;
-}
-
-export const RoundedWithBorder: WebGlShaderType<RoundedWithBorderProps> = {
-  props: RoundedWithBorderTemplate.props,
-  update(node: CoreNode) {
-    const props = this.props!;
-    const borderWidth = props['border-w'] as Vec4;
-    const borderGap = props['border-gap'] || 0;
-
-    this.uniformRGBA('u_borderColor', props['border-color']);
-    this.uniform4fa('u_borderWidth', borderWidth);
-    this.uniform1f('u_borderGap', borderGap);
-    this.uniformRGBA('u_borderGapColor', props['border-gapColor']);
-
-    const origWidth = node.w;
-    const origHeight = node.h;
-    this.uniform2f('u_dimensions_orig', origWidth, origHeight);
-
-    const expandedWidth =
-      origWidth + borderWidth[3] + borderWidth[1] + borderGap * 2; // original + left + right + 2*gap
-    const expandedHeight =
-      origHeight + borderWidth[0] + borderWidth[2] + borderGap * 2; // original + top + bottom + 2*gap
-
-    // u_dimensions for the shader's SDF functions should be the expanded size
-    this.uniform2f('u_dimensions', expandedWidth, expandedHeight);
-
-    // The `radius` property is for the content rectangle.
-    // Factor it against the original dimensions to prevent self-intersection.
-    const contentRadius = calcFactoredRadiusArray(
-      this.props!.radius as Vec4,
-      origWidth,
-      origHeight,
-    );
-
-    // From the content radius, calculate the outer radius of the border.
-    // 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.
-    const bTop = borderWidth[0],
-      bRight = borderWidth[1],
-      bBottom = borderWidth[2],
-      bLeft = borderWidth[3];
-    const outerRadius: Vec4 = [
-      Math.max(0, contentRadius[0] + borderGap + Math.max(bTop, bLeft)), // top-left
-      Math.max(0, contentRadius[1] + borderGap + Math.max(bTop, bRight)), // top-right
-      Math.max(0, contentRadius[2] + borderGap + Math.max(bBottom, bRight)), // bottom-right
-      Math.max(0, contentRadius[3] + borderGap + Math.max(bBottom, bLeft)), // bottom-left
-    ];
-
-    // The final radius passed to the shader is the outer radius of the whole shape.
-    // It also needs to be factored against the expanded dimensions.
-    // The shader will then work inwards to calculate the radii for the gap and content.
-    this.uniform4fa(
-      'u_radius',
-      calcFactoredRadiusArray(outerRadius, expandedWidth, expandedHeight),
-    );
-  },
-  vertex: `
-    # ifdef GL_FRAGMENT_PRECISION_HIGH
-    precision highp float;
-    # else
-    precision mediump float;
-    # endif
-
-    attribute vec2 a_position;
-    attribute vec2 a_textureCoords;
-    attribute vec4 a_color;
-    attribute vec2 a_nodeCoords;
-
-    uniform vec2 u_resolution;
-    uniform float u_pixelRatio;
-    uniform vec2 u_dimensions;
-    uniform vec2 u_dimensions_orig;
-
-    uniform vec4 u_radius;
-    uniform vec4 u_borderWidth;
-    uniform float u_borderGap;
-
-    varying vec4 v_color;
-    varying vec2 v_textureCoords;
-    varying vec2 v_nodeCoords;
-    varying vec4 v_borderEndRadius;
-    varying vec2 v_borderEndSize;
-
-    varying vec4 v_innerRadius;
-    varying vec2 v_innerSize;
-    varying vec2 v_halfDimensions;
-    varying float v_borderZero;
-
-    void main() {
-      vec2 screenSpace = vec2(2.0 / u_resolution.x, -2.0 / u_resolution.y);
-
-      v_color = a_color;
-      v_nodeCoords = a_nodeCoords;
-
-      float bTop = u_borderWidth.x;
-      float bRight = u_borderWidth.y;
-      float bBottom = u_borderWidth.z;
-      float bLeft = u_borderWidth.w;
-      float gap = u_borderGap;
-
-      // Calculate the offset to expand the quad for border and gap
-      vec2 expansionOffset = vec2(0.0);
-      if (a_nodeCoords.x == 0.0) { // Left edge vertex
-          expansionOffset.x = -(bLeft + gap);
-      } else { // Right edge vertex (a_nodeCoords.x == 1.0)
-          expansionOffset.x = (bRight + gap);
-      }
-      if (a_nodeCoords.y == 0.0) { // Top edge vertex
-          expansionOffset.y = -(bTop + gap);
-      } else { // Bottom edge vertex (a_nodeCoords.y == 1.0)
-          expansionOffset.y = (bBottom + gap);
-      }
-
-      vec2 expanded_a_position = a_position + expansionOffset;
-      vec2 normalized = expanded_a_position * u_pixelRatio;
-
-      // u_dimensions is expanded, u_dimensions_orig is original content size
-      v_textureCoords.x = (a_textureCoords.x * u_dimensions.x - (bLeft + gap)) / u_dimensions_orig.x;
-      v_textureCoords.y = (a_textureCoords.y * u_dimensions.y - (bTop + gap)) / u_dimensions_orig.y;
-
-      v_borderZero = (u_borderWidth.x == 0.0 && u_borderWidth.y == 0.0 && u_borderWidth.z == 0.0 && u_borderWidth.w == 0.0) ? 1.0 : 0.0;
-      // If there's no border, there's no gap from the border logic perspective
-      // The Rounded shader itself would handle radius if borderZero is true.
-      v_halfDimensions = u_dimensions * 0.5; // u_dimensions is now expanded_dimensions
-      if(v_borderZero == 0.0) {
-        // Calculate radius and size for the inner edge of the border (where the gap begins)
-        v_borderEndRadius = vec4(
-          max(0.0, u_radius.x - max(bTop, bLeft) - 0.5),
-          max(0.0, u_radius.y - max(bTop, bRight) - 0.5),
-          max(0.0, u_radius.z - max(bBottom, bRight) - 0.5),
-          max(0.0, u_radius.w - max(bBottom, bLeft) - 0.5)
-        );
-        v_borderEndSize = vec2(
-            (u_dimensions.x - (bLeft + bRight) - 1.0),
-            (u_dimensions.y - (bTop + bBottom) - 1.0)
-        ) * 0.5;
-
-        // Calculate radius and size for the content area (after the gap)
-        v_innerRadius = vec4(
-          max(0.0, u_radius.x - max(bTop, bLeft) - u_borderGap - 0.5),
-          max(0.0, u_radius.y - max(bTop, bRight) - u_borderGap - 0.5),
-          max(0.0, u_radius.z - max(bBottom, bRight) - u_borderGap - 0.5),
-          max(0.0, u_radius.w - max(bBottom, bLeft) - u_borderGap - 0.5)
-        );
-        v_innerSize = vec2(
-            (u_dimensions.x - (bLeft + bRight) - (u_borderGap * 2.0) - 1.0),
-            (u_dimensions.y - (bTop + bBottom) - (u_borderGap * 2.0) - 1.0)
-        ) * 0.5;
-      }
-
-      gl_Position = vec4(normalized.x * screenSpace.x - 1.0, normalized.y * -abs(screenSpace.y) + 1.0, 0.0, 1.0);
-      gl_Position.y = -sign(screenSpace.y) * gl_Position.y;
-    }
-  `,
-  fragment: `
-    # ifdef GL_FRAGMENT_PRECISION_HIGH
-    precision highp float;
-    # else
-    precision mediump float;
-    # endif
-
-    uniform vec2 u_resolution;
-    uniform float u_pixelRatio;
-    uniform float u_alpha;
-    uniform vec2 u_dimensions;
-    uniform sampler2D u_texture;
-
-    uniform vec4 u_radius;
-
-    uniform vec4 u_borderWidth;
-    uniform vec4 u_borderColor;
-    uniform vec4 u_borderGapColor;
-
-    varying vec4 v_borderEndRadius;
-    varying vec2 v_borderEndSize;
-
-    varying vec4 v_color;
-    varying vec2 v_textureCoords;
-    varying vec2 v_nodeCoords;
-
-    varying vec2 v_halfDimensions;
-    varying vec4 v_innerRadius;
-    varying vec2 v_innerSize;
-    varying float v_borderZero;
-
-    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_textureCoords) * v_color;
-
-      vec2 boxUv = v_nodeCoords.xy * u_dimensions - v_halfDimensions;
-      float outerShapeDist = roundedBox(boxUv, v_halfDimensions, u_radius);
-
-      float edgeWidth = 1.0 / u_pixelRatio;
-      float outerShapeAlpha = 1.0 - smoothstep(-0.5 * edgeWidth, 0.5 * edgeWidth, outerShapeDist);
-
-      if(v_borderZero == 1.0) { // 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
-      vec2 adjustedBoxUv = boxUv;
-      adjustedBoxUv.x += (u_borderWidth.y - u_borderWidth.w) * 0.5;
-      adjustedBoxUv.y += (u_borderWidth.z - u_borderWidth.x) * 0.5;
-
-      // Inner Border Edge (Gap starts here)
-      float borderEndDist = roundedBox(adjustedBoxUv, v_borderEndSize, v_borderEndRadius);
-      float borderEndAlpha = 1.0 - smoothstep(-0.5 * edgeWidth, 0.5 * edgeWidth, borderEndDist);
-
-      // Content Area (Gap ends here)
-      float contentDist = roundedBox(adjustedBoxUv, v_innerSize, v_innerRadius);
-      float contentAlpha = 1.0 - smoothstep(-0.5 * edgeWidth, 0.5 * edgeWidth, contentDist);
-
-      // Calculate Masks for mutually exclusive regions based on priority (Border Top, Gap Middle, Content Bottom)
-      float borderMask = clamp(outerShapeAlpha - borderEndAlpha, 0.0, 1.0);
-      float gapMask = clamp(borderEndAlpha - contentAlpha, 0.0, 1.0);
-
-      // Composite Layers
-      // 1. Content
-      vec4 composite = mix(vec4(0.0), contentTexColor, contentAlpha);
-      // 2. Gap
-      composite = mix(composite, u_borderGapColor, gapMask);
-      // 3. Border
-      composite = mix(composite, u_borderColor, borderMask);
-
-      gl_FragColor = composite * u_alpha;
-    }
-  `,
-};

package/src/shaders/index.ts

@@ -1,4 +0,0 @@
-export * from './Rounded.js';
-export * from './templates/RoundedTemplate.js';
-export * from './RoundedWithBorder.js';
-export * from './templates/RoundedWithBorderTemplate.js';

package/src/shaders/templates/RoundedTemplate.ts

@@ -1,57 +0,0 @@
-import type { ShaderProps } from '@lightningjs/renderer';
-import { toValidVec4, type Vec4 } from '../utils.js';
-
-export interface RoundedProps {
-  radius: Vec4;
-  'top-left': number;
-  'top-right': number;
-  'bottom-right': number;
-  'bottom-left': number;
-}
-
-export const RoundedTemplate = {
-  props: {
-    radius: {
-      default: [0, 0, 0, 0],
-      resolve(value) {
-        return toValidVec4(value);
-      },
-    },
-    'top-left': {
-      default: 0,
-      set(value, props) {
-        (props.radius as Vec4)[0] = value;
-      },
-      get(props) {
-        return (props.radius as Vec4)[0];
-      },
-    },
-    'top-right': {
-      default: 0,
-      set(value, props) {
-        (props.radius as Vec4)[1] = value;
-      },
-      get(props) {
-        return (props.radius as Vec4)[1];
-      },
-    },
-    'bottom-right': {
-      default: 0,
-      set(value, props) {
-        (props.radius as Vec4)[2] = value;
-      },
-      get(props) {
-        return (props.radius as Vec4)[2];
-      },
-    },
-    'bottom-left': {
-      default: 0,
-      set(value, props) {
-        (props.radius as Vec4)[3] = value;
-      },
-      get(props) {
-        return (props.radius as Vec4)[3];
-      },
-    },
-  } as ShaderProps<RoundedProps>,
-};