shaders 2.2.48 → 2.3.50

package/dist/solid/components/SolidColor.js

@@ -1,8 +1,9 @@
-import { createComponent } from "solid-js/web";
+import { createComponent, template, use, setAttribute, insert } from "solid-js/web";
 import { splitProps, createMemo, onMount, onCleanup, createEffect } from "solid-js";
 import { createUniformsMap } from "../../core/index.js";
 import { componentDefinition } from "../../core/shaders/SolidColor/index.js";
 import { useShaderContext, ShaderContext } from "../engine/Shader.js";
+var _tmpl$ = /* @__PURE__ */ template(`<span style=display:contents>`);
 const DEFAULT_TRANSFORM = {
   offsetX: 0,
   offsetY: 0,
@@ -14,7 +15,6 @@ const DEFAULT_TRANSFORM = {
 };
 const defaultProps = {
   blendMode: "normal",
-  renderOrder: 0,
   visible: true
   // opacity intentionally has no default - handled by renderer
   // transform intentionally has no default - handled by effectiveTransform
@@ -40,7 +40,7 @@ function ShaderComponent(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || Math.random().toString(36).substring(2, 10);
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps
@@ -67,6 +67,8 @@ function ShaderComponent(props) {
     ...context,
     shaderParentId: instanceId
   }));
+  let markerRef;
+  let detectedRenderOrder = void 0;
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -81,11 +83,24 @@ function ShaderComponent(props) {
           source: props.maskSource,
           type: props.maskType || "alpha"
         } : void 0,
-        renderOrder: props.renderOrder || 0,
+        renderOrder: props.renderOrder ?? detectedRenderOrder,
         transform: effectiveTransform()
       };
       parentRegister(instanceId, componentDefinition.fragmentNode, parentId, metadata, uniforms, componentDefinition);
       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);
     }
@@ -126,7 +141,7 @@ function ShaderComponent(props) {
           source: props.maskSource,
           type: props.maskType || "alpha"
         } : void 0,
-        renderOrder: props.renderOrder || 0,
+        renderOrder: props.renderOrder ?? detectedRenderOrder,
         transform: effectiveTransform()
       };
       parentMetadataUpdate(instanceId, metadata);
@@ -139,7 +154,12 @@ function ShaderComponent(props) {
       return childContextValue();
     },
     get children() {
-      return local.children;
+      var _el$ = _tmpl$();
+      var _ref$ = markerRef;
+      typeof _ref$ === "function" ? use(_ref$, _el$) : markerRef = _el$;
+      setAttribute(_el$, "data-shader-id", instanceId);
+      insert(_el$, () => local.children);
+      return _el$;
     }
   });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Spherize.d.ts","sourceRoot":"","sources":["../../src/components/Spherize.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,uBAAuB,CAAC;AAGjF,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;AAoCtE;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eA4JlE"}
+{"version":3,"file":"Spherize.d.ts","sourceRoot":"","sources":["../../src/components/Spherize.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,uBAAuB,CAAC;AAGjF,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"}

package/dist/solid/components/Spherize.js

@@ -1,8 +1,9 @@
-import { createComponent } from "solid-js/web";
+import { createComponent, template, use, setAttribute, insert } from "solid-js/web";
 import { splitProps, createMemo, onMount, onCleanup, createEffect } from "solid-js";
 import { createUniformsMap } from "../../core/index.js";
 import { componentDefinition } from "../../core/shaders/Spherize/index.js";
 import { useShaderContext, ShaderContext } from "../engine/Shader.js";
+var _tmpl$ = /* @__PURE__ */ template(`<span style=display:contents>`);
 const DEFAULT_TRANSFORM = {
   offsetX: 0,
   offsetY: 0,
@@ -14,7 +15,6 @@ const DEFAULT_TRANSFORM = {
 };
 const defaultProps = {
   blendMode: "normal",
-  renderOrder: 0,
   visible: true
   // opacity intentionally has no default - handled by renderer
   // transform intentionally has no default - handled by effectiveTransform
@@ -40,7 +40,7 @@ function ShaderComponent(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || Math.random().toString(36).substring(2, 10);
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps
@@ -67,6 +67,8 @@ function ShaderComponent(props) {
     ...context,
     shaderParentId: instanceId
   }));
+  let markerRef;
+  let detectedRenderOrder = void 0;
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -81,11 +83,24 @@ function ShaderComponent(props) {
           source: props.maskSource,
           type: props.maskType || "alpha"
         } : void 0,
-        renderOrder: props.renderOrder || 0,
+        renderOrder: props.renderOrder ?? detectedRenderOrder,
         transform: effectiveTransform()
       };
       parentRegister(instanceId, componentDefinition.fragmentNode, parentId, metadata, uniforms, componentDefinition);
       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);
     }
