shaders 2.5.88 → 2.5.90

package/dist/core/shaders/Truchet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Truchet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAsB,MAAM,iBAAiB,CAAA;AAGzE,OAAO,EAAE,cAAc,EAA0C,MAAM,qCAAqC,CAAA;AAS5G,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5C,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5C,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAiFnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/core/shaders/Truchet/index.js

@@ -0,0 +1,4 @@
+import "../../transformations-B5lM6fYX.js";
+import "../../colorMixing-BPpDnR5I.js";
+import { n as componentDefinition, t as Truchet_default } from "../../Truchet-Bz6ETvSS.js";
+export { componentDefinition, Truchet_default as default };

package/dist/core/shaders/Twirl/index.js

@@ -1,5 +1,5 @@
 import "../../edges-CfGcQniB.js";
 import "../../transformations-B5lM6fYX.js";
 import "../../alpha-C4ptedXe.js";
-import { n as componentDefinition, t as Twirl_default } from "../../Twirl-CE2yzv3_.js";
+import { n as componentDefinition, t as Twirl_default } from "../../Twirl-Dk8y9GcM.js";
 export { componentDefinition, Twirl_default as default };

package/dist/core/shaders/Vesica/index.js

@@ -1,5 +1,5 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../colorMixing-BPpDnR5I.js";
-import "../../sdf-CZRX0uur.js";
-import { n as componentDefinition, t as Vesica_default } from "../../Vesica-p8oNtcOH.js";
+import "../../sdf-Bux00UoZ.js";
+import { n as componentDefinition, t as Vesica_default } from "../../Vesica-BELYZ5M8.js";
 export { componentDefinition, Vesica_default as default };

package/dist/core/shaders/Vibrance/index.js

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as Vibrance_default } from "../../Vibrance-CljpZu_J.js";
+import { n as componentDefinition, t as Vibrance_default } from "../../Vibrance-Cdx5A_q2.js";
 export { componentDefinition, Vibrance_default as default };

package/dist/core/shaders/VideoTexture/index.js

@@ -1,3 +1,3 @@
-import "../../browser-CWKHEzb9.js";
-import { n as componentDefinition, t as VideoTexture_default } from "../../VideoTexture-ChFw0jKS.js";
+import "../../browser-CpS3EEFG.js";
+import { n as componentDefinition, t as VideoTexture_default } from "../../VideoTexture-C90aUnt4.js";
 export { componentDefinition, VideoTexture_default as default };

package/dist/core/shaders/Vignette/index.d.ts

@@ -0,0 +1,40 @@
+import { ComponentDefinition } from '../../types';
+import { transformColor, transformPosition } from '../../utilities/transformations';
+
+export interface ComponentProps {
+    /**
+     * Color of the vignette at the edges
+     *
+     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
+     * @default "#000000"
+     */
+    color: Parameters<typeof transformColor>[0];
+    /**
+     * Center of the clear area where the vignette begins
+     *
+     * Accepts `{ x, y }` objects with values from 0 to 1, or CSS positions like `top center`.
+     * @default {"x":0.5,"y":0.5}
+     */
+    center: Parameters<typeof transformPosition>[0];
+    /**
+     * Distance from center where the vignette begins to fade in
+     *
+     * @default 0.5
+     */
+    radius: number;
+    /**
+     * Width of the transition zone from clear to full vignette
+     *
+     * @default 0.5
+     */
+    falloff: number;
+    /**
+     * Strength of the vignette effect
+     *
+     * @default 1
+     */
+    intensity: number;
+}
+export declare const componentDefinition: ComponentDefinition<ComponentProps>;
+export default componentDefinition;
+//# sourceMappingURL=index.d.ts.map

package/dist/core/shaders/Vignette/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Vignette/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAsB,MAAM,iBAAiB,CAAA;AAGzE,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAA;AAEvF,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3C,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;IAC/C,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CA0DnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/core/shaders/Vignette/index.js

@@ -0,0 +1,3 @@
+import "../../transformations-B5lM6fYX.js";
+import { n as componentDefinition, t as Vignette_default } from "../../Vignette-B94FMFBz.js";
+export { componentDefinition, Vignette_default as default };

package/dist/core/shaders/Voronoi/index.d.ts

