shaders 3.0.442 → 3.0.444

package/dist/solid/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;AAkpFD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,EAAE,WAAW,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAoFpM;AAGD,eAAO,MAAM,mBAAmB,UAyK/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;AA64FD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,EAAE,WAAW,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAoFpM;AAGD,eAAO,MAAM,mBAAmB,UA+L/B,CAAA"}

package/dist/solid/utils/generatePresetCode.js

@@ -87,6 +87,14 @@ const shaderMetadata = {
     },
     "seed": 0
   },
+  "BarnDoors": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "progress": 0.5,
+    "angle": 0,
+    "feather": 0.1,
+    "invert": false
+  },
   "BarShift": {
     "opacity": 1,
     "blendMode": "normal",
@@ -116,6 +124,14 @@ const shaderMetadata = {
     "outsideColor": "#0000FF",
     "colorSpace": "linear"
   },
+  "Bend": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "strength": 0.5,
+    "falloff": 0,
+    "angle": 0,
+    "edges": "transparent"
+  },
   "Blob": {
     "opacity": 1,
     "blendMode": "normal",
@@ -139,6 +155,14 @@ const shaderMetadata = {
     },
     "colorSpace": "linear"
   },
+  "BlockDissolve": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "progress": 0.5,
+    "blockSize": 0.08,
+    "softness": 0.15,
+    "invert": false
+  },
   "BlockNoise": {
     "opacity": 1,
     "blendMode": "normal",
@@ -169,6 +193,36 @@ const shaderMetadata = {
     "blendMode": "normal",
     "intensity": 50
   },
+  "Boids": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorA": "#8ec5ff",
+    "colorB": "#ff7ad9",
+    "colorSpace": "oklab",
+    "agentShape": "arrow",
+    "count": 2e3,
+    "speed": 2,
+    "seed": 0,
+    "size": 1.5,
+    "trails": 0,
+    "separation": 1.7,
+    "alignment": 1.5,
+    "cohesion": 1,
+    "perception": 0.12,
+    "cursorMode": "repel",
+    "cursorStrength": 1.5
+  },
+  "BokehBlur": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "radius": 50,
+    "highlightGain": 4,
+    "highlightThreshold": 0.6,
+    "bladeShape": "blades",
+    "bladeCount": 6,
+    "bladeRotation": 0,
+    "chromaticFringe": 0.2
+  },
   "BrickPattern": {
     "opacity": 1,
     "blendMode": "normal",
@@ -280,6 +334,14 @@ const shaderMetadata = {
     "softness": 0,
     "colorSpace": "linear"
   },
+  "CheckerWipe": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "progress": 0.5,
+    "blockSize": 0.1,
+    "softness": 0.15,
+    "invert": false
+  },
   "Chevron": {
     "opacity": 1,
     "blendMode": "normal",
@@ -549,12 +611,29 @@ const shaderMetadata = {
     "roundness": 0,
     "colorSpace": "linear"
   },
+  "DiamondWipe": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "progress": 0.5,
+    "size": 0.15,
+    "feather": 0.1,
+    "invert": false
+  },
   "DiffuseBlur": {
     "opacity": 1,
     "blendMode": "normal",
     "intensity": 30,
     "edges": "stretch"
   },
