shaders 3.0.442 → 3.0.444

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

@@ -10,11 +10,16 @@ import Arc from '../components/Arc.svelte'
 import Ascii from '../components/Ascii.svelte'
 import Aurora from '../components/Aurora.svelte'
 import BarShift from '../components/BarShift.svelte'
+import BarnDoors from '../components/BarnDoors.svelte'
 import Beam from '../components/Beam.svelte'
+import Bend from '../components/Bend.svelte'
 import Blob from '../components/Blob.svelte'
+import BlockDissolve from '../components/BlockDissolve.svelte'
 import BlockNoise from '../components/BlockNoise.svelte'
 import BlueNoise from '../components/BlueNoise.svelte'
 import Blur from '../components/Blur.svelte'
+import Boids from '../components/Boids.svelte'
+import BokehBlur from '../components/BokehBlur.svelte'
 import BrickPattern from '../components/BrickPattern.svelte'
 import BrightnessContrast from '../components/BrightnessContrast.svelte'
 import BrushedMetal from '../components/BrushedMetal.svelte'
@@ -23,6 +28,7 @@ import CRTScreen from '../components/CRTScreen.svelte'
 import CarbonFiber from '../components/CarbonFiber.svelte'
 import Chalkboard from '../components/Chalkboard.svelte'
 import ChannelBlur from '../components/ChannelBlur.svelte'
+import CheckerWipe from '../components/CheckerWipe.svelte'
 import Checkerboard from '../components/Checkerboard.svelte'
 import Chevron from '../components/Chevron.svelte'
 import ChromaFlow from '../components/ChromaFlow.svelte'
@@ -40,10 +46,11 @@ import Crystal from '../components/Crystal.svelte'
 import CurlNoise from '../components/CurlNoise.svelte'
 import CursorRipples from '../components/CursorRipples.svelte'
 import CursorTrail from '../components/CursorTrail.svelte'
-import DOMTexture from '../components/DOMTexture.svelte'
 import DataMosh from '../components/DataMosh.svelte'
 import DiamondGradient from '../components/DiamondGradient.svelte'
+import DiamondWipe from '../components/DiamondWipe.svelte'
 import DiffuseBlur from '../components/DiffuseBlur.svelte'
+import DisplacementMap from '../components/DisplacementMap.svelte'
 import Dither from '../components/Dither.svelte'
 import DotGrid from '../components/DotGrid.svelte'
 import DropShadow from '../components/DropShadow.svelte'
@@ -55,6 +62,7 @@ import ErosionNoise from '../components/ErosionNoise.svelte'
 import Exposure from '../components/Exposure.svelte'
 import FallingLines from '../components/FallingLines.svelte'
 import FilmGrain from '../components/FilmGrain.svelte'
+import FilmStock from '../components/FilmStock.svelte'
 import Flip from '../components/Flip.svelte'
 import FloatingParticles from '../components/FloatingParticles.svelte'
 import FlowField from '../components/FlowField.svelte'
@@ -77,6 +85,7 @@ import Grayscale from '../components/Grayscale.svelte'
 import Grid from '../components/Grid.svelte'
 import GridDistortion from '../components/GridDistortion.svelte'
 import Group from '../components/Group.svelte'
+import HTMLInCanvas from '../components/HTMLInCanvas.svelte'
 import Halftone from '../components/Halftone.svelte'
 import Heart from '../components/Heart.svelte'
 import Heatmap from '../components/Heatmap.svelte'
@@ -85,7 +94,9 @@ import Hologram from '../components/Hologram.svelte'
 import Holographic from '../components/Holographic.svelte'
 import HueShift from '../components/HueShift.svelte'
 import ImageTexture from '../components/ImageTexture.svelte'
+import InkFlow from '../components/InkFlow.svelte'
 import Invert from '../components/Invert.svelte'
