shaders 2.5.128 → 2.5.130

package/dist/registry.js

@@ -7989,6 +7989,53 @@ export const shaderRegistry = [
       }
     }
   },
+  {
+    "name": "Exposure",
+    "category": "Adjustments",
+    "description": "Multiplicative exposure (gain) on the child. Unlike additive brightness, it scales values around black — blacks stay black while highlights can be pushed past 1.0 to feed HDR bloom and tone-mapping roll-off. Pointwise, so no extra render pass is needed.",
+    "fileName": "Exposure",
+    "requiresChild": true,
+    "definition": {
+      "name": "Exposure",
+      "category": "Adjustments",
+      "description": "Multiplicative exposure (gain) on the child. Unlike additive brightness, it scales values around black — blacks stay black while highlights can be pushed past 1.0 to feed HDR bloom and tone-mapping roll-off. Pointwise, so no extra render pass is needed.",
+      "requiresChild": true,
+      "props": {
+        "exposure": {
+          "default": 1,
+          "description": "Brightness multiplier (gain). 1 = unchanged, >1 pushes highlights past white for HDR bloom, <1 darkens.",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 8,
+            "step": 0.1,
+            "label": "Exposure",
+            "group": "Appearance"
+          }
+        }
+      }
+    },
+    "propsMetadata": {
+      "exposure": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 8,
+          "step": 0.1,
+          "label": "Exposure",
+          "group": "Appearance"
+        },
+        "default": 1,
+        "description": "Brightness multiplier (gain). 1 = unchanged, >1 pushes highlights past white for HDR bloom, <1 darkens."
+      }
+    }
+  },
   {
     "name": "FallingLines",
     "category": "Textures",
@@ -22661,6 +22708,549 @@ export const shaderRegistry = [
       }
     }
   },
