shaders 2.0.656 → 2.0.657

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

@@ -9,31 +9,8 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
     id?: string;
     maskSource?: string;
     maskType?: string;
+    children?: import('svelte').Snippet;
 }
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const Twirl: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<ExtendedComponentProps, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, "">;
-type Twirl = InstanceType<typeof Twirl>;
+declare const Twirl: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type Twirl = ReturnType<typeof Twirl>;
 export default Twirl;

package/dist/svelte/components/Vibrance.svelte

@@ -21,6 +21,7 @@
         id?: string;
         maskSource?: string;
         maskType?: string;
+        children?: import('svelte').Snippet;
     }
 
     // Define the component props and their default values from the shader definition
@@ -36,8 +37,8 @@
         )
     };
 
-    // Declare props using Svelte 5's syntax with defaults
-    const props = $props<ExtendedComponentProps>();
+    // Declare props using Svelte 5's syntax
+    const props: ExtendedComponentProps = $props();
 
     // Apply defaults manually since Svelte 5 doesn't have withDefaults equivalent
     const blendMode = props.blendMode ?? componentDefaults.blendMode;
@@ -45,11 +46,12 @@
     const id = props.id;
     const maskSource = props.maskSource;
     const maskType = props.maskType;
+    const { children } = props;
 
     /**
      * FIRST: Get the parent ID from context BEFORE setting our own context
      */
-    const parentId = getContext<string>('ombreParentId');
+    const parentId = getContext<string>('shaderParentId');
     if (parentId === undefined) {
         throw new Error('Shader components must be used inside an <Shader> component or another shader component');
     }
@@ -62,7 +64,7 @@
     /**
      * THEN: Provide our unique identifier to child components
      */
-    setContext('ombreParentId', instanceId);
+    setContext('shaderParentId', instanceId);
 
     /**
      * Creates a non-reactive object containing only props that differ from defaults
@@ -87,13 +89,15 @@
 
     /**
      * Creates the GPU uniform values map using only the changed props
+     * Note: Intentionally captures initial value - props are immutable after initialization
      */
+    // svelte-ignore state_referenced_locally
     const uniforms: UniformsMap = createUniformsMap(componentDefinition, shaderReadyProps, instanceId);
 
     /**
      * Get the node registration function from parent context
      */
-    const parentRegister = getContext<(id: string, fragmentNodeFunc: any, parentId: string | null, metadata: NodeMetadata | null, uniforms: UniformsMap | null) => void>('ombreNodeRegister');
+    const parentRegister = getContext<(id: string, fragmentNodeFunc: any, parentId: string | null, metadata: NodeMetadata | null, uniforms: UniformsMap | null) => void>('shaderNodeRegister');
     if (parentRegister === undefined) {
         throw new Error('Shader components must be used inside an <Shader> component or another shader component');
     }
@@ -101,17 +105,17 @@
     /**
      * Get the uniform update function from parent context
      */
-    const parentUniformUpdate = getContext<(nodeId: string, uniformName: string, value: any) => void>('ombreUniformUpdate');
+    const parentUniformUpdate = getContext<(nodeId: string, uniformName: string, value: any) => void>('shaderUniformUpdate');
     if (parentUniformUpdate === undefined) {
-        throw new Error('Shader components require ombreUniformUpdate from parent');
+        throw new Error('Shader components require shaderUniformUpdate from parent');
     }
 
     /**
      * Get the metadata update function from parent context
      */
-    const parentMetadataUpdate = getContext<(nodeId: string, metadata: NodeMetadata) => void>('ombreMetadataUpdate');
+    const parentMetadataUpdate = getContext<(nodeId: string, metadata: NodeMetadata) => void>('shaderMetadataUpdate');
     if (parentMetadataUpdate === undefined) {
-        throw new Error('Shader components require ombreMetadataUpdate from parent');
+        throw new Error('Shader components require shaderMetadataUpdate from parent');
     }
 
     // Flag to track when component is registered
@@ -144,7 +148,7 @@
             id,
             mask: maskSource ? {
                 source: maskSource,
-                type: maskType || 'alpha'
+                type: (maskType || 'alpha') as MaskConfig['type']
             } : undefined,
             renderOrder: 0
         };
@@ -172,7 +176,7 @@
                     id,
                     mask: maskSource ? {
                         source: maskSource,
-                        type: maskType || 'alpha'
+                        type: (maskType || 'alpha') as MaskConfig['type']
                     } as MaskConfig : undefined,
                     renderOrder: 0
                 },
@@ -199,4 +203,4 @@
     });
 </script>
 
-<slot></slot>
+{@render children?.()}

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

@@ -9,31 +9,8 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
     id?: string;
     maskSource?: string;
     maskType?: string;
+    children?: import('svelte').Snippet;
 }
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const Vibrance: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<ExtendedComponentProps, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, "">;
-type Vibrance = InstanceType<typeof Vibrance>;
+declare const Vibrance: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type Vibrance = ReturnType<typeof Vibrance>;
 export default Vibrance;

