shaders 3.0.453 → 3.1.455

package/dist/core/{Kaleidoscope-DhvQTJdp.js → Kaleidoscope-DQFV4-lX.js}

@@ -1,7 +1,9 @@
-import { Bt as sin, Dt as floor, F as unpremultiplyAlpha, Gt as data_exports, St as cos, c as sampleRemappedExpr, d as ZERO, gt as select, it as std_exports, kt as length, ln as f32, m as call, n as composeEdgeRemapExpr, nt as src_default, rn as vec2f, yt as atan2 } from "./edges-B7Yet3LV.js";
-import { c as transformPosition, s as transformEdges } from "./transformations-C7gn_5rF.js";
-var DEG_TO_RAD = Math.PI / 180;
-var TAU = Math.PI * 2;
+import { Bt as sin, Dt as floor, Gt as data_exports, St as cos, at as std_exports, gt as select, h as call, kt as length, rn as vec2f, rt as src_default, un as f32, yt as atan2 } from "./edges-CD7gCAto.js";
+import { o as TAU$1, t as DEG_TO_RAD$1 } from "./constants-DoOzbl5b.js";
+import { E as uvRemapShader } from "./porters-DUtQounc.js";
+import { n as edgesPropConfig, t as centerPropConfig } from "./propConfigs-k3hs8KYL.js";
+var DEG_TO_RAD = DEG_TO_RAD$1;
+var TAU = TAU$1;
 const kaleidoscopeUV = src_default.fn([
 	vec2f,
 	f32,
@@ -347,19 +349,7 @@ const componentDefinition = {
 	requiresChild: true,
 	boundingBoxDeclaration: { aspectRatio: null },
 	props: {
-		center: {
-			default: {
-				x: .5,
-				y: .5
-			},
-			transform: transformPosition,
-			description: "The center point of the kaleidoscope effect",
-			ui: {
-				type: "position",
-				label: "Center",
-				group: "Position"
-			}
-		},
+		center: centerPropConfig("The center point of the kaleidoscope effect"),
 		segments: {
 			default: 6,
 			description: "Number of radial segments in the kaleidoscope",
@@ -384,61 +374,15 @@ 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 Kaleidoscope shader.");
-			return ZERO;
-		}
-		const texture = convertToTexture(childNode);
-		const edgeMode = propValues.edges ?? 0;
-		return call(unpremultiplyAlpha, "unpremultiplyAlpha", [sampleRemappedExpr(texture, call(kaleidoscopeUV, "kaleidoscopeUV", [
-			uniforms.center,
-			uniforms.segments,
-			uniforms.angle,
-			ctx.uv,
-			ctx.aspect
-		]), edgeMode)]);
+		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;
-		return composeEdgeRemapExpr(call(kaleidoscopeUV, "kaleidoscopeUV", [
-			uniforms.center,
-			uniforms.segments,
-			uniforms.angle,
-			uv,
-			aspect
-		]), mask, edgeMode);
-	}
+	...uvRemapShader(({ uniforms }) => ({ map: (uv, aspect) => call(kaleidoscopeUV, "kaleidoscopeUV", [
+		uniforms.center,
+		uniforms.segments,
+		uniforms.angle,
+		uv,
+		aspect
+	]) }), { requireChildMessage: "You must pass a child component into the Kaleidoscope shader." })
 };
 var Kaleidoscope_default = componentDefinition;
 export { componentDefinition as n, kaleidoscopeUV as r, Kaleidoscope_default as t };

package/dist/core/{KeyFrames-ZTsc7rtN.js → KeyFrames-BjH6gHSf.js}

@@ -1,6 +1,8 @@
-import { At as max, Bt as sin, Dt as floor, Gt as data_exports, Ht as sqrt, Jt as texture2d, Mt as mix, Ot as fract, S as formatFloat, St as cos, Tt as exp, Yt as textureStorage2d, _t as abs, an as vec2u, at as textureDimensions, cn as vec4f, ct as textureStore, d as ZERO, dn as u32, en as struct, gt as select, it as std_exports, jt as min, ln as f32, nt as src_default, ot as textureLoad, un as i32, x as Expr, xt as clamp } from "./edges-B7Yet3LV.js";
-import { n as createGuardedCompute } from "./compute-Ax-p6Ubc.js";
-import { a as transformColor } from "./transformations-C7gn_5rF.js";
+import { At as max, Bt as sin, C as formatFloat, Dt as floor, Gt as data_exports, Ht as sqrt, Jt as texture2d, Mt as mix, Ot as fract, S as Expr, St as cos, Tt as exp, Yt as textureStorage2d, _t as abs, an as vec2u, at as std_exports, cn as vec4f, dn as i32, en as struct, f as ZERO, fn as u32, gt as select, jt as min, lt as textureStore, ot as textureDimensions, rt as src_default, st as textureLoad, un as f32, xt as clamp } from "./edges-CD7gCAto.js";
+import { s as TWO_PI$1 } from "./constants-DoOzbl5b.js";
+import { D as createFeedbackTrailSim } from "./porters-DUtQounc.js";
+import { M as createGuardedCompute } from "./device-B0ZwBfOg.js";
+import { a as transformColor } from "./transformations-B-zNWNdd.js";
 var MAX_TRACKERS = 64;
 var TRAIL_LEN = 12;
 var TRAIL_EVERY = 8;
@@ -9,7 +11,7 @@ var STATE_W = AABB_COL + 1;
 var STATE_FORMAT = "rgba32float";
 var FEAT_GRID = 96;
 var REFERENCE_HEIGHT = 1080;
-var TWO_PI = 6.283185307179586;
+var TWO_PI = TWO_PI$1;
 var TrackParams = /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a))(struct({
 	dt: f32,
 	trackersF: f32,
@@ -5172,39 +5174,34 @@ const componentDefinition = {
 		}
 	},
 	compute: (params) => {
-		const { childNode, gpu, registerComputeTexture, convertToTexture, getCpuValue, onCleanup, propValues } = params;
+		const { childNode, gpu, getCpuValue, propValues } = params;
 		if (!childNode) return null;
 		const root = gpu?.root;
 		if (!root) return null;
-		const childTexture = convertToTexture(childNode);
 		const mode = typeof propValues.detect === "string" ? propValues.detect : "bright";
 		const scoreFn = buildScoreFn(mode);
 		const featureKernel = buildFeatureKernel(scoreFn);
 		const trackKernel = buildTrackKernel(mode, scoreFn);
-		const stateA = /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a))(root.createTexture({
-			size: [STATE_W, MAX_TRACKERS],
-			format: STATE_FORMAT
-		}).$usage("storage", "sampled"), "stateA");
-		const stateB = /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a))(root.createTexture({
-			size: [STATE_W, MAX_TRACKERS],
-			format: STATE_FORMAT
-		}).$usage("storage", "sampled"), "stateB");
-		const presentTex = /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a))(root.createTexture({
+		const paramsBuf = /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a))(root.createUniform(TrackParams), "paramsBuf");
+		const sim = createFeedbackTrailSim(params, {
 			size: [STATE_W, MAX_TRACKERS],
-			format: STATE_FORMAT
-		}).$usage("storage", "sampled"), "presentTex");
-		const gridTex = /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a))(root.createTexture({
-			size: [FEAT_GRID, FEAT_GRID],
-			format: STATE_FORMAT
-		}).$usage("storage", "sampled"), "gridTex");
-		onCleanup(() => {
-			stateA.destroy();
-			stateB.destroy();
-			presentTex.destroy();
-			gridTex.destroy();
+			format: STATE_FORMAT,
+			textures: { grid: FEAT_GRID },
+			bindGroups: ({ childTexture, display, textures }, read, write) => root.createBindGroup(trackLayout, {
+				src: childTexture,
+				featGrid: textures.grid,
+				prev: read.state,
+				next: write.state,
+				present: display,
+				params: paramsBuf.buffer
+			}),
+			staticGroups: ({ childTexture, textures }) => root.createBindGroup(featureLayout, {
+				src: childTexture,
+				grid: textures.grid,
+				params: paramsBuf.buffer
+			})
 		});
