shaders 3.0.450 → 3.0.451

package/dist/solid/components/LensDistortion.js

@@ -0,0 +1,232 @@
+import { createComponent, memo, template, setAttribute, insert, Portal, spread, mergeProps, use } from "solid-js/web";
+import { splitProps, createUniqueId, createMemo, createSignal, onMount, onCleanup, createEffect } from "solid-js";
+import { resolveBoundingBox, createGpuUniformsMap } from "../../core/index.js";
+import { setColorSpaceMode } from "../../core/utilities/transformations/index.js";
+import { componentDefinition } from "../../core/shaders/LensDistortion/index.js";
+import { useShaderContext, ShaderContext } from "../engine/Shader.js";
+var _tmpl$ = /* @__PURE__ */ template(`<span style=display:contents>`), _tmpl$2 = /* @__PURE__ */ template(`<canvas>`);
+let _experimentalWarnedOnce = false;
+if (componentDefinition.experimental && !_experimentalWarnedOnce) {
+  _experimentalWarnedOnce = true;
+  const _e = componentDefinition.experimental;
+  console.info(`%c⚠ [Shaders] ${componentDefinition.name} is experimental: ${_e.message}`, "color: #f59e0b; font-weight: bold");
+}
+function isPropDriver(value) {
+  return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
+}
+const DEFAULT_TRANSFORM = {
+  offsetX: 0,
+  offsetY: 0,
+  rotation: 0,
+  scale: 1,
+  anchorX: 0.5,
+  anchorY: 0.5,
+  edges: "transparent"
+};
+const defaultProps = {
+  blendMode: "normal",
+  visible: true
+  // opacity intentionally has no default - handled by renderer
+  // transform intentionally has no default - handled by effectiveTransform
+};
+try {
+  if (componentDefinition && componentDefinition.props) {
+    Object.entries(componentDefinition.props).forEach(([key, config]) => {
+      const propConfig = config;
+      if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
+        defaultProps[key] = propConfig.default;
+      }
+    });
+  }
+} catch (e) {
+  console.warn("Error extracting default props:", e);
+}
+function ShaderComponent(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
+  const context = useShaderContext();
+  const {
+    shaderParentId: parentId,
+    shaderNodeRegister: parentRegister,
+    shaderUniformUpdate: parentUniformUpdate,
+    shaderMetadataUpdate: parentMetadataUpdate,
+    shaderColorSpace
+  } = context;
+  const instanceId = (props.id ? props.id.replace(/[^a-zA-Z0-9_]/g, "_") : null) || createUniqueId();
+  const effectiveProps = createMemo(() => {
+    let baseProps = {
+      ...defaultProps
+    };
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0 && !isPropDriver(value)) {
+        baseProps[key] = value;
+      }
+    }
+    return baseProps;
+  });
+  const effectiveTransform = createMemo(() => ({
+    ...DEFAULT_TRANSFORM,
+    ...props.transform
+  }));
+  const effectiveBoundingBox = createMemo(() => resolveBoundingBox(props.boundingBox));
+  const mapsFromProps = createMemo(() => {
+    const maps = {};
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (isPropDriver(value)) maps[key] = value;
+    }
+    return Object.keys(maps).length > 0 ? maps : void 0;
+  });
+  let uniformsMap = null;
+  const getUniformsMap = () => {
+    if (!uniformsMap) {
+      setColorSpaceMode(shaderColorSpace);
+      uniformsMap = createGpuUniformsMap(componentDefinition, effectiveProps(), instanceId);
+    }
+    return uniformsMap;
+  };
+  const childContextValue = createMemo(() => ({
+    ...context,
+    shaderParentId: instanceId
+  }));
+  const isCapturesDOM = !!componentDefinition.capturesDOM;
+  let captureCanvasEl;
+  const [captureSize, setCaptureSize] = createSignal({
+    w: typeof window !== "undefined" ? Math.round(window.innerWidth * Math.min(window.devicePixelRatio, 2)) : 0,
+    h: typeof window !== "undefined" ? Math.round(window.innerHeight * Math.min(window.devicePixelRatio, 2)) : 0
+  });
+  if (isCapturesDOM) {
+    const onWinResize = () => {
+      const d = Math.min(window.devicePixelRatio, 2);
+      setCaptureSize({
+        w: Math.round(window.innerWidth * d),
+        h: Math.round(window.innerHeight * d)
+      });
+    };
+    onMount(() => window.addEventListener("resize", onWinResize));
+    onCleanup(() => window.removeEventListener("resize", onWinResize));
+  }
+  let markerRef;
+  let detectedRenderOrder = void 0;
+  let isRegistered = false;
+  onMount(() => {
+    const uniforms = getUniformsMap();
+    if (!uniforms) return;
+    try {
+      const metadata = {
+        blendMode: props.blendMode || "normal",
+        opacity: props.opacity,
+        visible: props.visible === false ? false : true,
+        id: props.id,
+        mask: props.maskSource ? {
+          source: props.maskSource,
+          type: props.maskType || "alpha"
+        } : void 0,
+        maps: mapsFromProps(),
+        renderOrder: props.renderOrder ?? detectedRenderOrder,
+        transform: effectiveTransform(),
+        boundingBox: effectiveBoundingBox(),
+        flow: props.flow,
+        absolute: props.absolute
+      };
+      parentRegister(instanceId, componentDefinition.fragment, parentId, metadata, uniforms, componentDefinition, isCapturesDOM ? captureCanvasEl : void 0);
+      isRegistered = true;
+      if (props.renderOrder === void 0 && markerRef) {
+        const parent = markerRef.parentElement;
+        if (parent) {
+          const siblings = parent.querySelectorAll(":scope > [data-shader-id]");
+          const position = Array.from(siblings).indexOf(markerRef);
+          if (position >= 0) {
+            detectedRenderOrder = position;
+            parentMetadataUpdate(instanceId, {
+              renderOrder: position
+            });
+          }
+        }
+      }
+    } catch (error) {
+      console.error("Error registering shader node:", error);
+    }
+  });
+  onCleanup(() => {
+    isRegistered = false;
+    parentRegister(instanceId, null, null, null, null);
+  });
+  createEffect(() => {
+    if (!isRegistered) return;
+    const uniforms = getUniformsMap();
+    if (!uniforms) return;
+    try {
+      const props_snapshot = effectiveProps();
+      Object.entries(uniforms).forEach(([propName, uniformData]) => {
+        if (!uniformData || typeof uniformData !== "object") return;
+        if (uniformData.value !== void 0 && propName in props_snapshot) {
+          const newValue = props_snapshot[propName];
+          parentUniformUpdate(instanceId, propName, newValue);
+        }
+      });
+    } catch (error) {
+      console.error("Error updating uniforms:", error);
+    }
+  });
+  createEffect(() => {
+    if (!isRegistered) return;
+    try {
+      const metadata = {
+        blendMode: props.blendMode || "normal",
+        opacity: props.opacity,
+        visible: props.visible === false ? false : true,
+        id: props.id,
+        mask: props.maskSource ? {
+          source: props.maskSource,
+          type: props.maskType || "alpha"
+        } : void 0,
+        maps: mapsFromProps(),
+        renderOrder: props.renderOrder ?? detectedRenderOrder,
+        transform: effectiveTransform(),
+        boundingBox: effectiveBoundingBox(),
+        flow: props.flow,
+        absolute: props.absolute
+      };
+      parentMetadataUpdate(instanceId, metadata);
+    } catch (error) {
+      console.error("Error updating metadata:", error);
+    }
+  });
+  const canUseDOM = typeof document !== "undefined" && typeof window !== "undefined";
+  return createComponent(ShaderContext.Provider, {
+    get value() {
+      return childContextValue();
+    },
+    get children() {
+      return [(() => {
+        var _el$ = _tmpl$();
+        var _ref$ = markerRef;
+        typeof _ref$ === "function" ? use(_ref$, _el$) : markerRef = _el$;
+        setAttribute(_el$, "data-shader-id", instanceId);
+        insert(_el$, () => (!isCapturesDOM || !canUseDOM) && local.children);
+        return _el$;
+      })(), memo(() => isCapturesDOM && canUseDOM && createComponent(Portal, {
+        get children() {
+          var _el$2 = _tmpl$2();
+          var _ref$2 = captureCanvasEl;
+          typeof _ref$2 === "function" ? use(_ref$2, _el$2) : captureCanvasEl = _el$2;
+          spread(_el$2, mergeProps({
+            "layoutsubtree": ""
+          }, {
+            get width() {
+              return captureSize().w;
+            },
+            get height() {
+              return captureSize().h;
+            },
+            "style": "position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999"
+          }), false, true);
+          insert(_el$2, () => local.children);
+          return _el$2;
+        }
+      }))];
+    }
+  });
+}
+export {
+  ShaderComponent as default
+};