@@ -0,0 +1,67 @@
+import { ComponentDefinition } from '../../types';
+import { transformColor } from '../../utilities/transformations';
+
+export interface ComponentProps {
+    /**
+     * Color near each cell
+     *
+     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
+     * @default "#3186cf"
+     */
+    colorA: Parameters<typeof transformColor>[0];
+    /**
+     * Color at cell boundaries, far from any center point
+     *
+     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
+     * @default "#fc02dd"
+     */
+    colorB: Parameters<typeof transformColor>[0];
+    /**
+     * Color of the cell boundary lines
+     *
+     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
+     * @default "#000000"
+     */
+    colorBorder: Parameters<typeof transformColor>[0];
+    /**
+     * Number of cells across the canvas
+     *
+     * @default 6
+     */
+    scale: number;
+    /**
+     * Animation speed — how fast the cell points drift
+     *
+     * Accepts a number between 0 and 5.
+     * @default 0.5
+     */
+    speed: number;
+    /**
+     * Random seed — shifts the cell pattern without changing the overall structure
+     *
+     * @default 0
+     */
+    seed: number;
+    /**
+     * Controls how much of the cell interior is filled by the edge color. Low = center color dominates with a sharp boundary. High = edge color spreads further into the cell.
+     *
+     * @default 0.5
+     */
+    edgeIntensity: number;
+    /**
+     * Width of the cell boundary lines.
+     *
+     * @default 0.05
+     */
+    edgeSoftness: number;
+    /**
+     * Color space for color interpolation
+     *
+     * Accepts one of the predefined option values.
+     * @default "oklch"
+     */
+    colorSpace: string;
+}
+export declare const componentDefinition: ComponentDefinition<ComponentProps>;
+export default componentDefinition;
+//# sourceMappingURL=index.d.ts.map

package/dist/core/shaders/Voronoi/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Voronoi/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAsB,MAAM,iBAAiB,CAAA;AAGzE,OAAO,EAAE,cAAc,EAA0C,MAAM,qCAAqC,CAAA;AAU5G,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5C,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5C,WAAW,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IACjD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,EAAE,MAAM,CAAA;IACrB,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAyHnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/core/shaders/Voronoi/index.js

@@ -0,0 +1,5 @@
+import "../../transformations-B5lM6fYX.js";
+import "../../colorMixing-BPpDnR5I.js";
+import "../../time-DUqSFWvT.js";
+import { n as componentDefinition, t as Voronoi_default } from "../../Voronoi-DPWvdZ05.js";
+export { componentDefinition, Voronoi_default as default };

package/dist/core/shaders/WaveDistortion/index.js

@@ -2,5 +2,5 @@ import "../../edges-CfGcQniB.js";
 import "../../transformations-B5lM6fYX.js";
 import "../../alpha-C4ptedXe.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-BSt0JJbk.js";
+import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-C7mIgJok.js";
 export { componentDefinition, WaveDistortion_default as default };

package/dist/core/shaders/Weave/index.d.ts

@@ -0,0 +1,40 @@
+import { ComponentDefinition } from '../../types';
+import { transformColor } from '../../utilities/transformations';
+
+export interface ComponentProps {
+    /**
+     * Horizontal thread color
+     *
+     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
+     * @default "#c4c4c4"
+     */
+    colorA: Parameters<typeof transformColor>[0];
+    /**
+     * Vertical thread color
+     *
+     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
+     * @default "#4d4d4d"
+     */
+    colorB: Parameters<typeof transformColor>[0];
+    /**
+     * Number of threads across the shortest canvas edge
+     *
+     * @default 10
+     */
+    cells: number;
+    /**
+     * Gap between threads (0 = no gap, 0.5 = maximum gap)
+     *
+     * @default 0.25
+     */
+    gap: number;
+    /**
+     * Rotation of the weave pattern in degrees
+     *
+     * @default 0
+     */
+    rotation: number;
+}
+export declare const componentDefinition: ComponentDefinition<ComponentProps>;
+export default componentDefinition;
+//# sourceMappingURL=index.d.ts.map

package/dist/core/shaders/Weave/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Weave/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAsB,MAAM,iBAAiB,CAAA;AAGzE,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAEpE,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5C,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5C,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CA0FnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/core/shaders/Weave/index.js

@@ -0,0 +1,3 @@
+import "../../transformations-B5lM6fYX.js";
+import { n as componentDefinition, t as Weave_default } from "../../Weave-DzZv1-19.js";
+export { componentDefinition, Weave_default as default };

package/dist/core/shaders/WebcamTexture/index.js

@@ -1,3 +1,3 @@
-import "../../browser-CWKHEzb9.js";
-import { n as componentDefinition, t as WebcamTexture_default } from "../../WebcamTexture-CF1nwkNG.js";
+import "../../browser-CpS3EEFG.js";
+import { n as componentDefinition, t as WebcamTexture_default } from "../../WebcamTexture-7SK_C_Xf.js";
 export { componentDefinition, WebcamTexture_default as default };