+import IrisWipe from '../components/IrisWipe.svelte'
 import IsometricCubes from '../components/IsometricCubes.svelte'
 import Kaleidoscope from '../components/Kaleidoscope.svelte'
 import KeyFrames from '../components/KeyFrames.svelte'
@@ -94,16 +105,21 @@ import LightEdge from '../components/LightEdge.svelte'
 import LightLeak from '../components/LightLeak.svelte'
 import LinearBlur from '../components/LinearBlur.svelte'
 import LinearGradient from '../components/LinearGradient.svelte'
+import LinearWipe from '../components/LinearWipe.svelte'
 import LiquidMetal from '../components/LiquidMetal.svelte'
 import Liquify from '../components/Liquify.svelte'
+import MagneticFilings from '../components/MagneticFilings.svelte'
 import Marble from '../components/Marble.svelte'
 import Mirror from '../components/Mirror.svelte'
 import MultiPointGradient from '../components/MultiPointGradient.svelte'
 import Neon from '../components/Neon.svelte'
+import NoiseDissolve from '../components/NoiseDissolve.svelte'
 import ObjectTracker from '../components/ObjectTracker.svelte'
 import PagePeel from '../components/PagePeel.svelte'
 import Paper from '../components/Paper.svelte'
 import Parallelogram from '../components/Parallelogram.svelte'
+import ParticleField from '../components/ParticleField.svelte'
+import ParticleFlow from '../components/ParticleFlow.svelte'
 import Particles from '../components/Particles.svelte'
 import PerlinNoise from '../components/PerlinNoise.svelte'
 import Perspective from '../components/Perspective.svelte'
@@ -118,11 +134,14 @@ import Posterize from '../components/Posterize.svelte'
 import Prism from '../components/Prism.svelte'
 import ProgressiveBlur from '../components/ProgressiveBlur.svelte'
 import RadialGradient from '../components/RadialGradient.svelte'
+import RadialWipe from '../components/RadialWipe.svelte'
+import RandomBars from '../components/RandomBars.svelte'
 import ReactionDiffusion from '../components/ReactionDiffusion.svelte'
 import RectangularCoordinates from '../components/RectangularCoordinates.svelte'
 import ReflectivePlane from '../components/ReflectivePlane.svelte'
 import Repeater from '../components/Repeater.svelte'
 import Ring from '../components/Ring.svelte'
+import RippleWipe from '../components/RippleWipe.svelte'
 import Ripples from '../components/Ripples.svelte'
 import RoundedRect from '../components/RoundedRect.svelte'
 import Saturation from '../components/Saturation.svelte'
@@ -131,6 +150,7 @@ import Sharpness from '../components/Sharpness.svelte'
 import Shatter from '../components/Shatter.svelte'
 import SimplexNoise from '../components/SimplexNoise.svelte'
 import SineWave from '../components/SineWave.svelte'
+import SliceWipe from '../components/SliceWipe.svelte'
 import Smoke from '../components/Smoke.svelte'
 import SmokeFill from '../components/SmokeFill.svelte'
 import SmokeFlow from '../components/SmokeFlow.svelte'
@@ -151,6 +171,7 @@ import Teardrop from '../components/Teardrop.svelte'
 import Text from '../components/Text.svelte'
 import ThinFilm from '../components/ThinFilm.svelte'
 import TiltShift from '../components/TiltShift.svelte'
+import TimeTrail from '../components/TimeTrail.svelte'
 import Tint from '../components/Tint.svelte'
 import Trapezoid from '../components/Trapezoid.svelte'
 import TriangularGrid from '../components/TriangularGrid.svelte'
@@ -158,6 +179,7 @@ import Tritone from '../components/Tritone.svelte'
 import Truchet from '../components/Truchet.svelte'
 import Twirl from '../components/Twirl.svelte'
 import VHS from '../components/VHS.svelte'
+import VenetianBlinds from '../components/VenetianBlinds.svelte'
 import Vesica from '../components/Vesica.svelte'
 import Vibrance from '../components/Vibrance.svelte'
 import VideoTexture from '../components/VideoTexture.svelte'