package/dist/solid/engine/Preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../src/engine/Preview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+C,KAAK,GAAG,EAAoC,MAAM,UAAU,CAAA;AAgkBlH,MAAM,WAAW,YAAY;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,GAAG,MAAM,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACvC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAID,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,eA6HlD"}
+{"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../src/engine/Preview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+C,KAAK,GAAG,EAAoC,MAAM,UAAU,CAAA;AAkkBlH,MAAM,WAAW,YAAY;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,GAAG,MAAM,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACvC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAID,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,eA6HlD"}

package/dist/solid/engine/Preview.js

@@ -1,100 +1,101 @@
 import { template, insert, memo, createComponent, effect, className, style, setAttribute, Dynamic, mergeProps } from "solid-js/web";
 import { createSignal, createEffect, createMemo, For } from "solid-js";
-import ShaderComponent$2Y from "../components/AngularBlur.js";
-import ShaderComponent$2X from "../components/Arc.js";
-import ShaderComponent$2W from "../components/Ascii.js";
-import ShaderComponent$2V from "../components/Aurora.js";
-import ShaderComponent$2U from "../components/BarShift.js";
-import ShaderComponent$2T from "../components/BarnDoors.js";
-import ShaderComponent$2S from "../components/Beam.js";
-import ShaderComponent$2R from "../components/Bend.js";
-import ShaderComponent$2Q from "../components/Blob.js";
-import ShaderComponent$2P from "../components/BlockDissolve.js";
-import ShaderComponent$2O from "../components/BlockNoise.js";
-import ShaderComponent$2N from "../components/BlueNoise.js";
-import ShaderComponent$2M from "../components/Blur.js";
-import ShaderComponent$2L from "../components/Boids.js";
-import ShaderComponent$2K from "../components/BokehBlur.js";
-import ShaderComponent$2J from "../components/BrickPattern.js";
-import ShaderComponent$2I from "../components/BrightnessContrast.js";
-import ShaderComponent$2H from "../components/BrushedMetal.js";
-import ShaderComponent$2G from "../components/Bulge.js";
-import ShaderComponent$2F from "../components/CRTScreen.js";
-import ShaderComponent$2E from "../components/CarbonFiber.js";
-import ShaderComponent$2D from "../components/Chalkboard.js";
-import ShaderComponent$2C from "../components/ChannelBlur.js";
-import ShaderComponent$2B from "../components/CheckerWipe.js";
-import ShaderComponent$2A from "../components/Checkerboard.js";
-import ShaderComponent$2z from "../components/Chevron.js";
-import ShaderComponent$2y from "../components/ChromaFlow.js";
-import ShaderComponent$2x from "../components/ChromaticAberration.js";
-import ShaderComponent$2w from "../components/Circle.js";
-import ShaderComponent$2v from "../components/ColorWheel.js";
-import ShaderComponent$2u from "../components/CompressionArtifacts.js";
-import ShaderComponent$2t from "../components/ConcentricSpin.js";
-import ShaderComponent$2s from "../components/ConicGradient.js";
-import ShaderComponent$2r from "../components/ContourLines.js";
-import ShaderComponent$2q from "../components/CornerPin.js";
-import ShaderComponent$2p from "../components/Crescent.js";
-import ShaderComponent$2o from "../components/Cross.js";
-import ShaderComponent$2n from "../components/Crystal.js";
-import ShaderComponent$2m from "../components/CurlNoise.js";
-import ShaderComponent$2l from "../components/CursorRipples.js";
-import ShaderComponent$2k from "../components/CursorTrail.js";
-import ShaderComponent$2j from "../components/DataMosh.js";
-import ShaderComponent$2i from "../components/DiamondGradient.js";
-import ShaderComponent$2h from "../components/DiamondWipe.js";
-import ShaderComponent$2g from "../components/DiffuseBlur.js";
-import ShaderComponent$2f from "../components/DisplacementMap.js";
-import ShaderComponent$2e from "../components/Dither.js";
-import ShaderComponent$2d from "../components/DotGrid.js";
-import ShaderComponent$2c from "../components/DropShadow.js";
-import ShaderComponent$2b from "../components/Duotone.js";
-import ShaderComponent$2a from "../components/Ellipse.js";
-import ShaderComponent$29 from "../components/Emboss.js";
-import ShaderComponent$28 from "../components/Engraving.js";
-import ShaderComponent$27 from "../components/ErosionNoise.js";
-import ShaderComponent$26 from "../components/Exposure.js";
-import ShaderComponent$25 from "../components/FallingLines.js";
-import ShaderComponent$24 from "../components/FilmGrain.js";
-import ShaderComponent$23 from "../components/FilmStock.js";
-import ShaderComponent$22 from "../components/Flip.js";
-import ShaderComponent$21 from "../components/FloatingParticles.js";
-import ShaderComponent$20 from "../components/FlowField.js";
-import ShaderComponent$1$ from "../components/Flower.js";
-import ShaderComponent$1_ from "../components/FlowingGradient.js";
-import ShaderComponent$1Z from "../components/FlutedGlass.js";
-import ShaderComponent$1Y from "../components/Fog.js";
-import ShaderComponent$1X from "../components/Form3D.js";
-import ShaderComponent$1W from "../components/FractalNoise.js";
-import ShaderComponent$1V from "../components/Frost.js";
-import ShaderComponent$1U from "../components/GaborNoise.js";
-import ShaderComponent$1T from "../components/Glass.js";
-import ShaderComponent$1S from "../components/GlassTiles.js";
-import ShaderComponent$1R from "../components/Glitch.js";
-import ShaderComponent$1Q from "../components/Glow.js";
-import ShaderComponent$1P from "../components/Godrays.js";
-import ShaderComponent$1O from "../components/Goo.js";
-import ShaderComponent$1N from "../components/GradientMap.js";
-import ShaderComponent$1M from "../components/Grayscale.js";
-import ShaderComponent$1L from "../components/Grid.js";
-import ShaderComponent$1K from "../components/GridDistortion.js";
-import ShaderComponent$1J from "../components/Group.js";
-import ShaderComponent$1I from "../components/HTMLInCanvas.js";
-import ShaderComponent$1H from "../components/Halftone.js";
-import ShaderComponent$1G from "../components/Heart.js";
-import ShaderComponent$1F from "../components/Heatmap.js";
-import ShaderComponent$1E from "../components/HexGrid.js";
-import ShaderComponent$1D from "../components/Hologram.js";
-import ShaderComponent$1C from "../components/Holographic.js";
-import ShaderComponent$1B from "../components/HueShift.js";
-import ShaderComponent$1A from "../components/ImageTexture.js";
-import ShaderComponent$1z from "../components/InkFlow.js";
-import ShaderComponent$1y from "../components/Invert.js";
-import ShaderComponent$1x from "../components/IrisWipe.js";
-import ShaderComponent$1w from "../components/IsometricCubes.js";
-import ShaderComponent$1v from "../components/Kaleidoscope.js";
-import ShaderComponent$1u from "../components/KeyFrames.js";
+import ShaderComponent$2Z from "../components/AngularBlur.js";
+import ShaderComponent$2Y from "../components/Arc.js";
+import ShaderComponent$2X from "../components/Ascii.js";
+import ShaderComponent$2W from "../components/Aurora.js";
+import ShaderComponent$2V from "../components/BarShift.js";
+import ShaderComponent$2U from "../components/BarnDoors.js";
+import ShaderComponent$2T from "../components/Beam.js";
+import ShaderComponent$2S from "../components/Bend.js";
+import ShaderComponent$2R from "../components/Blob.js";
+import ShaderComponent$2Q from "../components/BlockDissolve.js";
+import ShaderComponent$2P from "../components/BlockNoise.js";
+import ShaderComponent$2O from "../components/BlueNoise.js";
+import ShaderComponent$2N from "../components/Blur.js";
+import ShaderComponent$2M from "../components/Boids.js";
+import ShaderComponent$2L from "../components/BokehBlur.js";
+import ShaderComponent$2K from "../components/BrickPattern.js";
+import ShaderComponent$2J from "../components/BrightnessContrast.js";
+import ShaderComponent$2I from "../components/BrushedMetal.js";
+import ShaderComponent$2H from "../components/Bulge.js";
+import ShaderComponent$2G from "../components/CRTScreen.js";
+import ShaderComponent$2F from "../components/CarbonFiber.js";
+import ShaderComponent$2E from "../components/Chalkboard.js";
+import ShaderComponent$2D from "../components/ChannelBlur.js";
+import ShaderComponent$2C from "../components/CheckerWipe.js";
+import ShaderComponent$2B from "../components/Checkerboard.js";
+import ShaderComponent$2A from "../components/Chevron.js";
+import ShaderComponent$2z from "../components/ChromaFlow.js";
+import ShaderComponent$2y from "../components/ChromaticAberration.js";
+import ShaderComponent$2x from "../components/Circle.js";
+import ShaderComponent$2w from "../components/ColorWheel.js";
+import ShaderComponent$2v from "../components/CompressionArtifacts.js";
+import ShaderComponent$2u from "../components/ConcentricSpin.js";
+import ShaderComponent$2t from "../components/ConicGradient.js";
+import ShaderComponent$2s from "../components/ContourLines.js";
+import ShaderComponent$2r from "../components/CornerPin.js";
+import ShaderComponent$2q from "../components/Crescent.js";
+import ShaderComponent$2p from "../components/Cross.js";
+import ShaderComponent$2o from "../components/Crystal.js";
+import ShaderComponent$2n from "../components/CurlNoise.js";
+import ShaderComponent$2m from "../components/CursorRipples.js";
+import ShaderComponent$2l from "../components/CursorTrail.js";
+import ShaderComponent$2k from "../components/DataMosh.js";
+import ShaderComponent$2j from "../components/DiamondGradient.js";
+import ShaderComponent$2i from "../components/DiamondWipe.js";
+import ShaderComponent$2h from "../components/DiffuseBlur.js";
+import ShaderComponent$2g from "../components/DisplacementMap.js";
+import ShaderComponent$2f from "../components/Dither.js";
+import ShaderComponent$2e from "../components/DotGrid.js";
+import ShaderComponent$2d from "../components/DropShadow.js";
+import ShaderComponent$2c from "../components/Duotone.js";
+import ShaderComponent$2b from "../components/Ellipse.js";
+import ShaderComponent$2a from "../components/Emboss.js";
+import ShaderComponent$29 from "../components/Engraving.js";
+import ShaderComponent$28 from "../components/ErosionNoise.js";
+import ShaderComponent$27 from "../components/Exposure.js";
+import ShaderComponent$26 from "../components/FallingLines.js";
+import ShaderComponent$25 from "../components/FilmGrain.js";
+import ShaderComponent$24 from "../components/FilmStock.js";
+import ShaderComponent$23 from "../components/Flip.js";
+import ShaderComponent$22 from "../components/FloatingParticles.js";
+import ShaderComponent$21 from "../components/FlowField.js";
+import ShaderComponent$20 from "../components/Flower.js";
+import ShaderComponent$1$ from "../components/FlowingGradient.js";
+import ShaderComponent$1_ from "../components/FlutedGlass.js";
+import ShaderComponent$1Z from "../components/Fog.js";
+import ShaderComponent$1Y from "../components/Form3D.js";
+import ShaderComponent$1X from "../components/FractalNoise.js";
+import ShaderComponent$1W from "../components/Frost.js";
+import ShaderComponent$1V from "../components/GaborNoise.js";
+import ShaderComponent$1U from "../components/Glass.js";
+import ShaderComponent$1T from "../components/GlassTiles.js";
+import ShaderComponent$1S from "../components/Glitch.js";
+import ShaderComponent$1R from "../components/Glow.js";
+import ShaderComponent$1Q from "../components/Godrays.js";
+import ShaderComponent$1P from "../components/Goo.js";
+import ShaderComponent$1O from "../components/GradientMap.js";
+import ShaderComponent$1N from "../components/Grayscale.js";
+import ShaderComponent$1M from "../components/Grid.js";
+import ShaderComponent$1L from "../components/GridDistortion.js";
+import ShaderComponent$1K from "../components/Group.js";
+import ShaderComponent$1J from "../components/HTMLInCanvas.js";
+import ShaderComponent$1I from "../components/Halftone.js";
+import ShaderComponent$1H from "../components/Heart.js";
+import ShaderComponent$1G from "../components/Heatmap.js";
+import ShaderComponent$1F from "../components/HexGrid.js";
+import ShaderComponent$1E from "../components/Hologram.js";
+import ShaderComponent$1D from "../components/Holographic.js";
+import ShaderComponent$1C from "../components/HueShift.js";
+import ShaderComponent$1B from "../components/ImageTexture.js";
+import ShaderComponent$1A from "../components/InkFlow.js";
+import ShaderComponent$1z from "../components/Invert.js";
+import ShaderComponent$1y from "../components/IrisWipe.js";
+import ShaderComponent$1x from "../components/IsometricCubes.js";
+import ShaderComponent$1w from "../components/Kaleidoscope.js";
+import ShaderComponent$1v from "../components/KeyFrames.js";
+import ShaderComponent$1u from "../components/LensDistortion.js";
 import ShaderComponent$1t from "../components/LensFlare.js";
 import ShaderComponent$1s from "../components/LightEdge.js";
 import ShaderComponent$1r from "../components/LightLeak.js";
