shaders 2.2.10 → 2.2.12

package/dist/react/utils/generatePresetCode.cjs

@@ -1 +1 @@
-const e=require("../generatePresetCode-ClK4i9O1.cjs");exports.availableComponents=e.availableComponents;exports.generatePresetCode=e.generatePresetCode;
+const e=require("../generatePresetCode-DWBlTzlt.cjs");exports.availableComponents=e.availableComponents;exports.generatePresetCode=e.generatePresetCode;

package/dist/react/utils/generatePresetCode.js

@@ -1,4 +1,4 @@
-import { n as a, t as o } from "../generatePresetCode-CbulNGo3.js";
+import { n as a, t as o } from "../generatePresetCode-BXrrE8g5.js";
 export {
   o as availableComponents,
   a as generatePresetCode

package/dist/registry.js

@@ -1661,13 +1661,13 @@ export const shaderRegistry = [
   {
     "name": "DiffuseBlur",
     "category": "Blurs",
-    "description": "Soft focus blur using stochastic sampling",
+    "description": "Grain-like pixel displacement at random",
     "fileName": "DiffuseBlur",
     "requiresChild": true,
     "definition": {
       "name": "DiffuseBlur",
       "category": "Blurs",
-      "description": "Soft focus blur using stochastic sampling",
+      "description": "Grain-like pixel displacement at random",
       "requiresRTT": true,
       "requiresChild": true,
       "props": {
@@ -1681,6 +1681,32 @@ export const shaderRegistry = [
             "step": 1,
             "label": "Intensity"
           }
+        },
+        "edges": {
+          "default": "stretch",
+          "description": "How to handle edges when distortion pushes content out of bounds",
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Stretch",
+                "value": "stretch"
+              },
+              {
+                "label": "Transparent",
+                "value": "transparent"
+              },
+              {
+                "label": "Mirror",
+                "value": "mirror"
+              },
+              {
+                "label": "Wrap",
+                "value": "wrap"
+              }
+            ],
+            "label": "Edges"
+          }
         }
       }
     },
@@ -1695,6 +1721,32 @@ export const shaderRegistry = [
         },
         "default": 30,
         "description": "Intensity of the diffuse blur effect"
+      },
+      "edges": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Stretch",
+              "value": "stretch"
+            },
+            {
+              "label": "Transparent",
+              "value": "transparent"
+            },
+            {
+              "label": "Mirror",
+              "value": "mirror"
+            },
+            {
+              "label": "Wrap",
+              "value": "wrap"
+            }
+          ],
+          "label": "Edges"
+        },
+        "default": "stretch",
+        "description": "How to handle edges when distortion pushes content out of bounds"
       }
     }
   },
@@ -4758,6 +4810,172 @@ export const shaderRegistry = [
       }
     }
   },
