shaders 2.0.0-alpha.0 → 2.0.0-alpha.10

package/dist/svelte/components/Swirl.svelte

@@ -0,0 +1,202 @@
+<script lang="ts">
+    import { getContext, setContext, onMount, onDestroy } from 'svelte';
+    import {
+        createUniformsMap,
+        type UniformsMap,
+        type BlendMode,
+        type NodeMetadata,
+        type PropConfig,
+        type MaskConfig
+    } from 'shaders-core';
+
+    // @ts-ignore - this import is replaced at build time
+    import { componentDefinition, type ComponentProps } from 'shaders-core/swirl';
+
+    /**
+     * Define component props including blend mode, opacity, and masking
+     */
+    interface ExtendedComponentProps extends Partial<ComponentProps> {
+        blendMode?: BlendMode;
+        opacity?: number;
+        id?: string;
+        maskSource?: string;
+        maskType?: string;
+    }
+
+    // Define the component props and their default values from the shader definition
+    const componentDefaults = {
+        blendMode: 'normal' as BlendMode,
+        opacity: 1.0,
+        ...Object.entries(componentDefinition.props).reduce(
+            (acc, [key, config]) => {
+                acc[key] = (config as unknown as PropConfig<typeof config>).default;
+                return acc;
+            },
+            {} as Record<string, any>
+        )
+    };
+
+    // Declare props using Svelte 5's syntax with defaults
+    const props = $props<ExtendedComponentProps>();
+
+    // Apply defaults manually since Svelte 5 doesn't have withDefaults equivalent
+    const blendMode = props.blendMode ?? componentDefaults.blendMode;
+    const opacity = props.opacity ?? componentDefaults.opacity;
+    const id = props.id;
+    const maskSource = props.maskSource;
+    const maskType = props.maskType;
+
+    /**
+     * FIRST: Get the parent ID from context BEFORE setting our own context
+     */
+    const parentId = getContext<string>('ombreParentId');
+    if (parentId === undefined) {
+        throw new Error('Shader components must be used inside an <Shader> component or another shader component');
+    }
+
+    /**
+     * Use the provided ID or generate a unique identifier for this component instance
+     */
+    const instanceId = id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+
+    /**
+     * THEN: Provide our unique identifier to child components
+     */
+    setContext('ombreParentId', instanceId);
+
+    /**
+     * Creates a non-reactive object containing only props that differ from defaults
+     * This optimization prevents unnecessary GPU uniform updates for unchanged values
+     * Special props like blendMode and opacity are handled separately
+     */
+    const shaderReadyProps = $derived.by(() => {
+        let baseProps = { ...componentDefaults };
+        
+        // Only include props that differ from defaults (excluding special props)
+        for (const key in props) {
+            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType') {
+                const propValue = (props as any)[key];
+                const defaultValue = (componentDefaults as any)[key];
+                if (propValue !== undefined && propValue !== defaultValue) {
+                    (baseProps as any)[key] = propValue;
+                }
+            }
+        }
+        return baseProps;
+    });
+
+    /**
+     * Creates the GPU uniform values map using only the changed props
+     */
+    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');
+    if (parentRegister === undefined) {
+        throw new Error('Shader components must be used inside an <Shader> component or another shader component');
+    }
+
+    /**
+     * Get the uniform update function from parent context
+     */
+    const parentUniformUpdate = getContext<(nodeId: string, uniformName: string, value: any) => void>('ombreUniformUpdate');
+    if (parentUniformUpdate === undefined) {
+        throw new Error('Shader components require ombreUniformUpdate from parent');
+    }
+
+    /**
+     * Get the metadata update function from parent context
+     */
+    const parentMetadataUpdate = getContext<(nodeId: string, metadata: NodeMetadata) => void>('ombreMetadataUpdate');
+    if (parentMetadataUpdate === undefined) {
+        throw new Error('Shader components require ombreMetadataUpdate from parent');
+    }
+
+    // Flag to track when component is registered
+    let isRegistered = $state(false);
+
+    // Setup uniform watchers with registration guard
+    Object.entries(uniforms).forEach(([propName, { uniform, transform }]) => {
+        $effect(() => {
+            // Only run after component is registered
+            if (!isRegistered) return;
+            
+            if (uniform && uniform.value !== undefined) {
+                const newValue = (props as any)[propName];
+                if (newValue !== undefined) {
+                    const transformedValue = transform ? transform(newValue) : newValue;
+                    parentUniformUpdate(instanceId, propName, transformedValue);
+                }
+            }
+        });
+    });
+
+    // Watch blend mode, opacity, and masking changes
+    $effect(() => {
+        // Only run after component is registered
+        if (!isRegistered) return;
+        
+        const metadata: NodeMetadata = {
+            blendMode,
+            opacity,
+            id,
+            mask: maskSource ? {
+                source: maskSource,
+                type: maskType || 'alpha'
+            } : undefined,
+            renderOrder: 0
+        };
+        parentMetadataUpdate(instanceId, metadata);
+    });
+
+    // Register this component after mount to ensure parent is ready
+    onMount(() => {
+        // Debug and safety check before registration
+        console.log('componentDefinition:', componentDefinition);
+        console.log('fragmentNode type:', typeof componentDefinition?.fragmentNode);
+        console.log('fragmentNode:', componentDefinition?.fragmentNode);
+
+        // Register this component with safety check
+        if (componentDefinition && typeof componentDefinition.fragmentNode === 'function') {
+            console.log(`Registering ${componentDefinition.name} with ID: ${instanceId}, parent: ${parentId}`);
+            
+            parentRegister(
+                instanceId,
+                componentDefinition.fragmentNode,
+                parentId,
+                {
+                    blendMode,
+                    opacity,
+                    id,
+                    mask: maskSource ? {
+                        source: maskSource,
+                        type: maskType || 'alpha'
+                    } as MaskConfig : undefined,
+                    renderOrder: 0
+                },
+                uniforms
+            );
+
+            console.log(`${componentDefinition.name} registered successfully`);
+
+            // Set flag to enable effects after successful registration
+            isRegistered = true;
+        } else {
+            console.error('componentDefinition.fragmentNode is not a function:', {
+                componentDefinition,
+                fragmentNode: componentDefinition?.fragmentNode,
+                type: typeof componentDefinition?.fragmentNode
+            });
+        }
+    });
+
+    // Clean up node from registry when component is unmounted
+    onDestroy(() => {
+        isRegistered = false;
+        parentRegister(instanceId, null, null, null, null);
+    });
+</script>
+
+<slot></slot>

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

