shaders 3.0.453 → 3.1.455

package/dist/core/{GridDistortion-CSBRousF.js → GridDistortion-CAKSKhII.js}

@@ -1,6 +1,7 @@
-import { At as max, Dt as floor, F as unpremultiplyAlpha, Gt as data_exports, Tt as exp, Yt as textureStorage2d, _ as expr, _t as abs, an as vec2u, c as sampleRemappedExpr, cn as vec4f, ct as textureStore, d as ZERO, dn as u32, en as struct, gt as select, it as std_exports, ln as f32, m as call, n as composeEdgeRemapExpr, nt as src_default, qt as arrayOf, rn as vec2f, xt as clamp } from "./edges-B7Yet3LV.js";
-import { n as createGuardedCompute, r as createStateBuffer } from "./compute-Ax-p6Ubc.js";
-import { s as transformEdges } from "./transformations-C7gn_5rF.js";
+import { At as max, Dt as floor, Gt as data_exports, Tt as exp, Yt as textureStorage2d, _t as abs, an as vec2u, at as std_exports, cn as vec4f, en as struct, fn as u32, gt as select, h as call, lt as textureStore, qt as arrayOf, rn as vec2f, rt as src_default, un as f32, v as expr, xt as clamp } from "./edges-CD7gCAto.js";
+import { E as uvRemapShader } from "./porters-DUtQounc.js";
+import { M as createGuardedCompute, P as createStateBuffer } from "./device-B0ZwBfOg.js";
+import { n as edgesPropConfig } from "./propConfigs-k3hs8KYL.js";
 var DEFAULT_GRID_SIZE = 20;
 var MIN_GRID = 8;
 var MAX_GRID = 128;
@@ -1100,35 +1101,7 @@ const componentDefinition = {
 				group: "Effect"
 			}
 		},
-		edges: {
-			default: "stretch",
-			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"
-			}
-		}
+		edges: edgesPropConfig("stretch", "How to handle edges when distortion pushes content out of bounds")
 	},
 	compute: (params) => {
 		const { gpu, getCpuValue, registerComputeTexture, onCleanup, onResize, dimensions } = params;
@@ -1261,33 +1234,15 @@ const componentDefinition = {
 			}
 		};
 	},
-	fragment: ({ childNode, ctx, computeOutputs, propValues, convertToTexture, uniforms }) => {
-		if (!childNode) return ZERO;
-		const childTex = convertToTexture(childNode);
-		const edgeMode = propValues.edges ?? 0;
-		const dispTex = computeOutputs?.displacement;
-		const gridCellUV = call(gridCellSnap, "gridCellSnap", [
-			ctx.uv,
-			uniforms.gridSize,
-			ctx.aspect
-		]);
-		const disp = dispTex ? dispTex.sample(gridCellUV, "linearClamp").member("xy") : expr("vec2f(0.0, 0.0)");
-		return call(unpremultiplyAlpha, "unpremultiplyAlpha", [sampleRemappedExpr(childTex, call(gridDistortOffsetUV, "gridDistortOffsetUV", [ctx.uv, disp]), edgeMode)]);
-	},
-	uvRemap: ({ uv, mask, uniforms, aspect, propValues, computeOutputs }) => {
+	...uvRemapShader(({ uniforms, computeOutputs }) => ({ map: (uv, aspect) => {
 		const dispTex = computeOutputs?.displacement;
-		if (!dispTex) return {
-			uv,
-			mask
-		};
-		const edgeMode = propValues.edges ?? 0;
 		const gridCellUV = call(gridCellSnap, "gridCellSnap", [
 			uv,
 			uniforms.gridSize,
 			aspect
 		]);
-		return composeEdgeRemapExpr(call(gridDistortOffsetUV, "gridDistortOffsetUV", [uv, dispTex.sample(gridCellUV, "linearClamp").member("xy")]), mask, edgeMode);
-	}
+		return call(gridDistortOffsetUV, "gridDistortOffsetUV", [uv, dispTex ? dispTex.sample(gridCellUV, "linearClamp").member("xy") : expr("vec2f(0.0, 0.0)")]);
+	} }), { uvRemapIdentityWhen: ({ computeOutputs }) => !computeOutputs?.displacement })
 };
 var GridDistortion_default = componentDefinition;
 export { makeOutputKernel as a, gridDistortOffsetUV as i, componentDefinition as n, makeUpdateKernel as o, gridCellSnap as r, GridDistortion_default as t };

package/dist/core/{Group-BSg6a8Ro.js → Group-UvbIuzy-.js}

