shaders 2.3.65 → 2.3.67

package/dist/core/utilities/edges.d.ts

@@ -7,10 +7,10 @@ import { Node, TextureNode } from 'three/webgpu';
  * before the next distortion transforms those UVs further.
  *
  * @param uv The UV coordinates to transform
- * @param edgeModeUniform The edge mode (0=stretch, 1=transparent, 2=mirror, 3=wrap)
+ * @param edgeMode The edge mode (0=stretch, 1=transparent, 2=mirror, 3=wrap)
  * @returns Transformed UV coordinates
  */
-export declare const applyEdgeToUV: (uv: Node, edgeModeUniform: Node) => Node;
+export declare const applyEdgeToUV: (uv: Node, edgeMode: number) => Node;
 /**
  * Applies edge handling to sampled colors based on UV bounds.
  * Supports multiple modes for handling distorted UVs that fall outside the 0-1 range.
@@ -18,8 +18,8 @@ export declare const applyEdgeToUV: (uv: Node, edgeModeUniform: Node) => Node;
  * @param distortedUV The distorted UV coordinates (vec2)
  * @param sampledColor The color sampled with clamped UVs
  * @param childTexture The texture to sample from (needed for mirror/wrap modes). Can be null for non-RTT path.
- * @param edgeModeUniform The edge handling uniform (0 = stretch, 1 = transparent, 2 = mirror, 3 = wrap)
+ * @param edgeMode The edge handling mode (0 = stretch, 1 = transparent, 2 = mirror, 3 = wrap)
  * @returns The final color with edge handling applied
  */
-export declare const applyEdgeHandling: (distortedUV: Node, sampledColor: Node, childTexture: TextureNode | null, edgeModeUniform: Node) => Node;
+export declare const applyEdgeHandling: (distortedUV: Node, sampledColor: Node, childTexture: TextureNode | null, edgeMode: number) => Node;
 //# sourceMappingURL=edges.d.ts.map

