shaders 2.2.42 → 2.2.44

package/dist/core/WebcamTexture-D4Uv7Plz.js

@@ -0,0 +1,168 @@
+import { SRGBColorSpace, VideoTexture } from "three/webgpu";
+import { float, max, min, or, screenUV, select, step, texture, uniform, vec2, vec4, viewportSize } from "three/tsl";
+const componentDefinition = {
+	name: "WebcamTexture",
+	category: "Base Layers",
+	description: "Display a live webcam feed with customizable object-fit modes",
+	props: {
+		objectFit: {
+			default: "cover",
+			description: "How the webcam feed should be sized within the viewport",
+			transform: (value) => {
+				return {
+					"cover": 0,
+					"contain": 1,
+					"fill": 2,
+					"scale-down": 3,
+					"none": 4
+				}[value] ?? 0;
+			},
+			ui: {
+				type: "select",
+				options: [
+					{
+						label: "Cover",
+						value: "cover"
+					},
+					{
+						label: "Contain",
+						value: "contain"
+					},
+					{
+						label: "Fill",
+						value: "fill"
+					},
+					{
+						label: "Scale Down",
+						value: "scale-down"
+					},
+					{
+						label: "None",
+						value: "none"
+					}
+				],
+				label: "Object Fit"
+			}
+		},
+		mirror: {
+			default: true,
+			description: "Mirror the webcam feed horizontally (selfie mode)",
+			ui: {
+				type: "checkbox",
+				label: "Mirror"
+			}
+		}
+	},
+	fragmentNode: ({ uniforms, onCleanup }) => {
+		const baseUV = screenUV;
+		let mediaStream = null;
+		let videoElement = null;
+		let videoTexture = null;
+		let isInitialized = false;
+		let isDisposed = false;
+		const videoAspectUniform = uniform(1);
+		const videoWidthUniform = uniform(640);
+		const videoHeightUniform = uniform(480);
+		const placeholderVideo = document.createElement("video");
+		placeholderVideo.playsInline = true;
+		placeholderVideo.muted = true;
+		videoTexture = new VideoTexture(placeholderVideo);
+		videoTexture.colorSpace = SRGBColorSpace;
+		const textureNode = texture(videoTexture);
+		const startWebcam = async () => {
+			if (isInitialized || isDisposed) return;
+			try {
+				mediaStream = await navigator.mediaDevices.getUserMedia({
+					video: {
+						width: { ideal: 1280 },
+						height: { ideal: 720 },
+						facingMode: "user"
+					},
+					audio: false
+				});
+				if (isDisposed) {
+					mediaStream.getTracks().forEach((track) => track.stop());
+					mediaStream = null;
+					return;
+				}
+				videoElement = document.createElement("video");
+				videoElement.srcObject = mediaStream;
+				videoElement.playsInline = true;
+				videoElement.muted = true;
+				await new Promise((resolve, reject) => {
+					if (!videoElement) return reject(/* @__PURE__ */ new Error("Video element not created"));
+					videoElement.onloadedmetadata = () => {
+						resolve();
+					};
+					videoElement.onerror = () => {
+						reject(/* @__PURE__ */ new Error("Failed to load video metadata"));
+					};
+				});
+				if (isDisposed) return;
+				await videoElement.play();
+				if (isDisposed) return;
+				const width = videoElement.videoWidth || 640;
+				const height = videoElement.videoHeight || 480;
+				videoAspectUniform.value = width / height;
+				videoWidthUniform.value = width;
+				videoHeightUniform.value = height;
+				if (videoTexture) videoTexture.dispose();
+				videoTexture = new VideoTexture(videoElement);
+				videoTexture.colorSpace = SRGBColorSpace;
+				textureNode.value = videoTexture;
+				isInitialized = true;
+				console.log(`[WebcamTexture] Webcam started: ${width}x${height}`);
+			} catch (error) {
+				if (error instanceof DOMException) if (error.name === "NotAllowedError") console.error("[WebcamTexture] Camera permission denied by user");
+				else if (error.name === "NotFoundError") console.error("[WebcamTexture] No camera found on this device");
+				else if (error.name === "NotReadableError") console.error("[WebcamTexture] Camera is already in use by another application");
+				else console.error("[WebcamTexture] Camera error:", error.message);
+				else console.error("[WebcamTexture] Failed to start webcam:", error);
+			}
+		};
+		startWebcam();
+		onCleanup(() => {
+			isDisposed = true;
+			if (mediaStream) {
+				mediaStream.getTracks().forEach((track) => track.stop());
+				mediaStream = null;
+			}
+			if (videoTexture) {
+				videoTexture.dispose();
+				videoTexture = null;
+			}
+			if (videoElement) {
+				videoElement.srcObject = null;
+				videoElement = null;
+			}
+			placeholderVideo.srcObject = null;
+			isInitialized = false;
+		});
+		const uv$1 = baseUV;
+		const viewportAspect = viewportSize.x.div(viewportSize.y);
+		const objectFitMode = uniforms.objectFit.uniform;
+		const coverScale = max(viewportAspect.div(videoAspectUniform), float(1));
+		const coverUVScale = vec2(videoAspectUniform.div(viewportAspect).mul(coverScale), coverScale);
+		const containScale = min(viewportAspect.div(videoAspectUniform), float(1));
+		const containUVScale = vec2(videoAspectUniform.div(viewportAspect).mul(containScale), containScale);
+		const fillUVScale = vec2(1, 1);
+		const scaleDownScale = min(min(viewportAspect.div(videoAspectUniform), float(1)), min(viewportSize.x.div(videoWidthUniform), viewportSize.y.div(videoHeightUniform)));
+		const scaleDownUVScale = vec2(videoAspectUniform.div(viewportAspect).mul(scaleDownScale), scaleDownScale);
+		const noneScale = min(viewportSize.x.div(videoWidthUniform), viewportSize.y.div(videoHeightUniform));
+		const noneUVScale = vec2(videoAspectUniform.div(viewportAspect).mul(noneScale), noneScale);
+		const isCover = step(objectFitMode, float(.5));
+		const isContain = step(float(.5), objectFitMode).mul(step(objectFitMode, float(1.5)));
+		const isFill = step(float(1.5), objectFitMode).mul(step(objectFitMode, float(2.5)));
+		const isScaleDown = step(float(2.5), objectFitMode).mul(step(objectFitMode, float(3.5)));
+		const isNone = step(float(3.5), objectFitMode);
+		const uvScale = vec2(0).add(coverUVScale.mul(isCover)).add(containUVScale.mul(isContain)).add(fillUVScale.mul(isFill)).add(scaleDownUVScale.mul(isScaleDown)).add(noneUVScale.mul(isNone));
+		const adjustedUV = uv$1.sub(vec2(.5)).div(uvScale).add(vec2(.5));
+		const mirrorMode = uniforms.mirror.uniform;
+		const finalUV = vec2(select(mirrorMode, float(1).sub(adjustedUV.x), adjustedUV.x), float(1).sub(adjustedUV.y));
+		const sampledColor = textureNode.sample(finalUV);
+		const isOutOfBounds = or(or(finalUV.x.lessThan(0), finalUV.x.greaterThan(1)), or(finalUV.y.lessThan(0), finalUV.y.greaterThan(1)));
+		return vec4(sampledColor.rgb, select(isOutOfBounds, float(0), sampledColor.a));
+	}
+};
+var WebcamTexture_default = componentDefinition;
+export { componentDefinition as n, WebcamTexture_default as t };