@@ -126,7 +141,7 @@ function ShaderComponent(props) {
           source: props.maskSource,
           type: props.maskType || "alpha"
         } : void 0,
-        renderOrder: props.renderOrder || 0,
+        renderOrder: props.renderOrder ?? detectedRenderOrder,
         transform: effectiveTransform()
       };
       parentMetadataUpdate(instanceId, metadata);
@@ -139,7 +154,12 @@ function ShaderComponent(props) {
       return childContextValue();
     },
     get children() {
-      return local.children;
+      var _el$ = _tmpl$();
+      var _ref$ = markerRef;
+      typeof _ref$ === "function" ? use(_ref$, _el$) : markerRef = _el$;
+      setAttribute(_el$, "data-shader-id", instanceId);
+      insert(_el$, () => local.children);
+      return _el$;
     }
   });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Spiral.d.ts","sourceRoot":"","sources":["../../src/components/Spiral.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;AAoCtE;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eA4JlE"}
+{"version":3,"file":"Spiral.d.ts","sourceRoot":"","sources":["../../src/components/Spiral.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"}

package/dist/solid/components/Spiral.js

@@ -1,8 +1,9 @@
-import { createComponent } from "solid-js/web";
+import { createComponent, template, use, setAttribute, insert } from "solid-js/web";
 import { splitProps, createMemo, onMount, onCleanup, createEffect } from "solid-js";
 import { createUniformsMap } from "../../core/index.js";
 import { componentDefinition } from "../../core/shaders/Spiral/index.js";
 import { useShaderContext, ShaderContext } from "../engine/Shader.js";
+var _tmpl$ = /* @__PURE__ */ template(`<span style=display:contents>`);
 const DEFAULT_TRANSFORM = {
   offsetX: 0,
   offsetY: 0,
@@ -14,7 +15,6 @@ const DEFAULT_TRANSFORM = {
 };
 const defaultProps = {
   blendMode: "normal",
-  renderOrder: 0,
   visible: true
   // opacity intentionally has no default - handled by renderer
   // transform intentionally has no default - handled by effectiveTransform
@@ -40,7 +40,7 @@ function ShaderComponent(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || Math.random().toString(36).substring(2, 10);
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps
@@ -67,6 +67,8 @@ function ShaderComponent(props) {
     ...context,
     shaderParentId: instanceId
   }));
+  let markerRef;
+  let detectedRenderOrder = void 0;
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -81,11 +83,24 @@ function ShaderComponent(props) {
           source: props.maskSource,
           type: props.maskType || "alpha"
         } : void 0,
-        renderOrder: props.renderOrder || 0,
+        renderOrder: props.renderOrder ?? detectedRenderOrder,
         transform: effectiveTransform()
       };
       parentRegister(instanceId, componentDefinition.fragmentNode, parentId, metadata, uniforms, componentDefinition);
       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);
     }
@@ -126,7 +141,7 @@ function ShaderComponent(props) {
           source: props.maskSource,
           type: props.maskType || "alpha"
         } : void 0,
-        renderOrder: props.renderOrder || 0,
+        renderOrder: props.renderOrder ?? detectedRenderOrder,
         transform: effectiveTransform()
       };
       parentMetadataUpdate(instanceId, metadata);
