npm - framefields - Versions diffs - 2.6.0 → 2.6.2 - Mend

framefields 2.6.0 → 2.6.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (296) hide show

package/dist/registry/chat-thread.json CHANGED Viewed

@@ -33,7 +33,7 @@
 	"files": [
 		{
 			"path": "chat-thread/index.ts",
-			"content": "/**\n * ChatThread: a messaging conversation. Bubbles arrive from either side\n * with a spring, the other side types first (three bouncing dots), and the\n * thread scrolls to keep the newest message in view. Names, avatars,\n * timestamps, reactions and images included.\n */\nimport {\n\ttype KeyframeTuple,\n\tLayerAnimation,\n\ttype LayoutNode,\n} from \"framefields\";\nimport {\n\ttype Animatable,\n\tbindComponent,\n\tdefineComponent,\n\trangeRects,\n\tspringKeys,\n\tsupersede,\n\tsurfaceFill,\n\tz,\n} from \"framefields/components\";\n\nexport interface ChatThreadCues {\n\t[name: string]: ReadonlyArray<{ frame: number }>;\n\t/** Each message as it lands. */\n\tmessages: ReadonlyArray<{ frame: number; index: number; from: string }>;\n\t/** Each typing indicator, shown to removed. */\n\ttyping: ReadonlyArray<{ frame: number; end: number; from: string }>;\n}\n\nfunction messageSchema() {\n\treturn z\n\t\t.object({\n\t\t\tfrom: z.string(),\n\t\t\ttext: z.string().optional(),\n\t\t\t/** An image (path or URL) instead of, or above, text. */\n\t\t\timage: z.string().optional(),\n\t\t\t/** Image width / height. */\n\t\t\taspect: z\n\t\t\t\t.number()\n\t\t\t\t.positive()\n\t\t\t\t.default(4 / 3),\n\t\t\t/** Frame it lands. Default: after the previous one has been read. */\n\t\t\tat: z.number().int().min(0).optional(),\n\t\t\t/**\n\t\t\t * A reaction pinned to the bubble: an emoji or short text (`\"heart\"`\n\t\t\t * means ❤️). Emoji draw from the color emoji font `framefields add`\n\t\t\t * installs (`registerFonts()` in the generated `fonts.ts`).\n\t\t\t */\n\t\t\treaction: z.string().optional(),\n\t\t\t/** A small timestamp under the bubble. */\n\t\t\ttime: z.string().optional(),\n\t\t})\n\t\t.strict()\n\t\t.refine((m) => m.text !== undefined || m.image !== undefined, {\n\t\t\tmessage: \"A message needs `text` or `image`.\",\n\t\t});\n}\n\nexport const chatThread = /* @__PURE__ */ defineComponent({\n\tname: \"ChatThread\",\n\tprops: () => ({\n\t\tmessages: z.array(messageSchema()).min(1),\n\t\t/** Who is \"me\" (right side, accent bubbles). Default the first sender. */\n\t\tme: z.string().optional(),\n\t\t/** Display names and bubble colours per sender. */\n\t\tparticipants: z\n\t\t\t.record(\n\t\t\t\tz.string(),\n\t\t\t\tz\n\t\t\t\t\t.object({\n\t\t\t\t\t\tname: z.string().optional(),\n\t\t\t\t\t\tcolor: z.string().optional(),\n\t\t\t\t\t\t/** A picture (path or URL); without one the avatar shows initials. */\n\t\t\t\t\t\tavatar: z.string().optional(),\n\t\t\t\t\t})\n\t\t\t\t\t.strict(),\n\t\t\t)\n\t\t\t.default({}),\n\t\t/**\n\t\t * Avatars beside each run of bubbles, at its newest one. Default:\n\t\t * `\"others\"` when any participant has an `avatar`, else `\"none\"`.\n\t\t */\n\t\tavatars: z.enum([\"others\", \"everyone\", \"none\"]).optional(),\n\t\t/** Names above the first bubble of each run (default: when more than two people talk). */\n\t\tnames: z.boolean().optional(),\n\t\t/** Others type before they send. */\n\t\ttyping: z.boolean().default(true),\n\t\t/** Reading speed between messages, characters a second. */\n\t\treadCps: z.number().positive().default(28),\n\t\tfontFamily: z.string().optional(),\n\t\tfontSize: z.number().positive().optional(),\n\t}),\n\tdefaults: { enter: false, exit: false },\n\tbuild(ctx, props) {\n\t\tconst { host, theme, fps } = ctx;\n\t\t// Bubbles overshoot a little; reactions bounce.\n\t\tconst { base: spring, pop } = theme.motion.spring;\n\t\tconst s = theme.scale;\n\t\tconst W = ctx.requested.width ?? 720 * s;\n\t\tconst H = ctx.requested.height ?? 960 * s;\n\t\tconst fs = props.fontSize ?? 30 * s;\n\t\tconst fontFamily = props.fontFamily ?? theme.font.body;\n\t\tconst me = props.me ?? props.messages[0]?.from ?? \"me\";\n\t\tconst senders = [...new Set(props.messages.map((m) => m.from))];\n\t\tconst showNames = props.names ?? senders.length > 2;\n\t\tconst avatars =\n\t\t\tprops.avatars ??\n\t\t\t(Object.values(props.participants).some((p) => p.avatar)\n\t\t\t\t? \"others\"\n\t\t\t\t: \"none\");\n\t\tconst hasAvatar = (from: string) =>\n\t\t\tavatars === \"everyone\" || (avatars === \"others\" && from !== me);\n\t\tconst pad = fs * 0.8;\n\t\tconst padX = fs * 0.62;\n\t\tconst padY = fs * 0.42;\n\t\tconst avatarSize = fs * 1.5;\n\t\t// Bubbles on a side with avatars move in by this much.\n\t\tconst inset = (from: string) =>\n\t\t\thasAvatar(from) ? avatarSize + fs * 0.3 : 0;\n\t\tconst maxW = Math.min(\n\t\t\tW * 0.74,\n\t\t\tW - pad * 2 - Math.max(...senders.map(inset)),\n\t\t);\n\t\tconst radius = fs * 0.9;\n\t\tconst smallFs = fs * 0.62;\n\n\t\t// ── Timing ────────────────────────────────────────────────────────\n\t\tconst landed: number[] = [];\n\t\tconst typingWindows: Array<{\n\t\t\tframe: number;\n\t\t\tend: number;\n\t\t\tfrom: string;\n\t\t\tindex: number;\n\t\t}> = [];\n\t\tlet t = Math.round(fps * 0.2);\n\t\tprops.messages.forEach((m, i) => {\n\t\t\tconst prev = props.messages[i - 1];\n\t\t\tif (prev && m.at === undefined) {\n\t\t\t\tconst read = ((prev.text?.length ?? 12) / props.readCps) * fps;\n\t\t\t\tt += Math.round(Math.min(fps * 2.5, Math.max(fps * 0.5, read)));\n\t\t\t}\n\t\t\tlet at = m.at ?? t;\n\t\t\tif (props.typing && m.from !== me && m.at === undefined) {\n\t\t\t\tconst typingFor = Math.round(\n\t\t\t\t\tMath.min(2.2, Math.max(0.7, (m.text?.length ?? 10) / 14)) * fps,\n\t\t\t\t);\n\t\t\t\ttypingWindows.push({\n\t\t\t\t\tframe: at,\n\t\t\t\t\tend: at + typingFor,\n\t\t\t\t\tfrom: m.from,\n\t\t\t\t\tindex: i,\n\t\t\t\t});\n\t\t\t\tat += typingFor;\n\t\t\t}\n\t\t\tlanded.push(at);\n\t\t\tt = at;\n\t\t});\n\n\t\t// ── Layout (top to bottom) ────────────────────────────────────────\n\t\tconst measure = (text: string, size: number, width?: number) =>\n\t\t\thost.measure(text, {\n\t\t\t\tfontFamily,\n\t\t\t\tfontSize: size,\n\t\t\t\t...(width !== undefined && { width }),\n\t\t\t});\n\t\tinterface Slot {\n\t\t\tindex: number;\n\t\t\ty: number;\n\t\t\twidth: number;\n\t\t\theight: number;\n\t\t\tright: boolean;\n\t\t\tnameY?: number;\n\t\t\ttimeY?: number;\n\t\t\ttextH: number;\n\t\t\timageH: number;\n\t\t}\n\t\tconst slots: Slot[] = [];\n\t\tlet y = pad;\n\t\tprops.messages.forEach((m, i) => {\n\t\t\tconst prev = props.messages[i - 1];\n\t\t\tconst right = m.from === me;\n\t\t\tconst newRun = !prev || prev.from !== m.from;\n\t\t\tif (prev) y += newRun ? fs * 0.75 : fs * 0.22;\n\t\t\t// A reaction sits on the bubble's top corner; leave it room.\n\t\t\tif (prev && m.reaction) y += fs * 0.5;\n\t\t\tlet nameY: number | undefined;\n\t\t\tif (showNames && newRun && !right) {\n\t\t\t\tnameY = y;\n\t\t\t\ty += measure(\"Ag\", smallFs).height + fs * 0.12;\n\t\t\t}\n\t\t\tconst inner = maxW - padX * 2;\n\t\t\tlet textW = 0;\n\t\t\tlet textH = 0;\n\t\t\tif (m.text) {\n\t\t\t\tconst one = measure(m.text, fs);\n\t\t\t\tif (one.width <= inner) {\n\t\t\t\t\ttextW = one.width;\n\t\t\t\t\ttextH = one.height;\n\t\t\t\t} else {\n\t\t\t\t\tconst wrapped = measure(m.text, fs, inner);\n\t\t\t\t\ttextW = Math.max(\n\t\t\t\t\t\t...rangeRects(wrapped, 0, m.text.length, {\n\t\t\t\t\t\t\tfontFamily,\n\t\t\t\t\t\t\tfontSize: fs,\n\t\t\t\t\t\t\twidth: inner,\n\t\t\t\t\t\t}).map((r) => r.width),\n\t\t\t\t\t);\n\t\t\t\t\ttextH = wrapped.height;\n\t\t\t\t}\n\t\t\t}\n\t\t\tconst imageW = m.image ? maxW : 0;\n\t\t\tconst imageH = m.image ? imageW / m.aspect : 0;\n\t\t\tconst width = m.image ? maxW : textW + padX * 2;\n\t\t\tconst height = imageH + (m.text ? textH + padY * 2 : 0);\n\t\t\tslots.push({ index: i, y, width, height, right, nameY, textH, imageH });\n\t\t\ty += height;\n\t\t\tif (m.time) {\n\t\t\t\t(slots[slots.length - 1] as Slot).timeY = y + fs * 0.12;\n\t\t\t\ty += measure(m.time, smallFs * 0.9).height + fs * 0.12;\n\t\t\t}\n\t\t});\n\n\t\t// ── Nodes ─────────────────────────────────────────────────────────\n\t\tconst parts: Record<string, Animatable<LayoutNode>> = {};\n\t\tconst content: LayoutNode[] = [];\n\t\tconst colorOf = (from: string) =>\n\t\t\tprops.participants[from]?.color ??\n\t\t\t(from === me ? theme.color.accent : theme.color.raised);\n\t\tconst ink = (from: string) =>\n\t\t\tfrom === me && !props.participants[from]?.color\n\t\t\t\t? \"#ffffff\"\n\t\t\t\t: theme.color.ink;\n\t\tconst fade = Math.max(2, Math.round(fps * 0.12));\n\t\t// The typing bubble: three dots in a pill, where the message will land.\n\t\tconst dot = fs * 0.24;\n\t\tconst typingW = dot * 3 + dot * 1.1 * 2 + padX * 2;\n\t\tconst typingH = Math.max(fs + padY * 2 - fs * 0.3, dot + padY * 2);\n\t\tconst typingOf = (index: number) =>\n\t\t\ttypingWindows.find((w) => w.index === index);\n\n\t\tslots.forEach((slot) => {\n\t\t\tconst m = props.messages[slot.index] as (typeof props.messages)[number];\n\t\t\tconst at = landed[slot.index] as number;\n\t\t\tconst x = slot.right\n\t\t\t\t? W - pad - inset(m.from) - slot.width\n\t\t\t\t: pad + inset(m.from);\n\t\t\tconst children: LayoutNode[] = [];\n\t\t\tif (m.image) {\n\t\t\t\tchildren.push(\n\t\t\t\t\thost.box({\n\t\t\t\t\t\tid: ctx.partId(`image-${slot.index}`),\n\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\tx: 0,\n\t\t\t\t\t\ty: 0,\n\t\t\t\t\t\twidth: slot.width,\n\t\t\t\t\t\theight: slot.imageH,\n\t\t\t\t\t\toverflow: \"hidden\",\n\t\t\t\t\t\tborderRadius: radius,\n\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\thost.media(m.image, {\n\t\t\t\t\t\t\t\tid: ctx.partId(`media-${slot.index}`),\n\t\t\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\t\t\tx: 0,\n\t\t\t\t\t\t\t\ty: 0,\n\t\t\t\t\t\t\t\twidth: slot.width,\n\t\t\t\t\t\t\t\theight: slot.imageH,\n\t\t\t\t\t\t\t\tfit: \"cover\",\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t],\n\t\t\t\t\t}),\n\t\t\t\t);\n\t\t\t}\n\t\t\tconst typed = typingOf(slot.index);\n\t\t\t// A typed text reply grows out of its typing bubble: same place,\n\t\t\t// same colour, so the dots become the message.\n\t\t\tconst morph = typed !== undefined && !m.image;\n\t\t\tif (m.text) {\n\t\t\t\tconst ty = slot.imageH + padY;\n\t\t\t\tconst text = host.text(m.text, {\n\t\t\t\t\tid: ctx.partId(`text-${slot.index}`),\n\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\tx: padX,\n\t\t\t\t\ty: ty,\n\t\t\t\t\twidth: slot.width - padX * 2 + 1,\n\t\t\t\t\tfontFamily,\n\t\t\t\t\tfontSize: fs,\n\t\t\t\t\tfill: ink(m.from),\n\t\t\t\t});\n\t\t\t\t// The words settle in just after their bubble opens.\n\t\t\t\tconst t0 = at + (morph ? Math.round(fps * 0.12) : 1);\n\t\t\t\ttext.animate(\n\t\t\t\t\tLayerAnimation.create()\n\t\t\t\t\t\t.keys(\"opacity\", [\n\t\t\t\t\t\t\t[0, 0],\n\t\t\t\t\t\t\t[t0, 0],\n\t\t\t\t\t\t\t[t0 + fade, 1, \"power2.out\"],\n\t\t\t\t\t\t])\n\t\t\t\t\t\t.keys(\"y\", [\n\t\t\t\t\t\t\t[0, ty + fs * 0.2],\n\t\t\t\t\t\t\t[t0, ty + fs * 0.2],\n\t\t\t\t\t\t\t[t0 + Math.round(fps * 0.3), ty, \"power3.out\"],\n\t\t\t\t\t\t]),\n\t\t\t\t);\n\t\t\t\tchildren.push(text);\n\t\t\t}\n\t\t\tconst bubble = host.box({\n\t\t\t\tid: ctx.partId(`bubble-${slot.index}`),\n\t\t\t\tposition: \"absolute\",\n\t\t\t\tx,\n\t\t\t\ty: slot.y,\n\t\t\t\twidth: slot.width,\n\t\t\t\theight: slot.height,\n\t\t\t\tbackground:\n\t\t\t\t\tm.image && !m.text\n\t\t\t\t\t\t? \"rgba(0,0,0,0)\"\n\t\t\t\t\t\t: surfaceFill(colorOf(m.from), theme),\n\t\t\t\tborderRadius: radius,\n\t\t\t\t// Springs grow from the corner the bubble comes from.\n\t\t\t\tanchorX: slot.right ? 1 : 0,\n\t\t\t\tanchorY: 1,\n\t\t\t\tchildren,\n\t\t\t});\n\t\t\tif (morph)\n\t\t\t\tbubble.animate(\n\t\t\t\t\tLayerAnimation.create()\n\t\t\t\t\t\t.keys(\"width\", springKeys(at, typingW, slot.width, fps, spring))\n\t\t\t\t\t\t.keys(\"height\", springKeys(at, typingH, slot.height, fps, spring))\n\t\t\t\t\t\t.keys(\n\t\t\t\t\t\t\t\"borderRadius\",\n\t\t\t\t\t\t\tspringKeys(at, typingH / 2, radius, fps, spring),\n\t\t\t\t\t\t)\n\t\t\t\t\t\t.keys(\"opacity\", [\n\t\t\t\t\t\t\t[0, 0],\n\t\t\t\t\t\t\t[at, 1, \"hold\"],\n\t\t\t\t\t\t]),\n\t\t\t\t);\n\t\t\telse {\n\t\t\t\t// Sent bubbles rise from below, as if from the compose field;\n\t\t\t\t// received ones pop from their corner.\n\t\t\t\tconst [scale, lift] = slot.right ? [0.86, fs * 1.1] : [0.6, fs * 0.5];\n\t\t\t\tbubble.animate(\n\t\t\t\t\tLayerAnimation.create()\n\t\t\t\t\t\t.keys(\"scale\", springKeys(at, scale, 1, fps, spring))\n\t\t\t\t\t\t.keys(\"y\", springKeys(at, slot.y + lift, slot.y, fps, spring))\n\t\t\t\t\t\t.keys(\"opacity\", [\n\t\t\t\t\t\t\t[at, 0],\n\t\t\t\t\t\t\t[at + fade, 1, \"power2.out\"],\n\t\t\t\t\t\t]),\n\t\t\t\t);\n\t\t\t}\n\t\t\tcontent.push(bubble);\n\t\t\tparts[`bubble-${slot.index}`] = bubble;\n\n\t\t\tconst small = (\n\t\t\t\tid: string,\n\t\t\t\ttext: string,\n\t\t\t\tsize: number,\n\t\t\t\ttx: number,\n\t\t\t\tty: number,\n\t\t\t\tfrom = at,\n\t\t\t) => {\n\t\t\t\tconst node = host.text(text, {\n\t\t\t\t\tid: ctx.partId(id),\n\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\tx: tx,\n\t\t\t\t\ty: ty,\n\t\t\t\t\tfontFamily,\n\t\t\t\t\tfontSize: size,\n\t\t\t\t\tfill: theme.color.muted,\n\t\t\t\t});\n\t\t\t\tnode.animate(\n\t\t\t\t\tLayerAnimation.keys(\"opacity\", [\n\t\t\t\t\t\t[0, 0],\n\t\t\t\t\t\t[from, 0],\n\t\t\t\t\t\t[from + Math.round(fps * 0.25), 1, \"power2.out\"],\n\t\t\t\t\t]),\n\t\t\t\t);\n\t\t\t\tcontent.push(node);\n\t\t\t};\n\t\t\tif (slot.nameY !== undefined)\n\t\t\t\tsmall(\n\t\t\t\t\t`name-${slot.index}`,\n\t\t\t\t\tprops.participants[m.from]?.name ?? m.from,\n\t\t\t\t\tsmallFs,\n\t\t\t\t\tx + padX * 0.5,\n\t\t\t\t\tslot.nameY,\n\t\t\t\t\t// With the run's typing dots, when it starts with them.\n\t\t\t\t\ttyped?.frame ?? at,\n\t\t\t\t);\n\t\t\tif (slot.timeY !== undefined && m.time) {\n\t\t\t\tconst tw = measure(m.time, smallFs * 0.9).width;\n\t\t\t\tsmall(\n\t\t\t\t\t`time-${slot.index}`,\n\t\t\t\t\tm.time,\n\t\t\t\t\tsmallFs * 0.9,\n\t\t\t\t\tslot.right ? x + slot.width - tw - padX * 0.3 : x + padX * 0.3,\n\t\t\t\t\tslot.timeY,\n\t\t\t\t);\n\t\t\t}\n\t\t\tif (m.reaction) {\n\t\t\t\t// Text, so emoji draw from the registered color emoji font\n\t\t\t\t// (installed with this component; see `fonts.ts`).\n\t\t\t\tconst reaction = m.reaction.trim() === \"heart\" ? \"❤️\" : m.reaction;\n\t\t\t\t// Emoji draw a little past their advance, so a lone one is set\n\t\t\t\t// smaller to keep the pill's margin.\n\t\t\t\tconst emojiOnly = !/[\\p{L}\\p{N}]/u.test(reaction);\n\t\t\t\tconst rfs = fs * (emojiOnly ? 0.74 : 0.9);\n\t\t\t\tconst rm = measure(reaction, rfs);\n\t\t\t\tconst rh = fs * 1.5;\n\t\t\t\tconst rw = Math.max(rh, rm.width + fs * 0.6);\n\t\t\t\tconst rAt = at + Math.round(fps * 0.6);\n\t\t\t\tconst border = Math.max(2, fs * 0.1);\n\t\t\t\t// On the outer top corner, like a tapback.\n\t\t\t\tconst pill = host.box({\n\t\t\t\t\tid: ctx.partId(`reaction-${slot.index}`),\n\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\tx: slot.right ? x - rw * 0.45 : x + slot.width - rw * 0.55,\n\t\t\t\t\ty: slot.y - rh * 0.6,\n\t\t\t\t\twidth: rw,\n\t\t\t\t\theight: rh,\n\t\t\t\t\tbackground: theme.color.raised,\n\t\t\t\t\tborderRadius: rh / 2,\n\t\t\t\t\tborderColor: theme.color.bg,\n\t\t\t\t\tborderWidth: border,\n\t\t\t\t\tanchorX: 0.5,\n\t\t\t\t\tanchorY: 1,\n\t\t\t\t\tchildren: [\n\t\t\t\t\t\thost.text(reaction, {\n\t\t\t\t\t\t\tid: ctx.partId(`reaction-${slot.index}-text`),\n\t\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\t\tx: (rw - rm.width) / 2,\n\t\t\t\t\t\t\ty: (rh - rm.height) / 2,\n\t\t\t\t\t\t\tfontFamily,\n\t\t\t\t\t\t\tfontSize: rfs,\n\t\t\t\t\t\t\tfill: theme.color.ink,\n\t\t\t\t\t\t}),\n\t\t\t\t\t],\n\t\t\t\t});\n\t\t\t\tpill.animate(\n\t\t\t\t\tLayerAnimation.create()\n\t\t\t\t\t\t.keys(\"scale\", springKeys(rAt, 0, 1, fps, pop))\n\t\t\t\t\t\t.keys(\"rotation\", springKeys(rAt, -24, 0, fps, pop))\n\t\t\t\t\t\t.keys(\"opacity\", [\n\t\t\t\t\t\t\t[0, 0],\n\t\t\t\t\t\t\t[rAt, 1, \"hold\"],\n\t\t\t\t\t\t]),\n\t\t\t\t);\n\t\t\t\tcontent.push(pill);\n\t\t\t}\n\t\t});\n\n\t\t// Typing indicators sit where the message will land.\n\t\ttypingWindows.forEach((w, k) => {\n\t\t\tconst slot = slots[w.index] as Slot;\n\t\t\tconst bw = typingW;\n\t\t\tconst bh = typingH;\n\t\t\tconst dots: LayoutNode[] = [0, 1, 2].map((d) => {\n\t\t\t\tconst node = host.box({\n\t\t\t\t\tid: ctx.partId(`typing-${k}-dot-${d}`),\n\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\tx: padX + d * dot * 2.1,\n\t\t\t\t\ty: (bh - dot) / 2,\n\t\t\t\t\twidth: dot,\n\t\t\t\t\theight: dot,\n\t\t\t\t\tbackground: theme.color.muted,\n\t\t\t\t\tborderRadius: dot / 2,\n\t\t\t\t});\n\t\t\t\t// A wave through the dots, one bounce every 0.6 s.\n\t\t\t\tconst period = Math.round(fps * 0.6);\n\t\t\t\tconst keys: KeyframeTuple[] = [[0, (bh - dot) / 2]];\n\t\t\t\tconst glow: KeyframeTuple[] = [[0, 0.45]];\n\t\t\t\tfor (\n\t\t\t\t\tlet f = w.frame + d * Math.round(period / 5);\n\t\t\t\t\tf < w.end;\n\t\t\t\t\tf += period\n\t\t\t\t) {\n\t\t\t\t\tkeys.push(\n\t\t\t\t\t\t[f, (bh - dot) / 2],\n\t\t\t\t\t\t[\n\t\t\t\t\t\t\tf + Math.round(period / 4),\n\t\t\t\t\t\t\t(bh - dot) / 2 - dot * 0.7,\n\t\t\t\t\t\t\t\"sine.out\",\n\t\t\t\t\t\t],\n\t\t\t\t\t\t[f + Math.round(period / 2), (bh - dot) / 2, \"sine.in\"],\n\t\t\t\t\t);\n\t\t\t\t\t// Each dot brightens at the top of its bounce.\n\t\t\t\t\tglow.push(\n\t\t\t\t\t\t[f, 0.45],\n\t\t\t\t\t\t[f + Math.round(period / 4), 1, \"sine.out\"],\n\t\t\t\t\t\t[f + Math.round(period / 2), 0.45, \"sine.in\"],\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tnode.animate(\n\t\t\t\t\tLayerAnimation.create()\n\t\t\t\t\t\t.keys(\"y\", supersede(keys))\n\t\t\t\t\t\t.keys(\"opacity\", supersede(glow)),\n\t\t\t\t);\n\t\t\t\treturn node;\n\t\t\t});\n\t\t\tconst bubble = host.box({\n\t\t\t\tid: ctx.partId(`typing-${k}`),\n\t\t\t\tposition: \"absolute\",\n\t\t\t\tx: pad + inset(w.from),\n\t\t\t\ty: slot.y,\n\t\t\t\twidth: bw,\n\t\t\t\theight: bh,\n\t\t\t\tbackground: colorOf(w.from),\n\t\t\t\tborderRadius: bh / 2,\n\t\t\t\tanchorX: 0,\n\t\t\t\tanchorY: 1,\n\t\t\t\tchildren: dots,\n\t\t\t});\n\t\t\tbubble.animate(\n\t\t\t\tLayerAnimation.create()\n\t\t\t\t\t.keys(\"scale\", springKeys(w.frame, 0.5, 1, fps, spring))\n\t\t\t\t\t.keys(\"opacity\", [\n\t\t\t\t\t\t[0, 0],\n\t\t\t\t\t\t[w.frame, 1, \"hold\"],\n\t\t\t\t\t\t[w.end, 0, \"hold\"],\n\t\t\t\t\t]),\n\t\t\t);\n\t\t\tcontent.push(bubble);\n\t\t});\n\n\t\tconst avatar = (\n\t\t\tfrom: string,\n\t\t\tid: string,\n\t\t\tx: number,\n\t\t\ty: number,\n\t\t): Animatable<LayoutNode> => {\n\t\t\tconst p = props.participants[from];\n\t\t\tconst size = avatarSize;\n\t\t\tconst base = {\n\t\t\t\tid: ctx.partId(id),\n\t\t\t\tposition: \"absolute\" as const,\n\t\t\t\tx,\n\t\t\t\ty,\n\t\t\t\twidth: size,\n\t\t\t\theight: size,\n\t\t\t\tborderRadius: size / 2,\n\t\t\t\tanchorX: 0.5,\n\t\t\t\tanchorY: 1,\n\t\t\t};\n\t\t\tif (p?.avatar)\n\t\t\t\treturn host.box({\n\t\t\t\t\t...base,\n\t\t\t\t\toverflow: \"hidden\",\n\t\t\t\t\tbackground: theme.color.raised,\n\t\t\t\t\tchildren: [\n\t\t\t\t\t\thost.media(p.avatar, {\n\t\t\t\t\t\t\tid: ctx.partId(`${id}-image`),\n\t\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\t\tx: 0,\n\t\t\t\t\t\t\ty: 0,\n\t\t\t\t\t\t\twidth: size,\n\t\t\t\t\t\t\theight: size,\n\t\t\t\t\t\t\tfit: \"cover\",\n\t\t\t\t\t\t}),\n\t\t\t\t\t],\n\t\t\t\t});\n\t\t\tconst letters = initials(p?.name ?? from);\n\t\t\tconst ifs = size * (letters.length > 1 ? 0.38 : 0.44);\n\t\t\tconst m = host.measure(letters, {\n\t\t\t\tfontFamily,\n\t\t\t\tfontSize: ifs,\n\t\t\t\tfontWeight: theme.weight.semibold,\n\t\t\t});\n\t\t\treturn host.box({\n\t\t\t\t...base,\n\t\t\t\tbackground: colorOf(from),\n\t\t\t\tchildren: [\n\t\t\t\t\thost.text(letters, {\n\t\t\t\t\t\tid: ctx.partId(`${id}-initials`),\n\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\tx: (size - m.width) / 2,\n\t\t\t\t\t\ty: (size - m.height) / 2,\n\t\t\t\t\t\tfontFamily,\n\t\t\t\t\t\tfontSize: ifs,\n\t\t\t\t\t\tfontWeight: theme.weight.semibold,\n\t\t\t\t\t\tfill: ink(from),\n\t\t\t\t\t}),\n\t\t\t\t],\n\t\t\t});\n\t\t};\n\n\t\t// One avatar per run of bubbles: it arrives with the run's typing dots\n\t\t// or first bubble and moves down to each newer bubble, iMessage style.\n\t\tconst runs: number[][] = [];\n\t\tprops.messages.forEach((m, i) => {\n\t\t\tconst run = runs[runs.length - 1];\n\t\t\tif (run && props.messages[run[0] as number]?.from === m.from) run.push(i);\n\t\t\telse runs.push([i]);\n\t\t});\n\t\truns.forEach((run) => {\n\t\t\tconst from = props.messages[run[0] as number]?.from ?? \"\";\n\t\t\tif (!hasAvatar(from)) return;\n\t\t\tconst r = run[0] as number;\n\t\t\tconst stops: Array<[number, number]> = [];\n\t\t\tfor (const i of run) {\n\t\t\t\tconst slot = slots[i] as Slot;\n\t\t\t\tconst w = typingWindows.find((tw) => tw.index === i);\n\t\t\t\tif (w) stops.push([w.frame, slot.y + typingH - avatarSize]);\n\t\t\t\tstops.push([landed[i] as number, slot.y + slot.height - avatarSize]);\n\t\t\t}\n\t\t\tconst [start, startY] = stops[0] as [number, number];\n\t\t\t// Same spring as the bubbles, so it stays level with their bottoms.\n\t\t\tconst y: KeyframeTuple[] = [[0, startY]];\n\t\t\tlet current = startY;\n\t\t\tfor (const [f, to] of stops.slice(1)) {\n\t\t\t\tif (to === current) continue;\n\t\t\t\ty.push(...springKeys(f, current, to, fps, spring));\n\t\t\t\tcurrent = to;\n\t\t\t}\n\t\t\tconst node = avatar(\n\t\t\t\tfrom,\n\t\t\t\t`avatar-${r}`,\n\t\t\t\tfrom === me ? W - pad - avatarSize : pad,\n\t\t\t\tstartY,\n\t\t\t);\n\t\t\tnode.animate(\n\t\t\t\tLayerAnimation.create()\n\t\t\t\t\t.keys(\"y\", supersede(y))\n\t\t\t\t\t.keys(\"scale\", springKeys(start, 0.4, 1, fps, spring))\n\t\t\t\t\t.keys(\"opacity\", [\n\t\t\t\t\t\t[0, 0],\n\t\t\t\t\t\t[start, 0],\n\t\t\t\t\t\t[start + Math.max(2, Math.round(fps * 0.12)), 1, \"power2.out\"],\n\t\t\t\t\t]),\n\t\t\t);\n\t\t\tcontent.push(node);\n\t\t\tparts[`avatar-${r}`] = node;\n\t\t});\n\n\t\t// ── Scroll: keep the newest bubble (or typing dots) in view ───────\n\t\tconst events = [\n\t\t\t...slots.map((sl) => ({\n\t\t\t\tframe: landed[sl.index] as number,\n\t\t\t\tbottom: sl.y + sl.height + (sl.timeY !== undefined ? fs : 0),\n\t\t\t})),\n\t\t\t...typingWindows.map((w) => ({\n\t\t\t\tframe: w.frame,\n\t\t\t\tbottom: (slots[w.index] as Slot).y + fs * 1.6,\n\t\t\t})),\n\t\t].sort((a, b) => a.frame - b.frame);\n\t\tconst scroll: KeyframeTuple[] = [[0, 0]];\n\t\tlet top = 0;\n\t\tconst glide = Math.round(fps * 0.35);\n\t\tfor (const e of events) {\n\t\t\tconst want = Math.min(0, H - pad - e.bottom);\n\t\t\tif (want >= top) continue;\n\t\t\tconst last = scroll[scroll.length - 1] as KeyframeTuple;\n\t\t\tif (e.frame > last[0]) scroll.push([e.frame, top]);\n\t\t\tscroll.push([Math.max(e.frame, last[0]) + glide, want, \"power3.out\"]);\n\t\t\ttop = want;\n\t\t}\n\t\tconst column = host.box({\n\t\t\tid: ctx.partId(\"column\"),\n\t\t\tposition: \"absolute\",\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\twidth: W,\n\t\t\theight: Math.max(H, y + pad),\n\t\t\tchildren: content,\n\t\t});\n\t\tcolumn.animate(LayerAnimation.keys(\"y\", supersede(scroll)));\n\t\tconst viewport = host.box({\n\t\t\tid: ctx.partId(\"viewport\"),\n\t\t\tposition: \"absolute\",\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\twidth: W,\n\t\t\theight: H,\n\t\t\toverflow: \"hidden\",\n\t\t\tchildren: [column],\n\t\t});\n\t\tparts.column = column;\n\t\tparts.viewport = viewport;\n\n\t\tconst lastAt = Math.max(...landed);\n\t\treturn {\n\t\t\tchildren: [viewport],\n\t\t\twidth: W,\n\t\t\theight: H,\n\t\t\tduration: lastAt + Math.round(fps * 0.8),\n\t\t\topenEnded: true,\n\t\t\tcues: {\n\t\t\t\tmessages: landed.map((frame, index) => ({\n\t\t\t\t\tframe,\n\t\t\t\t\tindex,\n\t\t\t\t\tfrom: props.messages[index]?.from ?? \"\",\n\t\t\t\t})),\n\t\t\t\ttyping: typingWindows.map(({ frame, end, from }) => ({\n\t\t\t\t\tframe,\n\t\t\t\t\tend,\n\t\t\t\t\tfrom,\n\t\t\t\t})),\n\t\t\t} as ChatThreadCues,\n\t\t\tparts,\n\t\t};\n\t},\n});\n\n/** \"Ana Lima\" → \"AL\", \"kai\" → \"K\". */\nfunction initials(name: string): string {\n\tconst words = name.trim().split(/\\s+/u).filter(Boolean);\n\tconst first = (w: string | undefined) => [...(w ?? \"\")][0] ?? \"\";\n\treturn (\n\t\tfirst(words[0]) + (words.length > 1 ? first(words[words.length - 1]) : \"\")\n\t).toUpperCase();\n}\n\n/**\n * A messaging conversation: bubbles that spring in from either side, typing\n * dots before replies, names, avatars, timestamps, reactions, images and\n * auto-scroll.\n */\nexport const ChatThread = /* @__PURE__ */ bindComponent(chatThread);\n"
+			"content": "/**\n * ChatThread: a messaging conversation. Bubbles arrive from either side\n * with a spring, the other side types first (three bouncing dots), and the\n * thread scrolls to keep the newest message in view. Names, avatars,\n * timestamps, reactions and images included.\n */\nimport {\n\ttype KeyframeTuple,\n\tLayerAnimation,\n\ttype LayoutNode,\n} from \"framefields\";\nimport {\n\ttype Animatable,\n\tbindComponent,\n\tdefineComponent,\n\trangeRects,\n\tspringKeys,\n\tspringSettleFrames,\n\tsupersede,\n\tsurfaceFill,\n\tz,\n} from \"framefields/components\";\n\nexport interface ChatThreadCues {\n\t[name: string]: ReadonlyArray<{ frame: number }>;\n\t/** Each message as it lands. */\n\tmessages: ReadonlyArray<{ frame: number; index: number; from: string }>;\n\t/** Each typing indicator, shown to removed. */\n\ttyping: ReadonlyArray<{ frame: number; end: number; from: string }>;\n}\n\nfunction messageSchema() {\n\treturn z\n\t\t.object({\n\t\t\tfrom: z.string(),\n\t\t\ttext: z.string().optional(),\n\t\t\t/** An image (path or URL) instead of, or above, text. */\n\t\t\timage: z.string().optional(),\n\t\t\t/** Image width / height. */\n\t\t\taspect: z\n\t\t\t\t.number()\n\t\t\t\t.positive()\n\t\t\t\t.default(4 / 3),\n\t\t\t/** Frame it lands. Default: after the previous one has been read. */\n\t\t\tat: z.number().int().min(0).optional(),\n\t\t\t/**\n\t\t\t * A reaction pinned to the bubble: an emoji or short text (`\"heart\"`\n\t\t\t * means ❤️). Emoji draw from the color emoji font `framefields add`\n\t\t\t * installs (`registerFonts()` in the generated `fonts.ts`).\n\t\t\t */\n\t\t\treaction: z.string().optional(),\n\t\t\t/** A small timestamp under the bubble. */\n\t\t\ttime: z.string().optional(),\n\t\t})\n\t\t.strict()\n\t\t.refine((m) => m.text !== undefined || m.image !== undefined, {\n\t\t\tmessage: \"A message needs `text` or `image`.\",\n\t\t});\n}\n\nexport const chatThread = /* @__PURE__ */ defineComponent({\n\tname: \"ChatThread\",\n\tprops: () => ({\n\t\tmessages: z.array(messageSchema()).min(1),\n\t\t/** Who is \"me\" (right side, accent bubbles). Default the first sender. */\n\t\tme: z.string().optional(),\n\t\t/** Display names and bubble colours per sender. */\n\t\tparticipants: z\n\t\t\t.record(\n\t\t\t\tz.string(),\n\t\t\t\tz\n\t\t\t\t\t.object({\n\t\t\t\t\t\tname: z.string().optional(),\n\t\t\t\t\t\tcolor: z.string().optional(),\n\t\t\t\t\t\t/** A picture (path or URL); without one the avatar shows initials. */\n\t\t\t\t\t\tavatar: z.string().optional(),\n\t\t\t\t\t})\n\t\t\t\t\t.strict(),\n\t\t\t)\n\t\t\t.default({}),\n\t\t/**\n\t\t * Avatars beside each run of bubbles, at its newest one. Default:\n\t\t * `\"others\"` when any participant has an `avatar`, else `\"none\"`.\n\t\t */\n\t\tavatars: z.enum([\"others\", \"everyone\", \"none\"]).optional(),\n\t\t/** Names above the first bubble of each run (default: when more than two people talk). */\n\t\tnames: z.boolean().optional(),\n\t\t/** Others type before they send. */\n\t\ttyping: z.boolean().default(true),\n\t\t/** Reading speed between messages, characters a second. */\n\t\treadCps: z.number().positive().default(28),\n\t\tfontFamily: z.string().optional(),\n\t\tfontSize: z.number().positive().optional(),\n\t}),\n\tdefaults: { enter: false, exit: false },\n\tbuild(ctx, props) {\n\t\tconst { host, theme, fps } = ctx;\n\t\t// Bubbles overshoot a little; reactions bounce.\n\t\tconst { base: spring, pop } = theme.motion.spring;\n\t\t/** The last frame anything moves: reactions pop after their bubble lands. */\n\t\tlet settled = 0;\n\t\tconst s = theme.scale;\n\t\tconst W = ctx.requested.width ?? 720 * s;\n\t\tconst H = ctx.requested.height ?? 960 * s;\n\t\tconst fs = props.fontSize ?? 30 * s;\n\t\tconst fontFamily = props.fontFamily ?? theme.font.body;\n\t\tconst me = props.me ?? props.messages[0]?.from ?? \"me\";\n\t\tconst senders = [...new Set(props.messages.map((m) => m.from))];\n\t\tconst showNames = props.names ?? senders.length > 2;\n\t\tconst avatars =\n\t\t\tprops.avatars ??\n\t\t\t(Object.values(props.participants).some((p) => p.avatar)\n\t\t\t\t? \"others\"\n\t\t\t\t: \"none\");\n\t\tconst hasAvatar = (from: string) =>\n\t\t\tavatars === \"everyone\" || (avatars === \"others\" && from !== me);\n\t\tconst pad = fs * 0.8;\n\t\tconst padX = fs * 0.62;\n\t\tconst padY = fs * 0.42;\n\t\tconst avatarSize = fs * 1.5;\n\t\t// Bubbles on a side with avatars move in by this much.\n\t\tconst inset = (from: string) =>\n\t\t\thasAvatar(from) ? avatarSize + fs * 0.3 : 0;\n\t\tconst maxW = Math.min(\n\t\t\tW * 0.74,\n\t\t\tW - pad * 2 - Math.max(...senders.map(inset)),\n\t\t);\n\t\tconst radius = fs * 0.9;\n\t\tconst smallFs = fs * 0.62;\n\n\t\t// ── Timing ────────────────────────────────────────────────────────\n\t\tconst landed: number[] = [];\n\t\tconst typingWindows: Array<{\n\t\t\tframe: number;\n\t\t\tend: number;\n\t\t\tfrom: string;\n\t\t\tindex: number;\n\t\t}> = [];\n\t\tlet t = Math.round(fps * 0.2);\n\t\tprops.messages.forEach((m, i) => {\n\t\t\tconst prev = props.messages[i - 1];\n\t\t\tif (prev && m.at === undefined) {\n\t\t\t\tconst read = ((prev.text?.length ?? 12) / props.readCps) * fps;\n\t\t\t\tt += Math.round(Math.min(fps * 2.5, Math.max(fps * 0.5, read)));\n\t\t\t}\n\t\t\tlet at = m.at ?? t;\n\t\t\tif (props.typing && m.from !== me && m.at === undefined) {\n\t\t\t\tconst typingFor = Math.round(\n\t\t\t\t\tMath.min(2.2, Math.max(0.7, (m.text?.length ?? 10) / 14)) * fps,\n\t\t\t\t);\n\t\t\t\ttypingWindows.push({\n\t\t\t\t\tframe: at,\n\t\t\t\t\tend: at + typingFor,\n\t\t\t\t\tfrom: m.from,\n\t\t\t\t\tindex: i,\n\t\t\t\t});\n\t\t\t\tat += typingFor;\n\t\t\t}\n\t\t\tlanded.push(at);\n\t\t\tt = at;\n\t\t});\n\n\t\t// ── Layout (top to bottom) ────────────────────────────────────────\n\t\tconst measure = (text: string, size: number, width?: number) =>\n\t\t\thost.measure(text, {\n\t\t\t\tfontFamily,\n\t\t\t\tfontSize: size,\n\t\t\t\t...(width !== undefined && { width }),\n\t\t\t});\n\t\tinterface Slot {\n\t\t\tindex: number;\n\t\t\ty: number;\n\t\t\twidth: number;\n\t\t\theight: number;\n\t\t\tright: boolean;\n\t\t\tnameY?: number;\n\t\t\ttimeY?: number;\n\t\t\ttextH: number;\n\t\t\timageH: number;\n\t\t}\n\t\tconst slots: Slot[] = [];\n\t\tlet y = pad;\n\t\tprops.messages.forEach((m, i) => {\n\t\t\tconst prev = props.messages[i - 1];\n\t\t\tconst right = m.from === me;\n\t\t\tconst newRun = !prev || prev.from !== m.from;\n\t\t\tif (prev) y += newRun ? fs * 0.75 : fs * 0.22;\n\t\t\t// A reaction sits on the bubble's top corner; leave it room.\n\t\t\tif (prev && m.reaction) y += fs * 0.5;\n\t\t\tlet nameY: number | undefined;\n\t\t\tif (showNames && newRun && !right) {\n\t\t\t\tnameY = y;\n\t\t\t\ty += measure(\"Ag\", smallFs).height + fs * 0.12;\n\t\t\t}\n\t\t\tconst inner = maxW - padX * 2;\n\t\t\tlet textW = 0;\n\t\t\tlet textH = 0;\n\t\t\tif (m.text) {\n\t\t\t\tconst one = measure(m.text, fs);\n\t\t\t\tif (one.width <= inner) {\n\t\t\t\t\ttextW = one.width;\n\t\t\t\t\ttextH = one.height;\n\t\t\t\t} else {\n\t\t\t\t\tconst wrapped = measure(m.text, fs, inner);\n\t\t\t\t\ttextW = Math.max(\n\t\t\t\t\t\t...rangeRects(wrapped, 0, m.text.length, {\n\t\t\t\t\t\t\tfontFamily,\n\t\t\t\t\t\t\tfontSize: fs,\n\t\t\t\t\t\t\twidth: inner,\n\t\t\t\t\t\t}).map((r) => r.width),\n\t\t\t\t\t);\n\t\t\t\t\ttextH = wrapped.height;\n\t\t\t\t}\n\t\t\t}\n\t\t\tconst imageW = m.image ? maxW : 0;\n\t\t\tconst imageH = m.image ? imageW / m.aspect : 0;\n\t\t\tconst width = m.image ? maxW : textW + padX * 2;\n\t\t\tconst height = imageH + (m.text ? textH + padY * 2 : 0);\n\t\t\tslots.push({ index: i, y, width, height, right, nameY, textH, imageH });\n\t\t\ty += height;\n\t\t\tif (m.time) {\n\t\t\t\t(slots[slots.length - 1] as Slot).timeY = y + fs * 0.12;\n\t\t\t\ty += measure(m.time, smallFs * 0.9).height + fs * 0.12;\n\t\t\t}\n\t\t});\n\n\t\t// ── Nodes ─────────────────────────────────────────────────────────\n\t\tconst parts: Record<string, Animatable<LayoutNode>> = {};\n\t\tconst content: LayoutNode[] = [];\n\t\tconst colorOf = (from: string) =>\n\t\t\tprops.participants[from]?.color ??\n\t\t\t(from === me ? theme.color.accent : theme.color.raised);\n\t\tconst ink = (from: string) =>\n\t\t\tfrom === me && !props.participants[from]?.color\n\t\t\t\t? \"#ffffff\"\n\t\t\t\t: theme.color.ink;\n\t\tconst fade = Math.max(2, Math.round(fps * 0.12));\n\t\t// The typing bubble: three dots in a pill, where the message will land.\n\t\tconst dot = fs * 0.24;\n\t\tconst typingW = dot * 3 + dot * 1.1 * 2 + padX * 2;\n\t\tconst typingH = Math.max(fs + padY * 2 - fs * 0.3, dot + padY * 2);\n\t\tconst typingOf = (index: number) =>\n\t\t\ttypingWindows.find((w) => w.index === index);\n\n\t\tslots.forEach((slot) => {\n\t\t\tconst m = props.messages[slot.index] as (typeof props.messages)[number];\n\t\t\tconst at = landed[slot.index] as number;\n\t\t\tconst x = slot.right\n\t\t\t\t? W - pad - inset(m.from) - slot.width\n\t\t\t\t: pad + inset(m.from);\n\t\t\tconst children: LayoutNode[] = [];\n\t\t\tif (m.image) {\n\t\t\t\tchildren.push(\n\t\t\t\t\thost.box({\n\t\t\t\t\t\tid: ctx.partId(`image-${slot.index}`),\n\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\tx: 0,\n\t\t\t\t\t\ty: 0,\n\t\t\t\t\t\twidth: slot.width,\n\t\t\t\t\t\theight: slot.imageH,\n\t\t\t\t\t\toverflow: \"hidden\",\n\t\t\t\t\t\tborderRadius: radius,\n\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\thost.media(m.image, {\n\t\t\t\t\t\t\t\tid: ctx.partId(`media-${slot.index}`),\n\t\t\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\t\t\tx: 0,\n\t\t\t\t\t\t\t\ty: 0,\n\t\t\t\t\t\t\t\twidth: slot.width,\n\t\t\t\t\t\t\t\theight: slot.imageH,\n\t\t\t\t\t\t\t\tfit: \"cover\",\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t],\n\t\t\t\t\t}),\n\t\t\t\t);\n\t\t\t}\n\t\t\tconst typed = typingOf(slot.index);\n\t\t\t// A typed text reply grows out of its typing bubble: same place,\n\t\t\t// same colour, so the dots become the message.\n\t\t\tconst morph = typed !== undefined && !m.image;\n\t\t\tif (m.text) {\n\t\t\t\tconst ty = slot.imageH + padY;\n\t\t\t\tconst text = host.text(m.text, {\n\t\t\t\t\tid: ctx.partId(`text-${slot.index}`),\n\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\tx: padX,\n\t\t\t\t\ty: ty,\n\t\t\t\t\twidth: slot.width - padX * 2 + 1,\n\t\t\t\t\tfontFamily,\n\t\t\t\t\tfontSize: fs,\n\t\t\t\t\tfill: ink(m.from),\n\t\t\t\t});\n\t\t\t\t// The words settle in just after their bubble opens.\n\t\t\t\tconst t0 = at + (morph ? Math.round(fps * 0.12) : 1);\n\t\t\t\ttext.animate(\n\t\t\t\t\tLayerAnimation.create()\n\t\t\t\t\t\t.keys(\"opacity\", [\n\t\t\t\t\t\t\t[0, 0],\n\t\t\t\t\t\t\t[t0, 0],\n\t\t\t\t\t\t\t[t0 + fade, 1, \"power2.out\"],\n\t\t\t\t\t\t])\n\t\t\t\t\t\t.keys(\"y\", [\n\t\t\t\t\t\t\t[0, ty + fs * 0.2],\n\t\t\t\t\t\t\t[t0, ty + fs * 0.2],\n\t\t\t\t\t\t\t[t0 + Math.round(fps * 0.3), ty, \"power3.out\"],\n\t\t\t\t\t\t]),\n\t\t\t\t);\n\t\t\t\tchildren.push(text);\n\t\t\t}\n\t\t\tconst bubble = host.box({\n\t\t\t\tid: ctx.partId(`bubble-${slot.index}`),\n\t\t\t\tposition: \"absolute\",\n\t\t\t\tx,\n\t\t\t\ty: slot.y,\n\t\t\t\twidth: slot.width,\n\t\t\t\theight: slot.height,\n\t\t\t\tbackground:\n\t\t\t\t\tm.image && !m.text\n\t\t\t\t\t\t? \"rgba(0,0,0,0)\"\n\t\t\t\t\t\t: surfaceFill(colorOf(m.from), theme),\n\t\t\t\tborderRadius: radius,\n\t\t\t\t// Springs grow from the corner the bubble comes from.\n\t\t\t\tanchorX: slot.right ? 1 : 0,\n\t\t\t\tanchorY: 1,\n\t\t\t\tchildren,\n\t\t\t});\n\t\t\tif (morph)\n\t\t\t\tbubble.animate(\n\t\t\t\t\tLayerAnimation.create()\n\t\t\t\t\t\t.keys(\"width\", springKeys(at, typingW, slot.width, fps, spring))\n\t\t\t\t\t\t.keys(\"height\", springKeys(at, typingH, slot.height, fps, spring))\n\t\t\t\t\t\t.keys(\n\t\t\t\t\t\t\t\"borderRadius\",\n\t\t\t\t\t\t\tspringKeys(at, typingH / 2, radius, fps, spring),\n\t\t\t\t\t\t)\n\t\t\t\t\t\t.keys(\"opacity\", [\n\t\t\t\t\t\t\t[0, 0],\n\t\t\t\t\t\t\t[at, 1, \"hold\"],\n\t\t\t\t\t\t]),\n\t\t\t\t);\n\t\t\telse {\n\t\t\t\t// Sent bubbles rise from below, as if from the compose field;\n\t\t\t\t// received ones pop from their corner.\n\t\t\t\tconst [scale, lift] = slot.right ? [0.86, fs * 1.1] : [0.6, fs * 0.5];\n\t\t\t\tbubble.animate(\n\t\t\t\t\tLayerAnimation.create()\n\t\t\t\t\t\t.keys(\"scale\", springKeys(at, scale, 1, fps, spring))\n\t\t\t\t\t\t.keys(\"y\", springKeys(at, slot.y + lift, slot.y, fps, spring))\n\t\t\t\t\t\t.keys(\"opacity\", [\n\t\t\t\t\t\t\t[at, 0],\n\t\t\t\t\t\t\t[at + fade, 1, \"power2.out\"],\n\t\t\t\t\t\t]),\n\t\t\t\t);\n\t\t\t}\n\t\t\tcontent.push(bubble);\n\t\t\tparts[`bubble-${slot.index}`] = bubble;\n\n\t\t\tconst small = (\n\t\t\t\tid: string,\n\t\t\t\ttext: string,\n\t\t\t\tsize: number,\n\t\t\t\ttx: number,\n\t\t\t\tty: number,\n\t\t\t\tfrom = at,\n\t\t\t) => {\n\t\t\t\tconst node = host.text(text, {\n\t\t\t\t\tid: ctx.partId(id),\n\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\tx: tx,\n\t\t\t\t\ty: ty,\n\t\t\t\t\tfontFamily,\n\t\t\t\t\tfontSize: size,\n\t\t\t\t\tfill: theme.color.muted,\n\t\t\t\t});\n\t\t\t\tnode.animate(\n\t\t\t\t\tLayerAnimation.keys(\"opacity\", [\n\t\t\t\t\t\t[0, 0],\n\t\t\t\t\t\t[from, 0],\n\t\t\t\t\t\t[from + Math.round(fps * 0.25), 1, \"power2.out\"],\n\t\t\t\t\t]),\n\t\t\t\t);\n\t\t\t\tcontent.push(node);\n\t\t\t};\n\t\t\tif (slot.nameY !== undefined)\n\t\t\t\tsmall(\n\t\t\t\t\t`name-${slot.index}`,\n\t\t\t\t\tprops.participants[m.from]?.name ?? m.from,\n\t\t\t\t\tsmallFs,\n\t\t\t\t\tx + padX * 0.5,\n\t\t\t\t\tslot.nameY,\n\t\t\t\t\t// With the run's typing dots, when it starts with them.\n\t\t\t\t\ttyped?.frame ?? at,\n\t\t\t\t);\n\t\t\tif (slot.timeY !== undefined && m.time) {\n\t\t\t\tconst tw = measure(m.time, smallFs * 0.9).width;\n\t\t\t\tsmall(\n\t\t\t\t\t`time-${slot.index}`,\n\t\t\t\t\tm.time,\n\t\t\t\t\tsmallFs * 0.9,\n\t\t\t\t\tslot.right ? x + slot.width - tw - padX * 0.3 : x + padX * 0.3,\n\t\t\t\t\tslot.timeY,\n\t\t\t\t);\n\t\t\t}\n\t\t\tif (m.reaction) {\n\t\t\t\t// Text, so emoji draw from the registered color emoji font\n\t\t\t\t// (installed with this component; see `fonts.ts`).\n\t\t\t\tconst reaction = m.reaction.trim() === \"heart\" ? \"❤️\" : m.reaction;\n\t\t\t\t// Emoji draw a little past their advance, so a lone one is set\n\t\t\t\t// smaller to keep the pill's margin.\n\t\t\t\tconst emojiOnly = !/[\\p{L}\\p{N}]/u.test(reaction);\n\t\t\t\tconst rfs = fs * (emojiOnly ? 0.74 : 0.9);\n\t\t\t\tconst rm = measure(reaction, rfs);\n\t\t\t\tconst rh = fs * 1.5;\n\t\t\t\tconst rw = Math.max(rh, rm.width + fs * 0.6);\n\t\t\t\tconst rAt = at + Math.round(fps * 0.6);\n\t\t\t\tsettled = Math.max(settled, rAt + springSettleFrames(fps, pop));\n\t\t\t\tconst border = Math.max(2, fs * 0.1);\n\t\t\t\t// On the outer top corner, like a tapback.\n\t\t\t\tconst pill = host.box({\n\t\t\t\t\tid: ctx.partId(`reaction-${slot.index}`),\n\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\tx: slot.right ? x - rw * 0.45 : x + slot.width - rw * 0.55,\n\t\t\t\t\ty: slot.y - rh * 0.6,\n\t\t\t\t\twidth: rw,\n\t\t\t\t\theight: rh,\n\t\t\t\t\tbackground: theme.color.raised,\n\t\t\t\t\tborderRadius: rh / 2,\n\t\t\t\t\tborderColor: theme.color.bg,\n\t\t\t\t\tborderWidth: border,\n\t\t\t\t\tanchorX: 0.5,\n\t\t\t\t\tanchorY: 1,\n\t\t\t\t\tchildren: [\n\t\t\t\t\t\thost.text(reaction, {\n\t\t\t\t\t\t\tid: ctx.partId(`reaction-${slot.index}-text`),\n\t\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\t\tx: (rw - rm.width) / 2,\n\t\t\t\t\t\t\ty: (rh - rm.height) / 2,\n\t\t\t\t\t\t\tfontFamily,\n\t\t\t\t\t\t\tfontSize: rfs,\n\t\t\t\t\t\t\tfill: theme.color.ink,\n\t\t\t\t\t\t}),\n\t\t\t\t\t],\n\t\t\t\t});\n\t\t\t\tpill.animate(\n\t\t\t\t\tLayerAnimation.create()\n\t\t\t\t\t\t.keys(\"scale\", springKeys(rAt, 0, 1, fps, pop))\n\t\t\t\t\t\t.keys(\"rotation\", springKeys(rAt, -24, 0, fps, pop))\n\t\t\t\t\t\t.keys(\"opacity\", [\n\t\t\t\t\t\t\t[0, 0],\n\t\t\t\t\t\t\t[rAt, 1, \"hold\"],\n\t\t\t\t\t\t]),\n\t\t\t\t);\n\t\t\t\tcontent.push(pill);\n\t\t\t}\n\t\t});\n\n\t\t// Typing indicators sit where the message will land.\n\t\ttypingWindows.forEach((w, k) => {\n\t\t\tconst slot = slots[w.index] as Slot;\n\t\t\tconst bw = typingW;\n\t\t\tconst bh = typingH;\n\t\t\tconst dots: LayoutNode[] = [0, 1, 2].map((d) => {\n\t\t\t\tconst node = host.box({\n\t\t\t\t\tid: ctx.partId(`typing-${k}-dot-${d}`),\n\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\tx: padX + d * dot * 2.1,\n\t\t\t\t\ty: (bh - dot) / 2,\n\t\t\t\t\twidth: dot,\n\t\t\t\t\theight: dot,\n\t\t\t\t\tbackground: theme.color.muted,\n\t\t\t\t\tborderRadius: dot / 2,\n\t\t\t\t});\n\t\t\t\t// A wave through the dots, one bounce every 0.6 s.\n\t\t\t\tconst period = Math.round(fps * 0.6);\n\t\t\t\tconst keys: KeyframeTuple[] = [[0, (bh - dot) / 2]];\n\t\t\t\tconst glow: KeyframeTuple[] = [[0, 0.45]];\n\t\t\t\tfor (\n\t\t\t\t\tlet f = w.frame + d * Math.round(period / 5);\n\t\t\t\t\tf < w.end;\n\t\t\t\t\tf += period\n\t\t\t\t) {\n\t\t\t\t\tkeys.push(\n\t\t\t\t\t\t[f, (bh - dot) / 2],\n\t\t\t\t\t\t[\n\t\t\t\t\t\t\tf + Math.round(period / 4),\n\t\t\t\t\t\t\t(bh - dot) / 2 - dot * 0.7,\n\t\t\t\t\t\t\t\"sine.out\",\n\t\t\t\t\t\t],\n\t\t\t\t\t\t[f + Math.round(period / 2), (bh - dot) / 2, \"sine.in\"],\n\t\t\t\t\t);\n\t\t\t\t\t// Each dot brightens at the top of its bounce.\n\t\t\t\t\tglow.push(\n\t\t\t\t\t\t[f, 0.45],\n\t\t\t\t\t\t[f + Math.round(period / 4), 1, \"sine.out\"],\n\t\t\t\t\t\t[f + Math.round(period / 2), 0.45, \"sine.in\"],\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tnode.animate(\n\t\t\t\t\tLayerAnimation.create()\n\t\t\t\t\t\t.keys(\"y\", supersede(keys))\n\t\t\t\t\t\t.keys(\"opacity\", supersede(glow)),\n\t\t\t\t);\n\t\t\t\treturn node;\n\t\t\t});\n\t\t\tconst bubble = host.box({\n\t\t\t\tid: ctx.partId(`typing-${k}`),\n\t\t\t\tposition: \"absolute\",\n\t\t\t\tx: pad + inset(w.from),\n\t\t\t\ty: slot.y,\n\t\t\t\twidth: bw,\n\t\t\t\theight: bh,\n\t\t\t\tbackground: colorOf(w.from),\n\t\t\t\tborderRadius: bh / 2,\n\t\t\t\tanchorX: 0,\n\t\t\t\tanchorY: 1,\n\t\t\t\tchildren: dots,\n\t\t\t});\n\t\t\tbubble.animate(\n\t\t\t\tLayerAnimation.create()\n\t\t\t\t\t.keys(\"scale\", springKeys(w.frame, 0.5, 1, fps, spring))\n\t\t\t\t\t.keys(\"opacity\", [\n\t\t\t\t\t\t[0, 0],\n\t\t\t\t\t\t[w.frame, 1, \"hold\"],\n\t\t\t\t\t\t[w.end, 0, \"hold\"],\n\t\t\t\t\t]),\n\t\t\t);\n\t\t\tcontent.push(bubble);\n\t\t});\n\n\t\tconst avatar = (\n\t\t\tfrom: string,\n\t\t\tid: string,\n\t\t\tx: number,\n\t\t\ty: number,\n\t\t): Animatable<LayoutNode> => {\n\t\t\tconst p = props.participants[from];\n\t\t\tconst size = avatarSize;\n\t\t\tconst base = {\n\t\t\t\tid: ctx.partId(id),\n\t\t\t\tposition: \"absolute\" as const,\n\t\t\t\tx,\n\t\t\t\ty,\n\t\t\t\twidth: size,\n\t\t\t\theight: size,\n\t\t\t\tborderRadius: size / 2,\n\t\t\t\tanchorX: 0.5,\n\t\t\t\tanchorY: 1,\n\t\t\t};\n\t\t\tif (p?.avatar)\n\t\t\t\treturn host.box({\n\t\t\t\t\t...base,\n\t\t\t\t\toverflow: \"hidden\",\n\t\t\t\t\tbackground: theme.color.raised,\n\t\t\t\t\tchildren: [\n\t\t\t\t\t\thost.media(p.avatar, {\n\t\t\t\t\t\t\tid: ctx.partId(`${id}-image`),\n\t\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\t\tx: 0,\n\t\t\t\t\t\t\ty: 0,\n\t\t\t\t\t\t\twidth: size,\n\t\t\t\t\t\t\theight: size,\n\t\t\t\t\t\t\tfit: \"cover\",\n\t\t\t\t\t\t}),\n\t\t\t\t\t],\n\t\t\t\t});\n\t\t\tconst letters = initials(p?.name ?? from);\n\t\t\tconst ifs = size * (letters.length > 1 ? 0.38 : 0.44);\n\t\t\tconst m = host.measure(letters, {\n\t\t\t\tfontFamily,\n\t\t\t\tfontSize: ifs,\n\t\t\t\tfontWeight: theme.weight.semibold,\n\t\t\t});\n\t\t\treturn host.box({\n\t\t\t\t...base,\n\t\t\t\tbackground: colorOf(from),\n\t\t\t\tchildren: [\n\t\t\t\t\thost.text(letters, {\n\t\t\t\t\t\tid: ctx.partId(`${id}-initials`),\n\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\tx: (size - m.width) / 2,\n\t\t\t\t\t\ty: (size - m.height) / 2,\n\t\t\t\t\t\tfontFamily,\n\t\t\t\t\t\tfontSize: ifs,\n\t\t\t\t\t\tfontWeight: theme.weight.semibold,\n\t\t\t\t\t\tfill: ink(from),\n\t\t\t\t\t}),\n\t\t\t\t],\n\t\t\t});\n\t\t};\n\n\t\t// One avatar per run of bubbles: it arrives with the run's typing dots\n\t\t// or first bubble and moves down to each newer bubble, iMessage style.\n\t\tconst runs: number[][] = [];\n\t\tprops.messages.forEach((m, i) => {\n\t\t\tconst run = runs[runs.length - 1];\n\t\t\tif (run && props.messages[run[0] as number]?.from === m.from) run.push(i);\n\t\t\telse runs.push([i]);\n\t\t});\n\t\truns.forEach((run) => {\n\t\t\tconst from = props.messages[run[0] as number]?.from ?? \"\";\n\t\t\tif (!hasAvatar(from)) return;\n\t\t\tconst r = run[0] as number;\n\t\t\tconst stops: Array<[number, number]> = [];\n\t\t\tfor (const i of run) {\n\t\t\t\tconst slot = slots[i] as Slot;\n\t\t\t\tconst w = typingWindows.find((tw) => tw.index === i);\n\t\t\t\tif (w) stops.push([w.frame, slot.y + typingH - avatarSize]);\n\t\t\t\tstops.push([landed[i] as number, slot.y + slot.height - avatarSize]);\n\t\t\t}\n\t\t\tconst [start, startY] = stops[0] as [number, number];\n\t\t\t// Same spring as the bubbles, so it stays level with their bottoms.\n\t\t\tconst y: KeyframeTuple[] = [[0, startY]];\n\t\t\tlet current = startY;\n\t\t\tfor (const [f, to] of stops.slice(1)) {\n\t\t\t\tif (to === current) continue;\n\t\t\t\ty.push(...springKeys(f, current, to, fps, spring));\n\t\t\t\tcurrent = to;\n\t\t\t}\n\t\t\tconst node = avatar(\n\t\t\t\tfrom,\n\t\t\t\t`avatar-${r}`,\n\t\t\t\tfrom === me ? W - pad - avatarSize : pad,\n\t\t\t\tstartY,\n\t\t\t);\n\t\t\tnode.animate(\n\t\t\t\tLayerAnimation.create()\n\t\t\t\t\t.keys(\"y\", supersede(y))\n\t\t\t\t\t.keys(\"scale\", springKeys(start, 0.4, 1, fps, spring))\n\t\t\t\t\t.keys(\"opacity\", [\n\t\t\t\t\t\t[0, 0],\n\t\t\t\t\t\t[start, 0],\n\t\t\t\t\t\t[start + Math.max(2, Math.round(fps * 0.12)), 1, \"power2.out\"],\n\t\t\t\t\t]),\n\t\t\t);\n\t\t\tcontent.push(node);\n\t\t\tparts[`avatar-${r}`] = node;\n\t\t});\n\n\t\t// ── Scroll: keep the newest bubble (or typing dots) in view ───────\n\t\tconst events = [\n\t\t\t...slots.map((sl) => ({\n\t\t\t\tframe: landed[sl.index] as number,\n\t\t\t\tbottom: sl.y + sl.height + (sl.timeY !== undefined ? fs : 0),\n\t\t\t})),\n\t\t\t...typingWindows.map((w) => ({\n\t\t\t\tframe: w.frame,\n\t\t\t\tbottom: (slots[w.index] as Slot).y + fs * 1.6,\n\t\t\t})),\n\t\t].sort((a, b) => a.frame - b.frame);\n\t\tconst scroll: KeyframeTuple[] = [[0, 0]];\n\t\tlet top = 0;\n\t\tconst glide = Math.round(fps * 0.35);\n\t\tfor (const e of events) {\n\t\t\tconst want = Math.min(0, H - pad - e.bottom);\n\t\t\tif (want >= top) continue;\n\t\t\tconst last = scroll[scroll.length - 1] as KeyframeTuple;\n\t\t\tif (e.frame > last[0]) scroll.push([e.frame, top]);\n\t\t\tscroll.push([Math.max(e.frame, last[0]) + glide, want, \"power3.out\"]);\n\t\t\ttop = want;\n\t\t}\n\t\tconst column = host.box({\n\t\t\tid: ctx.partId(\"column\"),\n\t\t\tposition: \"absolute\",\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\twidth: W,\n\t\t\theight: Math.max(H, y + pad),\n\t\t\tchildren: content,\n\t\t});\n\t\tcolumn.animate(LayerAnimation.keys(\"y\", supersede(scroll)));\n\t\tconst viewport = host.box({\n\t\t\tid: ctx.partId(\"viewport\"),\n\t\t\tposition: \"absolute\",\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\twidth: W,\n\t\t\theight: H,\n\t\t\toverflow: \"hidden\",\n\t\t\tchildren: [column],\n\t\t});\n\t\tparts.column = column;\n\t\tparts.viewport = viewport;\n\n\t\tconst lastAt = Math.max(...landed);\n\t\treturn {\n\t\t\tchildren: [viewport],\n\t\t\twidth: W,\n\t\t\theight: H,\n\t\t\tduration: Math.max(lastAt + Math.round(fps * 0.8), settled),\n\t\t\topenEnded: true,\n\t\t\tcues: {\n\t\t\t\tmessages: landed.map((frame, index) => ({\n\t\t\t\t\tframe,\n\t\t\t\t\tindex,\n\t\t\t\t\tfrom: props.messages[index]?.from ?? \"\",\n\t\t\t\t})),\n\t\t\t\ttyping: typingWindows.map(({ frame, end, from }) => ({\n\t\t\t\t\tframe,\n\t\t\t\t\tend,\n\t\t\t\t\tfrom,\n\t\t\t\t})),\n\t\t\t} as ChatThreadCues,\n\t\t\tparts,\n\t\t};\n\t},\n});\n\n/** \"Ana Lima\" → \"AL\", \"kai\" → \"K\". */\nfunction initials(name: string): string {\n\tconst words = name.trim().split(/\\s+/u).filter(Boolean);\n\tconst first = (w: string | undefined) => [...(w ?? \"\")][0] ?? \"\";\n\treturn (\n\t\tfirst(words[0]) + (words.length > 1 ? first(words[words.length - 1]) : \"\")\n\t).toUpperCase();\n}\n\n/**\n * A messaging conversation: bubbles that spring in from either side, typing\n * dots before replies, names, avatars, timestamps, reactions, images and\n * auto-scroll.\n */\nexport const ChatThread = /* @__PURE__ */ bindComponent(chatThread);\n"
 		}
 	]
 }