package/dist/core/index.d.ts

@@ -16,6 +16,4 @@ export { edgeMask } from './helpers/edgeMask';
 export type { UniformsMap, PropConfig, NodeMetadata, MaskConfig, TransformConfig } from './types';
 export type { BlendMode } from './blendModes';
 export type { PerformanceStats } from './performanceTracker';
-export { shaderRegistry, getAllShaders, getShaderByName, getShadersByCategory, getShaderCategories } from './shaderRegistry';
-export type { ShaderRegistryEntry } from './shaderRegistry';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAG3C,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AACrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAG1D,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAG7C,YAAY,EAAC,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAC/F,YAAY,EAAC,SAAS,EAAC,MAAM,cAAc,CAAA;AAC3C,YAAY,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAA;AAG1D,OAAO,EACL,cAAc,EACd,aAAa,EACb,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,kBAAkB,CAAA;AACzB,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAG3C,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AACrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAG1D,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAG7C,YAAY,EAAC,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAC/F,YAAY,EAAC,SAAS,EAAC,MAAM,cAAc,CAAA;AAC3C,YAAY,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAA"}

package/dist/core/index.js

@@ -1,68 +1,6 @@
 import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
 import { a as transformColorUpdate, c as transformPositionUpdate, r as transformColor, s as transformPosition } from "./transformations-YbhRK-rd.js";
 import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