@@ -139,7 +154,12 @@ function ShaderComponent(props) {
       return childContextValue();
     },
     get children() {
-      return local.children;
+      var _el$ = _tmpl$();
+      var _ref$ = markerRef;
+      typeof _ref$ === "function" ? use(_ref$, _el$) : markerRef = _el$;
+      setAttribute(_el$, "data-shader-id", instanceId);
+      insert(_el$, () => local.children);
+      return _el$;
     }
   });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Strands.d.ts","sourceRoot":"","sources":["../../src/components/Strands.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,sBAAsB,CAAC;AAGhF,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;AAoCtE;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eA4JlE"}
+{"version":3,"file":"Strands.d.ts","sourceRoot":"","sources":["../../src/components/Strands.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,sBAAsB,CAAC;AAGhF,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"}

package/dist/solid/components/Strands.js

@@ -1,8 +1,9 @@
-import { createComponent } from "solid-js/web";
+import { createComponent, template, use, setAttribute, insert } from "solid-js/web";
 import { splitProps, createMemo, onMount, onCleanup, createEffect } from "solid-js";
 import { createUniformsMap } from "../../core/index.js";
 import { componentDefinition } from "../../core/shaders/Strands/index.js";
 import { useShaderContext, ShaderContext } from "../engine/Shader.js";
+var _tmpl$ = /* @__PURE__ */ template(`<span style=display:contents>`);
 const DEFAULT_TRANSFORM = {
   offsetX: 0,
   offsetY: 0,
@@ -14,7 +15,6 @@ const DEFAULT_TRANSFORM = {
 };
 const defaultProps = {
   blendMode: "normal",
-  renderOrder: 0,
   visible: true
   // opacity intentionally has no default - handled by renderer
   // transform intentionally has no default - handled by effectiveTransform
@@ -40,7 +40,7 @@ function ShaderComponent(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || Math.random().toString(36).substring(2, 10);
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps
@@ -67,6 +67,8 @@ function ShaderComponent(props) {
     ...context,
     shaderParentId: instanceId
   }));
+  let markerRef;
+  let detectedRenderOrder = void 0;
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -81,11 +83,24 @@ function ShaderComponent(props) {
           source: props.maskSource,
           type: props.maskType || "alpha"
         } : void 0,
-        renderOrder: props.renderOrder || 0,
+        renderOrder: props.renderOrder ?? detectedRenderOrder,
         transform: effectiveTransform()
       };
       parentRegister(instanceId, componentDefinition.fragmentNode, parentId, metadata, uniforms, componentDefinition);
       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);
     }
@@ -126,7 +141,7 @@ function ShaderComponent(props) {
           source: props.maskSource,
           type: props.maskType || "alpha"
         } : void 0,
-        renderOrder: props.renderOrder || 0,
+        renderOrder: props.renderOrder ?? detectedRenderOrder,
         transform: effectiveTransform()
       };
       parentMetadataUpdate(instanceId, metadata);
@@ -139,7 +154,12 @@ function ShaderComponent(props) {
       return childContextValue();
     },
     get children() {
-      return local.children;
+      var _el$ = _tmpl$();
+      var _ref$ = markerRef;
+      typeof _ref$ === "function" ? use(_ref$, _el$) : markerRef = _el$;
+      setAttribute(_el$, "data-shader-id", instanceId);
+      insert(_el$, () => local.children);
+      return _el$;
     }
   });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Stretch.d.ts","sourceRoot":"","sources":["../../src/components/Stretch.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,sBAAsB,CAAC;AAGhF,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;AAoCtE;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eA4JlE"}
