framefields 2.9.2 → 2.10.0-canary.0

package/dist/registry/focus-zoom.json

@@ -22,11 +22,11 @@
 	"files": [
 		{
 			"path": "focus-zoom/index.ts",
-			"content": "/**\n * FocusZoom: a camera over 2D content that pushes in on what matters and\n * eases back out — the auto-zoom of polished product demos. Give it shots,\n * or let it follow a MousePointer and frame each burst of clicks.\n */\nimport { LayerAnimation, type LayoutNode } from \"framefields\";\nimport {\n\tbakeSamples,\n\tbindComponent,\n\tboundsOf,\n\tdefineComponent,\n\tresolveTarget,\n\ttargetPoint,\n\ttargetSchema,\n\ttype Vec2,\n\tz,\n} from \"framefields/components\";\nimport {\n\ttype ClickEvent,\n\ttype ShotWindow,\n\tshotsFromClicks,\n\tsolveCamera,\n} from \"./plan.js\";\n\n/** What `follow` needs from a pointer (a MousePointer node has it). */\nexport interface Followable {\n\tpositionAt(frame: number): Vec2;\n\tcues: { clicks: ReadonlyArray<{ frame: number; point: Vec2 }> };\n}\n\n/** A target, or \"full\" for the whole view. */\nfunction shotTargetSchema() {\n\treturn z.union([z.literal(\"full\"), targetSchema()]);\n}\n\nexport interface FocusZoomCues {\n\t[name: string]: ReadonlyArray<{ frame: number }>;\n\t/** One per shot: push starts (`frame`), lands (`settled`), lets go (`end`). */\n\tshots: ReadonlyArray<{\n\t\tframe: number;\n\t\tsettled: number;\n\t\tend: number;\n\t\tzoom: number;\n\t\tcenter: Vec2;\n\t}>;\n}\n\nexport interface FocusZoomApi {\n\t/** A content point → where it shows on screen (parent coordinates) at a parent frame. */\n\ttoScreen(point: Vec2, frame: number): Vec2;\n\t/** Camera at a parent frame: the content point at the centre, and the zoom. */\n\tcameraAt(frame: number): { center: Vec2; zoom: number };\n}\n\n// Shutter angles. Camera moves scale everything at once, so even a little\n// blur reads strongly: keep the default restrained.\nconst SMEAR = { subtle: 24, standard: 60, heavy: 140 } as const;\n\nexport const focusZoom = /* @__PURE__ */ defineComponent({\n\tname: \"FocusZoom\",\n\tprops: () => ({\n\t\t/** What the camera films, laid out at full size in the view's coordinates. */\n\t\tcontent: z.custom<LayoutNode | LayoutNode[]>(\n\t\t\t(v) => typeof v === \"object\" && v !== null,\n\t\t),\n\t\t/** Manual shots: from `at` until the next shot (or `hold` frames). */\n\t\tshots: z\n\t\t\t.array(\n\t\t\t\tz\n\t\t\t\t\t.object({\n\t\t\t\t\t\tat: z.number().int().min(0),\n\t\t\t\t\t\ttarget: shotTargetSchema(),\n\t\t\t\t\t\tzoom: z.number().min(1).optional(),\n\t\t\t\t\t\thold: z.number().int().positive().optional(),\n\t\t\t\t\t})\n\t\t\t\t\t.strict(),\n\t\t\t)\n\t\t\t.optional(),\n\t\t/** Follow a pointer: push in around each burst of clicks. */\n\t\tfollow: z\n\t\t\t.custom<Followable>(\n\t\t\t\t(v) =>\n\t\t\t\t\ttypeof v === \"object\" &&\n\t\t\t\t\tv !== null &&\n\t\t\t\t\ttypeof (v as Followable).positionAt === \"function\",\n\t\t\t\t{\n\t\t\t\t\tmessage:\n\t\t\t\t\t\t\"Expected a MousePointer (anything with positionAt and cues.clicks)\",\n\t\t\t\t},\n\t\t\t)\n\t\t\t.optional(),\n\t\t/** Zoom for a shot without its own. */\n\t\tzoom: z.number().min(1).default(1.8),\n\t\tmaxZoom: z.number().min(1).default(2.5),\n\t\t/** Frames the push starts before a click (it always lands before the click). Default: about a second. */\n\t\tlead: z.number().int().min(0).optional(),\n\t\t/** Frames without a click before easing back out. */\n\t\tidle: z.number().int().min(0).default(40),\n\t\t/** 0 = quick camera moves, 1 = slow, soft ones. */\n\t\tsmoothing: z.number().min(0).max(1).default(0.5),\n\t\t/** Space kept around click points / targets. */\n\t\tpadding: z.number().min(0).default(160),\n\t\t/** Never show past the content's edges. */\n\t\tclamp: z.boolean().default(true),\n\t\t/** When zoomed, keep the view inside this region (e.g. the app window). */\n\t\tbounds: shotTargetSchema().optional(),\n\t\t/** Motion blur while the camera moves. */\n\t\tsmear: z\n\t\t\t.union([z.literal(false), z.enum([\"subtle\", \"standard\", \"heavy\"])])\n\t\t\t.default(\"subtle\"),\n\t\t/** Frames to solve. Default: through the last shot plus its return. */\n\t\tlength: z.number().int().positive().optional(),\n\t}),\n\tdefaults: { enter: false, exit: false },\n\tbuild(ctx, props) {\n\t\tconst { host, fps } = ctx;\n\t\tconst W = ctx.requested.width ?? ctx.canvas.width;\n\t\tconst H = ctx.requested.height ?? ctx.canvas.height;\n\t\t// By default the push starts early enough to run at its natural pace.\n\t\tconst lead =\n\t\t\tprops.lead ?? Math.round((0.55 + 0.75 * props.smoothing) * fps) + 2;\n\n\t\tconst shots: ShotWindow[] = [];\n\t\tif (props.follow) {\n\t\t\tconst pointer = props.follow;\n\t\t\t// Click frames are in the pointer's parent timeline — the content —\n\t\t\t// which starts with this component.\n\t\t\tconst clicks: ClickEvent[] = pointer.cues.clicks.map((c) => ({\n\t\t\t\tframe: c.frame,\n\t\t\t\tpoint: c.point,\n\t\t\t}));\n\t\t\tshots.push(\n\t\t\t\t...shotsFromClicks(clicks, {\n\t\t\t\t\twidth: W,\n\t\t\t\t\theight: H,\n\t\t\t\t\tlead,\n\t\t\t\t\tidle: props.idle,\n\t\t\t\t\tzoom: props.zoom,\n\t\t\t\t\tmaxZoom: props.maxZoom,\n\t\t\t\t\tpadding: props.padding,\n\t\t\t\t}),\n\t\t\t);\n\t\t}\n\t\tconst manual = [...(props.shots ?? [])].sort((a, b) => a.at - b.at);\n\t\tmanual.forEach((shot, i) => {\n\t\t\tconst next = manual[i + 1];\n\t\t\tconst end =\n\t\t\t\tshot.hold !== undefined\n\t\t\t\t\t? shot.at + shot.hold\n\t\t\t\t\t: (next?.at ?? shot.at + Math.round(fps * 3));\n\t\t\tif (shot.target === \"full\") {\n\t\t\t\tshots.push({ start: shot.at, end, zoom: 1, center: [W / 2, H / 2] });\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst resolved = resolveTarget(shot.target, {\n\t\t\t\tmeasure: host.measure,\n\t\t\t\tfps,\n\t\t\t});\n\t\t\tif (resolved.kind === \"dynamic\") {\n\t\t\t\tshots.push({\n\t\t\t\t\tstart: shot.at,\n\t\t\t\t\tend,\n\t\t\t\t\tzoom: shot.zoom ?? props.zoom,\n\t\t\t\t\tcenter: (f) => targetPoint(resolved, f),\n\t\t\t\t});\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst r = boundsOf(resolved.rects);\n\t\t\tconst fit = Math.min(\n\t\t\t\tW / (r.width + props.padding * 2),\n\t\t\t\tH / (r.height + props.padding * 2),\n\t\t\t);\n\t\t\tconst zoom = Math.min(\n\t\t\t\tprops.maxZoom,\n\t\t\t\tshot.zoom ?? Math.max(1, Math.min(props.zoom, fit)),\n\t\t\t);\n\t\t\tshots.push({\n\t\t\t\tstart: shot.at,\n\t\t\t\tend,\n\t\t\t\tzoom,\n\t\t\t\tcenter: [r.x + r.width / 2, r.y + r.height / 2],\n\t\t\t});\n\t\t});\n\t\tshots.sort((a, b) => a.start - b.start);\n\n\t\tconst lastEnd = Math.max(0, ...shots.map((s) => s.end));\n\t\tconst length = props.length ?? lastEnd + Math.round(fps * 1.5) + 1;\n\t\tlet bounds:\n\t\t\t| { x: number; y: number; width: number; height: number }\n\t\t\t| undefined;\n\t\tif (props.bounds !== undefined && props.bounds !== \"full\") {\n\t\t\tconst resolved = resolveTarget(props.bounds, {\n\t\t\t\tmeasure: host.measure,\n\t\t\t\tfps,\n\t\t\t});\n\t\t\tif (resolved.kind !== \"static\")\n\t\t\t\tthrow new Error(\"FocusZoom: `bounds` must be a static target.\");\n\t\t\tbounds = boundsOf(resolved.rects);\n\t\t}\n\t\tconst plan = solveCamera({\n\t\t\twidth: W,\n\t\t\theight: H,\n\t\t\tlength,\n\t\t\tfps,\n\t\t\tshots,\n\t\t\tsmoothing: props.smoothing,\n\t\t\tclamp: props.clamp,\n\t\t\tbounds,\n\t\t});\n\n\t\tconst camera = host.box({\n\t\t\tid: ctx.partId(\"camera\"),\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\tanchorX: 0,\n\t\t\tanchorY: 0,\n\t\t\t...(props.smear !== false && { motionBlurShutter: SMEAR[props.smear] }),\n\t\t\tchildren: Array.isArray(props.content) ? props.content : [props.content],\n\t\t});\n\t\tcamera.animate(\n\t\t\tLayerAnimation.keys(\"x\", bakeSamples(plan.x, 0, { tolerance: 0.15 })),\n\t\t\tLayerAnimation.keys(\"y\", bakeSamples(plan.y, 0, { tolerance: 0.15 })),\n\t\t\tLayerAnimation.keys(\n\t\t\t\t\"scale\",\n\t\t\t\tbakeSamples(plan.scale, 0, { tolerance: 0.0004 }),\n\t\t\t),\n\t\t);\n\t\tconst clip = host.box({\n\t\t\tid: ctx.partId(\"clip\"),\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: [camera],\n\t\t});\n\n\t\tconst stateAt = (local: number) =>\n\t\t\tplan.states[\n\t\t\t\tMath.max(0, Math.min(plan.states.length - 1, Math.round(local)))\n\t\t\t] ?? { cx: W / 2, cy: H / 2, zoom: 1 };\n\t\treturn {\n\t\t\tchildren: [clip],\n\t\t\twidth: W,\n\t\t\theight: H,\n\t\t\tduration: null,\n\t\t\torigin: [0, 0],\n\t\t\tcues: { shots: plan.shots } as FocusZoomCues,\n\t\t\tparts: { camera, clip },\n\t\t\tapi: (placement): FocusZoomApi => ({\n\t\t\t\ttoScreen(point, frame) {\n\t\t\t\t\tconst s = stateAt(frame - placement.start);\n\t\t\t\t\treturn [\n\t\t\t\t\t\tplacement.x + W / 2 + (point[0] - s.cx) * s.zoom,\n\t\t\t\t\t\tplacement.y + H / 2 + (point[1] - s.cy) * s.zoom,\n\t\t\t\t\t];\n\t\t\t\t},\n\t\t\t\tcameraAt(frame) {\n\t\t\t\t\tconst s = stateAt(frame - placement.start);\n\t\t\t\t\treturn { center: [s.cx, s.cy], zoom: s.zoom };\n\t\t\t\t},\n\t\t\t}),\n\t\t};\n\t},\n});\n\n/**\n * A camera over 2D content that pushes in on each burst of pointer clicks (or\n * on given shots) and eases back out, clamped to the content.\n */\nexport const FocusZoom = /* @__PURE__ */ bindComponent(focusZoom);\n"
+			"content": "/**\n * FocusZoom: a camera over 2D content that pushes in on what matters and\n * eases back out — the auto-zoom of polished product demos. Give it shots,\n * or let it follow a MousePointer and frame each burst of clicks.\n */\nimport { LayerAnimation, type LayoutNode } from \"framefields\";\nimport {\n\tbakeSamples,\n\tbindComponent,\n\tboundsOf,\n\tdefineComponent,\n\tresolveTarget,\n\ttargetPoint,\n\ttargetSchema,\n\ttype Vec2,\n\tz,\n} from \"framefields/components\";\nimport {\n\ttype ClickEvent,\n\ttype ShotWindow,\n\tshotsFromClicks,\n\tsolveCamera,\n} from \"./plan.js\";\n\n/** What `follow` needs from a pointer (a MousePointer node has it). */\nexport interface Followable {\n\tpositionAt(frame: number): Vec2;\n\tcues: { clicks: ReadonlyArray<{ frame: number; point: Vec2 }> };\n}\n\n/** A target, or \"full\" for the whole view. */\nfunction shotTargetSchema() {\n\treturn z.union([z.literal(\"full\"), targetSchema()]);\n}\n\nexport interface FocusZoomCues {\n\t[name: string]: ReadonlyArray<{ frame: number }>;\n\t/** One per shot: push starts (`frame`), lands (`settled`), lets go (`end`). */\n\tshots: ReadonlyArray<{\n\t\tframe: number;\n\t\tsettled: number;\n\t\tend: number;\n\t\tzoom: number;\n\t\tcenter: Vec2;\n\t}>;\n}\n\nexport interface FocusZoomApi {\n\t/** A content point → where it shows on screen (parent coordinates) at a parent frame. */\n\ttoScreen(point: Vec2, frame: number): Vec2;\n\t/** Camera at a parent frame: the content point at the centre, and the zoom. */\n\tcameraAt(frame: number): { center: Vec2; zoom: number };\n}\n\n// Shutter angles. Camera moves scale everything at once, so even a little\n// blur reads strongly: keep the default restrained.\nconst SMEAR = { subtle: 24, standard: 60, heavy: 140 } as const;\n\nexport const focusZoom = /* @__PURE__ */ defineComponent({\n\tname: \"FocusZoom\",\n\tprops: () => ({\n\t\t/** What the camera films, laid out at full size in the view's coordinates. */\n\t\tcontent: z.custom<LayoutNode | LayoutNode[]>(\n\t\t\t(v) => typeof v === \"object\" && v !== null,\n\t\t),\n\t\t/** Manual shots: from `at` until the next shot (or `hold` frames). */\n\t\tshots: z\n\t\t\t.array(\n\t\t\t\tz\n\t\t\t\t\t.object({\n\t\t\t\t\t\tat: z.number().int().min(0),\n\t\t\t\t\t\ttarget: shotTargetSchema(),\n\t\t\t\t\t\tzoom: z.number().min(1).optional(),\n\t\t\t\t\t\thold: z.number().int().positive().optional(),\n\t\t\t\t\t})\n\t\t\t\t\t.strict(),\n\t\t\t)\n\t\t\t.optional(),\n\t\t/** Follow a pointer: push in around each burst of clicks. */\n\t\tfollow: z\n\t\t\t.custom<Followable>(\n\t\t\t\t(v) =>\n\t\t\t\t\ttypeof v === \"object\" &&\n\t\t\t\t\tv !== null &&\n\t\t\t\t\ttypeof (v as Followable).positionAt === \"function\",\n\t\t\t\t{\n\t\t\t\t\tmessage:\n\t\t\t\t\t\t\"Expected a MousePointer (anything with positionAt and cues.clicks)\",\n\t\t\t\t},\n\t\t\t)\n\t\t\t.optional(),\n\t\t/** Zoom for a shot without its own. */\n\t\tzoom: z.number().min(1).default(1.8),\n\t\tmaxZoom: z.number().min(1).default(2.5),\n\t\t/** Frames the push starts before a click (it always lands before the click). Default: about a second. */\n\t\tlead: z.number().int().min(0).optional(),\n\t\t/** Frames without a click before easing back out. */\n\t\tidle: z.number().int().min(0).default(40),\n\t\t/** 0 = quick camera moves, 1 = slow, soft ones. */\n\t\tsmoothing: z.number().min(0).max(1).default(0.5),\n\t\t/** Space kept around click points / targets. */\n\t\tpadding: z.number().min(0).default(160),\n\t\t/** Slow push while a shot holds: zoom gained per second (0.02 = 2 %). */\n\t\tdrift: z.number().min(0).max(0.2).default(0),\n\t\t/** Never show past the content's edges. */\n\t\tclamp: z.boolean().default(true),\n\t\t/** When zoomed, keep the view inside this region (e.g. the app window). */\n\t\tbounds: shotTargetSchema().optional(),\n\t\t/** Motion blur while the camera moves. */\n\t\tsmear: z\n\t\t\t.union([z.literal(false), z.enum([\"subtle\", \"standard\", \"heavy\"])])\n\t\t\t.default(\"subtle\"),\n\t\t/** Frames to solve. Default: through the last shot plus its return. */\n\t\tlength: z.number().int().positive().optional(),\n\t}),\n\tdefaults: { enter: false, exit: false },\n\tbuild(ctx, props) {\n\t\tconst { host, fps } = ctx;\n\t\tconst W = ctx.requested.width ?? ctx.canvas.width;\n\t\tconst H = ctx.requested.height ?? ctx.canvas.height;\n\t\t// By default the push starts early enough to run at its natural pace.\n\t\tconst lead =\n\t\t\tprops.lead ?? Math.round((0.55 + 0.75 * props.smoothing) * fps) + 2;\n\n\t\tconst shots: ShotWindow[] = [];\n\t\tif (props.follow) {\n\t\t\tconst pointer = props.follow;\n\t\t\t// Click frames are in the pointer's parent timeline — the content —\n\t\t\t// which starts with this component.\n\t\t\tconst clicks: ClickEvent[] = pointer.cues.clicks.map((c) => ({\n\t\t\t\tframe: c.frame,\n\t\t\t\tpoint: c.point,\n\t\t\t}));\n\t\t\tshots.push(\n\t\t\t\t...shotsFromClicks(clicks, {\n\t\t\t\t\twidth: W,\n\t\t\t\t\theight: H,\n\t\t\t\t\tlead,\n\t\t\t\t\tidle: props.idle,\n\t\t\t\t\tzoom: props.zoom,\n\t\t\t\t\tmaxZoom: props.maxZoom,\n\t\t\t\t\tpadding: props.padding,\n\t\t\t\t}),\n\t\t\t);\n\t\t}\n\t\tconst manual = [...(props.shots ?? [])].sort((a, b) => a.at - b.at);\n\t\tmanual.forEach((shot, i) => {\n\t\t\tconst next = manual[i + 1];\n\t\t\tconst end =\n\t\t\t\tshot.hold !== undefined\n\t\t\t\t\t? shot.at + shot.hold\n\t\t\t\t\t: (next?.at ?? shot.at + Math.round(fps * 3));\n\t\t\tif (shot.target === \"full\") {\n\t\t\t\tshots.push({ start: shot.at, end, zoom: 1, center: [W / 2, H / 2] });\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst resolved = resolveTarget(shot.target, {\n\t\t\t\tmeasure: host.measure,\n\t\t\t\tfps,\n\t\t\t});\n\t\t\tif (resolved.kind === \"dynamic\") {\n\t\t\t\tshots.push({\n\t\t\t\t\tstart: shot.at,\n\t\t\t\t\tend,\n\t\t\t\t\tzoom: shot.zoom ?? props.zoom,\n\t\t\t\t\tcenter: (f) => targetPoint(resolved, f),\n\t\t\t\t});\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst r = boundsOf(resolved.rects);\n\t\t\tconst fit = Math.min(\n\t\t\t\tW / (r.width + props.padding * 2),\n\t\t\t\tH / (r.height + props.padding * 2),\n\t\t\t);\n\t\t\tconst zoom = Math.min(\n\t\t\t\tprops.maxZoom,\n\t\t\t\tshot.zoom ?? Math.max(1, Math.min(props.zoom, fit)),\n\t\t\t);\n\t\t\tshots.push({\n\t\t\t\tstart: shot.at,\n\t\t\t\tend,\n\t\t\t\tzoom,\n\t\t\t\tcenter: [r.x + r.width / 2, r.y + r.height / 2],\n\t\t\t});\n\t\t});\n\t\tshots.sort((a, b) => a.start - b.start);\n\n\t\tconst lastEnd = Math.max(0, ...shots.map((s) => s.end));\n\t\tconst length = props.length ?? lastEnd + Math.round(fps * 1.5) + 1;\n\t\tlet bounds:\n\t\t\t| { x: number; y: number; width: number; height: number }\n\t\t\t| undefined;\n\t\tif (props.bounds !== undefined && props.bounds !== \"full\") {\n\t\t\tconst resolved = resolveTarget(props.bounds, {\n\t\t\t\tmeasure: host.measure,\n\t\t\t\tfps,\n\t\t\t});\n\t\t\tif (resolved.kind !== \"static\")\n\t\t\t\tthrow new Error(\"FocusZoom: `bounds` must be a static target.\");\n\t\t\tbounds = boundsOf(resolved.rects);\n\t\t}\n\t\tconst plan = solveCamera({\n\t\t\twidth: W,\n\t\t\theight: H,\n\t\t\tlength,\n\t\t\tfps,\n\t\t\tshots,\n\t\t\tsmoothing: props.smoothing,\n\t\t\tdrift: props.drift,\n\t\t\tclamp: props.clamp,\n\t\t\tbounds,\n\t\t});\n\n\t\tconst camera = host.box({\n\t\t\tid: ctx.partId(\"camera\"),\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\tanchorX: 0,\n\t\t\tanchorY: 0,\n\t\t\t...(props.smear !== false && { motionBlurShutter: SMEAR[props.smear] }),\n\t\t\tchildren: Array.isArray(props.content) ? props.content : [props.content],\n\t\t});\n\t\tcamera.animate(\n\t\t\tLayerAnimation.keys(\"x\", bakeSamples(plan.x, 0, { tolerance: 0.15 })),\n\t\t\tLayerAnimation.keys(\"y\", bakeSamples(plan.y, 0, { tolerance: 0.15 })),\n\t\t\tLayerAnimation.keys(\n\t\t\t\t\"scale\",\n\t\t\t\tbakeSamples(plan.scale, 0, { tolerance: 0.0004 }),\n\t\t\t),\n\t\t);\n\t\tconst clip = host.box({\n\t\t\tid: ctx.partId(\"clip\"),\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: [camera],\n\t\t});\n\n\t\tconst stateAt = (local: number) =>\n\t\t\tplan.states[\n\t\t\t\tMath.max(0, Math.min(plan.states.length - 1, Math.round(local)))\n\t\t\t] ?? { cx: W / 2, cy: H / 2, zoom: 1 };\n\t\treturn {\n\t\t\tchildren: [clip],\n\t\t\twidth: W,\n\t\t\theight: H,\n\t\t\tduration: null,\n\t\t\torigin: [0, 0],\n\t\t\tcues: { shots: plan.shots } as FocusZoomCues,\n\t\t\tparts: { camera, clip },\n\t\t\tapi: (placement): FocusZoomApi => ({\n\t\t\t\ttoScreen(point, frame) {\n\t\t\t\t\tconst s = stateAt(frame - placement.start);\n\t\t\t\t\treturn [\n\t\t\t\t\t\tplacement.x + W / 2 + (point[0] - s.cx) * s.zoom,\n\t\t\t\t\t\tplacement.y + H / 2 + (point[1] - s.cy) * s.zoom,\n\t\t\t\t\t];\n\t\t\t\t},\n\t\t\t\tcameraAt(frame) {\n\t\t\t\t\tconst s = stateAt(frame - placement.start);\n\t\t\t\t\treturn { center: [s.cx, s.cy], zoom: s.zoom };\n\t\t\t\t},\n\t\t\t}),\n\t\t};\n\t},\n});\n\n/**\n * A camera over 2D content that pushes in on each burst of pointer clicks (or\n * on given shots) and eases back out, clamped to the content.\n */\nexport const FocusZoom = /* @__PURE__ */ bindComponent(focusZoom);\n"
 		},
 		{
 			"path": "focus-zoom/plan.ts",
-			"content": "/**\n * The FocusZoom camera solver: which framing each frame wants (shots, or\n * clusters of pointer clicks), and how the camera moves between framings.\n *\n * Moves interpolate the view rectangle — all four edges on one eased curve —\n * between framings that are already clamped. That keeps every content point\n * moving one way on screen (no sideways wiggle while zooming), and a convex\n * blend of two in-bounds views never shows past the bounds, so nothing is\n * clamped mid-move. Smoothing pan and zoom separately and clamping the result\n * does neither.\n */\nimport type { Vec2 } from \"framefields/components\";\n\nexport interface CameraState {\n\t/** Content point at the centre of the view. */\n\tcx: number;\n\tcy: number;\n\tzoom: number;\n}\n\nexport interface ShotWindow {\n\tstart: number;\n\tend: number;\n\tcenter: Vec2 | ((frame: number) => Vec2);\n\tzoom: number;\n\t/** The move must have landed by this frame (e.g. the first click). */\n\tsettleBy?: number;\n}\n\nexport interface CameraInput {\n\twidth: number;\n\theight: number;\n\tlength: number;\n\tfps: number;\n\tshots: ShotWindow[];\n\t/** 0 = quick moves, 1 = slow, soft moves. */\n\tsmoothing: number;\n\tclamp: boolean;\n\t/** The region the view must stay inside when zoomed (default: the whole view). */\n\tbounds?: { x: number; y: number; width: number; height: number };\n}\n\nexport interface CameraPlan {\n\tstates: CameraState[];\n\t/** Wrapper transform per frame (anchor at its top-left). */\n\tx: number[];\n\ty: number[];\n\tscale: number[];\n\tshots: Array<{\n\t\tframe: number;\n\t\tsettled: number;\n\t\tend: number;\n\t\tzoom: number;\n\t\tcenter: Vec2;\n\t}>;\n}\n\n/** The visible content rectangle: left, top, right, bottom. */\ninterface View {\n\tx0: number;\n\ty0: number;\n\tx1: number;\n\ty1: number;\n}\n\n/** Minimum-jerk ease: zero velocity and acceleration at both ends. */\nconst ease = (t: number) => {\n\tconst s = Math.min(1, Math.max(0, t));\n\treturn s * s * s * (10 - 15 * s + 6 * s * s);\n};\n\nexport function solveCamera(input: CameraInput): CameraPlan {\n\tconst { width: W, height: H, fps } = input;\n\tconst smoothing = Math.min(1, Math.max(0, input.smoothing));\n\n\tconst toView = (s: CameraState): View => {\n\t\tconst hw = W / (2 * s.zoom);\n\t\tconst hh = H / (2 * s.zoom);\n\t\treturn { x0: s.cx - hw, y0: s.cy - hh, x1: s.cx + hw, y1: s.cy + hh };\n\t};\n\tconst toState = (v: View): CameraState => ({\n\t\tcx: (v.x0 + v.x1) / 2,\n\t\tcy: (v.y0 + v.y1) / 2,\n\t\tzoom: W / (v.x1 - v.x0),\n\t});\n\tconst lerpView = (a: View, b: View, t: number): View => ({\n\t\tx0: a.x0 + (b.x0 - a.x0) * t,\n\t\ty0: a.y0 + (b.y0 - a.y0) * t,\n\t\tx1: a.x1 + (b.x1 - a.x1) * t,\n\t\ty1: a.y1 + (b.y1 - a.y1) * t,\n\t});\n\n\t/** Clamp a framing (never a frame of motion): inside the view, then the bounds. */\n\tconst clampState = (s: CameraState): CameraState => {\n\t\tif (!input.clamp) return s;\n\t\tconst zoom = Math.max(1, s.zoom);\n\t\tconst hw = W / (2 * zoom);\n\t\tconst hh = H / (2 * zoom);\n\t\tconst fit = (c: number, lo: number, hi: number, half: number) =>\n\t\t\thi - lo >= 2 * half\n\t\t\t\t? Math.min(hi - half, Math.max(lo + half, c))\n\t\t\t\t: (lo + hi) / 2;\n\t\tlet cx = fit(s.cx, 0, W, hw);\n\t\tlet cy = fit(s.cy, 0, H, hh);\n\t\tconst b = input.bounds;\n\t\tif (b && zoom > 1) {\n\t\t\tcx = fit(cx, b.x, b.x + b.width, hw);\n\t\t\tcy = fit(cy, b.y, b.y + b.height, hh);\n\t\t\t// Bounds never push the view past the content itself.\n\t\t\tcx = fit(cx, 0, W, hw);\n\t\t\tcy = fit(cy, 0, H, hh);\n\t\t}\n\t\treturn { cx, cy, zoom };\n\t};\n\n\tconst full: CameraState = { cx: W / 2, cy: H / 2, zoom: 1 };\n\tconst shotAt = (frame: number): number => {\n\t\tlet pick = -1;\n\t\tinput.shots.forEach((s, i) => {\n\t\t\tif (frame >= s.start && frame < s.end) pick = i;\n\t\t});\n\t\treturn pick;\n\t};\n\tconst framing = (index: number, frame: number): CameraState => {\n\t\tconst s = input.shots[index];\n\t\tif (!s) return full;\n\t\tconst c = typeof s.center === \"function\" ? s.center(frame) : s.center;\n\t\treturn clampState({ cx: c[0], cy: c[1], zoom: s.zoom });\n\t};\n\n\t// Move length: a base set by `smoothing`, longer for bigger zoom changes.\n\tconst moveFrames = (from: View, to: View) => {\n\t\tconst ratio = Math.abs(Math.log((to.x1 - to.x0) / (from.x1 - from.x0)));\n\t\tconst base = 0.55 + 0.75 * smoothing;\n\t\tconst seconds = base * (0.75 + 0.25 * Math.min(1, ratio / Math.LN2));\n\t\treturn Math.max(2, Math.round(seconds * fps));\n\t};\n\t// Holding on a moving target: follow it softly (exponential, so it never\n\t// overshoots and never reverses).\n\tconst follow = 1 - Math.exp(-(8 - 5 * smoothing) / fps);\n\n\tlet current = toView(framing(shotAt(0), 0));\n\tlet active = shotAt(0);\n\tlet move: { from: View; start: number; frames: number } | null = null;\n\tconst settledAt = new Map<number, number>();\n\tconst states: CameraState[] = [];\n\n\tfor (let f = 0; f < input.length; f++) {\n\t\tconst index = shotAt(f);\n\t\tconst target = toView(framing(index, f));\n\t\tif (index !== active) {\n\t\t\tconst settleBy = input.shots[index]?.settleBy;\n\t\t\tconst natural = moveFrames(current, target);\n\t\t\tconst frames =\n\t\t\t\tsettleBy === undefined\n\t\t\t\t\t? natural\n\t\t\t\t\t: Math.max(2, Math.min(natural, settleBy - f));\n\t\t\tmove = { from: current, start: f, frames };\n\t\t\tactive = index;\n\t\t}\n\t\tif (move) {\n\t\t\tconst t = (f - move.start) / move.frames;\n\t\t\tcurrent = lerpView(move.from, target, ease(t));\n\t\t\tif (t >= 1) {\n\t\t\t\tmove = null;\n\t\t\t\tif (index >= 0 && !settledAt.has(index)) settledAt.set(index, f);\n\t\t\t}\n\t\t} else {\n\t\t\tcurrent = lerpView(current, target, follow);\n\t\t\tif (index >= 0 && !settledAt.has(index)) settledAt.set(index, f);\n\t\t}\n\t\tstates.push(toState(current));\n\t}\n\n\tconst shots = input.shots.map((s, i) => {\n\t\tconst c = typeof s.center === \"function\" ? s.center(s.start) : s.center;\n\t\treturn {\n\t\t\tframe: s.start,\n\t\t\tsettled: settledAt.get(i) ?? s.end,\n\t\t\tend: s.end,\n\t\t\tzoom: s.zoom,\n\t\t\tcenter: c,\n\t\t};\n\t});\n\n\treturn {\n\t\tstates,\n\t\tx: states.map((s) => W / 2 - s.zoom * s.cx),\n\t\ty: states.map((s) => H / 2 - s.zoom * s.cy),\n\t\tscale: states.map((s) => s.zoom),\n\t\tshots,\n\t};\n}\n\nexport interface ClickEvent {\n\tframe: number;\n\tpoint: Vec2;\n}\n\n/**\n * Shots from pointer clicks: nearby clicks close in time share one push-in\n * that starts `lead` frames before the first and lets go `idle` frames after\n * the last, framed on the cluster. The camera doesn't chase the pointer: a\n * still frame reads calmer and keeps the click where the eye already is.\n */\nexport function shotsFromClicks(\n\tclicks: ClickEvent[],\n\to: {\n\t\twidth: number;\n\t\theight: number;\n\t\tlead: number;\n\t\tidle: number;\n\t\tzoom: number;\n\t\tmaxZoom: number;\n\t\tpadding: number;\n\t},\n): ShotWindow[] {\n\tconst sorted = [...clicks].sort((a, b) => a.frame - b.frame);\n\tconst clusters: ClickEvent[][] = [];\n\tfor (const c of sorted) {\n\t\tconst current = clusters[clusters.length - 1];\n\t\tconst last = current?.[current.length - 1];\n\t\tconst near =\n\t\t\tlast &&\n\t\t\tc.frame - last.frame <= o.idle + o.lead &&\n\t\t\tMath.abs(c.point[0] - last.point[0]) < (o.width / o.zoom) * 0.8 &&\n\t\t\tMath.abs(c.point[1] - last.point[1]) < (o.height / o.zoom) * 0.8;\n\t\tif (current && near) current.push(c);\n\t\telse clusters.push([c]);\n\t}\n\treturn clusters.map((cluster) => {\n\t\tconst xs = cluster.map((c) => c.point[0]);\n\t\tconst ys = cluster.map((c) => c.point[1]);\n\t\tconst x0 = Math.min(...xs) - o.padding;\n\t\tconst x1 = Math.max(...xs) + o.padding;\n\t\tconst y0 = Math.min(...ys) - o.padding;\n\t\tconst y1 = Math.max(...ys) + o.padding;\n\t\tconst fit = Math.min(\n\t\t\to.width / Math.max(1, x1 - x0),\n\t\t\to.height / Math.max(1, y1 - y0),\n\t\t);\n\t\tconst first = cluster[0]?.frame ?? 0;\n\t\tconst last = cluster[cluster.length - 1]?.frame ?? first;\n\t\treturn {\n\t\t\tstart: Math.max(0, first - o.lead),\n\t\t\tend: last + o.idle,\n\t\t\tsettleBy: first - 2,\n\t\t\tzoom: Math.max(1, Math.min(o.zoom, o.maxZoom, fit)),\n\t\t\tcenter: [(x0 + x1) / 2, (y0 + y1) / 2] as Vec2,\n\t\t};\n\t});\n}\n"
+			"content": "/**\n * The FocusZoom camera solver: which framing each frame wants (shots, or\n * clusters of pointer clicks), and how the camera moves between framings.\n *\n * Moves interpolate the view rectangle — all four edges on one eased curve —\n * between framings that are already clamped. That keeps every content point\n * moving one way on screen (no sideways wiggle while zooming), and a convex\n * blend of two in-bounds views never shows past the bounds, so nothing is\n * clamped mid-move. Smoothing pan and zoom separately and clamping the result\n * does neither.\n */\nimport type { Vec2 } from \"framefields/components\";\n\nexport interface CameraState {\n\t/** Content point at the centre of the view. */\n\tcx: number;\n\tcy: number;\n\tzoom: number;\n}\n\nexport interface ShotWindow {\n\tstart: number;\n\tend: number;\n\tcenter: Vec2 | ((frame: number) => Vec2);\n\tzoom: number;\n\t/** The move must have landed by this frame (e.g. the first click). */\n\tsettleBy?: number;\n}\n\nexport interface CameraInput {\n\twidth: number;\n\theight: number;\n\tlength: number;\n\tfps: number;\n\tshots: ShotWindow[];\n\t/** 0 = quick moves, 1 = slow, soft moves. */\n\tsmoothing: number;\n\tclamp: boolean;\n\t/**\n\t * Slow push while a shot holds: zoom gained per second (0.02 = 2 %), so\n\t * the picture keeps moving between moves. 0 holds perfectly still.\n\t */\n\tdrift?: number;\n\t/** The region the view must stay inside when zoomed (default: the whole view). */\n\tbounds?: { x: number; y: number; width: number; height: number };\n}\n\nexport interface CameraPlan {\n\tstates: CameraState[];\n\t/** Wrapper transform per frame (anchor at its top-left). */\n\tx: number[];\n\ty: number[];\n\tscale: number[];\n\tshots: Array<{\n\t\tframe: number;\n\t\tsettled: number;\n\t\tend: number;\n\t\tzoom: number;\n\t\tcenter: Vec2;\n\t}>;\n}\n\n/** The visible content rectangle: left, top, right, bottom. */\ninterface View {\n\tx0: number;\n\ty0: number;\n\tx1: number;\n\ty1: number;\n}\n\n/** Minimum-jerk ease: zero velocity and acceleration at both ends. */\nconst ease = (t: number) => {\n\tconst s = Math.min(1, Math.max(0, t));\n\treturn s * s * s * (10 - 15 * s + 6 * s * s);\n};\n\nexport function solveCamera(input: CameraInput): CameraPlan {\n\tconst { width: W, height: H, fps } = input;\n\tconst smoothing = Math.min(1, Math.max(0, input.smoothing));\n\n\tconst toView = (s: CameraState): View => {\n\t\tconst hw = W / (2 * s.zoom);\n\t\tconst hh = H / (2 * s.zoom);\n\t\treturn { x0: s.cx - hw, y0: s.cy - hh, x1: s.cx + hw, y1: s.cy + hh };\n\t};\n\tconst toState = (v: View): CameraState => ({\n\t\tcx: (v.x0 + v.x1) / 2,\n\t\tcy: (v.y0 + v.y1) / 2,\n\t\tzoom: W / (v.x1 - v.x0),\n\t});\n\tconst lerpView = (a: View, b: View, t: number): View => ({\n\t\tx0: a.x0 + (b.x0 - a.x0) * t,\n\t\ty0: a.y0 + (b.y0 - a.y0) * t,\n\t\tx1: a.x1 + (b.x1 - a.x1) * t,\n\t\ty1: a.y1 + (b.y1 - a.y1) * t,\n\t});\n\n\t/** Clamp a framing (never a frame of motion): inside the view, then the bounds. */\n\tconst clampState = (s: CameraState): CameraState => {\n\t\tif (!input.clamp) return s;\n\t\tconst zoom = Math.max(1, s.zoom);\n\t\tconst hw = W / (2 * zoom);\n\t\tconst hh = H / (2 * zoom);\n\t\tconst fit = (c: number, lo: number, hi: number, half: number) =>\n\t\t\thi - lo >= 2 * half\n\t\t\t\t? Math.min(hi - half, Math.max(lo + half, c))\n\t\t\t\t: (lo + hi) / 2;\n\t\tlet cx = fit(s.cx, 0, W, hw);\n\t\tlet cy = fit(s.cy, 0, H, hh);\n\t\tconst b = input.bounds;\n\t\tif (b && zoom > 1) {\n\t\t\tcx = fit(cx, b.x, b.x + b.width, hw);\n\t\t\tcy = fit(cy, b.y, b.y + b.height, hh);\n\t\t\t// Bounds never push the view past the content itself.\n\t\t\tcx = fit(cx, 0, W, hw);\n\t\t\tcy = fit(cy, 0, H, hh);\n\t\t}\n\t\treturn { cx, cy, zoom };\n\t};\n\n\tconst full: CameraState = { cx: W / 2, cy: H / 2, zoom: 1 };\n\tconst shotAt = (frame: number): number => {\n\t\tlet pick = -1;\n\t\tinput.shots.forEach((s, i) => {\n\t\t\tif (frame >= s.start && frame < s.end) pick = i;\n\t\t});\n\t\treturn pick;\n\t};\n\tconst framing = (index: number, frame: number): CameraState => {\n\t\tconst s = input.shots[index];\n\t\tif (!s) return full;\n\t\tconst c = typeof s.center === \"function\" ? s.center(frame) : s.center;\n\t\tconst push = 1 + (input.drift ?? 0) * Math.max(0, (frame - s.start) / fps);\n\t\treturn clampState({ cx: c[0], cy: c[1], zoom: s.zoom * push });\n\t};\n\n\t// Move length: a base set by `smoothing`, longer for bigger zoom changes.\n\tconst moveFrames = (from: View, to: View) => {\n\t\tconst ratio = Math.abs(Math.log((to.x1 - to.x0) / (from.x1 - from.x0)));\n\t\tconst base = 0.55 + 0.75 * smoothing;\n\t\tconst seconds = base * (0.75 + 0.25 * Math.min(1, ratio / Math.LN2));\n\t\treturn Math.max(2, Math.round(seconds * fps));\n\t};\n\t// Holding on a moving target: follow it softly (exponential, so it never\n\t// overshoots and never reverses).\n\tconst follow = 1 - Math.exp(-(8 - 5 * smoothing) / fps);\n\n\tlet current = toView(framing(shotAt(0), 0));\n\tlet active = shotAt(0);\n\tlet move: { from: View; start: number; frames: number } | null = null;\n\tconst settledAt = new Map<number, number>();\n\tconst states: CameraState[] = [];\n\n\tfor (let f = 0; f < input.length; f++) {\n\t\tconst index = shotAt(f);\n\t\tconst target = toView(framing(index, f));\n\t\tif (index !== active) {\n\t\t\tconst settleBy = input.shots[index]?.settleBy;\n\t\t\tconst natural = moveFrames(current, target);\n\t\t\tconst frames =\n\t\t\t\tsettleBy === undefined\n\t\t\t\t\t? natural\n\t\t\t\t\t: Math.max(2, Math.min(natural, settleBy - f));\n\t\t\tmove = { from: current, start: f, frames };\n\t\t\tactive = index;\n\t\t}\n\t\tif (move) {\n\t\t\tconst t = (f - move.start) / move.frames;\n\t\t\tcurrent = lerpView(move.from, target, ease(t));\n\t\t\tif (t >= 1) {\n\t\t\t\tmove = null;\n\t\t\t\tif (index >= 0 && !settledAt.has(index)) settledAt.set(index, f);\n\t\t\t}\n\t\t} else {\n\t\t\tcurrent = lerpView(current, target, follow);\n\t\t\tif (index >= 0 && !settledAt.has(index)) settledAt.set(index, f);\n\t\t}\n\t\tstates.push(toState(current));\n\t}\n\n\tconst shots = input.shots.map((s, i) => {\n\t\tconst c = typeof s.center === \"function\" ? s.center(s.start) : s.center;\n\t\treturn {\n\t\t\tframe: s.start,\n\t\t\tsettled: settledAt.get(i) ?? s.end,\n\t\t\tend: s.end,\n\t\t\tzoom: s.zoom,\n\t\t\tcenter: c,\n\t\t};\n\t});\n\n\treturn {\n\t\tstates,\n\t\tx: states.map((s) => W / 2 - s.zoom * s.cx),\n\t\ty: states.map((s) => H / 2 - s.zoom * s.cy),\n\t\tscale: states.map((s) => s.zoom),\n\t\tshots,\n\t};\n}\n\nexport interface ClickEvent {\n\tframe: number;\n\tpoint: Vec2;\n}\n\n/**\n * Shots from pointer clicks: nearby clicks close in time share one push-in\n * that starts `lead` frames before the first and lets go `idle` frames after\n * the last, framed on the cluster. The camera doesn't chase the pointer: a\n * still frame reads calmer and keeps the click where the eye already is.\n */\nexport function shotsFromClicks(\n\tclicks: ClickEvent[],\n\to: {\n\t\twidth: number;\n\t\theight: number;\n\t\tlead: number;\n\t\tidle: number;\n\t\tzoom: number;\n\t\tmaxZoom: number;\n\t\tpadding: number;\n\t},\n): ShotWindow[] {\n\tconst sorted = [...clicks].sort((a, b) => a.frame - b.frame);\n\tconst clusters: ClickEvent[][] = [];\n\tfor (const c of sorted) {\n\t\tconst current = clusters[clusters.length - 1];\n\t\tconst last = current?.[current.length - 1];\n\t\tconst near =\n\t\t\tlast &&\n\t\t\tc.frame - last.frame <= o.idle + o.lead &&\n\t\t\tMath.abs(c.point[0] - last.point[0]) < (o.width / o.zoom) * 0.8 &&\n\t\t\tMath.abs(c.point[1] - last.point[1]) < (o.height / o.zoom) * 0.8;\n\t\tif (current && near) current.push(c);\n\t\telse clusters.push([c]);\n\t}\n\treturn clusters.map((cluster) => {\n\t\tconst xs = cluster.map((c) => c.point[0]);\n\t\tconst ys = cluster.map((c) => c.point[1]);\n\t\tconst x0 = Math.min(...xs) - o.padding;\n\t\tconst x1 = Math.max(...xs) + o.padding;\n\t\tconst y0 = Math.min(...ys) - o.padding;\n\t\tconst y1 = Math.max(...ys) + o.padding;\n\t\tconst fit = Math.min(\n\t\t\to.width / Math.max(1, x1 - x0),\n\t\t\to.height / Math.max(1, y1 - y0),\n\t\t);\n\t\tconst first = cluster[0]?.frame ?? 0;\n\t\tconst last = cluster[cluster.length - 1]?.frame ?? first;\n\t\treturn {\n\t\t\tstart: Math.max(0, first - o.lead),\n\t\t\tend: last + o.idle,\n\t\t\tsettleBy: first - 2,\n\t\t\tzoom: Math.max(1, Math.min(o.zoom, o.maxZoom, fit)),\n\t\t\tcenter: [(x0 + x1) / 2, (y0 + y1) / 2] as Vec2,\n\t\t};\n\t});\n}\n"
 		}
 	],
 	"props": [
@@ -88,6 +88,13 @@
 			"default": 160,
 			"description": "Space kept around click points / targets."
 		},