package/dist/svelte/engine/Shader.svelte

@@ -6,25 +6,26 @@
 
   interface Props {
     hideNotice?: boolean;
+    children?: import('svelte').Snippet;
     [key: string]: any;
   }
 
-  const { hideNotice = false, ...rest }: Props = $props();
+  const { hideNotice = false, children, ...rest }: Props = $props();
 
   // DOM reference to the canvas
   let canvasRef: HTMLCanvasElement;
 
   // Unique ID for this root component
-  const rootId = 'ombre-root-' + Math.random().toString(36).substring(7);
+  const rootId = 'shader-root-' + Math.random().toString(36).substring(7);
 
   // Get renderer instance
   let rendererInstance = shaderRenderer();
 
   // Set context for child components - provide parent ID
-  setContext('ombreParentId', rootId);
+  setContext('shaderParentId', rootId);
 
   // Provide node registration function for child components
-  setContext('ombreNodeRegister', (id: string, fragmentNodeFunc: any, parentId: string | null, metadata: any, uniforms: any = null) => {
+  setContext('shaderNodeRegister', (id: string, fragmentNodeFunc: any, parentId: string | null, metadata: any, uniforms: any = null) => {
     // If fragmentNodeFunc is null, the component is being unmounted, so remove it
     if (fragmentNodeFunc === null) {
       rendererInstance.removeNode(id);
@@ -34,12 +35,12 @@
   });
 
   // Provide optimized uniform update function
-  setContext('ombreUniformUpdate', (nodeId: string, uniformName: string, value: any) => {
+  setContext('shaderUniformUpdate', (nodeId: string, uniformName: string, value: any) => {
     rendererInstance.updateUniformValue(nodeId, uniformName, value);
   });
 
   // Provide optimized metadata update function
-  setContext('ombreMetadataUpdate', (nodeId: string, metadata: any) => {
+  setContext('shaderMetadataUpdate', (nodeId: string, metadata: any) => {
     rendererInstance.updateNodeMetadata(nodeId, metadata);
   });
 
@@ -97,10 +98,10 @@
 
 <div {...rest}>
   <canvas
-    data-renderer="ombre"
+    data-renderer="shaders"
     bind:this={canvasRef}
     style={styleString}
     {...rest}
   ></canvas>
-  <slot></slot>
+  {@render children?.()}
 </div>

package/dist/svelte/engine/Shader.svelte.d.ts

@@ -1,31 +1,8 @@
 interface Props {
     hideNotice?: boolean;
+    children?: import('svelte').Snippet;
     [key: string]: any;
 }
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const Shader: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<Props, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, "">;
-type Shader = InstanceType<typeof Shader>;
+declare const Shader: import("svelte").Component<Props, {}, "">;
+type Shader = ReturnType<typeof Shader>;
 export default Shader;

package/dist/svelte/engine/component.template.svelte

@@ -21,6 +21,7 @@
         id?: string;
         maskSource?: string;
         maskType?: string;
+        children?: import('svelte').Snippet;
     }
 
     // Define the component props and their default values from the shader definition
@@ -36,8 +37,8 @@
         )
     };
 
-    // Declare props using Svelte 5's syntax with defaults
-    const props = $props<ExtendedComponentProps>();
+    // Declare props using Svelte 5's syntax
+    const props: ExtendedComponentProps = $props();
 
     // Apply defaults manually since Svelte 5 doesn't have withDefaults equivalent
     const blendMode = props.blendMode ?? componentDefaults.blendMode;
@@ -45,11 +46,12 @@
     const id = props.id;
     const maskSource = props.maskSource;
     const maskType = props.maskType;
+    const { children } = props;
 
     /**
      * FIRST: Get the parent ID from context BEFORE setting our own context
      */
-    const parentId = getContext<string>('ombreParentId');
+    const parentId = getContext<string>('shaderParentId');
     if (parentId === undefined) {
         throw new Error('Shader components must be used inside an <Shader> component or another shader component');
     }
@@ -62,7 +64,7 @@
     /**
      * THEN: Provide our unique identifier to child components
      */
-    setContext('ombreParentId', instanceId);
+    setContext('shaderParentId', instanceId);
 
     /**
      * Creates a non-reactive object containing only props that differ from defaults
@@ -87,13 +89,15 @@
 
     /**
      * Creates the GPU uniform values map using only the changed props
+     * Note: Intentionally captures initial value - props are immutable after initialization
      */
+    // svelte-ignore state_referenced_locally
     const uniforms: UniformsMap = createUniformsMap(componentDefinition, shaderReadyProps, instanceId);
 
     /**
      * Get the node registration function from parent context
      */
-    const parentRegister = getContext<(id: string, fragmentNodeFunc: any, parentId: string | null, metadata: NodeMetadata | null, uniforms: UniformsMap | null) => void>('ombreNodeRegister');
+    const parentRegister = getContext<(id: string, fragmentNodeFunc: any, parentId: string | null, metadata: NodeMetadata | null, uniforms: UniformsMap | null) => void>('shaderNodeRegister');
     if (parentRegister === undefined) {
         throw new Error('Shader components must be used inside an <Shader> component or another shader component');
     }
@@ -101,17 +105,17 @@
     /**
      * Get the uniform update function from parent context
      */
-    const parentUniformUpdate = getContext<(nodeId: string, uniformName: string, value: any) => void>('ombreUniformUpdate');
+    const parentUniformUpdate = getContext<(nodeId: string, uniformName: string, value: any) => void>('shaderUniformUpdate');
     if (parentUniformUpdate === undefined) {
-        throw new Error('Shader components require ombreUniformUpdate from parent');
+        throw new Error('Shader components require shaderUniformUpdate from parent');
     }
 
     /**
      * Get the metadata update function from parent context
      */
-    const parentMetadataUpdate = getContext<(nodeId: string, metadata: NodeMetadata) => void>('ombreMetadataUpdate');
+    const parentMetadataUpdate = getContext<(nodeId: string, metadata: NodeMetadata) => void>('shaderMetadataUpdate');
     if (parentMetadataUpdate === undefined) {
-        throw new Error('Shader components require ombreMetadataUpdate from parent');
+        throw new Error('Shader components require shaderMetadataUpdate from parent');
     }
 
     // Flag to track when component is registered
@@ -144,7 +148,7 @@
             id,
             mask: maskSource ? {
                 source: maskSource,
-                type: maskType || 'alpha'
+                type: (maskType || 'alpha') as MaskConfig['type']
             } : undefined,
             renderOrder: 0
         };
@@ -172,7 +176,7 @@
                     id,
                     mask: maskSource ? {
                         source: maskSource,
-                        type: maskType || 'alpha'
+                        type: (maskType || 'alpha') as MaskConfig['type']
                     } as MaskConfig : undefined,
                     renderOrder: 0
                 },
@@ -199,4 +203,4 @@
     });
 </script>
 