@@ -0,0 +1,39 @@
+import { type BlendMode } from 'shaders-core';
+import { type ComponentProps } from 'shaders-core/swirl';
+/**
+ * Define component props including blend mode, opacity, and masking
+ */
+interface ExtendedComponentProps extends Partial<ComponentProps> {
+    blendMode?: BlendMode;
+    opacity?: number;
+    id?: string;
+    maskSource?: string;
+    maskType?: string;
+}
+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 Swirl: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<ExtendedComponentProps, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, "">;
+type Swirl = InstanceType<typeof Swirl>;
+export default Swirl;

package/dist/svelte/components/Twirl.svelte

@@ -51,7 +51,7 @@
      */
     const parentId = getContext<string>('ombreParentId');
     if (parentId === undefined) {
-        throw new Error('Shader components must be used inside an <Ombre> component or another shader component');
+        throw new Error('Shader components must be used inside an <Shader> component or another shader component');
     }
 
     /**
@@ -95,7 +95,7 @@
      */
     const parentRegister = getContext<(id: string, fragmentNodeFunc: any, parentId: string | null, metadata: NodeMetadata | null, uniforms: UniformsMap | null) => void>('ombreNodeRegister');
     if (parentRegister === undefined) {
-        throw new Error('Shader components must be used inside an <Ombre> component or another shader component');
+        throw new Error('Shader components must be used inside an <Shader> component or another shader component');
     }
 
     /**

package/dist/svelte/components/Vibrance.svelte

@@ -51,7 +51,7 @@
      */
     const parentId = getContext<string>('ombreParentId');
     if (parentId === undefined) {
-        throw new Error('Shader components must be used inside an <Ombre> component or another shader component');
+        throw new Error('Shader components must be used inside an <Shader> component or another shader component');
     }
 
     /**
@@ -95,7 +95,7 @@
      */
     const parentRegister = getContext<(id: string, fragmentNodeFunc: any, parentId: string | null, metadata: NodeMetadata | null, uniforms: UniformsMap | null) => void>('ombreNodeRegister');
     if (parentRegister === undefined) {
-        throw new Error('Shader components must be used inside an <Ombre> component or another shader component');
+        throw new Error('Shader components must be used inside an <Shader> component or another shader component');
     }
 
     /**

package/dist/svelte/engine/{Ombre.svelte → Shader.svelte}

@@ -40,7 +40,7 @@
 
   // Initialize renderer
   onMount(async () => {
-    console.log('Ombre onMount - canvasRef:', canvasRef);
+    console.log('Shader onMount - canvasRef:', canvasRef);
     if (canvasRef) {
       console.log('Registering root node with ID:', rootId);
       
@@ -67,7 +67,7 @@
         rendererInstance.showLicenseWarning();
       }
     } else {
-      console.error('Canvas ref is null in Ombre onMount');
+      console.error('Canvas ref is null in Shader onMount');
     }
   });
 

package/dist/svelte/engine/{Ombre.svelte.d.ts → Shader.svelte.d.ts}

@@ -20,12 +20,12 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
 } ? Props extends Record<string, never> ? any : {
     children?: any;
 } : {});
-declare const Ombre: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<Props, {
+declare const Shader: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<Props, {
     default: {};
 }>, {
     [evt: string]: CustomEvent<any>;
 }, {
     default: {};
 }, {}, "">;
-type Ombre = InstanceType<typeof Ombre>;
-export default Ombre;
+type Shader = InstanceType<typeof Shader>;
+export default Shader;

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

@@ -51,7 +51,7 @@
      */
     const parentId = getContext<string>('ombreParentId');
     if (parentId === undefined) {
-        throw new Error('Shader components must be used inside an <Ombre> component or another shader component');
+        throw new Error('Shader components must be used inside an <Shader> component or another shader component');
     }
 
     /**
@@ -95,7 +95,7 @@
      */
     const parentRegister = getContext<(id: string, fragmentNodeFunc: any, parentId: string | null, metadata: NodeMetadata | null, uniforms: UniformsMap | null) => void>('ombreNodeRegister');
     if (parentRegister === undefined) {
-        throw new Error('Shader components must be used inside an <Ombre> component or another shader component');
+        throw new Error('Shader components must be used inside an <Shader> component or another shader component');
     }
 
     /**

package/dist/svelte/index.d.ts

@@ -1,4 +1,6 @@
 export { default as Circle } from './components/Circle.svelte';
+export { default as DotGrid } from './components/DotGrid.svelte';
+export { default as FilmGrain } from './components/FilmGrain.svelte';
 export { default as GlassTiles } from './components/GlassTiles.svelte';
 export { default as Grayscale } from './components/Grayscale.svelte';
 export { default as HueShift } from './components/HueShift.svelte';
@@ -7,6 +9,7 @@ export { default as LinearGradient } from './components/LinearGradient.svelte';
 export { default as Posterize } from './components/Posterize.svelte';
 export { default as Saturation } from './components/Saturation.svelte';
 export { default as SolidColor } from './components/SolidColor.svelte';
+export { default as Swirl } from './components/Swirl.svelte';
 export { default as Twirl } from './components/Twirl.svelte';
 export { default as Vibrance } from './components/Vibrance.svelte';
-export { default as Ombre } from './engine/Ombre.svelte';
+export { default as Shader } from './engine/Shader.svelte';

package/dist/svelte/index.js

@@ -1,4 +1,6 @@
 export { default as Circle } from './components/Circle.svelte';
+export { default as DotGrid } from './components/DotGrid.svelte';
+export { default as FilmGrain } from './components/FilmGrain.svelte';
 export { default as GlassTiles } from './components/GlassTiles.svelte';
 export { default as Grayscale } from './components/Grayscale.svelte';
 export { default as HueShift } from './components/HueShift.svelte';
@@ -7,6 +9,7 @@ export { default as LinearGradient } from './components/LinearGradient.svelte';
 export { default as Posterize } from './components/Posterize.svelte';
 export { default as Saturation } from './components/Saturation.svelte';
 export { default as SolidColor } from './components/SolidColor.svelte';
+export { default as Swirl } from './components/Swirl.svelte';
 export { default as Twirl } from './components/Twirl.svelte';
 export { default as Vibrance } from './components/Vibrance.svelte';
-export { default as Ombre } from './engine/Ombre.svelte';
+export { default as Shader } from './engine/Shader.svelte';

package/dist/vue/components/FilmGrain.vue.d.ts

@@ -0,0 +1,51 @@
+import { BlendMode } from 'shaders-core';
+import { ComponentProps } from 'shaders-core/filmGrain';
+
+/**
+ * Define component props including blend mode, opacity, and masking
+ */
+interface ExtendedComponentProps extends Partial<ComponentProps> {
+    blendMode?: BlendMode;
+    opacity?: number;
+    id?: string;
+    maskSource?: string;
+    maskType?: string;
+}
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ExtendedComponentProps>, {
+    blendMode: string;
+    opacity: number;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ExtendedComponentProps>, {
+    blendMode: string;
+    opacity: number;
+}>>> & Readonly<{}>, {
+    blendMode: BlendMode;
+    opacity: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=FilmGrain.vue.d.ts.map

package/dist/vue/components/FilmGrain.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilmGrain.vue.d.ts","sourceRoot":"","sources":["../../src/components/FilmGrain.vue"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,SAAS,EAIf,MAAM,cAAc,CAAA;AAGrB,OAAO,EAAsB,KAAK,cAAc,EAAC,MAAM,wBAAwB,CAAA;AAI/E;;GAEG;AACH,UAAU,sBAAuB,SAAQ,OAAO,CAAC,cAAc,CAAC;IAC9D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAyKD,iBAAS,cAAc;qBA0BM,GAAG;EAG/B;AAQD,QAAA,MAAM,eAAe;;;;;;;eAnNP,SAAS;aACX,MAAM;4EAwNhB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/vue/components/Swirl.vue.d.ts

@@ -0,0 +1,51 @@
+import { BlendMode } from 'shaders-core';
+import { ComponentProps } from 'shaders-core/swirl';
+
+/**
+ * Define component props including blend mode, opacity, and masking
+ */
+interface ExtendedComponentProps extends Partial<ComponentProps> {
+    blendMode?: BlendMode;
+    opacity?: number;
+    id?: string;
+    maskSource?: string;
+    maskType?: string;
+}
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ExtendedComponentProps>, {
+    blendMode: string;
+    opacity: number;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ExtendedComponentProps>, {
+    blendMode: string;
+    opacity: number;
+}>>> & Readonly<{}>, {
+    blendMode: BlendMode;
+    opacity: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Swirl.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Swirl.vue.d.ts","sourceRoot":"","sources":["../../src/components/Swirl.vue"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,SAAS,EAIf,MAAM,cAAc,CAAA;AAGrB,OAAO,EAAsB,KAAK,cAAc,EAAC,MAAM,oBAAoB,CAAA;AAI3E;;GAEG;AACH,UAAU,sBAAuB,SAAQ,OAAO,CAAC,cAAc,CAAC;IAC9D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAyKD,iBAAS,cAAc;qBA0BM,GAAG;EAG/B;AAQD,QAAA,MAAM,eAAe;;;;;;;eAnNP,SAAS;aACX,MAAM;4EAwNhB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/vue/engine/{Ombre.vue.d.ts → Shader.vue.d.ts}

@@ -35,4 +35,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=Ombre.vue.d.ts.map
+//# sourceMappingURL=Shader.vue.d.ts.map

package/dist/vue/engine/Shader.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shader.vue.d.ts","sourceRoot":"","sources":["../../src/engine/Shader.vue"],"names":[],"mappings":"AAQA,UAAU,KAAK;IACb,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAoED,iBAAS,cAAc;qBAsDO,GAAG;EAKhC;AASD,QAAA,MAAM,eAAe;;;;;gBAzIN,OAAO;4EA+IpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/vue/index.d.ts

@@ -1,4 +1,5 @@
 export { default as Circle } from './components/Circle.vue';
+export { default as FilmGrain } from './components/FilmGrain.vue';
 export { default as GlassTiles } from './components/GlassTiles.vue';
 export { default as Grayscale } from './components/Grayscale.vue';
 export { default as HueShift } from './components/HueShift.vue';
@@ -7,7 +8,8 @@ export { default as LinearGradient } from './components/LinearGradient.vue';
 export { default as Posterize } from './components/Posterize.vue';
 export { default as Saturation } from './components/Saturation.vue';
 export { default as SolidColor } from './components/SolidColor.vue';
+export { default as Swirl } from './components/Swirl.vue';
 export { default as Twirl } from './components/Twirl.vue';
 export { default as Vibrance } from './components/Vibrance.vue';
-export { default as Ombre } from './engine/Ombre.vue';
+export { default as Shader } from './engine/Shader.vue';
 //# sourceMappingURL=index.d.ts.map

package/dist/vue/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC"}