@@ -181,11 +203,16 @@ const componentMap: Record<string, any> = {
   Ascii,
   Aurora,
   BarShift,
+  BarnDoors,
   Beam,
+  Bend,
   Blob,
+  BlockDissolve,
   BlockNoise,
   BlueNoise,
   Blur,
+  Boids,
+  BokehBlur,
   BrickPattern,
   BrightnessContrast,
   BrushedMetal,
@@ -194,6 +221,7 @@ const componentMap: Record<string, any> = {
   CarbonFiber,
   Chalkboard,
   ChannelBlur,
+  CheckerWipe,
   Checkerboard,
   Chevron,
   ChromaFlow,
@@ -211,10 +239,11 @@ const componentMap: Record<string, any> = {
   CurlNoise,
   CursorRipples,
   CursorTrail,
-  DOMTexture,
   DataMosh,
   DiamondGradient,
+  DiamondWipe,
   DiffuseBlur,
+  DisplacementMap,
   Dither,
   DotGrid,
   DropShadow,
@@ -226,6 +255,7 @@ const componentMap: Record<string, any> = {
   Exposure,
   FallingLines,
   FilmGrain,
+  FilmStock,
   Flip,
   FloatingParticles,
   FlowField,
@@ -248,6 +278,8 @@ const componentMap: Record<string, any> = {
   Grid,
   GridDistortion,
   Group,
+  HTMLInCanvas,
+  DOMTexture: HTMLInCanvas,
   Halftone,
   Heart,
   Heatmap,
@@ -256,7 +288,9 @@ const componentMap: Record<string, any> = {
   Holographic,
   HueShift,
   ImageTexture,
+  InkFlow,
   Invert,
+  IrisWipe,
   IsometricCubes,
   Kaleidoscope,
   KeyFrames,
@@ -265,16 +299,21 @@ const componentMap: Record<string, any> = {
   LightLeak,
   LinearBlur,
   LinearGradient,
+  LinearWipe,
   LiquidMetal,
   Liquify,
+  MagneticFilings,
   Marble,
   Mirror,
   MultiPointGradient,
   Neon,
+  NoiseDissolve,
   ObjectTracker,
   PagePeel,
   Paper,
   Parallelogram,
+  ParticleField,
+  ParticleFlow,
   Particles,
   PerlinNoise,
   Perspective,
@@ -289,11 +328,14 @@ const componentMap: Record<string, any> = {
   Prism,
   ProgressiveBlur,
   RadialGradient,
+  RadialWipe,
+  RandomBars,
   ReactionDiffusion,
   RectangularCoordinates,
   ReflectivePlane,
   Repeater,
   Ring,
+  RippleWipe,
   Ripples,
   RoundedRect,
   Saturation,
@@ -302,6 +344,7 @@ const componentMap: Record<string, any> = {
   Shatter,
   SimplexNoise,
   SineWave,
+  SliceWipe,
   Smoke,
   SmokeFill,
   SmokeFlow,
@@ -322,6 +365,7 @@ const componentMap: Record<string, any> = {
   Text,
   ThinFilm,
   TiltShift,
+  TimeTrail,
   Tint,
   Trapezoid,
   TriangularGrid,
@@ -329,6 +373,7 @@ const componentMap: Record<string, any> = {
   Truchet,
   Twirl,
   VHS,
+  VenetianBlinds,
   Vesica,
   Vibrance,
   VideoTexture,

package/dist/svelte/source/engine/Shader.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { setContext, onMount, onDestroy } from 'svelte';
-  import { shaderRendererGPU, rootPassthrough } from '../../../core/index.js';
-  import type { UniformsMap, BlendMode, NodeMetadata } from '../../../core/index.js';
+  import { shaderRendererGPU, rootPassthrough, debugWarn } from '../../../core/index.js';
+  import type { UniformsMap, BlendMode, NodeMetadata, GpuFailureReason } from '../../../core/index.js';
   import { isExternalUser, startTelemetry } from '../../../core/telemetry/index.js';
   import { setColorSpaceMode } from '../../../core/utilities/transformations/index.js';
 
@@ -13,11 +13,17 @@
     toneMapping?: 'linear' | 'reinhard' | 'cineon' | 'aces' | 'agx' | 'neutral' | 'hable' | 'unreal';
     isPreview?: boolean;
     onready?: () => void;
+    /**
+     * This browser/GPU cannot run the shader, so the canvas will stay transparent for good.
+     * Fires at most once, and nothing is written to the console — render your own static
+     * fallback (a gradient, an image) from this callback if you want one.
+     */
+    onunavailable?: (reason: GpuFailureReason) => void;
     children?: import('svelte').Snippet;
     [key: string]: any;
   }
 
-  const { disableTelemetry = false, colorSpace = 'p3-linear', toneMapping = 'linear', isPreview = false, onready, children, ...rest }: Props = $props();
+  const { disableTelemetry = false, colorSpace = 'p3-linear', toneMapping = 'linear', isPreview = false, onready, onunavailable, children, ...rest }: Props = $props();
 
   // DOM references to the container and canvas
   let containerRef: HTMLDivElement;
@@ -32,6 +38,12 @@
   // Renderer instance — created in onMount (deferred for SSR compatibility)
   let rendererInstance: ReturnType<typeof shaderRendererGPU> | null = null;
 
+  // Terminal GPU failure (no WebGPU, no adapter, device refused/lost, GPU unusable). The
+  // renderer has already released everything — a canvas that never drew is transparent — so
+  // we latch it here so none of the re-entry points below (visibility observer, colorSpace /
+  // toneMapping effects) try again, and hand it to the host for a static fallback.
+  let gpuUnavailable: GpuFailureReason | null = null;
+
   // Telemetry collector reference for cleanup
   let telemetryCollector: any = null;
   let telemetryStartTimeout: number | null = null;
@@ -71,10 +83,18 @@
   let wasVisible = false;
   let visibilityObserver: IntersectionObserver | null = null;
 
-  // Wait for active rendering before starting telemetry collection
+  // Wait for active rendering before starting telemetry collection.
+  // Bounded: on a browser that can't run WebGPU fps never leaves 0, and an unbounded 500ms
+  // recursion would tick for the life of the page against a renderer that will never draw.
+  const MAX_TELEMETRY_POLLS = 40; // 40 × 500ms = 20s
   const startTelemetryWhenReady = () => {
+    let polls = 0;
     const checkRendering = () => {
       if (!rendererInstance) return
+      if (gpuUnavailable || ++polls > MAX_TELEMETRY_POLLS) {
+        telemetryStartTimeout = null;
+        return;
+      }
       const stats = rendererInstance.getPerformanceStats();
       if (stats.fps > 0) {
         const version = typeof __SHADERS_VERSION__ !== 'undefined' ? __SHADERS_VERSION__ : 'unknown';
@@ -96,9 +116,13 @@
     telemetryStartTimeout = window.setTimeout(checkRendering, 500);
   };
 
-  // Function to initialize renderer with visibility check
+  // Function to initialize renderer with visibility check.
+  //
+  // Never rejects. `initialize()` resolves even when WebGPU is unavailable (it reports via
+  // setOnUnavailable and leaves the canvas transparent), and the remaining steps are guarded
+  // so a failure here can never surface as an unhandled promise rejection.
   const initializeRenderer = async () => {
-    if (!canvasRef || !rendererInstance) return;
+    if (!canvasRef || !rendererInstance || gpuUnavailable) return;
 
     try {
       // Check if renderer is already initialized to avoid double initialization
@@ -110,6 +134,11 @@
         });
       }
 
+      // The renderer reports unavailability asynchronously (via a microtask), so re-check
+      // synchronously here too — nothing below is worth doing against a renderer that has
+      // already given up.
+      if (rendererInstance.getFailureReason()) return;
+
       // Register the root node. The GPU renderer requires a component definition on every node —
       // rootPassthrough supplies the shared "composite children / transparent when empty" root
       // (replacing the v1 bare vec4 fn).
@@ -132,8 +161,7 @@
       }
 
     } catch (err) {
-      console.error('[Shader] Initialization failed:', err);
-      throw err;
+      debugWarn('[Shaders] renderer initialization failed:', err);
     }
   };
 
@@ -158,7 +186,7 @@
           }
         } else {
           // First time visible, need to initialize
-          initializeRenderer().catch(console.error);
+          void initializeRenderer();
         }
         wasVisible = true;
       } else if (!isCurrentlyVisible && wasVisible) {
@@ -176,13 +204,21 @@
     // Create the renderer instance (deferred from module scope for SSR compatibility)
     rendererInstance = shaderRendererGPU();
     rendererInstance.setOnReady(() => onready?.());
+    rendererInstance.setOnUnavailable((reason: GpuFailureReason) => {
+      gpuUnavailable = reason;
+      try {
+        onunavailable?.(reason);
+      } catch (err) {
+        debugWarn('[Shaders] onunavailable callback threw:', err);
+      }
+    });
     mounted = true;
 
     // Wait for Svelte to render the canvas + children before proceeding
     await new Promise((resolve) => requestAnimationFrame(resolve));
 
     if (!canvasRef || !containerRef) {
-      console.error('Canvas or container ref is null in Shader onMount');
+      debugWarn('[Shaders] canvas or container ref is null in Shader onMount');
       return;
     }
 
@@ -228,7 +264,7 @@
       try {
         rendererInstance.cleanup();
       } catch (err) {
-        console.warn('[Shader] Error during cleanup:', err);
+        debugWarn('[Shaders] error during cleanup:', err);
       }
     }
   });
@@ -251,7 +287,7 @@
 
       // Force re-initialization to apply color space changes
       rendererInstance.cleanup();
-      initializeRenderer().catch(console.error);
+      void initializeRenderer();
     }
   });
 
