framefields 2.4.3 → 2.5.1

package/dist/registry/toasts.json

@@ -0,0 +1,28 @@
+{
+	"name": "toasts",
+	"title": "Toasts",
+	"summary": "Notifications arriving into a corner stack that pushes older ones away and compresses as it grows; each slides out when dismissed.",
+	"tags": [
+		"toast",
+		"notification",
+		"alert",
+		"ui",
+		"stack",
+		"demo"
+	],
+	"example": "Toasts({ items: [{ at: 0, title: \"Deployed\", kind: \"success\" }, { at: 40, title: \"3 new comments\" }] })",
+	"parts": [
+		"toast-<n>"
+	],
+	"cues": [
+		"arrivals",
+		"dismissals"
+	],
+	"registryDependencies": [],
+	"files": [
+		{
+			"path": "toasts/index.ts",
+			"content": "/**\n * Toasts: notifications arriving in a corner stack. The newest sits at the\n * edge, older ones are pushed away and compress as the stack grows, and\n * each one slides out when it is dismissed while the rest close the gap.\n * The stack is solved offline and every move is a baked spring.\n *\n * Coordinates are the frame's: the root covers the video (default\n * 1920 × 1080 × theme scale, or the given width / height) from 0, 0.\n */\nimport { LayerAnimation, type LayoutNode } from \"framefields\";\nimport {\n\ttype Animatable,\n\tbakeSamples,\n\tbindComponent,\n\tdefineComponent,\n\tspringAt,\n\ttype Theme,\n\ttoPathData,\n\ttype Vec2,\n\tz,\n} from \"framefields/components\";\n\nexport const TOAST_CORNERS = [\n\t\"top-right\",\n\t\"top-left\",\n\t\"bottom-right\",\n\t\"bottom-left\",\n\t\"top-center\",\n\t\"bottom-center\",\n] as const;\nexport type ToastCorner = (typeof TOAST_CORNERS)[number];\nexport const TOAST_KINDS = [\"info\", \"success\", \"warning\", \"error\"] as const;\nexport type ToastKind = (typeof TOAST_KINDS)[number];\n\nexport interface ToastsCues {\n\t[name: string]: ReadonlyArray<{ frame: number }>;\n\tarrivals: ReadonlyArray<{ frame: number; index: number }>;\n\tdismissals: ReadonlyArray<{ frame: number; index: number }>;\n}\n\nconst SPRING = { stiffness: 230, damping: 24 };\n\n/** Per-frame values that spring to each new target from wherever they are. */\nexport function springTrack(\n\tchanges: ReadonlyArray<readonly [frame: number, target: number]>,\n\tinitial: number,\n\tlength: number,\n\tfps: number,\n\toptions = SPRING,\n): number[] {\n\tconst sorted = [...changes].sort((a, b) => a[0] - b[0]);\n\tconst out = new Array<number>(length + 1);\n\tlet from = initial;\n\tlet to = initial;\n\tlet since = 0;\n\tlet k = 0;\n\tfor (let f = 0; f <= length; f++) {\n\t\twhile (\n\t\t\tk < sorted.length &&\n\t\t\t(sorted[k] as readonly [number, number])[0] <= f\n\t\t) {\n\t\t\t// Restart from the current value toward the new target.\n\t\t\tfrom = from + (to - from) * springAt((f - since) / fps, options);\n\t\t\tto = (sorted[k] as readonly [number, number])[1];\n\t\t\tsince = (sorted[k] as readonly [number, number])[0];\n\t\t\tk++;\n\t\t}\n\t\tout[f] = from + (to - from) * springAt((f - since) / fps, options);\n\t}\n\treturn out;\n}\n\n/** A small icon per kind: a coloured disc with a drawn mark. */\nfunction icon(\n\tkind: ToastKind,\n\tsize: number,\n\ttheme: Theme,\n): { color: string; mark: string } {\n\tconst p = (pts: Vec2[]) =>\n\t\ttoPathData(pts.map(([x, y]) => [x * size, y * size] as Vec2));\n\tswitch (kind) {\n\t\tcase \"success\":\n\t\t\treturn {\n\t\t\t\tcolor: theme.color.positive,\n\t\t\t\tmark: p([\n\t\t\t\t\t[0.28, 0.52],\n\t\t\t\t\t[0.44, 0.67],\n\t\t\t\t\t[0.73, 0.36],\n\t\t\t\t]),\n\t\t\t};\n\t\tcase \"error\":\n\t\t\treturn {\n\t\t\t\tcolor: theme.color.negative,\n\t\t\t\tmark: `${p([\n\t\t\t\t\t[0.33, 0.33],\n\t\t\t\t\t[0.67, 0.67],\n\t\t\t\t])} ${p([\n\t\t\t\t\t[0.67, 0.33],\n\t\t\t\t\t[0.33, 0.67],\n\t\t\t\t])}`,\n\t\t\t};\n\t\tcase \"warning\":\n\t\t\treturn {\n\t\t\t\tcolor: theme.color.highlight,\n\t\t\t\tmark: `${p([\n\t\t\t\t\t[0.5, 0.27],\n\t\t\t\t\t[0.5, 0.56],\n\t\t\t\t])} ${p([\n\t\t\t\t\t[0.5, 0.72],\n\t\t\t\t\t[0.5, 0.73],\n\t\t\t\t])}`,\n\t\t\t};\n\t\tcase \"info\":\n\t\t\treturn {\n\t\t\t\tcolor: theme.color.accent,\n\t\t\t\tmark: `${p([\n\t\t\t\t\t[0.5, 0.27],\n\t\t\t\t\t[0.5, 0.28],\n\t\t\t\t])} ${p([\n\t\t\t\t\t[0.5, 0.44],\n\t\t\t\t\t[0.5, 0.73],\n\t\t\t\t])}`,\n\t\t\t};\n\t}\n}\n\nexport const toasts = /* @__PURE__ */ defineComponent({\n\tname: \"Toasts\",\n\tprops: () => ({\n\t\titems: z\n\t\t\t.array(\n\t\t\t\tz\n\t\t\t\t\t.object({\n\t\t\t\t\t\tat: z.number().int().min(0),\n\t\t\t\t\t\ttitle: z.string(),\n\t\t\t\t\t\tbody: z.string().optional(),\n\t\t\t\t\t\tkind: z.enum(TOAST_KINDS).default(\"info\"),\n\t\t\t\t\t\t/** Frames on screen. Default 4 seconds. */\n\t\t\t\t\t\tduration: z.number().int().positive().optional(),\n\t\t\t\t\t})\n\t\t\t\t\t.strict(),\n\t\t\t)\n\t\t\t.min(1),\n\t\tcorner: z.enum(TOAST_CORNERS).default(\"top-right\"),\n\t\t/** Most toasts shown at once; older ones fade into the stack. */\n\t\tmax: z.number().int().positive().default(3),\n\t\ttoastWidth: z.number().positive().optional(),\n\t\tmargin: z.number().min(0).optional(),\n\t\tfontFamily: z.string().optional(),\n\t}),\n\tdefaults: { enter: false, exit: false },\n\tbuild(ctx, props) {\n\t\tconst { host, theme, fps } = ctx;\n\t\tconst s = theme.scale;\n\t\tconst W = ctx.requested.width ?? 1920 * s;\n\t\tconst H = ctx.requested.height ?? 1080 * s;\n\t\tconst tw = props.toastWidth ?? 440 * s;\n\t\tconst margin = props.margin ?? 36 * s;\n\t\tconst fontFamily = props.fontFamily ?? theme.font.body;\n\t\tconst titleFs = 22 * s;\n\t\tconst bodyFs = 19 * s;\n\t\tconst pad = 18 * s;\n\t\tconst iconSize = 30 * s;\n\t\tconst gap = 12 * s;\n\t\tconst top = props.corner.startsWith(\"top\");\n\t\tconst side = props.corner.endsWith(\"right\")\n\t\t\t? 1\n\t\t\t: props.corner.endsWith(\"left\")\n\t\t\t\t? -1\n\t\t\t\t: 0;\n\t\tconst x =\n\t\t\tside === 1 ? W - margin - tw : side === -1 ? margin : (W - tw) / 2;\n\n\t\t// ── Sizes ─────────────────────────────────────────────────────────\n\t\tconst textX = pad + iconSize + pad * 0.8;\n\t\tconst textW = tw - textX - pad;\n\t\tconst items = props.items.map((item, index) => {\n\t\t\tconst titleM = host.measure(item.title, {\n\t\t\t\tfontFamily,\n\t\t\t\tfontSize: titleFs,\n\t\t\t\tfontWeight: 600,\n\t\t\t\twidth: textW,\n\t\t\t});\n\t\t\tconst bodyM = item.body\n\t\t\t\t? host.measure(item.body, {\n\t\t\t\t\t\tfontFamily,\n\t\t\t\t\t\tfontSize: bodyFs,\n\t\t\t\t\t\twidth: textW,\n\t\t\t\t\t})\n\t\t\t\t: null;\n\t\t\tconst height =\n\t\t\t\tMath.max(iconSize, titleM.height + (bodyM ? bodyM.height + 4 * s : 0)) +\n\t\t\t\tpad * 2;\n\t\t\treturn {\n\t\t\t\t...item,\n\t\t\t\tindex,\n\t\t\t\theight,\n\t\t\t\ttitleH: titleM.height,\n\t\t\t\tend: item.at + (item.duration ?? fps * 4),\n\t\t\t};\n\t\t});\n\n\t\t// ── The stack at every event ──────────────────────────────────────\n\t\tconst events = [...new Set(items.flatMap((t) => [t.at, t.end]))].sort(\n\t\t\t(a, b) => a - b,\n\t\t);\n\t\tconst exitFrames = Math.round(fps * 0.5);\n\t\tconst length =\n\t\t\tMath.max(...items.map((t) => t.end)) + exitFrames + Math.round(fps * 0.4);\n\t\tconst yChanges = new Map<number, Array<[number, number]>>();\n\t\tconst scaleChanges = new Map<number, Array<[number, number]>>();\n\t\tconst fadeChanges = new Map<number, Array<[number, number]>>();\n\t\tconst push = (\n\t\t\tm: Map<number, Array<[number, number]>>,\n\t\t\ti: number,\n\t\t\tf: number,\n\t\t\tv: number,\n\t\t) => {\n\t\t\tconst list = m.get(i) ?? [];\n\t\t\tlist.push([f, v]);\n\t\t\tm.set(i, list);\n\t\t};\n\t\tfor (const f of events) {\n\t\t\tconst live = items\n\t\t\t\t.filter((t) => t.at <= f && f < t.end)\n\t\t\t\t.sort((a, b) => b.at - a.at || b.index - a.index);\n\t\t\tlet offset = 0;\n\t\t\tlive.forEach((t, k) => {\n\t\t\t\t// Older toasts tuck in: smaller, closer, and gone past `max`.\n\t\t\t\tconst scale = 1 - Math.min(k, props.max) * 0.035;\n\t\t\t\tconst y = top ? margin + offset : H - margin - offset - t.height;\n\t\t\t\tpush(yChanges, t.index, f, y);\n\t\t\t\tpush(scaleChanges, t.index, f, scale);\n\t\t\t\tpush(fadeChanges, t.index, f, k < props.max ? 1 : 0);\n\t\t\t\toffset += t.height * scale + gap * scale;\n\t\t\t});\n\t\t}\n\n\t\tconst parts: Record<string, Animatable<LayoutNode>> = {};\n\t\tconst children: LayoutNode[] = [];\n\t\tfor (const t of items) {\n\t\t\tconst ys = yChanges.get(t.index) ?? [[t.at, margin]];\n\t\t\tconst firstY = ys[0]?.[1] ?? margin;\n\t\t\tconst yTrack = springTrack(ys, firstY, length, fps);\n\t\t\tconst scaleTrack = springTrack(\n\t\t\t\tscaleChanges.get(t.index) ?? [],\n\t\t\t\t1,\n\t\t\t\tlength,\n\t\t\t\tfps,\n\t\t\t);\n\t\t\tconst fade = fadeChanges.get(t.index) ?? [];\n\t\t\t// Slide in from the edge; slide back out when dismissed.\n\t\t\tconst away = side === 0 ? 0 : side * (tw + margin);\n\t\t\tconst xTrack = springTrack(\n\t\t\t\t[\n\t\t\t\t\t[t.at, 0],\n\t\t\t\t\t[t.end, away],\n\t\t\t\t],\n\t\t\t\taway,\n\t\t\t\tlength,\n\t\t\t\tfps,\n\t\t\t\t{ stiffness: 200, damping: 26 },\n\t\t\t);\n\t\t\tconst opacity = springTrack(\n\t\t\t\t[[t.at, 1], ...fade.filter(([f]) => f > t.at), [t.end, 0]],\n\t\t\t\t0,\n\t\t\t\tlength,\n\t\t\t\tfps,\n\t\t\t\t{ stiffness: 300, damping: 40 },\n\t\t\t).map((v) => Math.max(0, Math.min(1, v)));\n\t\t\tconst glyph = icon(t.kind, iconSize, theme);\n\t\t\tconst disc = host.box({\n\t\t\t\tid: ctx.partId(`toast-${t.index}-icon`),\n\t\t\t\tposition: \"absolute\",\n\t\t\t\tx: pad,\n\t\t\t\ty: pad,\n\t\t\t\twidth: iconSize,\n\t\t\t\theight: iconSize,\n\t\t\t\tbackground: glyph.color,\n\t\t\t\tborderRadius: iconSize / 2,\n\t\t\t});\n\t\t\tconst mark = host.shape(\"path\", {\n\t\t\t\tid: ctx.partId(`toast-${t.index}-mark`),\n\t\t\t\tposition: \"absolute\",\n\t\t\t\tx: pad,\n\t\t\t\ty: pad,\n\t\t\t\twidth: iconSize,\n\t\t\t\theight: iconSize,\n\t\t\t\td: glyph.mark,\n\t\t\t\tfillType: \"none\",\n\t\t\t\tstrokeColor: \"#ffffff\",\n\t\t\t\tstrokeWidth: iconSize * 0.11,\n\t\t\t\tstrokeLineCap: \"round\",\n\t\t\t\tstrokeLineJoin: \"round\",\n\t\t\t});\n\t\t\tconst kids: LayoutNode[] = [\n\t\t\t\tdisc,\n\t\t\t\tmark,\n\t\t\t\thost.text(t.title, {\n\t\t\t\t\tid: ctx.partId(`toast-${t.index}-title`),\n\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\tx: textX,\n\t\t\t\t\ty: pad,\n\t\t\t\t\twidth: textW,\n\t\t\t\t\tfontFamily,\n\t\t\t\t\tfontSize: titleFs,\n\t\t\t\t\tfontWeight: 600,\n\t\t\t\t\tfill: theme.color.ink,\n\t\t\t\t}),\n\t\t\t];\n\t\t\tif (t.body)\n\t\t\t\tkids.push(\n\t\t\t\t\thost.text(t.body, {\n\t\t\t\t\t\tid: ctx.partId(`toast-${t.index}-body`),\n\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\tx: textX,\n\t\t\t\t\t\ty: pad + t.titleH + 4 * s,\n\t\t\t\t\t\twidth: textW,\n\t\t\t\t\t\tfontFamily,\n\t\t\t\t\t\tfontSize: bodyFs,\n\t\t\t\t\t\tfill: theme.color.muted,\n\t\t\t\t\t}),\n\t\t\t\t);\n\t\t\tconst card = host.box({\n\t\t\t\tid: ctx.partId(`toast-${t.index}`),\n\t\t\t\tposition: \"absolute\",\n\t\t\t\tx,\n\t\t\t\ty: firstY,\n\t\t\t\twidth: tw,\n\t\t\t\theight: t.height,\n\t\t\t\tbackground: theme.color.raised,\n\t\t\t\tborderRadius: theme.radius.md,\n\t\t\t\tborderColor: theme.color.line,\n\t\t\t\tborderWidth: Math.max(1, s),\n\t\t\t\tanchorX: 0.5,\n\t\t\t\tanchorY: top ? 0 : 1,\n\t\t\t\tchildren: kids,\n\t\t\t});\n\t\t\thost.style(card, {\n\t\t\t\tdropShadow: {\n\t\t\t\t\tcolor: \"#000000\",\n\t\t\t\t\topacity: 0.35,\n\t\t\t\t\tangle: 90,\n\t\t\t\t\tdistance: 10 * s,\n\t\t\t\t\tsize: 30 * s,\n\t\t\t\t},\n\t\t\t});\n\t\t\tconst from = Math.max(0, t.at - 1);\n\t\t\tconst slice = (v: number[]) => v.slice(from);\n\t\t\tcard.animate(\n\t\t\t\tLayerAnimation.create()\n\t\t\t\t\t.keys(\"y\", bakeSamples(slice(yTrack), from, { tolerance: 0.3 }))\n\t\t\t\t\t.keys(\n\t\t\t\t\t\t\"x\",\n\t\t\t\t\t\tbakeSamples(\n\t\t\t\t\t\t\tslice(xTrack).map((d) => x + d),\n\t\t\t\t\t\t\tfrom,\n\t\t\t\t\t\t\t{ tolerance: 0.3 },\n\t\t\t\t\t\t),\n\t\t\t\t\t)\n\t\t\t\t\t.keys(\n\t\t\t\t\t\t\"scale\",\n\t\t\t\t\t\tbakeSamples(slice(scaleTrack), from, { tolerance: 0.001 }),\n\t\t\t\t\t)\n\t\t\t\t\t.keys(\"opacity\", [\n\t\t\t\t\t\t...(from > 0 ? [[0, 0] as [number, number]] : []),\n\t\t\t\t\t\t...bakeSamples(slice(opacity), from, { tolerance: 0.01 }),\n\t\t\t\t\t]),\n\t\t\t);\n\t\t\tparts[`toast-${t.index}`] = card;\n\t\t\tchildren.push(card);\n\t\t}\n\n\t\treturn {\n\t\t\tchildren,\n\t\t\twidth: W,\n\t\t\theight: H,\n\t\t\tduration: length,\n\t\t\torigin: [0, 0],\n\t\t\tcues: {\n\t\t\t\tarrivals: items.map((t) => ({ frame: t.at, index: t.index })),\n\t\t\t\tdismissals: items.map((t) => ({ frame: t.end, index: t.index })),\n\t\t\t} as ToastsCues,\n\t\t\tparts,\n\t\t};\n\t},\n});\n\n/**\n * Notifications arriving into a corner stack that pushes older ones away and\n * compresses as it grows; each slides out when dismissed.\n */\nexport const Toasts = /* @__PURE__ */ bindComponent(toasts);\n"
+		}
+	]
+}

package/dist/registry/touch-point.json