package/dist/core/shaders/ZoomBlur/index.js

@@ -1,4 +1,4 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../alpha-C4ptedXe.js";
-import { n as componentDefinition, t as ZoomBlur_default } from "../../ZoomBlur-CAeswzf5.js";
+import { n as componentDefinition, t as ZoomBlur_default } from "../../ZoomBlur-DUcqnggc.js";
 export { componentDefinition, ZoomBlur_default as default };

package/dist/core/telemetry/index.js

@@ -1,5 +1,5 @@
 const TELEMETRY_CONFIG = {
-	samplingRate: .01,
+	samplingRate: .05,
 	collectionDuration: 5e3,
 	warmupDuration: 500,
 	sampleInterval: 500,

package/dist/js/createShader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createShader.d.ts","sourceRoot":"","sources":["../src/createShader.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAmB,MAAM,cAAc,CAAA;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAa5D;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAsB,YAAY,CAChC,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,YAAY,EACpB,OAAO,CAAC,EAAE,aAAa,GACtB,OAAO,CAAC,cAAc,CAAC,CA0OzB"}
+{"version":3,"file":"createShader.d.ts","sourceRoot":"","sources":["../src/createShader.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAmB,MAAM,cAAc,CAAA;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAa5D;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAsB,YAAY,CAChC,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,YAAY,EACpB,OAAO,CAAC,EAAE,aAAa,GACtB,OAAO,CAAC,cAAc,CAAC,CAyOzB"}

package/dist/js/createShader.js

@@ -1,6 +1,6 @@
 import { createUniformsMap, shaderRenderer } from "../core/index.js";
 import { getAllShaders } from "../core/registry.js";
-import { isExternalUser, shouldCollectTelemetry, startTelemetry } from "../core/telemetry/index.js";
+import { isExternalUser, startTelemetry } from "../core/telemetry/index.js";
 import { vec4 } from "three/tsl";
 var METADATA_PROPS = new Set([
 	"opacity",
@@ -38,10 +38,10 @@ async function createShader(canvas, preset, options) {
 	});
 	let telemetryCollector = null;
 	let telemetryStartTimeout = null;
-	if (isExternalUser() && shouldCollectTelemetry(options?.disableTelemetry || false, options?.isPreview || false)) {
+	if (isExternalUser()) {
 		const checkRendering = () => {
 			if (renderer.getPerformanceStats().fps > 0) {
-				telemetryCollector = startTelemetry(renderer, "2.5.88", options?.disableTelemetry || false, false);
+				telemetryCollector = startTelemetry(renderer, "2.5.90", options?.disableTelemetry || false, false);
 				if (telemetryCollector) telemetryCollector.start();
 				telemetryStartTimeout = null;
 			} else telemetryStartTimeout = setTimeout(checkRendering, 500);

package/dist/js/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;AAkvCD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAoBlG;AAGD,eAAO,MAAM,mBAAmB,UA8F/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;AAo3CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAoBlG;AAGD,eAAO,MAAM,mBAAmB,UAwG/B,CAAA"}

package/dist/js/utils/generatePresetCode.js

@@ -178,6 +178,19 @@ var shaderMetadata = {
 			"y": .5
 		}
 	},
+	"ConicGradient": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#FF0080",
+		"colorB": "#00BFFF",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"rotation": 0,
+		"repeat": 1,
+		"colorSpace": "oklch"
+	},
 	"ContourLines": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -284,6 +297,21 @@ var shaderMetadata = {
 		"shrink": 1,
 		"colorSpace": "linear"
 	},
+	"DiamondGradient": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#4ffb4a",
+		"colorB": "#4f1238",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"size": .7,
+		"rotation": 0,
+		"repeat": 1,
+		"roundness": 0,
+		"colorSpace": "oklch"
+	},
 	"DiffuseBlur": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -309,6 +337,15 @@ var shaderMetadata = {
 		"dotSize": .3,
 		"twinkle": 0
 	},
+	"DropShadow": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"color": "#000000",
+		"distance": .1,
+		"angle": 135,
+		"blur": 5,
+		"intensity": .5
+	},
 	"Duotone": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -512,7 +549,8 @@ var shaderMetadata = {
 		"blendMode": "normal",
 		"color": "#ffffff",
 		"cells": 10,
-		"thickness": 1
+		"thickness": 1,
+		"rotation": 0
 	},
 	"GridDistortion": {
 		"opacity": 1,
@@ -534,6 +572,15 @@ var shaderMetadata = {
 		"angle": 45,
 		"smoothness": .1
 	},
+	"HexGrid": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#000000",
+		"colorB": "#ffffff",
+		"cells": 8,
+		"thickness": 1,
+		"colorSpace": "linear"
+	},
 	"HueShift": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -626,6 +673,36 @@ var shaderMetadata = {
 		"angle": 0,
 		"edges": "mirror"
 	},
+	"MultiPointGradient": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#4776E6",
+		"positionA": {
+			"x": .2,
+			"y": .2
+		},
+		"colorB": "#C44DFF",
+		"positionB": {
+			"x": .8,
+			"y": .2
+		},
+		"colorC": "#1ABC9C",
+		"positionC": {
+			"x": .2,
+			"y": .8
+		},
+		"colorD": "#F8BBD9",
+		"positionD": {
+			"x": .8,
+			"y": .8
+		},
+		"colorE": "#FF8C42",
+		"positionE": {
+			"x": .5,
+			"y": .5
+		},
+		"smoothness": 2
+	},
 	"Neon": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -754,6 +831,9 @@ var shaderMetadata = {
 			"y": .5
 		},
 		"radius": 1,
+		"repeat": 1,
+		"aspect": 1,
+		"skewAngle": 0,
 		"colorSpace": "linear"
 	},
 	"RectangularCoordinates": {
@@ -865,6 +945,12 @@ var shaderMetadata = {
 		"thickness": .2,
 		"softness": .4
 	},
+	"Solarize": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"threshold": .5,
+		"strength": 1
+	},
 	"SolidColor": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1047,6 +1133,16 @@ var shaderMetadata = {
 		"blendMid": .5,
 		"colorSpace": "linear"
 	},
