shaders 3.0.453 → 3.1.455

package/dist/core/{Marble-3s7VS-tT.js → Marble-CzoJcXvo.js}

@@ -1,8 +1,10 @@
-import { Bt as sin, G as mixColorsVariants, Gt as data_exports, Vt as smoothstep, W as mixColorsLinear, it as std_exports, ln as f32, m as call, nt as src_default, rn as vec2f } from "./edges-B7Yet3LV.js";
-import { t as animatedTime } from "./porters-D_xmIPz2.js";
-import { p as noise_exports, u as mxNoiseFloat2 } from "./noise-B-PI7JUx.js";
-import { a as transformColor, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-C7gn_5rF.js";
-var PI = Math.PI;
+import { Bt as sin, G as mixColorsLinear, Gt as data_exports, K as mixColorsVariants, Vt as smoothstep, at as std_exports, h as call, rn as vec2f, rt as src_default, un as f32 } from "./edges-CD7gCAto.js";
+import { i as PI$1 } from "./constants-DoOzbl5b.js";
+import { r as geom_exports, t as aspectOf } from "./geom-90G-d_hc.js";
+import { t as animatedTime } from "./porters-DUtQounc.js";
+import { p as noise_exports, u as mxNoiseFloat2 } from "./noise-Bd6IGS0W.js";
+import { a as transformColor, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B-zNWNdd.js";
+var PI = PI$1;
 const marbleFactors = src_default.fn([
 	vec2f,
 	vec2f,
@@ -12,7 +14,7 @@ const marbleFactors = src_default.fn([
 	f32
 ], vec2f)(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((uv, viewport, scale, turbulence, seed, animTime) => {
 	"use gpu";
-	const aspect = __tsover_div(viewport.x, viewport.y);
+	const aspect = aspectOf(viewport);
 	const au = __tsover_mul(uv.x, aspect);
 	const av = uv.y;
 	const n1 = mxNoiseFloat2(vec2f(__tsover_add(__tsover_mul(au, scale), seed), __tsover_add(__tsover_mul(av, scale), animTime)));
@@ -60,18 +62,13 @@ const marbleFactors = src_default.fn([
 				13,
 				"aspect",
 				[
-					1,
+					6,
 					[
 						7,
-						"viewport",
-						"x"
+						"geom",
+						"aspectOf"
 					],
-					"/",
-					[
-						7,
-						"viewport",
-						"y"
-					]
+					["viewport"]
 				]
 			],
 			[
@@ -444,6 +441,7 @@ const marbleFactors = src_default.fn([
 			]]
 		]],
 		"externalNames": [
+			"geom",
 			"noise",
 			"d",
 			"PI",
@@ -451,6 +449,7 @@ const marbleFactors = src_default.fn([
 		]
 	},
 	externals: () => ({
+		geom: geom_exports,
 		noise: noise_exports,
 		d: data_exports,
 		PI,

package/dist/core/{Mirror-Ck4Hzdd8.js → Mirror-B_2eQT6d.js}

@@ -1,6 +1,8 @@
-import { Bt as sin, F as unpremultiplyAlpha, Gt as data_exports, St as cos, Ut as step, c as sampleRemappedExpr, d as ZERO, it as std_exports, ln as f32, m as call, n as composeEdgeRemapExpr, nt as src_default, on as vec3f, rn as vec2f, wt as dot, y as mixExpr } from "./edges-B7Yet3LV.js";
-import { c as transformPosition, s as transformEdges } from "./transformations-C7gn_5rF.js";
-var DEG_TO_RAD = Math.PI / 180;
+import { Bt as sin, Gt as data_exports, St as cos, Ut as step, at as std_exports, h as call, on as vec3f, rn as vec2f, rt as src_default, un as f32, wt as dot } from "./edges-CD7gCAto.js";
+import { t as DEG_TO_RAD$1 } from "./constants-DoOzbl5b.js";
+import { E as uvRemapShader, T as selectMap } from "./porters-DUtQounc.js";
+import { n as edgesPropConfig, t as centerPropConfig } from "./propConfigs-k3hs8KYL.js";
+var DEG_TO_RAD = DEG_TO_RAD$1;
 const mirrorReflect = src_default.fn([
 	vec2f,
 	f32,
@@ -315,19 +317,7 @@ const componentDefinition = {
 	requiresChild: true,
 	boundingBoxDeclaration: { aspectRatio: null },
 	props: {
-		center: {
-			default: {
-				x: .5,
-				y: .5
-			},
-			transform: transformPosition,
-			description: "The point the mirror line passes through",
-			ui: {
-				type: "position",
-				label: "Center",
-				group: "Position"
-			}
-		},
+		center: centerPropConfig("The point the mirror line passes through"),
 		angle: {
 			default: 0,
 			description: "The angle of the mirror line in degrees",
@@ -340,63 +330,17 @@ const componentDefinition = {
 				group: "Effect"
 			}
 		},
-		edges: {
-			default: "mirror",
-			description: "How to handle edges when distortion pushes content out of bounds",
-			transform: transformEdges,
-			compileTime: true,
-			ui: {
-				type: "select",
-				options: [
-					{
-						label: "Stretch",
-						value: "stretch"
-					},
-					{
-						label: "Transparent",
-						value: "transparent"
-					},
-					{
-						label: "Mirror",
-						value: "mirror"
-					},
-					{
-						label: "Wrap",
-						value: "wrap"
-					}
-				],
-				label: "Edges",
-				group: "Effect"
-			}
-		}
-	},
-	fragment: ({ uniforms, childNode, ctx, propValues, convertToTexture }) => {
-		if (!childNode) {
-			console.error("You must pass a child component into the Mirror shader.");
-			return ZERO;
-		}
-		const texture = convertToTexture(childNode);
-		const edgeMode = propValues.edges ?? 0;
-		const m = call(mirrorReflect, "mirrorReflect", [
-			uniforms.center,
-			uniforms.angle,
-			ctx.uv,
-			ctx.aspect
-		]);
-		const mirroredUV = m.member("xy");
-		const shouldMirror = m.member("z");
-		return call(unpremultiplyAlpha, "unpremultiplyAlpha", [mixExpr(texture.sample(ctx.uv), sampleRemappedExpr(texture, mirroredUV, edgeMode), shouldMirror)]);
+		edges: edgesPropConfig("mirror", "How to handle edges when distortion pushes content out of bounds")
 	},
-	uvRemap: ({ uv, mask, uniforms, aspect, propValues }) => {
-		const edgeMode = propValues.edges ?? 0;
-		const m = call(mirrorReflect, "mirrorReflect", [
+	...uvRemapShader(({ uniforms }) => {
+		const reflect = (uv, aspect) => call(mirrorReflect, "mirrorReflect", [
 			uniforms.center,
 			uniforms.angle,
 			uv,
 			aspect
 		]);
-		return composeEdgeRemapExpr(mixExpr(uv, m.member("xy"), m.member("z")), mask, edgeMode);
-	}
+		return selectMap((uv) => uv, (uv, aspect) => reflect(uv, aspect).member("xy"), (uv, aspect) => reflect(uv, aspect).member("z"));
+	}, { requireChildMessage: "You must pass a child component into the Mirror shader." })
 };
 var Mirror_default = componentDefinition;
 export { componentDefinition as n, mirrorReflect as r, Mirror_default as t };

package/dist/core/{MultiPointGradient-CdzqMTN9.js → MultiPointGradient-NJZfFGVb.js}

@@ -1,5 +1,7 @@
-import { G as mixColorsVariants, Gt as data_exports, Ht as sqrt, Pt as pow, W as mixColorsLinear, cn as vec4f, it as std_exports, jt as min, ln as f32, m as call, nt as src_default, rn as vec2f } from "./edges-B7Yet3LV.js";
-import { a as transformColor, c as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-C7gn_5rF.js";
+import { G as mixColorsLinear, Gt as data_exports, Ht as sqrt, K as mixColorsVariants, Pt as pow, at as std_exports, cn as vec4f, h as call, jt as min, rn as vec2f, rt as src_default, un as f32 } from "./edges-CD7gCAto.js";
+import { r as geom_exports } from "./geom-90G-d_hc.js";
+import { a as transformColor, c as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B-zNWNdd.js";
+var { aspectOf, aspectCentrePosition } = geom_exports;
 var mpgWeight = src_default.fn([
 	vec2f,
 	vec2f,
@@ -128,13 +130,13 @@ const mpgFactors = src_default.fn([
 	f32
 ], vec4f)(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((uv, vp, posA, posB, posC, posD, posE, smoothness) => {
 	"use gpu";
-	const aspect = __tsover_div(vp.x, vp.y);
+	const aspect = aspectOf(vp);
 	const uvAspect = vec2f(__tsover_mul(uv.x, aspect), uv.y);
-	const pA = vec2f(__tsover_mul(posA.x, aspect), __tsover_sub(1, posA.y));
-	const pB = vec2f(__tsover_mul(posB.x, aspect), __tsover_sub(1, posB.y));
-	const pC = vec2f(__tsover_mul(posC.x, aspect), __tsover_sub(1, posC.y));
-	const pD = vec2f(__tsover_mul(posD.x, aspect), __tsover_sub(1, posD.y));
-	const pE = vec2f(__tsover_mul(posE.x, aspect), __tsover_sub(1, posE.y));
+	const pA = aspectCentrePosition(posA, aspect);
+	const pB = aspectCentrePosition(posB, aspect);
+	const pC = aspectCentrePosition(posC, aspect);
+	const pD = aspectCentrePosition(posD, aspect);
+	const pE = aspectCentrePosition(posE, aspect);
 	const effPower = min(__tsover_div(8, __tsover_add(smoothness, .5)), 8);
 	const wA = mpgWeight(uvAspect, pA, effPower);
 	const wB = mpgWeight(uvAspect, pB, effPower);
@@ -192,18 +194,9 @@ const mpgFactors = src_default.fn([
 				13,
 				"aspect",
 				[
-					1,
-					[
-						7,
-						"vp",
-						"x"
-					],
-					"/",
-					[
-						7,
-						"vp",
-						"y"
-					]
+					6,
+					"aspectOf",
+					["vp"]
 				]
 			],
 			[
@@ -237,30 +230,8 @@ const mpgFactors = src_default.fn([
 				"pA",
 				[
 					6,
-					[
-						7,
-						"d",
-						"vec2f"
-					],
-					[[
-						1,
-						[
-							7,
-							"posA",
-							"x"
-						],
-						"*",
-						"aspect"
-					], [
-						1,
-						[5, "1"],
-						"-",
-						[
-							7,
-							"posA",
-							"y"
-						]
-					]]
+					"aspectCentrePosition",
+					["posA", "aspect"]
 				]
 			],
 			[
@@ -268,30 +239,8 @@ const mpgFactors = src_default.fn([
 				"pB",
 				[
 					6,
-					[
-						7,
-						"d",
-						"vec2f"
-					],
-					[[
-						1,
-						[
-							7,
-							"posB",
-							"x"
-						],
-						"*",
-						"aspect"
-					], [
-						1,
-						[5, "1"],
-						"-",
-						[
-							7,
-							"posB",
-							"y"
-						]
-					]]
+					"aspectCentrePosition",
+					["posB", "aspect"]
 				]
 			],
 			[
@@ -299,30 +248,8 @@ const mpgFactors = src_default.fn([
 				"pC",
 				[
 					6,
-					[
-						7,
-						"d",
-						"vec2f"
-					],
-					[[
-						1,
-						[
-							7,
-							"posC",
-							"x"
-						],
-						"*",
-						"aspect"
-					], [
-						1,
-						[5, "1"],
-						"-",
-						[
-							7,
-							"posC",
-							"y"
-						]
-					]]
+					"aspectCentrePosition",
+					["posC", "aspect"]
 				]
 			],
 			[
@@ -330,30 +257,8 @@ const mpgFactors = src_default.fn([
 				"pD",
 				[
 					6,
-					[
-						7,
-						"d",
-						"vec2f"
-					],
-					[[
-						1,
-						[
-							7,
-							"posD",
-							"x"
-						],
-						"*",
-						"aspect"
-					], [
-						1,
-						[5, "1"],
-						"-",
-						[
-							7,
-							"posD",
-							"y"
-						]
-					]]
+					"aspectCentrePosition",
+					["posD", "aspect"]
 				]
 			],
 			[
@@ -361,30 +266,8 @@ const mpgFactors = src_default.fn([
 				"pE",
 				[
 					6,
-					[
-						7,
-						"d",
-						"vec2f"
-					],
-					[[
-						1,
-						[
-							7,
-							"posE",
-							"x"
-						],
-						"*",
-						"aspect"
-					], [
-						1,
-						[5, "1"],
-						"-",
-						[
-							7,
-							"posE",
-							"y"
-						]
-					]]
+					"aspectCentrePosition",
+					["posE", "aspect"]
 				]
 			],
 			[
@@ -586,13 +469,17 @@ const mpgFactors = src_default.fn([
 			]]
 		]],
 		"externalNames": [
+			"aspectOf",
 			"d",
+			"aspectCentrePosition",
 			"std",
 			"mpgWeight"
 		]
 	},
 	externals: () => ({
+		aspectOf,
 		d: data_exports,
+		aspectCentrePosition,
 		std: std_exports,
 		mpgWeight
 	})

package/dist/core/{Neon-B8iSfL5s.js → Neon-m8PtEGdE.js}

@@ -1,8 +1,8 @@
-import { At as max, Bt as sin, Et as exp2, Gt as data_exports, Ht as sqrt, Mt as mix, Pt as pow, St as cos, Tt as exp, Vt as smoothstep, _t as abs, cn as vec4f, fn as __export, gt as select, it as std_exports, ln as f32, m as call, nt as src_default, on as vec3f, rn as vec2f, v as floatE, xt as clamp, yt as atan2 } from "./edges-B7Yet3LV.js";
-import { h as sdf_exports } from "./sdf-B8rPE1PG.js";
-import { f as sdf3d_exports, n as shapeEffectBoundingBoxDeclaration, t as resolveShapeType } from "./shapeEffectBounds-Svfd_R5a.js";
-import { i as sdfSpaceUV, r as offsetUV } from "./glass-CNFJB2On.js";
-import { a as transformColor, c as transformPosition } from "./transformations-C7gn_5rF.js";
+import { At as max, Bt as sin, Et as exp2, Gt as data_exports, Ht as sqrt, Mt as mix, Pt as pow, St as cos, Tt as exp, Vt as smoothstep, _t as abs, at as std_exports, cn as vec4f, gt as select, h as call, on as vec3f, pn as __export, rn as vec2f, rt as src_default, un as f32, xt as clamp, y as floatE, yt as atan2 } from "./edges-CD7gCAto.js";
+import { C as sdf_exports } from "./device-B0ZwBfOg.js";
+import { i as shapeEffectBoundingBoxDeclaration, n as sdf3d_exports } from "./sdf3d-CP87OlsQ.js";
+import { i as sdfSpaceUV, r as offsetUV } from "./glass-D8xs_kIG.js";
+import { a as transformColor, c as transformPosition } from "./transformations-B-zNWNdd.js";
 var neon_exports = /* @__PURE__ */ __export({
 	applyNeonEffect: () => applyNeonEffect$1,
 	neonComposite: () => neonComposite,
@@ -2253,8 +2253,8 @@ function applyNeonEffect$1(params, sdfSampler, time, options) {
 	]);
 }
 var { applyNeonEffect } = neon_exports;
-var { createSvgSdfSampler, createAnalyticSdfSampler, driveAnalyticSubProps, ANALYTIC_SDF_EXTRA_FIELDS } = sdf_exports;
-var { createVolumetricFieldComputeNode, buildVolumetricFieldSampler, VOLUMETRIC_FIELD_EXTRA_FIELDS, is3dShapeType, isVolumetricShapeType } = sdf3d_exports;
+var { ANALYTIC_SDF_EXTRA_FIELDS } = sdf_exports;
+var { createVolumetricFieldComputeNode, resolveShapeFieldSampler, VOLUMETRIC_FIELD_EXTRA_FIELDS } = sdf3d_exports;
 var DEFAULT_SHAPE_CONFIG = JSON.stringify({
 	type: "circleSDF",
 	radius: .35
@@ -2536,34 +2536,15 @@ const componentDefinition = {
 		}
 	},
 	compute: (params) => {
-		const vf = createVolumetricFieldComputeNode(params, () => params.getCpuValue("shape"), "none", "firstLobe");
-		return vf ? {
-			outputs: vf.outputs,
-			getComputeNodes: (fp) => vf.getComputeNodes(fp)
-		} : null;
+		return createVolumetricFieldComputeNode(params, () => params.getCpuValue("shape"), "none", "firstLobe");
 	},
 	fragment: (params) => {
-		const { computeOutputs, uniforms, propValues, ctx, getCpuValue } = params;
-		const fieldTex = computeOutputs?.volumetricFieldTexture;
-		if (fieldTex) {
-			const s = buildVolumetricFieldSampler(fieldTex, {
-				originX: uniforms._vfOriginX,
-				originY: uniforms._vfOriginY,
-				spanX: uniforms._vfSpanX,
-				spanY: uniforms._vfSpanY,
-				activeResF: uniforms._vfActiveRes,
-				rBound: uniforms._vfRBound
-			});
-			return applyNeonEffect(params, s.volumetricFieldSampler, ctx.time, {
-				volumetric: true,
-				gradSampler: s.volumetricFieldSamplerFast
-			});
-		}
-		const shapeSdfUrl = propValues.shapeSdfUrl || "";
-		const shapeType = propValues.shapeType || "";
-		if (shapeSdfUrl) return applyNeonEffect(params, createSvgSdfSampler(params, shapeSdfUrl), ctx.time, { volumetric: isVolumetricShapeType(shapeType) });
-		const st = resolveShapeType(shapeType, getCpuValue("shape"));
-		return applyNeonEffect(params, createAnalyticSdfSampler(st, driveAnalyticSubProps(params, () => getCpuValue("shape"))), ctx.time, { volumetric: is3dShapeType(st) });
+		const { ctx } = params;
+		const { sampler, gradSampler, volumetric } = resolveShapeFieldSampler(params);
+		return applyNeonEffect(params, sampler, ctx.time, {
+			volumetric,
+			gradSampler
+		});
 	}
 };
 var Neon_default = componentDefinition;

package/dist/core/{NoiseDissolve-Df70NgHI.js → NoiseDissolve-DxvqR71w.js}

@@ -1,6 +1,7 @@
-import { At as max, Gt as data_exports, Vt as smoothstep, cn as vec4f, d as ZERO, gt as select, it as std_exports, ln as f32, m as call, nt as src_default, rn as vec2f, xt as clamp } from "./edges-B7Yet3LV.js";
-import { p as noise_exports, u as mxNoiseFloat2 } from "./noise-B-PI7JUx.js";
-import { i as transformBoolean } from "./transformations-C7gn_5rF.js";
+import { Gt as data_exports, at as std_exports, cn as vec4f, f as ZERO, h as call, rn as vec2f, rt as src_default, un as f32, xt as clamp } from "./edges-CD7gCAto.js";
+import { p as noise_exports, u as mxNoiseFloat2 } from "./noise-Bd6IGS0W.js";
+import { c as reveal_exports, n as applyReveal, s as revealMask } from "./reveal-DhktaT1C.js";
+import { i as transformBoolean } from "./transformations-B-zNWNdd.js";
 const noiseDissolveMask = src_default.fn([
 	vec4f,
 	vec2f,
@@ -17,12 +18,7 @@ const noiseDissolveMask = src_default.fn([
 	const n2 = __tsover_mul(mxNoiseFloat2(vec2f(__tsover_add(__tsover_add(__tsover_mul(p.x, 2), 17.3), __tsover_mul(seed, 3.1)), __tsover_add(__tsover_mul(p.y, 2), 9.1))), .5);
 	const n3 = __tsover_mul(mxNoiseFloat2(vec2f(__tsover_add(__tsover_mul(p.x, 4), 41.7), __tsover_add(__tsover_add(__tsover_mul(p.y, 4), 27.9), __tsover_mul(seed, 5.3)))), .25);
 	const n = __tsover_div(__tsover_add(__tsover_add(n1, n2), n3), 1.75);
-	let r = clamp(__tsover_add(.5, __tsover_mul(n, .9)), 0, 1);
-	r = select(r, __tsover_sub(1, r), invert > 0);
-	const f = max(softness, 1e-4);
-	const front = __tsover_sub(__tsover_mul(progress, __tsover_add(1, __tsover_mul(2, f))), f);
-	const reveal = smoothstep(__tsover_sub(front, f), __tsover_add(front, f), r);
-	return vec4f(color.x, color.y, color.z, __tsover_mul(color.w, reveal));
+	return applyReveal(color, revealMask(clamp(__tsover_add(.5, __tsover_mul(n, .9)), 0, 1), progress, softness, invert));
 }), {
 	v: 1,
 	name: void 0,
@@ -280,7 +276,7 @@ const noiseDissolveMask = src_default.fn([
 				]
 			],
 			[
-				12,
+				13,
 				"r",
 				[
 					6,
@@ -306,145 +302,41 @@ const noiseDissolveMask = src_default.fn([
 					]
 				]
 			],
-			[
-				2,
-				"r",
-				"=",
-				[
-					6,
-					[
-						7,
-						"std",
-						"select"
-					],
-					[
-						"r",
-						[
-							1,
-							[5, "1"],
-							"-",
-							"r"
-						],
-						[
-							1,
-							"invert",
-							">",
-							[5, "0"]
-						]
-					]
-				]
-			],
-			[
-				13,
-				"f",
-				[
-					6,
-					[
-						7,
-						"std",
-						"max"
-					],
-					["softness", [5, "0.0001"]]
-				]
-			],
-			[
-				13,
-				"front",
-				[
-					1,
-					[
-						1,
-						"progress",
-						"*",
-						[
-							1,
-							[5, "1"],
-							"+",
-							[
-								1,
-								[5, "2"],
-								"*",
-								"f"
-							]
-						]
-					],
-					"-",
-					"f"
-				]
-			],
-			[
-				13,
-				"reveal",
-				[
-					6,
-					[
-						7,
-						"std",
-						"smoothstep"
-					],
-					[
-						[
-							1,
-							"front",
-							"-",
-							"f"
-						],
-						[
-							1,
-							"front",
-							"+",
-							"f"
-						],
-						"r"
-					]
-				]
-			],
 			[10, [
 				6,
 				[
 					7,
-					"d",
-					"vec4f"
+					"reveal",
+					"applyReveal"
 				],
-				[
-					[
-						7,
-						"color",
-						"x"
-					],
-					[
-						7,
-						"color",
-						"y"
-					],
+				["color", [
+					6,
 					[
 						7,
-						"color",
-						"z"
+						"reveal",
+						"revealMask"
 					],
 					[
-						1,
-						[
-							7,
-							"color",
-							"w"
-						],
-						"*",
-						"reveal"
+						"r",
+						"progress",
+						"softness",
+						"invert"
 					]
-				]
+				]]
 			]]
 		]],
 		"externalNames": [
 			"d",
 			"noise",
-			"std"
+			"std",
+			"reveal"
 		]
 	},
 	externals: () => ({
 		d: data_exports,
 		noise: noise_exports,
-		std: std_exports
+		std: std_exports,
+		reveal: reveal_exports
 	})
 }) && $.f)({}));
 const componentDefinition = {