@@ -267,7 +303,7 @@
 
     if (rendererInstance?.isInitialized()) {
       rendererInstance.cleanup();
-      initializeRenderer().catch(console.error);
+      void initializeRenderer();
     }
   });
 

package/dist/svelte/source/index.js

@@ -3,11 +3,16 @@ export { default as Arc } from './components/Arc.svelte';
 export { default as Ascii } from './components/Ascii.svelte';
 export { default as Aurora } from './components/Aurora.svelte';
 export { default as BarShift } from './components/BarShift.svelte';
+export { default as BarnDoors } from './components/BarnDoors.svelte';
 export { default as Beam } from './components/Beam.svelte';
+export { default as Bend } from './components/Bend.svelte';
 export { default as Blob } from './components/Blob.svelte';
+export { default as BlockDissolve } from './components/BlockDissolve.svelte';
 export { default as BlockNoise } from './components/BlockNoise.svelte';
 export { default as BlueNoise } from './components/BlueNoise.svelte';
 export { default as Blur } from './components/Blur.svelte';
+export { default as Boids } from './components/Boids.svelte';
+export { default as BokehBlur } from './components/BokehBlur.svelte';
 export { default as BrickPattern } from './components/BrickPattern.svelte';
 export { default as BrightnessContrast } from './components/BrightnessContrast.svelte';
 export { default as BrushedMetal } from './components/BrushedMetal.svelte';