+	"Truchet": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#000000",
+		"colorB": "#ffffff",
+		"cells": 10,
+		"thickness": 2,
+		"seed": 0,
+		"colorSpace": "linear"
+	},
 	"Twirl": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1086,6 +1182,31 @@ var shaderMetadata = {
 		"objectFit": "cover",
 		"loop": true
 	},
+	"Vignette": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"color": "#000000",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"radius": .5,
+		"falloff": .5,
+		"intensity": 1
+	},
+	"Voronoi": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#3186cf",
+		"colorB": "#fc02dd",
+		"colorBorder": "#000000",
+		"scale": 6,
+		"speed": .5,
+		"seed": 0,
+		"edgeIntensity": .5,
+		"edgeSoftness": .05,
+		"colorSpace": "oklch"
+	},
 	"WaveDistortion": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1096,6 +1217,15 @@ var shaderMetadata = {
 		"waveType": "sine",
 		"edges": "stretch"
 	},
+	"Weave": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#c4c4c4",
+		"colorB": "#4d4d4d",
+		"cells": 10,
+		"gap": .25,
+		"rotation": 0
+	},
 	"WebcamTexture": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1208,15 +1338,18 @@ const availableComponents = [
 	"ChromaticAberration",
 	"Circle",
 	"ConcentricSpin",
+	"ConicGradient",
 	"ContourLines",
 	"Crescent",
 	"Cross",
 	"Crystal",
 	"CursorRipples",
 	"CursorTrail",
+	"DiamondGradient",
 	"DiffuseBlur",
 	"Dither",
 	"DotGrid",
+	"DropShadow",
 	"Duotone",
 	"Ellipse",
 	"Emboss",
@@ -1237,6 +1370,7 @@ const availableComponents = [
 	"GridDistortion",
 	"Group",
 	"Halftone",
+	"HexGrid",
 	"HueShift",
 	"ImageTexture",
 	"Invert",
@@ -1246,6 +1380,7 @@ const availableComponents = [
 	"LinearGradient",
 	"Liquify",
 	"Mirror",
+	"MultiPointGradient",
 	"Neon",
 	"Paper",
 	"Perspective",
@@ -1265,6 +1400,7 @@ const availableComponents = [
 	"Shatter",
 	"SimplexNoise",
 	"SineWave",
+	"Solarize",
 	"SolidColor",
 	"Spherize",
 	"Spiral",
@@ -1278,11 +1414,15 @@ const availableComponents = [
 	"Tint",
 	"Trapezoid",
 	"Tritone",
+	"Truchet",
 	"Twirl",
 	"Vesica",
 	"Vibrance",
 	"VideoTexture",
+	"Vignette",
+	"Voronoi",
 	"WaveDistortion",
+	"Weave",
 	"WebcamTexture",
 	"ZoomBlur"
 ];