-import { n as componentDefinition } from "./AngularBlur-CuwAjUOA.js";
-import { n as componentDefinition$1 } from "./Ascii-Dxk6VaBp.js";
-import "./colorMixing-CZPFmiT4.js";
-import { n as componentDefinition$2 } from "./Beam-CbG4MkLo.js";
-import { n as componentDefinition$3 } from "./Blob-Ck1tVOL_.js";
-import { n as componentDefinition$4 } from "./Blur-k37gOaRA.js";
-import { n as componentDefinition$5 } from "./BrightnessContrast-CaErceqR.js";
-import { n as componentDefinition$6 } from "./Bulge-BVcWo6On.js";
-import { n as componentDefinition$7 } from "./ChannelBlur-CQoP7Igg.js";
-import { n as componentDefinition$8 } from "./Checkerboard-D_hGvoO7.js";
-import { n as componentDefinition$9 } from "./ChromaFlow-DizYQSgf.js";
-import { n as componentDefinition$10 } from "./ChromaticAberration-Bk_DMYJm.js";
-import { n as componentDefinition$11 } from "./Circle-BlVzkeyl.js";
-import { n as componentDefinition$12 } from "./CRTScreen-CcAYeqoI.js";
-import { n as componentDefinition$13 } from "./CursorTrail-CxXWV7KH.js";
-import { n as componentDefinition$14 } from "./DiffuseBlur-BTSRl65K.js";
-import { n as componentDefinition$15 } from "./Dither-C1KyBYuE.js";
-import { n as componentDefinition$16 } from "./DotGrid-ll8XCA0p.js";
-import { n as componentDefinition$17 } from "./Duotone-d2gQJr4M.js";
-import { n as componentDefinition$18 } from "./FilmGrain-3h6TIe1T.js";
-import { n as componentDefinition$19 } from "./FloatingParticles-D95-rj4h.js";
-import { n as componentDefinition$20 } from "./GlassTiles-DqT67iqr.js";
-import { n as componentDefinition$21 } from "./Glow-BYNKuw0E.js";
-import { n as componentDefinition$22 } from "./Godrays-DCk1c8sQ.js";
-import { n as componentDefinition$23 } from "./Grayscale-BH3tLDGN.js";
-import { n as componentDefinition$24 } from "./Grid-CdslWvoH.js";
-import { n as componentDefinition$25 } from "./GridDistortion-D-iiGELF.js";
-import { n as componentDefinition$26 } from "./Group-ByGv48Lm.js";
-import { n as componentDefinition$27 } from "./Halftone-CV0aFuRG.js";
-import { n as componentDefinition$28 } from "./HueShift-DQ2WgImx.js";
-import { n as componentDefinition$29 } from "./ImageTexture-DKFb8ze3.js";
-import { n as componentDefinition$30 } from "./Invert-w9duGaUu.js";
-import { n as componentDefinition$31 } from "./LinearBlur-CTXjolzL.js";
-import { n as componentDefinition$32 } from "./LinearGradient-CZo6e7r8.js";
-import { n as componentDefinition$33 } from "./Liquify-BbfDBMNZ.js";
-import { n as componentDefinition$34 } from "./Perspective-CSP2Hb16.js";
-import { n as componentDefinition$35 } from "./Pixelate-BAoi-CSx.js";
-import { n as componentDefinition$36 } from "./PolarCoordinates-BwN9HhFK.js";
-import { n as componentDefinition$37 } from "./Posterize-XoAqPWv2.js";
-import { n as componentDefinition$38 } from "./ProgressiveBlur-RuAm_BKx.js";
-import { n as componentDefinition$39 } from "./RadialGradient-BfFuRbIl.js";
-import { n as componentDefinition$40 } from "./RectangularCoordinates-CiW3J4UT.js";
-import { n as componentDefinition$41 } from "./Ripples-DKBIp3Qq.js";
-import { n as componentDefinition$42 } from "./Saturation-DVVlpikK.js";
-import { n as componentDefinition$43 } from "./Sharpness-cw57bW0s.js";
-import { n as componentDefinition$44 } from "./Shatter-COjV2jLy.js";
-import { n as componentDefinition$45 } from "./SimplexNoise-Ce79jgYM.js";
-import { n as componentDefinition$46 } from "./SineWave-Cv2gOU8a.js";
-import { n as componentDefinition$47 } from "./SolidColor-DFkDBFq3.js";
-import { n as componentDefinition$48 } from "./Spherize-R-s4pX9t.js";
-import { n as componentDefinition$49 } from "./Spiral-W4dALX1z.js";
-import { n as componentDefinition$50 } from "./Strands-DtN5POfO.js";
-import { n as componentDefinition$51 } from "./Stretch-BzvP_hdu.js";
-import { n as componentDefinition$52 } from "./Stripes-BbNFX05u.js";
-import { n as componentDefinition$53 } from "./Swirl-CfsYsr4X.js";
-import { n as componentDefinition$54 } from "./TiltShift-B6gbm7Z8.js";
-import { n as componentDefinition$55 } from "./Tint-CpnitsHw.js";
-import { n as componentDefinition$56 } from "./Tritone-DzvSKVfR.js";
-import { n as componentDefinition$57 } from "./Twirl-BXH4uAd6.js";
-import { n as componentDefinition$58 } from "./Vibrance-ByN9bRgU.js";
-import { n as componentDefinition$59 } from "./WaveDistortion-BA1PyqYH.js";
-import { n as componentDefinition$60 } from "./ZoomBlur-CTrw7HxX.js";
 import { Material, Mesh, MeshBasicNodeMaterial, OrthographicCamera, PlaneGeometry, SRGBColorSpace, Scene, WebGPURenderer } from "three/webgpu";
 import { WebGLRenderer } from "three";
 import { PI, abs, add, atan, convertToTexture, cos, div, dot, float, fract, max, min, mix, mul, pow, screenUV, sin, smoothstep, sqrt, step, sub, time, uniform, uv, vec2, vec3, vec4 } from "three/tsl";