+  {
+    "name": "Spherize",
+    "category": "Distortions",
+    "description": "Map content onto a 3D sphere surface with depth distortion",
+    "fileName": "Spherize",
+    "requiresChild": true,
+    "definition": {
+      "name": "Spherize",
+      "category": "Distortions",
+      "description": "Map content onto a 3D sphere surface with depth distortion",
+      "requiresRTT": true,
+      "requiresChild": true,
+      "props": {
+        "radius": {
+          "default": 1,
+          "description": "Radius of the sphere (1 = half viewport height)",
+          "ui": {
+            "type": "range",
+            "min": 0.1,
+            "max": 3,
+            "step": 0.01,
+            "label": "Radius"
+          }
+        },
+        "depth": {
+          "default": 1,
+          "description": "How much the sphere bulges toward viewer (0 = flat, higher = more bulge)",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 3,
+            "step": 0.01,
+            "label": "Depth"
+          }
+        },
+        "center": {
+          "default": {
+            "x": 0.5,
+            "y": 0.5
+          },
+          "description": "The center point of the sphere",
+          "ui": {
+            "type": "position",
+            "label": "Center"
+          }
+        },
+        "lightPosition": {
+          "default": {
+            "x": 0.3,
+            "y": 0.3
+          },
+          "description": "Position of the specular light source",
+          "ui": {
+            "type": "position",
+            "label": "Light Position"
+          }
+        },
+        "lightIntensity": {
+          "default": 0.5,
+          "description": "Intensity of the rim light (0 = off)",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Light Intensity"
+          }
+        },
+        "lightSoftness": {
+          "default": 0.5,
+          "description": "Softness of the rim light falloff (0 = hard edge, 1 = soft glow)",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Light Softness"
+          }
+        },
+        "lightColor": {
+          "default": "#ffffff",
+          "description": "Color of the specular highlight",
+          "ui": {
+            "type": "color",
+            "label": "Light Color"
+          }
+        }
+      }
+    },
+    "propsMetadata": {
+      "radius": {
+        "ui": {
+          "type": "range",
+          "min": 0.1,
+          "max": 3,
+          "step": 0.01,
+          "label": "Radius"
+        },
+        "default": 1,
+        "description": "Radius of the sphere (1 = half viewport height)"
+      },
+      "depth": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 3,
+          "step": 0.01,
+          "label": "Depth"
+        },
+        "default": 1,
+        "description": "How much the sphere bulges toward viewer (0 = flat, higher = more bulge)"
+      },
+      "center": {
+        "ui": {
+          "type": "position",
+          "label": "Center"
+        },
+        "default": {
+          "x": 0.5,
+          "y": 0.5
+        },
+        "description": "The center point of the sphere"
+      },
+      "lightPosition": {
+        "ui": {
+          "type": "position",
+          "label": "Light Position"
+        },
+        "default": {
+          "x": 0.3,
+          "y": 0.3
+        },
+        "description": "Position of the specular light source"
+      },
+      "lightIntensity": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Light Intensity"
+        },
+        "default": 0.5,
+        "description": "Intensity of the rim light (0 = off)"
+      },
+      "lightSoftness": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Light Softness"
+        },
+        "default": 0.5,
+        "description": "Softness of the rim light falloff (0 = hard edge, 1 = soft glow)"
+      },
+      "lightColor": {
+        "ui": {
+          "type": "color",
+          "label": "Light Color"
+        },
+        "default": "#ffffff",
+        "description": "Color of the specular highlight"
+      }
+    }
+  },
   {
     "name": "Spiral",
     "category": "Base Layers",

package/dist/svelte/components/Spherize.svelte.d.ts

@@ -0,0 +1,19 @@
+import { type BlendMode, type TransformConfig } from 'shaders/core';
+import { type ComponentProps } from 'shaders/core/Spherize';
+/**
+ * Define component props including blend mode, opacity, visibility, masking, and transformation
+ */
+interface ExtendedComponentProps extends Partial<ComponentProps> {
+    blendMode?: BlendMode;
+    opacity?: number;
+    visible?: boolean;
+    id?: string;
+    maskSource?: string;
+    maskType?: string;
+    renderOrder?: number;
+    transform?: Partial<TransformConfig>;
+    children?: import('svelte').Snippet;
+}
+declare const Spherize: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type Spherize = ReturnType<typeof Spherize>;
+export default Spherize;

package/dist/svelte/{generatePresetCode-CbulNGo3.js → generatePresetCode-BXrrE8g5.js}

@@ -171,6 +171,10 @@ var p = {
     opacity: 1,
     blendMode: "normal"
   },
+  Spherize: {
+    opacity: 1,
+    blendMode: "normal"
+  },
   Spiral: {
     opacity: 1,
     blendMode: "normal"
@@ -223,7 +227,7 @@ function c(l, t, e = "  ") {
   }).map(([o, r]) => typeof r == "string" ? `${o}="${r}"` : typeof r == "object" ? `${o}={${JSON.stringify(r)}}` : `${o}={${r}}`).join(`
 ` + e + "  ");
 }
-function s(l, t) {
+function m(l, t) {
   const e = [];
   function o(r) {
     for (const n of r)
@@ -231,11 +235,11 @@ function s(l, t) {
   }
   return o(t), e.some((r) => r.props?.maskSource === l);
 }
-function m(l) {
+function s(l) {
   const t = (e, o = "  ") => {
     const r = e.props ? c(e.props, e.type, o) : "";
     let n = "";
-    e.id && s(e.id, l.components) && (n = `id="${e.id}"`);
+    e.id && m(e.id, l.components) && (n = `id="${e.id}"`);
     const a = [n, r].filter(Boolean).join(`
 ` + o + "  ");
     if (e.children && e.children.length > 0) {
@@ -299,6 +303,7 @@ const y = [
   "SimplexNoise",
   "SineWave",
   "SolidColor",
+  "Spherize",
   "Spiral",
   "Strands",
   "Stretch",
@@ -311,6 +316,6 @@ const y = [
   "ZoomBlur"
 ];
 export {
-  m as n,
+  s as n,
   y as t
 };

package/dist/svelte/index.d.ts

@@ -41,6 +41,7 @@ export { default as Saturation } from './components/Saturation.svelte';
 export { default as SimplexNoise } from './components/SimplexNoise.svelte';
 export { default as SineWave } from './components/SineWave.svelte';
 export { default as SolidColor } from './components/SolidColor.svelte';
+export { default as Spherize } from './components/Spherize.svelte';
 export { default as Spiral } from './components/Spiral.svelte';
 export { default as Strands } from './components/Strands.svelte';
 export { default as Stretch } from './components/Stretch.svelte';