@@ -0,0 +1,33 @@
+{
+	"name": "touch-point",
+	"title": "TouchPoint",
+	"summary": "Fingers on glass: taps, double taps, long presses and swipes as soft discs with ripples, for mobile demos in a DeviceFrame.",
+	"tags": [
+		"touch",
+		"tap",
+		"swipe",
+		"mobile",
+		"gesture",
+		"demo",
+		"phone"
+	],
+	"example": "TouchPoint({ touches: [{ to: phone.at(196, 700) }, { to: phone.at(196, 600), swipe: phone.at(196, 200) }] })",
+	"parts": [
+		"touch-0",
+		"touch-0-ripple-0",
+		"touch-0-trail-0"
+	],
+	"cues": [
+		"taps",
+		"presses",
+		"swipes",
+		"touches"
+	],
+	"registryDependencies": [],
+	"files": [
+		{
+			"path": "touch-point/index.ts",
+			"content": "/**\n * TouchPoint: fingers on glass, drawn the way screen recordings show\n * touches: a soft disc that lands, presses and lifts, with a ripple. Taps,\n * double taps, long presses and swipes. Between touches the finger is\n * lifted, so nothing travels: each touch is its own disc.\n *\n * Coordinates are the frame's: the root covers the video (default\n * 1920 × 1080 × theme scale, or the given width / height) from 0, 0.\n */\nimport {\n\ttype KeyframeTuple,\n\tLayerAnimation,\n\ttype LayoutNode,\n} from \"framefields\";\nimport {\n\ttype Animatable,\n\tbindComponent,\n\tdefineComponent,\n\tdist,\n\tresolveTarget,\n\tscaleFrames,\n\ttype Target,\n\ttargetPoint,\n\ttargetSchema,\n\ttype Vec2,\n\tz,\n} from \"framefields/components\";\n\nexport interface TouchPointCues {\n\t[name: string]: ReadonlyArray<{ frame: number }>;\n\t/** Each tap's touch-down. */\n\ttaps: ReadonlyArray<{ frame: number; point: Vec2 }>;\n\t/** Long presses, down to lift. */\n\tpresses: ReadonlyArray<{ frame: number; end: number; point: Vec2 }>;\n\t/** Swipes, from the start of the move to its end. */\n\tswipes: ReadonlyArray<{ frame: number; end: number; from: Vec2; to: Vec2 }>;\n\t/** Every touch-down. */\n\ttouches: ReadonlyArray<{ frame: number; point: Vec2 }>;\n}\n\n/** One planned touch, in local frames. */\nexport interface PlannedTouch {\n\tpoint: Vec2;\n\t/** Disc starts landing. */\n\tlead: number;\n\t/** Taps: down frames; presses and swipes: one. */\n\tdowns: number[];\n\t/** Swipe: move window and destination. */\n\tswipe?: { start: number; end: number; to: Vec2 };\n\t/** Finger leaves the glass. */\n\tlift: number;\n\tkind: \"tap\" | \"press\" | \"swipe\";\n\tpressEnd?: number;\n}\n\nexport const touchPoint = /* @__PURE__ */ defineComponent({\n\tname: \"TouchPoint\",\n\tprops: () => ({\n\t\ttouches: z\n\t\t\t.array(\n\t\t\t\tz\n\t\t\t\t\t.object({\n\t\t\t\t\t\tto: targetSchema(),\n\t\t\t\t\t\t/** Touch-down frame. Default: after the previous touch. */\n\t\t\t\t\t\tat: z.number().int().min(0).optional(),\n\t\t\t\t\t\t/** Tap count. */\n\t\t\t\t\t\ttap: z.number().int().positive().optional(),\n\t\t\t\t\t\t/** Long press: frames held. */\n\t\t\t\t\t\tpress: z.number().int().positive().optional(),\n\t\t\t\t\t\t/** Drag to here and lift. */\n\t\t\t\t\t\tswipe: targetSchema().optional(),\n\t\t\t\t\t\t/** Frames to wait after this touch. */\n\t\t\t\t\t\tdwell: z.number().int().min(0).optional(),\n\t\t\t\t\t})\n\t\t\t\t\t.strict(),\n\t\t\t)\n\t\t\t.min(1),\n\t\tsize: z.number().positive().optional(),\n\t\tcolor: z.string().default(\"#ffffff\"),\n\t\topacity: z.number().min(0).max(1).default(0.55),\n\t\tripple: z.boolean().default(true),\n\t\ttrail: z.boolean().default(true),\n\t}),\n\tdefaults: { enter: false, exit: false },\n\tbuild(ctx, props) {\n\t\tconst { host, theme, fps } = ctx;\n\t\tconst s = theme.scale;\n\t\tconst W = ctx.requested.width ?? 1920 * s;\n\t\tconst H = ctx.requested.height ?? 1080 * s;\n\t\tconst size = props.size ?? 64 * s;\n\t\tconst f = (n: number) => scaleFrames(n, fps);\n\t\tconst pointOf = (t: Target, at: number) =>\n\t\t\ttargetPoint(resolveTarget(t, { measure: host.measure, fps }), at);\n\n\t\tconst plan = planTouches(\n\t\t\tprops.touches.map((t) => ({\n\t\t\t\tat: t.at,\n\t\t\t\ttap: t.tap,\n\t\t\t\tpress: t.press,\n\t\t\t\tdwell: t.dwell,\n\t\t\t\tpoint: (frame: number) => pointOf(t.to, frame),\n\t\t\t\tswipe: t.swipe\n\t\t\t\t\t? (frame: number) => pointOf(t.swipe as Target, frame)\n\t\t\t\t\t: undefined,\n\t\t\t})),\n\t\t\tfps,\n\t\t);\n\n\t\tconst parts: Record<string, Animatable<LayoutNode>> = {};\n\t\tconst children: LayoutNode[] = [];\n\t\tconst ringFrames = f(16);\n\t\tconst lead = f(4);\n\t\tplan.forEach((touch, i) => {\n\t\t\tconst press: KeyframeTuple[] = [\n\t\t\t\t[touch.lead, 1.25],\n\t\t\t\t[touch.lead + lead, 1, \"power2.out\"],\n\t\t\t];\n\t\t\tfor (const d of touch.downs.slice(1)) {\n\t\t\t\t// Between taps the finger lifts a little and comes back down.\n\t\t\t\tpress.push([d - f(3), 1.1, \"power2.out\"], [d, 1, \"power2.in\"]);\n\t\t\t}\n\t\t\tif (touch.kind === \"press\" && touch.pressEnd !== undefined)\n\t\t\t\tpress.push([touch.pressEnd, 0.88, \"sine.inOut\"]);\n\t\t\tpress.push(\n\t\t\t\t[touch.lift, touch.kind === \"press\" ? 0.88 : 1],\n\t\t\t\t[touch.lift + f(6), 1.2, \"power2.out\"],\n\t\t\t);\n\t\t\tconst anim = LayerAnimation.create()\n\t\t\t\t.keys(\"opacity\", [\n\t\t\t\t\t[touch.lead, 0],\n\t\t\t\t\t[touch.lead + lead, props.opacity, \"power2.out\"],\n\t\t\t\t\t[touch.lift, props.opacity],\n\t\t\t\t\t[touch.lift + f(6), 0, \"power2.in\"],\n\t\t\t\t])\n\t\t\t\t.keys(\"scale\", ascending(press));\n\t\t\tif (touch.swipe) {\n\t\t\t\tconst { start, end, to } = touch.swipe;\n\t\t\t\tanim\n\t\t\t\t\t.keys(\"x\", [\n\t\t\t\t\t\t[start, touch.point[0] - size / 2],\n\t\t\t\t\t\t[end, to[0] - size / 2, \"power2.inOut\"],\n\t\t\t\t\t])\n\t\t\t\t\t.keys(\"y\", [\n\t\t\t\t\t\t[start, touch.point[1] - size / 2],\n\t\t\t\t\t\t[end, to[1] - size / 2, \"power2.inOut\"],\n\t\t\t\t\t]);\n\t\t\t}\n\t\t\tconst disc = host.box({\n\t\t\t\tid: ctx.partId(`touch-${i}`),\n\t\t\t\tposition: \"absolute\",\n\t\t\t\tx: touch.point[0] - size / 2,\n\t\t\t\ty: touch.point[1] - size / 2,\n\t\t\t\twidth: size,\n\t\t\t\theight: size,\n\t\t\t\tbackground: `radial-gradient(closest-side, ${props.color} 0%, ${props.color} 72%, rgba(255,255,255,0) 100%)`,\n\t\t\t\tborderRadius: size / 2,\n\t\t\t\tborderColor: props.color,\n\t\t\t\tborderWidth: Math.max(1, 1.5 * s),\n\t\t\t\topacity: 0,\n\t\t\t});\n\t\t\tdisc.animate(anim);\n\t\t\thost.style(disc, {\n\t\t\t\tdropShadow: {\n\t\t\t\t\tcolor: \"#000000\",\n\t\t\t\t\topacity: 0.25,\n\t\t\t\t\tangle: 90,\n\t\t\t\t\tdistance: 2 * s,\n\t\t\t\t\tsize: 10 * s,\n\t\t\t\t},\n\t\t\t});\n\n\t\t\t// Ghosts that lag behind a swipe: a short fading streak.\n\t\t\tif (touch.swipe && props.trail) {\n\t\t\t\tconst { start, end, to } = touch.swipe;\n\t\t\t\t[2, 4, 6].forEach((lag, g) => {\n\t\t\t\t\tconst ghost = host.box({\n\t\t\t\t\t\tid: ctx.partId(`touch-${i}-trail-${g}`),\n\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\tx: touch.point[0] - size / 2,\n\t\t\t\t\t\ty: touch.point[1] - size / 2,\n\t\t\t\t\t\twidth: size,\n\t\t\t\t\t\theight: size,\n\t\t\t\t\t\tbackground: props.color,\n\t\t\t\t\t\tborderRadius: size / 2,\n\t\t\t\t\t\topacity: 0,\n\t\t\t\t\t\tscale: 0.85 - g * 0.15,\n\t\t\t\t\t});\n\t\t\t\t\tconst o = props.opacity * (0.35 - g * 0.1);\n\t\t\t\t\tghost.animate(\n\t\t\t\t\t\tLayerAnimation.create()\n\t\t\t\t\t\t\t.keys(\"x\", [\n\t\t\t\t\t\t\t\t[start + f(lag), touch.point[0] - size / 2],\n\t\t\t\t\t\t\t\t[end + f(lag), to[0] - size / 2, \"power2.inOut\"],\n\t\t\t\t\t\t\t])\n\t\t\t\t\t\t\t.keys(\"y\", [\n\t\t\t\t\t\t\t\t[start + f(lag), touch.point[1] - size / 2],\n\t\t\t\t\t\t\t\t[end + f(lag), to[1] - size / 2, \"power2.inOut\"],\n\t\t\t\t\t\t\t])\n\t\t\t\t\t\t\t.keys(\"opacity\", [\n\t\t\t\t\t\t\t\t[start, 0],\n\t\t\t\t\t\t\t\t[start + f(lag), o],\n\t\t\t\t\t\t\t\t[end + f(lag), 0, \"power2.in\"],\n\t\t\t\t\t\t\t]),\n\t\t\t\t\t);\n\t\t\t\t\tparts[`touch-${i}-trail-${g}`] = ghost;\n\t\t\t\t\tchildren.push(ghost);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (props.ripple && touch.kind !== \"swipe\") {\n\t\t\t\tconst rings =\n\t\t\t\t\ttouch.kind === \"press\" ? [touch.downs[0] as number] : touch.downs;\n\t\t\t\trings.forEach((d, r) => {\n\t\t\t\t\tconst ring = host.box({\n\t\t\t\t\t\tid: ctx.partId(`touch-${i}-ripple-${r}`),\n\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\tx: touch.point[0] - size / 2,\n\t\t\t\t\t\ty: touch.point[1] - size / 2,\n\t\t\t\t\t\twidth: size,\n\t\t\t\t\t\theight: size,\n\t\t\t\t\t\tborderRadius: size / 2,\n\t\t\t\t\t\tborderColor: props.color,\n\t\t\t\t\t\tborderWidth: Math.max(1.5, 2.5 * s),\n\t\t\t\t\t\topacity: 0,\n\t\t\t\t\t});\n\t\t\t\t\tconst span =\n\t\t\t\t\t\ttouch.kind === \"press\"\n\t\t\t\t\t\t\t? Math.max(ringFrames, (touch.pressEnd ?? d) - d)\n\t\t\t\t\t\t\t: ringFrames;\n\t\t\t\t\tring.animate(\n\t\t\t\t\t\tLayerAnimation.create()\n\t\t\t\t\t\t\t.keys(\"scale\", [\n\t\t\t\t\t\t\t\t[d, 0.6],\n\t\t\t\t\t\t\t\t[d + span, 2.2, \"power2.out\"],\n\t\t\t\t\t\t\t])\n\t\t\t\t\t\t\t.keys(\"opacity\", [\n\t\t\t\t\t\t\t\t[0, 0],\n\t\t\t\t\t\t\t\t[d, 0.7, \"hold\"],\n\t\t\t\t\t\t\t\t[d + span, 0, \"power1.out\"],\n\t\t\t\t\t\t\t]),\n\t\t\t\t\t);\n\t\t\t\t\tparts[`touch-${i}-ripple-${r}`] = ring;\n\t\t\t\t\tchildren.push(ring);\n\t\t\t\t});\n\t\t\t}\n\t\t\tparts[`touch-${i}`] = disc;\n\t\t\tchildren.push(disc);\n\t\t});\n\n\t\tconst last = Math.max(\n\t\t\t...plan.map((t) => t.lift + f(6)),\n\t\t\t...plan.map((t) => (t.downs.at(-1) ?? 0) + ringFrames),\n\t\t);\n\t\treturn {\n\t\t\tchildren,\n\t\t\twidth: W,\n\t\t\theight: H,\n\t\t\tduration: last,\n\t\t\torigin: [0, 0],\n\t\t\tcues: {\n\t\t\t\ttaps: plan.flatMap((t) =>\n\t\t\t\t\tt.kind === \"tap\"\n\t\t\t\t\t\t? t.downs.map((frame) => ({ frame, point: t.point }))\n\t\t\t\t\t\t: [],\n\t\t\t\t),\n\t\t\t\tpresses: plan\n\t\t\t\t\t.filter((t) => t.kind === \"press\")\n\t\t\t\t\t.map((t) => ({\n\t\t\t\t\t\tframe: t.downs[0] as number,\n\t\t\t\t\t\tend: t.lift,\n\t\t\t\t\t\tpoint: t.point,\n\t\t\t\t\t})),\n\t\t\t\tswipes: plan.flatMap((t) =>\n\t\t\t\t\tt.swipe\n\t\t\t\t\t\t? [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tframe: t.swipe.start,\n\t\t\t\t\t\t\t\t\tend: t.swipe.end,\n\t\t\t\t\t\t\t\t\tfrom: t.point,\n\t\t\t\t\t\t\t\t\tto: t.swipe.to,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t]\n\t\t\t\t\t\t: [],\n\t\t\t\t),\n\t\t\t\ttouches: plan.flatMap((t) =>\n\t\t\t\t\tt.downs.map((frame) => ({ frame, point: t.point })),\n\t\t\t\t),\n\t\t\t} as TouchPointCues,\n\t\t\tparts,\n\t\t};\n\t},\n});\n\ninterface TouchInput {\n\tat?: number;\n\ttap?: number;\n\tpress?: number;\n\tdwell?: number;\n\tpoint: (frame: number) => Vec2;\n\tswipe?: (frame: number) => Vec2;\n}\n\n/** Touch timing: lead-in, downs, presses, swipe moves and lifts. Pure. */\nexport function planTouches(\n\ttouches: readonly TouchInput[],\n\tfps: number,\n): PlannedTouch[] {\n\tconst f = (n: number) => scaleFrames(n, fps);\n\tconst lead = f(4);\n\tlet free = lead;\n\treturn touches.map((t) => {\n\t\tconst down = t.at ?? free;\n\t\tconst point = t.point(down);\n\t\tlet lift: number;\n\t\tlet out: PlannedTouch;\n\t\tif (t.swipe) {\n\t\t\tconst start = down + f(3);\n\t\t\tconst to0 = t.swipe(start);\n\t\t\tconst d = dist(point, to0);\n\t\t\tconst move = Math.max(\n\t\t\t\tf(6),\n\t\t\t\tMath.round((0.16 + 0.1 * Math.log2(1 + d / 40)) * fps),\n\t\t\t);\n\t\t\tconst end = start + move;\n\t\t\tlift = end + f(2);\n\t\t\tout = {\n\t\t\t\tpoint,\n\t\t\t\tlead: Math.max(0, down - lead),\n\t\t\t\tdowns: [down],\n\t\t\t\tswipe: { start, end, to: t.swipe(end) },\n\t\t\t\tlift,\n\t\t\t\tkind: \"swipe\",\n\t\t\t};\n\t\t} else if (t.press) {\n\t\t\tlift = down + t.press;\n\t\t\tout = {\n\t\t\t\tpoint,\n\t\t\t\tlead: Math.max(0, down - lead),\n\t\t\t\tdowns: [down],\n\t\t\t\tlift,\n\t\t\t\tkind: \"press\",\n\t\t\t\tpressEnd: down + Math.min(t.press, f(8)),\n\t\t\t};\n\t\t} else {\n\t\t\tconst n = t.tap ?? 1;\n\t\t\tconst downs = Array.from({ length: n }, (_, k) => down + k * f(9));\n\t\t\tlift = (downs.at(-1) as number) + f(4);\n\t\t\tout = { point, lead: Math.max(0, down - lead), downs, lift, kind: \"tap\" };\n\t\t}\n\t\tfree = lift + f(6) + (t.dwell ?? f(14)) + lead;\n\t\treturn out;\n\t});\n}\n\n/** Later keys on a shared frame win; frames ascend. */\nfunction ascending(keys: KeyframeTuple[]): KeyframeTuple[] {\n\tconst byFrame = new Map<number, KeyframeTuple>();\n\tfor (const k of keys) byFrame.set(k[0] as number, k);\n\treturn [...byFrame.values()].sort(\n\t\t(a, b) => (a[0] as number) - (b[0] as number),\n\t);\n}\n\n/**\n * Fingers on glass: taps, double taps, long presses and swipes as soft discs\n * with ripples, for mobile demos in a DeviceFrame.\n */\nexport const TouchPoint = /* @__PURE__ */ bindComponent(touchPoint);\n"
+		}
+	]
+}

package/dist/registry/waveform.json

@@ -0,0 +1,29 @@
+{
+	"name": "waveform",
+	"title": "Waveform",
+	"summary": "An audiogram: bars, mirrored bars, dots or a ring that move with a track's spectrum, analysed offline and bound as signals.",
+	"tags": [
+		"audio",
+		"waveform",
+		"audiogram",
+		"spectrum",
+		"podcast",
+		"music",
+		"visualizer"
+	],
+	"example": "Waveform({ audio: await analyzeAudio(\"voice.wav\", { fps: 30 }), kind: \"mirror\" })",
+	"parts": [
+		"bar-0",
+		"spoke-0"
+	],
+	"cues": [
+		"beats"
+	],
+	"registryDependencies": [],
+	"files": [
+		{
+			"path": "waveform/index.ts",
+			"content": "/**\n * Waveform: an audiogram. Bars, mirrored bars, dots or a ring that move\n * with a track's spectrum. The audio is analysed offline into `AudioLevels`\n * (plain data); each bar is bound to its band as a signal, so a minute of\n * audio costs no keyframes and every frame seeks exactly.\n */\nimport { LayerAnimation, type LayoutNode } from \"framefields\";\nimport {\n\ttype Animatable,\n\taudioLevelsSchema,\n\tbindComponent,\n\tdefineComponent,\n\tresampleBands,\n\tsmoothRelease,\n\tz,\n} from \"framefields/components\";\n\nexport const WAVEFORM_KINDS = [\"bars\", \"mirror\", \"dots\", \"radial\"] as const;\nexport type WaveformKind = (typeof WAVEFORM_KINDS)[number];\n\nexport interface WaveformCues {\n\t[name: string]: ReadonlyArray<{ frame: number }>;\n\t/** Onsets in the audio (kicks, plosives). */\n\tbeats: ReadonlyArray<{ frame: number }>;\n}\n\nexport const waveform = /* @__PURE__ */ defineComponent({\n\tname: \"Waveform\",\n\tprops: () => ({\n\t\t/** From `analyzeAudio(source, { fps })`. */\n\t\taudio: audioLevelsSchema(),\n\t\t/** Composition frame the track starts on. Default: the component's `at`. */\n\t\taudioStart: z.number().int().min(0).optional(),\n\t\tkind: z.enum(WAVEFORM_KINDS).default(\"mirror\"),\n\t\t/** Bars shown. Default: one per band. */\n\t\tbars: z.number().int().min(1).max(256).optional(),\n\t\t/** Space between bars, as a fraction of a bar's pitch. */\n\t\tgap: z.number().min(0).max(0.95).default(0.45),\n\t\t/** Bar corner radius. Default: round. */\n\t\tradius: z.number().min(0).optional(),\n\t\t/** Smallest bar, as a fraction of full height. */\n\t\tfloor: z.number().min(0).max(1).default(0.06),\n\t\tgain: z.number().positive().default(1),\n\t\t/** Frames a bar takes to fall from a peak. */\n\t\tsmoothing: z.number().int().min(0).default(2),\n\t\t/** One colour, or a pair graded across the bars. */\n\t\tcolor: z.union([z.string(), z.tuple([z.string(), z.string()])]).optional(),\n\t}),\n\tdefaults: { enter: false, exit: false },\n\tbuild(ctx, props) {\n\t\tconst { host, theme, fps } = ctx;\n\t\tconst s = theme.scale;\n\t\tconst audio = props.audio;\n\t\tif (Math.abs(audio.fps - fps) > 1e-6)\n\t\t\tthrow new Error(\n\t\t\t\t`Waveform: the audio was analysed at ${audio.fps} fps but the component runs at ${fps}. Analyse with { fps: ${fps} }.`,\n\t\t\t);\n\t\tconst kind = props.kind;\n\t\tconst radial = kind === \"radial\";\n\t\tconst W = ctx.requested.width ?? (radial ? 420 : 800) * s;\n\t\tconst H = ctx.requested.height ?? (radial ? 420 : 200) * s;\n\t\tconst start = props.audioStart ?? ctx.requested.at;\n\t\tconst count = props.bars ?? audio.bands.length;\n\t\tconst mirror = kind === \"mirror\";\n\t\t// Mirrored bars show each band twice, lowest in the middle.\n\t\tconst bands = resampleBands(\n\t\t\taudio.bands,\n\t\t\tmirror ? Math.ceil(count / 2) : count,\n\t\t);\n\t\tconst floor = props.floor;\n\t\tconst level = (band: number) =>\n\t\t\tsmoothRelease(\n\t\t\t\t(bands[band] ?? []).map((v) => Math.min(1, v * props.gain)),\n\t\t\t\tprops.smoothing,\n\t\t\t).map((v) => Math.round((floor + (1 - floor) * v) * 1000) / 1000);\n\t\t// Signals read the composition's frame: the floor before the track and after it.\n\t\tconst levels = bands.map((_, b) => [\n\t\t\t...new Array<number>(start).fill(floor),\n\t\t\t...level(b),\n\t\t\tfloor,\n\t\t]);\n\t\tconst signals = new Map<string, object>();\n\t\t/** One signal per band and mapping (`v` is the level, floor..1), shared by bars. */\n\t\tconst bound = (band: number, key: string, map: (v: number) => number) => {\n\t\t\tconst id = `${band}:${key}`;\n\t\t\tlet signal = signals.get(id);\n\t\t\tif (!signal) {\n\t\t\t\tsignal = host.signal(\n\t\t\t\t\t(levels[band] as number[]).map((v) => Math.round(map(v) * 100) / 100),\n\t\t\t\t\tfps,\n\t\t\t\t);\n\t\t\t\tsignals.set(id, signal);\n\t\t\t}\n\t\t\treturn signal;\n\t\t};\n\t\tconst colorOf = (i: number) => {\n\t\t\tconst c = props.color ?? theme.color.accent;\n\t\t\treturn typeof c === \"string\"\n\t\t\t\t? c\n\t\t\t\t: mix(c[0], c[1], count > 1 ? i / (count - 1) : 0);\n\t\t};\n\n\t\tconst parts: Record<string, Animatable<LayoutNode>> = {};\n\t\tconst children: LayoutNode[] = [];\n\t\tconst pitch = (radial ? 0 : W) / count;\n\t\tconst bw = Math.max(1, pitch * (1 - props.gap));\n\t\tfor (let i = 0; i < count; i++) {\n\t\t\tconst band = mirror\n\t\t\t\t? Math.min(bands.length - 1, Math.floor(Math.abs(i - (count - 1) / 2)))\n\t\t\t\t: i;\n\t\t\tconst color = colorOf(i);\n\t\t\tif (radial) {\n\t\t\t\tconst D = Math.min(W, H);\n\t\t\t\tconst inner = D * 0.26;\n\t\t\t\tconst len = D / 2 - inner;\n\t\t\t\tconst thick = Math.max(\n\t\t\t\t\t2 * s,\n\t\t\t\t\t((2 * Math.PI * inner) / count) * (1 - props.gap),\n\t\t\t\t);\n\t\t\t\t// Grows outward from the ring: its bottom edge stays on the ring.\n\t\t\t\tconst bottom = D / 2 - inner;\n\t\t\t\tconst bar = host.box({\n\t\t\t\t\tid: ctx.partId(`bar-${i}`),\n\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\tx: D / 2 - thick / 2,\n\t\t\t\t\ty: bottom - len * floor,\n\t\t\t\t\twidth: thick,\n\t\t\t\t\theight: len * floor,\n\t\t\t\t\tbackground: color,\n\t\t\t\t\tborderRadius: props.radius ?? thick / 2,\n\t\t\t\t});\n\t\t\t\tbar.animate(\n\t\t\t\t\tLayerAnimation.create()\n\t\t\t\t\t\t.signal(\n\t\t\t\t\t\t\t\"height\",\n\t\t\t\t\t\t\tbound(band, \"radial-h\", (v) => len * v),\n\t\t\t\t\t\t)\n\t\t\t\t\t\t.signal(\n\t\t\t\t\t\t\t\"y\",\n\t\t\t\t\t\t\tbound(band, \"radial-y\", (v) => bottom - len * v),\n\t\t\t\t\t\t),\n\t\t\t\t);\n\t\t\t\tconst spoke = host.box({\n\t\t\t\t\tid: ctx.partId(`spoke-${i}`),\n\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\tx: (W - D) / 2,\n\t\t\t\t\ty: (H - D) / 2,\n\t\t\t\t\twidth: D,\n\t\t\t\t\theight: D,\n\t\t\t\t\trotation: (360 * i) / count,\n\t\t\t\t\tchildren: [bar],\n\t\t\t\t});\n\t\t\t\tparts[`bar-${i}`] = bar;\n\t\t\t\tparts[`spoke-${i}`] = spoke;\n\t\t\t\tchildren.push(spoke);\n\t\t\t\tcontinue;\n\t\t\t}\n\t\t\tif (kind === \"dots\") {\n\t\t\t\tconst size = Math.min(bw, H);\n\t\t\t\tconst dot = host.box({\n\t\t\t\t\tid: ctx.partId(`bar-${i}`),\n\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\tx: i * pitch + (pitch - size) / 2,\n\t\t\t\t\ty: (H - size) / 2,\n\t\t\t\t\twidth: size,\n\t\t\t\t\theight: size,\n\t\t\t\t\tbackground: color,\n\t\t\t\t\tborderRadius: props.radius ?? size / 2,\n\t\t\t\t\tscale: floor,\n\t\t\t\t});\n\t\t\t\tdot.animate(\n\t\t\t\t\tLayerAnimation.create().signal(\n\t\t\t\t\t\t\"scale\",\n\t\t\t\t\t\tbound(band, \"dot\", (v) => v),\n\t\t\t\t\t),\n\t\t\t\t);\n\t\t\t\tparts[`bar-${i}`] = dot;\n\t\t\t\tchildren.push(dot);\n\t\t\t\tcontinue;\n\t\t\t}\n\t\t\tconst up = kind === \"bars\";\n\t\t\tconst bar = host.box({\n\t\t\t\tid: ctx.partId(`bar-${i}`),\n\t\t\t\tposition: \"absolute\",\n\t\t\t\tx: i * pitch + (pitch - bw) / 2,\n\t\t\t\ty: up ? H * (1 - floor) : (H * (1 - floor)) / 2,\n\t\t\t\twidth: bw,\n\t\t\t\theight: H * floor,\n\t\t\t\tbackground: color,\n\t\t\t\tborderRadius: props.radius ?? bw / 2,\n\t\t\t});\n\t\t\tbar.animate(\n\t\t\t\tLayerAnimation.create()\n\t\t\t\t\t.signal(\n\t\t\t\t\t\t\"height\",\n\t\t\t\t\t\tbound(band, \"h\", (v) => H * v),\n\t\t\t\t\t)\n\t\t\t\t\t.signal(\n\t\t\t\t\t\t\"y\",\n\t\t\t\t\t\tbound(band, up ? \"y-up\" : \"y-mid\", (v) =>\n\t\t\t\t\t\t\tup ? H * (1 - v) : (H * (1 - v)) / 2,\n\t\t\t\t\t\t),\n\t\t\t\t\t),\n\t\t\t);\n\t\t\tparts[`bar-${i}`] = bar;\n\t\t\tchildren.push(bar);\n\t\t}\n\n\t\treturn {\n\t\t\tchildren,\n\t\t\twidth: W,\n\t\t\theight: H,\n\t\t\tduration: Math.max(1, audio.frames),\n\t\t\tcues: {\n\t\t\t\tbeats: audio.beats.map((frame) => ({\n\t\t\t\t\tframe: frame + start - ctx.requested.at,\n\t\t\t\t})),\n\t\t\t} as WaveformCues,\n\t\t\tparts,\n\t\t};\n\t},\n});\n\n/** Mix two `#rrggbb` colours (`t` 0 → a, 1 → b); other formats: `a`. */\nfunction mix(a: string, b: string, t: number): string {\n\tconst rgb = (c: string) => {\n\t\tconst h = c.replace(/^#/, \"\");\n\t\tconst full = h.length === 3 ? h.replace(/./g, (x) => x + x) : h.slice(0, 6);\n\t\treturn /^[0-9a-f]{6}$/i.test(full)\n\t\t\t? [0, 2, 4].map((k) => Number.parseInt(full.slice(k, k + 2), 16))\n\t\t\t: null;\n\t};\n\tconst x = rgb(a);\n\tconst y = rgb(b);\n\tif (!x || !y) return a;\n\treturn `#${x\n\t\t.map((v, k) =>\n\t\t\tMath.round(v + ((y[k] as number) - v) * t)\n\t\t\t\t.toString(16)\n\t\t\t\t.padStart(2, \"0\"),\n\t\t)\n\t\t.join(\"\")}`;\n}\n\n/**\n * An audiogram: bars, mirrored bars, dots or a ring that move with a track's\n * spectrum, analysed offline and bound as signals.\n */\nexport const Waveform = /* @__PURE__ */ bindComponent(waveform);\n"
+		}
+	]
+}