-<slot></slot>
+{@render children?.()}

package/dist/svelte/engine/component.template.svelte.d.ts

@@ -9,31 +9,8 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
     id?: string;
     maskSource?: string;
     maskType?: string;
+    children?: import('svelte').Snippet;
 }
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const Component: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<ExtendedComponentProps, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, "">;
-type Component = InstanceType<typeof Component>;
+declare const Component: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type Component = ReturnType<typeof Component>;
 export default Component;

package/dist/svelte/utils/generatePresetCode.js

@@ -45,6 +45,7 @@ export function generatePresetCode(preset) {
 }
 // Available components (auto-generated)
 export const availableComponents = [
+    // @ts-ignore - replaced at build time
     'Ascii',
     'Checkerboard',
     'Circle',

package/dist/svelte/utils/generatePresetCode.template.js

@@ -45,5 +45,6 @@ export function generatePresetCode(preset) {
 }
 // Available components (auto-generated)
 export const availableComponents = [
+    // @ts-ignore - replaced at build time
     __COMPONENT_LIST__
 ];

package/dist/vue/utils/generatePresetCode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAqBD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CA8B/D;AAGD,eAAO,MAAM,mBAAmB,UAyB/B,CAAA"}
+{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAqBD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CA8B/D;AAGD,eAAO,MAAM,mBAAmB,UA0B/B,CAAA"}

package/dist/vue/utils/generatePresetCode.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAqBD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CA8B/D;AAGD,eAAO,MAAM,mBAAmB,OAE/B,CAAA"}
+{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAqBD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CA8B/D;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "shaders",
   "private": false,
-  "version": "2.0.656",
+  "version": "2.0.657",
   "description": "Declarative shader components",
   "author": "Simon Le Marchant<https://github.com/marchantweb>",
   "homepage": "https://shaders.com/",
@@ -9,19 +9,19 @@
   "type": "module",
   "exports": {
     "./vue": {
+      "types": "./dist/vue/index.d.ts",
       "import": "./dist/vue/index.js",
-      "require": "./dist/vue/index.js",
-      "types": "./dist/vue/index.d.ts"
+      "require": "./dist/vue/index.js"
     },
     "./react": {
+      "types": "./dist/react/index.d.ts",
       "import": "./dist/react/index.js",
-      "require": "./dist/react/index.js",
-      "types": "./dist/react/index.d.ts"
+      "require": "./dist/react/index.js"
     },
     "./svelte": {
+      "types": "./dist/svelte/index.d.ts",
       "import": "./dist/svelte/index.js",
-      "require": "./dist/svelte/index.js",
-      "types": "./dist/svelte/index.d.ts"
+      "require": "./dist/svelte/index.js"
     }
   },
   "files": [