@@ -1089,7 +1027,7 @@ function shaderRenderer() {
 			}
 		}
 	};
-	const registerNode = (id, fragmentNodeFunc, parentId, metadata, uniforms = {}, componentDefinition$61) => {
+	const registerNode = (id, fragmentNodeFunc, parentId, metadata, uniforms = {}, componentDefinition) => {
 		if (fragmentNodeFunc === null) {
 			const queueIndex = pendingRegistrationQueue.findIndex((item) => item.id === id);
 			if (queueIndex !== -1) {
@@ -1107,7 +1045,7 @@ function shaderRenderer() {
 				parentId,
 				metadata,
 				uniforms,
-				componentDefinition: componentDefinition$61
+				componentDefinition
 			};
 			else pendingRegistrationQueue.push({
 				id,
@@ -1115,7 +1053,7 @@ function shaderRenderer() {
 				parentId,
 				metadata,
 				uniforms,
-				componentDefinition: componentDefinition$61
+				componentDefinition
 			});
 			return;
 		}
@@ -1148,11 +1086,11 @@ function shaderRenderer() {
 		}
 		const nodeInfo = {
 			id,
-			componentName: componentDefinition$61?.name || "Unknown",
+			componentName: componentDefinition?.name || "Unknown",
 			fragmentNodeFunc,
 			parentId,
-			requiresRTT: componentDefinition$61?.requiresRTT || false,
-			requiresChild: componentDefinition$61?.requiresChild || false,
+			requiresRTT: componentDefinition?.requiresRTT || false,
+			requiresChild: componentDefinition?.requiresChild || false,
 			opacityUniform,
 			metadata: {
 				blendMode: metadata?.blendMode || "normal",
@@ -1468,7 +1406,7 @@ function shaderRenderer() {
 		if (pendingRegistrationQueue.length === 0) return;
 		const queue = [...pendingRegistrationQueue];
 		pendingRegistrationQueue = [];
-		for (const { id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition: componentDefinition$61 } of queue) if (fragmentNodeFunc) registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition$61);
+		for (const { id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition } of queue) if (fragmentNodeFunc) registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition);
 	};
 	const initialize = async ({ canvas, enablePerformanceTracking: enableTracking = false }) => {
 		if (isInitialized || isInitializing) return;
@@ -1760,102 +1698,4 @@ const edgeMask = (options = {}) => {
 	const ovalDistance = ovalX.mul(ovalX).add(ovalY.mul(ovalY)).sqrt();
 	return float(1).sub(smoothstep(float(1).sub(float(inset)), float(1).sub(float(inset)).add(float(softness)), ovalDistance.mul(float(1).add(float(softness)))));
 };
-var createShaderRegistry = () => {
-	const registry = {};
-	const shaderDefinitions = {
-		AngularBlur: componentDefinition,
-		Ascii: componentDefinition$1,
-		Beam: componentDefinition$2,
-		Blob: componentDefinition$3,
-		Blur: componentDefinition$4,
-		BrightnessContrast: componentDefinition$5,
-		Bulge: componentDefinition$6,
-		ChannelBlur: componentDefinition$7,
-		Checkerboard: componentDefinition$8,
-		ChromaFlow: componentDefinition$9,
-		ChromaticAberration: componentDefinition$10,
-		Circle: componentDefinition$11,
-		CRTScreen: componentDefinition$12,
-		CursorTrail: componentDefinition$13,
-		DiffuseBlur: componentDefinition$14,
-		Dither: componentDefinition$15,
-		DotGrid: componentDefinition$16,
-		Duotone: componentDefinition$17,
-		FilmGrain: componentDefinition$18,
-		FloatingParticles: componentDefinition$19,
-		GlassTiles: componentDefinition$20,
-		Glow: componentDefinition$21,
-		Godrays: componentDefinition$22,
-		Grayscale: componentDefinition$23,
-		Grid: componentDefinition$24,
-		GridDistortion: componentDefinition$25,
-		Group: componentDefinition$26,
-		Halftone: componentDefinition$27,
-		HueShift: componentDefinition$28,
-		ImageTexture: componentDefinition$29,
-		Invert: componentDefinition$30,
-		LinearBlur: componentDefinition$31,
-		LinearGradient: componentDefinition$32,
-		Liquify: componentDefinition$33,
-		Perspective: componentDefinition$34,
-		Pixelate: componentDefinition$35,
-		PolarCoordinates: componentDefinition$36,
-		Posterize: componentDefinition$37,
-		ProgressiveBlur: componentDefinition$38,
-		RadialGradient: componentDefinition$39,
-		RectangularCoordinates: componentDefinition$40,
-		Ripples: componentDefinition$41,
-		Saturation: componentDefinition$42,
-		Sharpness: componentDefinition$43,
-		Shatter: componentDefinition$44,
-		SimplexNoise: componentDefinition$45,
-		SineWave: componentDefinition$46,
-		SolidColor: componentDefinition$47,
-		Spherize: componentDefinition$48,
-		Spiral: componentDefinition$49,
-		Strands: componentDefinition$50,
-		Stretch: componentDefinition$51,
-		Stripes: componentDefinition$52,
-		Swirl: componentDefinition$53,
-		TiltShift: componentDefinition$54,
-		Tint: componentDefinition$55,
-		Tritone: componentDefinition$56,
-		Twirl: componentDefinition$57,
-		Vibrance: componentDefinition$58,
-		WaveDistortion: componentDefinition$59,
-		ZoomBlur: componentDefinition$60
-	};
-	Object.entries(shaderDefinitions).forEach(([fileName, def]) => {
-		const propsMetadata = {};
-		if (def.props) Object.entries(def.props).forEach(([propName, propConfig]) => {
-			if (propConfig.ui) propsMetadata[propName] = {
-				ui: propConfig.ui,
-				default: propConfig.default,
-				description: propConfig.description
-			};
-		});
-		registry[def.name] = {
-			name: def.name,
-			fileName,
-			category: def.category || "Uncategorized",
-			definition: def,
-			propsMetadata
-		};
-	});
-	return registry;
-};
-const shaderRegistry = createShaderRegistry();
-function getAllShaders() {
-	return Object.values(shaderRegistry);
-}
-function getShaderByName(name) {
-	return shaderRegistry[name];
-}
-function getShadersByCategory(category) {
-	return Object.values(shaderRegistry).filter((shader) => shader.category === category);
-}
-function getShaderCategories() {
-	const categories = new Set(Object.values(shaderRegistry).map((shader) => shader.category));
-	return Array.from(categories).sort();
-}
-export { createAnimatedTime, createUniformsMap, distort, edgeMask, getAllShaders, getShaderByName, getShaderCategories, getShadersByCategory, glow, grain, resolveMaskDependencies, shaderRegistry, shaderRenderer, updateUniformValue };
+export { createAnimatedTime, createUniformsMap, distort, edgeMask, glow, grain, resolveMaskDependencies, shaderRenderer, updateUniformValue };

package/dist/core/registry.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Shader Registry - imports all shader definitions
+ *
+ * Import from 'shaders-core/registry' to access the full shader registry.
+ * Note: This will bundle all shader definitions into your app.
+ * Only import this if you need dynamic access to all shaders.
+ */
+export { shaderRegistry, getAllShaders, getShaderByName, getShadersByCategory, getShaderCategories } from './shaderRegistry';
+export type { ShaderRegistryEntry } from './shaderRegistry';
+//# sourceMappingURL=registry.d.ts.map

package/dist/core/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../src/registry.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EACL,cAAc,EACd,aAAa,EACb,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,kBAAkB,CAAA;AAEzB,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/core/registry.js

@@ -0,0 +1,166 @@
+import "./edges-Bd7GP4s2.js";
+import "./transformations-YbhRK-rd.js";
+import "./time-BZqyVJXt.js";
+import { n as componentDefinition } from "./AngularBlur-CuwAjUOA.js";
+import { n as componentDefinition$1 } from "./Ascii-Dxk6VaBp.js";
+import "./colorMixing-CZPFmiT4.js";
+import { n as componentDefinition$2 } from "./Beam-CbG4MkLo.js";
+import { n as componentDefinition$3 } from "./Blob-Ck1tVOL_.js";
+import { n as componentDefinition$4 } from "./Blur-k37gOaRA.js";
+import { n as componentDefinition$5 } from "./BrightnessContrast-CaErceqR.js";
+import { n as componentDefinition$6 } from "./Bulge-BVcWo6On.js";
+import { n as componentDefinition$7 } from "./ChannelBlur-CQoP7Igg.js";
+import { n as componentDefinition$8 } from "./Checkerboard-D_hGvoO7.js";
+import { n as componentDefinition$9 } from "./ChromaFlow-DizYQSgf.js";
+import { n as componentDefinition$10 } from "./ChromaticAberration-Bk_DMYJm.js";
+import { n as componentDefinition$11 } from "./Circle-BlVzkeyl.js";
+import { n as componentDefinition$12 } from "./CRTScreen-CcAYeqoI.js";
+import { n as componentDefinition$13 } from "./CursorTrail-CxXWV7KH.js";
+import { n as componentDefinition$14 } from "./DiffuseBlur-BTSRl65K.js";
+import { n as componentDefinition$15 } from "./Dither-C1KyBYuE.js";
+import { n as componentDefinition$16 } from "./DotGrid-ll8XCA0p.js";
+import { n as componentDefinition$17 } from "./Duotone-d2gQJr4M.js";
+import { n as componentDefinition$18 } from "./FilmGrain-3h6TIe1T.js";
+import { n as componentDefinition$19 } from "./FloatingParticles-D95-rj4h.js";
+import { n as componentDefinition$20 } from "./GlassTiles-DqT67iqr.js";
+import { n as componentDefinition$21 } from "./Glow-BYNKuw0E.js";
+import { n as componentDefinition$22 } from "./Godrays-DCk1c8sQ.js";
+import { n as componentDefinition$23 } from "./Grayscale-BH3tLDGN.js";
+import { n as componentDefinition$24 } from "./Grid-CdslWvoH.js";
+import { n as componentDefinition$25 } from "./GridDistortion-D-iiGELF.js";
+import { n as componentDefinition$26 } from "./Group-ByGv48Lm.js";
+import { n as componentDefinition$27 } from "./Halftone-CV0aFuRG.js";
+import { n as componentDefinition$28 } from "./HueShift-DQ2WgImx.js";
+import { n as componentDefinition$29 } from "./ImageTexture-DKFb8ze3.js";
+import { n as componentDefinition$30 } from "./Invert-w9duGaUu.js";
+import { n as componentDefinition$31 } from "./LinearBlur-CTXjolzL.js";
+import { n as componentDefinition$32 } from "./LinearGradient-CZo6e7r8.js";
+import { n as componentDefinition$33 } from "./Liquify-BbfDBMNZ.js";
+import { n as componentDefinition$34 } from "./Perspective-CSP2Hb16.js";
+import { n as componentDefinition$35 } from "./Pixelate-BAoi-CSx.js";
+import { n as componentDefinition$36 } from "./PolarCoordinates-BwN9HhFK.js";
+import { n as componentDefinition$37 } from "./Posterize-XoAqPWv2.js";
+import { n as componentDefinition$38 } from "./ProgressiveBlur-RuAm_BKx.js";
+import { n as componentDefinition$39 } from "./RadialGradient-BfFuRbIl.js";
+import { n as componentDefinition$40 } from "./RectangularCoordinates-CiW3J4UT.js";
+import { n as componentDefinition$41 } from "./Ripples-DKBIp3Qq.js";
+import { n as componentDefinition$42 } from "./Saturation-DVVlpikK.js";
+import { n as componentDefinition$43 } from "./Sharpness-cw57bW0s.js";
+import { n as componentDefinition$44 } from "./Shatter-COjV2jLy.js";
+import { n as componentDefinition$45 } from "./SimplexNoise-Ce79jgYM.js";
+import { n as componentDefinition$46 } from "./SineWave-Cv2gOU8a.js";
+import { n as componentDefinition$47 } from "./SolidColor-DFkDBFq3.js";
+import { n as componentDefinition$48 } from "./Spherize-R-s4pX9t.js";
+import { n as componentDefinition$49 } from "./Spiral-W4dALX1z.js";
+import { n as componentDefinition$50 } from "./Strands-DtN5POfO.js";
+import { n as componentDefinition$51 } from "./Stretch-BzvP_hdu.js";
+import { n as componentDefinition$52 } from "./Stripes-BbNFX05u.js";
+import { n as componentDefinition$53 } from "./Swirl-CfsYsr4X.js";
+import { n as componentDefinition$54 } from "./TiltShift-B6gbm7Z8.js";
+import { n as componentDefinition$55 } from "./Tint-CpnitsHw.js";
+import { n as componentDefinition$56 } from "./Tritone-DzvSKVfR.js";
+import { n as componentDefinition$57 } from "./Twirl-BXH4uAd6.js";
+import { n as componentDefinition$58 } from "./Vibrance-ByN9bRgU.js";
+import { n as componentDefinition$59 } from "./WaveDistortion-BA1PyqYH.js";
+import { n as componentDefinition$60 } from "./WebcamTexture-D4Uv7Plz.js";
+import { n as componentDefinition$61 } from "./ZoomBlur-CIkkDBIo.js";
+var createShaderRegistry = () => {
+	const registry = {};
+	const shaderDefinitions = {
+		AngularBlur: componentDefinition,
+		Ascii: componentDefinition$1,
+		Beam: componentDefinition$2,
+		Blob: componentDefinition$3,
+		Blur: componentDefinition$4,
+		BrightnessContrast: componentDefinition$5,
+		Bulge: componentDefinition$6,
+		ChannelBlur: componentDefinition$7,
+		Checkerboard: componentDefinition$8,
+		ChromaFlow: componentDefinition$9,
+		ChromaticAberration: componentDefinition$10,
+		Circle: componentDefinition$11,
+		CRTScreen: componentDefinition$12,
+		CursorTrail: componentDefinition$13,
+		DiffuseBlur: componentDefinition$14,
+		Dither: componentDefinition$15,
+		DotGrid: componentDefinition$16,
+		Duotone: componentDefinition$17,
+		FilmGrain: componentDefinition$18,
+		FloatingParticles: componentDefinition$19,
+		GlassTiles: componentDefinition$20,
+		Glow: componentDefinition$21,
+		Godrays: componentDefinition$22,
+		Grayscale: componentDefinition$23,
+		Grid: componentDefinition$24,
+		GridDistortion: componentDefinition$25,
+		Group: componentDefinition$26,
+		Halftone: componentDefinition$27,
+		HueShift: componentDefinition$28,
+		ImageTexture: componentDefinition$29,
+		Invert: componentDefinition$30,
+		LinearBlur: componentDefinition$31,
+		LinearGradient: componentDefinition$32,
+		Liquify: componentDefinition$33,
+		Perspective: componentDefinition$34,
+		Pixelate: componentDefinition$35,
+		PolarCoordinates: componentDefinition$36,
+		Posterize: componentDefinition$37,
+		ProgressiveBlur: componentDefinition$38,
+		RadialGradient: componentDefinition$39,
+		RectangularCoordinates: componentDefinition$40,
+		Ripples: componentDefinition$41,
+		Saturation: componentDefinition$42,
+		Sharpness: componentDefinition$43,
+		Shatter: componentDefinition$44,
+		SimplexNoise: componentDefinition$45,
+		SineWave: componentDefinition$46,
+		SolidColor: componentDefinition$47,
+		Spherize: componentDefinition$48,
+		Spiral: componentDefinition$49,
+		Strands: componentDefinition$50,
+		Stretch: componentDefinition$51,
+		Stripes: componentDefinition$52,
+		Swirl: componentDefinition$53,
+		TiltShift: componentDefinition$54,
+		Tint: componentDefinition$55,
+		Tritone: componentDefinition$56,
+		Twirl: componentDefinition$57,
+		Vibrance: componentDefinition$58,
+		WaveDistortion: componentDefinition$59,
+		WebcamTexture: componentDefinition$60,
+		ZoomBlur: componentDefinition$61
+	};
+	Object.entries(shaderDefinitions).forEach(([fileName, def]) => {
+		const propsMetadata = {};
+		if (def.props) Object.entries(def.props).forEach(([propName, propConfig]) => {
+			if (propConfig.ui) propsMetadata[propName] = {
+				ui: propConfig.ui,
+				default: propConfig.default,
+				description: propConfig.description
+			};
+		});
+		registry[def.name] = {
+			name: def.name,
+			fileName,
+			category: def.category || "Uncategorized",
+			definition: def,
+			propsMetadata
+		};
+	});
+	return registry;
+};
+const shaderRegistry = createShaderRegistry();
+function getAllShaders() {
+	return Object.values(shaderRegistry);
+}
+function getShaderByName(name) {
+	return shaderRegistry[name];
+}
+function getShadersByCategory(category) {
+	return Object.values(shaderRegistry).filter((shader) => shader.category === category);
+}
+function getShaderCategories() {
+	const categories = new Set(Object.values(shaderRegistry).map((shader) => shader.category));
+	return Array.from(categories).sort();
+}
+export { getAllShaders, getShaderByName, getShaderCategories, getShadersByCategory, shaderRegistry };

package/dist/core/shaderRegistry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shaderRegistry.d.ts","sourceRoot":"","sources":["../src/shaderRegistry.ts"],"names":[],"mappings":"AAgEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAA;IACpC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE;QAC5B,EAAE,CAAC,EAAE,GAAG,CAAA;QACR,OAAO,CAAC,EAAE,GAAG,CAAA;QACb,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAC,CAAA;CACH;AAiGD,eAAO,MAAM,cAAc,qCAAyB,CAAA;AAGpD,wBAAgB,aAAa,IAAI,mBAAmB,EAAE,CAErD;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,mBAAmB,GAAG,SAAS,CAE7E;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,mBAAmB,EAAE,CAE5E;AAED,wBAAgB,mBAAmB,IAAI,MAAM,EAAE,CAG9C"}
+{"version":3,"file":"shaderRegistry.d.ts","sourceRoot":"","sources":["../src/shaderRegistry.ts"],"names":[],"mappings":"AAiEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAA;IACpC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE;QAC5B,EAAE,CAAC,EAAE,GAAG,CAAA;QACR,OAAO,CAAC,EAAE,GAAG,CAAA;QACb,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAC,CAAA;CACH;AAkGD,eAAO,MAAM,cAAc,qCAAyB,CAAA;AAGpD,wBAAgB,aAAa,IAAI,mBAAmB,EAAE,CAErD;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,mBAAmB,GAAG,SAAS,CAE7E;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,mBAAmB,EAAE,CAE5E;AAED,wBAAgB,mBAAmB,IAAI,MAAM,EAAE,CAG9C"}

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

@@ -0,0 +1,21 @@
+import { ComponentDefinition } from '../../types';
+
+export interface ComponentProps {
+    /**
+     * How the webcam feed should be sized within the viewport
+     *
+     * Accepts one of: `"cover"`, `"contain"`, `"fill"`, `"scale-down"`, `"none"`.
+     * @default "cover"
+     */
+    objectFit: string;
+    /**
+     * Mirror the webcam feed horizontally (selfie mode)
+     *
+     * Accepts a boolean value (`true` or `false`).
+     * @default true
+     */
+    mirror: boolean;
+}
+export declare const componentDefinition: ComponentDefinition<ComponentProps>;
+export default componentDefinition;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/WebcamTexture/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAMvE,MAAM,WAAW,cAAc;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAsRnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

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

@@ -0,0 +1,2 @@
+import { n as componentDefinition, t as WebcamTexture_default } from "../../WebcamTexture-D4Uv7Plz.js";
+export { componentDefinition, WebcamTexture_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as ZoomBlur_default } from "../../ZoomBlur-CTrw7HxX.js";
+import { n as componentDefinition, t as ZoomBlur_default } from "../../ZoomBlur-CIkkDBIo.js";
 export { componentDefinition, ZoomBlur_default as default };