package/dist/registry/word-cycle.json

@@ -0,0 +1,32 @@
+{
+	"name": "word-cycle",
+	"title": "WordCycle",
+	"summary": "One slot in a line cycles through words: rolled, faded, slid or retyped, while the slot resizes to each word and the line glides to fit.",
+	"tags": [
+		"text",
+		"headline",
+		"rotating word",
+		"kinetic type",
+		"launch",
+		"typography"
+	],
+	"example": "WordCycle({ text: \"Make videos {}\", words: [\"faster\", \"together\", \"in code\"] })",
+	"parts": [
+		"before",
+		"slot",
+		"word-0",
+		"after",
+		"pill",
+		"underline"
+	],
+	"cues": [
+		"changes"
+	],
+	"registryDependencies": [],
+	"files": [
+		{
+			"path": "word-cycle/index.ts",
+			"content": "/**\n * WordCycle: one slot in a line cycles through words. The slot resizes to\n * each word's measured width and the rest of the line glides to fit, so\n * the sentence always reads as set type, never as a gap.\n */\nimport {\n\ttype KeyframeTuple,\n\tLayerAnimation,\n\ttype LayoutNode,\n} from \"framefields\";\nimport {\n\ttype Animatable,\n\tbindComponent,\n\tdefineComponent,\n\tthemeFrames,\n\tz,\n} from \"framefields/components\";\n\nexport const WORD_TRANSITIONS = [\"roll\", \"fade\", \"slide\", \"type\"] as const;\nexport type WordTransition = (typeof WORD_TRANSITIONS)[number];\nexport const WORD_SLOTS = [\"plain\", \"pill\", \"underline\"] as const;\nexport type WordSlot = (typeof WORD_SLOTS)[number];\n\nexport interface WordCycleCues {\n\t[name: string]: ReadonlyArray<{ frame: number }>;\n\t/** Each new word starts arriving. */\n\tchanges: ReadonlyArray<{ frame: number; index: number; word: string }>;\n}\n\nexport const wordCycle = /* @__PURE__ */ defineComponent({\n\tname: \"WordCycle\",\n\tprops: () => ({\n\t\t/** One line with one `{}` marking the slot. */\n\t\ttext: z\n\t\t\t.string()\n\t\t\t.refine((t) => t.split(\"{}\").length === 2 && !t.includes(\"\\n\"), {\n\t\t\t\tmessage: 'Expected one line with exactly one \"{}\" slot',\n\t\t\t}),\n\t\twords: z.array(z.string().min(1)).min(2),\n\t\t/** Frames each word stays. Default 1.6 seconds. */\n\t\tevery: z.number().int().positive().optional(),\n\t\t/** Passes through `words`; the last word stays. */\n\t\tcycles: z.number().int().positive().default(1),\n\t\ttransition: z.enum(WORD_TRANSITIONS).default(\"roll\"),\n\t\talign: z.enum([\"left\", \"center\", \"right\"]).default(\"left\"),\n\t\tslot: z.enum(WORD_SLOTS).default(\"plain\"),\n\t\tcolor: z.string().optional(),\n\t\tslotColor: z.string().optional(),\n\t\tfontSize: z.number().positive().optional(),\n\t\tfontFamily: z.string().optional(),\n\t\tfontWeight: z.number().int().min(100).max(900).default(800),\n\t}),\n\tdefaults: { enter: false, exit: false, hold: 30 },\n\tbuild(ctx, props) {\n\t\tconst { host, theme, fps } = ctx;\n\t\tconst s = theme.scale;\n\t\tconst fs = props.fontSize ?? 96 * s;\n\t\tconst fontFamily = props.fontFamily ?? theme.font.display;\n\t\tconst ink = props.color ?? theme.color.ink;\n\t\tconst accent = props.slotColor ?? theme.color.accent;\n\t\tconst every = props.every ?? Math.round(fps * 1.6);\n\t\tconst base = themeFrames(theme, \"base\", fps);\n\t\tconst ease = theme.motion.ease.move;\n\t\tconst pill = props.slot === \"pill\";\n\n\t\t// ── Measure ──────────────────────────────────────────────────────\n\t\tconst font = { fontFamily, fontSize: fs, fontWeight: props.fontWeight };\n\t\tconst measure = (t: string) => host.measure(t, font);\n\t\tconst [rawBefore = \"\", rawAfter = \"\"] = props.text.split(\"{}\");\n\t\tconst before = rawBefore.trimEnd();\n\t\tconst after = rawAfter.trimStart();\n\t\t// Spaces at the slot are measured, never trusted to a trailing space.\n\t\tconst space = measure(\"a a\").width - measure(\"aa\").width;\n\t\tconst lineH = measure(\"Ag\").height;\n\t\tconst gapB = rawBefore !== before && before ? space : 0;\n\t\tconst gapA = rawAfter !== after && after ? space : 0;\n\t\tconst wB = before ? measure(before).width : 0;\n\t\tconst wA = after ? measure(after).width : 0;\n\t\tconst pad = pill ? fs * 0.24 : 0;\n\t\tconst widths = props.words.map((w) => measure(w).width);\n\t\tconst slotW = (i: number) => (widths[i] as number) + pad * 2;\n\t\tconst lineW = (i: number) => wB + gapB + slotW(i) + gapA + wA;\n\t\tconst W = Math.max(...props.words.map((_, i) => lineW(i)));\n\t\tconst H = lineH + (props.slot === \"underline\" ? fs * 0.14 : 0);\n\t\tconst offset = (i: number) =>\n\t\t\tprops.align === \"left\"\n\t\t\t\t? 0\n\t\t\t\t: props.align === \"center\"\n\t\t\t\t\t? (W - lineW(i)) / 2\n\t\t\t\t\t: W - lineW(i);\n\n\t\t// ── Timeline ─────────────────────────────────────────────────────\n\t\tconst n = props.words.length;\n\t\tconst shown = Array.from({ length: n * props.cycles }, (_, k) => k % n);\n\t\tconst tr = Math.min(every - 1, props.transition === \"type\" ? 0 : base);\n\t\t// For `type`: each word deletes, then types (frames per character).\n\t\tconst del = Math.max(1, Math.round(fps / 30));\n\t\tconst typ = Math.max(1, Math.round((fps / 30) * 2));\n\t\tconst changes = shown.slice(1).map((index, k) => ({\n\t\t\tframe: (k + 1) * every,\n\t\t\tindex,\n\t\t\tword: props.words[index] as string,\n\t\t}));\n\t\tconst lastChange = changes[changes.length - 1]?.frame ?? 0;\n\t\tconst lastIndex = shown[shown.length - 1] as number;\n\t\tconst settle =\n\t\t\tprops.transition === \"type\"\n\t\t\t\t? lastChange +\n\t\t\t\t\t(props.words[shown[shown.length - 2] as number] as string).length *\n\t\t\t\t\t\tdel +\n\t\t\t\t\t(props.words[lastIndex] as string).length * typ\n\t\t\t\t: lastChange + tr;\n\n\t\t// Slot geometry over time: [frame, slot width] steps, eased (or per char for `type`).\n\t\tconst slotKeys: KeyframeTuple[] = [[0, slotW(0)]];\n\t\tconst lineKeys: KeyframeTuple[] = [[0, offset(0)]];\n\t\tif (props.transition === \"type\") {\n\t\t\tlet prev = 0;\n\t\t\tfor (const c of changes) {\n\t\t\t\tconst out = props.words[prev] as string;\n\t\t\t\tconst inc = props.words[c.index] as string;\n\t\t\t\tconst mo = measure(out);\n\t\t\t\tconst mi = measure(inc);\n\t\t\t\tfor (let k = 1; k <= out.length; k++) {\n\t\t\t\t\tconst f = c.frame + k * del;\n\t\t\t\t\tconst w = mo.caretX(out.length - k) + pad * 2;\n\t\t\t\t\tslotKeys.push([f, w, \"hold\"]);\n\t\t\t\t}\n\t\t\t\tconst typeAt = c.frame + out.length * del;\n\t\t\t\tfor (let k = 1; k <= inc.length; k++) {\n\t\t\t\t\tslotKeys.push([typeAt + k * typ, mi.caretX(k) + pad * 2, \"hold\"]);\n\t\t\t\t}\n\t\t\t\t// The line re-centres once, as the new word lands.\n\t\t\t\tlineKeys.push(\n\t\t\t\t\t[typeAt, offset(prev)],\n\t\t\t\t\t[typeAt + inc.length * typ, offset(c.index), ease],\n\t\t\t\t);\n\t\t\t\tprev = c.index;\n\t\t\t}\n\t\t} else {\n\t\t\tlet prev = 0;\n\t\t\tfor (const c of changes) {\n\t\t\t\tslotKeys.push(\n\t\t\t\t\t[c.frame, slotW(prev)],\n\t\t\t\t\t[c.frame + tr, slotW(c.index), ease],\n\t\t\t\t);\n\t\t\t\tlineKeys.push(\n\t\t\t\t\t[c.frame, offset(prev)],\n\t\t\t\t\t[c.frame + tr, offset(c.index), ease],\n\t\t\t\t);\n\t\t\t\tprev = c.index;\n\t\t\t}\n\t\t}\n\t\tconst add = (keys: KeyframeTuple[], by: number): KeyframeTuple[] =>\n\t\t\tkeys.map(([f, v, e]) =>\n\t\t\t\te ? [f, round((v as number) + by), e] : [f, round((v as number) + by)],\n\t\t\t) as KeyframeTuple[];\n\t\tconst sum = (a: KeyframeTuple[], b: KeyframeTuple[], by = 0) => {\n\t\t\t// After-text x = line offset + slot width (+ constants): key both tracks' frames.\n\t\t\tconst frames = [...new Set([...a, ...b].map((k) => k[0] as number))].sort(\n\t\t\t\t(x, y) => x - y,\n\t\t\t);\n\t\t\tconst at = (keys: KeyframeTuple[], f: number) => valueAt(keys, f);\n\t\t\treturn frames.map((f) => {\n\t\t\t\tconst k = [...a, ...b].find((key) => key[0] === f && key[2]);\n\t\t\t\tconst v = round(at(a, f) + at(b, f) + by);\n\t\t\t\treturn k ? ([f, v, k[2]] as KeyframeTuple) : ([f, v] as KeyframeTuple);\n\t\t\t});\n\t\t};\n\n\t\tconst parts: Record<string, Animatable<LayoutNode>> = {};\n\t\tconst children: LayoutNode[] = [];\n\t\tconst text = (name: string, content: string, x: number, fill: string) =>\n\t\t\thost.text(content, {\n\t\t\t\tid: ctx.partId(name),\n\t\t\t\tposition: \"absolute\",\n\t\t\t\tx,\n\t\t\t\ty: 0,\n\t\t\t\t...font,\n\t\t\t\tfill,\n\t\t\t});\n\t\tconst moving = props.align !== \"left\";\n\n\t\tif (before) {\n\t\t\tconst node = text(\"before\", before, offset(0), ink);\n\t\t\tif (moving) node.animate(LayerAnimation.keys(\"x\", lineKeys));\n\t\t\tparts.before = node;\n\t\t\tchildren.push(node);\n\t\t}\n\n\t\t// Slot decoration: a pill behind, or an underline under, sized like the slot.\n\t\tconst slotX = wB + gapB;\n\t\tif (props.slot !== \"plain\") {\n\t\t\tconst deco = host.box({\n\t\t\t\tid: ctx.partId(pill ? \"pill\" : \"underline\"),\n\t\t\t\tposition: \"absolute\",\n\t\t\t\tx: offset(0) + slotX,\n\t\t\t\ty: pill ? lineH * 0.06 : lineH + fs * 0.02,\n\t\t\t\twidth: slotW(0),\n\t\t\t\theight: pill ? lineH * 0.9 : Math.max(3, fs * 0.07),\n\t\t\t\tbackground: accent,\n\t\t\t\tborderRadius: pill ? lineH * 0.45 : fs * 0.035,\n\t\t\t});\n\t\t\tdeco.animate(\n\t\t\t\tLayerAnimation.create()\n\t\t\t\t\t.keys(\"x\", add(lineKeys, slotX))\n\t\t\t\t\t.keys(\"width\", slotKeys),\n\t\t\t);\n\t\t\tparts[pill ? \"pill\" : \"underline\"] = deco;\n\t\t\tchildren.push(deco);\n\t\t}\n\n\t\t// Words sit in a clip as wide as the slot, so a roll never shows outside it.\n\t\tconst wordFill = pill ? theme.color.bg : accent;\n\t\tconst wordNodes = props.words.map((word, i) => {\n\t\t\tconst node = text(`word-${i}`, word, pad, wordFill);\n\t\t\tif (i !== 0) node.opacity = 0;\n\t\t\tconst anim = LayerAnimation.create();\n\t\t\tconst y: KeyframeTuple[] = [];\n\t\t\tconst x: KeyframeTuple[] = [];\n\t\t\tconst opacity: KeyframeTuple[] = [];\n\t\t\tconst reveal: KeyframeTuple[] = [];\n\t\t\tconst park = props.transition === \"roll\" ? lineH : 0;\n\t\t\tconst visibleAt0 = i === 0;\n\t\t\ty.push([0, visibleAt0 ? 0 : park]);\n\t\t\topacity.push([0, visibleAt0 ? 1 : 0]);\n\t\t\tif (props.transition === \"type\") reveal.push([0, visibleAt0 ? 1 : 0]);\n\t\t\tlet prev = 0;\n\t\t\tfor (const c of changes) {\n\t\t\t\tconst f = c.frame;\n\t\t\t\tif (c.index === i) {\n\t\t\t\t\t// Arrives.\n\t\t\t\t\tif (props.transition === \"roll\") {\n\t\t\t\t\t\ty.push(\n\t\t\t\t\t\t\t[f - 1, park, \"hold\"],\n\t\t\t\t\t\t\t[f, park, \"hold\"],\n\t\t\t\t\t\t\t[f + tr, 0, theme.motion.ease.enter],\n\t\t\t\t\t\t);\n\t\t\t\t\t\topacity.push([f, 1, \"hold\"]);\n\t\t\t\t\t} else if (props.transition === \"fade\") {\n\t\t\t\t\t\ty.push(\n\t\t\t\t\t\t\t[f, fs * 0.12, \"hold\"],\n\t\t\t\t\t\t\t[f + tr, 0, theme.motion.ease.enter],\n\t\t\t\t\t\t);\n\t\t\t\t\t\topacity.push([f, 0, \"hold\"], [f + tr, 1, \"power2.out\"]);\n\t\t\t\t\t} else if (props.transition === \"slide\") {\n\t\t\t\t\t\tx.push(\n\t\t\t\t\t\t\t[f, pad + slotW(c.index), \"hold\"],\n\t\t\t\t\t\t\t[f + tr, pad, theme.motion.ease.enter],\n\t\t\t\t\t\t);\n\t\t\t\t\t\topacity.push([f, 1, \"hold\"]);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tconst out = props.words[prev] as string;\n\t\t\t\t\t\tconst typeAt = f + out.length * del;\n\t\t\t\t\t\topacity.push([typeAt, 1, \"hold\"]);\n\t\t\t\t\t\tfor (let k = 1; k <= word.length; k++)\n\t\t\t\t\t\t\treveal.push([typeAt + k * typ, k / word.length, \"hold\"]);\n\t\t\t\t\t}\n\t\t\t\t} else if (prev === i) {\n\t\t\t\t\t// Leaves.\n\t\t\t\t\tif (props.transition === \"roll\") {\n\t\t\t\t\t\ty.push(\n\t\t\t\t\t\t\t[f, 0],\n\t\t\t\t\t\t\t[f + tr, -lineH, theme.motion.ease.exit],\n\t\t\t\t\t\t\t[f + tr + 1, park, \"hold\"],\n\t\t\t\t\t\t);\n\t\t\t\t\t\topacity.push([f + tr, 1], [f + tr + 1, 0, \"hold\"]);\n\t\t\t\t\t} else if (props.transition === \"fade\") {\n\t\t\t\t\t\ty.push([f, 0], [f + tr, -fs * 0.12, theme.motion.ease.exit]);\n\t\t\t\t\t\topacity.push([f, 1], [f + tr, 0, \"power2.in\"]);\n\t\t\t\t\t} else if (props.transition === \"slide\") {\n\t\t\t\t\t\tx.push(\n\t\t\t\t\t\t\t[f, pad],\n\t\t\t\t\t\t\t[\n\t\t\t\t\t\t\t\tf + tr,\n\t\t\t\t\t\t\t\tpad - (widths[i] as number) - pad * 2,\n\t\t\t\t\t\t\t\ttheme.motion.ease.exit,\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t);\n\t\t\t\t\t\topacity.push([f + tr, 1], [f + tr + 1, 0, \"hold\"]);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tfor (let k = 1; k <= word.length; k++)\n\t\t\t\t\t\t\treveal.push([\n\t\t\t\t\t\t\t\tf + k * del,\n\t\t\t\t\t\t\t\t(word.length - k) / word.length,\n\t\t\t\t\t\t\t\t\"hold\",\n\t\t\t\t\t\t\t]);\n\t\t\t\t\t\topacity.push([f + word.length * del, 0, \"hold\"]);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tprev = c.index;\n\t\t\t}\n\t\t\tif (y.length > 1) anim.keys(\"y\", ascending(y));\n\t\t\tif (x.length > 0) anim.keys(\"x\", ascending([[0, pad], ...x]));\n\t\t\tif (opacity.length > 1) anim.keys(\"opacity\", ascending(opacity));\n\t\t\tif (reveal.length > 1) anim.keys(\"text\", ascending(reveal));\n\t\t\tnode.animate(anim);\n\t\t\tparts[`word-${i}`] = node;\n\t\t\treturn node;\n\t\t});\n\t\tconst clip = host.box({\n\t\t\tid: ctx.partId(\"slot\"),\n\t\t\tposition: \"absolute\",\n\t\t\tx: offset(0) + slotX,\n\t\t\ty: 0,\n\t\t\twidth: slotW(0),\n\t\t\theight: H,\n\t\t\toverflow: \"hidden\",\n\t\t\tchildren: wordNodes,\n\t\t});\n\t\tclip.animate(\n\t\t\tLayerAnimation.create()\n\t\t\t\t.keys(\"x\", add(lineKeys, slotX))\n\t\t\t\t.keys(\"width\", slotKeys),\n\t\t);\n\t\tparts.slot = clip;\n\t\tchildren.push(clip);\n\n\t\tif (after) {\n\t\t\tconst node = text(\n\t\t\t\t\"after\",\n\t\t\t\tafter,\n\t\t\t\toffset(0) + slotX + slotW(0) + gapA,\n\t\t\t\tink,\n\t\t\t);\n\t\t\tnode.animate(\n\t\t\t\tLayerAnimation.keys(\"x\", sum(lineKeys, slotKeys, slotX + gapA)),\n\t\t\t);\n\t\t\tparts.after = node;\n\t\t\tchildren.push(node);\n\t\t}\n\n\t\treturn {\n\t\t\tchildren,\n\t\t\twidth: W,\n\t\t\theight: H,\n\t\t\tduration: Math.max(1, settle),\n\t\t\topenEnded: true,\n\t\t\tcues: { changes } as WordCycleCues,\n\t\t\tparts,\n\t\t};\n\t},\n});\n\nconst round = (v: number) => Math.round(v * 1000) / 1000;\n\n/** Later keys on a shared frame win; frames ascend. */\nfunction ascending(keys: KeyframeTuple[]): KeyframeTuple[] {\n\tconst byFrame = new Map<number, KeyframeTuple>();\n\tfor (const k of keys) byFrame.set(k[0] as number, k);\n\treturn [...byFrame.values()].sort(\n\t\t(a, b) => (a[0] as number) - (b[0] as number),\n\t);\n}\n\n/** A keyed track's value at `f` (linear between keys, `hold` steps). */\nfunction valueAt(keys: readonly KeyframeTuple[], f: number): number {\n\tconst first = keys[0] as KeyframeTuple;\n\tif (f <= (first[0] as number)) return first[1] as number;\n\tfor (let i = 0; i < keys.length - 1; i++) {\n\t\tconst [f0, v0] = keys[i] as KeyframeTuple;\n\t\tconst [f1, v1, e] = keys[i + 1] as KeyframeTuple;\n\t\tif (f >= (f0 as number) && f <= (f1 as number)) {\n\t\t\tif (e === \"hold\") return f === f1 ? (v1 as number) : (v0 as number);\n\t\t\tconst t = (f - (f0 as number)) / ((f1 as number) - (f0 as number));\n\t\t\treturn (v0 as number) + ((v1 as number) - (v0 as number)) * t;\n\t\t}\n\t}\n\treturn keys[keys.length - 1]?.[1] as number;\n}\n\n/**\n * One slot in a line cycles through words: rolled, faded, slid or retyped,\n * while the slot resizes to each word and the line glides to fit.\n */\nexport const WordCycle = /* @__PURE__ */ bindComponent(wordCycle);\n"
+		}
+	]
+}