+{"version":3,"file":"Stretch.d.ts","sourceRoot":"","sources":["../../src/components/Stretch.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,sBAAsB,CAAC;AAGhF,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"}

package/dist/solid/components/Stretch.js

@@ -1,8 +1,9 @@
-import { createComponent } from "solid-js/web";
+import { createComponent, template, use, setAttribute, insert } from "solid-js/web";
 import { splitProps, createMemo, onMount, onCleanup, createEffect } from "solid-js";
 import { createUniformsMap } from "../../core/index.js";
 import { componentDefinition } from "../../core/shaders/Stretch/index.js";
 import { useShaderContext, ShaderContext } from "../engine/Shader.js";
+var _tmpl$ = /* @__PURE__ */ template(`<span style=display:contents>`);
 const DEFAULT_TRANSFORM = {
   offsetX: 0,
   offsetY: 0,
@@ -14,7 +15,6 @@ const DEFAULT_TRANSFORM = {
 };
 const defaultProps = {
   blendMode: "normal",
-  renderOrder: 0,
   visible: true
   // opacity intentionally has no default - handled by renderer
   // transform intentionally has no default - handled by effectiveTransform
@@ -40,7 +40,7 @@ function ShaderComponent(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || Math.random().toString(36).substring(2, 10);
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps
@@ -67,6 +67,8 @@ function ShaderComponent(props) {
     ...context,
     shaderParentId: instanceId
   }));
+  let markerRef;
+  let detectedRenderOrder = void 0;
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -81,11 +83,24 @@ function ShaderComponent(props) {
           source: props.maskSource,
           type: props.maskType || "alpha"
         } : void 0,
-        renderOrder: props.renderOrder || 0,
+        renderOrder: props.renderOrder ?? detectedRenderOrder,
         transform: effectiveTransform()
       };
       parentRegister(instanceId, componentDefinition.fragmentNode, parentId, metadata, uniforms, componentDefinition);
       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);
     }
@@ -126,7 +141,7 @@ function ShaderComponent(props) {
           source: props.maskSource,
           type: props.maskType || "alpha"
         } : void 0,
-        renderOrder: props.renderOrder || 0,
+        renderOrder: props.renderOrder ?? detectedRenderOrder,
         transform: effectiveTransform()
       };
       parentMetadataUpdate(instanceId, metadata);
@@ -139,7 +154,12 @@ function ShaderComponent(props) {
       return childContextValue();
     },
     get children() {
-      return local.children;
+      var _el$ = _tmpl$();
+      var _ref$ = markerRef;
+      typeof _ref$ === "function" ? use(_ref$, _el$) : markerRef = _el$;
+      setAttribute(_el$, "data-shader-id", instanceId);
+      insert(_el$, () => local.children);
+      return _el$;
     }
   });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Stripes.d.ts","sourceRoot":"","sources":["../../src/components/Stripes.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,sBAAsB,CAAC;AAGhF,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;AAoCtE;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eA4JlE"}
+{"version":3,"file":"Stripes.d.ts","sourceRoot":"","sources":["../../src/components/Stripes.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,sBAAsB,CAAC;AAGhF,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"}

package/dist/solid/components/Stripes.js

@@ -1,8 +1,9 @@
-import { createComponent } from "solid-js/web";
+import { createComponent, template, use, setAttribute, insert } from "solid-js/web";
 import { splitProps, createMemo, onMount, onCleanup, createEffect } from "solid-js";
 import { createUniformsMap } from "../../core/index.js";
 import { componentDefinition } from "../../core/shaders/Stripes/index.js";
 import { useShaderContext, ShaderContext } from "../engine/Shader.js";
+var _tmpl$ = /* @__PURE__ */ template(`<span style=display:contents>`);
 const DEFAULT_TRANSFORM = {
   offsetX: 0,
   offsetY: 0,
@@ -14,7 +15,6 @@ const DEFAULT_TRANSFORM = {
 };
 const defaultProps = {
   blendMode: "normal",
-  renderOrder: 0,
   visible: true
   // opacity intentionally has no default - handled by renderer
   // transform intentionally has no default - handled by effectiveTransform
@@ -40,7 +40,7 @@ function ShaderComponent(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || Math.random().toString(36).substring(2, 10);
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps
@@ -67,6 +67,8 @@ function ShaderComponent(props) {
     ...context,
     shaderParentId: instanceId
   }));
+  let markerRef;
+  let detectedRenderOrder = void 0;
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -81,11 +83,24 @@ function ShaderComponent(props) {
           source: props.maskSource,
           type: props.maskType || "alpha"
         } : void 0,
-        renderOrder: props.renderOrder || 0,
+        renderOrder: props.renderOrder ?? detectedRenderOrder,
         transform: effectiveTransform()
       };
       parentRegister(instanceId, componentDefinition.fragmentNode, parentId, metadata, uniforms, componentDefinition);
       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);
     }