package/dist/core/utilities/edges.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"edges.d.ts","sourceRoot":"","sources":["../../src/utilities/edges.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAE,WAAW,EAAC,MAAM,cAAc,CAAA;AAE9C;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,OAAQ,IAAI,mBAAmB,IAAI,KAAG,IA6B/D,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,gBACb,IAAI,gBACH,IAAI,gBACJ,WAAW,GAAG,IAAI,mBACf,IAAI,KACtB,IA+CF,CAAA"}
+{"version":3,"file":"edges.d.ts","sourceRoot":"","sources":["../../src/utilities/edges.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAE,WAAW,EAAC,MAAM,cAAc,CAAA;AAE9C;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,OAAQ,IAAI,YAAY,MAAM,KAAG,IAsB1D,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,gBACb,IAAI,gBACH,IAAI,gBACJ,WAAW,GAAG,IAAI,YACtB,MAAM,KACjB,IAgCF,CAAA"}

package/dist/core/utilities/uniforms.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"uniforms.d.ts","sourceRoot":"","sources":["../../src/utilities/uniforms.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAUhE,wBAAgB,iBAAiB,CAC7B,SAAS,EAAE,mBAAmB,EAC9B,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAClC,UAAU,EAAE,MAAM,GACnB,WAAW,CAkDb;AAED,wBAAgB,kBAAkB,CAC9B,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,EAC5B,QAAQ,EAAE,GAAG,GACd,IAAI,CA6BN"}
+{"version":3,"file":"uniforms.d.ts","sourceRoot":"","sources":["../../src/utilities/uniforms.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAUhE,wBAAgB,iBAAiB,CAC7B,SAAS,EAAE,mBAAmB,EAC9B,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAClC,UAAU,EAAE,MAAM,GACnB,WAAW,CAmDb;AAED,wBAAgB,kBAAkB,CAC9B,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,EAC5B,QAAQ,EAAE,GAAG,GACd,IAAI,CA6BN"}

package/dist/registry.js

@@ -431,6 +431,7 @@ export const shaderRegistry = [
         },
         "colorSpace": {
           "default": "linear",
+          "compileTime": true,
           "description": "Color space for color interpolation",
           "ui": {
             "type": "select",
@@ -849,6 +850,7 @@ export const shaderRegistry = [
         },
         "colorSpace": {
           "default": "linear",
+          "compileTime": true,
           "description": "Color space for color interpolation",
           "ui": {
             "type": "select",
@@ -1171,6 +1173,7 @@ export const shaderRegistry = [
         },
         "colorSpace": {
           "default": "linear",
+          "compileTime": true,
           "description": "Color space for color interpolation",
           "ui": {
             "type": "select",
@@ -1562,6 +1565,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "stretch",
           "description": "How to handle edges when distortion pushes content out of bounds",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -1810,6 +1814,7 @@ export const shaderRegistry = [
         },
         "colorSpace": {
           "default": "linear",
+          "compileTime": true,
           "description": "Color space for color interpolation",
           "ui": {
             "type": "select",
@@ -2341,6 +2346,7 @@ export const shaderRegistry = [
         },
         "colorSpace": {
           "default": "linear",
+          "compileTime": true,
           "description": "Color space for blending fill and stroke colors in soft edges",
           "ui": {
             "type": "select",
@@ -2591,6 +2597,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "mirror",
           "description": "How to handle edges when distortion pushes content out of bounds",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -3272,6 +3279,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "stretch",
           "description": "How to handle edges when distortion pushes content out of bounds",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -3442,6 +3450,7 @@ export const shaderRegistry = [
         },
         "colorSpace": {
           "default": "linear",
+          "compileTime": true,
           "description": "Color space for color interpolation",
           "ui": {
             "type": "select",
@@ -3597,6 +3606,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "stretch",
           "description": "How to handle edges when distortion pushes content out of bounds",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -3680,6 +3690,7 @@ export const shaderRegistry = [
       "props": {
         "pattern": {
           "default": "bayer4",
+          "compileTime": true,
           "description": "Dithering pattern algorithm",
           "ui": {
             "type": "select",
@@ -3751,6 +3762,7 @@ export const shaderRegistry = [
         },
         "colorMode": {
           "default": "custom",
+          "compileTime": true,
           "description": "How colors are determined",
           "ui": {
             "type": "select",
@@ -4061,6 +4073,7 @@ export const shaderRegistry = [
         },
         "colorSpace": {
           "default": "linear",
+          "compileTime": true,
           "description": "Color space for color interpolation",
           "ui": {
             "type": "select",
@@ -4531,6 +4544,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "mirror",
           "description": "How to handle edges when distortion pushes content out of bounds",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -5345,6 +5359,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "stretch",
           "description": "How to handle edges when distortion pushes content out of bounds",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -5756,6 +5771,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "mirror",
           "description": "How to handle edges when distortion pushes content out of bounds",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -6403,6 +6419,7 @@ export const shaderRegistry = [
         },
         "edges": {
           "default": "stretch",
+          "compileTime": true,
           "description": "How to handle areas beyond the gradient endpoints",
           "ui": {
             "type": "select",
@@ -6430,6 +6447,7 @@ export const shaderRegistry = [
         },
         "colorSpace": {
           "default": "linear",
+          "compileTime": true,
           "description": "Color space for color interpolation",
           "ui": {
             "type": "select",
@@ -6636,6 +6654,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "stretch",
           "description": "How to handle edges when distortion pushes content out of bounds",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -6768,6 +6787,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "mirror",
           "description": "How to handle edges when distortion pushes content out of bounds",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -6936,6 +6956,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "transparent",
           "description": "How to handle edges",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -7208,6 +7229,7 @@ export const shaderRegistry = [
         },
         "colorSpace": {
           "default": "linear",
+          "compileTime": true,
           "description": "Color space for color interpolation",
           "ui": {
             "type": "select",
@@ -7435,6 +7457,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "transparent",
           "description": "How to handle edges when distortion pushes content out of bounds",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -7748,6 +7771,7 @@ export const shaderRegistry = [
         },
         "colorSpace": {
           "default": "linear",
+          "compileTime": true,
           "description": "Color space for color interpolation",
           "ui": {
             "type": "select",
@@ -7915,6 +7939,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "transparent",
           "description": "How to handle edges when distortion pushes content out of bounds",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -8397,6 +8422,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "mirror",
           "description": "How to handle edges when displacement pushes content out of bounds",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -9236,6 +9262,7 @@ export const shaderRegistry = [
         },
         "colorSpace": {
           "default": "linear",
+          "compileTime": true,
           "description": "Color space for color interpolation",
           "ui": {
             "type": "select",
@@ -9685,6 +9712,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "stretch",
           "description": "How to handle edges when distortion pushes content out of bounds",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -9891,6 +9919,7 @@ export const shaderRegistry = [
         },
         "colorSpace": {
           "default": "linear",
+          "compileTime": true,
           "description": "Color space for interpolation",
           "ui": {
             "type": "select",
@@ -10567,6 +10596,7 @@ export const shaderRegistry = [
         },
         "colorSpace": {
           "default": "linear",
+          "compileTime": true,
           "description": "Color space for color interpolation",
           "ui": {
             "type": "select",
@@ -10963,6 +10993,7 @@ export const shaderRegistry = [
         },
         "colorSpace": {
           "default": "linear",
+          "compileTime": true,
           "description": "Color space for color interpolation",
           "ui": {
             "type": "select",
@@ -11115,6 +11146,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "stretch",
           "description": "How to handle edges when distortion pushes content out of bounds",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -11413,6 +11445,7 @@ export const shaderRegistry = [
         "waveType": {
           "default": "sine",
           "description": "Shape of the distortion wave",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -11444,6 +11477,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "stretch",
           "description": "How to handle edges when distortion pushes content out of bounds",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shaders",
-  "version": "2.3.65",
+  "version": "2.3.67",
   "description": "Shader magic for modern frontends",
   "author": "Shader Effects Inc.",
   "homepage": "https://shaders.com/",
@@ -705,7 +705,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "three": "^0.182.0"
+    "three": "^0.183.0"
   },
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",

package/dist/core/edges-Bd7GP4s2.js

@@ -1,16 +0,0 @@
-import { abs, float, fract, mod, select, step, vec2, vec4 } from "three/tsl";
-const applyEdgeHandling = (distortedUV, sampledColor, childTexture, edgeModeUniform) => {
-	const inBoundsX = step(float(0), distortedUV.x).mul(step(distortedUV.x, float(1)));
-	const inBoundsY = step(float(0), distortedUV.y).mul(step(distortedUV.y, float(1)));
-	const inBounds = inBoundsX.mul(inBoundsY);
-	const transparentColor = vec4(sampledColor.rgb, sampledColor.a.mul(inBounds));
-	if (!childTexture) return select(step(float(.5), edgeModeUniform), transparentColor, sampledColor);
-	const mirrorX = mod(abs(distortedUV.x), float(2));
-	const mirrorY = mod(abs(distortedUV.y), float(2));
-	const mirroredUV = vec2(select(step(float(1), mirrorX), float(2).sub(mirrorX), mirrorX), select(step(float(1), mirrorY), float(2).sub(mirrorY), mirrorY));
-	const mirrorColor = childTexture.sample(mirroredUV);
-	const wrappedUV = vec2(fract(distortedUV.x), fract(distortedUV.y));
-	const wrapColor = childTexture.sample(wrappedUV);
-	return select(step(float(.5), edgeModeUniform), select(step(float(1.5), edgeModeUniform), select(step(float(2.5), edgeModeUniform), wrapColor, mirrorColor), transparentColor), sampledColor);
-};
-export { applyEdgeHandling as t };