@@ -16,6 +21,7 @@ export { default as CRTScreen } from './components/CRTScreen.svelte';
 export { default as CarbonFiber } from './components/CarbonFiber.svelte';
 export { default as Chalkboard } from './components/Chalkboard.svelte';
 export { default as ChannelBlur } from './components/ChannelBlur.svelte';
+export { default as CheckerWipe } from './components/CheckerWipe.svelte';
 export { default as Checkerboard } from './components/Checkerboard.svelte';
 export { default as Chevron } from './components/Chevron.svelte';
 export { default as ChromaFlow } from './components/ChromaFlow.svelte';
@@ -33,10 +39,11 @@ export { default as Crystal } from './components/Crystal.svelte';
 export { default as CurlNoise } from './components/CurlNoise.svelte';
 export { default as CursorRipples } from './components/CursorRipples.svelte';
 export { default as CursorTrail } from './components/CursorTrail.svelte';
-export { default as DOMTexture } from './components/DOMTexture.svelte';
 export { default as DataMosh } from './components/DataMosh.svelte';
 export { default as DiamondGradient } from './components/DiamondGradient.svelte';
+export { default as DiamondWipe } from './components/DiamondWipe.svelte';
 export { default as DiffuseBlur } from './components/DiffuseBlur.svelte';