@@ -126,7 +141,7 @@ function ShaderComponent(props) {
           source: props.maskSource,
           type: props.maskType || "alpha"
         } : void 0,
-        renderOrder: props.renderOrder || 0,
+        renderOrder: props.renderOrder ?? detectedRenderOrder,
         transform: effectiveTransform()
       };
       parentMetadataUpdate(instanceId, metadata);
@@ -139,7 +154,12 @@ function ShaderComponent(props) {
       return childContextValue();
     },
     get children() {
-      return local.children;
+      var _el$ = _tmpl$();
+      var _ref$ = markerRef;
+      typeof _ref$ === "function" ? use(_ref$, _el$) : markerRef = _el$;
+      setAttribute(_el$, "data-shader-id", instanceId);
+      insert(_el$, () => local.children);
+      return _el$;
     }
   });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Swirl.d.ts","sourceRoot":"","sources":["../../src/components/Swirl.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,oBAAoB,CAAC;AAG9E,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;AAoCtE;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eA4JlE"}
+{"version":3,"file":"Swirl.d.ts","sourceRoot":"","sources":["../../src/components/Swirl.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,oBAAoB,CAAC;AAG9E,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"}

package/dist/solid/components/Swirl.js

@@ -1,8 +1,9 @@
-import { createComponent } from "solid-js/web";
+import { createComponent, template, use, setAttribute, insert } from "solid-js/web";
 import { splitProps, createMemo, onMount, onCleanup, createEffect } from "solid-js";
 import { createUniformsMap } from "../../core/index.js";
 import { componentDefinition } from "../../core/shaders/Swirl/index.js";
 import { useShaderContext, ShaderContext } from "../engine/Shader.js";
+var _tmpl$ = /* @__PURE__ */ template(`<span style=display:contents>`);
 const DEFAULT_TRANSFORM = {
   offsetX: 0,
   offsetY: 0,
@@ -14,7 +15,6 @@ const DEFAULT_TRANSFORM = {
 };
 const defaultProps = {
   blendMode: "normal",
-  renderOrder: 0,
   visible: true
   // opacity intentionally has no default - handled by renderer
   // transform intentionally has no default - handled by effectiveTransform
@@ -40,7 +40,7 @@ function ShaderComponent(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || Math.random().toString(36).substring(2, 10);
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps
@@ -67,6 +67,8 @@ function ShaderComponent(props) {
     ...context,
     shaderParentId: instanceId
   }));
+  let markerRef;
+  let detectedRenderOrder = void 0;
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -81,11 +83,24 @@ function ShaderComponent(props) {
           source: props.maskSource,
           type: props.maskType || "alpha"
         } : void 0,
-        renderOrder: props.renderOrder || 0,
+        renderOrder: props.renderOrder ?? detectedRenderOrder,
         transform: effectiveTransform()
       };
       parentRegister(instanceId, componentDefinition.fragmentNode, parentId, metadata, uniforms, componentDefinition);
       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);
     }
@@ -126,7 +141,7 @@ function ShaderComponent(props) {
           source: props.maskSource,
           type: props.maskType || "alpha"
         } : void 0,
-        renderOrder: props.renderOrder || 0,
+        renderOrder: props.renderOrder ?? detectedRenderOrder,
         transform: effectiveTransform()
       };
       parentMetadataUpdate(instanceId, metadata);
@@ -139,7 +154,12 @@ function ShaderComponent(props) {
       return childContextValue();
     },
     get children() {
-      return local.children;
+      var _el$ = _tmpl$();
+      var _ref$ = markerRef;
+      typeof _ref$ === "function" ? use(_ref$, _el$) : markerRef = _el$;
+      setAttribute(_el$, "data-shader-id", instanceId);
+      insert(_el$, () => local.children);
+      return _el$;
     }
   });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"TiltShift.d.ts","sourceRoot":"","sources":["../../src/components/TiltShift.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,wBAAwB,CAAC;AAGlF,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;AAoCtE;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eA4JlE"}
+{"version":3,"file":"TiltShift.d.ts","sourceRoot":"","sources":["../../src/components/TiltShift.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,wBAAwB,CAAC;AAGlF,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"}