shaders 2.0.655 → 2.0.657

package/dist/react/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;AAgBD,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;AAgBD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CA8B/D;AAGD,eAAO,MAAM,mBAAmB,UA0B/B,CAAA"}

package/dist/react/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;AAgBD,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;AAgBD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CA8B/D;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}

package/dist/svelte/components/Ascii.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/Ascii.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 Ascii: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<ExtendedComponentProps, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, "">;
-type Ascii = InstanceType<typeof Ascii>;
+declare const Ascii: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type Ascii = ReturnType<typeof Ascii>;
 export default Ascii;

package/dist/svelte/components/Checkerboard.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/Checkerboard.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 Checkerboard: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<ExtendedComponentProps, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, "">;
-type Checkerboard = InstanceType<typeof Checkerboard>;
+declare const Checkerboard: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type Checkerboard = ReturnType<typeof Checkerboard>;
 export default Checkerboard;

package/dist/svelte/components/Circle.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/Circle.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 Circle: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<ExtendedComponentProps, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, "">;
-type Circle = InstanceType<typeof Circle>;
+declare const Circle: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type Circle = ReturnType<typeof Circle>;
 export default Circle;

package/dist/svelte/components/DotGrid.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/DotGrid.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 DotGrid: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<ExtendedComponentProps, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, "">;
-type DotGrid = InstanceType<typeof DotGrid>;
+declare const DotGrid: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type DotGrid = ReturnType<typeof DotGrid>;
 export default DotGrid;

package/dist/svelte/components/FilmGrain.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?.()}