shaders 3.2.474 → 4.0.0

package/dist/svelte/source/components/Sparkle.svelte

@@ -0,0 +1,352 @@
+<script lang="ts">
+    import { getContext, setContext, onMount, onDestroy } from 'svelte';
+    import {
+        createGpuUniformsMap,
+        resolveBoundingBox,
+        type GpuUniformsMap,
+        type BlendMode,
+        type NodeMetadata,
+        type PropConfig,
+        type MaskConfig,
+        type PropDriver,
+        type TransformConfig,
+        type BoundingBoxConfig,
+        type LayoutConfig
+    } from '../../../core/index.js';
+    import {setColorSpaceMode} from '../../../core/utilities/transformations/index.js';
+
+    // @ts-ignore - this import is replaced at build time
+    import { componentDefinition, type ComponentProps } from '../../../core/shaders/Sparkle/index.js';
+
+    // Warn once per page load if this is an experimental component
+    let _experimentalWarnedOnce = false;
+    if ((componentDefinition as any).experimental && !_experimentalWarnedOnce) {
+        _experimentalWarnedOnce = true;
+        const _e = (componentDefinition as any).experimental;
+        console.info(`%c⚠ [Shaders] ${componentDefinition.name} is experimental: ${_e.message}`, 'color: #f59e0b; font-weight: bold');
+    }
+
+    /**
+     * Define component props including blend mode, opacity, visibility, masking, and transformation
+     */
+    interface ExtendedComponentProps extends Partial<ComponentProps> {
+        size?: ComponentProps['size'] | PropDriver;
+        intensity?: ComponentProps['intensity'] | PropDriver;
+        threshold?: ComponentProps['threshold'] | PropDriver;
+        expand?: ComponentProps['expand'] | PropDriver;
+        rayLength?: ComponentProps['rayLength'] | PropDriver;
+        colorize?: ComponentProps['colorize'] | PropDriver;
+        blendMode?: BlendMode;
+        opacity?: number;
+        visible?: boolean;
+        id?: string;
+        maskSource?: string;
+        maskType?: string;
+        renderOrder?: number;
+        transform?: Partial<TransformConfig>;
+        boundingBox?: Partial<BoundingBoxConfig>;
+        flow?: LayoutConfig;
+        absolute?: boolean;
+        children?: import('svelte').Snippet;
+    }
+
+    function isPropDriver(value: unknown): value is PropDriver {
+        return typeof value === 'object' && value !== null && 'type' in value &&
+            ((value as any).type === 'map' || (value as any).type === 'mouse' || (value as any).type === 'mouse-position' || (value as any).type === 'auto-animate');
+    }
+
+    /**
+     * Default transform configuration (optimized for zero overhead)
+     */
+    const DEFAULT_TRANSFORM: TransformConfig = {
+        offsetX: 0,
+        offsetY: 0,
+        rotation: 0,
+        scale: 1,
+        anchorX: 0.5,
+        anchorY: 0.5,
+        edges: 'transparent'
+    };
+
+    // Define the component props and their default values from the shader definition
+    const componentDefaults = {
+        blendMode: 'normal' as BlendMode,
+        visible: true,
+        // opacity intentionally has no default - handled by renderer
+        // transform intentionally has no default - handled by effectiveTransform
+        ...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
+    const props: ExtendedComponentProps = $props();
+
+    // Apply defaults manually since Svelte 5 doesn't have withDefaults equivalent
+    // Use $derived so the metadata $effect re-runs when any of these change at runtime
+    const blendMode = $derived(props.blendMode ?? componentDefaults.blendMode);
+    const opacity = $derived(props.opacity); // No default - handled by renderer
+    const visible = $derived(props.visible ?? componentDefaults.visible); // Default to true
+    const id = $derived(props.id);
+    const maskSource = $derived(props.maskSource);
+    const maskType = $derived(props.maskType);
+    const renderOrder = $derived(props.renderOrder);
+    const { children } = props;
+
+    // Collect PropDriver values from shader props into the maps metadata structure
+    const mapsFromProps = $derived.by(() => {
+        const maps: Record<string, PropDriver> = {};
+        for (const key of Object.keys(componentDefinition.props)) {
+            const val = (props as any)[key];
+            if (isPropDriver(val)) maps[key] = val as PropDriver;
+        }
+        return Object.keys(maps).length > 0 ? maps : undefined;
+    });
+
+    /**
+     * Computed transform that merges user-provided values with defaults
+     */
+    const effectiveTransform = $derived({
+        ...DEFAULT_TRANSFORM,
+        ...props.transform
+    });
+
+    /**
+     * Effective bounding box — partial configs merge with full-frame defaults,
+     * absent stays undefined so the bbox render path is not activated
+     */
+    const effectiveBoundingBox = $derived(resolveBoundingBox(props.boundingBox));
+
+    /**
+     * FIRST: Get the parent ID from context BEFORE setting our own context
+     */
+    const parentId = getContext<string>('shaderParentId');
+    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 ? id.replace(/[^a-zA-Z0-9_]/g, '_') : null) || Math.random().toString(36).substring(2, 10);
+
+    /**
+     * THEN: Provide our unique identifier to child components
+     */
+    setContext('shaderParentId', 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 and PropDrivers)
+        for (const key in props) {
+            if (key !== 'blendMode' && key !== 'opacity' && key !== 'visible' &&
+                key !== 'id' && key !== 'maskSource' && key !== 'maskType' && key !== 'renderOrder' &&
+                key !== 'transform' && key !== 'boundingBox' && key !== 'flow' && key !== 'absolute' && key !== 'children') {
+                const propValue = (props as any)[key];
+                if (isPropDriver(propValue)) continue; // PropDrivers go to metadata.maps, not uniforms
+                const defaultValue = (componentDefaults as any)[key];
+                if (propValue !== undefined && propValue !== defaultValue) {
+                    (baseProps as any)[key] = propValue;
+                }
+            }
+        }
+        return baseProps;
+    });
+
+    /**
+     * Get the color space from the root Shader component.
+     * Used to set the global color space mode before creating uniforms.
+     */
+    const shaderColorSpace = getContext<() => 'p3-linear' | 'srgb'>('shaderColorSpace');
+
+    /**
+     * Creates the GPU uniform values map using only the changed props
+     * Set the global color space mode before creating uniforms so colors are transformed correctly
+     * Note: Intentionally captures initial value - props are immutable after initialization
+     */
+    if (shaderColorSpace) {
+        setColorSpaceMode(shaderColorSpace());
+    }
+    // svelte-ignore state_referenced_locally
+    const uniforms: GpuUniformsMap = createGpuUniformsMap(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: GpuUniformsMap | null, componentDefinition: any, domCanvas?: HTMLCanvasElement) => void>('shaderNodeRegister');
+    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>('shaderUniformUpdate');
+    if (parentUniformUpdate === undefined) {
+        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>('shaderMetadataUpdate');
+    if (parentMetadataUpdate === undefined) {
+        throw new Error('Shader components require shaderMetadataUpdate from parent');
+    }
+
+    // capturesDOM — canvas layoutsubtree portal for HTMLInCanvas-style shaders
+    const isCapturesDOM = !!(componentDefinition as any).capturesDOM;
+    let captureCanvas: HTMLCanvasElement | undefined;
+    let captureW = $state(typeof window !== 'undefined' ? Math.round(window.innerWidth * Math.min(window.devicePixelRatio, 2)) : 0);
+    let captureH = $state(typeof window !== 'undefined' ? Math.round(window.innerHeight * Math.min(window.devicePixelRatio, 2)) : 0);
+
+    function teleportToBody(node: HTMLElement) {
+        document.body.appendChild(node);
+        return { destroy() { node.remove(); } };
+    }
+
+    if (isCapturesDOM) {
+        const onWinResize = () => {
+            const d = Math.min(window.devicePixelRatio, 2);
+            captureW = Math.round(window.innerWidth * d);
+            captureH = Math.round(window.innerHeight * d);
+        };
+        onMount(() => { window.addEventListener('resize', onWinResize); });
+        onDestroy(() => { window.removeEventListener('resize', onWinResize); });
+    }
+
+    // DOM marker ref for determining render order from template position
+    let orderMarker: HTMLSpanElement;
+
+    // Stores the DOM-detected render order
+    let detectedRenderOrder: number | undefined = undefined;
+
+    // Flag to track when component is registered
+    let isRegistered = $state(false);
+
+    // Setup uniform watchers with registration guard
+    Object.entries(uniforms).forEach(([propName, entry]) => {
+        $effect(() => {
+            // Only run after component is registered
+            if (!isRegistered) return;
+
+            // GPU bridge entries carry `.value` (no v1 `.uniform` node). colorStops expands into
+            // extra array fields (colorsArray/…) that aren't component props — their `props[name]`
+            // is always undefined, so the guard below skips them.
+            if (entry && entry.value !== undefined) {
+                const newValue = (props as any)[propName];
+                if (newValue !== undefined && !isPropDriver(newValue)) {
+                    // Send raw value - renderer will handle transformation
+                    // PropDriver values go to metadata.maps, not uniforms
+                    parentUniformUpdate(instanceId, propName, newValue);
+                }
+            }
+        });
+    });
+
+    // Watch blend mode, opacity, visibility, masking, transformations, and prop maps changes
+    $effect(() => {
+        // Only run after component is registered
+        if (!isRegistered) return;
+
+        const metadata: NodeMetadata = {
+            blendMode,
+            opacity,
+            visible: visible === false ? false : true,
+            id,
+            mask: maskSource ? {
+                source: maskSource,
+                type: (maskType || 'alpha') as MaskConfig['type']
+            } : undefined,
+            maps: mapsFromProps,
+            renderOrder: renderOrder ?? detectedRenderOrder,
+            transform: effectiveTransform,
+            boundingBox: effectiveBoundingBox,
+            flow: props.flow,
+            absolute: props.absolute
+        };
+        parentMetadataUpdate(instanceId, metadata);
+    });
+
+    // Register this component after mount to ensure parent is ready
+    onMount(() => {
+        // Register this component with safety check
+        if (componentDefinition && typeof componentDefinition.fragment === 'function') {
+            parentRegister(
+                instanceId,
+                componentDefinition.fragment,
+                parentId,
+                {
+                    blendMode,
+                    opacity,
+                    visible: visible !== false ? true : false,
+                    id,
+                    mask: maskSource ? {
+                        source: maskSource,
+                        type: (maskType || 'alpha') as MaskConfig['type']
+                    } as MaskConfig : undefined,
+                    maps: mapsFromProps,
+                    renderOrder: renderOrder ?? detectedRenderOrder,
+                    transform: effectiveTransform,
+                    boundingBox: effectiveBoundingBox,
+                    flow: props.flow,
+                    absolute: props.absolute
+                },
+                uniforms,
+                componentDefinition,
+                isCapturesDOM ? captureCanvas : undefined
+            );
+
+            // Set flag to enable effects after successful registration
+            isRegistered = true;
+
+            // Detect DOM position for correct render ordering
+            if (renderOrder === undefined && orderMarker) {
+                const parent = orderMarker.parentElement;
+                if (parent) {
+                    const siblings = parent.querySelectorAll(':scope > [data-shader-id]');
+                    const position = Array.from(siblings).indexOf(orderMarker);
+                    if (position >= 0) {
+                        detectedRenderOrder = position;
+                        parentMetadataUpdate(instanceId, { renderOrder: position } as NodeMetadata);
+                    }
+                }
+            }
+        } else {
+            console.error('componentDefinition.fragment is not a function:', {
+                componentDefinition,
+                fragment: componentDefinition?.fragment,
+                type: typeof componentDefinition?.fragment
+            });
+        }
+    });
+
+    // Clean up node from registry when component is unmounted
+    onDestroy(() => {
+        isRegistered = false;
+        parentRegister(instanceId, null, null, null, null);
+    });
+</script>
+
+<span bind:this={orderMarker} style="display:contents" data-shader-id={instanceId}>
+    {#if !isCapturesDOM}
+        {@render children?.()}
+    {/if}
+</span>
+{#if isCapturesDOM}
+    <canvas use:teleportToBody bind:this={captureCanvas} layoutsubtree
+            width={captureW} height={captureH}
+            style="position:fixed;inset:0;width:100vw;height:100vh;z-index:-9999">
+        {@render children?.()}
+    </canvas>
+{/if}

package/dist/svelte/source/engine/CustomShader.svelte

@@ -0,0 +1,216 @@
+<script lang="ts" generics="T extends Record<string, any> = Record<string, any>">
+    /**
+     * <CustomShader src={definition} …props />
+     *
+     * Mounts a user-defined shader (a `defineShader` result from `shaders/std`) as a node in
+     * the shader tree — the same registration, uniform bridge, metadata and child slot the
+     * generated library components use, with the definition supplied at runtime instead of
+     * imported at build time. Shader props are passed as ordinary props, typed from the
+     * definition.
+     *
+     * Swapping `src` for a new definition object re-registers the node in place (children
+     * stay attached); the definition's `revision` makes the renderer recompose.
+     */
+    import { getContext, setContext, onMount, onDestroy, untrack } from 'svelte';
+    import {
+        createGpuUniformsMap,
+        resolveBoundingBox,
+        registerShader,
+        type GpuShaderDefinition,
+        type GpuUniformsMap,
+        type BlendMode,
+        type NodeMetadata,
+        type PropConfig,
+        type MaskConfig,
+        type PropDriver,
+        type TransformConfig,
+        type BoundingBoxConfig,
+        type LayoutConfig
+    } from '../../../core/index.js';
+    import {setColorSpaceMode} from '../../../core/utilities/transformations/index.js';
+
+    type Props = {
+        /** The shader definition (`defineShader({...})`). */
+        src: GpuShaderDefinition<T>;
+        blendMode?: BlendMode;
+        opacity?: number;
+        visible?: boolean;
+        id?: string;
+        maskSource?: string;
+        maskType?: string;
+        renderOrder?: number;
+        transform?: Partial<TransformConfig>;
+        boundingBox?: Partial<BoundingBoxConfig>;
+        flow?: LayoutConfig;
+        absolute?: boolean;
+        children?: import('svelte').Snippet;
+    } & {
+        [K in keyof T]?: T[K] | PropDriver;
+    };
+
+    function isPropDriver(value: unknown): value is PropDriver {
+        return typeof value === 'object' && value !== null && 'type' in value &&
+            ((value as any).type === 'map' || (value as any).type === 'mouse' || (value as any).type === 'mouse-position' || (value as any).type === 'auto-animate');
+    }
+
+    const DEFAULT_TRANSFORM: TransformConfig = {
+        offsetX: 0,
+        offsetY: 0,
+        rotation: 0,
+        scale: 1,
+        anchorX: 0.5,
+        anchorY: 0.5,
+        edges: 'transparent'
+    };
+
+    const {
+        src,
+        blendMode = 'normal',
+        opacity,
+        visible = true,
+        id,
+        maskSource,
+        maskType,
+        renderOrder,
+        transform,
+        boundingBox,
+        flow,
+        absolute,
+        children,
+        ...shaderProps
+    }: Props = $props();
+
+    /** The definition's props → their current authored values (props over defaults), drivers included. */
+    function readShaderProps(definition: GpuShaderDefinition<any>): Record<string, unknown> {
+        const out: Record<string, unknown> = {};
+        for (const [key, config] of Object.entries(definition.props as Record<string, PropConfig<unknown>>)) {
+            const value = (shaderProps as Record<string, unknown>)[key];
+            out[key] = value === undefined ? config.default : value;
+        }
+        return out;
+    }
+
+    function uniformValues(definition: GpuShaderDefinition<any>, values: Record<string, unknown>): Record<string, unknown> {
+        const out: Record<string, unknown> = {};
+        for (const [key, value] of Object.entries(values)) {
+            out[key] = isPropDriver(value) ? (definition.props as Record<string, PropConfig<unknown>>)[key]?.default : value;
+        }
+        return out;
+    }
+
+    function mapsOf(values: Record<string, unknown>): Record<string, PropDriver> | undefined {
+        const maps: Record<string, PropDriver> = {};
+        for (const [key, value] of Object.entries(values)) if (isPropDriver(value)) maps[key] = value;
+        return Object.keys(maps).length > 0 ? maps : undefined;
+    }
+
+    const effectiveTransform = $derived({...DEFAULT_TRANSFORM, ...transform});
+    const effectiveBoundingBox = $derived(resolveBoundingBox(boundingBox));
+
+    const parentId = getContext<string>('shaderParentId');
+    if (parentId === undefined) {
+        throw new Error('<CustomShader> must be used inside a <Shader> component or another shader component');
+    }
+    // svelte-ignore state_referenced_locally
+    const instanceId = (id ? id.replace(/[^a-zA-Z0-9_]/g, '_') : null) || Math.random().toString(36).substring(2, 10);
+    setContext('shaderParentId', instanceId);
+
+    const shaderColorSpace = getContext<() => 'p3-linear' | 'srgb'>('shaderColorSpace');
+    const parentRegister = getContext<(id: string, fragmentNodeFunc: any, parentId: string | null, metadata: NodeMetadata | null, uniforms: GpuUniformsMap | null, componentDefinition: any, domCanvas?: HTMLCanvasElement) => void>('shaderNodeRegister');
+    const parentUniformUpdate = getContext<(nodeId: string, uniformName: string, value: any) => void>('shaderUniformUpdate');
+    const parentMetadataUpdate = getContext<(nodeId: string, metadata: NodeMetadata) => void>('shaderMetadataUpdate');
+    if (!parentRegister || !parentUniformUpdate || !parentMetadataUpdate) {
+        throw new Error('<CustomShader> must be used inside a <Shader> component or another shader component');
+    }
+
+    let orderMarker: HTMLSpanElement;
+    let detectedRenderOrder: number | undefined = undefined;
+    let isRegistered = $state(false);
+    let definition: GpuShaderDefinition<any> | null = null;
+    let uniforms: GpuUniformsMap | null = null;
+    let lastValues: Record<string, unknown> = {};
+
+    function metadata(values: Record<string, unknown>): NodeMetadata {
+        return {
+            blendMode,
+            opacity,
+            visible: visible === false ? false : true,
+            id,
+            mask: maskSource ? {source: maskSource, type: (maskType || 'alpha') as MaskConfig['type']} : undefined,
+            maps: mapsOf(values),
+            renderOrder: renderOrder ?? detectedRenderOrder,
+            transform: effectiveTransform,
+            boundingBox: effectiveBoundingBox,
+            flow,
+            absolute
+        } as NodeMetadata;
+    }
+
+    function register(next: GpuShaderDefinition<any>) {
+        if (!next || typeof next.fragment !== 'function') {
+            console.error('<CustomShader> needs a `src` shader definition (the result of defineShader())');
+            return;
+        }
+        definition = next;
+        const values = readShaderProps(next);
+        if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
+        uniforms = createGpuUniformsMap(next as any, uniformValues(next, values), instanceId);
+        lastValues = values;
+        registerShader(next);
+        parentRegister(instanceId, next.fragment, parentId, metadata(values), uniforms, next);
+        isRegistered = true;
+    }
+
+    // Register on mount and again whenever a NEW definition object arrives (same node id).
+    $effect(() => {
+        const next = src;
+        untrack(() => register(next));
+    });
+
+    // Forward changed shader-prop values as uniform updates (drivers → metadata).
+    $effect(() => {
+        if (!isRegistered || !definition || !uniforms) return;
+        const values = readShaderProps(definition);
+        untrack(() => {
+            let mapsChanged = false;
+            for (const [key, value] of Object.entries(values)) {
+                const prev = lastValues[key];
+                if (value === prev) continue;
+                if (isPropDriver(value) || isPropDriver(prev)) mapsChanged = true;
+                else if (uniforms![key] && uniforms![key].value !== undefined) parentUniformUpdate(instanceId, key, value);
+            }
+            lastValues = values;
+            if (mapsChanged) parentMetadataUpdate(instanceId, metadata(values));
+        });
+    });
+
+    // Layer metadata (blend, opacity, masks, transform).
+    $effect(() => {
+        const next = metadata(lastValues);
+        if (!isRegistered) return;
+        parentMetadataUpdate(instanceId, next);
+    });
+
+    onMount(() => {
+        if (renderOrder === undefined && orderMarker) {
+            const parent = orderMarker.parentElement;
+            if (parent) {
+                const siblings = parent.querySelectorAll(':scope > [data-shader-id]');
+                const position = Array.from(siblings).indexOf(orderMarker);
+                if (position >= 0) {
+                    detectedRenderOrder = position;
+                    parentMetadataUpdate(instanceId, { renderOrder: position } as NodeMetadata);
+                }
+            }
+        }
+    });
+
+    onDestroy(() => {
+        isRegistered = false;
+        parentRegister(instanceId, null, null, null, null, null);
+    });
+</script>
+
+<span bind:this={orderMarker} style="display:contents" data-shader-id={instanceId}>
+    {@render children?.()}
+</span>

package/dist/svelte/source/engine/Preview.svelte

@@ -163,6 +163,7 @@ import SmokeFill from '../components/SmokeFill.svelte'
 import SmokeFlow from '../components/SmokeFlow.svelte'
 import Solarize from '../components/Solarize.svelte'
 import SolidColor from '../components/SolidColor.svelte'
+import Sparkle from '../components/Sparkle.svelte'
 import Spherize from '../components/Spherize.svelte'
 import Spiral from '../components/Spiral.svelte'
 import Star from '../components/Star.svelte'
@@ -366,6 +367,7 @@ const componentMap: Record<string, any> = {
   SmokeFlow,
   Solarize,
   SolidColor,
+  Sparkle,
   Spherize,
   Spiral,
   Star,
@@ -496,9 +498,9 @@ function fetchAndDecode(url: string, key: string): Promise<FetchResult> {
 }
 
 // --- Configuration apply ---
-// Source of truth: dotcom/utils/keyPropsIdentifier.ts. Inlined per framework
-// because the build pipeline copies framework dist into the published npm
-// package and won't carry a cross-package import.
+// Mirrors the key-prop identification the design editor uses when it saves a
+// preset. Inlined per framework because the build copies each framework dist
+// into the published npm package and won't carry a cross-package import.
 
 const RESERVED_IDENTIFIERS = new Set([
   'break', 'case', 'catch', 'class', 'const', 'continue', 'default',

package/dist/svelte/source/index.js

@@ -158,6 +158,7 @@ export { default as SmokeFill } from './components/SmokeFill.svelte';
 export { default as SmokeFlow } from './components/SmokeFlow.svelte';
 export { default as Solarize } from './components/Solarize.svelte';
 export { default as SolidColor } from './components/SolidColor.svelte';
+export { default as Sparkle } from './components/Sparkle.svelte';
 export { default as Spherize } from './components/Spherize.svelte';
 export { default as Spiral } from './components/Spiral.svelte';
 export { default as Star } from './components/Star.svelte';
@@ -200,4 +201,7 @@ export { default as WorleyNoise } from './components/WorleyNoise.svelte';
 export { default as ZoomBlur } from './components/ZoomBlur.svelte';
 export { default as Shader } from './engine/Shader.svelte';
 export { default as Preview } from './engine/Preview.svelte';
+export { default as CustomShader } from './engine/CustomShader.svelte';
 export { isWebGPUSupported, getWebGPUSupport, setShadersDebug, isShadersDebug } from '../../core/index.js';
+
+export { registerShader, unregisterShader, getRegisteredShader, getRegisteredShaders, onShaderRegistered } from '../../core/index.js';