+  {
+    "name": "ThinFilm",
+    "category": "Shape Effects",
+    "description": "Iridescent thin-film edge",
+    "fileName": "ThinFilm",
+    "definition": {
+      "name": "ThinFilm",
+      "category": "Shape Effects",
+      "description": "Iridescent thin-film edge",
+      "props": {
+        "center": {
+          "default": {
+            "x": 0.5,
+            "y": 0.5
+          },
+          "description": "Center position of the shape",
+          "ui": {
+            "type": "position",
+            "label": "Center",
+            "group": "Position"
+          }
+        },
+        "scale": {
+          "default": 1,
+          "description": "Scale of the shape (1 = default size)",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0.1,
+            "max": 3,
+            "step": 0.05,
+            "label": "Scale",
+            "group": "Position"
+          }
+        },
+        "intensity": {
+          "default": 1,
+          "description": "Rim brightness — values above 1 push the edge past white for HDR bloom",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 4,
+            "step": 0.05,
+            "label": "Intensity",
+            "group": "Film"
+          }
+        },
+        "rimWidth": {
+          "default": 1,
+          "description": "How far inward from the edge the iridescence reaches",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 3,
+            "step": 0.01,
+            "label": "Rim Width",
+            "group": "Film"
+          }
+        },
+        "edgeSoftness": {
+          "default": 0.3,
+          "description": "Softness of the shape boundary",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.05,
+            "label": "Edge Softness",
+            "group": "Film"
+          }
+        },
+        "thickness": {
+          "default": 0.5,
+          "description": "Film thickness — higher values pack more spectral bands across the rim",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Thickness",
+            "group": "Film"
+          }
+        },
+        "dispersion": {
+          "default": 0.5,
+          "description": "How strongly colour separates around the perimeter (warm vs cool sides)",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Dispersion",
+            "group": "Film"
+          }
+        },
+        "saturation": {
+          "default": 1,
+          "description": "Spectral saturation — 0 = white rim, 1 = full iridescence",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Saturation",
+            "group": "Film"
+          }
+        },
+        "hueShift": {
+          "default": 0,
+          "description": "Rotate the spectrum to reposition the colours",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Hue Shift",
+            "group": "Film"
+          }
+        },
+        "lightAngle": {
+          "default": 300,
+          "description": "Light angle in degrees — sets which side of the rim runs warm vs cool",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 360,
+            "step": 1,
+            "label": "Light Angle",
+            "group": "Film"
+          }
+        },
+        "mode": {
+          "default": "rainbow",
+          "compileTime": true,
+          "description": "Rainbow uses the full iridescent spectrum; Custom cycles through your three chosen colours",
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Rainbow",
+                "value": "rainbow"
+              },
+              {
+                "label": "Custom",
+                "value": "custom"
+              }
+            ],
+            "label": "Mode",
+            "group": "Colors"
+          }
+        },
+        "colorA": {
+          "default": "#2b6fff",
+          "description": "First colour in the rim cycle",
+          "ui": {
+            "type": "color",
+            "label": "Color 1",
+            "group": "Colors",
+            "condition": {
+              "mode": "custom"
+            }
+          }
+        },
+        "colorB": {
+          "default": "#ffffff",
+          "description": "Second colour in the rim cycle",
+          "ui": {
+            "type": "color",
+            "label": "Color 2",
+            "group": "Colors",
+            "condition": {
+              "mode": "custom"
+            }
+          }
+        },
+        "colorC": {
+          "default": "#ff7a21",
+          "description": "Third colour in the rim cycle",
+          "ui": {
+            "type": "color",
+            "label": "Color 3",
+            "group": "Colors",
+            "condition": {
+              "mode": "custom"
+            }
+          }
+        },
+        "colorSpace": {
+          "default": "oklch",
+          "compileTime": true,
+          "description": "Colour space used to blend between custom colours",
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Linear RGB",
+                "value": "linear"
+              },
+              {
+                "label": "OKLCh",
+                "value": "oklch"
+              },
+              {
+                "label": "OKLAB",
+                "value": "oklab"
+              },
+              {
+                "label": "HSL",
+                "value": "hsl"
+              },
+              {
+                "label": "HSV",
+                "value": "hsv"
+              },
+              {
+                "label": "LCH",
+                "value": "lch"
+              }
+            ],
+            "label": "Color Space",
+            "group": "Colors",
+            "condition": {
+              "mode": "custom"
+            }
+          }
+        },
+        "speed": {
+          "default": 0.1,
+          "description": "Speed at which the colours rotate around the rim (0 = static)",
+          "ui": {
+            "type": "range",
+            "min": -1,
+            "max": 1,
+            "step": 0.01,
+            "label": "Speed",
+            "group": "Animation"
+          }
+        },
+        "shape": {
+          "default": "{\"type\":\"circleSDF\",\"radius\":0.35}",
+          "description": "Serialized shape configuration (JSON)",
+          "ui": {
+            "type": "shape",
+            "label": "Shape",
+            "group": "Shape"
+          }
+        },
+        "shapeSdfUrl": {
+          "default": "",
+          "compileTime": true,
+          "description": "URL to a pre-generated SDF .bin file — when non-empty, activates SVG mode and triggers a shader recompile"
+        },
+        "shapeType": {
+          "default": "",
+          "compileTime": true,
+          "description": "Active SDF shape type — triggers recompile when shape is switched. When empty, derived from shape JSON at mount time."
+        }
+      }
+    },
+    "propsMetadata": {
+      "center": {
+        "ui": {
+          "type": "position",
+          "label": "Center",
+          "group": "Position"
+        },
+        "default": {
+          "x": 0.5,
+          "y": 0.5
+        },
+        "description": "Center position of the shape"
+      },
+      "scale": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0.1,
+          "max": 3,
+          "step": 0.05,
+          "label": "Scale",
+          "group": "Position"
+        },
+        "default": 1,
+        "description": "Scale of the shape (1 = default size)"
+      },
+      "intensity": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 4,
+          "step": 0.05,
+          "label": "Intensity",
+          "group": "Film"
+        },
+        "default": 1,
+        "description": "Rim brightness — values above 1 push the edge past white for HDR bloom"
+      },
+      "rimWidth": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 3,
+          "step": 0.01,
+          "label": "Rim Width",
+          "group": "Film"
+        },
+        "default": 1,
+        "description": "How far inward from the edge the iridescence reaches"
+      },
+      "edgeSoftness": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.05,
+          "label": "Edge Softness",
+          "group": "Film"
+        },
+        "default": 0.3,
+        "description": "Softness of the shape boundary"
+      },
+      "thickness": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Thickness",
+          "group": "Film"
+        },
+        "default": 0.5,
+        "description": "Film thickness — higher values pack more spectral bands across the rim"
+      },
+      "dispersion": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Dispersion",
+          "group": "Film"
+        },
+        "default": 0.5,
+        "description": "How strongly colour separates around the perimeter (warm vs cool sides)"
+      },
+      "saturation": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Saturation",
+          "group": "Film"
+        },
+        "default": 1,
+        "description": "Spectral saturation — 0 = white rim, 1 = full iridescence"
+      },
+      "hueShift": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Hue Shift",
+          "group": "Film"
+        },
+        "default": 0,
+        "description": "Rotate the spectrum to reposition the colours"
+      },
+      "lightAngle": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 360,
+          "step": 1,
+          "label": "Light Angle",
+          "group": "Film"
+        },
+        "default": 300,
+        "description": "Light angle in degrees — sets which side of the rim runs warm vs cool"
+      },
+      "mode": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Rainbow",
+              "value": "rainbow"
+            },
+            {
+              "label": "Custom",
+              "value": "custom"
+            }
+          ],
+          "label": "Mode",
+          "group": "Colors"
+        },
+        "default": "rainbow",
+        "description": "Rainbow uses the full iridescent spectrum; Custom cycles through your three chosen colours"
+      },
+      "colorA": {
+        "ui": {
+          "type": "color",
+          "label": "Color 1",
+          "group": "Colors",
+          "condition": {
+            "mode": "custom"
+          }
+        },
+        "default": "#2b6fff",
+        "description": "First colour in the rim cycle"
+      },
+      "colorB": {
+        "ui": {
+          "type": "color",
+          "label": "Color 2",
+          "group": "Colors",
+          "condition": {
+            "mode": "custom"
+          }
+        },
+        "default": "#ffffff",
+        "description": "Second colour in the rim cycle"
+      },
+      "colorC": {
+        "ui": {
+          "type": "color",
+          "label": "Color 3",
+          "group": "Colors",
+          "condition": {
+            "mode": "custom"
+          }
+        },
+        "default": "#ff7a21",
+        "description": "Third colour in the rim cycle"
+      },
+      "colorSpace": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Linear RGB",
+              "value": "linear"
+            },
+            {
+              "label": "OKLCh",
+              "value": "oklch"
+            },
+            {
+              "label": "OKLAB",
+              "value": "oklab"
+            },
+            {
+              "label": "HSL",
+              "value": "hsl"
+            },
+            {
+              "label": "HSV",
+              "value": "hsv"
+            },
+            {
+              "label": "LCH",
+              "value": "lch"
+            }
+          ],
+          "label": "Color Space",
+          "group": "Colors",
+          "condition": {
+            "mode": "custom"
+          }
+        },
+        "default": "oklch",
+        "description": "Colour space used to blend between custom colours"
+      },
+      "speed": {
+        "ui": {
+          "type": "range",
+          "min": -1,
+          "max": 1,
+          "step": 0.01,
+          "label": "Speed",
+          "group": "Animation"
+        },
+        "default": 0.1,
+        "description": "Speed at which the colours rotate around the rim (0 = static)"
+      },
+      "shape": {
+        "ui": {
+          "type": "shape",
+          "label": "Shape",
+          "group": "Shape"
+        },
+        "default": "{\"type\":\"circleSDF\",\"radius\":0.35}",
+        "description": "Serialized shape configuration (JSON)"
+      }
+    }
+  },
   {
     "name": "TiltShift",
     "category": "Blurs",

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

@@ -0,0 +1,30 @@
+import { JSX } from 'solid-js';
+import { BlendMode, PropDriver, TransformConfig } from '../../core';
+import { ComponentProps } from '../../core/shaders/Exposure';
+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<Omit<ComponentProps, 'exposure'>> & {
+    exposure?: ComponentProps['exposure'] | PropDriver;
+};
+/**
+ * The main Solid wrapper component for Shader shader nodes
+ */
+export default function ShaderComponent(props: ShaderComponentProps): JSX.Element;
+//# sourceMappingURL=Exposure.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Exposure.d.ts","sourceRoot":"","sources":["../../src/components/Exposure.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0F,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAE5H,OAAO,EAGH,KAAK,SAAS,EAId,KAAK,UAAU,EACf,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGjF,YAAY,EAAE,cAAc,EAAE,CAAC;AAY/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;AAOD;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,GAAG;IACxF,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,GAAG,UAAU,CAAC;CACpD,CAAC;AAmCF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eA8NlE"}