+  "DisplacementMap": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "source": "",
+    "amount": 0.3,
+    "channelMode": "twoAxis",
+    "angle": 0,
+    "edges": "mirror"
+  },
   "Dither": {
     "opacity": 1,
     "blendMode": "normal",
@@ -566,10 +645,6 @@ const shaderMetadata = {
     "colorA": "transparent",
     "colorB": "#ffffff"
   },
-  "DOMTexture": {
-    "opacity": 1,
-    "blendMode": "normal"
-  },
   "DotGrid": {
     "opacity": 1,
     "blendMode": "normal",
@@ -688,6 +763,15 @@ const shaderMetadata = {
     "bias": 2,
     "animated": false
   },
+  "FilmStock": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "stock": "portrait400",
+    "strength": 1,
+    "halation": 0.4,
+    "halationRadius": 28,
+    "weave": 0
+  },
   "Flip": {
     "opacity": 1,
     "blendMode": "normal",
@@ -697,17 +781,18 @@ const shaderMetadata = {
   "FloatingParticles": {
     "opacity": 1,
     "blendMode": "normal",
-    "randomness": 0.25,
+    "particleColor": "#ffffff",
+    "shape": "dot",
+    "count": 1200,
+    "particleSize": 1.2,
+    "softness": 0.1,
     "speed": 0.25,
     "angle": 90,
-    "particleSize": 2,
-    "particleSoftness": 0,
-    "twinkle": 0.5,
-    "count": 5,
-    "particleColor": "#ffffff",
     "speedVariance": 0.3,
     "angleVariance": 30,
-    "particleDensity": 3
+    "randomness": 0.25,
+    "twinkle": 0.5,
+    "cursorStrength": 0
   },
   "Flower": {
     "opacity": 1,
@@ -1135,6 +1220,10 @@ const shaderMetadata = {
     "edgeSoftness": 0.05,
     "shape": '{"type":"circleSDF","radius":0.35}'
   },
+  "HTMLInCanvas": {
+    "opacity": 1,
+    "blendMode": "normal"
+  },
   "HueShift": {
     "opacity": 1,
     "blendMode": "normal",
@@ -1146,10 +1235,37 @@ const shaderMetadata = {
     "url": "https://shaders.com/sample.jpg",
     "objectFit": "fill"
   },
+  "InkFlow": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorMode": "rainbow",
+    "colorSpeed": 1,
+    "color": "#ff2d7e",
+    "color1": "#4338ff",
+    "color2": "#ff2d7e",
+    "color3": "#19e3ff",
+    "colorSpace": "oklab",
+    "radius": 0.3,
+    "force": 1,
+    "curl": 0,
+    "decay": 0.5,
+    "momentum": 0.6
+  },
   "Invert": {
     "opacity": 1,
     "blendMode": "normal"
   },
+  "IrisWipe": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "progress": 0.5,
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "feather": 0.1,
+    "invert": false
+  },
   "IsometricCubes": {
     "opacity": 1,
     "blendMode": "normal",
@@ -1295,6 +1411,14 @@ const shaderMetadata = {
     "edges": "stretch",
     "colorSpace": "linear"
   },
+  "LinearWipe": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "progress": 0.5,
+    "angle": 0,
+    "feather": 0.1,
+    "invert": false
+  },
   "LiquidMetal": {
     "opacity": 1,
     "blendMode": "normal",
@@ -1328,6 +1452,21 @@ const shaderMetadata = {
     "radius": 1,
     "edges": "stretch"
   },
+  "MagneticFilings": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorA": "#be1ef9",
+    "colorB": "#6326ff",
+    "colorSpace": "oklab",
+    "shape": "dot",
+    "count": 8e3,
+    "size": 1,
+    "restOrientation": "random",
+    "fieldType": "dipole",
+    "strength": 1.7,
+    "reach": 0.6,
+    "response": 0.5
+  },
   "Marble": {
     "opacity": 1,
     "blendMode": "normal",
@@ -1410,6 +1549,15 @@ const shaderMetadata = {
     "flowAmount": 0.3,
     "shape": '{"type":"circleSDF","radius":0.35}'
   },
+  "NoiseDissolve": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "progress": 0.5,
+    "scale": 3,
+    "softness": 0.25,
+    "seed": 0,
+    "invert": false
+  },
   "ObjectTracker": {
     "opacity": 1,
     "blendMode": "normal",
@@ -1472,6 +1620,42 @@ const shaderMetadata = {
     "strokePosition": "center",
     "colorSpace": "linear"
   },
+  "ParticleField": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "count": 15e3,
+    "depthSource": "luminance",
+    "depth": 0.7,
+    "particleShape": "dot",
+    "particleSize": 0.75,
+    "depthShading": 0.6,
+    "wobble": 0.35,
+    "zoom": 1,
+    "rotationX": 0,
+    "rotationY": 0,
+    "rotationZ": 0,
+    "offsetX": 0,
+    "offsetY": 0,
+    "cursorMode": "push",
+    "cursorStrength": 0.8,
+    "cursorRadius": 0.2
+  },
+  "ParticleFlow": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorA": "#8ec5ff",
+    "colorB": "#ffd98e",
+    "colorSpace": "oklab",
+    "shape": "streak",
+    "count": 6e3,
+    "size": 1.2,
+    "trails": 0,
+    "speed": 1,
+    "force": 1,
+    "swirl": 25,
+    "momentum": 0.6,
+    "ambient": 0.15
+  },
   "Particles": {
     "opacity": 1,
     "blendMode": "normal",
@@ -1486,6 +1670,7 @@ const shaderMetadata = {
     "colorB": "#ff7ad9",
     "count": 4e3,
     "size": 1.5,
+    "particleShape": "dot",
     "spread": 1,
     "agitation": 0.12,
     "damping": 0.4,
@@ -1684,6 +1869,28 @@ const shaderMetadata = {
     "skewAngle": 0,
     "colorSpace": "linear"
   },
+  "RadialWipe": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "progress": 0.5,
+    "startAngle": 0,
+    "direction": "cw",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "feather": 0.1,
+    "invert": false
+  },
+  "RandomBars": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "progress": 0.5,
+    "angle": 0,
+    "barCount": 12,
+    "softness": 0.15,
+    "invert": false
+  },
   "ReactionDiffusion": {
     "opacity": 1,
     "blendMode": "normal",
@@ -1794,6 +2001,18 @@ const shaderMetadata = {
     "thickness": 0.5,
     "phase": 0
   },
+  "RippleWipe": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "progress": 0.5,
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "rings": 8,
+    "feather": 0.2,
+    "invert": false
+  },
   "RoundedRect": {
     "opacity": 1,
     "blendMode": "normal",
@@ -1874,6 +2093,13 @@ const shaderMetadata = {
     "thickness": 0.2,
     "softness": 0.4
   },
+  "SliceWipe": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "progress": 0.5,
+    "angle": 0,
+    "sliceCount": 8
+  },
   "Smoke": {
     "opacity": 1,
     "blendMode": "normal",
@@ -2234,6 +2460,22 @@ const shaderMetadata = {
       "y": 0.5
     }
   },
+  "TimeTrail": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "trailSource": "motion",
+    "motionThreshold": 0.06,
+    "trailLength": 0.6,
+    "diffusion": 1,
+    "trailOpacity": 1,
+    "trailBlend": "normal",
+    "driftX": 0,
+    "driftY": 0,
+    "zoom": 1,
+    "tintMode": "none",
+    "tint": "#33aaff",
+    "speed": 1
+  },
   "Tint": {
     "opacity": 1,
     "blendMode": "normal",
@@ -2305,6 +2547,15 @@ const shaderMetadata = {
     "intensity": 1,
     "edges": "stretch"
   },
+  "VenetianBlinds": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "progress": 0.5,
+    "angle": 0,
+    "stripCount": 5,
+    "feather": 0.15,
+    "invert": false
+  },
   "Vesica": {
     "opacity": 1,
     "blendMode": "normal",
@@ -2667,7 +2918,7 @@ function generatePresetCode(preset, colorSpace, toneMapping) {
       }
     }
     const attributes = [idString, propString].filter(Boolean).join("\n" + indent + "  ");
-    const sampleChildren = config.type === "DOMTexture" && (!config.children || config.children.length === 0) ? `${indent}  <h1>Your HTML content here</h1>` : null;
+    const sampleChildren = (config.type === "HTMLInCanvas" || config.type === "DOMTexture") && (!config.children || config.children.length === 0) ? `${indent}  <h1>Your HTML content here</h1>` : null;
     if (sampleChildren) {
       if (attributes) {
         return `${indent}<${config.type}
@@ -2726,11 +2977,16 @@ const availableComponents = [
   "Ascii",
   "Aurora",
   "BarShift",
+  "BarnDoors",
   "Beam",
+  "Bend",
   "Blob",
+  "BlockDissolve",
   "BlockNoise",
   "BlueNoise",
   "Blur",
+  "Boids",
+  "BokehBlur",
   "BrickPattern",
   "BrightnessContrast",
   "BrushedMetal",
@@ -2739,6 +2995,7 @@ const availableComponents = [
   "CarbonFiber",
   "Chalkboard",
   "ChannelBlur",
+  "CheckerWipe",
   "Checkerboard",
   "Chevron",
   "ChromaFlow",
@@ -2756,10 +3013,11 @@ const availableComponents = [
   "CurlNoise",
   "CursorRipples",
   "CursorTrail",
-  "DOMTexture",
   "DataMosh",
   "DiamondGradient",
+  "DiamondWipe",
   "DiffuseBlur",
+  "DisplacementMap",
   "Dither",
   "DotGrid",
   "DropShadow",
@@ -2771,6 +3029,7 @@ const availableComponents = [
   "Exposure",
   "FallingLines",
   "FilmGrain",
+  "FilmStock",
   "Flip",
   "FloatingParticles",
   "FlowField",
@@ -2793,6 +3052,7 @@ const availableComponents = [
   "Grid",
   "GridDistortion",
   "Group",
+  "HTMLInCanvas",
   "Halftone",
   "Heart",
   "Heatmap",
@@ -2801,7 +3061,9 @@ const availableComponents = [
   "Holographic",
   "HueShift",
   "ImageTexture",
+  "InkFlow",
   "Invert",
+  "IrisWipe",
   "IsometricCubes",
   "Kaleidoscope",
   "KeyFrames",
@@ -2810,16 +3072,21 @@ const availableComponents = [
   "LightLeak",
   "LinearBlur",
   "LinearGradient",
+  "LinearWipe",
   "LiquidMetal",
   "Liquify",
+  "MagneticFilings",
   "Marble",
   "Mirror",
   "MultiPointGradient",
   "Neon",
+  "NoiseDissolve",
   "ObjectTracker",
   "PagePeel",
   "Paper",
   "Parallelogram",
+  "ParticleField",
+  "ParticleFlow",
   "Particles",
   "PerlinNoise",
   "Perspective",
@@ -2834,11 +3101,14 @@ const availableComponents = [
   "Prism",
   "ProgressiveBlur",
   "RadialGradient",
+  "RadialWipe",
+  "RandomBars",
   "ReactionDiffusion",
   "RectangularCoordinates",
   "ReflectivePlane",
   "Repeater",
   "Ring",
+  "RippleWipe",
   "Ripples",
   "RoundedRect",
   "Saturation",
@@ -2847,6 +3117,7 @@ const availableComponents = [
   "Shatter",
   "SimplexNoise",
   "SineWave",
+  "SliceWipe",
   "Smoke",
   "SmokeFill",
   "SmokeFlow",
@@ -2867,6 +3138,7 @@ const availableComponents = [
   "Text",
   "ThinFilm",
   "TiltShift",
+  "TimeTrail",
   "Tint",
   "Trapezoid",
   "TriangularGrid",
@@ -2874,6 +3146,7 @@ const availableComponents = [
   "Truchet",
   "Twirl",
   "VHS",
+  "VenetianBlinds",
   "Vesica",
   "Vibrance",
   "VideoTexture",

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

@@ -0,0 +1,23 @@
+import { type BlendMode, type PropDriver, type TransformConfig, type BoundingBoxConfig } from '../../core';
+import { type ComponentProps } from '../../core/shaders/BarnDoors';
+/**
+ * Define component props including blend mode, opacity, visibility, masking, and transformation
+ */
+interface ExtendedComponentProps extends Partial<ComponentProps> {
+    progress?: ComponentProps['progress'] | PropDriver;
+    angle?: ComponentProps['angle'] | PropDriver;
+    feather?: ComponentProps['feather'] | PropDriver;
+    blendMode?: BlendMode;
+    opacity?: number;
+    visible?: boolean;
+    id?: string;
+    maskSource?: string;
+    maskType?: string;
+    renderOrder?: number;
+    transform?: Partial<TransformConfig>;
+    boundingBox?: Partial<BoundingBoxConfig>;
+    children?: import('svelte').Snippet;
+}
+declare const BarnDoors: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type BarnDoors = ReturnType<typeof BarnDoors>;
+export default BarnDoors;

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

@@ -0,0 +1,23 @@
+import { type BlendMode, type PropDriver, type TransformConfig, type BoundingBoxConfig } from '../../core';
+import { type ComponentProps } from '../../core/shaders/Bend';
+/**
+ * Define component props including blend mode, opacity, visibility, masking, and transformation
+ */
+interface ExtendedComponentProps extends Partial<ComponentProps> {
+    strength?: ComponentProps['strength'] | PropDriver;
+    falloff?: ComponentProps['falloff'] | PropDriver;
+    angle?: ComponentProps['angle'] | PropDriver;
+    blendMode?: BlendMode;
+    opacity?: number;
+    visible?: boolean;
+    id?: string;
+    maskSource?: string;
+    maskType?: string;
+    renderOrder?: number;
+    transform?: Partial<TransformConfig>;
+    boundingBox?: Partial<BoundingBoxConfig>;
+    children?: import('svelte').Snippet;
+}
+declare const Bend: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type Bend = ReturnType<typeof Bend>;
+export default Bend;

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

@@ -0,0 +1,23 @@
+import { type BlendMode, type PropDriver, type TransformConfig, type BoundingBoxConfig } from '../../core';
+import { type ComponentProps } from '../../core/shaders/BlockDissolve';
+/**
+ * Define component props including blend mode, opacity, visibility, masking, and transformation
+ */
+interface ExtendedComponentProps extends Partial<ComponentProps> {
+    progress?: ComponentProps['progress'] | PropDriver;
+    blockSize?: ComponentProps['blockSize'] | PropDriver;
+    softness?: ComponentProps['softness'] | PropDriver;
+    blendMode?: BlendMode;
+    opacity?: number;
+    visible?: boolean;
+    id?: string;
+    maskSource?: string;
+    maskType?: string;
+    renderOrder?: number;
+    transform?: Partial<TransformConfig>;
+    boundingBox?: Partial<BoundingBoxConfig>;
+    children?: import('svelte').Snippet;
+}
+declare const BlockDissolve: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type BlockDissolve = ReturnType<typeof BlockDissolve>;
+export default BlockDissolve;

package/dist/svelte/components/{DOMTexture.svelte.d.ts → Boids.svelte.d.ts}

@@ -1,5 +1,5 @@
 import { type BlendMode, type TransformConfig, type BoundingBoxConfig } from '../../core';
-import { type ComponentProps } from '../../core/shaders/DOMTexture';
+import { type ComponentProps } from '../../core/shaders/Boids';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */
@@ -15,6 +15,6 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
     boundingBox?: Partial<BoundingBoxConfig>;
     children?: import('svelte').Snippet;
 }
-declare const DOMTexture: import("svelte").Component<ExtendedComponentProps, {}, "">;
-type DOMTexture = ReturnType<typeof DOMTexture>;
-export default DOMTexture;
+declare const Boids: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type Boids = ReturnType<typeof Boids>;
+export default Boids;

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

@@ -0,0 +1,25 @@
+import { type BlendMode, type PropDriver, type TransformConfig, type BoundingBoxConfig } from '../../core';
+import { type ComponentProps } from '../../core/shaders/BokehBlur';
+/**
+ * Define component props including blend mode, opacity, visibility, masking, and transformation
+ */
+interface ExtendedComponentProps extends Partial<ComponentProps> {
+    radius?: ComponentProps['radius'] | PropDriver;
+    highlightGain?: ComponentProps['highlightGain'] | PropDriver;
+    highlightThreshold?: ComponentProps['highlightThreshold'] | PropDriver;
+    bladeRotation?: ComponentProps['bladeRotation'] | PropDriver;
+    chromaticFringe?: ComponentProps['chromaticFringe'] | PropDriver;
+    blendMode?: BlendMode;
+    opacity?: number;
+    visible?: boolean;
+    id?: string;
+    maskSource?: string;
+    maskType?: string;
+    renderOrder?: number;
+    transform?: Partial<TransformConfig>;
+    boundingBox?: Partial<BoundingBoxConfig>;
+    children?: import('svelte').Snippet;
+}
+declare const BokehBlur: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type BokehBlur = ReturnType<typeof BokehBlur>;
+export default BokehBlur;