package/dist/registry/terminal.json CHANGED Viewed

@@ -40,7 +40,7 @@
 		},
 		{
 			"path": "terminal/plan.ts",
-			"content": "/**\n * Terminal planning, kept pure: run the script on a clock and record what\n * appears where and when. Nodes are built from this plan; tests read it.\n */\nimport { type Rng, typingFrames } from \"framefields/components\";\n\nexport type Step =\n\t| { cmd: string; prompt?: string }\n\t| { output: string | string[] }\n\t| { spinner: string; for: number; done?: string }\n\t| { progress: string; for: number }\n\t| { pause: number }\n\t| { clear: true };\n\n/** A run of text in one colour (a palette name) and weight. */\nexport interface Span {\n\ttext: string;\n\tcolor?: string;\n\tbold?: boolean;\n}\n\nexport interface PlannedLine {\n\trow: number;\n\t/** Frame the line appears. */\n\tappear: number;\n\t/** Frame it stops being drawn (scrolled out or cleared); Infinity if never. */\n\tuntil: number;\n\tspans: Span[];\n\tstep: number;\n\tkind: \"cmd\" | \"output\" | \"spinner\" | \"done\" | \"progress\" | \"prompt\";\n\t/** Columns the text starts in (room for a spinner or check mark). */\n\tindent?: number;\n\t/** For commands: characters already shown (the prompt) and each keystroke's frame. */\n\ttyping?: { prompt: number; frames: number[] };\n}\n\nexport interface TerminalPlan {\n\tlines: PlannedLine[];\n\t/** Rotating spinners: row, from frame, to frame. */\n\tspinners: Array<{ row: number; from: number; to: number; step: number }>;\n\t/** Check marks drawn at `at` on `row`, before the text from column 2. */\n\tchecks: Array<{ row: number; at: number; step: number }>;\n\tprogress: Array<{\n\t\trow: number;\n\t\tfrom: number;\n\t\tto: number;\n\t\tlabel: string;\n\t\tstep: number;\n\t}>;\n\t/** First visible row from each frame on; `jump` (a clear) snaps instead of gliding. */\n\tscroll: Array<[frame: number, top: number, jump?: boolean]>;\n\t/** Where the caret is, from each frame on (null = hidden). */\n\tcaret: Array<[frame: number, at: { row: number; col: number } | null]>;\n\tkeystrokes: Array<{ frame: number; index: number; step: number }>;\n\tsubmits: Array<{ frame: number; step: number }>;\n\toutputs: Array<{ frame: number; end: number; step: number }>;\n\tdone: number;\n\t/** Longest line, in characters. */\n\twidest: number;\n}\n\nexport interface PlanOptions {\n\tprompt: string;\n\tcps: number;\n\t/** Lines a second, or every output line at once. */\n\toutputRate: number | \"instant\";\n\trows: number;\n\tfps: number;\n\tmarkup: boolean;\n\trng: Rng;\n}\n\nconst COLORS = new Set([\n\t\"black\",\n\t\"red\",\n\t\"green\",\n\t\"yellow\",\n\t\"blue\",\n\t\"magenta\",\n\t\"cyan\",\n\t\"white\",\n\t\"gray\",\n\t\"dim\",\n\t\"accent\",\n]);\n\n/** `{green}ok{/} done` → spans. `{bold}` sets weight; unknown tags stay literal. */\nexport function parseMarkup(source: string, markup = true): Span[] {\n\tif (!markup) return [{ text: source }];\n\tconst spans: Span[] = [];\n\tconst stack: Array<{ color?: string; bold?: boolean }> = [{}];\n\tlet buffer = \"\";\n\tconst flush = () => {\n\t\tif (!buffer) return;\n\t\tconst top = stack[stack.length - 1] ?? {};\n\t\tspans.push({ text: buffer, ...top });\n\t\tbuffer = \"\";\n\t};\n\tconst re = /\\{(\\/|[a-z]+)\\}/g;\n\tlet last = 0;\n\tfor (const m of source.matchAll(re)) {\n\t\tconst tag = m[1] as string;\n\t\tconst index = m.index ?? 0;\n\t\tbuffer += source.slice(last, index);\n\t\tlast = index + m[0].length;\n\t\tif (tag === \"/\") {\n\t\t\tflush();\n\t\t\tif (stack.length > 1) stack.pop();\n\t\t} else if (tag === \"bold\" || COLORS.has(tag)) {\n\t\t\tflush();\n\t\t\tconst top = stack[stack.length - 1] ?? {};\n\t\t\tstack.push(\n\t\t\t\ttag === \"bold\" ? { ...top, bold: true } : { ...top, color: tag },\n\t\t\t);\n\t\t} else buffer += m[0];\n\t}\n\tbuffer += source.slice(last);\n\tflush();\n\treturn spans;\n}\n\nexport const spansText = (spans: readonly Span[]) =>\n\tspans.map((s) => s.text).join(\"\");\n\n/** Frames between Enter and the first line of output. */\nconst SUBMIT_BEAT = 0.3;\n/** Frames the scroll takes to glide one or more lines. */\nexport const SCROLL_GLIDE = 4;\n/** A check mark replaces these leading glyphs (fonts often lack them). */\nconst DONE_MARK = /^\\s*[✔✓√]\\s*/;\n\nexport function planTerminal(\n\tscript: readonly Step[],\n\to: PlanOptions,\n): TerminalPlan {\n\tconst plan: TerminalPlan = {\n\t\tlines: [],\n\t\tspinners: [],\n\t\tchecks: [],\n\t\tprogress: [],\n\t\tscroll: [[0, 0]],\n\t\tcaret: [[0, null]],\n\t\tkeystrokes: [],\n\t\tsubmits: [],\n\t\toutputs: [],\n\t\tdone: 0,\n\t\twidest: 0,\n\t};\n\tlet t = 0;\n\tlet row = 0;\n\tlet top = 0;\n\tlet typed = 0;\n\tconst perLine = o.outputRate === \"instant\" ? 0 : o.fps / o.outputRate;\n\n\tconst show = (line: Omit<PlannedLine, \"until\" | \"row\">): PlannedLine => {\n\t\tif (row - top >= o.rows) {\n\t\t\ttop = row - o.rows + 1;\n\t\t\tplan.scroll.push([line.appear, top]);\n\t\t}\n\t\tconst planned = { ...line, row, until: Number.POSITIVE_INFINITY };\n\t\tplan.lines.push(planned);\n\t\tplan.widest = Math.max(\n\t\t\tplan.widest,\n\t\t\tspansText(line.spans).length + (line.indent ?? 0),\n\t\t);\n\t\trow++;\n\t\treturn planned;\n\t};\n\tconst caretAt = (frame: number, at: { row: number; col: number } | null) =>\n\t\tplan.caret.push([frame, at]);\n\n\tscript.forEach((step, s) => {\n\t\tif (\"cmd\" in step) {\n\t\t\tconst prompt = step.prompt ?? o.prompt;\n\t\t\tconst line = show({\n\t\t\t\tappear: t,\n\t\t\t\tspans: [{ text: prompt, color: \"accent\" }, { text: step.cmd }],\n\t\t\t\tstep: s,\n\t\t\t\tkind: \"cmd\",\n\t\t\t});\n\t\t\tconst frames = typingFrames(\n\t\t\t\tstep.cmd,\n\t\t\t\to.cps,\n\t\t\t\to.fps,\n\t\t\t\to.rng,\n\t\t\t\tt + Math.round(o.fps * 0.25),\n\t\t\t);\n\t\t\tline.typing = { prompt: prompt.length, frames };\n\t\t\tcaretAt(t, { row: line.row, col: prompt.length });\n\t\t\tframes.forEach((f, i) => {\n\t\t\t\tplan.keystrokes.push({ frame: f, index: typed++, step: s });\n\t\t\t\tcaretAt(f, { row: line.row, col: prompt.length + i + 1 });\n\t\t\t});\n\t\t\tconst submit =\n\t\t\t\t(frames[frames.length - 1] ?? t) + Math.round(o.fps * SUBMIT_BEAT);\n\t\t\tplan.submits.push({ frame: submit, step: s });\n\t\t\tcaretAt(submit, null);\n\t\t\tt = submit + 1;\n\t\t} else if (\"output\" in step) {\n\t\t\tconst lines = Array.isArray(step.output)\n\t\t\t\t? step.output\n\t\t\t\t: step.output.split(\"\\n\");\n\t\t\tconst first = Math.round(t);\n\t\t\tlet at = t;\n\t\t\tfor (const text of lines) {\n\t\t\t\tshow({\n\t\t\t\t\tappear: Math.round(at),\n\t\t\t\t\tspans: parseMarkup(text, o.markup),\n\t\t\t\t\tstep: s,\n\t\t\t\t\tkind: \"output\",\n\t\t\t\t});\n\t\t\t\tat += perLine;\n\t\t\t}\n\t\t\tplan.outputs.push({\n\t\t\t\tframe: first,\n\t\t\t\tend: Math.round(Math.max(t, at - perLine)),\n\t\t\t\tstep: s,\n\t\t\t});\n\t\t\tt = Math.round(at);\n\t\t} else if (\"spinner\" in step) {\n\t\t\tconst from = Math.round(t);\n\t\t\tconst to = from + step.for;\n\t\t\tconst spinning = show({\n\t\t\t\tappear: from,\n\t\t\t\tspans: [{ text: step.spinner }],\n\t\t\t\tindent: 2,\n\t\t\t\tstep: s,\n\t\t\t\tkind: \"spinner\",\n\t\t\t});\n\t\t\tspinning.until = to;\n\t\t\tplan.spinners.push({ row: spinning.row, from, to, step: s });\n\t\t\trow--;\n\t\t\tconst doneText = (step.done ?? step.spinner).replace(DONE_MARK, \"\");\n\t\t\tshow({\n\t\t\t\tappear: to,\n\t\t\t\tspans: parseMarkup(doneText, o.markup),\n\t\t\t\tindent: 2,\n\t\t\t\tstep: s,\n\t\t\t\tkind: \"done\",\n\t\t\t});\n\t\t\tplan.checks.push({ row: spinning.row, at: to, step: s });\n\t\t\tt = to;\n\t\t} else if (\"progress\" in step) {\n\t\t\tconst from = Math.round(t);\n\t\t\tconst line = show({\n\t\t\t\tappear: from,\n\t\t\t\tspans: [{ text: step.progress }],\n\t\t\t\tstep: s,\n\t\t\t\tkind: \"progress\",\n\t\t\t});\n\t\t\tplan.progress.push({\n\t\t\t\trow: line.row,\n\t\t\t\tfrom,\n\t\t\t\tto: from + step.for,\n\t\t\t\tlabel: step.progress,\n\t\t\t\tstep: s,\n\t\t\t});\n\t\t\tplan.widest = Math.max(plan.widest, step.progress.length + 32);\n\t\t\tt = from + step.for;\n\t\t} else if (\"pause\" in step) {\n\t\t\tt += step.pause;\n\t\t} else {\n\t\t\tconst at = Math.round(t);\n\t\t\tfor (const line of plan.lines) line.until = Math.min(line.until, at);\n\t\t\ttop = row;\n\t\t\tplan.scroll.push([at, top, true]);\n\t\t}\n\t});\n\n\tplan.done = Math.round(t);\n\t// A fresh prompt waits at the end.\n\tconst last = show({\n\t\tappear: plan.done,\n\t\tspans: [{ text: o.prompt, color: \"accent\" }],\n\t\tstep: script.length,\n\t\tkind: \"prompt\",\n\t});\n\tcaretAt(plan.done, { row: last.row, col: o.prompt.length });\n\n\t// Lines stop drawing once scrolled out (after the glide), so only a\n\t// screenful of nodes is ever live.\n\tfor (const line of plan.lines) {\n\t\tconst gone = plan.scroll.find(([, top]) => top > line.row);\n\t\tif (gone) line.until = Math.min(line.until, gone[0] + SCROLL_GLIDE);\n\t}\n\treturn plan;\n}\n"
+			"content": "/**\n * Terminal planning, kept pure: run the script on a clock and record what\n * appears where and when. Nodes are built from this plan; tests read it.\n */\nimport { type Rng, typingFrames } from \"framefields/components\";\n\nexport type Step =\n\t| { cmd: string; prompt?: string }\n\t| { output: string | string[] }\n\t| { spinner: string; for: number; done?: string }\n\t| { progress: string; for: number }\n\t| { pause: number }\n\t| { clear: true };\n\n/** A run of text in one colour (a palette name) and weight. */\nexport interface Span {\n\ttext: string;\n\tcolor?: string;\n\tbold?: boolean;\n}\n\nexport interface PlannedLine {\n\trow: number;\n\t/** Frame the line appears. */\n\tappear: number;\n\t/** Frame it stops being drawn (scrolled out or cleared); Infinity if never. */\n\tuntil: number;\n\tspans: Span[];\n\tstep: number;\n\tkind: \"cmd\" | \"output\" | \"spinner\" | \"done\" | \"progress\" | \"prompt\";\n\t/** Columns the text starts in (room for a spinner or check mark). */\n\tindent?: number;\n\t/** For commands: characters already shown (the prompt) and each keystroke's frame. */\n\ttyping?: { prompt: number; frames: number[] };\n}\n\nexport interface TerminalPlan {\n\tlines: PlannedLine[];\n\t/** Rotating spinners: row, from frame, to frame. */\n\tspinners: Array<{ row: number; from: number; to: number; step: number }>;\n\t/** Check marks drawn at `at` on `row`, before the text from column 2. */\n\tchecks: Array<{ row: number; at: number; step: number }>;\n\tprogress: Array<{\n\t\trow: number;\n\t\tfrom: number;\n\t\tto: number;\n\t\tlabel: string;\n\t\tstep: number;\n\t}>;\n\t/** First visible row from each frame on; `jump` (a clear) snaps instead of gliding. */\n\tscroll: Array<[frame: number, top: number, jump?: boolean]>;\n\t/** Where the caret is, from each frame on (null = hidden). */\n\tcaret: Array<[frame: number, at: { row: number; col: number } | null]>;\n\tkeystrokes: Array<{ frame: number; index: number; step: number }>;\n\tsubmits: Array<{ frame: number; step: number }>;\n\toutputs: Array<{ frame: number; end: number; step: number }>;\n\tdone: number;\n\t/** Longest line, in characters. */\n\twidest: number;\n}\n\nexport interface PlanOptions {\n\tprompt: string;\n\tcps: number;\n\t/** Lines a second, or every output line at once. */\n\toutputRate: number | \"instant\";\n\trows: number;\n\tfps: number;\n\tmarkup: boolean;\n\trng: Rng;\n}\n\nconst COLORS = new Set([\n\t\"black\",\n\t\"red\",\n\t\"green\",\n\t\"yellow\",\n\t\"blue\",\n\t\"magenta\",\n\t\"cyan\",\n\t\"white\",\n\t\"gray\",\n\t\"dim\",\n\t\"accent\",\n]);\n\n/** `{green}ok{/} done` → spans. `{bold}` sets weight; unknown tags stay literal. */\nexport function parseMarkup(source: string, markup = true): Span[] {\n\tif (!markup) return [{ text: source }];\n\tconst spans: Span[] = [];\n\tconst stack: Array<{ color?: string; bold?: boolean }> = [{}];\n\tlet buffer = \"\";\n\tconst flush = () => {\n\t\tif (!buffer) return;\n\t\tconst top = stack[stack.length - 1] ?? {};\n\t\tspans.push({ text: buffer, ...top });\n\t\tbuffer = \"\";\n\t};\n\tconst re = /\\{(\\/|[a-z]+)\\}/g;\n\tlet last = 0;\n\tfor (const m of source.matchAll(re)) {\n\t\tconst tag = m[1] as string;\n\t\tconst index = m.index ?? 0;\n\t\tbuffer += source.slice(last, index);\n\t\tlast = index + m[0].length;\n\t\tif (tag === \"/\") {\n\t\t\tflush();\n\t\t\tif (stack.length > 1) stack.pop();\n\t\t} else if (tag === \"bold\" || COLORS.has(tag)) {\n\t\t\tflush();\n\t\t\tconst top = stack[stack.length - 1] ?? {};\n\t\t\tstack.push(\n\t\t\t\ttag === \"bold\" ? { ...top, bold: true } : { ...top, color: tag },\n\t\t\t);\n\t\t} else buffer += m[0];\n\t}\n\tbuffer += source.slice(last);\n\tflush();\n\treturn spans;\n}\n\nexport const spansText = (spans: readonly Span[]) =>\n\tspans.map((s) => s.text).join(\"\");\n\n/** Frames between Enter and the first line of output. */\nconst SUBMIT_BEAT = 0.3;\n/** Frames the scroll takes to glide one or more lines. */\nexport const SCROLL_GLIDE = 4;\n/** A check mark replaces these leading glyphs (fonts often lack them). */\nconst DONE_MARK = /^\\s*[✔✓√]\\s*/;\n\n/**\n * The spans without a leading check mark, found in the first span with\n * visible text, so `{green}✓{/} done` loses it as `✓ done` does (the\n * drawn check takes its place).\n */\nexport function withoutDoneMark(spans: Span[]): Span[] {\n\tconst first = spans.findIndex((sp) => sp.text.trim() !== \"\");\n\tconst span = spans[first];\n\tif (!span || !DONE_MARK.test(span.text)) return spans;\n\tconst rest = [\n\t\t{ ...span, text: span.text.replace(DONE_MARK, \"\") },\n\t\t...spans.slice(first + 1),\n\t];\n\t// The mark's trailing space goes with it, even when it's in the next span.\n\twhile (rest[0] && rest[0].text.trimStart() === \"\") rest.shift();\n\tif (rest[0]) rest[0] = { ...rest[0], text: rest[0].text.trimStart() };\n\treturn rest;\n}\n\nexport function planTerminal(\n\tscript: readonly Step[],\n\to: PlanOptions,\n): TerminalPlan {\n\tconst plan: TerminalPlan = {\n\t\tlines: [],\n\t\tspinners: [],\n\t\tchecks: [],\n\t\tprogress: [],\n\t\tscroll: [[0, 0]],\n\t\tcaret: [[0, null]],\n\t\tkeystrokes: [],\n\t\tsubmits: [],\n\t\toutputs: [],\n\t\tdone: 0,\n\t\twidest: 0,\n\t};\n\tlet t = 0;\n\tlet row = 0;\n\tlet top = 0;\n\tlet typed = 0;\n\tconst perLine = o.outputRate === \"instant\" ? 0 : o.fps / o.outputRate;\n\n\tconst show = (line: Omit<PlannedLine, \"until\" | \"row\">): PlannedLine => {\n\t\tif (row - top >= o.rows) {\n\t\t\ttop = row - o.rows + 1;\n\t\t\tplan.scroll.push([line.appear, top]);\n\t\t}\n\t\tconst planned = { ...line, row, until: Number.POSITIVE_INFINITY };\n\t\tplan.lines.push(planned);\n\t\tplan.widest = Math.max(\n\t\t\tplan.widest,\n\t\t\tspansText(line.spans).length + (line.indent ?? 0),\n\t\t);\n\t\trow++;\n\t\treturn planned;\n\t};\n\tconst caretAt = (frame: number, at: { row: number; col: number } | null) =>\n\t\tplan.caret.push([frame, at]);\n\n\tscript.forEach((step, s) => {\n\t\tif (\"cmd\" in step) {\n\t\t\tconst prompt = step.prompt ?? o.prompt;\n\t\t\tconst line = show({\n\t\t\t\tappear: t,\n\t\t\t\tspans: [{ text: prompt, color: \"accent\" }, { text: step.cmd }],\n\t\t\t\tstep: s,\n\t\t\t\tkind: \"cmd\",\n\t\t\t});\n\t\t\tconst frames = typingFrames(\n\t\t\t\tstep.cmd,\n\t\t\t\to.cps,\n\t\t\t\to.fps,\n\t\t\t\to.rng,\n\t\t\t\tt + Math.round(o.fps * 0.25),\n\t\t\t);\n\t\t\tline.typing = { prompt: prompt.length, frames };\n\t\t\tcaretAt(t, { row: line.row, col: prompt.length });\n\t\t\tframes.forEach((f, i) => {\n\t\t\t\tplan.keystrokes.push({ frame: f, index: typed++, step: s });\n\t\t\t\tcaretAt(f, { row: line.row, col: prompt.length + i + 1 });\n\t\t\t});\n\t\t\tconst submit =\n\t\t\t\t(frames[frames.length - 1] ?? t) + Math.round(o.fps * SUBMIT_BEAT);\n\t\t\tplan.submits.push({ frame: submit, step: s });\n\t\t\tcaretAt(submit, null);\n\t\t\tt = submit + 1;\n\t\t} else if (\"output\" in step) {\n\t\t\tconst lines = Array.isArray(step.output)\n\t\t\t\t? step.output\n\t\t\t\t: step.output.split(\"\\n\");\n\t\t\tconst first = Math.round(t);\n\t\t\tlet at = t;\n\t\t\tfor (const text of lines) {\n\t\t\t\tshow({\n\t\t\t\t\tappear: Math.round(at),\n\t\t\t\t\tspans: parseMarkup(text, o.markup),\n\t\t\t\t\tstep: s,\n\t\t\t\t\tkind: \"output\",\n\t\t\t\t});\n\t\t\t\tat += perLine;\n\t\t\t}\n\t\t\tplan.outputs.push({\n\t\t\t\tframe: first,\n\t\t\t\tend: Math.round(Math.max(t, at - perLine)),\n\t\t\t\tstep: s,\n\t\t\t});\n\t\t\tt = Math.round(at);\n\t\t} else if (\"spinner\" in step) {\n\t\t\tconst from = Math.round(t);\n\t\t\tconst to = from + step.for;\n\t\t\tconst spinning = show({\n\t\t\t\tappear: from,\n\t\t\t\tspans: [{ text: step.spinner }],\n\t\t\t\tindent: 2,\n\t\t\t\tstep: s,\n\t\t\t\tkind: \"spinner\",\n\t\t\t});\n\t\t\tspinning.until = to;\n\t\t\tplan.spinners.push({ row: spinning.row, from, to, step: s });\n\t\t\trow--;\n\t\t\tshow({\n\t\t\t\tappear: to,\n\t\t\t\tspans: withoutDoneMark(\n\t\t\t\t\tparseMarkup(step.done ?? step.spinner, o.markup),\n\t\t\t\t),\n\t\t\t\tindent: 2,\n\t\t\t\tstep: s,\n\t\t\t\tkind: \"done\",\n\t\t\t});\n\t\t\tplan.checks.push({ row: spinning.row, at: to, step: s });\n\t\t\tt = to;\n\t\t} else if (\"progress\" in step) {\n\t\t\tconst from = Math.round(t);\n\t\t\tconst line = show({\n\t\t\t\tappear: from,\n\t\t\t\tspans: [{ text: step.progress }],\n\t\t\t\tstep: s,\n\t\t\t\tkind: \"progress\",\n\t\t\t});\n\t\t\tplan.progress.push({\n\t\t\t\trow: line.row,\n\t\t\t\tfrom,\n\t\t\t\tto: from + step.for,\n\t\t\t\tlabel: step.progress,\n\t\t\t\tstep: s,\n\t\t\t});\n\t\t\tplan.widest = Math.max(plan.widest, step.progress.length + 32);\n\t\t\tt = from + step.for;\n\t\t} else if (\"pause\" in step) {\n\t\t\tt += step.pause;\n\t\t} else {\n\t\t\tconst at = Math.round(t);\n\t\t\tfor (const line of plan.lines) line.until = Math.min(line.until, at);\n\t\t\ttop = row;\n\t\t\tplan.scroll.push([at, top, true]);\n\t\t}\n\t});\n\n\tplan.done = Math.round(t);\n\t// A fresh prompt waits at the end.\n\tconst last = show({\n\t\tappear: plan.done,\n\t\tspans: [{ text: o.prompt, color: \"accent\" }],\n\t\tstep: script.length,\n\t\tkind: \"prompt\",\n\t});\n\tcaretAt(plan.done, { row: last.row, col: o.prompt.length });\n\n\t// Lines stop drawing once scrolled out (after the glide), so only a\n\t// screenful of nodes is ever live.\n\tfor (const line of plan.lines) {\n\t\tconst gone = plan.scroll.find(([, top]) => top > line.row);\n\t\tif (gone) line.until = Math.min(line.until, gone[0] + SCROLL_GLIDE);\n\t}\n\treturn plan;\n}\n"
 		}
 	]
 }

