shaders 2.3.51 → 2.3.53

package/dist/registry.js

@@ -392,6 +392,337 @@ export const shaderRegistry = [
       }
     }
   },
+  {
+    "name": "Aurora",
+    "category": "Textures",
+    "description": "Mesmerizing aurora borealis with layered curtains, vertical rays, and flowing light.",
+    "fileName": "Aurora",
+    "definition": {
+      "name": "Aurora",
+      "category": "Textures",
+      "description": "Mesmerizing aurora borealis with layered curtains, vertical rays, and flowing light.",
+      "props": {
+        "colorA": {
+          "default": "#a533f8",
+          "description": "Edge color at the curtain base",
+          "ui": {
+            "type": "color",
+            "label": "Color A",
+            "group": "Colors"
+          }
+        },
+        "colorB": {
+          "default": "#22ee88",
+          "description": "Core color in the bright center",
+          "ui": {
+            "type": "color",
+            "label": "Color B",
+            "group": "Colors"
+          }
+        },
+        "colorC": {
+          "default": "#1694e8",
+          "description": "Tip color at the ray ends",
+          "ui": {
+            "type": "color",
+            "label": "Color C",
+            "group": "Colors"
+          }
+        },
+        "colorSpace": {
+          "default": "linear",
+          "description": "Color space for color interpolation",
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Linear RGB",
+                "value": "linear"
+              },
+              {
+                "label": "OKLCh",
+                "value": "oklch"
+              },
+              {
+                "label": "OKLAB",
+                "value": "oklab"
+              }
+            ],
+            "label": "Color Space",
+            "group": "Colors"
+          }
+        },
+        "balance": {
+          "default": 50,
+          "description": "Shifts color distribution across the curtain height",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 100,
+            "step": 1,
+            "label": "Balance",
+            "group": "Colors"
+          }
+        },
+        "intensity": {
+          "default": 80,
+          "description": "Overall aurora brightness",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 100,
+            "step": 1,
+            "label": "Intensity",
+            "group": "Aurora"
+          }
+        },
+        "curtainCount": {
+          "default": 4,
+          "description": "Number of aurora curtain layers",
+          "ui": {
+            "type": "range",
+            "min": 1,
+            "max": 4,
+            "step": 1,
+            "label": "Curtains",
+            "group": "Aurora"
+          }
+        },
+        "speed": {
+          "default": 5,
+          "description": "Animation speed",
+          "ui": {
+            "type": "range",
+            "min": -10,
+            "max": 10,
+            "step": 0.1,
+            "label": "Speed",
+            "group": "Aurora"
+          }
+        },
+        "waviness": {
+          "default": 50,
+          "description": "How much the curtains undulate",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 200,
+            "step": 1,
+            "label": "Waviness",
+            "group": "Aurora"
+          }
+        },
+        "rayDensity": {
+          "default": 20,
+          "description": "Density of vertical ray structures",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 100,
+            "step": 1,
+            "label": "Ray Detail",
+            "group": "Aurora"
+          }
+        },
+        "height": {
+          "default": 120,
+          "description": "How tall the aurora extends",
+          "ui": {
+            "type": "range",
+            "min": 10,
+            "max": 200,
+            "step": 1,
+            "label": "Height",
+            "group": "Scene"
+          }
+        },
+        "center": {
+          "default": {
+            "x": 0.5,
+            "y": 0.5
+          },
+          "description": "Center position of the aurora",
+          "ui": {
+            "type": "position",
+            "label": "Center",
+            "group": "Scene"
+          }
+        },
+        "seed": {
+          "default": 0,
+          "description": "Random seed for variation",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 100,
+            "step": 1,
+            "label": "Seed",
+            "group": "Aurora"
+          }
+        }
+      }
+    },
+    "propsMetadata": {
+      "colorA": {
+        "ui": {
+          "type": "color",
+          "label": "Color A",
+          "group": "Colors"
+        },
+        "default": "#a533f8",
+        "description": "Edge color at the curtain base"
+      },
+      "colorB": {
+        "ui": {
+          "type": "color",
+          "label": "Color B",
+          "group": "Colors"
+        },
+        "default": "#22ee88",
+        "description": "Core color in the bright center"
+      },
+      "colorC": {
+        "ui": {
+          "type": "color",
+          "label": "Color C",
+          "group": "Colors"
+        },
+        "default": "#1694e8",
+        "description": "Tip color at the ray ends"
+      },
+      "colorSpace": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Linear RGB",
+              "value": "linear"
+            },
+            {
+              "label": "OKLCh",
+              "value": "oklch"
+            },
+            {
+              "label": "OKLAB",
+              "value": "oklab"
+            }
+          ],
+          "label": "Color Space",
+          "group": "Colors"
+        },
+        "default": "linear",
+        "description": "Color space for color interpolation"
+      },
+      "balance": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 100,
+          "step": 1,
+          "label": "Balance",
+          "group": "Colors"
+        },
+        "default": 50,
+        "description": "Shifts color distribution across the curtain height"
+      },
+      "intensity": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 100,
+          "step": 1,
+          "label": "Intensity",
+          "group": "Aurora"
+        },
+        "default": 80,
+        "description": "Overall aurora brightness"
+      },
+      "curtainCount": {
+        "ui": {
+          "type": "range",
+          "min": 1,
+          "max": 4,
+          "step": 1,
+          "label": "Curtains",
+          "group": "Aurora"
+        },
+        "default": 4,
+        "description": "Number of aurora curtain layers"
+      },
+      "speed": {
+        "ui": {
+          "type": "range",
+          "min": -10,
+          "max": 10,
+          "step": 0.1,
+          "label": "Speed",
+          "group": "Aurora"
+        },
+        "default": 5,
+        "description": "Animation speed"
+      },
+      "waviness": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 200,
+          "step": 1,
+          "label": "Waviness",
+          "group": "Aurora"
+        },
+        "default": 50,
+        "description": "How much the curtains undulate"
+      },
+      "rayDensity": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 100,
+          "step": 1,
+          "label": "Ray Detail",
+          "group": "Aurora"
+        },
+        "default": 20,
+        "description": "Density of vertical ray structures"
+      },
+      "height": {
+        "ui": {
+          "type": "range",
+          "min": 10,
+          "max": 200,
+          "step": 1,
+          "label": "Height",
+          "group": "Scene"
+        },
+        "default": 120,
+        "description": "How tall the aurora extends"
+      },
+      "center": {
+        "ui": {
+          "type": "position",
+          "label": "Center",
+          "group": "Scene"
+        },
+        "default": {
+          "x": 0.5,
+          "y": 0.5
+        },
+        "description": "Center position of the aurora"
+      },
+      "seed": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 100,
+          "step": 1,
+          "label": "Seed",
+          "group": "Aurora"
+        },
+        "default": 0,
+        "description": "Random seed for variation"
+      }
+    }
+  },
   {
     "name": "Beam",
     "category": "Textures",
@@ -2623,6 +2954,174 @@ export const shaderRegistry = [
       }
     }
   },