+		{
+			"name": "drift",
+			"type": "number",
+			"required": false,
+			"default": 0,
+			"description": "Slow push while a shot holds: zoom gained per second (0.02 = 2 %)."
+		},
 		{
 			"name": "clamp",
 			"type": "boolean",

package/dist/renderer/index.d.mts

@@ -1,3 +1,4 @@
-import { J as initHeadlessWebGPU, K as describeGpu, h as GpuAdapterDescription } from "../index-D5UDyVMb.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-CJL0JAU8.mjs";
-export { AudioQaStats, FrameGridOptions, FrameGridRenderable, FrameSamplePoint, GpuAdapterDescription, HeadlessMediaRenderer, HeadlessWebGPURenderer, QaIssue, QaSegment, RenderProgress, VideoQaOptions, VideoQaReport, VideoQaStats, computeGridLayout, describeGpu, formatQaReport, initHeadlessWebGPU, renderFrameGrid, renderSemaphore, resetRenderCaches, resolveSamplePoints };
+import "../index-COYNQ_mf.mjs";
+import { J as initHeadlessWebGPU, K as describeGpu, h as GpuAdapterDescription } from "../index-B7WqFBZA.mjs";
+import { C as formatQaReport, D as stitchChunks, E as resetRenderCaches, S as VideoQaStats, T as renderSemaphore, _ as RenderProgress, a as renderFrameGrid, b as VideoQaOptions, c as ChunkPlan, d as FrameRange, f as HeadlessMediaRenderer, g as QaSegment, h as QaIssue, i as computeGridLayout, l as ChunkPlanOptions, m as PlannedChunk, n as FrameGridRenderable, o as resolveSamplePoints, p as HeadlessWebGPURenderer, r as FrameSamplePoint, s as AudioQaStats, t as FrameGridOptions, u as FrameCostSample, v as StitchOptions, w as planChunks, x as VideoQaReport, y as StitchResult } from "../index-gOVtTm-P.mjs";
+export { AudioQaStats, ChunkPlan, ChunkPlanOptions, FrameCostSample, FrameGridOptions, FrameGridRenderable, FrameRange, FrameSamplePoint, GpuAdapterDescription, HeadlessMediaRenderer, HeadlessWebGPURenderer, PlannedChunk, QaIssue, QaSegment, RenderProgress, StitchOptions, StitchResult, VideoQaOptions, VideoQaReport, VideoQaStats, computeGridLayout, describeGpu, formatQaReport, initHeadlessWebGPU, planChunks, renderFrameGrid, renderSemaphore, resetRenderCaches, resolveSamplePoints, stitchChunks };

package/dist/renderer/index.mjs

@@ -1,5 +1,5 @@
-import "../chunk-BcJoO4Nm.mjs";
-import { R as initHeadlessWebGPU, x as describeGpu } from "../dist-C1cCW7Bt.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-DPAD6fL1.mjs";
+import "../chunk-W71TSjRM.mjs";
+import { R as initHeadlessWebGPU, x as describeGpu } from "../dist-C4Vxgm0Q.mjs";
+import { a as resetRenderCaches, c as HeadlessWebGPURenderer, i as planChunks, l as formatQaReport, n as renderFrameGrid, o as stitchChunks, r as resolveSamplePoints, s as HeadlessMediaRenderer, t as computeGridLayout, u as renderSemaphore } from "../renderer-CybBR8AL.mjs";
 
-export { HeadlessMediaRenderer, HeadlessWebGPURenderer, computeGridLayout, describeGpu, formatQaReport, initHeadlessWebGPU, renderFrameGrid, renderSemaphore, resetRenderCaches, resolveSamplePoints };
+export { HeadlessMediaRenderer, HeadlessWebGPURenderer, computeGridLayout, describeGpu, formatQaReport, initHeadlessWebGPU, planChunks, renderFrameGrid, renderSemaphore, resetRenderCaches, resolveSamplePoints, stitchChunks };

package/dist/{renderer-BF0hx_iJ.mjs → renderer--f8JHHyT.mjs}

@@ -1,7 +1,7 @@
-import "./chunk-BcJoO4Nm.mjs";
-import { c as resolveSignalField, n as defineRenderer } from "./renderer-mNSyac1V.mjs";
-import { Rn as signalRegistry } from "./dist-C1cCW7Bt.mjs";
-import { a as createFullscreenPipeline, f as signalTiming, l as fragmentBindGroupLayout, p as texturesLayout, t as FULLSCREEN_QUAD_WGSL, u as perDevice } from "./gpu-CMaa63nz.mjs";
+import "./chunk-W71TSjRM.mjs";
+import { l as resolveSignalField, n as defineRenderer } from "./renderer-BOg8i8eF.mjs";
+import { zn as signalRegistry } from "./dist-C4Vxgm0Q.mjs";
+import { a as createFullscreenPipeline, l as fragmentBindGroupLayout, m as texturesLayout, p as signalTiming, t as FULLSCREEN_QUAD_WGSL, u as perDevice } from "./gpu-Bw35AMwY.mjs";
 
 //#region ../../nodes/node-noise-generator/dist/renderers-DdsDStam.mjs
 const NOISE_SHADER = `
@@ -392,4 +392,4 @@ var renderers_default = defineRenderer({ WebGPURenderer: NoiseWebGPURenderer });
 
 //#endregion
 export { NoiseWebGPURenderer, renderers_default as default };
-//# sourceMappingURL=renderer-BF0hx_iJ.mjs.map
+//# sourceMappingURL=renderer--f8JHHyT.mjs.map

package/dist/{renderer-BF0hx_iJ.mjs.map → renderer--f8JHHyT.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"renderer-BF0hx_iJ.mjs","names":[],"sources":["../../../nodes/node-noise-generator/dist/renderers-DdsDStam.mjs"],"sourcesContent":["import { defineRenderer } from \"@framefields/node-sdk/renderer\";\nimport { resolveSignalField } from \"@framefields/node-sdk\";\nimport { FULLSCREEN_QUAD_WGSL, createFullscreenPipeline, fragmentBindGroupLayout, perDevice, signalTiming, texturesLayout } from \"@framefields/node-sdk/gpu\";\nimport { signalRegistry } from \"@framefields/webgpu-renderers\";\n\n//#region src/renderers/webgpu-renderer.ts\nconst NOISE_SHADER = `\nstruct NoiseUniforms {\n    noiseType             : f32, // 0 = Perlin, 1 = Simplex, 2 = Voronoi\n    outputType            : f32, // 0 = Image, 1 = Video\n    time                  : f32,\n    _padding              : f32,\n    \n    scale                 : f32,\n    octaves               : f32,\n    persistence           : f32,\n    lacunarity            : f32,\n    \n    speed                 : f32,\n    hasSignal_scale       : f32,\n    hasSignal_octaves     : f32,\n    hasSignal_persistence : f32,\n    \n    hasSignal_lacunarity  : f32,\n    hasSignal_speed       : f32,\n    _pad2                 : f32,\n    _pad3                 : f32,\n\n    colorStart            : vec4<f32>,\n    colorEnd              : vec4<f32>,\n};\n\n@group(0) @binding(0) var<uniform> u : NoiseUniforms;\n\n@group(1) @binding(0) var scaleTex       : texture_2d<f32>;\n@group(1) @binding(1) var octavesTex     : texture_2d<f32>;\n@group(1) @binding(2) var persistenceTex : texture_2d<f32>;\n@group(1) @binding(3) var lacunarityTex  : texture_2d<f32>;\n@group(1) @binding(4) var speedTex       : texture_2d<f32>;\n@group(1) @binding(5) var sigSamp        : sampler;\n${FULLSCREEN_QUAD_WGSL}\n\nfn hash3(p: vec3<f32>) -> vec3<f32> {\n    var p3 = fract(p * vec3<f32>(0.1031, 0.11369, 0.13787));\n    p3 += dot(p3, p3.yzx + 19.19);\n    return fract((p3.xxy + p3.yzz) * p3.zyx) * 2.0 - 1.0;\n}\n\nfn perlin3d(p: vec3<f32>) -> f32 {\n    let pi = floor(p);\n    let pf = fract(p);\n    \n    let w = pf * pf * (3.0 - 2.0 * pf);\n    \n    let g000 = hash3(pi + vec3<f32>(0.0, 0.0, 0.0));\n    let g100 = hash3(pi + vec3<f32>(1.0, 0.0, 0.0));\n    let g010 = hash3(pi + vec3<f32>(0.0, 1.0, 0.0));\n    let g110 = hash3(pi + vec3<f32>(1.0, 1.0, 0.0));\n    let g001 = hash3(pi + vec3<f32>(0.0, 0.0, 1.0));\n    let g101 = hash3(pi + vec3<f32>(1.0, 0.0, 1.0));\n    let g011 = hash3(pi + vec3<f32>(0.0, 1.0, 1.0));\n    let g111 = hash3(pi + vec3<f32>(1.0, 1.0, 1.0));\n    \n    let n000 = dot(g000, pf - vec3<f32>(0.0, 0.0, 0.0));\n    let n100 = dot(g100, pf - vec3<f32>(1.0, 0.0, 0.0));\n    let n010 = dot(g010, pf - vec3<f32>(0.0, 1.0, 0.0));\n    let n110 = dot(g110, pf - vec3<f32>(1.0, 1.0, 0.0));\n    let n001 = dot(g001, pf - vec3<f32>(0.0, 0.0, 1.0));\n    let n101 = dot(g101, pf - vec3<f32>(1.0, 0.0, 1.0));\n    let n011 = dot(g011, pf - vec3<f32>(0.0, 1.0, 1.0));\n    let n111 = dot(g111, pf - vec3<f32>(1.0, 1.0, 1.0));\n    \n    let n_x00 = mix(n000, n100, w.x);\n    let n_x10 = mix(n010, n110, w.x);\n    let n_y0 = mix(n_x00, n_x10, w.y);\n    \n    let n_x01 = mix(n001, n101, w.x);\n    let n_x11 = mix(n011, n111, w.x);\n    let n_y1 = mix(n_x01, n_x11, w.y);\n    \n    return mix(n_y0, n_y1, w.z) * 0.5 + 0.5; // Map to [0, 1]\n}\n\nfn simplex3d(v: vec3<f32>) -> f32 {\n    let skew = (v.x + v.y + v.z) * (1.0 / 3.0);\n    let i = floor(v + skew);\n    let unskew = (i.x + i.y + i.z) * (1.0 / 6.0);\n    let x0 = v - i + unskew;\n    \n    var i1 = vec3<f32>(0.0);\n    var i2 = vec3<f32>(0.0);\n    \n    if (x0.x >= x0.y) {\n        if (x0.y >= x0.z) {\n            i1 = vec3<f32>(1.0, 0.0, 0.0);\n            i2 = vec3<f32>(1.0, 1.0, 0.0);\n        } else if (x0.x >= x0.z) {\n            i1 = vec3<f32>(1.0, 0.0, 0.0);\n            i2 = vec3<f32>(1.0, 0.0, 1.0);\n        } else {\n            i1 = vec3<f32>(0.0, 0.0, 1.0);\n            i2 = vec3<f32>(1.0, 0.0, 1.0);\n        }\n    } else {\n        if (x0.y < x0.z) {\n            i1 = vec3<f32>(0.0, 0.0, 1.0);\n            i2 = vec3<f32>(0.0, 1.0, 1.0);\n        } else if (x0.x < x0.z) {\n            i1 = vec3<f32>(0.0, 1.0, 0.0);\n            i2 = vec3<f32>(0.0, 1.0, 1.0);\n        } else {\n            i1 = vec3<f32>(0.0, 1.0, 0.0);\n            i2 = vec3<f32>(1.0, 1.0, 0.0);\n        }\n    }\n    \n    let x1 = x0 - i1 + (1.0 / 6.0);\n    let x2 = x0 - i2 + (1.0 / 3.0);\n    let x3 = x0 - 1.0 + 0.5;\n    \n    var m = vec4<f32>(\n        dot(x0, x0),\n        dot(x1, x1),\n        dot(x2, x2),\n        dot(x3, x3)\n    );\n    m = max(0.6 - m, vec4<f32>(0.0));\n    m = m * m;\n    m = m * m;\n    \n    let g0 = dot(hash3(i + vec3<f32>(0.0)), x0);\n    let g1 = dot(hash3(i + i1), x1);\n    let g2 = dot(hash3(i + i2), x2);\n    let g3 = dot(hash3(i + vec3<f32>(1.0)), x3);\n    \n    let n = dot(m, vec4<f32>(g0, g1, g2, g3));\n    return 32.0 * n * 0.5 + 0.5;\n}\n\nfn voronoi3d(p: vec3<f32>) -> f32 {\n    let pi = floor(p);\n    let pf = fract(p);\n    var min_dist = 8.0;\n    \n    for (var k = -1; k <= 1; k++) {\n        for (var j = -1; j <= 1; j++) {\n            for (var i = -1; i <= 1; i++) {\n                let g = vec3<f32>(f32(i), f32(j), f32(k));\n                let o = hash3(pi + g) * 0.5 + 0.5;\n                let r = g + o - pf;\n                let d = dot(r, r);\n                if (d < min_dist) {\n                    min_dist = d;\n                }\n            }\n        }\n    }\n    return clamp(sqrt(min_dist), 0.0, 1.0);\n}\n\nfn fbm_perlin(p: vec3<f32>, octaves: i32, persistence: f32, lacunarity: f32) -> f32 {\n    var value = 0.0;\n    var amp = 1.0;\n    var freq = 1.0;\n    var total_amp = 0.0;\n    for (var i = 0; i < 8; i++) {\n        if (i >= octaves) { break; }\n        value += amp * perlin3d(p * freq);\n        total_amp += amp;\n        freq *= lacunarity;\n        amp *= persistence;\n    }\n    return value / total_amp;\n}\n\nfn fbm_simplex(p: vec3<f32>, octaves: i32, persistence: f32, lacunarity: f32) -> f32 {\n    var value = 0.0;\n    var amp = 1.0;\n    var freq = 1.0;\n    var total_amp = 0.0;\n    for (var i = 0; i < 8; i++) {\n        if (i >= octaves) { break; }\n        value += amp * simplex3d(p * freq);\n        total_amp += amp;\n        freq *= lacunarity;\n        amp *= persistence;\n    }\n    return value / total_amp;\n}\n\nfn fbm_voronoi(p: vec3<f32>, octaves: i32, persistence: f32, lacunarity: f32) -> f32 {\n    var value = 0.0;\n    var amp = 1.0;\n    var freq = 1.0;\n    var total_amp = 0.0;\n    for (var i = 0; i < 8; i++) {\n        if (i >= octaves) { break; }\n        value += amp * voronoi3d(p * freq);\n        total_amp += amp;\n        freq *= lacunarity;\n        amp *= persistence;\n    }\n    return value / total_amp;\n}\n\nfn get_field(val: f32, hasSig: f32, tex: texture_2d<f32>, samp: sampler, uv: vec2<f32>) -> f32 {\n    if (hasSig > 0.5) {\n        return textureSampleLevel(tex, samp, uv, 0.0).r;\n    }\n    return val;\n}\n\n@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {\n    let scale = get_field(u.scale, u.hasSignal_scale, scaleTex, sigSamp, in.uv);\n    let octaves_f = get_field(u.octaves, u.hasSignal_octaves, octavesTex, sigSamp, in.uv);\n    let octaves = i32(clamp(octaves_f, 1.0, 8.0));\n    let persistence = get_field(u.persistence, u.hasSignal_persistence, persistenceTex, sigSamp, in.uv);\n    let lacunarity = get_field(u.lacunarity, u.hasSignal_lacunarity, lacunarityTex, sigSamp, in.uv);\n    let speed = get_field(u.speed, u.hasSignal_speed, speedTex, sigSamp, in.uv);\n\n    let isVideo = u.outputType > 0.5;\n    let z_coord = select(0.0, u.time * speed, isVideo);\n    \n    let coord = vec3<f32>(in.uv * scale, z_coord);\n    \n    var n_val = 0.0;\n    if (u.noiseType < 0.5) {\n        n_val = fbm_perlin(coord, octaves, persistence, lacunarity);\n    } else if (u.noiseType < 1.5) {\n        n_val = fbm_simplex(coord, octaves, persistence, lacunarity);\n    } else {\n        n_val = fbm_voronoi(coord, octaves, persistence, lacunarity);\n    }\n    \n    return mix(u.colorStart, u.colorEnd, clamp(n_val, 0.0, 1.0));\n}\n`;\nconst noiseUniformData = new Float32Array(24);\nconst getDeviceLayouts = perDevice((device) => ({\n\tuniformLayout: fragmentBindGroupLayout(device, [\"uniform\"]),\n\tsignalsLayout: texturesLayout(device, 5),\n\tpipelineCache: /* @__PURE__ */ new Map()\n}));\nfunction getNoiseResources(device, format) {\n\tconst layouts = getDeviceLayouts(device);\n\tconst cacheKey = `noise_${format}`;\n\tlet pipeline = layouts.pipelineCache.get(cacheKey);\n\tif (!pipeline) {\n\t\tconst noiseModule = device.createShaderModule({\n\t\t\tlabel: `noise_${format}.wgsl`,\n\t\t\tcode: NOISE_SHADER\n\t\t});\n\t\tpipeline = createFullscreenPipeline(device, {\n\t\t\tlabel: `NoiseGeneratorPipeline_${format}`,\n\t\t\tmodule: noiseModule,\n\t\t\tlayouts: [layouts.uniformLayout, layouts.signalsLayout],\n\t\t\tformat\n\t\t});\n\t\tlayouts.pipelineCache.set(cacheKey, pipeline);\n\t}\n\treturn {\n\t\tnoisePipeline: pipeline,\n\t\tuniformLayout: layouts.uniformLayout,\n\t\tsignalsLayout: layouts.signalsLayout\n\t};\n}\nfunction hexToRgba(hex) {\n\tlet h = hex.replace(\"#\", \"\");\n\tif (h.length === 3 || h.length === 4) h = h.split(\"\").map((c) => c + c).join(\"\");\n\tconst r = parseInt(h.substring(0, 2), 16) / 255;\n\tconst g = parseInt(h.substring(2, 4), 16) / 255;\n\tconst b = parseInt(h.substring(4, 6), 16) / 255;\n\tlet a = 1;\n\tif (h.length === 8) a = parseInt(h.substring(6, 8), 16) / 255;\n\treturn [\n\t\tr,\n\t\tg,\n\t\tb,\n\t\ta\n\t];\n}\nconst NoiseWebGPURenderer = async (args) => {\n\tconst { ctx, encoder, pass, targetWidth, targetHeight, props } = args;\n\tconst op = props.virtualMedia?.operation;\n\tif (op?.op !== \"NoiseGenerator\" || !op) return;\n\tconst { noisePipeline: pipeline, uniformLayout: uLayout, signalsLayout: sigLayout } = getNoiseResources(ctx.device, ctx.renderer.format);\n\tconst frame = props.frame ?? 0;\n\tconst fps = props.fps || 30;\n\tconst scaleInfo = resolveSignalField(op, \"scale\", 10);\n\tconst octavesInfo = resolveSignalField(op, \"octaves\", 4);\n\tconst persistenceInfo = resolveSignalField(op, \"persistence\", .5);\n\tconst lacunarityInfo = resolveSignalField(op, \"lacunarity\", 2);\n\tconst speedInfo = resolveSignalField(op, \"speed\", 1);\n\tconst noiseTypeVal = op.noiseType === \"Simplex\" ? 1 : op.noiseType === \"Voronoi\" ? 2 : 0;\n\tconst outputTypeVal = op.outputType === \"Video\" ? 1 : 0;\n\tconst { elapsedSeconds, durationSeconds } = signalTiming(props, frame, fps);\n\tconst colorStartVal = hexToRgba(op.colorStart ?? \"#000000\");\n\tconst colorEndVal = hexToRgba(op.colorEnd ?? \"#ffffff\");\n\tnoiseUniformData[0] = noiseTypeVal;\n\tnoiseUniformData[1] = outputTypeVal;\n\tnoiseUniformData[2] = elapsedSeconds;\n\tnoiseUniformData[3] = 0;\n\tnoiseUniformData[4] = scaleInfo.value;\n\tnoiseUniformData[5] = octavesInfo.value;\n\tnoiseUniformData[6] = persistenceInfo.value;\n\tnoiseUniformData[7] = lacunarityInfo.value;\n\tnoiseUniformData[8] = speedInfo.value;\n\tnoiseUniformData[9] = scaleInfo.hasSignal ? 1 : 0;\n\tnoiseUniformData[10] = octavesInfo.hasSignal ? 1 : 0;\n\tnoiseUniformData[11] = persistenceInfo.hasSignal ? 1 : 0;\n\tnoiseUniformData[12] = lacunarityInfo.hasSignal ? 1 : 0;\n\tnoiseUniformData[13] = speedInfo.hasSignal ? 1 : 0;\n\tnoiseUniformData[14] = 0;\n\tnoiseUniformData[15] = 0;\n\tnoiseUniformData[16] = colorStartVal[0];\n\tnoiseUniformData[17] = colorStartVal[1];\n\tnoiseUniformData[18] = colorStartVal[2];\n\tnoiseUniformData[19] = colorStartVal[3];\n\tnoiseUniformData[20] = colorEndVal[0];\n\tnoiseUniformData[21] = colorEndVal[1];\n\tnoiseUniformData[22] = colorEndVal[2];\n\tnoiseUniformData[23] = colorEndVal[3];\n\tconst uniformBuffer = ctx.renderer.getTemporaryBuffer(noiseUniformData);\n\tconst signalFields = [\n\t\t{\n\t\t\tname: \"scale\",\n\t\t\tinfo: scaleInfo\n\t\t},\n\t\t{\n\t\t\tname: \"octaves\",\n\t\t\tinfo: octavesInfo\n\t\t},\n\t\t{\n\t\t\tname: \"persistence\",\n\t\t\tinfo: persistenceInfo\n\t\t},\n\t\t{\n\t\t\tname: \"lacunarity\",\n\t\t\tinfo: lacunarityInfo\n\t\t},\n\t\t{\n\t\t\tname: \"speed\",\n\t\t\tinfo: speedInfo\n\t\t}\n\t];\n\tconst signalViews = [];\n\tconst sampler = ctx.renderer.samplerCache.getSampler(ctx.device);\n\tfor (const f of signalFields) if (!!(f.info.hasSignal && f.info.sd)) {\n\t\tconst view = signalRegistry.getOrCreate2DTextureView(ctx.device, encoder, f.info.sd?.nodeId ?? `noise_${f.name}_sig`, elapsedSeconds, durationSeconds, f.info.sd, targetWidth, targetHeight, props.renderId, frame, fps);\n\t\tsignalViews.push(view);\n\t} else signalViews.push(signalRegistry.getDummy1x1TextureView(ctx.device));\n\tpass.setPipeline(pipeline);\n\tpass.setBindGroup(0, ctx.device.createBindGroup({\n\t\tlayout: uLayout,\n\t\tentries: [{\n\t\t\tbinding: 0,\n\t\t\tresource: { buffer: uniformBuffer }\n\t\t}]\n\t}));\n\tpass.setBindGroup(1, 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: signalViews[0]\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 1,\n\t\t\t\tresource: signalViews[1]\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 2,\n\t\t\t\tresource: persistenceInfo.hasSignal ? signalViews[2] : signalViews[2]\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 3,\n\t\t\t\tresource: signalViews[3]\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 4,\n\t\t\t\tresource: signalViews[4]\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 5,\n\t\t\t\tresource: sampler\n\t\t\t}\n\t\t]\n\t}));\n\tpass.draw(4);\n};\n\n//#endregion\n//#region src/renderers/index.ts\nvar renderers_default = defineRenderer({ WebGPURenderer: NoiseWebGPURenderer });\n\n//#endregion\nexport { NoiseWebGPURenderer as n, renderers_default as t };\n//# sourceMappingURL=renderers-DdsDStam.mjs.map"],"mappings":"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"}
+{"version":3,"file":"renderer--f8JHHyT.mjs","names":[],"sources":["../../../nodes/node-noise-generator/dist/renderers-DdsDStam.mjs"],"sourcesContent":["import { defineRenderer } from \"@framefields/node-sdk/renderer\";\nimport { resolveSignalField } from \"@framefields/node-sdk\";\nimport { FULLSCREEN_QUAD_WGSL, createFullscreenPipeline, fragmentBindGroupLayout, perDevice, signalTiming, texturesLayout } from \"@framefields/node-sdk/gpu\";\nimport { signalRegistry } from \"@framefields/webgpu-renderers\";\n\n//#region src/renderers/webgpu-renderer.ts\nconst NOISE_SHADER = `\nstruct NoiseUniforms {\n    noiseType             : f32, // 0 = Perlin, 1 = Simplex, 2 = Voronoi\n    outputType            : f32, // 0 = Image, 1 = Video\n    time                  : f32,\n    _padding              : f32,\n    \n    scale                 : f32,\n    octaves               : f32,\n    persistence           : f32,\n    lacunarity            : f32,\n    \n    speed                 : f32,\n    hasSignal_scale       : f32,\n    hasSignal_octaves     : f32,\n    hasSignal_persistence : f32,\n    \n    hasSignal_lacunarity  : f32,\n    hasSignal_speed       : f32,\n    _pad2                 : f32,\n    _pad3                 : f32,\n\n    colorStart            : vec4<f32>,\n    colorEnd              : vec4<f32>,\n};\n\n@group(0) @binding(0) var<uniform> u : NoiseUniforms;\n\n@group(1) @binding(0) var scaleTex       : texture_2d<f32>;\n@group(1) @binding(1) var octavesTex     : texture_2d<f32>;\n@group(1) @binding(2) var persistenceTex : texture_2d<f32>;\n@group(1) @binding(3) var lacunarityTex  : texture_2d<f32>;\n@group(1) @binding(4) var speedTex       : texture_2d<f32>;\n@group(1) @binding(5) var sigSamp        : sampler;\n${FULLSCREEN_QUAD_WGSL}\n\nfn hash3(p: vec3<f32>) -> vec3<f32> {\n    var p3 = fract(p * vec3<f32>(0.1031, 0.11369, 0.13787));\n    p3 += dot(p3, p3.yzx + 19.19);\n    return fract((p3.xxy + p3.yzz) * p3.zyx) * 2.0 - 1.0;\n}\n\nfn perlin3d(p: vec3<f32>) -> f32 {\n    let pi = floor(p);\n    let pf = fract(p);\n    \n    let w = pf * pf * (3.0 - 2.0 * pf);\n    \n    let g000 = hash3(pi + vec3<f32>(0.0, 0.0, 0.0));\n    let g100 = hash3(pi + vec3<f32>(1.0, 0.0, 0.0));\n    let g010 = hash3(pi + vec3<f32>(0.0, 1.0, 0.0));\n    let g110 = hash3(pi + vec3<f32>(1.0, 1.0, 0.0));\n    let g001 = hash3(pi + vec3<f32>(0.0, 0.0, 1.0));\n    let g101 = hash3(pi + vec3<f32>(1.0, 0.0, 1.0));\n    let g011 = hash3(pi + vec3<f32>(0.0, 1.0, 1.0));\n    let g111 = hash3(pi + vec3<f32>(1.0, 1.0, 1.0));\n    \n    let n000 = dot(g000, pf - vec3<f32>(0.0, 0.0, 0.0));\n    let n100 = dot(g100, pf - vec3<f32>(1.0, 0.0, 0.0));\n    let n010 = dot(g010, pf - vec3<f32>(0.0, 1.0, 0.0));\n    let n110 = dot(g110, pf - vec3<f32>(1.0, 1.0, 0.0));\n    let n001 = dot(g001, pf - vec3<f32>(0.0, 0.0, 1.0));\n    let n101 = dot(g101, pf - vec3<f32>(1.0, 0.0, 1.0));\n    let n011 = dot(g011, pf - vec3<f32>(0.0, 1.0, 1.0));\n    let n111 = dot(g111, pf - vec3<f32>(1.0, 1.0, 1.0));\n    \n    let n_x00 = mix(n000, n100, w.x);\n    let n_x10 = mix(n010, n110, w.x);\n    let n_y0 = mix(n_x00, n_x10, w.y);\n    \n    let n_x01 = mix(n001, n101, w.x);\n    let n_x11 = mix(n011, n111, w.x);\n    let n_y1 = mix(n_x01, n_x11, w.y);\n    \n    return mix(n_y0, n_y1, w.z) * 0.5 + 0.5; // Map to [0, 1]\n}\n\nfn simplex3d(v: vec3<f32>) -> f32 {\n    let skew = (v.x + v.y + v.z) * (1.0 / 3.0);\n    let i = floor(v + skew);\n    let unskew = (i.x + i.y + i.z) * (1.0 / 6.0);\n    let x0 = v - i + unskew;\n    \n    var i1 = vec3<f32>(0.0);\n    var i2 = vec3<f32>(0.0);\n    \n    if (x0.x >= x0.y) {\n        if (x0.y >= x0.z) {\n            i1 = vec3<f32>(1.0, 0.0, 0.0);\n            i2 = vec3<f32>(1.0, 1.0, 0.0);\n        } else if (x0.x >= x0.z) {\n            i1 = vec3<f32>(1.0, 0.0, 0.0);\n            i2 = vec3<f32>(1.0, 0.0, 1.0);\n        } else {\n            i1 = vec3<f32>(0.0, 0.0, 1.0);\n            i2 = vec3<f32>(1.0, 0.0, 1.0);\n        }\n    } else {\n        if (x0.y < x0.z) {\n            i1 = vec3<f32>(0.0, 0.0, 1.0);\n            i2 = vec3<f32>(0.0, 1.0, 1.0);\n        } else if (x0.x < x0.z) {\n            i1 = vec3<f32>(0.0, 1.0, 0.0);\n            i2 = vec3<f32>(0.0, 1.0, 1.0);\n        } else {\n            i1 = vec3<f32>(0.0, 1.0, 0.0);\n            i2 = vec3<f32>(1.0, 1.0, 0.0);\n        }\n    }\n    \n    let x1 = x0 - i1 + (1.0 / 6.0);\n    let x2 = x0 - i2 + (1.0 / 3.0);\n    let x3 = x0 - 1.0 + 0.5;\n    \n    var m = vec4<f32>(\n        dot(x0, x0),\n        dot(x1, x1),\n        dot(x2, x2),\n        dot(x3, x3)\n    );\n    m = max(0.6 - m, vec4<f32>(0.0));\n    m = m * m;\n    m = m * m;\n    \n    let g0 = dot(hash3(i + vec3<f32>(0.0)), x0);\n    let g1 = dot(hash3(i + i1), x1);\n    let g2 = dot(hash3(i + i2), x2);\n    let g3 = dot(hash3(i + vec3<f32>(1.0)), x3);\n    \n    let n = dot(m, vec4<f32>(g0, g1, g2, g3));\n    return 32.0 * n * 0.5 + 0.5;\n}\n\nfn voronoi3d(p: vec3<f32>) -> f32 {\n    let pi = floor(p);\n    let pf = fract(p);\n    var min_dist = 8.0;\n    \n    for (var k = -1; k <= 1; k++) {\n        for (var j = -1; j <= 1; j++) {\n            for (var i = -1; i <= 1; i++) {\n                let g = vec3<f32>(f32(i), f32(j), f32(k));\n                let o = hash3(pi + g) * 0.5 + 0.5;\n                let r = g + o - pf;\n                let d = dot(r, r);\n                if (d < min_dist) {\n                    min_dist = d;\n                }\n            }\n        }\n    }\n    return clamp(sqrt(min_dist), 0.0, 1.0);\n}\n\nfn fbm_perlin(p: vec3<f32>, octaves: i32, persistence: f32, lacunarity: f32) -> f32 {\n    var value = 0.0;\n    var amp = 1.0;\n    var freq = 1.0;\n    var total_amp = 0.0;\n    for (var i = 0; i < 8; i++) {\n        if (i >= octaves) { break; }\n        value += amp * perlin3d(p * freq);\n        total_amp += amp;\n        freq *= lacunarity;\n        amp *= persistence;\n    }\n    return value / total_amp;\n}\n\nfn fbm_simplex(p: vec3<f32>, octaves: i32, persistence: f32, lacunarity: f32) -> f32 {\n    var value = 0.0;\n    var amp = 1.0;\n    var freq = 1.0;\n    var total_amp = 0.0;\n    for (var i = 0; i < 8; i++) {\n        if (i >= octaves) { break; }\n        value += amp * simplex3d(p * freq);\n        total_amp += amp;\n        freq *= lacunarity;\n        amp *= persistence;\n    }\n    return value / total_amp;\n}\n\nfn fbm_voronoi(p: vec3<f32>, octaves: i32, persistence: f32, lacunarity: f32) -> f32 {\n    var value = 0.0;\n    var amp = 1.0;\n    var freq = 1.0;\n    var total_amp = 0.0;\n    for (var i = 0; i < 8; i++) {\n        if (i >= octaves) { break; }\n        value += amp * voronoi3d(p * freq);\n        total_amp += amp;\n        freq *= lacunarity;\n        amp *= persistence;\n    }\n    return value / total_amp;\n}\n\nfn get_field(val: f32, hasSig: f32, tex: texture_2d<f32>, samp: sampler, uv: vec2<f32>) -> f32 {\n    if (hasSig > 0.5) {\n        return textureSampleLevel(tex, samp, uv, 0.0).r;\n    }\n    return val;\n}\n\n@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {\n    let scale = get_field(u.scale, u.hasSignal_scale, scaleTex, sigSamp, in.uv);\n    let octaves_f = get_field(u.octaves, u.hasSignal_octaves, octavesTex, sigSamp, in.uv);\n    let octaves = i32(clamp(octaves_f, 1.0, 8.0));\n    let persistence = get_field(u.persistence, u.hasSignal_persistence, persistenceTex, sigSamp, in.uv);\n    let lacunarity = get_field(u.lacunarity, u.hasSignal_lacunarity, lacunarityTex, sigSamp, in.uv);\n    let speed = get_field(u.speed, u.hasSignal_speed, speedTex, sigSamp, in.uv);\n\n    let isVideo = u.outputType > 0.5;\n    let z_coord = select(0.0, u.time * speed, isVideo);\n    \n    let coord = vec3<f32>(in.uv * scale, z_coord);\n    \n    var n_val = 0.0;\n    if (u.noiseType < 0.5) {\n        n_val = fbm_perlin(coord, octaves, persistence, lacunarity);\n    } else if (u.noiseType < 1.5) {\n        n_val = fbm_simplex(coord, octaves, persistence, lacunarity);\n    } else {\n        n_val = fbm_voronoi(coord, octaves, persistence, lacunarity);\n    }\n    \n    return mix(u.colorStart, u.colorEnd, clamp(n_val, 0.0, 1.0));\n}\n`;\nconst noiseUniformData = new Float32Array(24);\nconst getDeviceLayouts = perDevice((device) => ({\n\tuniformLayout: fragmentBindGroupLayout(device, [\"uniform\"]),\n\tsignalsLayout: texturesLayout(device, 5),\n\tpipelineCache: /* @__PURE__ */ new Map()\n}));\nfunction getNoiseResources(device, format) {\n\tconst layouts = getDeviceLayouts(device);\n\tconst cacheKey = `noise_${format}`;\n\tlet pipeline = layouts.pipelineCache.get(cacheKey);\n\tif (!pipeline) {\n\t\tconst noiseModule = device.createShaderModule({\n\t\t\tlabel: `noise_${format}.wgsl`,\n\t\t\tcode: NOISE_SHADER\n\t\t});\n\t\tpipeline = createFullscreenPipeline(device, {\n\t\t\tlabel: `NoiseGeneratorPipeline_${format}`,\n\t\t\tmodule: noiseModule,\n\t\t\tlayouts: [layouts.uniformLayout, layouts.signalsLayout],\n\t\t\tformat\n\t\t});\n\t\tlayouts.pipelineCache.set(cacheKey, pipeline);\n\t}\n\treturn {\n\t\tnoisePipeline: pipeline,\n\t\tuniformLayout: layouts.uniformLayout,\n\t\tsignalsLayout: layouts.signalsLayout\n\t};\n}\nfunction hexToRgba(hex) {\n\tlet h = hex.replace(\"#\", \"\");\n\tif (h.length === 3 || h.length === 4) h = h.split(\"\").map((c) => c + c).join(\"\");\n\tconst r = parseInt(h.substring(0, 2), 16) / 255;\n\tconst g = parseInt(h.substring(2, 4), 16) / 255;\n\tconst b = parseInt(h.substring(4, 6), 16) / 255;\n\tlet a = 1;\n\tif (h.length === 8) a = parseInt(h.substring(6, 8), 16) / 255;\n\treturn [\n\t\tr,\n\t\tg,\n\t\tb,\n\t\ta\n\t];\n}\nconst NoiseWebGPURenderer = async (args) => {\n\tconst { ctx, encoder, pass, targetWidth, targetHeight, props } = args;\n\tconst op = props.virtualMedia?.operation;\n\tif (op?.op !== \"NoiseGenerator\" || !op) return;\n\tconst { noisePipeline: pipeline, uniformLayout: uLayout, signalsLayout: sigLayout } = getNoiseResources(ctx.device, ctx.renderer.format);\n\tconst frame = props.frame ?? 0;\n\tconst fps = props.fps || 30;\n\tconst scaleInfo = resolveSignalField(op, \"scale\", 10);\n\tconst octavesInfo = resolveSignalField(op, \"octaves\", 4);\n\tconst persistenceInfo = resolveSignalField(op, \"persistence\", .5);\n\tconst lacunarityInfo = resolveSignalField(op, \"lacunarity\", 2);\n\tconst speedInfo = resolveSignalField(op, \"speed\", 1);\n\tconst noiseTypeVal = op.noiseType === \"Simplex\" ? 1 : op.noiseType === \"Voronoi\" ? 2 : 0;\n\tconst outputTypeVal = op.outputType === \"Video\" ? 1 : 0;\n\tconst { elapsedSeconds, durationSeconds } = signalTiming(props, frame, fps);\n\tconst colorStartVal = hexToRgba(op.colorStart ?? \"#000000\");\n\tconst colorEndVal = hexToRgba(op.colorEnd ?? \"#ffffff\");\n\tnoiseUniformData[0] = noiseTypeVal;\n\tnoiseUniformData[1] = outputTypeVal;\n\tnoiseUniformData[2] = elapsedSeconds;\n\tnoiseUniformData[3] = 0;\n\tnoiseUniformData[4] = scaleInfo.value;\n\tnoiseUniformData[5] = octavesInfo.value;\n\tnoiseUniformData[6] = persistenceInfo.value;\n\tnoiseUniformData[7] = lacunarityInfo.value;\n\tnoiseUniformData[8] = speedInfo.value;\n\tnoiseUniformData[9] = scaleInfo.hasSignal ? 1 : 0;\n\tnoiseUniformData[10] = octavesInfo.hasSignal ? 1 : 0;\n\tnoiseUniformData[11] = persistenceInfo.hasSignal ? 1 : 0;\n\tnoiseUniformData[12] = lacunarityInfo.hasSignal ? 1 : 0;\n\tnoiseUniformData[13] = speedInfo.hasSignal ? 1 : 0;\n\tnoiseUniformData[14] = 0;\n\tnoiseUniformData[15] = 0;\n\tnoiseUniformData[16] = colorStartVal[0];\n\tnoiseUniformData[17] = colorStartVal[1];\n\tnoiseUniformData[18] = colorStartVal[2];\n\tnoiseUniformData[19] = colorStartVal[3];\n\tnoiseUniformData[20] = colorEndVal[0];\n\tnoiseUniformData[21] = colorEndVal[1];\n\tnoiseUniformData[22] = colorEndVal[2];\n\tnoiseUniformData[23] = colorEndVal[3];\n\tconst uniformBuffer = ctx.renderer.getTemporaryBuffer(noiseUniformData);\n\tconst signalFields = [\n\t\t{\n\t\t\tname: \"scale\",\n\t\t\tinfo: scaleInfo\n\t\t},\n\t\t{\n\t\t\tname: \"octaves\",\n\t\t\tinfo: octavesInfo\n\t\t},\n\t\t{\n\t\t\tname: \"persistence\",\n\t\t\tinfo: persistenceInfo\n\t\t},\n\t\t{\n\t\t\tname: \"lacunarity\",\n\t\t\tinfo: lacunarityInfo\n\t\t},\n\t\t{\n\t\t\tname: \"speed\",\n\t\t\tinfo: speedInfo\n\t\t}\n\t];\n\tconst signalViews = [];\n\tconst sampler = ctx.renderer.samplerCache.getSampler(ctx.device);\n\tfor (const f of signalFields) if (!!(f.info.hasSignal && f.info.sd)) {\n\t\tconst view = signalRegistry.getOrCreate2DTextureView(ctx.device, encoder, f.info.sd?.nodeId ?? `noise_${f.name}_sig`, elapsedSeconds, durationSeconds, f.info.sd, targetWidth, targetHeight, props.renderId, frame, fps);\n\t\tsignalViews.push(view);\n\t} else signalViews.push(signalRegistry.getDummy1x1TextureView(ctx.device));\n\tpass.setPipeline(pipeline);\n\tpass.setBindGroup(0, ctx.device.createBindGroup({\n\t\tlayout: uLayout,\n\t\tentries: [{\n\t\t\tbinding: 0,\n\t\t\tresource: { buffer: uniformBuffer }\n\t\t}]\n\t}));\n\tpass.setBindGroup(1, 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: signalViews[0]\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 1,\n\t\t\t\tresource: signalViews[1]\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 2,\n\t\t\t\tresource: persistenceInfo.hasSignal ? signalViews[2] : signalViews[2]\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 3,\n\t\t\t\tresource: signalViews[3]\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 4,\n\t\t\t\tresource: signalViews[4]\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 5,\n\t\t\t\tresource: sampler\n\t\t\t}\n\t\t]\n\t}));\n\tpass.draw(4);\n};\n\n//#endregion\n//#region src/renderers/index.ts\nvar renderers_default = defineRenderer({ WebGPURenderer: NoiseWebGPURenderer });\n\n//#endregion\nexport { NoiseWebGPURenderer as n, renderers_default as t };\n//# sourceMappingURL=renderers-DdsDStam.mjs.map"],"mappings":"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"}

package/dist/{renderer-CHr7MiYW.mjs → renderer-1KgHl_ls.mjs}

@@ -1,7 +1,7 @@
-import "./chunk-BcJoO4Nm.mjs";
-import { n as defineRenderer } from "./renderer-mNSyac1V.mjs";
-import "./dist-C1cCW7Bt.mjs";
-import { c as drawTextureToTarget, l as fragmentBindGroupLayout, o as drawChildToTexture, s as drawFullscreenPass, t as FULLSCREEN_QUAD_WGSL, u as perDevice } from "./gpu-CMaa63nz.mjs";
+import "./chunk-W71TSjRM.mjs";
+import { n as defineRenderer } from "./renderer-BOg8i8eF.mjs";
+import "./dist-C4Vxgm0Q.mjs";
+import { c as drawTextureToTarget, l as fragmentBindGroupLayout, o as drawChildToTexture, s as drawFullscreenPass, t as FULLSCREEN_QUAD_WGSL, u as perDevice } from "./gpu-Bw35AMwY.mjs";
 
 //#region ../../nodes/node-toon/dist/renderers-BsjrUZoi.mjs
 const OP = "Toon";
@@ -216,4 +216,4 @@ var renderers_default = defineRenderer({ WebGPURenderer: ToonWebGPURenderer });
 
 //#endregion
 export { ToonWebGPURenderer, renderers_default as default };
-//# sourceMappingURL=renderer-CHr7MiYW.mjs.map
+//# sourceMappingURL=renderer-1KgHl_ls.mjs.map

package/dist/{renderer-CHr7MiYW.mjs.map → renderer-1KgHl_ls.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"renderer-CHr7MiYW.mjs","names":[],"sources":["../../../nodes/node-toon/dist/renderers-BsjrUZoi.mjs"],"sourcesContent":["import { defineRenderer } from \"@framefields/node-sdk/renderer\";\nimport { FULLSCREEN_QUAD_WGSL, drawChildToTexture, drawFullscreenPass, drawTextureToTarget, fragmentBindGroupLayout, perDevice } from \"@framefields/node-sdk/gpu\";\n\n//#region src/renderers/webgpu-renderer.ts\nconst OP = \"Toon\";\nconst UNIFORM_FLOATS = 12;\n/** One fragment shader per pass; pass 0 reads the layer, later passes read the previous pass. */\nconst PASSES = [`struct U { v : array<vec4<f32>, 3> };\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var src : texture_2d<f32>;\n@group(0) @binding(2) var prev : texture_2d<f32>;\n@group(0) @binding(3) var samp : sampler;\n${FULLSCREEN_QUAD_WGSL}\n\nfn straight(c : vec4<f32>) -> vec4<f32> {\n\tif (c.a <= 0.0001) { return vec4<f32>(0.0); }\n\treturn vec4<f32>(c.rgb / c.a, c.a);\n}\nfn premul(c : vec4<f32>) -> vec4<f32> { return vec4<f32>(c.rgb * c.a, c.a); }\nfn res() -> vec2<f32> { return vec2<f32>(textureDimensions(src)); }\n/** Straight-alpha color of the layer at a uv (filtered). */\nfn sampleS(uv : vec2<f32>) -> vec4<f32> { return straight(textureSampleLevel(src, samp, uv, 0.0)); }\n/** Premultiplied color of the layer at a uv (filtered). */\nfn sampleP(uv : vec2<f32>) -> vec4<f32> { return textureSampleLevel(src, samp, uv, 0.0); }\n/** Straight-alpha color of the layer's texel at a pixel position (nearest). */\nfn texelS(p : vec2<f32>) -> vec4<f32> {\n\tlet d = vec2<i32>(textureDimensions(src));\n\tlet q = clamp(vec2<i32>(floor(p)), vec2<i32>(0), d - vec2<i32>(1));\n\treturn straight(textureLoad(src, q, 0));\n}\nfn luma(c : vec3<f32>) -> f32 { return dot(c, vec3<f32>(0.2126, 0.7152, 0.0722)); }\nfn hash12(p : vec2<f32>) -> f32 {\n\tvar p3 = fract(vec3<f32>(p.xyx) * 0.1031);\n\tp3 += dot(p3, p3.yzx + 33.33);\n\treturn fract((p3.x + p3.y) * p3.z);\n}\nfn vnoise(p : vec2<f32>) -> f32 {\n\tlet i = floor(p);\n\tlet f = fract(p);\n\tlet u = f * f * (3.0 - 2.0 * f);\n\treturn mix(mix(hash12(i), hash12(i + vec2<f32>(1.0, 0.0)), u.x),\n\t\tmix(hash12(i + vec2<f32>(0.0, 1.0)), hash12(i + vec2<f32>(1.0, 1.0)), u.x), u.y);\n}\n/** 8x8 ordered-dither threshold, 0..1. */\nfn bayer8(p : vec2<f32>) -> f32 {\n\tlet x = u32(p.x) & 7u;\n\tlet y = u32(p.y) & 7u;\n\tvar v = 0u;\n\tfor (var k = 0u; k < 3u; k++) {\n\t\tlet bx = (x >> k) & 1u;\n\t\tlet by = (y >> k) & 1u;\n\t\tlet m = ((bx ^ by) << 1u) | by;\n\t\tv += m * (1u << (2u * (2u - k)));\n\t}\n\treturn (f32(v) + 0.5) / 64.0;\n}\nfn rot2(a : f32) -> mat2x2<f32> { let c = cos(a); let s = sin(a); return mat2x2<f32>(c, s, -s, c); }\n@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {\n\tlet time = u.v[0].x;\n\tlet frame = u.v[0].y;\n\tlet levels = u.v[1].x;\n\tlet edgeThreshold = u.v[1].y;\n\tlet edgeWidth = u.v[1].z;\n\tlet edgeColor = u.v[2];\n\tlet saturation = u.v[1].w;\n\n\tlet R = res();\n\tlet o = edgeWidth / R;\n\tlet c = sampleS(in.uv);\n\tlet tl = luma(sampleS(in.uv + vec2<f32>(-o.x, -o.y)).rgb);\n\tlet t = luma(sampleS(in.uv + vec2<f32>(0.0, -o.y)).rgb);\n\tlet tr = luma(sampleS(in.uv + vec2<f32>(o.x, -o.y)).rgb);\n\tlet l = luma(sampleS(in.uv + vec2<f32>(-o.x, 0.0)).rgb);\n\tlet r = luma(sampleS(in.uv + vec2<f32>(o.x, 0.0)).rgb);\n\tlet bl = luma(sampleS(in.uv + vec2<f32>(-o.x, o.y)).rgb);\n\tlet b = luma(sampleS(in.uv + vec2<f32>(0.0, o.y)).rgb);\n\tlet br = luma(sampleS(in.uv + vec2<f32>(o.x, o.y)).rgb);\n\tlet gx = (tr + 2.0 * r + br) - (tl + 2.0 * l + bl);\n\tlet gy = (bl + 2.0 * b + br) - (tl + 2.0 * t + tr);\n\tlet edge = length(vec2<f32>(gx, gy));\n\tlet ink = smoothstep(edgeThreshold, edgeThreshold * 1.5 + 0.03, edge);\n\tlet lum = luma(c.rgb);\n\tlet band = (floor(lum * levels) + 0.5) / levels;\n\tvar rgb = c.rgb * (band / max(lum, 0.001));\n\trgb = clamp(mix(vec3<f32>(luma(rgb)), rgb, saturation), vec3<f32>(0.0), vec3<f32>(1.0));\n\trgb = mix(rgb, edgeColor.rgb, ink);\n\treturn premul(vec4<f32>(rgb, max(c.a, ink * c.a)));\n}\n`];\nconst resources = perDevice((device) => ({\n\tlayout: fragmentBindGroupLayout(device, [\n\t\t\"uniform\",\n\t\t\"texture\",\n\t\t\"texture\",\n\t\t\"sampler\"\n\t], `${OP}_layout`),\n\tpipelines: /* @__PURE__ */ new Map(),\n\tsampler: device.createSampler({\n\t\tmagFilter: \"linear\",\n\t\tminFilter: \"linear\",\n\t\taddressModeU: \"clamp-to-edge\",\n\t\taddressModeV: \"clamp-to-edge\"\n\t})\n}));\nfunction pipelinesFor(device, format) {\n\tconst r = resources(device);\n\tlet list = r.pipelines.get(format);\n\tif (!list) {\n\t\tlist = PASSES.map((code, i) => {\n\t\t\tconst module = device.createShaderModule({\n\t\t\t\tcode,\n\t\t\t\tlabel: `${OP}_${i}.wgsl`\n\t\t\t});\n\t\t\treturn device.createRenderPipeline({\n\t\t\t\tlabel: `${OP}_${i}`,\n\t\t\t\tlayout: device.createPipelineLayout({ bindGroupLayouts: [r.layout] }),\n\t\t\t\tvertex: {\n\t\t\t\t\tmodule,\n\t\t\t\t\tentryPoint: \"vs\"\n\t\t\t\t},\n\t\t\t\tfragment: {\n\t\t\t\t\tmodule,\n\t\t\t\t\tentryPoint: \"fs\",\n\t\t\t\t\ttargets: [{ format }]\n\t\t\t\t},\n\t\t\t\tprimitive: { topology: \"triangle-strip\" }\n\t\t\t});\n\t\t});\n\t\tr.pipelines.set(format, list);\n\t}\n\treturn list;\n}\nfunction num(v, fallback) {\n\tconst n = typeof v === \"number\" ? v : Number(v);\n\treturn Number.isFinite(n) ? n : fallback;\n}\nfunction hexToRgba(hex) {\n\tlet h = hex.trim().replace(\"#\", \"\");\n\tif (h.length === 3 || h.length === 4) h = [...h].map((c) => c + c).join(\"\");\n\tconst n = (i) => Number.parseInt(h.slice(i, i + 2), 16) / 255;\n\treturn [\n\t\tn(0),\n\t\tn(2),\n\t\tn(4),\n\t\th.length >= 8 ? n(6) : 1\n\t];\n}\n/** Packs the effect's resolved props into the uniform block the shaders read. */\nfunction pack(raw, data, time, frame) {\n\tdata.fill(0);\n\tdata[0] = time;\n\tdata[1] = frame;\n\tdata[4] = num(raw.levels, 4);\n\tdata[5] = num(raw.edgeThreshold, .2);\n\tdata[6] = num(raw.edgeWidth, 1);\n\tdata.set(hexToRgba(String(raw.edgeColor ?? \"#111111\")), 8);\n\tdata[7] = num(raw.saturation, 1.15);\n}\nconst ToonWebGPURenderer = async (args) => {\n\tconst { ctx, encoder, pass, targetTexture, targetWidth, targetHeight, props } = args;\n\tconst op = props.virtualMedia?.operation;\n\tif (op?.op !== OP) return;\n\tconst child = props.virtualMedia?.children?.[0];\n\tif (!child) return;\n\tpass.end();\n\tconst fps = props.fps || 30;\n\tconst frame = Math.round(props.compositionFrame ?? props.frame ?? 0);\n\tconst raw = op.effect?.resolveUniforms ? op.effect.resolveUniforms({\n\t\tframe,\n\t\tfps,\n\t\ttime: frame / fps\n\t}) : op;\n\tconst data = new Float32Array(UNIFORM_FLOATS);\n\tpack(raw, data, frame / fps, frame);\n\tconst { texture: childTex } = await drawChildToTexture(args, child);\n\tconst device = ctx.device;\n\tconst r = resources(device);\n\tconst pipelines = pipelinesFor(device, ctx.renderer.format);\n\tconst ubo = ctx.renderer.getTemporaryBuffer(data);\n\tlet prev = childTex;\n\tfor (const pipeline of pipelines) {\n\t\tconst out = ctx.renderer.getTemporaryTexture(targetWidth, targetHeight, [\n\t\t\tchildTex,\n\t\t\tprev,\n\t\t\ttargetTexture,\n\t\t\t...props.excludeTextures || []\n\t\t]);\n\t\tdrawFullscreenPass(encoder, out.createView(), pipeline, [device.createBindGroup({\n\t\t\tlayout: r.layout,\n\t\t\tentries: [\n\t\t\t\t{\n\t\t\t\t\tbinding: 0,\n\t\t\t\t\tresource: { buffer: ubo }\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tbinding: 1,\n\t\t\t\t\tresource: childTex.createView()\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tbinding: 2,\n\t\t\t\t\tresource: prev.createView()\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tbinding: 3,\n\t\t\t\t\tresource: r.sampler\n\t\t\t\t}\n\t\t\t]\n\t\t})]);\n\t\tprev = out;\n\t}\n\tdrawTextureToTarget(args, prev);\n};\n\n//#endregion\n//#region src/renderers/index.ts\nvar renderers_default = defineRenderer({ WebGPURenderer: ToonWebGPURenderer });\n\n//#endregion\nexport { ToonWebGPURenderer as n, renderers_default as t };\n//# sourceMappingURL=renderers-BsjrUZoi.mjs.map"],"mappings":"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"}
+{"version":3,"file":"renderer-1KgHl_ls.mjs","names":[],"sources":["../../../nodes/node-toon/dist/renderers-BsjrUZoi.mjs"],"sourcesContent":["import { defineRenderer } from \"@framefields/node-sdk/renderer\";\nimport { FULLSCREEN_QUAD_WGSL, drawChildToTexture, drawFullscreenPass, drawTextureToTarget, fragmentBindGroupLayout, perDevice } from \"@framefields/node-sdk/gpu\";\n\n//#region src/renderers/webgpu-renderer.ts\nconst OP = \"Toon\";\nconst UNIFORM_FLOATS = 12;\n/** One fragment shader per pass; pass 0 reads the layer, later passes read the previous pass. */\nconst PASSES = [`struct U { v : array<vec4<f32>, 3> };\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var src : texture_2d<f32>;\n@group(0) @binding(2) var prev : texture_2d<f32>;\n@group(0) @binding(3) var samp : sampler;\n${FULLSCREEN_QUAD_WGSL}\n\nfn straight(c : vec4<f32>) -> vec4<f32> {\n\tif (c.a <= 0.0001) { return vec4<f32>(0.0); }\n\treturn vec4<f32>(c.rgb / c.a, c.a);\n}\nfn premul(c : vec4<f32>) -> vec4<f32> { return vec4<f32>(c.rgb * c.a, c.a); }\nfn res() -> vec2<f32> { return vec2<f32>(textureDimensions(src)); }\n/** Straight-alpha color of the layer at a uv (filtered). */\nfn sampleS(uv : vec2<f32>) -> vec4<f32> { return straight(textureSampleLevel(src, samp, uv, 0.0)); }\n/** Premultiplied color of the layer at a uv (filtered). */\nfn sampleP(uv : vec2<f32>) -> vec4<f32> { return textureSampleLevel(src, samp, uv, 0.0); }\n/** Straight-alpha color of the layer's texel at a pixel position (nearest). */\nfn texelS(p : vec2<f32>) -> vec4<f32> {\n\tlet d = vec2<i32>(textureDimensions(src));\n\tlet q = clamp(vec2<i32>(floor(p)), vec2<i32>(0), d - vec2<i32>(1));\n\treturn straight(textureLoad(src, q, 0));\n}\nfn luma(c : vec3<f32>) -> f32 { return dot(c, vec3<f32>(0.2126, 0.7152, 0.0722)); }\nfn hash12(p : vec2<f32>) -> f32 {\n\tvar p3 = fract(vec3<f32>(p.xyx) * 0.1031);\n\tp3 += dot(p3, p3.yzx + 33.33);\n\treturn fract((p3.x + p3.y) * p3.z);\n}\nfn vnoise(p : vec2<f32>) -> f32 {\n\tlet i = floor(p);\n\tlet f = fract(p);\n\tlet u = f * f * (3.0 - 2.0 * f);\n\treturn mix(mix(hash12(i), hash12(i + vec2<f32>(1.0, 0.0)), u.x),\n\t\tmix(hash12(i + vec2<f32>(0.0, 1.0)), hash12(i + vec2<f32>(1.0, 1.0)), u.x), u.y);\n}\n/** 8x8 ordered-dither threshold, 0..1. */\nfn bayer8(p : vec2<f32>) -> f32 {\n\tlet x = u32(p.x) & 7u;\n\tlet y = u32(p.y) & 7u;\n\tvar v = 0u;\n\tfor (var k = 0u; k < 3u; k++) {\n\t\tlet bx = (x >> k) & 1u;\n\t\tlet by = (y >> k) & 1u;\n\t\tlet m = ((bx ^ by) << 1u) | by;\n\t\tv += m * (1u << (2u * (2u - k)));\n\t}\n\treturn (f32(v) + 0.5) / 64.0;\n}\nfn rot2(a : f32) -> mat2x2<f32> { let c = cos(a); let s = sin(a); return mat2x2<f32>(c, s, -s, c); }\n@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {\n\tlet time = u.v[0].x;\n\tlet frame = u.v[0].y;\n\tlet levels = u.v[1].x;\n\tlet edgeThreshold = u.v[1].y;\n\tlet edgeWidth = u.v[1].z;\n\tlet edgeColor = u.v[2];\n\tlet saturation = u.v[1].w;\n\n\tlet R = res();\n\tlet o = edgeWidth / R;\n\tlet c = sampleS(in.uv);\n\tlet tl = luma(sampleS(in.uv + vec2<f32>(-o.x, -o.y)).rgb);\n\tlet t = luma(sampleS(in.uv + vec2<f32>(0.0, -o.y)).rgb);\n\tlet tr = luma(sampleS(in.uv + vec2<f32>(o.x, -o.y)).rgb);\n\tlet l = luma(sampleS(in.uv + vec2<f32>(-o.x, 0.0)).rgb);\n\tlet r = luma(sampleS(in.uv + vec2<f32>(o.x, 0.0)).rgb);\n\tlet bl = luma(sampleS(in.uv + vec2<f32>(-o.x, o.y)).rgb);\n\tlet b = luma(sampleS(in.uv + vec2<f32>(0.0, o.y)).rgb);\n\tlet br = luma(sampleS(in.uv + vec2<f32>(o.x, o.y)).rgb);\n\tlet gx = (tr + 2.0 * r + br) - (tl + 2.0 * l + bl);\n\tlet gy = (bl + 2.0 * b + br) - (tl + 2.0 * t + tr);\n\tlet edge = length(vec2<f32>(gx, gy));\n\tlet ink = smoothstep(edgeThreshold, edgeThreshold * 1.5 + 0.03, edge);\n\tlet lum = luma(c.rgb);\n\tlet band = (floor(lum * levels) + 0.5) / levels;\n\tvar rgb = c.rgb * (band / max(lum, 0.001));\n\trgb = clamp(mix(vec3<f32>(luma(rgb)), rgb, saturation), vec3<f32>(0.0), vec3<f32>(1.0));\n\trgb = mix(rgb, edgeColor.rgb, ink);\n\treturn premul(vec4<f32>(rgb, max(c.a, ink * c.a)));\n}\n`];\nconst resources = perDevice((device) => ({\n\tlayout: fragmentBindGroupLayout(device, [\n\t\t\"uniform\",\n\t\t\"texture\",\n\t\t\"texture\",\n\t\t\"sampler\"\n\t], `${OP}_layout`),\n\tpipelines: /* @__PURE__ */ new Map(),\n\tsampler: device.createSampler({\n\t\tmagFilter: \"linear\",\n\t\tminFilter: \"linear\",\n\t\taddressModeU: \"clamp-to-edge\",\n\t\taddressModeV: \"clamp-to-edge\"\n\t})\n}));\nfunction pipelinesFor(device, format) {\n\tconst r = resources(device);\n\tlet list = r.pipelines.get(format);\n\tif (!list) {\n\t\tlist = PASSES.map((code, i) => {\n\t\t\tconst module = device.createShaderModule({\n\t\t\t\tcode,\n\t\t\t\tlabel: `${OP}_${i}.wgsl`\n\t\t\t});\n\t\t\treturn device.createRenderPipeline({\n\t\t\t\tlabel: `${OP}_${i}`,\n\t\t\t\tlayout: device.createPipelineLayout({ bindGroupLayouts: [r.layout] }),\n\t\t\t\tvertex: {\n\t\t\t\t\tmodule,\n\t\t\t\t\tentryPoint: \"vs\"\n\t\t\t\t},\n\t\t\t\tfragment: {\n\t\t\t\t\tmodule,\n\t\t\t\t\tentryPoint: \"fs\",\n\t\t\t\t\ttargets: [{ format }]\n\t\t\t\t},\n\t\t\t\tprimitive: { topology: \"triangle-strip\" }\n\t\t\t});\n\t\t});\n\t\tr.pipelines.set(format, list);\n\t}\n\treturn list;\n}\nfunction num(v, fallback) {\n\tconst n = typeof v === \"number\" ? v : Number(v);\n\treturn Number.isFinite(n) ? n : fallback;\n}\nfunction hexToRgba(hex) {\n\tlet h = hex.trim().replace(\"#\", \"\");\n\tif (h.length === 3 || h.length === 4) h = [...h].map((c) => c + c).join(\"\");\n\tconst n = (i) => Number.parseInt(h.slice(i, i + 2), 16) / 255;\n\treturn [\n\t\tn(0),\n\t\tn(2),\n\t\tn(4),\n\t\th.length >= 8 ? n(6) : 1\n\t];\n}\n/** Packs the effect's resolved props into the uniform block the shaders read. */\nfunction pack(raw, data, time, frame) {\n\tdata.fill(0);\n\tdata[0] = time;\n\tdata[1] = frame;\n\tdata[4] = num(raw.levels, 4);\n\tdata[5] = num(raw.edgeThreshold, .2);\n\tdata[6] = num(raw.edgeWidth, 1);\n\tdata.set(hexToRgba(String(raw.edgeColor ?? \"#111111\")), 8);\n\tdata[7] = num(raw.saturation, 1.15);\n}\nconst ToonWebGPURenderer = async (args) => {\n\tconst { ctx, encoder, pass, targetTexture, targetWidth, targetHeight, props } = args;\n\tconst op = props.virtualMedia?.operation;\n\tif (op?.op !== OP) return;\n\tconst child = props.virtualMedia?.children?.[0];\n\tif (!child) return;\n\tpass.end();\n\tconst fps = props.fps || 30;\n\tconst frame = Math.round(props.compositionFrame ?? props.frame ?? 0);\n\tconst raw = op.effect?.resolveUniforms ? op.effect.resolveUniforms({\n\t\tframe,\n\t\tfps,\n\t\ttime: frame / fps\n\t}) : op;\n\tconst data = new Float32Array(UNIFORM_FLOATS);\n\tpack(raw, data, frame / fps, frame);\n\tconst { texture: childTex } = await drawChildToTexture(args, child);\n\tconst device = ctx.device;\n\tconst r = resources(device);\n\tconst pipelines = pipelinesFor(device, ctx.renderer.format);\n\tconst ubo = ctx.renderer.getTemporaryBuffer(data);\n\tlet prev = childTex;\n\tfor (const pipeline of pipelines) {\n\t\tconst out = ctx.renderer.getTemporaryTexture(targetWidth, targetHeight, [\n\t\t\tchildTex,\n\t\t\tprev,\n\t\t\ttargetTexture,\n\t\t\t...props.excludeTextures || []\n\t\t]);\n\t\tdrawFullscreenPass(encoder, out.createView(), pipeline, [device.createBindGroup({\n\t\t\tlayout: r.layout,\n\t\t\tentries: [\n\t\t\t\t{\n\t\t\t\t\tbinding: 0,\n\t\t\t\t\tresource: { buffer: ubo }\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tbinding: 1,\n\t\t\t\t\tresource: childTex.createView()\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tbinding: 2,\n\t\t\t\t\tresource: prev.createView()\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tbinding: 3,\n\t\t\t\t\tresource: r.sampler\n\t\t\t\t}\n\t\t\t]\n\t\t})]);\n\t\tprev = out;\n\t}\n\tdrawTextureToTarget(args, prev);\n};\n\n//#endregion\n//#region src/renderers/index.ts\nvar renderers_default = defineRenderer({ WebGPURenderer: ToonWebGPURenderer });\n\n//#endregion\nexport { ToonWebGPURenderer as n, renderers_default as t };\n//# sourceMappingURL=renderers-BsjrUZoi.mjs.map"],"mappings":"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"}

package/dist/renderer-6sNr6ZRJ.mjs

@@ -0,0 +1,6 @@
+import "./chunk-W71TSjRM.mjs";
+import "./dist-C4Vxgm0Q.mjs";
+import { t as renderers_default } from "./renderers-CP8CFWDs-OgyUiyrr.mjs";
+import "./renderer-B6rZUBwE.mjs";
+
+export { renderers_default as default };

package/dist/{renderer-BgO6BA_z.mjs → renderer-7c0ecb-L.mjs}

@@ -1,7 +1,7 @@
-import { n as defineRenderer } from "./renderer-mNSyac1V.mjs";
-import { a as createFullscreenPipeline, c as drawTextureToTarget, l as fragmentBindGroupLayout, n as PREMULTIPLIED_BLEND, s as drawFullscreenPass, t as FULLSCREEN_QUAD_WGSL } from "./gpu-CMaa63nz.mjs";
+import { n as defineRenderer } from "./renderer-BOg8i8eF.mjs";
+import { a as createFullscreenPipeline, c as drawTextureToTarget, d as pixelScale, l as fragmentBindGroupLayout, n as PREMULTIPLIED_BLEND, s as drawFullscreenPass, t as FULLSCREEN_QUAD_WGSL } from "./gpu-Bw35AMwY.mjs";
 
-//#region ../../nodes/node-layer-style/dist/renderers-B2ikmOEm.mjs
+//#region ../../nodes/node-layer-style/dist/renderers-DjBomwgE.mjs
 function hexToRgba(hex) {
 	if (!hex) return [
 		1,
@@ -78,6 +78,8 @@ const STROKE_POS_MAP = {
 };
 /** Blur, glow and stroke kernels in the shader stop at this radius, px. */
 const MAX_KERNEL = 24;
+/** The inner glow's and inner shadow's kernels stop sooner, px. */
+const MAX_INNER_KERNEL = 16;
 const WGSL_LAYER_STYLE_SHADER = `
 struct LayerStyleUniforms {
 	// Drop Shadow (vec4 x 3)
@@ -458,7 +460,7 @@ fn compositeLayer(dst: vec4<f32>, src: vec4<f32>, blendMode: u32) -> vec4<f32> {
 			var innerAccum = 0.0;
 			var innerWeight = 0.0;
 			let sigma = max(0.5, igSize * 0.4);
-			let sampleRadius = min(i32(ceil(igSize)), 16);
+			let sampleRadius = min(i32(ceil(igSize)), ${MAX_INNER_KERNEL});
 			let stepVal = max(1, sampleRadius / 6);
 
 			for (var y = -sampleRadius; y <= sampleRadius; y += stepVal) {
@@ -496,7 +498,7 @@ fn compositeLayer(dst: vec4<f32>, src: vec4<f32>, blendMode: u32) -> vec4<f32> {
 			var isAccum = 0.0;
 			var isWeight = 0.0;
 			let sigma = max(0.5, isSize * 0.4);
-			let sampleRadius = min(i32(ceil(isSize)), 16);
+			let sampleRadius = min(i32(ceil(isSize)), ${MAX_INNER_KERNEL});
 			let stepVal = max(1, sampleRadius / 6);
 
 			for (var y = -sampleRadius; y <= sampleRadius; y += stepVal) {
@@ -617,6 +619,7 @@ const WebGPURenderer = async (args) => {
 	pass.end();
 	const width = targetWidth;
 	const height = targetHeight;
+	const px = pixelScale(args);
 	const elapsedSeconds = props.elapsedMs !== void 0 ? props.elapsedMs / 1e3 : (props.frame ?? 0) / (props.fps || 30);
 	const resolveField = (handleId, fallbackVal, clampMin = 0, clampMax = 1e3) => {
 		if (handleId && op.inputs?.[handleId]?.connectionValid) {
@@ -690,29 +693,29 @@ const WebGPURenderer = async (args) => {
 	const dsCol = hexToRgba(ds.color ?? "#000000");
 	const dsOpacity = resolveField(op.dropShadowOpacityHandleId, ds.opacity ?? .75, 0, 1);
 	const dsAngle = resolveField(op.dropShadowAngleHandleId, ds.angle ?? 120, 0, 360) * Math.PI / 180;
-	const dsDist = resolveField(op.dropShadowDistanceHandleId, ds.distance ?? 10, 0, 500);
+	const dsDist = resolveField(op.dropShadowDistanceHandleId, ds.distance ?? 10, 0, 500) * px;
 	const dsSpread = resolveField(op.dropShadowSpreadHandleId, ds.spread ?? 0, 0, 100);
-	const dsSize = resolveField(op.dropShadowSizeHandleId, ds.size ?? 10, 0, 250);
+	const dsSize = resolveField(op.dropShadowSizeHandleId, ds.size ?? 10, 0, 250) * px;
 	const dsBlend = BLEND_MODE_MAP[ds.blendMode ?? "multiply"] ?? 1;
 	const isCol = hexToRgba(is.color ?? "#000000");
 	const isOpacity = resolveField(op.innerShadowOpacityHandleId, is.opacity ?? .75, 0, 1);
 	const isAngle = resolveField(op.innerShadowAngleHandleId, is.angle ?? 120, 0, 360) * Math.PI / 180;
-	const isDist = resolveField(op.innerShadowDistanceHandleId, is.distance ?? 5, 0, 500);
+	const isDist = resolveField(op.innerShadowDistanceHandleId, is.distance ?? 5, 0, 500) * px;
 	const isChoke = resolveField(op.innerShadowChokeHandleId, is.choke ?? 0, 0, 100);
-	const isSize = resolveField(op.innerShadowSizeHandleId, is.size ?? 5, 0, 250);
+	const isSize = resolveField(op.innerShadowSizeHandleId, is.size ?? 5, 0, 250) * px;
 	const isBlend = BLEND_MODE_MAP[is.blendMode ?? "multiply"] ?? 1;
 	const ogCol = hexToRgba(og.color ?? "#ffffff");
 	const ogOpacity = resolveField(op.outerGlowOpacityHandleId, og.opacity ?? .75, 0, 1);
-	const ogSize = resolveField(op.outerGlowSizeHandleId, og.size ?? 15, 0, 250);
+	const ogSize = resolveField(op.outerGlowSizeHandleId, og.size ?? 15, 0, 250) * px;
 	const ogSpread = resolveField(op.outerGlowSpreadHandleId, og.spread ?? 0, 0, 100);
 	const ogBlend = BLEND_MODE_MAP[og.blendMode ?? "screen"] ?? 2;
 	const igCol = hexToRgba(ig.color ?? "#ffffff");
 	const igOpacity = resolveField(op.innerGlowOpacityHandleId, ig.opacity ?? .75, 0, 1);
-	const igSize = resolveField(op.innerGlowSizeHandleId, ig.size ?? 15, 0, 250);
+	const igSize = resolveField(op.innerGlowSizeHandleId, ig.size ?? 15, 0, 250) * px;
 	const igSpread = resolveField(op.innerGlowSpreadHandleId, ig.spread ?? 0, 0, 100);
 	const igBlend = BLEND_MODE_MAP[ig.blendMode ?? "screen"] ?? 2;
 	const stCol = hexToRgba(st.color ?? "#ffffff");
-	const stSize = resolveField(op.strokeSizeHandleId, st.size ?? 2, 0, 100);
+	const stSize = resolveField(op.strokeSizeHandleId, st.size ?? 2, 0, 100) * px;
 	const stPos = STROKE_POS_MAP[st.position ?? "outside"] ?? 0;
 	const stOpacity = resolveField(op.strokeOpacityHandleId, st.opacity ?? 1, 0, 1);
 	const stBlend = BLEND_MODE_MAP[st.blendMode ?? "normal"] ?? 0;
@@ -722,8 +725,8 @@ const WebGPURenderer = async (args) => {
 	const beTech = BEVEL_TECHNIQUE_MAP[be.technique ?? "Smooth"] ?? 0;
 	const beDepth = resolveField(op.bevelEmbossDepthHandleId, be.depth ?? 100, 1, 1e3);
 	const beDir = be.direction === "Down" ? -1 : 1;
-	const beSize = resolveField(op.bevelEmbossSizeHandleId, be.size ?? 5, 0, 250);
-	const beSoften = resolveField(op.bevelEmbossSoftenHandleId, be.soften ?? 0, 0, 50);
+	const beSize = resolveField(op.bevelEmbossSizeHandleId, be.size ?? 5, 0, 250) * px;
+	const beSoften = resolveField(op.bevelEmbossSoftenHandleId, be.soften ?? 0, 0, 50) * px;
 	const beAngle = resolveField(op.bevelEmbossAngleHandleId, be.angle ?? 120, 0, 360) * Math.PI / 180;
 	const beAltitude = resolveField(op.bevelEmbossAltitudeHandleId, be.altitude ?? 30, 0, 90) * Math.PI / 180;
 	const beHlOpacity = resolveField(op.bevelEmbossHighlightOpacityHandleId, be.highlightOpacity ?? .75, 0, 1);
@@ -847,6 +850,10 @@ const WebGPURenderer = async (args) => {
 	drawFullscreenPass(encoder, outTex.createView(), pipeline, [uBindGroup, tBindGroup]);
 	drawTextureToTarget(args, outTex, op.opacity ?? 1);
 };
+/** Whether `handle` names an input with a live connection driving a field. */
+const drivenBy = (op, handle) => typeof handle === "string" && op.inputs?.[handle]?.connectionValid === true;
+/** One style's settings; a style may be a signal holding its value. */
+const styleOf = (v) => v && typeof v === "object" && "_value" in v ? v._value : v;
 /**
 * How far a LayerStyle draws past its layer: the drop shadow's offset plus
 * its blur, the outer glow, an outside or centred stroke. Unknown (null)
@@ -856,22 +863,68 @@ const WebGPURenderer = async (args) => {
 */
 const layerStyleReach = (operation) => {
 	const op = operation;
-	const driven = (handle) => typeof handle === "string" && op.inputs?.[handle]?.connectionValid === true;
-	if (driven(op.dropShadowDistanceHandleId) || driven(op.dropShadowSizeHandleId) || driven(op.outerGlowSizeHandleId) || driven(op.strokeSizeHandleId)) return null;
-	const style = (v) => v && typeof v === "object" && "_value" in v ? v._value : v;
+	if (drivenBy(op, op.dropShadowDistanceHandleId) || drivenBy(op, op.dropShadowSizeHandleId) || drivenBy(op, op.outerGlowSizeHandleId) || drivenBy(op, op.strokeSizeHandleId)) return null;
 	const kernel = (size) => Math.min(Math.ceil(size ?? 0), MAX_KERNEL);
-	const ds = style(op.dropShadow);
-	const og = style(op.outerGlow);
-	const st = style(op.stroke);
+	const ds = styleOf(op.dropShadow);
+	const og = styleOf(op.outerGlow);
+	const st = styleOf(op.stroke);
 	let r = 0;
 	if (ds?.enabled) r = Math.max(r, (ds.distance ?? 0) + kernel(ds.size));
 	if (og?.enabled) r = Math.max(r, kernel(og.size));
 	if (st?.enabled && st.position !== "inside") r = Math.max(r, kernel(st.size));
 	return Math.ceil(r) + 2;
 };
+/**
+* How many pixels per layout px a LayerStyle keeps its look at: its blur,
+* glow and stroke kernels stop at MAX_KERNEL target pixels (the inner glow's
+* and inner shadow's at MAX_INNER_KERNEL), so a size scaled past that would
+* be cut short. 1 when a size is driven by a signal, known only at render
+* time. Sizes left out are the renderer's defaults.
+*/
+const layerStyleMaxPixelScale = (operation) => {
+	const op = operation;
+	if (drivenBy(op, op.dropShadowSizeHandleId) || drivenBy(op, op.innerShadowSizeHandleId) || drivenBy(op, op.outerGlowSizeHandleId) || drivenBy(op, op.innerGlowSizeHandleId) || drivenBy(op, op.strokeSizeHandleId)) return 1;
+	const st = styleOf(op.stroke);
+	const strokeReach = st?.position === "center" ? 2 * MAX_KERNEL : MAX_KERNEL;
+	const kernels = [
+		[
+			styleOf(op.dropShadow),
+			10,
+			MAX_KERNEL
+		],
+		[
+			styleOf(op.outerGlow),
+			15,
+			MAX_KERNEL
+		],
+		[
+			styleOf(op.innerGlow),
+			15,
+			MAX_INNER_KERNEL
+		],
+		[
+			styleOf(op.innerShadow),
+			5,
+			MAX_INNER_KERNEL
+		],
+		[
+			st,
+			2,
+			strokeReach
+		]
+	];
+	let limit = Number.POSITIVE_INFINITY;
+	for (const [style, fallback, cap] of kernels) {
+		if (!style?.enabled) continue;
+		const size = style.size ?? fallback;
+		if (size > 0) limit = Math.min(limit, cap / size);
+	}
+	return limit;
+};
 WebGPURenderer.reach = layerStyleReach;
+WebGPURenderer.maxPixelScale = layerStyleMaxPixelScale;
 var renderers_default = defineRenderer({ WebGPURenderer });
 
 //#endregion
 export { renderers_default as t };
-//# sourceMappingURL=renderer-BgO6BA_z.mjs.map
+//# sourceMappingURL=renderer-7c0ecb-L.mjs.map