package/dist/renderer/index.d.mts CHANGED Viewed

@@ -1,3 +1,3 @@
-import { F as describeGpu, L as initHeadlessWebGPU, p as GpuAdapterDescription } from "../index-ocZc12ZS.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-BhzlG_1Q.mjs";
+import { F as describeGpu, L as initHeadlessWebGPU, p as GpuAdapterDescription } from "../index-kj5uSzaI.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-DcIR_DgU.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 CHANGED Viewed

@@ -1,5 +1,5 @@
 import "../chunk-D7gtBK74.mjs";
-import { R as initHeadlessWebGPU, x as describeGpu } from "../dist-CDwWQYg3.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-Bpve7M6S.mjs";
+import { R as initHeadlessWebGPU, x as describeGpu } from "../dist-Wsjx_Rza.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-56T9Wf1N.mjs";
 export { HeadlessMediaRenderer, HeadlessWebGPURenderer, computeGridLayout, describeGpu, formatQaReport, initHeadlessWebGPU, renderFrameGrid, renderSemaphore, resetRenderCaches, resolveSamplePoints };

package/dist/{renderer-BsnhAgrB.mjs → renderer-15a6H6Yg.mjs} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { n as defineRenderer, s as resolveHandleParam } from "./renderer-BgmO1Dzw.mjs";
-import { a as configBuilder, i as VideoResultSchema, n as ImageResultSchema } from "./dist-BPOi5xb_.mjs";
-import { a as createFullscreenPipeline, c as drawTextureToTarget, d as signalTextureView, f as signalTiming, l as fragmentBindGroupLayout, o as drawChildToTexture, p as texturesLayout, s as drawFullscreenPass, t as FULLSCREEN_QUAD_WGSL } from "./gpu-Bb4WmYYH.mjs";
+import { a as configBuilder, i as VideoResultSchema, n as ImageResultSchema } from "./dist-PlaSQJ43.mjs";
+import { a as createFullscreenPipeline, c as drawTextureToTarget, d as signalTextureView, f as signalTiming, l as fragmentBindGroupLayout, o as drawChildToTexture, p as texturesLayout, s as drawFullscreenPass, t as FULLSCREEN_QUAD_WGSL } from "./gpu-BvYDrqOC.mjs";
 import { z } from "zod";
 //#region ../../nodes/node-unsharp-mask/dist/renderers-BXchslQA.mjs