@@ -193,102 +194,103 @@ import Shader from "./Shader.js";
 import "../../core/index.js";
 var _tmpl$ = /* @__PURE__ */ template(`<div style=position:relative;width:100%;height:100%><a target=_blank rel="noopener noreferrer"style="position:absolute;bottom:8px;right:12px;font-size:11px;font-family:-apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, sans-serif;color:rgba(255, 255, 255, 0.5);text-decoration:none;pointer-events:auto;z-index:10;text-shadow:0 1px 3px rgba(0, 0, 0, 0.4);transition:color 0.2s ease">`);
 const componentMap = {
-  AngularBlur: ShaderComponent$2Y,
-  Arc: ShaderComponent$2X,
-  Ascii: ShaderComponent$2W,
-  Aurora: ShaderComponent$2V,
-  BarShift: ShaderComponent$2U,
-  BarnDoors: ShaderComponent$2T,
-  Beam: ShaderComponent$2S,
-  Bend: ShaderComponent$2R,
-  Blob: ShaderComponent$2Q,
-  BlockDissolve: ShaderComponent$2P,
-  BlockNoise: ShaderComponent$2O,
-  BlueNoise: ShaderComponent$2N,
-  Blur: ShaderComponent$2M,
-  Boids: ShaderComponent$2L,
-  BokehBlur: ShaderComponent$2K,
-  BrickPattern: ShaderComponent$2J,
-  BrightnessContrast: ShaderComponent$2I,
-  BrushedMetal: ShaderComponent$2H,
-  Bulge: ShaderComponent$2G,
-  CRTScreen: ShaderComponent$2F,
-  CarbonFiber: ShaderComponent$2E,
-  Chalkboard: ShaderComponent$2D,
-  ChannelBlur: ShaderComponent$2C,
-  CheckerWipe: ShaderComponent$2B,
-  Checkerboard: ShaderComponent$2A,
-  Chevron: ShaderComponent$2z,
-  ChromaFlow: ShaderComponent$2y,
-  ChromaticAberration: ShaderComponent$2x,
-  Circle: ShaderComponent$2w,
-  ColorWheel: ShaderComponent$2v,
-  CompressionArtifacts: ShaderComponent$2u,
-  ConcentricSpin: ShaderComponent$2t,
-  ConicGradient: ShaderComponent$2s,
-  ContourLines: ShaderComponent$2r,
-  CornerPin: ShaderComponent$2q,
-  Crescent: ShaderComponent$2p,
-  Cross: ShaderComponent$2o,
-  Crystal: ShaderComponent$2n,
-  CurlNoise: ShaderComponent$2m,
-  CursorRipples: ShaderComponent$2l,
-  CursorTrail: ShaderComponent$2k,
-  DataMosh: ShaderComponent$2j,
-  DiamondGradient: ShaderComponent$2i,
-  DiamondWipe: ShaderComponent$2h,
-  DiffuseBlur: ShaderComponent$2g,
-  DisplacementMap: ShaderComponent$2f,
-  Dither: ShaderComponent$2e,
-  DotGrid: ShaderComponent$2d,
-  DropShadow: ShaderComponent$2c,
-  Duotone: ShaderComponent$2b,
-  Ellipse: ShaderComponent$2a,
-  Emboss: ShaderComponent$29,
-  Engraving: ShaderComponent$28,
-  ErosionNoise: ShaderComponent$27,
-  Exposure: ShaderComponent$26,
-  FallingLines: ShaderComponent$25,
-  FilmGrain: ShaderComponent$24,
-  FilmStock: ShaderComponent$23,
-  Flip: ShaderComponent$22,
-  FloatingParticles: ShaderComponent$21,
-  FlowField: ShaderComponent$20,
-  Flower: ShaderComponent$1$,
-  FlowingGradient: ShaderComponent$1_,
-  FlutedGlass: ShaderComponent$1Z,
-  Fog: ShaderComponent$1Y,
-  Form3D: ShaderComponent$1X,
-  FractalNoise: ShaderComponent$1W,
-  Frost: ShaderComponent$1V,
-  GaborNoise: ShaderComponent$1U,
-  Glass: ShaderComponent$1T,
-  GlassTiles: ShaderComponent$1S,
-  Glitch: ShaderComponent$1R,
-  Glow: ShaderComponent$1Q,
-  Godrays: ShaderComponent$1P,
-  Goo: ShaderComponent$1O,
-  GradientMap: ShaderComponent$1N,
-  Grayscale: ShaderComponent$1M,
-  Grid: ShaderComponent$1L,
-  GridDistortion: ShaderComponent$1K,
-  Group: ShaderComponent$1J,
-  HTMLInCanvas: ShaderComponent$1I,
-  DOMTexture: ShaderComponent$1I,
-  Halftone: ShaderComponent$1H,
-  Heart: ShaderComponent$1G,
-  Heatmap: ShaderComponent$1F,
-  HexGrid: ShaderComponent$1E,
-  Hologram: ShaderComponent$1D,
-  Holographic: ShaderComponent$1C,
-  HueShift: ShaderComponent$1B,
-  ImageTexture: ShaderComponent$1A,
-  InkFlow: ShaderComponent$1z,
-  Invert: ShaderComponent$1y,
-  IrisWipe: ShaderComponent$1x,
-  IsometricCubes: ShaderComponent$1w,
-  Kaleidoscope: ShaderComponent$1v,
-  KeyFrames: ShaderComponent$1u,
+  AngularBlur: ShaderComponent$2Z,
+  Arc: ShaderComponent$2Y,
+  Ascii: ShaderComponent$2X,
+  Aurora: ShaderComponent$2W,
+  BarShift: ShaderComponent$2V,
+  BarnDoors: ShaderComponent$2U,
+  Beam: ShaderComponent$2T,
+  Bend: ShaderComponent$2S,
+  Blob: ShaderComponent$2R,
+  BlockDissolve: ShaderComponent$2Q,
+  BlockNoise: ShaderComponent$2P,
+  BlueNoise: ShaderComponent$2O,
+  Blur: ShaderComponent$2N,
+  Boids: ShaderComponent$2M,
+  BokehBlur: ShaderComponent$2L,
+  BrickPattern: ShaderComponent$2K,
+  BrightnessContrast: ShaderComponent$2J,
+  BrushedMetal: ShaderComponent$2I,
+  Bulge: ShaderComponent$2H,
+  CRTScreen: ShaderComponent$2G,
+  CarbonFiber: ShaderComponent$2F,
+  Chalkboard: ShaderComponent$2E,
+  ChannelBlur: ShaderComponent$2D,
+  CheckerWipe: ShaderComponent$2C,
+  Checkerboard: ShaderComponent$2B,
+  Chevron: ShaderComponent$2A,
+  ChromaFlow: ShaderComponent$2z,
+  ChromaticAberration: ShaderComponent$2y,
+  Circle: ShaderComponent$2x,
+  ColorWheel: ShaderComponent$2w,
+  CompressionArtifacts: ShaderComponent$2v,
+  ConcentricSpin: ShaderComponent$2u,
+  ConicGradient: ShaderComponent$2t,
+  ContourLines: ShaderComponent$2s,
+  CornerPin: ShaderComponent$2r,
+  Crescent: ShaderComponent$2q,
+  Cross: ShaderComponent$2p,
+  Crystal: ShaderComponent$2o,
+  CurlNoise: ShaderComponent$2n,
+  CursorRipples: ShaderComponent$2m,
+  CursorTrail: ShaderComponent$2l,
+  DataMosh: ShaderComponent$2k,
+  DiamondGradient: ShaderComponent$2j,
+  DiamondWipe: ShaderComponent$2i,
+  DiffuseBlur: ShaderComponent$2h,
+  DisplacementMap: ShaderComponent$2g,
+  Dither: ShaderComponent$2f,
+  DotGrid: ShaderComponent$2e,
+  DropShadow: ShaderComponent$2d,
+  Duotone: ShaderComponent$2c,
+  Ellipse: ShaderComponent$2b,
+  Emboss: ShaderComponent$2a,
+  Engraving: ShaderComponent$29,
+  ErosionNoise: ShaderComponent$28,
+  Exposure: ShaderComponent$27,
+  FallingLines: ShaderComponent$26,
+  FilmGrain: ShaderComponent$25,
+  FilmStock: ShaderComponent$24,
+  Flip: ShaderComponent$23,
+  FloatingParticles: ShaderComponent$22,
+  FlowField: ShaderComponent$21,
+  Flower: ShaderComponent$20,
+  FlowingGradient: ShaderComponent$1$,
+  FlutedGlass: ShaderComponent$1_,
+  Fog: ShaderComponent$1Z,
+  Form3D: ShaderComponent$1Y,
+  FractalNoise: ShaderComponent$1X,
+  Frost: ShaderComponent$1W,
+  GaborNoise: ShaderComponent$1V,
+  Glass: ShaderComponent$1U,
+  GlassTiles: ShaderComponent$1T,
+  Glitch: ShaderComponent$1S,
+  Glow: ShaderComponent$1R,
+  Godrays: ShaderComponent$1Q,
+  Goo: ShaderComponent$1P,
+  GradientMap: ShaderComponent$1O,
+  Grayscale: ShaderComponent$1N,
+  Grid: ShaderComponent$1M,
+  GridDistortion: ShaderComponent$1L,
+  Group: ShaderComponent$1K,
+  HTMLInCanvas: ShaderComponent$1J,
+  DOMTexture: ShaderComponent$1J,
+  Halftone: ShaderComponent$1I,
+  Heart: ShaderComponent$1H,
+  Heatmap: ShaderComponent$1G,
+  HexGrid: ShaderComponent$1F,
+  Hologram: ShaderComponent$1E,
+  Holographic: ShaderComponent$1D,
+  HueShift: ShaderComponent$1C,
+  ImageTexture: ShaderComponent$1B,
+  InkFlow: ShaderComponent$1A,
+  Invert: ShaderComponent$1z,
+  IrisWipe: ShaderComponent$1y,
+  IsometricCubes: ShaderComponent$1x,
+  Kaleidoscope: ShaderComponent$1w,
+  KeyFrames: ShaderComponent$1v,
+  LensDistortion: ShaderComponent$1u,
   LensFlare: ShaderComponent$1t,
   LightEdge: ShaderComponent$1s,
   LightLeak: ShaderComponent$1r,

package/dist/solid/engine/Shader.js

@@ -82,7 +82,7 @@ function Shader(allProps) {
       }
       const stats = rendererInstance.getPerformanceStats();
       if (stats.fps > 0) {
-        const version = "3.0.450";
+        const version = "3.0.451";
         telemetryCollector = startTelemetry(rendererInstance, version, props.disableTelemetry, props.isPreview);
         if (telemetryCollector) {
           telemetryCollector.start();