@@ -1,4 +1,4 @@
-import { d as ZERO } from "./edges-B7Yet3LV.js";
+import { f as ZERO } from "./edges-CD7gCAto.js";
 const componentDefinition = {
 	name: "Group",
 	category: "Utilities",

package/dist/core/{HTMLInCanvas-DnQ0ZY38.js → HTMLInCanvas-CMxSuq5H.js}

@@ -1,4 +1,5 @@
-import { b as vec4, j as srgbToLinear, m as call } from "./edges-B7Yet3LV.js";
+import { M as srgbToLinear, h as call, x as vec4 } from "./edges-CD7gCAto.js";
+import { t as createSwappableMediaTexture } from "./mediaLifecycle-yHZ8w5aj.js";
 const componentDefinition = {
 	name: "HTMLInCanvas",
 	deprecatedNames: ["DOMTexture"],
@@ -15,35 +16,25 @@ const componentDefinition = {
 		}
 	},
 	props: {},
-	fragment: ({ ctx, gpu, domCanvas, onCleanup, onBeforeRender, onResize, createMediaTexture, registerMediaTexture }) => {
+	fragment: (params) => {
+		const { ctx, gpu, domCanvas, onBeforeRender, onResize, onCleanup } = params;
 		const device = gpu.device;
 		const initialDpr = Math.min(window.devicePixelRatio, 2);
-		let current = createMediaTexture({
-			width: Math.max(1, Math.round(window.innerWidth * initialDpr)),
-			height: Math.max(1, Math.round(window.innerHeight * initialDpr)),
-			label: "HTMLInCanvas"
+		const tex = createSwappableMediaTexture(params, {
+			label: "HTMLInCanvas",
+			initial: {
+				width: Math.max(1, Math.round(window.innerWidth * initialDpr)),
+				height: Math.max(1, Math.round(window.innerHeight * initialDpr))
+			}
 		});
-		let isDisposed = false;
 		let contentElement = null;
 		let hasLoggedError = false;
 		let paintSetup = false;
 		let hasFreshSnapshot = false;
 		let useLegacySignature = false;
-		const ensureTexSize = (w, h) => {
-			const nw = Math.max(1, w);
-			const nh = Math.max(1, h);
-			if (isDisposed || current.width === nw && current.height === nh) return;
-			const next = createMediaTexture({
-				width: nw,
-				height: nh,
-				label: "HTMLInCanvas"
-			});
-			const old = current;
-			current = next;
-			old.destroy();
-		};
+		const ensureTexSize = (w, h) => tex.ensureSize(w, h);
 		onBeforeRender(() => {
-			if (!domCanvas || isDisposed) return;
+			if (!domCanvas || tex.disposed) return;
 			if (!contentElement) {
 				contentElement = domCanvas.firstElementChild;
 				if (contentElement) {
@@ -70,12 +61,12 @@ const componentDefinition = {
 					return;
 				}
 				try {
-					if (useLegacySignature) copyFn.call(device.queue, contentElement, { texture: current.unwrap() });
+					if (useLegacySignature) copyFn.call(device.queue, contentElement, { texture: tex.unwrap() });
 					else try {
-						copyFn.call(device.queue, { source: contentElement }, { destination: { texture: current.unwrap() } });
+						copyFn.call(device.queue, { source: contentElement }, { destination: { texture: tex.unwrap() } });
 					} catch (e) {
 						if (!(e instanceof TypeError)) throw e;
-						copyFn.call(device.queue, contentElement, { texture: current.unwrap() });
+						copyFn.call(device.queue, contentElement, { texture: tex.unwrap() });
 						useLegacySignature = true;
 					}
 					hasFreshSnapshot = false;
@@ -95,11 +86,9 @@ const componentDefinition = {
 			if (domCanvas) domCanvas.requestPaint?.();
 		});
 		onCleanup(() => {
-			isDisposed = true;
 			if (domCanvas) domCanvas.onpaint = null;
-			current.destroy();
 		});
-		const sampled = registerMediaTexture(() => current.texture).sample(ctx.uv);
+		const sampled = tex.kit.sample(ctx.uv);
 		return vec4(call(srgbToLinear, "srgbToLinear", [sampled.member("rgb")]), sampled.member("a"));
 	}
 };

package/dist/core/{Halftone-B2C55h6_.js → Halftone-SiFx0wAg.js}

@@ -1,7 +1,8 @@
-import { At as max, Bt as sin, F as unpremultiplyAlpha, Gt as data_exports, Mt as mix, Ot as fract, St as cos, Vt as smoothstep, b as vec4, cn as vec4f, d as ZERO, it as std_exports, kt as length, ln as f32, m as call, nt as src_default, on as vec3f, rn as vec2f, v as floatE, wt as dot } from "./edges-B7Yet3LV.js";
-import { a as transformColor, r as transformAngle } from "./transformations-C7gn_5rF.js";
+import { At as max, Bt as sin, Gt as data_exports, I as unpremultiplyAlpha, Mt as mix, Ot as fract, St as cos, Vt as smoothstep, at as std_exports, cn as vec4f, f as ZERO, h as call, kt as length, on as vec3f, rn as vec2f, rt as src_default, un as f32, wt as dot, x as vec4, y as floatE } from "./edges-CD7gCAto.js";
+import { t as DEG_TO_RAD$1 } from "./constants-DoOzbl5b.js";
+import { a as transformColor, r as transformAngle } from "./transformations-B-zNWNdd.js";
 var SMOOTHNESS = .1;
-var DEG_TO_RAD = Math.PI / 180;
+var DEG_TO_RAD = DEG_TO_RAD$1;
 var transformStyle = (value) => value === "cmyk" ? 1 : 0;
 var styleModeOf = (raw) => typeof raw === "number" ? raw : raw === "cmyk" ? 1 : 0;
 const halftoneClassic = src_default.fn([

package/dist/core/Heart-DLQnxsbQ.js

@@ -0,0 +1,144 @@
+import { rn as vec2f, rt as src_default, un as f32 } from "./edges-CD7gCAto.js";
+import { C as defineSdfShapeShader } from "./porters-DUtQounc.js";
+import { C as sdf_exports, E as strokeMaskFromSdf, a as ShapeMask, v as heartSdf, w as shapeLocalCoords } from "./device-B0ZwBfOg.js";
+const heartShape = src_default.fn([
+	vec2f,
+	f32,
+	f32,
+	f32,
+	f32,
+	f32,
+	vec2f,
+	f32
+], ShapeMask)(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((center, radius, rotation, softness, strokeThickness, strokePosition, uv, aspect) => {
+	"use gpu";
+	const local = shapeLocalCoords(center, rotation, uv, aspect);
+	return strokeMaskFromSdf(heartSdf(local.x, local.y, radius), softness, strokeThickness, strokePosition);
+}), {
+	v: 1,
+	name: void 0,
+	ast: {
+		"params": [
+			{
+				"type": "i",
+				"name": "center"
+			},
+			{
+				"type": "i",
+				"name": "radius"
+			},
+			{
+				"type": "i",
+				"name": "rotation"
+			},
+			{
+				"type": "i",
+				"name": "softness"
+			},
+			{
+				"type": "i",
+				"name": "strokeThickness"
+			},
+			{
+				"type": "i",
+				"name": "strokePosition"
+			},
+			{
+				"type": "i",
+				"name": "uv"
+			},
+			{
+				"type": "i",
+				"name": "aspect"
+			}
+		],
+		"body": [0, [
+			[
+				13,
+				"local",
+				[
+					6,
+					[
+						7,
+						"sdf",
+						"shapeLocalCoords"
+					],
+					[
+						"center",
+						"rotation",
+						"uv",
+						"aspect"
+					]
+				]
+			],
+			[
+				13,
+				"dist",
+				[
+					6,
+					[
+						7,
+						"sdf",
+						"heartSdf"
+					],
+					[
+						[
+							7,
+							"local",
+							"x"
+						],
+						[
+							7,
+							"local",
+							"y"
+						],
+						"radius"
+					]
+				]
+			],
+			[10, [
+				6,
+				[
+					7,
+					"sdf",
+					"strokeMaskFromSdf"
+				],
+				[
+					"dist",
+					"softness",
+					"strokeThickness",
+					"strokePosition"
+				]
+			]]
+		]],
+		"externalNames": ["sdf"]
+	},
+	externals: () => ({ sdf: sdf_exports })
+}) && $.f)({}));
+const componentDefinition = defineSdfShapeShader({
+	name: "Heart",
+	description: "Heart shape with adjustable size",
+	shapeFn: heartShape,
+	shapeFnName: "heartShape",
+	bodyArgs: ["radius", "rotation"],
+	colorDescription: "Fill color of the heart",
+	centerDescription: "Center position of the heart",
+	bounds: { size: {
+		width: "radius",
+		height: "radius"
+	} },
+	shapeProps: { radius: {
+		default: .32,
+		description: "Size of the heart (fit radius)",
+		ui: {
+			type: "range",
+			min: 0,
+			max: 1,
+			step: .01,
+			label: "Size",
+			group: "Shape"
+		}
+	} }
+});
+var Heart_default = componentDefinition;
+export { componentDefinition as n, heartShape as r, Heart_default as t };

package/dist/core/{Heatmap-BdExXQBU.js → Heatmap-Bp0wi8r1.js}

@@ -1,14 +1,15 @@
-import { At as max, Bt as sin, G as mixColorsVariants, Gt as data_exports, Mt as mix, Ot as fract, Pt as pow, St as cos, Tt as exp, Vt as smoothstep, W as mixColorsLinear, _t as abs, b as vec4, cn as vec4f, it as std_exports, jt as min, ln as f32, m as call, nt as src_default, on as vec3f, rn as vec2f, xt as clamp } from "./edges-B7Yet3LV.js";
-import { S as mixColorStopsRuntime, h as colorStopsPropConfig, t as animatedTime } from "./porters-D_xmIPz2.js";
-import { p as noise_exports, s as hash12, y as value12 } from "./noise-B-PI7JUx.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 { n as glass_exports } from "./glass-CNFJB2On.js";
-import { a as transformColor, c as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-C7gn_5rF.js";
+import { At as max, Bt as sin, G as mixColorsLinear, Gt as data_exports, K as mixColorsVariants, Mt as mix, Ot as fract, Pt as pow, St as cos, Tt as exp, Vt as smoothstep, _t as abs, at as std_exports, cn as vec4f, h as call, jt as min, on as vec3f, rn as vec2f, rt as src_default, un as f32, x as vec4, xt as clamp } from "./edges-CD7gCAto.js";
+import { t as DEG_TO_RAD$1 } from "./constants-DoOzbl5b.js";
+import { J as mixColorStopsRuntime, V as colorStopsPropConfig, t as animatedTime } from "./porters-DUtQounc.js";
+import { p as noise_exports, s as hash12, y as value12 } from "./noise-Bd6IGS0W.js";
+import { C as sdf_exports } from "./device-B0ZwBfOg.js";
+import { i as shapeEffectBoundingBoxDeclaration, n as sdf3d_exports } from "./sdf3d-CP87OlsQ.js";
+import { n as glass_exports } from "./glass-D8xs_kIG.js";
+import { a as transformColor, c as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B-zNWNdd.js";
 var { sdfSpaceUV } = glass_exports;
-var { createSvgSdfSampler, createAnalyticSdfSampler, driveAnalyticSubProps, ANALYTIC_SDF_EXTRA_FIELDS } = sdf_exports;
-var { createVolumetricFieldComputeNode, buildVolumetricFieldSampler, VOLUMETRIC_FIELD_EXTRA_FIELDS } = sdf3d_exports;
-var DEG_TO_RAD = .017453292519943295;
+var { ANALYTIC_SDF_EXTRA_FIELDS } = sdf_exports;
+var { createVolumetricFieldComputeNode, resolveShapeFieldSampler, VOLUMETRIC_FIELD_EXTRA_FIELDS } = sdf3d_exports;
+var DEG_TO_RAD = DEG_TO_RAD$1;
 var DEFAULT_SHAPE_CONFIG = JSON.stringify({
 	type: "circleSDF",
 	radius: .35
@@ -1553,29 +1554,11 @@ const componentDefinition = {
 		}
 	},
 	compute: (params) => {
-		const vf = createVolumetricFieldComputeNode(params, () => params.getCpuValue("shape"), "none");
-		return vf ? {
-			outputs: vf.outputs,
-			getComputeNodes: (fp) => vf.getComputeNodes(fp)
-		} : null;
+		return createVolumetricFieldComputeNode(params, () => params.getCpuValue("shape"), "none");
 	},
 	fragment: (params) => {
-		const { computeOutputs, uniforms, propValues, ctx, getCpuValue } = params;
-		let sampler;
-		const fieldTex = computeOutputs?.volumetricFieldTexture;
-		if (fieldTex) sampler = buildVolumetricFieldSampler(fieldTex, {
-			originX: uniforms._vfOriginX,
-			originY: uniforms._vfOriginY,
-			spanX: uniforms._vfSpanX,
-			spanY: uniforms._vfSpanY,
-			activeResF: uniforms._vfActiveRes,
-			rBound: uniforms._vfRBound
-		}).volumetricFieldSampler;
-		else {
-			const shapeSdfUrl = propValues.shapeSdfUrl || "";
-			if (shapeSdfUrl) sampler = createSvgSdfSampler(params, shapeSdfUrl);
-			else sampler = createAnalyticSdfSampler(resolveShapeType(propValues.shapeType || "", getCpuValue("shape")), driveAnalyticSubProps(params, () => getCpuValue("shape")));
-		}
+		const { uniforms, propValues, ctx } = params;
+		const { sampler } = resolveShapeFieldSampler(params);
 		const sdfUV = call(sdfSpaceUV, "sdfSpaceUV", [
 			uniforms.center,
 			uniforms.scale,