+  {
+    "name": "CursorRipples",
+    "category": "Interactive",
+    "description": "Fluid-like ripple distortion",
+    "fileName": "CursorRipples",
+    "requiresChild": true,
+    "definition": {
+      "name": "CursorRipples",
+      "category": "Interactive",
+      "description": "Fluid-like ripple distortion",
+      "requiresRTT": true,
+      "requiresChild": true,
+      "props": {
+        "intensity": {
+          "default": 10,
+          "description": "Strength of the ripple distortion",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 20,
+            "step": 0.1,
+            "label": "Intensity",
+            "group": "Effect"
+          }
+        },
+        "decay": {
+          "default": 10,
+          "description": "How quickly ripples fade (higher = faster)",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 20,
+            "step": 0.1,
+            "label": "Decay",
+            "group": "Effect"
+          }
+        },
+        "radius": {
+          "default": 0.5,
+          "description": "Radius of cursor influence",
+          "ui": {
+            "type": "range",
+            "min": 0.1,
+            "max": 1,
+            "step": 0.1,
+            "label": "Radius",
+            "group": "Effect"
+          }
+        },
+        "chromaticSplit": {
+          "default": 1,
+          "description": "RGB channel separation along ripple edges",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 3,
+            "step": 0.1,
+            "label": "Chromatic Split",
+            "group": "Effect"
+          }
+        },
+        "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",
+            "group": "Effect"
+          }
+        }
+      }
+    },
+    "propsMetadata": {
+      "intensity": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 20,
+          "step": 0.1,
+          "label": "Intensity",
+          "group": "Effect"
+        },
+        "default": 10,
+        "description": "Strength of the ripple distortion"
+      },
+      "decay": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 20,
+          "step": 0.1,
+          "label": "Decay",
+          "group": "Effect"
+        },
+        "default": 10,
+        "description": "How quickly ripples fade (higher = faster)"
+      },
+      "radius": {
+        "ui": {
+          "type": "range",
+          "min": 0.1,
+          "max": 1,
+          "step": 0.1,
+          "label": "Radius",
+          "group": "Effect"
+        },
+        "default": 0.5,
+        "description": "Radius of cursor influence"
+      },
+      "chromaticSplit": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 3,
+          "step": 0.1,
+          "label": "Chromatic Split",
+          "group": "Effect"
+        },
+        "default": 1,
+        "description": "RGB channel separation along ripple edges"
+      },
+      "edges": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Stretch",
+              "value": "stretch"
+            },
+            {
+              "label": "Transparent",
+              "value": "transparent"
+            },
+            {
+              "label": "Mirror",
+              "value": "mirror"
+            },
+            {
+              "label": "Wrap",
+              "value": "wrap"
+            }
+          ],
+          "label": "Edges",
+          "group": "Effect"
+        },
+        "default": "stretch",
+        "description": "How to handle edges when distortion pushes content out of bounds"
+      }
+    }
+  },
   {
     "name": "CursorTrail",
     "category": "Interactive",

package/dist/solid/components/Aurora.d.ts

@@ -0,0 +1,28 @@
+import { JSX } from 'solid-js';
+import { BlendMode, TransformConfig } from '../../core';
+import { ComponentProps } from '../../core/shaders/Aurora';
+export type { ComponentProps };
+/**
+ * Base props that all shader components have
+ */
+interface BaseShaderProps {
+    children?: JSX.Element;
+    blendMode?: BlendMode;
+    opacity?: number;
+    visible?: boolean;
+    id?: string;
+    maskSource?: string;
+    maskType?: string;
+    renderOrder?: number;
+    transform?: Partial<TransformConfig>;
+}
+/**
+ * Component-specific props that merge base props with shader-specific props
+ * Note: ComponentProps are made optional since they have defaults from the shader definition
+ */
+type ShaderComponentProps = BaseShaderProps & Partial<ComponentProps>;
+/**
+ * The main Solid wrapper component for Shader shader nodes
+ */
+export default function ShaderComponent(props: ShaderComponentProps): JSX.Element;
+//# sourceMappingURL=Aurora.d.ts.map

package/dist/solid/components/Aurora.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Aurora.d.ts","sourceRoot":"","sources":["../../src/components/Aurora.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4D,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAC9F,OAAO,EAGH,KAAK,SAAS,EAId,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAG/E,YAAY,EAAE,cAAc,EAAE,CAAC;AAI/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACxC;AAED;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;AAmCtE;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAiLlE"}