+export { default as DisplacementMap } from './components/DisplacementMap.svelte';
 export { default as Dither } from './components/Dither.svelte';
 export { default as DotGrid } from './components/DotGrid.svelte';
 export { default as DropShadow } from './components/DropShadow.svelte';
@@ -48,6 +55,7 @@ export { default as ErosionNoise } from './components/ErosionNoise.svelte';
 export { default as Exposure } from './components/Exposure.svelte';
 export { default as FallingLines } from './components/FallingLines.svelte';
 export { default as FilmGrain } from './components/FilmGrain.svelte';
+export { default as FilmStock } from './components/FilmStock.svelte';
 export { default as Flip } from './components/Flip.svelte';
 export { default as FloatingParticles } from './components/FloatingParticles.svelte';
 export { default as FlowField } from './components/FlowField.svelte';
@@ -70,6 +78,9 @@ export { default as Grayscale } from './components/Grayscale.svelte';
 export { default as Grid } from './components/Grid.svelte';
 export { default as GridDistortion } from './components/GridDistortion.svelte';
 export { default as Group } from './components/Group.svelte';
+export { default as HTMLInCanvas } from './components/HTMLInCanvas.svelte';
+/** @deprecated Renamed to `HTMLInCanvas` — this alias will be removed in a future major version. */
+export { default as DOMTexture } from './components/HTMLInCanvas.svelte';
 export { default as Halftone } from './components/Halftone.svelte';
 export { default as Heart } from './components/Heart.svelte';
 export { default as Heatmap } from './components/Heatmap.svelte';
@@ -78,7 +89,9 @@ export { default as Hologram } from './components/Hologram.svelte';
 export { default as Holographic } from './components/Holographic.svelte';
 export { default as HueShift } from './components/HueShift.svelte';
 export { default as ImageTexture } from './components/ImageTexture.svelte';
+export { default as InkFlow } from './components/InkFlow.svelte';
 export { default as Invert } from './components/Invert.svelte';
+export { default as IrisWipe } from './components/IrisWipe.svelte';
 export { default as IsometricCubes } from './components/IsometricCubes.svelte';
 export { default as Kaleidoscope } from './components/Kaleidoscope.svelte';
 export { default as KeyFrames } from './components/KeyFrames.svelte';
@@ -87,16 +100,21 @@ export { default as LightEdge } from './components/LightEdge.svelte';
 export { default as LightLeak } from './components/LightLeak.svelte';
 export { default as LinearBlur } from './components/LinearBlur.svelte';
 export { default as LinearGradient } from './components/LinearGradient.svelte';
+export { default as LinearWipe } from './components/LinearWipe.svelte';
 export { default as LiquidMetal } from './components/LiquidMetal.svelte';
 export { default as Liquify } from './components/Liquify.svelte';