@@ -279,4 +279,4 @@ var renderers_default = defineRenderer({ WebGPURenderer });
 //#endregion
 export { renderers_default as t };
-//# sourceMappingURL=renderer-BsnhAgrB.mjs.map
+//# sourceMappingURL=renderer-15a6H6Yg.mjs.map

package/dist/{renderer-BsnhAgrB.mjs.map → renderer-15a6H6Yg.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"renderer-BsnhAgrB.mjs","names":[],"sources":["../../../nodes/node-unsharp-mask/dist/renderers-BXchslQA.mjs"],"sourcesContent":["import { defineRenderer } from \"@framefields/node-sdk/renderer\";\nimport { ImageResultSchema, VideoResultSchema, configBuilder, resolveHandleParam } from \"@framefields/node-sdk\";\nimport { FULLSCREEN_QUAD_WGSL, createFullscreenPipeline, drawChildToTexture, drawFullscreenPass, drawTextureToTarget, fragmentBindGroupLayout, signalTextureView, signalTiming, texturesLayout } from \"@framefields/node-sdk/gpu\";\nimport { z } from \"zod\";\n\n//#region src/shared/config.ts\nconst MAX_RADIUS = 50;\nconst MAX_AMOUNT = 500;\nconst MAX_THRESHOLD = 255;\nconst unsharpMaskConfig = configBuilder().field(\"amount\", z.number().min(0).max(MAX_AMOUNT).default(100), {\n\tbindable: true,\n\tdataTypes: [\"Number\", \"Signal\"],\n\tlabel: \"Amount Signal\",\n\tdescription: \"Sharpening intensity percentage (0–500%).\"\n}).field(\"radius\", z.number().min(.1).max(MAX_RADIUS).default(1.5), {\n\tbindable: true,\n\tdataTypes: [\"Number\", \"Signal\"],\n\tlabel: \"Radius Signal\",\n\tdescription: \"The Gaussian blur radius in pixels used to detect edge contrast.\"\n}).field(\"threshold\", z.number().int().min(0).max(MAX_THRESHOLD).default(3), {\n\tbindable: true,\n\tdataTypes: [\"Number\", \"Signal\"],\n\tlabel: \"Threshold Signal\",\n\tdescription: \"Minimum tonal level difference (0–255) required before sharpening is applied to avoid amplifying noise.\"\n}).build();\nconst UnsharpMaskNodeConfigSchema = unsharpMaskConfig.schema;\nconst UnsharpMaskResultSchema = z.union([ImageResultSchema, VideoResultSchema]);\nconst UNSHARP_MASK_OUTPUT_TYPE_MAP = {\n\tVideo: \"Video\",\n\tLottie: \"Video\",\n\tGIF: \"GIF\",\n\tImage: \"Image\",\n\tSVG: \"Image\"\n};\n\n//#endregion\n//#region src/renderers/webgpu-renderer.ts\nconst WGSL_UNSHARPMASK_UNIFORMS = `\nstruct UnsharpMaskUniforms {\n\tdirX : f32,\n\tdirY : f32,\n\tradius : f32,\n\tamount : f32,\n\n\tthreshold : f32,\n\thasRadiusSig : f32,\n\thasAmountSig : f32,\n\thasThresholdSig: f32,\n\n\tisSecondPass : f32,\n\t_pad0 : f32,\n\t_pad1 : f32,\n\t_pad2 : f32,\n};\n\n@group(0) @binding(0) var<uniform> u : UnsharpMaskUniforms;\n@group(1) @binding(0) var tex : texture_2d<f32>;\n@group(1) @binding(1) var samp : sampler;\n@group(1) @binding(2) var origTex : texture_2d<f32>;\n\n@group(2) @binding(0) var radiusSigTex : texture_2d<f32>;\n@group(2) @binding(1) var amountSigTex : texture_2d<f32>;\n@group(2) @binding(2) var thresholdSigTex : texture_2d<f32>;\n@group(2) @binding(3) var signalSamp : sampler;\n${FULLSCREEN_QUAD_WGSL}\n\n@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {\n\tlet dimensions = vec2<f32>(textureDimensions(tex));\n\tvar radius = u.radius;\n\tif (u.hasRadiusSig > 0.5) {\n\t\tradius = textureSampleLevel(radiusSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r;\n\t}\n\tvar amount = u.amount;\n\tif (u.hasAmountSig > 0.5) {\n\t\tamount = textureSampleLevel(amountSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r;\n\t}\n\tvar threshold = u.threshold;\n\tif (u.hasThresholdSig > 0.5) {\n\t\tthreshold = textureSampleLevel(thresholdSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r;\n\t}\n\n\tlet origCol = textureSampleLevel(origTex, samp, in.uv, 0.0);\n\tif (radius <= 0.0 \|\| amount <= 0.0) {\n\t\tif (u.isSecondPass > 0.5) {\n\t\t\treturn origCol;\n\t\t}\n\t\treturn textureSampleLevel(tex, samp, in.uv, 0.0);\n\t}\n\n\tlet texelSize = 1.0 / dimensions;\n\tlet spatial_sigma = radius;\n\tlet stepScale = max(1.0, spatial_sigma / 20.0);\n\tlet effectiveSigma = spatial_sigma / stepScale;\n\tlet sampleRadius = min(i32(ceil(3.0 * effectiveSigma)), 64);\n\tlet direction = vec2<f32>(u.dirX, u.dirY);\n\n\tvar blurred = vec4<f32>(0.0);\n\tvar totalWeight = 0.0;\n\n\tfor (var i = -sampleRadius; i <= sampleRadius; i++) {\n\t\tlet offset = vec2<f32>(f32(i) * stepScale) * direction * texelSize;\n\t\tlet x = f32(i) * stepScale;\n\t\tlet weight = exp(-0.5 * (x / spatial_sigma) * (x / spatial_sigma));\n\t\tblurred += textureSampleLevel(tex, samp, in.uv + offset, 0.0) * weight;\n\t\ttotalWeight += weight;\n\t}\n\n\tlet blurResult = blurred / max(totalWeight, 1e-5);\n\n\tif (u.isSecondPass <= 0.5) {\n\t\t// Pass 1: Intermediate horizontal blur\n\t\treturn blurResult;\n\t}\n\n\t// Pass 2: Vertical blur complete -> Calculate Precision Unsharp Mask\n\tif (origCol.a < 1e-5) {\n\t\treturn vec4<f32>(0.0, 0.0, 0.0, 0.0);\n\t}\n\n\tlet delta = origCol.rgb - blurResult.rgb;\n\tlet lumaDiff = abs(dot(delta, vec3<f32>(0.2126, 0.7152, 0.0722)));\n\tlet threshNorm = (max(0.0, threshold) / 255.0) * origCol.a;\n\n\tvar factor = 1.0;\n\tif (threshold > 0.0) {\n\t\tlet ramp = (2.0 / 255.0) * origCol.a;\n\t\tfactor = smoothstep(threshNorm, threshNorm + ramp, lumaDiff);\n\t}\n\n\tlet sharpRgb = origCol.rgb + (amount / 100.0) * delta * factor;\n\tlet clampedRgb = clamp(sharpRgb, vec3<f32>(0.0), vec3<f32>(origCol.a));\n\treturn vec4<f32>(clampedRgb, origCol.a);\n}\n`;\nconst deviceResourceCache = /* @__PURE__ */ new WeakMap();\nconst unsharpMaskUniformData = new Float32Array(12);\nfunction getUnsharpMaskResources(device, targetFormat) {\n\tconst cached = deviceResourceCache.get(device);\n\tif (cached) return cached;\n\tconst uniformLayout = fragmentBindGroupLayout(device, [\"uniform\"]);\n\tconst textureLayout = fragmentBindGroupLayout(device, [\n\t\t\"texture\",\n\t\t\"sampler\",\n\t\t\"texture\"\n\t]);\n\tconst signalTextureLayout = texturesLayout(device, 3);\n\tconst res = {\n\t\tuniformLayout,\n\t\ttextureLayout,\n\t\tsignalTextureLayout,\n\t\tpipeline: createFullscreenPipeline(device, {\n\t\t\tmodule: device.createShaderModule({ code: WGSL_UNSHARPMASK_UNIFORMS }),\n\t\t\tlayouts: device.createPipelineLayout({ bindGroupLayouts: [\n\t\t\t\tuniformLayout,\n\t\t\t\ttextureLayout,\n\t\t\t\tsignalTextureLayout\n\t\t\t] }),\n\t\t\tformat: targetFormat\n\t\t})\n\t};\n\tdeviceResourceCache.set(device, res);\n\treturn res;\n}\nconst WebGPURenderer = async (args) => {\n\tconst { ctx, encoder, pass, targetTexture, targetWidth, targetHeight, props } = args;\n\tconst op = props.virtualMedia?.operation;\n\tif (op?.op !== \"UnsharpMask\" \|\| !op) return;\n\tconst childMedia = props.virtualMedia.children?.[0];\n\tif (!childMedia) return;\n\tpass.end();\n\tconst frame = props.frame ?? 0;\n\tconst fps = props.fps \|\| 30;\n\tconst width = targetWidth;\n\tconst height = targetHeight;\n\tconst nodeId = op.inputs ? Object.keys(op.inputs)[0] : \"unsharpmask_node\";\n\tconst resolveField = (handleId, fallbackVal, clampMin = 0, clampMax = 1e3) => resolveHandleParam(op.inputs, handleId, fallbackVal, clampMin, clampMax);\n\tconst amountRes = resolveField(op.amountHandleId, Number(op.amount ?? 100), 0, MAX_AMOUNT);\n\tconst radiusRes = resolveField(op.radiusHandleId, Number(op.radius ?? 1.5), .1, MAX_RADIUS);\n\tconst thresholdRes = resolveField(op.thresholdHandleId, Number(op.threshold ?? 3), 0, MAX_THRESHOLD);\n\tconst { texture: tmpTex } = await drawChildToTexture(args, childMedia);\n\tconst { pipeline, uniformLayout: uLayout, textureLayout: tLayout, signalTextureLayout: sigLayout } = getUnsharpMaskResources(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 radiusView = getSignalView(radiusRes, \"radius_sig\");\n\tconst amountView = getSignalView(amountRes, \"amount_sig\");\n\tconst thresholdView = getSignalView(thresholdRes, \"threshold_sig\");\n\tconst createUnsharpMaskBindGroup = (inputTex, origTexture) => ctx.device.createBindGroup({\n\t\tlayout: tLayout,\n\t\tentries: [\n\t\t\t{\n\t\t\t\tbinding: 0,\n\t\t\t\tresource: inputTex.createView()\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 1,\n\t\t\t\tresource: sampler\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 2,\n\t\t\t\tresource: origTexture.createView()\n\t\t\t}\n\t\t]\n\t});\n\tunsharpMaskUniformData[2] = radiusRes.val;\n\tunsharpMaskUniformData[3] = amountRes.val;\n\tunsharpMaskUniformData[4] = thresholdRes.val;\n\tunsharpMaskUniformData[5] = radiusRes.hasStaticSig ? 1 : 0;\n\tunsharpMaskUniformData[6] = amountRes.hasStaticSig ? 1 : 0;\n\tunsharpMaskUniformData[7] = thresholdRes.hasStaticSig ? 1 : 0;\n\tunsharpMaskUniformData[8] = 0;\n\tunsharpMaskUniformData[9] = 0;\n\tunsharpMaskUniformData[10] = 0;\n\tunsharpMaskUniformData[11] = 0;\n\tconst outTex1 = ctx.renderer.getTemporaryTexture(width, height, [\n\t\ttmpTex,\n\t\ttargetTexture,\n\t\t...props.excludeTextures \|\| []\n\t]);\n\tconst outTex2 = ctx.renderer.getTemporaryTexture(width, height, [\n\t\ttmpTex,\n\t\toutTex1,\n\t\ttargetTexture,\n\t\t...props.excludeTextures \|\| []\n\t]);\n\tconst sigBindGroup = ctx.device.createBindGroup({\n\t\tlayout: sigLayout,\n\t\tentries: [\n\t\t\t{\n\t\t\t\tbinding: 0,\n\t\t\t\tresource: radiusView\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 1,\n\t\t\t\tresource: amountView\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 2,\n\t\t\t\tresource: thresholdView\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 3,\n\t\t\t\tresource: sampler\n\t\t\t}\n\t\t]\n\t});\n\tunsharpMaskUniformData[0] = 1;\n\tunsharpMaskUniformData[1] = 0;\n\tunsharpMaskUniformData[8] = 0;\n\tconst hBuffer = ctx.renderer.getTemporaryBuffer(unsharpMaskUniformData);\n\tdrawFullscreenPass(encoder, outTex1.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: hBuffer }\n\t\t\t}]\n\t\t}),\n\t\tcreateUnsharpMaskBindGroup(tmpTex, tmpTex),\n\t\tsigBindGroup\n\t]);\n\tunsharpMaskUniformData[0] = 0;\n\tunsharpMaskUniformData[1] = 1;\n\tunsharpMaskUniformData[8] = 1;\n\tconst vBuffer = ctx.renderer.getTemporaryBuffer(unsharpMaskUniformData);\n\tdrawFullscreenPass(encoder, outTex2.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: vBuffer }\n\t\t\t}]\n\t\t}),\n\t\tcreateUnsharpMaskBindGroup(outTex1, tmpTex),\n\t\tsigBindGroup\n\t]);\n\tdrawTextureToTarget(args, outTex2, op.opacity ?? 1);\n};\n\n//#endregion\n//#region src/renderers/index.ts\nvar renderers_default = defineRenderer({ WebGPURenderer });\n\n//#endregion\nexport { UNSHARP_MASK_OUTPUT_TYPE_MAP as a, unsharpMaskConfig as c, MAX_THRESHOLD as i, MAX_AMOUNT as n, UnsharpMaskNodeConfigSchema as o, MAX_RADIUS as r, UnsharpMaskResultSchema as s, renderers_default as t };\n//# sourceMappingURL=renderers-BXchslQA.mjs.map"],"mappings":"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"}
1	+ {"version":3,"file":"renderer-15a6H6Yg.mjs","names":[],"sources":["../../../nodes/node-unsharp-mask/dist/renderers-BXchslQA.mjs"],"sourcesContent":["import { defineRenderer } from \"@framefields/node-sdk/renderer\";\nimport { ImageResultSchema, VideoResultSchema, configBuilder, resolveHandleParam } from \"@framefields/node-sdk\";\nimport { FULLSCREEN_QUAD_WGSL, createFullscreenPipeline, drawChildToTexture, drawFullscreenPass, drawTextureToTarget, fragmentBindGroupLayout, signalTextureView, signalTiming, texturesLayout } from \"@framefields/node-sdk/gpu\";\nimport { z } from \"zod\";\n\n//#region src/shared/config.ts\nconst MAX_RADIUS = 50;\nconst MAX_AMOUNT = 500;\nconst MAX_THRESHOLD = 255;\nconst unsharpMaskConfig = configBuilder().field(\"amount\", z.number().min(0).max(MAX_AMOUNT).default(100), {\n\tbindable: true,\n\tdataTypes: [\"Number\", \"Signal\"],\n\tlabel: \"Amount Signal\",\n\tdescription: \"Sharpening intensity percentage (0–500%).\"\n}).field(\"radius\", z.number().min(.1).max(MAX_RADIUS).default(1.5), {\n\tbindable: true,\n\tdataTypes: [\"Number\", \"Signal\"],\n\tlabel: \"Radius Signal\",\n\tdescription: \"The Gaussian blur radius in pixels used to detect edge contrast.\"\n}).field(\"threshold\", z.number().int().min(0).max(MAX_THRESHOLD).default(3), {\n\tbindable: true,\n\tdataTypes: [\"Number\", \"Signal\"],\n\tlabel: \"Threshold Signal\",\n\tdescription: \"Minimum tonal level difference (0–255) required before sharpening is applied to avoid amplifying noise.\"\n}).build();\nconst UnsharpMaskNodeConfigSchema = unsharpMaskConfig.schema;\nconst UnsharpMaskResultSchema = z.union([ImageResultSchema, VideoResultSchema]);\nconst UNSHARP_MASK_OUTPUT_TYPE_MAP = {\n\tVideo: \"Video\",\n\tLottie: \"Video\",\n\tGIF: \"GIF\",\n\tImage: \"Image\",\n\tSVG: \"Image\"\n};\n\n//#endregion\n//#region src/renderers/webgpu-renderer.ts\nconst WGSL_UNSHARPMASK_UNIFORMS = `\nstruct UnsharpMaskUniforms {\n\tdirX : f32,\n\tdirY : f32,\n\tradius : f32,\n\tamount : f32,\n\n\tthreshold : f32,\n\thasRadiusSig : f32,\n\thasAmountSig : f32,\n\thasThresholdSig: f32,\n\n\tisSecondPass : f32,\n\t_pad0 : f32,\n\t_pad1 : f32,\n\t_pad2 : f32,\n};\n\n@group(0) @binding(0) var<uniform> u : UnsharpMaskUniforms;\n@group(1) @binding(0) var tex : texture_2d<f32>;\n@group(1) @binding(1) var samp : sampler;\n@group(1) @binding(2) var origTex : texture_2d<f32>;\n\n@group(2) @binding(0) var radiusSigTex : texture_2d<f32>;\n@group(2) @binding(1) var amountSigTex : texture_2d<f32>;\n@group(2) @binding(2) var thresholdSigTex : texture_2d<f32>;\n@group(2) @binding(3) var signalSamp : sampler;\n${FULLSCREEN_QUAD_WGSL}\n\n@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {\n\tlet dimensions = vec2<f32>(textureDimensions(tex));\n\tvar radius = u.radius;\n\tif (u.hasRadiusSig > 0.5) {\n\t\tradius = textureSampleLevel(radiusSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r;\n\t}\n\tvar amount = u.amount;\n\tif (u.hasAmountSig > 0.5) {\n\t\tamount = textureSampleLevel(amountSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r;\n\t}\n\tvar threshold = u.threshold;\n\tif (u.hasThresholdSig > 0.5) {\n\t\tthreshold = textureSampleLevel(thresholdSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r;\n\t}\n\n\tlet origCol = textureSampleLevel(origTex, samp, in.uv, 0.0);\n\tif (radius <= 0.0 \|\| amount <= 0.0) {\n\t\tif (u.isSecondPass > 0.5) {\n\t\t\treturn origCol;\n\t\t}\n\t\treturn textureSampleLevel(tex, samp, in.uv, 0.0);\n\t}\n\n\tlet texelSize = 1.0 / dimensions;\n\tlet spatial_sigma = radius;\n\tlet stepScale = max(1.0, spatial_sigma / 20.0);\n\tlet effectiveSigma = spatial_sigma / stepScale;\n\tlet sampleRadius = min(i32(ceil(3.0 * effectiveSigma)), 64);\n\tlet direction = vec2<f32>(u.dirX, u.dirY);\n\n\tvar blurred = vec4<f32>(0.0);\n\tvar totalWeight = 0.0;\n\n\tfor (var i = -sampleRadius; i <= sampleRadius; i++) {\n\t\tlet offset = vec2<f32>(f32(i) * stepScale) * direction * texelSize;\n\t\tlet x = f32(i) * stepScale;\n\t\tlet weight = exp(-0.5 * (x / spatial_sigma) * (x / spatial_sigma));\n\t\tblurred += textureSampleLevel(tex, samp, in.uv + offset, 0.0) * weight;\n\t\ttotalWeight += weight;\n\t}\n\n\tlet blurResult = blurred / max(totalWeight, 1e-5);\n\n\tif (u.isSecondPass <= 0.5) {\n\t\t// Pass 1: Intermediate horizontal blur\n\t\treturn blurResult;\n\t}\n\n\t// Pass 2: Vertical blur complete -> Calculate Precision Unsharp Mask\n\tif (origCol.a < 1e-5) {\n\t\treturn vec4<f32>(0.0, 0.0, 0.0, 0.0);\n\t}\n\n\tlet delta = origCol.rgb - blurResult.rgb;\n\tlet lumaDiff = abs(dot(delta, vec3<f32>(0.2126, 0.7152, 0.0722)));\n\tlet threshNorm = (max(0.0, threshold) / 255.0) * origCol.a;\n\n\tvar factor = 1.0;\n\tif (threshold > 0.0) {\n\t\tlet ramp = (2.0 / 255.0) * origCol.a;\n\t\tfactor = smoothstep(threshNorm, threshNorm + ramp, lumaDiff);\n\t}\n\n\tlet sharpRgb = origCol.rgb + (amount / 100.0) * delta * factor;\n\tlet clampedRgb = clamp(sharpRgb, vec3<f32>(0.0), vec3<f32>(origCol.a));\n\treturn vec4<f32>(clampedRgb, origCol.a);\n}\n`;\nconst deviceResourceCache = /* @__PURE__ */ new WeakMap();\nconst unsharpMaskUniformData = new Float32Array(12);\nfunction getUnsharpMaskResources(device, targetFormat) {\n\tconst cached = deviceResourceCache.get(device);\n\tif (cached) return cached;\n\tconst uniformLayout = fragmentBindGroupLayout(device, [\"uniform\"]);\n\tconst textureLayout = fragmentBindGroupLayout(device, [\n\t\t\"texture\",\n\t\t\"sampler\",\n\t\t\"texture\"\n\t]);\n\tconst signalTextureLayout = texturesLayout(device, 3);\n\tconst res = {\n\t\tuniformLayout,\n\t\ttextureLayout,\n\t\tsignalTextureLayout,\n\t\tpipeline: createFullscreenPipeline(device, {\n\t\t\tmodule: device.createShaderModule({ code: WGSL_UNSHARPMASK_UNIFORMS }),\n\t\t\tlayouts: device.createPipelineLayout({ bindGroupLayouts: [\n\t\t\t\tuniformLayout,\n\t\t\t\ttextureLayout,\n\t\t\t\tsignalTextureLayout\n\t\t\t] }),\n\t\t\tformat: targetFormat\n\t\t})\n\t};\n\tdeviceResourceCache.set(device, res);\n\treturn res;\n}\nconst WebGPURenderer = async (args) => {\n\tconst { ctx, encoder, pass, targetTexture, targetWidth, targetHeight, props } = args;\n\tconst op = props.virtualMedia?.operation;\n\tif (op?.op !== \"UnsharpMask\" \|\| !op) return;\n\tconst childMedia = props.virtualMedia.children?.[0];\n\tif (!childMedia) return;\n\tpass.end();\n\tconst frame = props.frame ?? 0;\n\tconst fps = props.fps \|\| 30;\n\tconst width = targetWidth;\n\tconst height = targetHeight;\n\tconst nodeId = op.inputs ? Object.keys(op.inputs)[0] : \"unsharpmask_node\";\n\tconst resolveField = (handleId, fallbackVal, clampMin = 0, clampMax = 1e3) => resolveHandleParam(op.inputs, handleId, fallbackVal, clampMin, clampMax);\n\tconst amountRes = resolveField(op.amountHandleId, Number(op.amount ?? 100), 0, MAX_AMOUNT);\n\tconst radiusRes = resolveField(op.radiusHandleId, Number(op.radius ?? 1.5), .1, MAX_RADIUS);\n\tconst thresholdRes = resolveField(op.thresholdHandleId, Number(op.threshold ?? 3), 0, MAX_THRESHOLD);\n\tconst { texture: tmpTex } = await drawChildToTexture(args, childMedia);\n\tconst { pipeline, uniformLayout: uLayout, textureLayout: tLayout, signalTextureLayout: sigLayout } = getUnsharpMaskResources(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 radiusView = getSignalView(radiusRes, \"radius_sig\");\n\tconst amountView = getSignalView(amountRes, \"amount_sig\");\n\tconst thresholdView = getSignalView(thresholdRes, \"threshold_sig\");\n\tconst createUnsharpMaskBindGroup = (inputTex, origTexture) => ctx.device.createBindGroup({\n\t\tlayout: tLayout,\n\t\tentries: [\n\t\t\t{\n\t\t\t\tbinding: 0,\n\t\t\t\tresource: inputTex.createView()\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 1,\n\t\t\t\tresource: sampler\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 2,\n\t\t\t\tresource: origTexture.createView()\n\t\t\t}\n\t\t]\n\t});\n\tunsharpMaskUniformData[2] = radiusRes.val;\n\tunsharpMaskUniformData[3] = amountRes.val;\n\tunsharpMaskUniformData[4] = thresholdRes.val;\n\tunsharpMaskUniformData[5] = radiusRes.hasStaticSig ? 1 : 0;\n\tunsharpMaskUniformData[6] = amountRes.hasStaticSig ? 1 : 0;\n\tunsharpMaskUniformData[7] = thresholdRes.hasStaticSig ? 1 : 0;\n\tunsharpMaskUniformData[8] = 0;\n\tunsharpMaskUniformData[9] = 0;\n\tunsharpMaskUniformData[10] = 0;\n\tunsharpMaskUniformData[11] = 0;\n\tconst outTex1 = ctx.renderer.getTemporaryTexture(width, height, [\n\t\ttmpTex,\n\t\ttargetTexture,\n\t\t...props.excludeTextures \|\| []\n\t]);\n\tconst outTex2 = ctx.renderer.getTemporaryTexture(width, height, [\n\t\ttmpTex,\n\t\toutTex1,\n\t\ttargetTexture,\n\t\t...props.excludeTextures \|\| []\n\t]);\n\tconst sigBindGroup = ctx.device.createBindGroup({\n\t\tlayout: sigLayout,\n\t\tentries: [\n\t\t\t{\n\t\t\t\tbinding: 0,\n\t\t\t\tresource: radiusView\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 1,\n\t\t\t\tresource: amountView\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 2,\n\t\t\t\tresource: thresholdView\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 3,\n\t\t\t\tresource: sampler\n\t\t\t}\n\t\t]\n\t});\n\tunsharpMaskUniformData[0] = 1;\n\tunsharpMaskUniformData[1] = 0;\n\tunsharpMaskUniformData[8] = 0;\n\tconst hBuffer = ctx.renderer.getTemporaryBuffer(unsharpMaskUniformData);\n\tdrawFullscreenPass(encoder, outTex1.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: hBuffer }\n\t\t\t}]\n\t\t}),\n\t\tcreateUnsharpMaskBindGroup(tmpTex, tmpTex),\n\t\tsigBindGroup\n\t]);\n\tunsharpMaskUniformData[0] = 0;\n\tunsharpMaskUniformData[1] = 1;\n\tunsharpMaskUniformData[8] = 1;\n\tconst vBuffer = ctx.renderer.getTemporaryBuffer(unsharpMaskUniformData);\n\tdrawFullscreenPass(encoder, outTex2.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: vBuffer }\n\t\t\t}]\n\t\t}),\n\t\tcreateUnsharpMaskBindGroup(outTex1, tmpTex),\n\t\tsigBindGroup\n\t]);\n\tdrawTextureToTarget(args, outTex2, op.opacity ?? 1);\n};\n\n//#endregion\n//#region src/renderers/index.ts\nvar renderers_default = defineRenderer({ WebGPURenderer });\n\n//#endregion\nexport { UNSHARP_MASK_OUTPUT_TYPE_MAP as a, unsharpMaskConfig as c, MAX_THRESHOLD as i, MAX_AMOUNT as n, UnsharpMaskNodeConfigSchema as o, MAX_RADIUS as r, UnsharpMaskResultSchema as s, renderers_default as t };\n//# sourceMappingURL=renderers-BXchslQA.mjs.map"],"mappings":"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"}

package/dist/renderer-1qAST5qk.mjs ADDED Viewed

@@ -0,0 +1,5 @@
+import "./chunk-D7gtBK74.mjs";
+import "./dist-Wsjx_Rza.mjs";
+import { t as renderers_default } from "./renderer-BYNbtv_d.mjs";
+export { renderers_default as default };

package/dist/renderer-2dntY9lQ.mjs ADDED Viewed

@@ -0,0 +1,5 @@
+import "./chunk-D7gtBK74.mjs";
+import "./dist-Wsjx_Rza.mjs";
+import { t as renderers_default } from "./renderer-URxsYx_I.mjs";
+export { renderers_default as default };