-		const trackState = registerComputeTexture(presentTex);
-		const paramsBuf = /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a))(root.createUniform(TrackParams), "paramsBuf");
+		if (!sim) return null;
 		const featurePipeline = createGuardedCompute(root, /* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((gx, gy) => {
 			"use gpu";
 			featureKernel(gx, gy);
@@ -5248,55 +5245,23 @@ const componentDefinition = {
 			},
 			externals: () => ({ trackKernel })
 		}) && $.f)({}), { size: [MAX_TRACKERS] });
-		let featBg = null;
-		let bgAB = null;
-		let bgBA = null;
-		let direction = 0;
 		return {
 			outputs: {
-				childTexture,
-				trackState
+				childTexture: sim.childTexture,
+				trackState: sim.display
 			},
-			bindInputs: (resolve) => {
-				const src = resolve(childTexture.key);
-				if (!src) return;
-				featBg = root.createBindGroup(featureLayout, {
-					src: src.texture,
-					grid: gridTex,
-					params: paramsBuf.buffer
-				});
-				bgAB = root.createBindGroup(trackLayout, {
-					src: src.texture,
-					featGrid: gridTex,
-					prev: stateA,
-					next: stateB,
-					present: presentTex,
-					params: paramsBuf.buffer
-				});
-				bgBA = root.createBindGroup(trackLayout, {
-					src: src.texture,
-					featGrid: gridTex,
-					prev: stateB,
-					next: stateA,
-					present: presentTex,
-					params: paramsBuf.buffer
-				});
-			},
-			getComputeNodes: (frameParams) => {
-				if (!featBg || !bgAB || !bgBA) return null;
-				const fp = frameParams;
+			bindInputs: sim.bindInputs,
+			getComputeNodes: (frameParams) => sim.tick(frameParams, ({ groups, shared, dt }) => {
 				paramsBuf.write({
-					dt: Math.min(fp.deltaTime ?? .016, .05),
+					dt,
 					trackersF: getCpuValue("trackers") ?? 4,
 					agility: getCpuValue("agility") ?? .5,
 					threshold: getCpuValue("threshold") ?? .15,
 					variance: getCpuValue("variance") ?? .5,
 					lifespan: getCpuValue("lifespan") ?? 6
 				});
-				const nodes = [featurePipeline.with(featBg), simPipeline.with(direction === 0 ? bgAB : bgBA)];
-				direction = 1 - direction;
-				return nodes;
-			}
+				return [featurePipeline.with(shared), simPipeline.with(groups)];
+			})
 		};
 	},
 	fragment: (params) => {

package/dist/core/{LensDistortion-KiZJXFKC.js → LensDistortion-BcodYk7_.js}

@@ -1,6 +1,6 @@
-import { F as unpremultiplyAlpha, S as formatFloat, _ as expr, d as ZERO, m as call, x as Expr } from "./edges-B7Yet3LV.js";
-import { t as isMobileGpuViewport } from "./device-BODv_4aH.js";
-import { c as transformPosition, r as transformAngle } from "./transformations-C7gn_5rF.js";
+import { C as formatFloat, I as unpremultiplyAlpha, S as Expr, f as ZERO, h as call, v as expr } from "./edges-CD7gCAto.js";
+import { t as isMobileGpuViewport } from "./device-B0ZwBfOg.js";
+import { c as transformPosition, r as transformAngle } from "./transformations-B-zNWNdd.js";
 var MAX_SAMPLES = 50;
 var MAX_TAPS = isMobileGpuViewport() ? 24 : MAX_SAMPLES;
 const componentDefinition = {