package/dist/renderer/index.d.mts

@@ -1,3 +1,3 @@
-import { F as describeGpu, L as initHeadlessWebGPU, p as GpuAdapterDescription } from "../index-DGe83M-p.mjs";
-import { _ as renderSemaphore, a as renderFrameGrid, c as HeadlessMediaRenderer, d as QaSegment, f as RenderProgress, g as formatQaReport, h as VideoQaStats, i as computeGridLayout, l as HeadlessWebGPURenderer, m as VideoQaReport, n as FrameGridRenderable, o as resolveSamplePoints, p as VideoQaOptions, r as FrameSamplePoint, s as AudioQaStats, t as FrameGridOptions, u as QaIssue, v as resetRenderCaches } from "../index-DIvWBm-q.mjs";
+import { F as describeGpu, L as initHeadlessWebGPU, p as GpuAdapterDescription } from "../index-fymoeGNW.mjs";
+import { _ as renderSemaphore, a as renderFrameGrid, c as HeadlessMediaRenderer, d as QaSegment, f as RenderProgress, g as formatQaReport, h as VideoQaStats, i as computeGridLayout, l as HeadlessWebGPURenderer, m as VideoQaReport, n as FrameGridRenderable, o as resolveSamplePoints, p as VideoQaOptions, r as FrameSamplePoint, s as AudioQaStats, t as FrameGridOptions, u as QaIssue, v as resetRenderCaches } from "../index-B-KVpJMb.mjs";
 export { AudioQaStats, FrameGridOptions, FrameGridRenderable, FrameSamplePoint, GpuAdapterDescription, HeadlessMediaRenderer, HeadlessWebGPURenderer, QaIssue, QaSegment, RenderProgress, VideoQaOptions, VideoQaReport, VideoQaStats, computeGridLayout, describeGpu, formatQaReport, initHeadlessWebGPU, renderFrameGrid, renderSemaphore, resetRenderCaches, resolveSamplePoints };

package/dist/renderer/index.mjs

@@ -1,5 +1,5 @@
-import "../chunk-GBe2k3y8.mjs";
-import { I as initHeadlessWebGPU, x as describeGpu } from "../dist-hmWTJPik.mjs";
-import { a as HeadlessMediaRenderer, c as renderSemaphore, i as resetRenderCaches, n as renderFrameGrid, o as HeadlessWebGPURenderer, r as resolveSamplePoints, s as formatQaReport, t as computeGridLayout } from "../renderer-CLxQ4rU6.mjs";
+import "../chunk-D7gtBK74.mjs";
+import { L as initHeadlessWebGPU, x as describeGpu } from "../dist-DBWkkSvJ.mjs";
+import { a as HeadlessMediaRenderer, c as renderSemaphore, i as resetRenderCaches, n as renderFrameGrid, o as HeadlessWebGPURenderer, r as resolveSamplePoints, s as formatQaReport, t as computeGridLayout } from "../renderer-D5u3GVtD.mjs";
 
 export { HeadlessMediaRenderer, HeadlessWebGPURenderer, computeGridLayout, describeGpu, formatQaReport, initHeadlessWebGPU, renderFrameGrid, renderSemaphore, resetRenderCaches, resolveSamplePoints };

package/dist/{renderer-Bhfl-WFX.mjs → renderer-0cHsK6xR.mjs}