+export { default as MagneticFilings } from './components/MagneticFilings.svelte';
 export { default as Marble } from './components/Marble.svelte';
 export { default as Mirror } from './components/Mirror.svelte';
 export { default as MultiPointGradient } from './components/MultiPointGradient.svelte';
 export { default as Neon } from './components/Neon.svelte';
+export { default as NoiseDissolve } from './components/NoiseDissolve.svelte';
 export { default as ObjectTracker } from './components/ObjectTracker.svelte';
 export { default as PagePeel } from './components/PagePeel.svelte';
 export { default as Paper } from './components/Paper.svelte';
 export { default as Parallelogram } from './components/Parallelogram.svelte';
+export { default as ParticleField } from './components/ParticleField.svelte';
+export { default as ParticleFlow } from './components/ParticleFlow.svelte';
 export { default as Particles } from './components/Particles.svelte';
 export { default as PerlinNoise } from './components/PerlinNoise.svelte';
 export { default as Perspective } from './components/Perspective.svelte';
@@ -111,11 +129,14 @@ export { default as Posterize } from './components/Posterize.svelte';
 export { default as Prism } from './components/Prism.svelte';
 export { default as ProgressiveBlur } from './components/ProgressiveBlur.svelte';
 export { default as RadialGradient } from './components/RadialGradient.svelte';
+export { default as RadialWipe } from './components/RadialWipe.svelte';
+export { default as RandomBars } from './components/RandomBars.svelte';
 export { default as ReactionDiffusion } from './components/ReactionDiffusion.svelte';
 export { default as RectangularCoordinates } from './components/RectangularCoordinates.svelte';
 export { default as ReflectivePlane } from './components/ReflectivePlane.svelte';
 export { default as Repeater } from './components/Repeater.svelte';
 export { default as Ring } from './components/Ring.svelte';
+export { default as RippleWipe } from './components/RippleWipe.svelte';
 export { default as Ripples } from './components/Ripples.svelte';
 export { default as RoundedRect } from './components/RoundedRect.svelte';
 export { default as Saturation } from './components/Saturation.svelte';
@@ -124,6 +145,7 @@ export { default as Sharpness } from './components/Sharpness.svelte';
 export { default as Shatter } from './components/Shatter.svelte';
 export { default as SimplexNoise } from './components/SimplexNoise.svelte';
 export { default as SineWave } from './components/SineWave.svelte';
+export { default as SliceWipe } from './components/SliceWipe.svelte';
 export { default as Smoke } from './components/Smoke.svelte';
 export { default as SmokeFill } from './components/SmokeFill.svelte';
 export { default as SmokeFlow } from './components/SmokeFlow.svelte';
@@ -144,6 +166,7 @@ export { default as Teardrop } from './components/Teardrop.svelte';
 export { default as Text } from './components/Text.svelte';
 export { default as ThinFilm } from './components/ThinFilm.svelte';
 export { default as TiltShift } from './components/TiltShift.svelte';
+export { default as TimeTrail } from './components/TimeTrail.svelte';
 export { default as Tint } from './components/Tint.svelte';
 export { default as Trapezoid } from './components/Trapezoid.svelte';
 export { default as TriangularGrid } from './components/TriangularGrid.svelte';
@@ -151,6 +174,7 @@ export { default as Tritone } from './components/Tritone.svelte';
 export { default as Truchet } from './components/Truchet.svelte';
 export { default as Twirl } from './components/Twirl.svelte';
 export { default as VHS } from './components/VHS.svelte';
+export { default as VenetianBlinds } from './components/VenetianBlinds.svelte';
 export { default as Vesica } from './components/Vesica.svelte';
 export { default as Vibrance } from './components/Vibrance.svelte';
 export { default as VideoTexture } from './components/VideoTexture.svelte';
@@ -167,3 +191,5 @@ 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 { isWebGPUSupported, getWebGPUSupport, setShadersDebug, isShadersDebug } from '../../core/index.js';
+export type { GpuFailureReason, WebGPUSupportInfo } from '../../core/index.js';