@@ -1,7 +1,7 @@
-import "./chunk-GBe2k3y8.mjs";
-import { n as defineRenderer, s as resolveSignalField } from "./renderer-BSitV56h.mjs";
-import { Nn as signalRegistry } from "./dist-hmWTJPik.mjs";
-import { a as createFullscreenPipeline, c as drawTextureToTarget, l as fragmentBindGroupLayout, o as drawChildToTexture, p as texturesLayout, s as drawFullscreenPass, t as FULLSCREEN_QUAD_WGSL, u as perDevice } from "./gpu-CHIgM_YH.mjs";
+import "./chunk-D7gtBK74.mjs";
+import { n as defineRenderer, s as resolveSignalField } from "./renderer-C9r0-KY4.mjs";
+import { Fn as signalRegistry } from "./dist-DBWkkSvJ.mjs";
+import { a as createFullscreenPipeline, c as drawTextureToTarget, l as fragmentBindGroupLayout, o as drawChildToTexture, p as texturesLayout, s as drawFullscreenPass, t as FULLSCREEN_QUAD_WGSL, u as perDevice } from "./gpu-Dq_uI_00.mjs";
 
 //#region ../../nodes/node-camera-parallax-3d/dist/renderers-3w0EgvnV.mjs
 const CAMERA_PARALLAX_SHADER = `
@@ -470,4 +470,4 @@ var renderers_default = defineRenderer({ WebGPURenderer: CameraParallax3DWebGPUR
 
 //#endregion
 export { renderers_default as default };
-//# sourceMappingURL=renderer-Bhfl-WFX.mjs.map
+//# sourceMappingURL=renderer-0cHsK6xR.mjs.map

package/dist/{renderer-Bhfl-WFX.mjs.map → renderer-0cHsK6xR.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"renderer-Bhfl-WFX.mjs","names":[],"sources":["../../../nodes/node-camera-parallax-3d/dist/renderers-3w0EgvnV.mjs"],"sourcesContent":["import { defineRenderer } from \"@framefields/node-sdk/renderer\";\nimport { resolveSignalField } from \"@framefields/node-sdk\";\nimport { FULLSCREEN_QUAD_WGSL, createFullscreenPipeline, drawChildToTexture, drawFullscreenPass, drawTextureToTarget, fragmentBindGroupLayout, perDevice, texturesLayout } from \"@framefields/node-sdk/gpu\";\nimport { signalRegistry } from \"@framefields/webgpu-renderers\";\n\n//#region src/renderers/webgpu-renderer.ts\nconst CAMERA_PARALLAX_SHADER = `\nstruct CameraParallaxUniforms {\n    // vec4 0\n    motionPreset          : f32, // 0=Custom, 1=DollyZoom, 2=Orbit, 3=FlyThrough, 4=HandheldShake, 5=RackFocus\n    panX                  : f32,\n    panY                  : f32,\n    dollyZ                : f32,\n\n    // vec4 1\n    fov                   : f32,\n    parallaxAmount        : f32,\n    dofAperture           : f32,\n    focusPlane            : f32,\n\n    // vec4 2\n    edgeDilation          : f32,\n    depthInvert           : f32,\n    hasDepthMap           : f32,\n    timeProgress          : f32, // normalized 0.0 - 1.0 (or continuous)\n\n    // vec4 3\n    aspect                : f32,\n    _pad1                 : f32,\n    _pad2                 : f32,\n    _pad3                 : f32,\n\n    // vec4 4: signal flags\n    hasSigPanX            : f32,\n    hasSigPanY            : f32,\n    hasSigDollyZ          : f32,\n    hasSigFocusPlane      : f32,\n\n    // vec4 5: signal flags\n    hasSigParallax        : f32,\n    hasSigAperture        : f32,\n    hasSigFOV             : f32,\n    hasSigEdgeDilation    : f32,\n};\n\n@group(0) @binding(0) var<uniform> u : CameraParallaxUniforms;\n\n@group(1) @binding(0) var srcTex     : texture_2d<f32>;\n@group(1) @binding(1) var srcSamp    : sampler;\n\n@group(2) @binding(0) var depthTex   : texture_2d<f32>;\n@group(2) @binding(1) var depthSamp  : sampler;\n\n@group(3) @binding(0) var panXSigTex         : texture_2d<f32>;\n@group(3) @binding(1) var panYSigTex         : texture_2d<f32>;\n@group(3) @binding(2) var dollyZSigTex       : texture_2d<f32>;\n@group(3) @binding(3) var focusPlaneSigTex   : texture_2d<f32>;\n@group(3) @binding(4) var parallaxSigTex     : texture_2d<f32>;\n@group(3) @binding(5) var apertureSigTex     : texture_2d<f32>;\n@group(3) @binding(6) var fovSigTex          : texture_2d<f32>;\n@group(3) @binding(7) var edgeDilationSigTex : texture_2d<f32>;\n@group(3) @binding(8) var sigSamp            : sampler;\n${FULLSCREEN_QUAD_WGSL}\n\nfn sampleDepth(uv: vec2<f32>) -> f32 {\n    let clampedUV = clamp(uv, vec2<f32>(0.0), vec2<f32>(1.0));\n    var raw: f32 = 0.0;\n    if (u.hasDepthMap > 0.5) {\n        let dSample = textureSampleLevel(depthTex, depthSamp, clampedUV, 0.0);\n        raw = dot(dSample.rgb, vec3<f32>(0.299, 0.587, 0.114));\n    } else {\n        let c = textureSampleLevel(srcTex, srcSamp, clampedUV, 0.0);\n        raw = dot(c.rgb, vec3<f32>(0.299, 0.587, 0.114));\n    }\n    if (u.depthInvert > 0.5) {\n        raw = 1.0 - raw;\n    }\n    return clamp(raw, 0.0, 1.0);\n}\n\nfn sampleAlbedo(uv: vec2<f32>) -> vec4<f32> {\n    if (uv.x >= 0.0 && uv.x <= 1.0 && uv.y >= 0.0 && uv.y <= 1.0) {\n        return textureSampleLevel(srcTex, srcSamp, uv, 0.0);\n    }\n    // Mirror with subtle fade for border inpainting\n    let mirroredUV = abs(fract(uv * 0.5 + 0.5) * 2.0 - 1.0);\n    let clampedUV = clamp(mirroredUV, vec2<f32>(0.001), vec2<f32>(0.999));\n    return textureSampleLevel(srcTex, srcSamp, clampedUV, 0.0);\n}\n\n@fragment fn fs(in: VSOut) -> @location(0) vec4<f32> {\n    let dims = vec2<f32>(textureDimensions(srcTex));\n    let texelSize = vec2<f32>(1.0 / dims.x, 1.0 / dims.y);\n    let aspect = select(u.aspect, dims.x / max(1.0, dims.y), u.aspect <= 0.0);\n\n    // Resolve signals\n    var panX = u.panX;\n    if (u.hasSigPanX > 0.5) {\n        panX = textureSampleLevel(panXSigTex, sigSamp, in.uv, 0.0).r;\n    }\n\n    var panY = u.panY;\n    if (u.hasSigPanY > 0.5) {\n        panY = textureSampleLevel(panYSigTex, sigSamp, in.uv, 0.0).r;\n    }\n\n    var dollyZ = u.dollyZ;\n    if (u.hasSigDollyZ > 0.5) {\n        dollyZ = textureSampleLevel(dollyZSigTex, sigSamp, in.uv, 0.0).r;\n    }\n\n    var focusPlane = u.focusPlane;\n    if (u.hasSigFocusPlane > 0.5) {\n        focusPlane = clamp(textureSampleLevel(focusPlaneSigTex, sigSamp, in.uv, 0.0).r, 0.0, 1.0);\n    }\n\n    var parallaxAmount = u.parallaxAmount;\n    if (u.hasSigParallax > 0.5) {\n        parallaxAmount = max(0.0, textureSampleLevel(parallaxSigTex, sigSamp, in.uv, 0.0).r);\n    }\n\n    var dofAperture = u.dofAperture;\n    if (u.hasSigAperture > 0.5) {\n        dofAperture = clamp(textureSampleLevel(apertureSigTex, sigSamp, in.uv, 0.0).r, 0.0, 1.0);\n    }\n\n    var fov = u.fov;\n    if (u.hasSigFOV > 0.5) {\n        fov = clamp(textureSampleLevel(fovSigTex, sigSamp, in.uv, 0.0).r, 15.0, 120.0);\n    }\n\n    var edgeDilation = u.edgeDilation;\n    if (u.hasSigEdgeDilation > 0.5) {\n        edgeDilation = clamp(textureSampleLevel(edgeDilationSigTex, sigSamp, in.uv, 0.0).r, 0.0, 1.0);\n    }\n\n    // Motion Presets Computation\n    let t = u.timeProgress;\n    let twoPi = 6.2831853;\n    let pi = 3.14159265;\n\n    var motionPanX: f32 = 0.0;\n    var motionPanY: f32 = 0.0;\n    var motionDollyZ: f32 = 0.0;\n    var motionFocus: f32 = 0.0;\n\n    let preset = u.motionPreset;\n\n    if (preset > 0.5 && preset < 1.5) {\n        // DollyZoom (Vertigo effect)\n        let s = sin(t * pi);\n        motionDollyZ = (s * 2.0 - 1.0) * 0.45;\n        motionPanX = sin(t * twoPi) * 0.06;\n        motionPanY = cos(t * twoPi) * 0.03;\n    } else if (preset > 1.5 && preset < 2.5) {\n        // Orbit\n        let angle = t * twoPi;\n        motionPanX = cos(angle) * 0.32;\n        motionPanY = sin(angle) * 0.18;\n        motionDollyZ = sin(angle * 2.0) * 0.12;\n    } else if (preset > 2.5 && preset < 3.5) {\n        // FlyThrough\n        let phase = sin(t * pi);\n        motionDollyZ = phase * 0.65;\n        motionPanX = sin(t * twoPi) * 0.12;\n        motionPanY = cos(t * pi) * 0.08;\n        motionFocus = (phase - 0.5) * 0.6;\n    } else if (preset > 3.5 && preset < 4.5) {\n        // HandheldShake\n        motionPanX = (sin(t * twoPi * 1.6) * 0.06 + sin(t * twoPi * 3.7) * 0.03);\n        motionPanY = (cos(t * twoPi * 1.3) * 0.05 + sin(t * twoPi * 4.2) * 0.025);\n        motionDollyZ = sin(t * twoPi * 0.8) * 0.04;\n    } else if (preset > 4.5) {\n        // RackFocus\n        let focusWave = sin(t * pi);\n        motionFocus = (focusWave - 0.5) * 0.8;\n        motionPanX = sin(t * twoPi) * 0.04;\n        motionPanY = cos(t * twoPi) * 0.02;\n        motionDollyZ = sin(t * pi) * 0.06;\n    }\n\n    // Cumulative camera parameters\n    let effectivePanX = clamp(panX + motionPanX, -1.0, 1.0);\n    let effectivePanY = clamp(panY + motionPanY, -1.0, 1.0);\n    let effectiveDollyZ = clamp(dollyZ + motionDollyZ, -1.0, 1.0);\n    let effectiveFocusPlane = clamp(focusPlane + motionFocus, 0.0, 1.0);\n\n    // FOV & perspective distortion factor\n    let fovRad = (fov * pi) / 180.0;\n    let fovScale = tan(fovRad * 0.5) / tan(50.0 * pi / 360.0);\n\n    // 3D Camera Raymarch Offset\n    let camOffset = vec2<f32>(effectivePanX * aspect, -effectivePanY) * (parallaxAmount * 0.15 * fovScale);\n    let zoomFactor = max(0.5, 1.0 + effectiveDollyZ * 0.4);\n\n    let centeredUV = (in.uv - 0.5) / zoomFactor + 0.5;\n\n    // Steep Relief Raymarching (16 linear steps + 4 binary refinement steps)\n    let numSteps = 16.0;\n    let stepSize = 1.0 / numSteps;\n    var currentRayZ: f32 = 1.0;\n    var currentUV = centeredUV;\n    var lastUV = centeredUV;\n    var lastRayZ: f32 = 1.0;\n    var lastDepth: f32 = sampleDepth(centeredUV);\n    var foundHit = false;\n\n    for (var i = 0; i < 16; i = i + 1) {\n        let sampleUV = centeredUV + camOffset * (currentRayZ - effectiveFocusPlane);\n        let sceneDepth = sampleDepth(sampleUV);\n\n        if (sceneDepth >= currentRayZ) {\n            foundHit = true;\n            lastUV = sampleUV;\n            break;\n        }\n\n        lastRayZ = currentRayZ;\n        lastDepth = sceneDepth;\n        currentRayZ = currentRayZ - stepSize;\n    }\n\n    // Binary refinement search for sub-pixel surface accuracy\n    var hitUV = lastUV;\n    var hitDepth = lastDepth;\n    var minZ = currentRayZ;\n    var maxZ = lastRayZ;\n\n    for (var b = 0; b < 4; b = b + 1) {\n        let midZ = (minZ + maxZ) * 0.5;\n        let testUV = centeredUV + camOffset * (midZ - effectiveFocusPlane);\n        let testDepth = sampleDepth(testUV);\n        if (testDepth >= midZ) {\n            minZ = midZ;\n            hitUV = testUV;\n            hitDepth = testDepth;\n        } else {\n            maxZ = midZ;\n        }\n    }\n\n    // Edge inpainting / dilation clamping\n    var finalUV = hitUV;\n    if (hitUV.x < 0.0 || hitUV.x > 1.0 || hitUV.y < 0.0 || hitUV.y > 1.0) {\n        let clampedBorderUV = clamp(hitUV, vec2<f32>(0.0), vec2<f32>(1.0));\n        finalUV = mix(hitUV, clampedBorderUV, edgeDilation);\n    }\n\n    // Circle of Confusion (Physical Bokeh Blur)\n    let coc = abs(hitDepth - effectiveFocusPlane) * dofAperture * 0.04;\n\n    if (coc < 0.0008) {\n        return sampleAlbedo(finalUV);\n    }\n\n    // Multi-tap Golden Spiral Bokeh Disk Blur (16 taps)\n    var accumColor = vec4<f32>(0.0);\n    var totalWeight: f32 = 0.0;\n    let goldenAngle = 2.39996323;\n\n    for (var tap = 0; tap < 16; tap = tap + 1) {\n        let fTap = f32(tap);\n        let r = sqrt((fTap + 0.5) / 16.0);\n        let theta = fTap * goldenAngle;\n        let offset = vec2<f32>(cos(theta), sin(theta) * aspect) * (r * coc);\n\n        let tapUV = finalUV + offset;\n        let tapColor = sampleAlbedo(tapUV);\n        let tapDepth = sampleDepth(tapUV);\n\n        // Bokeh depth weighting: prevents foreground blur from bleeding into background\n        let depthDelta = tapDepth - hitDepth;\n        let bokehWeight = select(1.0, smoothstep(-0.08, 0.04, depthDelta), depthDelta < 0.0) / (1.0 + r * r * 0.5);\n\n        accumColor = accumColor + tapColor * bokehWeight;\n        totalWeight = totalWeight + bokehWeight;\n    }\n\n    let finalColor = accumColor / max(totalWeight, 0.0001);\n    return vec4<f32>(clamp(finalColor.rgb, vec3<f32>(0.0), vec3<f32>(1.0)), finalColor.a);\n}\n`;\nconst getDeviceLayouts = perDevice((device) => ({\n\tuniformLayout: fragmentBindGroupLayout(device, [\"uniform\"]),\n\tsrcTextureLayout: fragmentBindGroupLayout(device, [\"texture\", \"sampler\"]),\n\tdepthTextureLayout: fragmentBindGroupLayout(device, [\"texture\", \"sampler\"]),\n\tsignalTextureLayout: texturesLayout(device, 8),\n\tpipelineCache: /* @__PURE__ */ new Map()\n}));\nfunction getCameraParallaxResources(device, format) {\n\tconst layouts = getDeviceLayouts(device);\n\tconst cacheKey = `camera_parallax_${format}`;\n\tlet pipeline = layouts.pipelineCache.get(cacheKey);\n\tif (!pipeline) {\n\t\tconst module = device.createShaderModule({\n\t\t\tlabel: `camera_parallax_${format}.wgsl`,\n\t\t\tcode: CAMERA_PARALLAX_SHADER\n\t\t});\n\t\tpipeline = createFullscreenPipeline(device, {\n\t\t\tlabel: `CameraParallaxPipeline_${format}`,\n\t\t\tmodule,\n\t\t\tlayouts: [\n\t\t\t\tlayouts.uniformLayout,\n\t\t\t\tlayouts.srcTextureLayout,\n\t\t\t\tlayouts.depthTextureLayout,\n\t\t\t\tlayouts.signalTextureLayout\n\t\t\t],\n\t\t\tformat\n\t\t});\n\t\tlayouts.pipelineCache.set(cacheKey, pipeline);\n\t}\n\treturn {\n\t\tpipeline,\n\t\tuniformLayout: layouts.uniformLayout,\n\t\tsrcTextureLayout: layouts.srcTextureLayout,\n\t\tdepthTextureLayout: layouts.depthTextureLayout,\n\t\tsignalTextureLayout: layouts.signalTextureLayout\n\t};\n}\nconst CameraParallax3DWebGPURenderer = async (args) => {\n\tconst { ctx, encoder, pass, targetTexture, targetWidth, targetHeight, props } = args;\n\tconst frame = props.frame ?? 0;\n\tconst compositionFrame = props.compositionFrame ?? frame;\n\tconst fps = props.fps || 60;\n\tconst op = props.virtualMedia?.operation;\n\tif (op?.op !== \"CameraParallax3D\" || !op) return;\n\tconst sourceMedia = props.virtualMedia.children?.[0];\n\tif (!sourceMedia) return;\n\tpass.end();\n\tconst width = targetWidth;\n\tconst height = targetHeight;\n\tconst { texture: srcTex } = await drawChildToTexture(args, sourceMedia, { props: {\n\t\t...props,\n\t\tvirtualMedia: sourceMedia,\n\t\tcontainerWidth: width,\n\t\tcontainerHeight: height\n\t} });\n\targs.pass.end();\n\tconst depthMedia = op.depthMedia;\n\tlet depthTex;\n\tlet hasDepthMap = false;\n\tif (depthMedia) {\n\t\t({texture: depthTex} = await drawChildToTexture(args, depthMedia, {\n\t\t\tprops: {\n\t\t\t\t...props,\n\t\t\t\tvirtualMedia: depthMedia,\n\t\t\t\tcontainerWidth: width,\n\t\t\t\tcontainerHeight: height\n\t\t\t},\n\t\t\texclude: [srcTex]\n\t\t}));\n\t\targs.pass.end();\n\t\thasDepthMap = true;\n\t} else {\n\t\tdepthTex = srcTex;\n\t\thasDepthMap = false;\n\t}\n\tconst { pipeline, uniformLayout: uLayout, srcTextureLayout: srcLayout, depthTextureLayout: depthLayout, signalTextureLayout: sigLayout } = getCameraParallaxResources(ctx.device, ctx.renderer.format);\n\tconst sampler = ctx.renderer.samplerCache.getSampler(ctx.device);\n\tconst elapsedSeconds = props.elapsedMs !== void 0 ? props.elapsedMs / 1e3 : compositionFrame / fps;\n\tconst durationSeconds = props.virtualMedia?.metadata?.durationMs ? props.virtualMedia.metadata.durationMs / 1e3 : props.durationMs !== void 0 ? props.durationMs / 1e3 : 4;\n\tconst timeProgress = durationSeconds > 0 ? elapsedSeconds % durationSeconds / durationSeconds : 0;\n\tconst panXInfo = resolveSignalField(op, \"panX\", 0, -1, 1);\n\tconst panYInfo = resolveSignalField(op, \"panY\", 0, -1, 1);\n\tconst dollyZInfo = resolveSignalField(op, \"dollyZ\", 0, -1, 1);\n\tconst fovInfo = resolveSignalField(op, \"fov\", 50, 15, 120);\n\tconst parallaxInfo = resolveSignalField(op, \"parallaxAmount\", .6, 0, 2);\n\tconst apertureInfo = resolveSignalField(op, \"dofAperture\", .3, 0, 1);\n\tconst focusPlaneInfo = resolveSignalField(op, \"focusPlane\", .4, 0, 1);\n\tconst edgeDilationInfo = resolveSignalField(op, \"edgeDilation\", .5, 0, 1);\n\tconst getSigTextureView = (info, fallbackId) => {\n\t\tif (info.hasSignal && info.sd) return signalRegistry.getOrCreate2DTextureView(ctx.device, encoder, info.sd.nodeId ?? fallbackId, elapsedSeconds, durationSeconds, info.sd, width, height, props.renderId, frame, fps);\n\t\treturn signalRegistry.getDummy1x1TextureView(ctx.device);\n\t};\n\tconst sigPanXView = getSigTextureView(panXInfo, \"cam_panx_sig\");\n\tconst sigPanYView = getSigTextureView(panYInfo, \"cam_pany_sig\");\n\tconst sigDollyZView = getSigTextureView(dollyZInfo, \"cam_dollyz_sig\");\n\tconst sigFocusPlaneView = getSigTextureView(focusPlaneInfo, \"cam_focus_sig\");\n\tconst sigParallaxView = getSigTextureView(parallaxInfo, \"cam_plax_sig\");\n\tconst sigApertureView = getSigTextureView(apertureInfo, \"cam_ap_sig\");\n\tconst sigFOVView = getSigTextureView(fovInfo, \"cam_fov_sig\");\n\tconst sigEdgeDilationView = getSigTextureView(edgeDilationInfo, \"cam_edge_sig\");\n\tconst uniformData = new Float32Array(24);\n\tuniformData[0] = op.motionPreset === \"DollyZoom\" ? 1 : op.motionPreset === \"Orbit\" ? 2 : op.motionPreset === \"FlyThrough\" ? 3 : op.motionPreset === \"HandheldShake\" ? 4 : op.motionPreset === \"RackFocus\" ? 5 : 0;\n\tuniformData[1] = panXInfo.value;\n\tuniformData[2] = panYInfo.value;\n\tuniformData[3] = dollyZInfo.value;\n\tuniformData[4] = fovInfo.value;\n\tuniformData[5] = parallaxInfo.value;\n\tuniformData[6] = apertureInfo.value;\n\tuniformData[7] = focusPlaneInfo.value;\n\tuniformData[8] = edgeDilationInfo.value;\n\tuniformData[9] = op.depthInvert ? 1 : 0;\n\tuniformData[10] = hasDepthMap ? 1 : 0;\n\tuniformData[11] = timeProgress;\n\tuniformData[12] = width / Math.max(1, height);\n\tuniformData[13] = 0;\n\tuniformData[14] = 0;\n\tuniformData[15] = 0;\n\tuniformData[16] = panXInfo.hasSignal ? 1 : 0;\n\tuniformData[17] = panYInfo.hasSignal ? 1 : 0;\n\tuniformData[18] = dollyZInfo.hasSignal ? 1 : 0;\n\tuniformData[19] = focusPlaneInfo.hasSignal ? 1 : 0;\n\tuniformData[20] = parallaxInfo.hasSignal ? 1 : 0;\n\tuniformData[21] = apertureInfo.hasSignal ? 1 : 0;\n\tuniformData[22] = fovInfo.hasSignal ? 1 : 0;\n\tuniformData[23] = edgeDilationInfo.hasSignal ? 1 : 0;\n\tconst uniformBuffer = ctx.renderer.getTemporaryBuffer(uniformData);\n\tconst outTex = ctx.renderer.getTemporaryTexture(width, height, [\n\t\tsrcTex,\n\t\tdepthTex,\n\t\ttargetTexture,\n\t\t...props.excludeTextures || []\n\t]);\n\tdrawFullscreenPass(encoder, outTex.createView(), pipeline, [\n\t\tctx.device.createBindGroup({\n\t\t\tlayout: uLayout,\n\t\t\tentries: [{\n\t\t\t\tbinding: 0,\n\t\t\t\tresource: { buffer: uniformBuffer }\n\t\t\t}]\n\t\t}),\n\t\tctx.renderer.bindGroupCache.getBindGroup(ctx.device, srcLayout, srcTex, sampler),\n\t\tctx.renderer.bindGroupCache.getBindGroup(ctx.device, depthLayout, depthTex, sampler),\n\t\tctx.device.createBindGroup({\n\t\t\tlayout: sigLayout,\n\t\t\tentries: [\n\t\t\t\t{\n\t\t\t\t\tbinding: 0,\n\t\t\t\t\tresource: sigPanXView\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tbinding: 1,\n\t\t\t\t\tresource: sigPanYView\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tbinding: 2,\n\t\t\t\t\tresource: sigDollyZView\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tbinding: 3,\n\t\t\t\t\tresource: sigFocusPlaneView\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tbinding: 4,\n\t\t\t\t\tresource: sigParallaxView\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tbinding: 5,\n\t\t\t\t\tresource: sigApertureView\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tbinding: 6,\n\t\t\t\t\tresource: sigFOVView\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tbinding: 7,\n\t\t\t\t\tresource: sigEdgeDilationView\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tbinding: 8,\n\t\t\t\t\tresource: sampler\n\t\t\t\t}\n\t\t\t]\n\t\t})\n\t]);\n\tdrawTextureToTarget(args, outTex, op.opacity ?? 1);\n};\n\n//#endregion\n//#region src/renderers/index.ts\nvar renderers_default = defineRenderer({ WebGPURenderer: CameraParallax3DWebGPURenderer });\n\n//#endregion\nexport { renderers_default as t };\n//# sourceMappingURL=renderers-3w0EgvnV.mjs.map"],"mappings":"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"}
+{"version":3,"file":"renderer-0cHsK6xR.mjs","names":[],"sources":["../../../nodes/node-camera-parallax-3d/dist/renderers-3w0EgvnV.mjs"],"sourcesContent":["import { defineRenderer } from \"@framefields/node-sdk/renderer\";\nimport { resolveSignalField } from \"@framefields/node-sdk\";\nimport { FULLSCREEN_QUAD_WGSL, createFullscreenPipeline, drawChildToTexture, drawFullscreenPass, drawTextureToTarget, fragmentBindGroupLayout, perDevice, texturesLayout } from \"@framefields/node-sdk/gpu\";\nimport { signalRegistry } from \"@framefields/webgpu-renderers\";\n\n//#region src/renderers/webgpu-renderer.ts\nconst CAMERA_PARALLAX_SHADER = `\nstruct CameraParallaxUniforms {\n    // vec4 0\n    motionPreset          : f32, // 0=Custom, 1=DollyZoom, 2=Orbit, 3=FlyThrough, 4=HandheldShake, 5=RackFocus\n    panX                  : f32,\n    panY                  : f32,\n    dollyZ                : f32,\n\n    // vec4 1\n    fov                   : f32,\n    parallaxAmount        : f32,\n    dofAperture           : f32,\n    focusPlane            : f32,\n\n    // vec4 2\n    edgeDilation          : f32,\n    depthInvert           : f32,\n    hasDepthMap           : f32,\n    timeProgress          : f32, // normalized 0.0 - 1.0 (or continuous)\n\n    // vec4 3\n    aspect                : f32,\n    _pad1                 : f32,\n    _pad2                 : f32,\n    _pad3                 : f32,\n\n    // vec4 4: signal flags\n    hasSigPanX            : f32,\n    hasSigPanY            : f32,\n    hasSigDollyZ          : f32,\n    hasSigFocusPlane      : f32,\n\n    // vec4 5: signal flags\n    hasSigParallax        : f32,\n    hasSigAperture        : f32,\n    hasSigFOV             : f32,\n    hasSigEdgeDilation    : f32,\n};\n\n@group(0) @binding(0) var<uniform> u : CameraParallaxUniforms;\n\n@group(1) @binding(0) var srcTex     : texture_2d<f32>;\n@group(1) @binding(1) var srcSamp    : sampler;\n\n@group(2) @binding(0) var depthTex   : texture_2d<f32>;\n@group(2) @binding(1) var depthSamp  : sampler;\n\n@group(3) @binding(0) var panXSigTex         : texture_2d<f32>;\n@group(3) @binding(1) var panYSigTex         : texture_2d<f32>;\n@group(3) @binding(2) var dollyZSigTex       : texture_2d<f32>;\n@group(3) @binding(3) var focusPlaneSigTex   : texture_2d<f32>;\n@group(3) @binding(4) var parallaxSigTex     : texture_2d<f32>;\n@group(3) @binding(5) var apertureSigTex     : texture_2d<f32>;\n@group(3) @binding(6) var fovSigTex          : texture_2d<f32>;\n@group(3) @binding(7) var edgeDilationSigTex : texture_2d<f32>;\n@group(3) @binding(8) var sigSamp            : sampler;\n${FULLSCREEN_QUAD_WGSL}\n\nfn sampleDepth(uv: vec2<f32>) -> f32 {\n    let clampedUV = clamp(uv, vec2<f32>(0.0), vec2<f32>(1.0));\n    var raw: f32 = 0.0;\n    if (u.hasDepthMap > 0.5) {\n        let dSample = textureSampleLevel(depthTex, depthSamp, clampedUV, 0.0);\n        raw = dot(dSample.rgb, vec3<f32>(0.299, 0.587, 0.114));\n    } else {\n        let c = textureSampleLevel(srcTex, srcSamp, clampedUV, 0.0);\n        raw = dot(c.rgb, vec3<f32>(0.299, 0.587, 0.114));\n    }\n    if (u.depthInvert > 0.5) {\n        raw = 1.0 - raw;\n    }\n    return clamp(raw, 0.0, 1.0);\n}\n\nfn sampleAlbedo(uv: vec2<f32>) -> vec4<f32> {\n    if (uv.x >= 0.0 && uv.x <= 1.0 && uv.y >= 0.0 && uv.y <= 1.0) {\n        return textureSampleLevel(srcTex, srcSamp, uv, 0.0);\n    }\n    // Mirror with subtle fade for border inpainting\n    let mirroredUV = abs(fract(uv * 0.5 + 0.5) * 2.0 - 1.0);\n    let clampedUV = clamp(mirroredUV, vec2<f32>(0.001), vec2<f32>(0.999));\n    return textureSampleLevel(srcTex, srcSamp, clampedUV, 0.0);\n}\n\n@fragment fn fs(in: VSOut) -> @location(0) vec4<f32> {\n    let dims = vec2<f32>(textureDimensions(srcTex));\n    let texelSize = vec2<f32>(1.0 / dims.x, 1.0 / dims.y);\n    let aspect = select(u.aspect, dims.x / max(1.0, dims.y), u.aspect <= 0.0);\n\n    // Resolve signals\n    var panX = u.panX;\n    if (u.hasSigPanX > 0.5) {\n        panX = textureSampleLevel(panXSigTex, sigSamp, in.uv, 0.0).r;\n    }\n\n    var panY = u.panY;\n    if (u.hasSigPanY > 0.5) {\n        panY = textureSampleLevel(panYSigTex, sigSamp, in.uv, 0.0).r;\n    }\n\n    var dollyZ = u.dollyZ;\n    if (u.hasSigDollyZ > 0.5) {\n        dollyZ = textureSampleLevel(dollyZSigTex, sigSamp, in.uv, 0.0).r;\n    }\n\n    var focusPlane = u.focusPlane;\n    if (u.hasSigFocusPlane > 0.5) {\n        focusPlane = clamp(textureSampleLevel(focusPlaneSigTex, sigSamp, in.uv, 0.0).r, 0.0, 1.0);\n    }\n\n    var parallaxAmount = u.parallaxAmount;\n    if (u.hasSigParallax > 0.5) {\n        parallaxAmount = max(0.0, textureSampleLevel(parallaxSigTex, sigSamp, in.uv, 0.0).r);\n    }\n\n    var dofAperture = u.dofAperture;\n    if (u.hasSigAperture > 0.5) {\n        dofAperture = clamp(textureSampleLevel(apertureSigTex, sigSamp, in.uv, 0.0).r, 0.0, 1.0);\n    }\n\n    var fov = u.fov;\n    if (u.hasSigFOV > 0.5) {\n        fov = clamp(textureSampleLevel(fovSigTex, sigSamp, in.uv, 0.0).r, 15.0, 120.0);\n    }\n\n    var edgeDilation = u.edgeDilation;\n    if (u.hasSigEdgeDilation > 0.5) {\n        edgeDilation = clamp(textureSampleLevel(edgeDilationSigTex, sigSamp, in.uv, 0.0).r, 0.0, 1.0);\n    }\n\n    // Motion Presets Computation\n    let t = u.timeProgress;\n    let twoPi = 6.2831853;\n    let pi = 3.14159265;\n\n    var motionPanX: f32 = 0.0;\n    var motionPanY: f32 = 0.0;\n    var motionDollyZ: f32 = 0.0;\n    var motionFocus: f32 = 0.0;\n\n    let preset = u.motionPreset;\n\n    if (preset > 0.5 && preset < 1.5) {\n        // DollyZoom (Vertigo effect)\n        let s = sin(t * pi);\n        motionDollyZ = (s * 2.0 - 1.0) * 0.45;\n        motionPanX = sin(t * twoPi) * 0.06;\n        motionPanY = cos(t * twoPi) * 0.03;\n    } else if (preset > 1.5 && preset < 2.5) {\n        // Orbit\n        let angle = t * twoPi;\n        motionPanX = cos(angle) * 0.32;\n        motionPanY = sin(angle) * 0.18;\n        motionDollyZ = sin(angle * 2.0) * 0.12;\n    } else if (preset > 2.5 && preset < 3.5) {\n        // FlyThrough\n        let phase = sin(t * pi);\n        motionDollyZ = phase * 0.65;\n        motionPanX = sin(t * twoPi) * 0.12;\n        motionPanY = cos(t * pi) * 0.08;\n        motionFocus = (phase - 0.5) * 0.6;\n    } else if (preset > 3.5 && preset < 4.5) {\n        // HandheldShake\n        motionPanX = (sin(t * twoPi * 1.6) * 0.06 + sin(t * twoPi * 3.7) * 0.03);\n        motionPanY = (cos(t * twoPi * 1.3) * 0.05 + sin(t * twoPi * 4.2) * 0.025);\n        motionDollyZ = sin(t * twoPi * 0.8) * 0.04;\n    } else if (preset > 4.5) {\n        // RackFocus\n        let focusWave = sin(t * pi);\n        motionFocus = (focusWave - 0.5) * 0.8;\n        motionPanX = sin(t * twoPi) * 0.04;\n        motionPanY = cos(t * twoPi) * 0.02;\n        motionDollyZ = sin(t * pi) * 0.06;\n    }\n\n    // Cumulative camera parameters\n    let effectivePanX = clamp(panX + motionPanX, -1.0, 1.0);\n    let effectivePanY = clamp(panY + motionPanY, -1.0, 1.0);\n    let effectiveDollyZ = clamp(dollyZ + motionDollyZ, -1.0, 1.0);\n    let effectiveFocusPlane = clamp(focusPlane + motionFocus, 0.0, 1.0);\n\n    // FOV & perspective distortion factor\n    let fovRad = (fov * pi) / 180.0;\n    let fovScale = tan(fovRad * 0.5) / tan(50.0 * pi / 360.0);\n\n    // 3D Camera Raymarch Offset\n    let camOffset = vec2<f32>(effectivePanX * aspect, -effectivePanY) * (parallaxAmount * 0.15 * fovScale);\n    let zoomFactor = max(0.5, 1.0 + effectiveDollyZ * 0.4);\n\n    let centeredUV = (in.uv - 0.5) / zoomFactor + 0.5;\n\n    // Steep Relief Raymarching (16 linear steps + 4 binary refinement steps)\n    let numSteps = 16.0;\n    let stepSize = 1.0 / numSteps;\n    var currentRayZ: f32 = 1.0;\n    var currentUV = centeredUV;\n    var lastUV = centeredUV;\n    var lastRayZ: f32 = 1.0;\n    var lastDepth: f32 = sampleDepth(centeredUV);\n    var foundHit = false;\n\n    for (var i = 0; i < 16; i = i + 1) {\n        let sampleUV = centeredUV + camOffset * (currentRayZ - effectiveFocusPlane);\n        let sceneDepth = sampleDepth(sampleUV);\n\n        if (sceneDepth >= currentRayZ) {\n            foundHit = true;\n            lastUV = sampleUV;\n            break;\n        }\n\n        lastRayZ = currentRayZ;\n        lastDepth = sceneDepth;\n        currentRayZ = currentRayZ - stepSize;\n    }\n\n    // Binary refinement search for sub-pixel surface accuracy\n    var hitUV = lastUV;\n    var hitDepth = lastDepth;\n    var minZ = currentRayZ;\n    var maxZ = lastRayZ;\n\n    for (var b = 0; b < 4; b = b + 1) {\n        let midZ = (minZ + maxZ) * 0.5;\n        let testUV = centeredUV + camOffset * (midZ - effectiveFocusPlane);\n        let testDepth = sampleDepth(testUV);\n        if (testDepth >= midZ) {\n            minZ = midZ;\n            hitUV = testUV;\n            hitDepth = testDepth;\n        } else {\n            maxZ = midZ;\n        }\n    }\n\n    // Edge inpainting / dilation clamping\n    var finalUV = hitUV;\n    if (hitUV.x < 0.0 || hitUV.x > 1.0 || hitUV.y < 0.0 || hitUV.y > 1.0) {\n        let clampedBorderUV = clamp(hitUV, vec2<f32>(0.0), vec2<f32>(1.0));\n        finalUV = mix(hitUV, clampedBorderUV, edgeDilation);\n    }\n\n    // Circle of Confusion (Physical Bokeh Blur)\n    let coc = abs(hitDepth - effectiveFocusPlane) * dofAperture * 0.04;\n\n    if (coc < 0.0008) {\n        return sampleAlbedo(finalUV);\n    }\n\n    // Multi-tap Golden Spiral Bokeh Disk Blur (16 taps)\n    var accumColor = vec4<f32>(0.0);\n    var totalWeight: f32 = 0.0;\n    let goldenAngle = 2.39996323;\n\n    for (var tap = 0; tap < 16; tap = tap + 1) {\n        let fTap = f32(tap);\n        let r = sqrt((fTap + 0.5) / 16.0);\n        let theta = fTap * goldenAngle;\n        let offset = vec2<f32>(cos(theta), sin(theta) * aspect) * (r * coc);\n\n        let tapUV = finalUV + offset;\n        let tapColor = sampleAlbedo(tapUV);\n        let tapDepth = sampleDepth(tapUV);\n\n        // Bokeh depth weighting: prevents foreground blur from bleeding into background\n        let depthDelta = tapDepth - hitDepth;\n        let bokehWeight = select(1.0, smoothstep(-0.08, 0.04, depthDelta), depthDelta < 0.0) / (1.0 + r * r * 0.5);\n\n        accumColor = accumColor + tapColor * bokehWeight;\n        totalWeight = totalWeight + bokehWeight;\n    }\n\n    let finalColor = accumColor / max(totalWeight, 0.0001);\n    return vec4<f32>(clamp(finalColor.rgb, vec3<f32>(0.0), vec3<f32>(1.0)), finalColor.a);\n}\n`;\nconst getDeviceLayouts = perDevice((device) => ({\n\tuniformLayout: fragmentBindGroupLayout(device, [\"uniform\"]),\n\tsrcTextureLayout: fragmentBindGroupLayout(device, [\"texture\", \"sampler\"]),\n\tdepthTextureLayout: fragmentBindGroupLayout(device, [\"texture\", \"sampler\"]),\n\tsignalTextureLayout: texturesLayout(device, 8),\n\tpipelineCache: /* @__PURE__ */ new Map()\n}));\nfunction getCameraParallaxResources(device, format) {\n\tconst layouts = getDeviceLayouts(device);\n\tconst cacheKey = `camera_parallax_${format}`;\n\tlet pipeline = layouts.pipelineCache.get(cacheKey);\n\tif (!pipeline) {\n\t\tconst module = device.createShaderModule({\n\t\t\tlabel: `camera_parallax_${format}.wgsl`,\n\t\t\tcode: CAMERA_PARALLAX_SHADER\n\t\t});\n\t\tpipeline = createFullscreenPipeline(device, {\n\t\t\tlabel: `CameraParallaxPipeline_${format}`,\n\t\t\tmodule,\n\t\t\tlayouts: [\n\t\t\t\tlayouts.uniformLayout,\n\t\t\t\tlayouts.srcTextureLayout,\n\t\t\t\tlayouts.depthTextureLayout,\n\t\t\t\tlayouts.signalTextureLayout\n\t\t\t],\n\t\t\tformat\n\t\t});\n\t\tlayouts.pipelineCache.set(cacheKey, pipeline);\n\t}\n\treturn {\n\t\tpipeline,\n\t\tuniformLayout: layouts.uniformLayout,\n\t\tsrcTextureLayout: layouts.srcTextureLayout,\n\t\tdepthTextureLayout: layouts.depthTextureLayout,\n\t\tsignalTextureLayout: layouts.signalTextureLayout\n\t};\n}\nconst CameraParallax3DWebGPURenderer = async (args) => {\n\tconst { ctx, encoder, pass, targetTexture, targetWidth, targetHeight, props } = args;\n\tconst frame = props.frame ?? 0;\n\tconst compositionFrame = props.compositionFrame ?? frame;\n\tconst fps = props.fps || 60;\n\tconst op = props.virtualMedia?.operation;\n\tif (op?.op !== \"CameraParallax3D\" || !op) return;\n\tconst sourceMedia = props.virtualMedia.children?.[0];\n\tif (!sourceMedia) return;\n\tpass.end();\n\tconst width = targetWidth;\n\tconst height = targetHeight;\n\tconst { texture: srcTex } = await drawChildToTexture(args, sourceMedia, { props: {\n\t\t...props,\n\t\tvirtualMedia: sourceMedia,\n\t\tcontainerWidth: width,\n\t\tcontainerHeight: height\n\t} });\n\targs.pass.end();\n\tconst depthMedia = op.depthMedia;\n\tlet depthTex;\n\tlet hasDepthMap = false;\n\tif (depthMedia) {\n\t\t({texture: depthTex} = await drawChildToTexture(args, depthMedia, {\n\t\t\tprops: {\n\t\t\t\t...props,\n\t\t\t\tvirtualMedia: depthMedia,\n\t\t\t\tcontainerWidth: width,\n\t\t\t\tcontainerHeight: height\n\t\t\t},\n\t\t\texclude: [srcTex]\n\t\t}));\n\t\targs.pass.end();\n\t\thasDepthMap = true;\n\t} else {\n\t\tdepthTex = srcTex;\n\t\thasDepthMap = false;\n\t}\n\tconst { pipeline, uniformLayout: uLayout, srcTextureLayout: srcLayout, depthTextureLayout: depthLayout, signalTextureLayout: sigLayout } = getCameraParallaxResources(ctx.device, ctx.renderer.format);\n\tconst sampler = ctx.renderer.samplerCache.getSampler(ctx.device);\n\tconst elapsedSeconds = props.elapsedMs !== void 0 ? props.elapsedMs / 1e3 : compositionFrame / fps;\n\tconst durationSeconds = props.virtualMedia?.metadata?.durationMs ? props.virtualMedia.metadata.durationMs / 1e3 : props.durationMs !== void 0 ? props.durationMs / 1e3 : 4;\n\tconst timeProgress = durationSeconds > 0 ? elapsedSeconds % durationSeconds / durationSeconds : 0;\n\tconst panXInfo = resolveSignalField(op, \"panX\", 0, -1, 1);\n\tconst panYInfo = resolveSignalField(op, \"panY\", 0, -1, 1);\n\tconst dollyZInfo = resolveSignalField(op, \"dollyZ\", 0, -1, 1);\n\tconst fovInfo = resolveSignalField(op, \"fov\", 50, 15, 120);\n\tconst parallaxInfo = resolveSignalField(op, \"parallaxAmount\", .6, 0, 2);\n\tconst apertureInfo = resolveSignalField(op, \"dofAperture\", .3, 0, 1);\n\tconst focusPlaneInfo = resolveSignalField(op, \"focusPlane\", .4, 0, 1);\n\tconst edgeDilationInfo = resolveSignalField(op, \"edgeDilation\", .5, 0, 1);\n\tconst getSigTextureView = (info, fallbackId) => {\n\t\tif (info.hasSignal && info.sd) return signalRegistry.getOrCreate2DTextureView(ctx.device, encoder, info.sd.nodeId ?? fallbackId, elapsedSeconds, durationSeconds, info.sd, width, height, props.renderId, frame, fps);\n\t\treturn signalRegistry.getDummy1x1TextureView(ctx.device);\n\t};\n\tconst sigPanXView = getSigTextureView(panXInfo, \"cam_panx_sig\");\n\tconst sigPanYView = getSigTextureView(panYInfo, \"cam_pany_sig\");\n\tconst sigDollyZView = getSigTextureView(dollyZInfo, \"cam_dollyz_sig\");\n\tconst sigFocusPlaneView = getSigTextureView(focusPlaneInfo, \"cam_focus_sig\");\n\tconst sigParallaxView = getSigTextureView(parallaxInfo, \"cam_plax_sig\");\n\tconst sigApertureView = getSigTextureView(apertureInfo, \"cam_ap_sig\");\n\tconst sigFOVView = getSigTextureView(fovInfo, \"cam_fov_sig\");\n\tconst sigEdgeDilationView = getSigTextureView(edgeDilationInfo, \"cam_edge_sig\");\n\tconst uniformData = new Float32Array(24);\n\tuniformData[0] = op.motionPreset === \"DollyZoom\" ? 1 : op.motionPreset === \"Orbit\" ? 2 : op.motionPreset === \"FlyThrough\" ? 3 : op.motionPreset === \"HandheldShake\" ? 4 : op.motionPreset === \"RackFocus\" ? 5 : 0;\n\tuniformData[1] = panXInfo.value;\n\tuniformData[2] = panYInfo.value;\n\tuniformData[3] = dollyZInfo.value;\n\tuniformData[4] = fovInfo.value;\n\tuniformData[5] = parallaxInfo.value;\n\tuniformData[6] = apertureInfo.value;\n\tuniformData[7] = focusPlaneInfo.value;\n\tuniformData[8] = edgeDilationInfo.value;\n\tuniformData[9] = op.depthInvert ? 1 : 0;\n\tuniformData[10] = hasDepthMap ? 1 : 0;\n\tuniformData[11] = timeProgress;\n\tuniformData[12] = width / Math.max(1, height);\n\tuniformData[13] = 0;\n\tuniformData[14] = 0;\n\tuniformData[15] = 0;\n\tuniformData[16] = panXInfo.hasSignal ? 1 : 0;\n\tuniformData[17] = panYInfo.hasSignal ? 1 : 0;\n\tuniformData[18] = dollyZInfo.hasSignal ? 1 : 0;\n\tuniformData[19] = focusPlaneInfo.hasSignal ? 1 : 0;\n\tuniformData[20] = parallaxInfo.hasSignal ? 1 : 0;\n\tuniformData[21] = apertureInfo.hasSignal ? 1 : 0;\n\tuniformData[22] = fovInfo.hasSignal ? 1 : 0;\n\tuniformData[23] = edgeDilationInfo.hasSignal ? 1 : 0;\n\tconst uniformBuffer = ctx.renderer.getTemporaryBuffer(uniformData);\n\tconst outTex = ctx.renderer.getTemporaryTexture(width, height, [\n\t\tsrcTex,\n\t\tdepthTex,\n\t\ttargetTexture,\n\t\t...props.excludeTextures || []\n\t]);\n\tdrawFullscreenPass(encoder, outTex.createView(), pipeline, [\n\t\tctx.device.createBindGroup({\n\t\t\tlayout: uLayout,\n\t\t\tentries: [{\n\t\t\t\tbinding: 0,\n\t\t\t\tresource: { buffer: uniformBuffer }\n\t\t\t}]\n\t\t}),\n\t\tctx.renderer.bindGroupCache.getBindGroup(ctx.device, srcLayout, srcTex, sampler),\n\t\tctx.renderer.bindGroupCache.getBindGroup(ctx.device, depthLayout, depthTex, sampler),\n\t\tctx.device.createBindGroup({\n\t\t\tlayout: sigLayout,\n\t\t\tentries: [\n\t\t\t\t{\n\t\t\t\t\tbinding: 0,\n\t\t\t\t\tresource: sigPanXView\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tbinding: 1,\n\t\t\t\t\tresource: sigPanYView\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tbinding: 2,\n\t\t\t\t\tresource: sigDollyZView\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tbinding: 3,\n\t\t\t\t\tresource: sigFocusPlaneView\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tbinding: 4,\n\t\t\t\t\tresource: sigParallaxView\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tbinding: 5,\n\t\t\t\t\tresource: sigApertureView\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tbinding: 6,\n\t\t\t\t\tresource: sigFOVView\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tbinding: 7,\n\t\t\t\t\tresource: sigEdgeDilationView\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tbinding: 8,\n\t\t\t\t\tresource: sampler\n\t\t\t\t}\n\t\t\t]\n\t\t})\n\t]);\n\tdrawTextureToTarget(args, outTex, op.opacity ?? 1);\n};\n\n//#endregion\n//#region src/renderers/index.ts\nvar renderers_default = defineRenderer({ WebGPURenderer: CameraParallax3DWebGPURenderer });\n\n//#endregion\nexport { renderers_default as t };\n//# sourceMappingURL=renderers-3w0EgvnV.mjs.map"],"mappings":"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"}

package/dist/{renderer-D4No_jA4.mjs → renderer-1VKN5j2C.mjs}

@@ -1,6 +1,6 @@
-import { cn as resolveNumber, on as resolveBoolean } from "./dist-TrtLGPvc.mjs";
-import { n as defineRenderer, r as isHandleConnected } from "./renderer-BSitV56h.mjs";
-import { g as WebGPUAudioProcessor } from "./dist-hmWTJPik.mjs";
+import { cn as resolveNumber, on as resolveBoolean } from "./dist-DFeF-ygz.mjs";
+import { n as defineRenderer, r as isHandleConnected } from "./renderer-C9r0-KY4.mjs";
+import { g as WebGPUAudioProcessor } from "./dist-DBWkkSvJ.mjs";
 
 //#region ../../nodes/node-audio-delay/dist/renderers-DXaKpV2A.mjs
 const PARAM_ORDER = [
@@ -217,4 +217,4 @@ var renderers_default = defineRenderer({ audioProcessor: delayAudioProcessor });
 
 //#endregion
 export { renderers_default as t };
-//# sourceMappingURL=renderer-D4No_jA4.mjs.map
+//# sourceMappingURL=renderer-1VKN5j2C.mjs.map

package/dist/{renderer-D4No_jA4.mjs.map → renderer-1VKN5j2C.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"renderer-D4No_jA4.mjs","names":[],"sources":["../../../nodes/node-audio-delay/dist/renderers-DXaKpV2A.mjs"],"sourcesContent":["import { defineRenderer } from \"@framefields/node-sdk/renderer\";\nimport { isHandleConnected, resolveBoolean, resolveNumber } from \"@framefields/node-sdk\";\nimport { WebGPUAudioProcessor } from \"@framefields/webgpu-renderers\";\n\n//#region src/renderers/audio-processor.ts\nconst PARAM_ORDER = [\n\t\"delayTime\",\n\t\"feedback\",\n\t\"wet\",\n\t\"dry\"\n];\nconst DELAY_SHADER_TEMPLATE = () => `\nstruct Uniforms {\n    sampleRate       : f32,\n    delaySec         : f32,\n    feedback         : f32,\n    wet              : f32,\n    dry              : f32,\n    pingPong         : f32,\n    bufferLength     : f32,\n    hasDelayTimeSig  : f32,\n    hasFeedbackSig   : f32,\n    hasWetSig        : f32,\n    hasDrySig        : f32,\n    baseTime         : f32,\n    frame            : f32,\n    numSamples       : f32,\n    numChannels      : f32,\n    pad1             : f32,\n};\n\n@group(0) @binding(0) var<uniform> u : Uniforms;\n@group(0) @binding(1) var<storage, read> inputChannels : array<f32>;\n@group(0) @binding(2) var<storage, read_write> outputChannels : array<f32>;\n@group(0) @binding(3) var<storage, read_write> state : array<f32>;\n@group(0) @binding(4) var<storage, read> delayTimeSignal : array<f32>;\n@group(0) @binding(5) var<storage, read> feedbackSignal  : array<f32>;\n@group(0) @binding(6) var<storage, read> wetSignal       : array<f32>;\n@group(0) @binding(7) var<storage, read> drySignal       : array<f32>;\n\nfn tanh(x: f32) -> f32 {\n    let exp2x = exp(2.0f * x);\n    return (exp2x - 1.0f) / (exp2x + 1.0f);\n}\n\nfn is_nan_or_inf(v: f32) -> bool {\n    return (v != v) || (abs(v) > 3.402823466e+38f);\n}\n\n@compute @workgroup_size(1)\nfn main(@builtin(global_invocation_id) gid : vec3<u32>) {\n    if (gid.x != 0u) { return; }\n\n    let numSamples = u32(u.numSamples);\n    let numChannels = u32(u.numChannels);\n    let bufferLength = u32(u.bufferLength);\n\n    var writeIndex = u32(state[0]);\n    if (is_nan_or_inf(state[0])) {\n        writeIndex = 0u;\n    }\n\n    for (var index = 0u; index < numSamples; index = index + 1u) {\n        // 1. Dynamic Parameter Modulation & Anti-Explosion Clamping\n        var effDelaySec = u.delaySec;\n        if (u.hasDelayTimeSig > 0.5f) {\n            effDelaySec = delayTimeSignal[index];\n        }\n        effDelaySec = clamp(effDelaySec, 0.001f, 5.0f);\n\n        var effFeedback = u.feedback;\n        if (u.hasFeedbackSig > 0.5f) {\n            effFeedback = feedbackSignal[index];\n        }\n        effFeedback = clamp(effFeedback, 0.0f, 0.95f);\n\n        var effWet = u.wet;\n        if (u.hasWetSig > 0.5f) {\n            effWet = wetSignal[index];\n        }\n        effWet = clamp(effWet, 0.0f, 2.0f);\n\n        var effDry = u.dry;\n        if (u.hasDrySig > 0.5f) {\n            effDry = drySignal[index];\n        }\n        effDry = clamp(effDry, 0.0f, 2.0f);\n\n        // 2. Safe Dynamic Read Index\n        let readOffset = u32(clamp(effDelaySec * u.sampleRate, 1.0f, f32(bufferLength - 1u)));\n        let readIndex = (writeIndex + bufferLength - readOffset) % bufferLength;\n\n        if (numChannels == 1u || u.pingPong == 0.0f) {\n            // Standard Delay\n            for (var c = 0u; c < numChannels; c = c + 1u) {\n                let sampleIndex = c * numSamples + index;\n                var inputVal = inputChannels[sampleIndex];\n                if (is_nan_or_inf(inputVal)) {\n                    inputVal = 0.0f;\n                }\n\n                let stateOffset = c * bufferLength + 1u;\n                var delayedSample = state[stateOffset + readIndex];\n                if (is_nan_or_inf(delayedSample)) {\n                    delayedSample = 0.0f;\n                }\n\n                var nextStateVal = inputVal + delayedSample * effFeedback;\n                if (is_nan_or_inf(nextStateVal)) {\n                    nextStateVal = 0.0f;\n                }\n                state[stateOffset + writeIndex] = clamp(nextStateVal, -4.0f, 4.0f);\n\n                var outVal = effDry * inputVal + effWet * delayedSample;\n                if (is_nan_or_inf(outVal)) {\n                    outVal = 0.0f;\n                }\n                if (outVal > 1.0f) {\n                    outVal = 1.0f;\n                } else if (outVal < -1.0f) {\n                    outVal = -1.0f;\n                } else if (outVal > 0.9f) {\n                    outVal = 0.9f + 0.1f * tanh((outVal - 0.9f) / 0.1f);\n                } else if (outVal < -0.9f) {\n                    outVal = -0.9f + 0.1f * tanh((outVal + 0.9f) / 0.1f);\n                }\n\n                outputChannels[sampleIndex] = outVal;\n            }\n        } else {\n            // Stereo Ping-Pong Delay\n            var sampleL = inputChannels[index];\n            if (is_nan_or_inf(sampleL)) { sampleL = 0.0f; }\n\n            var sampleR = inputChannels[numSamples + index];\n            if (is_nan_or_inf(sampleR)) { sampleR = 0.0f; }\n\n            var delayedL = state[1u + readIndex];\n            if (is_nan_or_inf(delayedL)) { delayedL = 0.0f; }\n\n            var delayedR = state[bufferLength + 1u + readIndex];\n            if (is_nan_or_inf(delayedR)) { delayedR = 0.0f; }\n\n            // Ping-pong cross-feedback\n            var nextL = sampleL + delayedR * effFeedback;\n            var nextR = sampleR + delayedL * effFeedback;\n            if (is_nan_or_inf(nextL)) { nextL = 0.0f; }\n            if (is_nan_or_inf(nextR)) { nextR = 0.0f; }\n\n            state[1u + writeIndex] = clamp(nextL, -4.0f, 4.0f);\n            state[bufferLength + 1u + writeIndex] = clamp(nextR, -4.0f, 4.0f);\n\n            var outL = effDry * sampleL + effWet * delayedL;\n            var outR = effDry * sampleR + effWet * delayedR;\n            if (is_nan_or_inf(outL)) { outL = 0.0f; }\n            if (is_nan_or_inf(outR)) { outR = 0.0f; }\n\n            if (outL > 1.0f) { outL = 1.0f; } else if (outL < -1.0f) { outL = -1.0f; }\n            else if (outL > 0.9f) { outL = 0.9f + 0.1f * tanh((outL - 0.9f) / 0.1f); }\n            else if (outL < -0.9f) { outL = -0.9f + 0.1f * tanh((outL + 0.9f) / 0.1f); }\n\n            if (outR > 1.0f) { outR = 1.0f; } else if (outR < -1.0f) { outR = -1.0f; }\n            else if (outR > 0.9f) { outR = 0.9f + 0.1f * tanh((outR - 0.9f) / 0.1f); }\n            else if (outR < -0.9f) { outR = -0.9f + 0.1f * tanh((outR + 0.9f) / 0.1f); }\n\n            outputChannels[index] = outL;\n            outputChannels[numSamples + index] = outR;\n        }\n\n        writeIndex = (writeIndex + 1u) % bufferLength;\n    }\n\n    state[0] = f32(writeIndex);\n}\n`;\nconst delayAudioProcessor = async (channels, sampleRate, virtualMedia, ctx) => {\n\tif (!ctx?.device) throw new Error(\"GPUDevice is required for WebGPU Audio Delay.\");\n\tconst op = virtualMedia.operation || {};\n\tconst numChannels = channels.length;\n\tif (numChannels === 0) return;\n\tconst numSamples = channels[0].length;\n\tif (numSamples === 0) return;\n\tconst delaySec = Math.max(.001, Math.min(resolveNumber(op.delayTime, .25), 5));\n\tconst feedbackInternal = Math.max(0, Math.min(resolveNumber(op.feedback, .4), .95));\n\tconst wetInternal = Math.max(0, Math.min(resolveNumber(op.wet, .3), 1));\n\tconst dryInternal = Math.max(0, Math.min(resolveNumber(op.dry, 1), 1));\n\tconst pingPongInternal = resolveBoolean(op.pingPong, false);\n\tconst hasDelayTimeSig = isHandleConnected(op, \"delayTimeHandleId\") ? 1 : 0;\n\tconst hasFeedbackSig = isHandleConnected(op, \"feedbackHandleId\") ? 1 : 0;\n\tconst hasWetSig = isHandleConnected(op, \"wetHandleId\") ? 1 : 0;\n\tconst hasDrySig = isHandleConnected(op, \"dryHandleId\") ? 1 : 0;\n\tconst bufferLength = Math.ceil(5 * sampleRate);\n\tconst nodeId = op.id || \"audio-delay\";\n\tconst frame = ctx.frame ?? 0;\n\tconst fps = ctx.fps ?? 24;\n\tconst stateFloatCount = numChannels * bufferLength + 1;\n\tawait WebGPUAudioProcessor.process(ctx.device, nodeId, channels, sampleRate, virtualMedia, frame, fps, DELAY_SHADER_TEMPLATE, () => [\n\t\tsampleRate,\n\t\tdelaySec,\n\t\tfeedbackInternal,\n\t\twetInternal,\n\t\tdryInternal,\n\t\tpingPongInternal ? 1 : 0,\n\t\tbufferLength,\n\t\thasDelayTimeSig,\n\t\thasFeedbackSig,\n\t\thasWetSig,\n\t\thasDrySig,\n\t\t0,\n\t\tframe,\n\t\tnumSamples,\n\t\tnumChannels,\n\t\t0\n\t], 16, stateFloatCount, ctx?.renderId, true, ctx?.elapsedMs, ctx?.durationMs, void 0, void 0, PARAM_ORDER);\n};\n\n//#endregion\n//#region src/renderers/index.ts\nvar renderers_default = defineRenderer({ audioProcessor: delayAudioProcessor });\n\n//#endregion\nexport { renderers_default as t };\n//# sourceMappingURL=renderers-DXaKpV2A.mjs.map"],"mappings":";;;;;AAKA,MAAM,cAAc;CACnB;CACA;CACA;CACA;CACA;AACD,MAAM,8BAA8B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoKpC,MAAM,sBAAsB,OAAO,UAAU,YAAY,cAAc,QAAQ;AAC9E,KAAI,CAAC,KAAK,OAAQ,OAAM,IAAI,MAAM,gDAAgD;CAClF,MAAM,KAAK,aAAa,aAAa,EAAE;CACvC,MAAM,cAAc,SAAS;AAC7B,KAAI,gBAAgB,EAAG;CACvB,MAAM,aAAa,SAAS,GAAG;AAC/B,KAAI,eAAe,EAAG;CACtB,MAAM,WAAW,KAAK,IAAI,MAAM,KAAK,IAAI,cAAc,GAAG,WAAW,IAAI,EAAE,EAAE,CAAC;CAC9E,MAAM,mBAAmB,KAAK,IAAI,GAAG,KAAK,IAAI,cAAc,GAAG,UAAU,GAAG,EAAE,IAAI,CAAC;CACnF,MAAM,cAAc,KAAK,IAAI,GAAG,KAAK,IAAI,cAAc,GAAG,KAAK,GAAG,EAAE,EAAE,CAAC;CACvE,MAAM,cAAc,KAAK,IAAI,GAAG,KAAK,IAAI,cAAc,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC;CACtE,MAAM,mBAAmB,eAAe,GAAG,UAAU,MAAM;CAC3D,MAAM,kBAAkB,kBAAkB,IAAI,oBAAoB,GAAG,IAAI;CACzE,MAAM,iBAAiB,kBAAkB,IAAI,mBAAmB,GAAG,IAAI;CACvE,MAAM,YAAY,kBAAkB,IAAI,cAAc,GAAG,IAAI;CAC7D,MAAM,YAAY,kBAAkB,IAAI,cAAc,GAAG,IAAI;CAC7D,MAAM,eAAe,KAAK,KAAK,IAAI,WAAW;CAC9C,MAAM,SAAS,GAAG,MAAM;CACxB,MAAM,QAAQ,IAAI,SAAS;CAC3B,MAAM,MAAM,IAAI,OAAO;CACvB,MAAM,kBAAkB,cAAc,eAAe;AACrD,OAAM,qBAAqB,QAAQ,IAAI,QAAQ,QAAQ,UAAU,YAAY,cAAc,OAAO,KAAK,6BAA6B;EACnI;EACA;EACA;EACA;EACA;EACA,mBAAmB,IAAI;EACvB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,EAAE,IAAI,iBAAiB,KAAK,UAAU,MAAM,KAAK,WAAW,KAAK,YAAY,KAAK,GAAG,KAAK,GAAG,YAAY;;AAK3G,IAAI,oBAAoB,eAAe,EAAE,gBAAgB,qBAAqB,CAAC"}
+{"version":3,"file":"renderer-1VKN5j2C.mjs","names":[],"sources":["../../../nodes/node-audio-delay/dist/renderers-DXaKpV2A.mjs"],"sourcesContent":["import { defineRenderer } from \"@framefields/node-sdk/renderer\";\nimport { isHandleConnected, resolveBoolean, resolveNumber } from \"@framefields/node-sdk\";\nimport { WebGPUAudioProcessor } from \"@framefields/webgpu-renderers\";\n\n//#region src/renderers/audio-processor.ts\nconst PARAM_ORDER = [\n\t\"delayTime\",\n\t\"feedback\",\n\t\"wet\",\n\t\"dry\"\n];\nconst DELAY_SHADER_TEMPLATE = () => `\nstruct Uniforms {\n    sampleRate       : f32,\n    delaySec         : f32,\n    feedback         : f32,\n    wet              : f32,\n    dry              : f32,\n    pingPong         : f32,\n    bufferLength     : f32,\n    hasDelayTimeSig  : f32,\n    hasFeedbackSig   : f32,\n    hasWetSig        : f32,\n    hasDrySig        : f32,\n    baseTime         : f32,\n    frame            : f32,\n    numSamples       : f32,\n    numChannels      : f32,\n    pad1             : f32,\n};\n\n@group(0) @binding(0) var<uniform> u : Uniforms;\n@group(0) @binding(1) var<storage, read> inputChannels : array<f32>;\n@group(0) @binding(2) var<storage, read_write> outputChannels : array<f32>;\n@group(0) @binding(3) var<storage, read_write> state : array<f32>;\n@group(0) @binding(4) var<storage, read> delayTimeSignal : array<f32>;\n@group(0) @binding(5) var<storage, read> feedbackSignal  : array<f32>;\n@group(0) @binding(6) var<storage, read> wetSignal       : array<f32>;\n@group(0) @binding(7) var<storage, read> drySignal       : array<f32>;\n\nfn tanh(x: f32) -> f32 {\n    let exp2x = exp(2.0f * x);\n    return (exp2x - 1.0f) / (exp2x + 1.0f);\n}\n\nfn is_nan_or_inf(v: f32) -> bool {\n    return (v != v) || (abs(v) > 3.402823466e+38f);\n}\n\n@compute @workgroup_size(1)\nfn main(@builtin(global_invocation_id) gid : vec3<u32>) {\n    if (gid.x != 0u) { return; }\n\n    let numSamples = u32(u.numSamples);\n    let numChannels = u32(u.numChannels);\n    let bufferLength = u32(u.bufferLength);\n\n    var writeIndex = u32(state[0]);\n    if (is_nan_or_inf(state[0])) {\n        writeIndex = 0u;\n    }\n\n    for (var index = 0u; index < numSamples; index = index + 1u) {\n        // 1. Dynamic Parameter Modulation & Anti-Explosion Clamping\n        var effDelaySec = u.delaySec;\n        if (u.hasDelayTimeSig > 0.5f) {\n            effDelaySec = delayTimeSignal[index];\n        }\n        effDelaySec = clamp(effDelaySec, 0.001f, 5.0f);\n\n        var effFeedback = u.feedback;\n        if (u.hasFeedbackSig > 0.5f) {\n            effFeedback = feedbackSignal[index];\n        }\n        effFeedback = clamp(effFeedback, 0.0f, 0.95f);\n\n        var effWet = u.wet;\n        if (u.hasWetSig > 0.5f) {\n            effWet = wetSignal[index];\n        }\n        effWet = clamp(effWet, 0.0f, 2.0f);\n\n        var effDry = u.dry;\n        if (u.hasDrySig > 0.5f) {\n            effDry = drySignal[index];\n        }\n        effDry = clamp(effDry, 0.0f, 2.0f);\n\n        // 2. Safe Dynamic Read Index\n        let readOffset = u32(clamp(effDelaySec * u.sampleRate, 1.0f, f32(bufferLength - 1u)));\n        let readIndex = (writeIndex + bufferLength - readOffset) % bufferLength;\n\n        if (numChannels == 1u || u.pingPong == 0.0f) {\n            // Standard Delay\n            for (var c = 0u; c < numChannels; c = c + 1u) {\n                let sampleIndex = c * numSamples + index;\n                var inputVal = inputChannels[sampleIndex];\n                if (is_nan_or_inf(inputVal)) {\n                    inputVal = 0.0f;\n                }\n\n                let stateOffset = c * bufferLength + 1u;\n                var delayedSample = state[stateOffset + readIndex];\n                if (is_nan_or_inf(delayedSample)) {\n                    delayedSample = 0.0f;\n                }\n\n                var nextStateVal = inputVal + delayedSample * effFeedback;\n                if (is_nan_or_inf(nextStateVal)) {\n                    nextStateVal = 0.0f;\n                }\n                state[stateOffset + writeIndex] = clamp(nextStateVal, -4.0f, 4.0f);\n\n                var outVal = effDry * inputVal + effWet * delayedSample;\n                if (is_nan_or_inf(outVal)) {\n                    outVal = 0.0f;\n                }\n                if (outVal > 1.0f) {\n                    outVal = 1.0f;\n                } else if (outVal < -1.0f) {\n                    outVal = -1.0f;\n                } else if (outVal > 0.9f) {\n                    outVal = 0.9f + 0.1f * tanh((outVal - 0.9f) / 0.1f);\n                } else if (outVal < -0.9f) {\n                    outVal = -0.9f + 0.1f * tanh((outVal + 0.9f) / 0.1f);\n                }\n\n                outputChannels[sampleIndex] = outVal;\n            }\n        } else {\n            // Stereo Ping-Pong Delay\n            var sampleL = inputChannels[index];\n            if (is_nan_or_inf(sampleL)) { sampleL = 0.0f; }\n\n            var sampleR = inputChannels[numSamples + index];\n            if (is_nan_or_inf(sampleR)) { sampleR = 0.0f; }\n\n            var delayedL = state[1u + readIndex];\n            if (is_nan_or_inf(delayedL)) { delayedL = 0.0f; }\n\n            var delayedR = state[bufferLength + 1u + readIndex];\n            if (is_nan_or_inf(delayedR)) { delayedR = 0.0f; }\n\n            // Ping-pong cross-feedback\n            var nextL = sampleL + delayedR * effFeedback;\n            var nextR = sampleR + delayedL * effFeedback;\n            if (is_nan_or_inf(nextL)) { nextL = 0.0f; }\n            if (is_nan_or_inf(nextR)) { nextR = 0.0f; }\n\n            state[1u + writeIndex] = clamp(nextL, -4.0f, 4.0f);\n            state[bufferLength + 1u + writeIndex] = clamp(nextR, -4.0f, 4.0f);\n\n            var outL = effDry * sampleL + effWet * delayedL;\n            var outR = effDry * sampleR + effWet * delayedR;\n            if (is_nan_or_inf(outL)) { outL = 0.0f; }\n            if (is_nan_or_inf(outR)) { outR = 0.0f; }\n\n            if (outL > 1.0f) { outL = 1.0f; } else if (outL < -1.0f) { outL = -1.0f; }\n            else if (outL > 0.9f) { outL = 0.9f + 0.1f * tanh((outL - 0.9f) / 0.1f); }\n            else if (outL < -0.9f) { outL = -0.9f + 0.1f * tanh((outL + 0.9f) / 0.1f); }\n\n            if (outR > 1.0f) { outR = 1.0f; } else if (outR < -1.0f) { outR = -1.0f; }\n            else if (outR > 0.9f) { outR = 0.9f + 0.1f * tanh((outR - 0.9f) / 0.1f); }\n            else if (outR < -0.9f) { outR = -0.9f + 0.1f * tanh((outR + 0.9f) / 0.1f); }\n\n            outputChannels[index] = outL;\n            outputChannels[numSamples + index] = outR;\n        }\n\n        writeIndex = (writeIndex + 1u) % bufferLength;\n    }\n\n    state[0] = f32(writeIndex);\n}\n`;\nconst delayAudioProcessor = async (channels, sampleRate, virtualMedia, ctx) => {\n\tif (!ctx?.device) throw new Error(\"GPUDevice is required for WebGPU Audio Delay.\");\n\tconst op = virtualMedia.operation || {};\n\tconst numChannels = channels.length;\n\tif (numChannels === 0) return;\n\tconst numSamples = channels[0].length;\n\tif (numSamples === 0) return;\n\tconst delaySec = Math.max(.001, Math.min(resolveNumber(op.delayTime, .25), 5));\n\tconst feedbackInternal = Math.max(0, Math.min(resolveNumber(op.feedback, .4), .95));\n\tconst wetInternal = Math.max(0, Math.min(resolveNumber(op.wet, .3), 1));\n\tconst dryInternal = Math.max(0, Math.min(resolveNumber(op.dry, 1), 1));\n\tconst pingPongInternal = resolveBoolean(op.pingPong, false);\n\tconst hasDelayTimeSig = isHandleConnected(op, \"delayTimeHandleId\") ? 1 : 0;\n\tconst hasFeedbackSig = isHandleConnected(op, \"feedbackHandleId\") ? 1 : 0;\n\tconst hasWetSig = isHandleConnected(op, \"wetHandleId\") ? 1 : 0;\n\tconst hasDrySig = isHandleConnected(op, \"dryHandleId\") ? 1 : 0;\n\tconst bufferLength = Math.ceil(5 * sampleRate);\n\tconst nodeId = op.id || \"audio-delay\";\n\tconst frame = ctx.frame ?? 0;\n\tconst fps = ctx.fps ?? 24;\n\tconst stateFloatCount = numChannels * bufferLength + 1;\n\tawait WebGPUAudioProcessor.process(ctx.device, nodeId, channels, sampleRate, virtualMedia, frame, fps, DELAY_SHADER_TEMPLATE, () => [\n\t\tsampleRate,\n\t\tdelaySec,\n\t\tfeedbackInternal,\n\t\twetInternal,\n\t\tdryInternal,\n\t\tpingPongInternal ? 1 : 0,\n\t\tbufferLength,\n\t\thasDelayTimeSig,\n\t\thasFeedbackSig,\n\t\thasWetSig,\n\t\thasDrySig,\n\t\t0,\n\t\tframe,\n\t\tnumSamples,\n\t\tnumChannels,\n\t\t0\n\t], 16, stateFloatCount, ctx?.renderId, true, ctx?.elapsedMs, ctx?.durationMs, void 0, void 0, PARAM_ORDER);\n};\n\n//#endregion\n//#region src/renderers/index.ts\nvar renderers_default = defineRenderer({ audioProcessor: delayAudioProcessor });\n\n//#endregion\nexport { renderers_default as t };\n//# sourceMappingURL=renderers-DXaKpV2A.mjs.map"],"mappings":";;;;;AAKA,MAAM,cAAc;CACnB;CACA;CACA;CACA;CACA;AACD,MAAM,8BAA8B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoKpC,MAAM,sBAAsB,OAAO,UAAU,YAAY,cAAc,QAAQ;AAC9E,KAAI,CAAC,KAAK,OAAQ,OAAM,IAAI,MAAM,gDAAgD;CAClF,MAAM,KAAK,aAAa,aAAa,EAAE;CACvC,MAAM,cAAc,SAAS;AAC7B,KAAI,gBAAgB,EAAG;CACvB,MAAM,aAAa,SAAS,GAAG;AAC/B,KAAI,eAAe,EAAG;CACtB,MAAM,WAAW,KAAK,IAAI,MAAM,KAAK,IAAI,cAAc,GAAG,WAAW,IAAI,EAAE,EAAE,CAAC;CAC9E,MAAM,mBAAmB,KAAK,IAAI,GAAG,KAAK,IAAI,cAAc,GAAG,UAAU,GAAG,EAAE,IAAI,CAAC;CACnF,MAAM,cAAc,KAAK,IAAI,GAAG,KAAK,IAAI,cAAc,GAAG,KAAK,GAAG,EAAE,EAAE,CAAC;CACvE,MAAM,cAAc,KAAK,IAAI,GAAG,KAAK,IAAI,cAAc,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC;CACtE,MAAM,mBAAmB,eAAe,GAAG,UAAU,MAAM;CAC3D,MAAM,kBAAkB,kBAAkB,IAAI,oBAAoB,GAAG,IAAI;CACzE,MAAM,iBAAiB,kBAAkB,IAAI,mBAAmB,GAAG,IAAI;CACvE,MAAM,YAAY,kBAAkB,IAAI,cAAc,GAAG,IAAI;CAC7D,MAAM,YAAY,kBAAkB,IAAI,cAAc,GAAG,IAAI;CAC7D,MAAM,eAAe,KAAK,KAAK,IAAI,WAAW;CAC9C,MAAM,SAAS,GAAG,MAAM;CACxB,MAAM,QAAQ,IAAI,SAAS;CAC3B,MAAM,MAAM,IAAI,OAAO;CACvB,MAAM,kBAAkB,cAAc,eAAe;AACrD,OAAM,qBAAqB,QAAQ,IAAI,QAAQ,QAAQ,UAAU,YAAY,cAAc,OAAO,KAAK,6BAA6B;EACnI;EACA;EACA;EACA;EACA;EACA,mBAAmB,IAAI;EACvB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,EAAE,IAAI,iBAAiB,KAAK,UAAU,MAAM,KAAK,WAAW,KAAK,YAAY,KAAK,GAAG,KAAK,GAAG,YAAY;;AAK3G,IAAI,oBAAoB,eAAe,EAAE,gBAAgB,qBAAqB,CAAC"}

package/dist/{renderer-qYhNf6iB.mjs → renderer-2bipMLqz.mjs}

@@ -1,5 +1,5 @@
-import { o as resolveHandleParam } from "./renderer-BSitV56h.mjs";
-import { a as createFullscreenPipeline, c as drawTextureToTarget, d as signalTextureView, f as signalTiming, l as fragmentBindGroupLayout, o as drawChildToTexture, s as drawFullscreenPass, t as FULLSCREEN_QUAD_WGSL } from "./gpu-CHIgM_YH.mjs";
+import { o as resolveHandleParam } from "./renderer-C9r0-KY4.mjs";
+import { a as createFullscreenPipeline, c as drawTextureToTarget, d as signalTextureView, f as signalTiming, l as fragmentBindGroupLayout, o as drawChildToTexture, s as drawFullscreenPass, t as FULLSCREEN_QUAD_WGSL } from "./gpu-Dq_uI_00.mjs";
 
 //#region ../../nodes/node-color-balance/dist/renderers-BaZtHi33.mjs
 const deviceResourceCache = /* @__PURE__ */ new WeakMap();
@@ -307,4 +307,4 @@ var renderers_default = { WebGPURenderer: ColorBalanceWebGPURenderer };
 
 //#endregion
 export { renderers_default as n, ColorBalanceWebGPURenderer as t };
-//# sourceMappingURL=renderer-qYhNf6iB.mjs.map
+//# sourceMappingURL=renderer-2bipMLqz.mjs.map

package/dist/{renderer-qYhNf6iB.mjs.map → renderer-2bipMLqz.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"renderer-qYhNf6iB.mjs","names":[],"sources":["../../../nodes/node-color-balance/dist/renderers-BaZtHi33.mjs"],"sourcesContent":["import { resolveHandleParam } from \"@framefields/node-sdk\";\nimport { FULLSCREEN_QUAD_WGSL, createFullscreenPipeline, drawChildToTexture, drawFullscreenPass, drawTextureToTarget, fragmentBindGroupLayout, signalTextureView, signalTiming } from \"@framefields/node-sdk/gpu\";\n\n//#region src/renderers/webgpu-renderer.ts\nconst deviceResourceCache = /* @__PURE__ */ new WeakMap();\nconst WGSL_COLOR_BALANCE_SHADER = `\nstruct ColorBalanceUniforms {\n\tshadows                      : vec4<f32>,\n\tmidtones                     : vec4<f32>,\n\thighlights                   : vec4<f32>,\n\tpreserveLuminosity           : f32,\n\thasShadowsCyanRedSig         : f32,\n\thasShadowsMagentaGreenSig    : f32,\n\thasShadowsYellowBlueSig      : f32,\n\n\thasMidtonesCyanRedSig        : f32,\n\thasMidtonesMagentaGreenSig   : f32,\n\thasMidtonesYellowBlueSig     : f32,\n\thasHighlightsCyanRedSig      : f32,\n\n\thasHighlightsMagentaGreenSig : f32,\n\thasHighlightsYellowBlueSig   : f32,\n\t_pad0                        : f32,\n\t_pad1                        : f32,\n};\n\n@group(0) @binding(0) var<uniform> u                : ColorBalanceUniforms;\n@group(1) @binding(0) var tex                       : texture_2d<f32>;\n@group(1) @binding(1) var samp                      : sampler;\n\n@group(2) @binding(0) var shadowsCyanRedSigTex      : texture_2d<f32>;\n@group(2) @binding(1) var shadowsMagentaGreenSigTex : texture_2d<f32>;\n@group(2) @binding(2) var shadowsYellowBlueSigTex   : texture_2d<f32>;\n@group(2) @binding(3) var midtonesCyanRedSigTex     : texture_2d<f32>;\n@group(2) @binding(4) var midtonesMagentaGreenSigTex: texture_2d<f32>;\n@group(2) @binding(5) var midtonesYellowBlueSigTex  : texture_2d<f32>;\n@group(2) @binding(6) var highlightsCyanRedSigTex   : texture_2d<f32>;\n@group(2) @binding(7) var highlightsMagentaGreenSigTex: texture_2d<f32>;\n@group(2) @binding(8) var highlightsYellowBlueSigTex: texture_2d<f32>;\n@group(2) @binding(9) var signalSamp                : sampler;\n${FULLSCREEN_QUAD_WGSL}\n\nfn get_luminance(c: vec3<f32>) -> f32 {\n\treturn dot(c, vec3<f32>(0.2126, 0.7152, 0.0722));\n}\n\nfn set_luminance(c: vec3<f32>, l: f32) -> vec3<f32> {\n\tlet d = l - get_luminance(c);\n\tvar res = c + vec3<f32>(d);\n\tlet min_c = min(res.r, min(res.g, res.b));\n\tlet max_c = max(res.r, max(res.g, res.b));\n\tif (min_c < 0.0) {\n\t\tres = l + ((res - vec3<f32>(l)) * l) / max(l - min_c, 1e-5);\n\t}\n\tif (max_c > 1.0) {\n\t\tres = l + ((res - vec3<f32>(l)) * (1.0 - l)) / max(max_c - l, 1e-5);\n\t}\n\treturn clamp(res, vec3<f32>(0.0), vec3<f32>(1.0));\n}\n\n@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {\n\tlet color = textureSampleLevel(tex, samp, in.uv, 0.0);\n\tif (color.a <= 0.00001) {\n\t\treturn color;\n\t}\n\n\tlet alpha = color.a;\n\tlet rgb = color.rgb / max(alpha, 0.0001);\n\n\tvar sShift = u.shadows.rgb;\n\tif (u.hasShadowsCyanRedSig > 0.5) {\n\t\tsShift.r = clamp(textureSampleLevel(shadowsCyanRedSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r, -100.0, 100.0) / 100.0;\n\t}\n\tif (u.hasShadowsMagentaGreenSig > 0.5) {\n\t\tsShift.g = clamp(textureSampleLevel(shadowsMagentaGreenSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r, -100.0, 100.0) / 100.0;\n\t}\n\tif (u.hasShadowsYellowBlueSig > 0.5) {\n\t\tsShift.b = clamp(textureSampleLevel(shadowsYellowBlueSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r, -100.0, 100.0) / 100.0;\n\t}\n\n\tvar mShift = u.midtones.rgb;\n\tif (u.hasMidtonesCyanRedSig > 0.5) {\n\t\tmShift.r = clamp(textureSampleLevel(midtonesCyanRedSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r, -100.0, 100.0) / 100.0;\n\t}\n\tif (u.hasMidtonesMagentaGreenSig > 0.5) {\n\t\tmShift.g = clamp(textureSampleLevel(midtonesMagentaGreenSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r, -100.0, 100.0) / 100.0;\n\t}\n\tif (u.hasMidtonesYellowBlueSig > 0.5) {\n\t\tmShift.b = clamp(textureSampleLevel(midtonesYellowBlueSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r, -100.0, 100.0) / 100.0;\n\t}\n\n\tvar hShift = u.highlights.rgb;\n\tif (u.hasHighlightsCyanRedSig > 0.5) {\n\t\thShift.r = clamp(textureSampleLevel(highlightsCyanRedSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r, -100.0, 100.0) / 100.0;\n\t}\n\tif (u.hasHighlightsMagentaGreenSig > 0.5) {\n\t\thShift.g = clamp(textureSampleLevel(highlightsMagentaGreenSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r, -100.0, 100.0) / 100.0;\n\t}\n\tif (u.hasHighlightsYellowBlueSig > 0.5) {\n\t\thShift.b = clamp(textureSampleLevel(highlightsYellowBlueSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r, -100.0, 100.0) / 100.0;\n\t}\n\n\tlet origLum = get_luminance(rgb);\n\n\t// Tonal range weighting curves\n\tlet wShadows = clamp((1.0 - origLum) * (1.0 - origLum * 1.5), 0.0, 1.0);\n\tlet wMidtones = clamp(1.0 - 4.0 * (origLum - 0.5) * (origLum - 0.5), 0.0, 1.0);\n\tlet wHighlights = clamp(origLum * (origLum * 1.5 - 0.5), 0.0, 1.0);\n\n\tlet delta = wShadows * sShift + wMidtones * mShift + wHighlights * hShift;\n\tvar adjustedRgb = clamp(rgb + delta, vec3<f32>(0.0), vec3<f32>(1.0));\n\n\tif (u.preserveLuminosity > 0.5) {\n\t\tadjustedRgb = set_luminance(adjustedRgb, origLum);\n\t}\n\n\treturn vec4<f32>(adjustedRgb * alpha, alpha);\n}\n`;\nfunction getColorBalanceResources(device, format) {\n\tlet res = deviceResourceCache.get(device);\n\tif (res) return res;\n\tconst uniformLayout = fragmentBindGroupLayout(device, [\"uniform\"], \"ColorBalanceUniformLayout\");\n\tconst textureLayout = fragmentBindGroupLayout(device, [\"texture\", \"sampler\"], \"ColorBalanceTextureLayout\");\n\tconst signalTextureLayout = fragmentBindGroupLayout(device, [\n\t\t\"texture\",\n\t\t\"texture\",\n\t\t\"texture\",\n\t\t\"texture\",\n\t\t\"texture\",\n\t\t\"texture\",\n\t\t\"texture\",\n\t\t\"texture\",\n\t\t\"texture\",\n\t\t\"sampler\"\n\t], \"ColorBalanceSignalTextureLayout\");\n\tres = {\n\t\tpipeline: createFullscreenPipeline(device, {\n\t\t\tlabel: \"ColorBalancePipeline\",\n\t\t\tmodule: device.createShaderModule({\n\t\t\t\tlabel: \"ColorBalanceShaderModule\",\n\t\t\t\tcode: WGSL_COLOR_BALANCE_SHADER\n\t\t\t}),\n\t\t\tlayouts: [\n\t\t\t\tuniformLayout,\n\t\t\t\ttextureLayout,\n\t\t\t\tsignalTextureLayout\n\t\t\t],\n\t\t\tformat\n\t\t}),\n\t\tuniformLayout,\n\t\ttextureLayout,\n\t\tsignalTextureLayout\n\t};\n\tdeviceResourceCache.set(device, res);\n\treturn res;\n}\nconst uniformBufferData = new Float32Array(24);\nconst ColorBalanceWebGPURenderer = async (args) => {\n\tconst { ctx, encoder, pass, targetTexture, targetWidth, targetHeight, props } = args;\n\tconst op = props.virtualMedia?.operation;\n\tif (op?.op !== \"ColorBalance\" || !props.virtualMedia?.children?.[0]) return;\n\tpass.end();\n\tconst frame = props.frame ?? 0;\n\tconst compositionFrame = props.compositionFrame ?? frame;\n\tconst fps = props.fps || 30;\n\tconst childMedia = props.virtualMedia.children[0];\n\tconst width = targetWidth;\n\tconst height = targetHeight;\n\tconst nodeId = (props.virtualMedia?.metadata)?.id || (op.inputs ? Object.keys(op.inputs)[0] : null) || props.renderId || \"colorbalance_node\";\n\tconst resolveField = (handleId, fallbackVal, clampMin = -100, clampMax = 100) => resolveHandleParam(op.inputs, handleId, fallbackVal, clampMin, clampMax);\n\tconst resolveVal = (val) => {\n\t\tif (val !== void 0 && val !== null) {\n\t\t\tif (typeof val === \"object\" && val !== null) {\n\t\t\t\tif (\"get\" in val && typeof val.get === \"function\") val = val.get({\n\t\t\t\t\tframe: compositionFrame,\n\t\t\t\t\tfps\n\t\t\t\t});\n\t\t\t\telse if (\"value\" in val) val = val.value;\n\t\t\t} else if (typeof val === \"function\") val = val(compositionFrame, fps);\n\t\t}\n\t\tconst n = Number(val ?? 0);\n\t\treturn isNaN(n) ? 0 : n;\n\t};\n\tconst sCR = resolveField(op.shadows_cyanRedHandleId, resolveVal(op.shadows?.cyanRed));\n\tconst sMG = resolveField(op.shadows_magentaGreenHandleId, resolveVal(op.shadows?.magentaGreen));\n\tconst sYB = resolveField(op.shadows_yellowBlueHandleId, resolveVal(op.shadows?.yellowBlue));\n\tconst mCR = resolveField(op.midtones_cyanRedHandleId, resolveVal(op.midtones?.cyanRed));\n\tconst mMG = resolveField(op.midtones_magentaGreenHandleId, resolveVal(op.midtones?.magentaGreen));\n\tconst mYB = resolveField(op.midtones_yellowBlueHandleId, resolveVal(op.midtones?.yellowBlue));\n\tconst hCR = resolveField(op.highlights_cyanRedHandleId, resolveVal(op.highlights?.cyanRed));\n\tconst hMG = resolveField(op.highlights_magentaGreenHandleId, resolveVal(op.highlights?.magentaGreen));\n\tconst hYB = resolveField(op.highlights_yellowBlueHandleId, resolveVal(op.highlights?.yellowBlue));\n\tconst { texture: tmpTex } = await drawChildToTexture(args, childMedia);\n\tconst { pipeline, uniformLayout, textureLayout, signalTextureLayout } = getColorBalanceResources(ctx.device, ctx.renderer.format);\n\tconst sampler = ctx.renderer.samplerCache.getSampler(ctx.device);\n\tconst { elapsedSeconds, durationSeconds } = signalTiming(props, frame, fps);\n\tconst signalContext = {\n\t\targs,\n\t\twidth,\n\t\theight,\n\t\tframe,\n\t\tfps,\n\t\telapsedSeconds,\n\t\tdurationSeconds\n\t};\n\tconst getSignalView = (res, suffix) => signalTextureView(signalContext, res, `${nodeId}_${suffix}`);\n\tconst sCRView = getSignalView(sCR, \"shadows_cyanRed_sig\");\n\tconst sMGView = getSignalView(sMG, \"shadows_magentaGreen_sig\");\n\tconst sYBView = getSignalView(sYB, \"shadows_yellowBlue_sig\");\n\tconst mCRView = getSignalView(mCR, \"midtones_cyanRed_sig\");\n\tconst mMGView = getSignalView(mMG, \"midtones_magentaGreen_sig\");\n\tconst mYBView = getSignalView(mYB, \"midtones_yellowBlue_sig\");\n\tconst hCRView = getSignalView(hCR, \"highlights_cyanRed_sig\");\n\tconst hMGView = getSignalView(hMG, \"highlights_magentaGreen_sig\");\n\tconst hYBView = getSignalView(hYB, \"highlights_yellowBlue_sig\");\n\tconst preserveLum = op.preserveLuminosity === false ? 0 : 1;\n\tuniformBufferData[0] = sCR.val / 100;\n\tuniformBufferData[1] = sMG.val / 100;\n\tuniformBufferData[2] = sYB.val / 100;\n\tuniformBufferData[3] = 0;\n\tuniformBufferData[4] = mCR.val / 100;\n\tuniformBufferData[5] = mMG.val / 100;\n\tuniformBufferData[6] = mYB.val / 100;\n\tuniformBufferData[7] = 0;\n\tuniformBufferData[8] = hCR.val / 100;\n\tuniformBufferData[9] = hMG.val / 100;\n\tuniformBufferData[10] = hYB.val / 100;\n\tuniformBufferData[11] = 0;\n\tuniformBufferData[12] = preserveLum;\n\tuniformBufferData[13] = sCR.hasStaticSig ? 1 : 0;\n\tuniformBufferData[14] = sMG.hasStaticSig ? 1 : 0;\n\tuniformBufferData[15] = sYB.hasStaticSig ? 1 : 0;\n\tuniformBufferData[16] = mCR.hasStaticSig ? 1 : 0;\n\tuniformBufferData[17] = mMG.hasStaticSig ? 1 : 0;\n\tuniformBufferData[18] = mYB.hasStaticSig ? 1 : 0;\n\tuniformBufferData[19] = hCR.hasStaticSig ? 1 : 0;\n\tuniformBufferData[20] = hMG.hasStaticSig ? 1 : 0;\n\tuniformBufferData[21] = hYB.hasStaticSig ? 1 : 0;\n\tuniformBufferData[22] = 0;\n\tuniformBufferData[23] = 0;\n\tconst buffer = ctx.renderer.getTemporaryBuffer(uniformBufferData);\n\tconst outTex = ctx.renderer.getTemporaryTexture(width, height, [\n\t\ttmpTex,\n\t\ttargetTexture,\n\t\t...props.excludeTextures || []\n\t]);\n\tconst sigBindGroup = ctx.device.createBindGroup({\n\t\tlayout: signalTextureLayout,\n\t\tentries: [\n\t\t\t{\n\t\t\t\tbinding: 0,\n\t\t\t\tresource: sCRView\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 1,\n\t\t\t\tresource: sMGView\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 2,\n\t\t\t\tresource: sYBView\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 3,\n\t\t\t\tresource: mCRView\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 4,\n\t\t\t\tresource: mMGView\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 5,\n\t\t\t\tresource: mYBView\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 6,\n\t\t\t\tresource: hCRView\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 7,\n\t\t\t\tresource: hMGView\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 8,\n\t\t\t\tresource: hYBView\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 9,\n\t\t\t\tresource: sampler\n\t\t\t}\n\t\t]\n\t});\n\tdrawFullscreenPass(encoder, outTex.createView(), pipeline, [\n\t\tctx.device.createBindGroup({\n\t\t\tlayout: uniformLayout,\n\t\t\tentries: [{\n\t\t\t\tbinding: 0,\n\t\t\t\tresource: { buffer }\n\t\t\t}]\n\t\t}),\n\t\tctx.renderer.bindGroupCache.getBindGroup(ctx.device, textureLayout, tmpTex, sampler),\n\t\tsigBindGroup\n\t]);\n\tdrawTextureToTarget(args, outTex, props.opacity ?? 1);\n};\n\n//#endregion\n//#region src/renderers/index.ts\nvar renderers_default = { WebGPURenderer: ColorBalanceWebGPURenderer };\n\n//#endregion\nexport { ColorBalanceWebGPURenderer as n, renderers_default as t };\n//# sourceMappingURL=renderers-BaZtHi33.mjs.map"],"mappings":"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"}
+{"version":3,"file":"renderer-2bipMLqz.mjs","names":[],"sources":["../../../nodes/node-color-balance/dist/renderers-BaZtHi33.mjs"],"sourcesContent":["import { resolveHandleParam } from \"@framefields/node-sdk\";\nimport { FULLSCREEN_QUAD_WGSL, createFullscreenPipeline, drawChildToTexture, drawFullscreenPass, drawTextureToTarget, fragmentBindGroupLayout, signalTextureView, signalTiming } from \"@framefields/node-sdk/gpu\";\n\n//#region src/renderers/webgpu-renderer.ts\nconst deviceResourceCache = /* @__PURE__ */ new WeakMap();\nconst WGSL_COLOR_BALANCE_SHADER = `\nstruct ColorBalanceUniforms {\n\tshadows                      : vec4<f32>,\n\tmidtones                     : vec4<f32>,\n\thighlights                   : vec4<f32>,\n\tpreserveLuminosity           : f32,\n\thasShadowsCyanRedSig         : f32,\n\thasShadowsMagentaGreenSig    : f32,\n\thasShadowsYellowBlueSig      : f32,\n\n\thasMidtonesCyanRedSig        : f32,\n\thasMidtonesMagentaGreenSig   : f32,\n\thasMidtonesYellowBlueSig     : f32,\n\thasHighlightsCyanRedSig      : f32,\n\n\thasHighlightsMagentaGreenSig : f32,\n\thasHighlightsYellowBlueSig   : f32,\n\t_pad0                        : f32,\n\t_pad1                        : f32,\n};\n\n@group(0) @binding(0) var<uniform> u                : ColorBalanceUniforms;\n@group(1) @binding(0) var tex                       : texture_2d<f32>;\n@group(1) @binding(1) var samp                      : sampler;\n\n@group(2) @binding(0) var shadowsCyanRedSigTex      : texture_2d<f32>;\n@group(2) @binding(1) var shadowsMagentaGreenSigTex : texture_2d<f32>;\n@group(2) @binding(2) var shadowsYellowBlueSigTex   : texture_2d<f32>;\n@group(2) @binding(3) var midtonesCyanRedSigTex     : texture_2d<f32>;\n@group(2) @binding(4) var midtonesMagentaGreenSigTex: texture_2d<f32>;\n@group(2) @binding(5) var midtonesYellowBlueSigTex  : texture_2d<f32>;\n@group(2) @binding(6) var highlightsCyanRedSigTex   : texture_2d<f32>;\n@group(2) @binding(7) var highlightsMagentaGreenSigTex: texture_2d<f32>;\n@group(2) @binding(8) var highlightsYellowBlueSigTex: texture_2d<f32>;\n@group(2) @binding(9) var signalSamp                : sampler;\n${FULLSCREEN_QUAD_WGSL}\n\nfn get_luminance(c: vec3<f32>) -> f32 {\n\treturn dot(c, vec3<f32>(0.2126, 0.7152, 0.0722));\n}\n\nfn set_luminance(c: vec3<f32>, l: f32) -> vec3<f32> {\n\tlet d = l - get_luminance(c);\n\tvar res = c + vec3<f32>(d);\n\tlet min_c = min(res.r, min(res.g, res.b));\n\tlet max_c = max(res.r, max(res.g, res.b));\n\tif (min_c < 0.0) {\n\t\tres = l + ((res - vec3<f32>(l)) * l) / max(l - min_c, 1e-5);\n\t}\n\tif (max_c > 1.0) {\n\t\tres = l + ((res - vec3<f32>(l)) * (1.0 - l)) / max(max_c - l, 1e-5);\n\t}\n\treturn clamp(res, vec3<f32>(0.0), vec3<f32>(1.0));\n}\n\n@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {\n\tlet color = textureSampleLevel(tex, samp, in.uv, 0.0);\n\tif (color.a <= 0.00001) {\n\t\treturn color;\n\t}\n\n\tlet alpha = color.a;\n\tlet rgb = color.rgb / max(alpha, 0.0001);\n\n\tvar sShift = u.shadows.rgb;\n\tif (u.hasShadowsCyanRedSig > 0.5) {\n\t\tsShift.r = clamp(textureSampleLevel(shadowsCyanRedSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r, -100.0, 100.0) / 100.0;\n\t}\n\tif (u.hasShadowsMagentaGreenSig > 0.5) {\n\t\tsShift.g = clamp(textureSampleLevel(shadowsMagentaGreenSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r, -100.0, 100.0) / 100.0;\n\t}\n\tif (u.hasShadowsYellowBlueSig > 0.5) {\n\t\tsShift.b = clamp(textureSampleLevel(shadowsYellowBlueSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r, -100.0, 100.0) / 100.0;\n\t}\n\n\tvar mShift = u.midtones.rgb;\n\tif (u.hasMidtonesCyanRedSig > 0.5) {\n\t\tmShift.r = clamp(textureSampleLevel(midtonesCyanRedSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r, -100.0, 100.0) / 100.0;\n\t}\n\tif (u.hasMidtonesMagentaGreenSig > 0.5) {\n\t\tmShift.g = clamp(textureSampleLevel(midtonesMagentaGreenSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r, -100.0, 100.0) / 100.0;\n\t}\n\tif (u.hasMidtonesYellowBlueSig > 0.5) {\n\t\tmShift.b = clamp(textureSampleLevel(midtonesYellowBlueSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r, -100.0, 100.0) / 100.0;\n\t}\n\n\tvar hShift = u.highlights.rgb;\n\tif (u.hasHighlightsCyanRedSig > 0.5) {\n\t\thShift.r = clamp(textureSampleLevel(highlightsCyanRedSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r, -100.0, 100.0) / 100.0;\n\t}\n\tif (u.hasHighlightsMagentaGreenSig > 0.5) {\n\t\thShift.g = clamp(textureSampleLevel(highlightsMagentaGreenSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r, -100.0, 100.0) / 100.0;\n\t}\n\tif (u.hasHighlightsYellowBlueSig > 0.5) {\n\t\thShift.b = clamp(textureSampleLevel(highlightsYellowBlueSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r, -100.0, 100.0) / 100.0;\n\t}\n\n\tlet origLum = get_luminance(rgb);\n\n\t// Tonal range weighting curves\n\tlet wShadows = clamp((1.0 - origLum) * (1.0 - origLum * 1.5), 0.0, 1.0);\n\tlet wMidtones = clamp(1.0 - 4.0 * (origLum - 0.5) * (origLum - 0.5), 0.0, 1.0);\n\tlet wHighlights = clamp(origLum * (origLum * 1.5 - 0.5), 0.0, 1.0);\n\n\tlet delta = wShadows * sShift + wMidtones * mShift + wHighlights * hShift;\n\tvar adjustedRgb = clamp(rgb + delta, vec3<f32>(0.0), vec3<f32>(1.0));\n\n\tif (u.preserveLuminosity > 0.5) {\n\t\tadjustedRgb = set_luminance(adjustedRgb, origLum);\n\t}\n\n\treturn vec4<f32>(adjustedRgb * alpha, alpha);\n}\n`;\nfunction getColorBalanceResources(device, format) {\n\tlet res = deviceResourceCache.get(device);\n\tif (res) return res;\n\tconst uniformLayout = fragmentBindGroupLayout(device, [\"uniform\"], \"ColorBalanceUniformLayout\");\n\tconst textureLayout = fragmentBindGroupLayout(device, [\"texture\", \"sampler\"], \"ColorBalanceTextureLayout\");\n\tconst signalTextureLayout = fragmentBindGroupLayout(device, [\n\t\t\"texture\",\n\t\t\"texture\",\n\t\t\"texture\",\n\t\t\"texture\",\n\t\t\"texture\",\n\t\t\"texture\",\n\t\t\"texture\",\n\t\t\"texture\",\n\t\t\"texture\",\n\t\t\"sampler\"\n\t], \"ColorBalanceSignalTextureLayout\");\n\tres = {\n\t\tpipeline: createFullscreenPipeline(device, {\n\t\t\tlabel: \"ColorBalancePipeline\",\n\t\t\tmodule: device.createShaderModule({\n\t\t\t\tlabel: \"ColorBalanceShaderModule\",\n\t\t\t\tcode: WGSL_COLOR_BALANCE_SHADER\n\t\t\t}),\n\t\t\tlayouts: [\n\t\t\t\tuniformLayout,\n\t\t\t\ttextureLayout,\n\t\t\t\tsignalTextureLayout\n\t\t\t],\n\t\t\tformat\n\t\t}),\n\t\tuniformLayout,\n\t\ttextureLayout,\n\t\tsignalTextureLayout\n\t};\n\tdeviceResourceCache.set(device, res);\n\treturn res;\n}\nconst uniformBufferData = new Float32Array(24);\nconst ColorBalanceWebGPURenderer = async (args) => {\n\tconst { ctx, encoder, pass, targetTexture, targetWidth, targetHeight, props } = args;\n\tconst op = props.virtualMedia?.operation;\n\tif (op?.op !== \"ColorBalance\" || !props.virtualMedia?.children?.[0]) return;\n\tpass.end();\n\tconst frame = props.frame ?? 0;\n\tconst compositionFrame = props.compositionFrame ?? frame;\n\tconst fps = props.fps || 30;\n\tconst childMedia = props.virtualMedia.children[0];\n\tconst width = targetWidth;\n\tconst height = targetHeight;\n\tconst nodeId = (props.virtualMedia?.metadata)?.id || (op.inputs ? Object.keys(op.inputs)[0] : null) || props.renderId || \"colorbalance_node\";\n\tconst resolveField = (handleId, fallbackVal, clampMin = -100, clampMax = 100) => resolveHandleParam(op.inputs, handleId, fallbackVal, clampMin, clampMax);\n\tconst resolveVal = (val) => {\n\t\tif (val !== void 0 && val !== null) {\n\t\t\tif (typeof val === \"object\" && val !== null) {\n\t\t\t\tif (\"get\" in val && typeof val.get === \"function\") val = val.get({\n\t\t\t\t\tframe: compositionFrame,\n\t\t\t\t\tfps\n\t\t\t\t});\n\t\t\t\telse if (\"value\" in val) val = val.value;\n\t\t\t} else if (typeof val === \"function\") val = val(compositionFrame, fps);\n\t\t}\n\t\tconst n = Number(val ?? 0);\n\t\treturn isNaN(n) ? 0 : n;\n\t};\n\tconst sCR = resolveField(op.shadows_cyanRedHandleId, resolveVal(op.shadows?.cyanRed));\n\tconst sMG = resolveField(op.shadows_magentaGreenHandleId, resolveVal(op.shadows?.magentaGreen));\n\tconst sYB = resolveField(op.shadows_yellowBlueHandleId, resolveVal(op.shadows?.yellowBlue));\n\tconst mCR = resolveField(op.midtones_cyanRedHandleId, resolveVal(op.midtones?.cyanRed));\n\tconst mMG = resolveField(op.midtones_magentaGreenHandleId, resolveVal(op.midtones?.magentaGreen));\n\tconst mYB = resolveField(op.midtones_yellowBlueHandleId, resolveVal(op.midtones?.yellowBlue));\n\tconst hCR = resolveField(op.highlights_cyanRedHandleId, resolveVal(op.highlights?.cyanRed));\n\tconst hMG = resolveField(op.highlights_magentaGreenHandleId, resolveVal(op.highlights?.magentaGreen));\n\tconst hYB = resolveField(op.highlights_yellowBlueHandleId, resolveVal(op.highlights?.yellowBlue));\n\tconst { texture: tmpTex } = await drawChildToTexture(args, childMedia);\n\tconst { pipeline, uniformLayout, textureLayout, signalTextureLayout } = getColorBalanceResources(ctx.device, ctx.renderer.format);\n\tconst sampler = ctx.renderer.samplerCache.getSampler(ctx.device);\n\tconst { elapsedSeconds, durationSeconds } = signalTiming(props, frame, fps);\n\tconst signalContext = {\n\t\targs,\n\t\twidth,\n\t\theight,\n\t\tframe,\n\t\tfps,\n\t\telapsedSeconds,\n\t\tdurationSeconds\n\t};\n\tconst getSignalView = (res, suffix) => signalTextureView(signalContext, res, `${nodeId}_${suffix}`);\n\tconst sCRView = getSignalView(sCR, \"shadows_cyanRed_sig\");\n\tconst sMGView = getSignalView(sMG, \"shadows_magentaGreen_sig\");\n\tconst sYBView = getSignalView(sYB, \"shadows_yellowBlue_sig\");\n\tconst mCRView = getSignalView(mCR, \"midtones_cyanRed_sig\");\n\tconst mMGView = getSignalView(mMG, \"midtones_magentaGreen_sig\");\n\tconst mYBView = getSignalView(mYB, \"midtones_yellowBlue_sig\");\n\tconst hCRView = getSignalView(hCR, \"highlights_cyanRed_sig\");\n\tconst hMGView = getSignalView(hMG, \"highlights_magentaGreen_sig\");\n\tconst hYBView = getSignalView(hYB, \"highlights_yellowBlue_sig\");\n\tconst preserveLum = op.preserveLuminosity === false ? 0 : 1;\n\tuniformBufferData[0] = sCR.val / 100;\n\tuniformBufferData[1] = sMG.val / 100;\n\tuniformBufferData[2] = sYB.val / 100;\n\tuniformBufferData[3] = 0;\n\tuniformBufferData[4] = mCR.val / 100;\n\tuniformBufferData[5] = mMG.val / 100;\n\tuniformBufferData[6] = mYB.val / 100;\n\tuniformBufferData[7] = 0;\n\tuniformBufferData[8] = hCR.val / 100;\n\tuniformBufferData[9] = hMG.val / 100;\n\tuniformBufferData[10] = hYB.val / 100;\n\tuniformBufferData[11] = 0;\n\tuniformBufferData[12] = preserveLum;\n\tuniformBufferData[13] = sCR.hasStaticSig ? 1 : 0;\n\tuniformBufferData[14] = sMG.hasStaticSig ? 1 : 0;\n\tuniformBufferData[15] = sYB.hasStaticSig ? 1 : 0;\n\tuniformBufferData[16] = mCR.hasStaticSig ? 1 : 0;\n\tuniformBufferData[17] = mMG.hasStaticSig ? 1 : 0;\n\tuniformBufferData[18] = mYB.hasStaticSig ? 1 : 0;\n\tuniformBufferData[19] = hCR.hasStaticSig ? 1 : 0;\n\tuniformBufferData[20] = hMG.hasStaticSig ? 1 : 0;\n\tuniformBufferData[21] = hYB.hasStaticSig ? 1 : 0;\n\tuniformBufferData[22] = 0;\n\tuniformBufferData[23] = 0;\n\tconst buffer = ctx.renderer.getTemporaryBuffer(uniformBufferData);\n\tconst outTex = ctx.renderer.getTemporaryTexture(width, height, [\n\t\ttmpTex,\n\t\ttargetTexture,\n\t\t...props.excludeTextures || []\n\t]);\n\tconst sigBindGroup = ctx.device.createBindGroup({\n\t\tlayout: signalTextureLayout,\n\t\tentries: [\n\t\t\t{\n\t\t\t\tbinding: 0,\n\t\t\t\tresource: sCRView\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 1,\n\t\t\t\tresource: sMGView\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 2,\n\t\t\t\tresource: sYBView\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 3,\n\t\t\t\tresource: mCRView\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 4,\n\t\t\t\tresource: mMGView\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 5,\n\t\t\t\tresource: mYBView\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 6,\n\t\t\t\tresource: hCRView\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 7,\n\t\t\t\tresource: hMGView\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 8,\n\t\t\t\tresource: hYBView\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 9,\n\t\t\t\tresource: sampler\n\t\t\t}\n\t\t]\n\t});\n\tdrawFullscreenPass(encoder, outTex.createView(), pipeline, [\n\t\tctx.device.createBindGroup({\n\t\t\tlayout: uniformLayout,\n\t\t\tentries: [{\n\t\t\t\tbinding: 0,\n\t\t\t\tresource: { buffer }\n\t\t\t}]\n\t\t}),\n\t\tctx.renderer.bindGroupCache.getBindGroup(ctx.device, textureLayout, tmpTex, sampler),\n\t\tsigBindGroup\n\t]);\n\tdrawTextureToTarget(args, outTex, props.opacity ?? 1);\n};\n\n//#endregion\n//#region src/renderers/index.ts\nvar renderers_default = { WebGPURenderer: ColorBalanceWebGPURenderer };\n\n//#endregion\nexport { ColorBalanceWebGPURenderer as n, renderers_default as t };\n//# sourceMappingURL=renderers-BaZtHi33.mjs.map"],"mappings":"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"}

package/dist/{renderer-DK9etIAz.mjs → renderer-7DyjqxEj.mjs}

@@ -1,7 +1,7 @@
-import "./chunk-GBe2k3y8.mjs";
-import { n as defineRenderer } from "./renderer-BSitV56h.mjs";
-import "./dist-hmWTJPik.mjs";
-import { i as beginTargetPass, l as fragmentBindGroupLayout, o as drawChildToTexture, p as texturesLayout, t as FULLSCREEN_QUAD_WGSL } from "./gpu-CHIgM_YH.mjs";
+import "./chunk-D7gtBK74.mjs";
+import { n as defineRenderer } from "./renderer-C9r0-KY4.mjs";
+import "./dist-DBWkkSvJ.mjs";
+import { i as beginTargetPass, l as fragmentBindGroupLayout, o as drawChildToTexture, p as texturesLayout, t as FULLSCREEN_QUAD_WGSL } from "./gpu-Dq_uI_00.mjs";
 
 //#region ../../nodes/node-channel-merger/dist/renderers-CFuJvvvy.mjs
 const COLOR_SPACE_MAP = {
@@ -290,4 +290,4 @@ var renderers_default = defineRenderer({ WebGPURenderer: ChannelMergerWebGPURend
 
 //#endregion
 export { ChannelMergerWebGPURenderer, renderers_default as default };
-//# sourceMappingURL=renderer-DK9etIAz.mjs.map
+//# sourceMappingURL=renderer-7DyjqxEj.mjs.map