@marver-design/marver 0.17.0 → 0.19.0

package/dist/{dev-LnIISva5.mjs → dev-D3mP2x27.mjs}

@@ -1,12 +1,205 @@
-import { n as NAME, r as PKG } from "./cli.mjs";
-import { l as detectHost, s as loadConfig } from "./manifest-CaslQIAO.mjs";
-import { n as tailwind3Css, r as tailwind4Plugin, t as marverPlugin } from "./plugin-D2msH1cj.mjs";
-import { realpathSync } from "node:fs";
+import { i as PKG, r as NAME } from "./cli.mjs";
+import { c as loadConfig, u as detectHost } from "./manifest-B01PSyDc.mjs";
+import { n as tailwind3Css, r as tailwind4Plugin, t as marverPlugin } from "./plugin-DI-7NAnx.mjs";
+import { readFileSync, readdirSync, realpathSync, statSync } from "node:fs";
 import { basename, dirname, isAbsolute, join, relative, resolve } from "node:path";
 import { fileURLToPath } from "node:url";
-import { createLogger, createServer, searchForWorkspaceRoot } from "vite";
+import { createLogger, createServer, parseAst, searchForWorkspaceRoot } from "vite";
 import react from "@vitejs/plugin-react";
 import { createServer as createServer$1 } from "node:net";
+//#region src/server/icons.ts
+/**
+* Icon barrels, unrolled.
+*
+* `import { Truck } from '@phosphor-icons/react'` makes Vite hand the frame the WHOLE prebundled
+* package - 3000 icons, 6.5 MB of JavaScript - and every frame on a board is its own realm, so every
+* frame parses and evaluates all of it: ~400 ms, the whole boot of a lo-fi frame (measured,
+* research/hifi/frameres.ts: the scene import is 530 of a 550 ms boot; a board of 128 frames spends
+* 50 s on it). The packages ship one module per icon and their barrel says which: this reads the
+* INSTALLED barrel once (every alias, whatever the version), rewrites the import declarations of
+* design sources to the per-icon modules, one line for one line, and names those modules to the
+* dependency optimizer at server start so nothing is discovered - and reloaded for - on first use.
+* A name the barrel does not map, a default or namespace import, a re-export: left as it is.
+*/
+const LIBS = [{
+	barrel: "@phosphor-icons/react",
+	spec: (rel) => {
+		const m = rel.match(/^\.\/csr\/([\w-]+)\.es\.js$/);
+		return m ? `@phosphor-icons/react/dist/csr/${m[1]}` : null;
+	}
+}, {
+	barrel: "lucide-react",
+	spec: (rel) => {
+		const m = rel.match(/^\.\/icons\/([\w-]+\.m?js)$/);
+		return m ? `lucide-react/dist/esm/icons/${m[1]}` : null;
+	}
+}];
+/** The map read from a barrel's source: `import { A as x } from './f'` + `export { x as Name }`
+*  (phosphor) and `export { default as Name } from './f'` (lucide). */
+function parseBarrel(source, lib) {
+	const map = /* @__PURE__ */ new Map();
+	const locals = /* @__PURE__ */ new Map();
+	for (const m of source.matchAll(/import\s*\{([^}]*)\}\s*from\s*["']([^"']+)["']/g)) {
+		const spec = lib.spec(m[2]);
+		if (!spec) continue;
+		for (const s of m[1].split(",")) {
+			const [name, local = name] = s.trim().split(/\s+as\s+/);
+			if (name) locals.set(local, {
+				spec,
+				name
+			});
+		}
+	}
+	for (const m of source.matchAll(/export\s*\{([^}]*)\}(?:\s*from\s*["']([^"']+)["'])?/g)) {
+		const spec = m[2] ? lib.spec(m[2]) : null;
+		if (m[2] && !spec) continue;
+		for (const s of m[1].split(",")) {
+			const [name, exported = name] = s.trim().split(/\s+as\s+/);
+			if (!name) continue;
+			if (spec) map.set(exported, {
+				spec,
+				name
+			});
+			else {
+				const l = locals.get(name);
+				if (l) map.set(exported, l);
+			}
+		}
+	}
+	return map;
+}
+const maps = /* @__PURE__ */ new Map();
+/** The maps for every icon package installed under `root` (read once per server). */
+function iconMaps(root) {
+	let m = maps.get(root);
+	if (m) return m;
+	m = /* @__PURE__ */ new Map();
+	for (const lib of LIBS) {
+		const dir = join(root, "node_modules", lib.barrel);
+		try {
+			const pkg = JSON.parse(readFileSync(join(dir, "package.json"), "utf8"));
+			const dot = pkg.exports?.["."];
+			const entry = (typeof dot === "object" ? dot.import : typeof dot === "string" ? dot : void 0) ?? pkg.module;
+			if (!entry) continue;
+			const map = parseBarrel(readFileSync(join(dir, entry), "utf8"), lib);
+			if (map.size) m.set(lib.barrel, map);
+		} catch {}
+	}
+	maps.set(root, m);
+	return m;
+}
+/** The code with every mapped icon import unrolled and the per-icon specifiers it now imports;
+*  null when nothing changed. Real import declarations only (a template literal is content). */
+function unrollIcons(code, maps) {
+	if (![...maps.keys()].some((b) => code.includes(b))) return null;
+	let ast;
+	try {
+		ast = parseAst(code);
+	} catch {
+		return null;
+	}
+	const edits = [];
+	const modules = [];
+	for (const node of ast.body) {
+		if (node.type !== "ImportDeclaration" || !node.source) continue;
+		const map = maps.get(node.source.value);
+		if (!map || !node.specifiers?.length) continue;
+		const lines = [], keep = [];
+		let icons = 0;
+		for (const s of node.specifiers) {
+			const imported = s.type === "ImportSpecifier" ? s.imported?.name ?? s.imported?.value : void 0;
+			const hit = imported ? map.get(imported) : void 0;
+			if (!hit) {
+				if (s.type !== "ImportSpecifier") {
+					lines.length = 0;
+					icons = 0;
+					break;
+				}
+				keep.push(imported === s.local.name ? imported : `${imported} as ${s.local.name}`);
+				continue;
+			}
+			icons++;
+			modules.push(hit.spec);
+			lines.push(hit.name === "default" ? `import ${s.local.name} from '${hit.spec}';` : `import { ${hit.name === s.local.name ? hit.name : `${hit.name} as ${s.local.name}`} } from '${hit.spec}';`);
+		}
+		if (!icons) continue;
+		if (keep.length) lines.push(`import { ${keep.join(", ")} } from '${node.source.value}';`);
+		const original = code.slice(node.start, node.end);
+		edits.push({
+			start: node.start,
+			end: node.end,
+			text: lines.join(" ") + "\n".repeat((original.match(/\n/g) ?? []).length)
+		});
+	}
+	if (!edits.length) return null;
+	let out = "", at = 0;
+	for (const e of edits) {
+		out += code.slice(at, e.start) + e.text;
+		at = e.end;
+	}
+	return {
+		code: out + code.slice(at),
+		modules
+	};
+}
+/** Every per-icon module the design sources import (for the optimizer, at server start). Raw
+*  TypeScript is scanned by a plain pattern; only names the barrel maps count. */
+function iconModules(root) {
+	const m = iconMaps(root);
+	if (!m.size) return [];
+	const found = /* @__PURE__ */ new Set();
+	const walk = (dir) => {
+		let names;
+		try {
+			names = readdirSync(dir);
+		} catch {
+			return;
+		}
+		for (const n of names) {
+			if (n === "node_modules" || n.startsWith(".")) continue;
+			const p = join(dir, n);
+			let st;
+			try {
+				st = statSync(p);
+			} catch {
+				continue;
+			}
+			if (st.isDirectory()) walk(p);
+			else if (/\.[jt]sx?$/.test(n)) {
+				const src = readFileSync(p, "utf8").replace(/\/\*[\s\S]*?\*\/|\/\/.*$/gm, (c) => " ".repeat(c.length));
+				for (const im of src.matchAll(/import\s*\{([^}]*)\}\s*from\s*['"]([^'"]+)['"]/g)) {
+					const map = m.get(im[2]);
+					if (!map) continue;
+					for (const s of im[1].split(",")) {
+						const name = s.trim().replace(/^type\s+/, "").split(/\s+as\s+/)[0];
+						const hit = map.get(name);
+						if (hit) found.add(hit.spec);
+					}
+				}
+			}
+		}
+	};
+	walk(join(root, "design"));
+	return [...found].sort();
+}
+/** The Vite plugin: design sources only, after the TS/JSX transform (a normal plugin runs after
+*  the core ones), before import analysis resolves the specifiers. The rewrite keeps every line
+*  where it was, so the file's map still lands (no map of its own). */
+function iconsPlugin(root) {
+	const design = join(root, "design") + "/";
+	return {
+		name: "marver:icons",
+		transform(code, id) {
+			if (!id.startsWith(design) || !/\.[jt]sx?(\?|$)/.test(id)) return;
+			const r = unrollIcons(code, iconMaps(root));
+			return r ? {
+				code: r.code,
+				map: null
+			} : void 0;
+		}
+	};
+}
+//#endregion
 //#region src/server/dev.ts
 /** packageDir = the installed marver package root (dist/cli.js lives one level down). */
 function packageDir() {
@@ -174,7 +367,7 @@ async function dev(root, portFlag) {
 		clientDir,
 		config,
 		detectedThemeCss: host.themeCss
-	}));
+	}), iconsPlugin(root));
 	const logger = createLogger("info");
 	const noise = (msg) => /Sourcemap for .*node_modules.*points to/.test(msg);
 	const warnBase = logger.warn.bind(logger);
@@ -244,7 +437,9 @@ async function dev(root, portFlag) {
 				"react/jsx-dev-runtime",
 				`${PKG} > marked`,
 				`${PKG} > mermaid`,
-				`${PKG} > html-to-image`
+				`${PKG} > roughjs`,
+				`${PKG} > html-to-image`,
+				...iconModules(root)
 			],
 			entries: [join(clientDir, "frame-host", "index.html"), "design/**/*.{tsx,jsx}"]
 		},
@@ -257,12 +452,12 @@ async function dev(root, portFlag) {
 	console.log(`\n  ${NAME} · ${projectName} → http://localhost:${port}/\n`);
 	setTimeout(async () => {
 		try {
-			await (await import("./shot-DlmTO8AF.mjs")).sweepGhosts((m) => console.log(`  ${m}`));
+			await (await import("./shot-DMDvDbeP.mjs")).sweepGhosts((m) => console.log(`  ${m}`));
 		} catch {}
 	}, 0);
 	try {
 		const { staleManagedInstructions } = await import("./managed-HwHVNI3h.mjs");
-		const { installedVersion } = await import("./plugin-D2msH1cj.mjs").then((n) => n.i);
+		const { installedVersion } = await import("./plugin-DI-7NAnx.mjs").then((n) => n.i);
 		const stale = staleManagedInstructions(root);
 		if (stale.length) {
 			const shown = stale.slice(0, 4).join(", ") + (stale.length > 4 ? `, +${stale.length - 4} more` : "");
@@ -300,7 +495,7 @@ async function dev(root, portFlag) {
 		});
 	}
 	if (config.jam) {
-		const { startJam } = await import("./daemon-Bbh_jmui.mjs");
+		const { startJam } = await import("./daemon-DbHvLQUL.mjs");
 		const jam = startJam(root, config.jam, (m) => console.log(m), (board) => server.ws.send("sh:jam-comment", { board }));
 		if (jam) {
 			const close = server.close.bind(server);

package/dist/{init-B7YhcN2o.mjs → init-BQYCS3EU.mjs}

@@ -1,5 +1,5 @@
-import { n as NAME } from "./cli.mjs";
-import { a as writeManifest, c as detectAgent, l as detectHost, n as scanFrames, o as DEFAULTS, u as readJson } from "./manifest-CaslQIAO.mjs";
+import { r as NAME } from "./cli.mjs";
+import { d as readJson, l as detectAgent, o as writeManifest, r as scanFrames, s as DEFAULTS, u as detectHost } from "./manifest-B01PSyDc.mjs";
 import { MANAGED_PREFIX, enumerateInstructionTemplates, hashBody, managedFile, pkgDir } from "./managed-HwHVNI3h.mjs";
 import { cpSync, existsSync, mkdirSync, readFileSync, readdirSync, renameSync, rmSync, writeFileSync } from "node:fs";
 import { basename, dirname, join, relative } from "node:path";

package/dist/{manifest-CaslQIAO.mjs → manifest-B01PSyDc.mjs}

@@ -1,4 +1,4 @@
-import { r as PKG, t as CONTENT_WIDTH } from "./cli.mjs";
+import { i as PKG, n as CONTENT_WIDTH } from "./cli.mjs";
 import { a as listBoardFiles, d as flatten, f as isBoardName, g as hash, m as readTitle, n as checkBoardsDir, p as readDescription, r as checkRealDirs, s as readRegistry, t as boardFields, u as buildTree } from "./boards-BmxcT3Lc.mjs";
 import { accessSync, constants, existsSync, lstatSync, mkdirSync, readFileSync, readdirSync, renameSync, rmSync, statSync, writeFileSync } from "node:fs";
 import { delimiter, isAbsolute, join, relative, sep } from "node:path";
@@ -375,6 +375,23 @@ function validViewports(v) {
 //#region src/server/manifest.ts
 const FRAME_EXT = /\.(tsx|jsx|html)$/;
 const RESERVED_SCENES = /* @__PURE__ */ new Set(["components", "screens"]);
+/** Sticky notes (spec 18): the longest note the manifest carries - a note is an aside, not a spec. */
+const NOTE_MAX = 2e4;
+/** The note file beside a frame file: `cart.tsx` -> `cart.note.md`; a scene's is `_note.md`. */
+const noteFileFor = (frameFile) => frameFile.replace(FRAME_EXT, ".note.md");
+/** Is this path a note file - the dev watcher's "regenerate on change" predicate. */
+const isNoteFile = (file) => /(^|[\\/])(_note|[^\\/]+\.note)\.md$/.test(file);
+/** A note's text: BOM stripped, trimmed, capped at NOTE_MAX. Undefined when the file is missing,
+*  empty, or not a regular file (a symlink is never followed - the `_brief.md` rule). */
+function readNote(abs) {
+	try {
+		if (!lstatSync(abs).isFile()) return void 0;
+		const text = readFileSync(abs, "utf8").replace(/^/, "").trim();
+		return text ? text.slice(0, NOTE_MAX) : void 0;
+	} catch {
+		return;
+	}
+}
 /** Extract `export const meta = {...}` with literal string values only. Anything else is silently omitted. */
 function extractMeta(src) {
 	const m = /export\s+const\s+meta\s*=\s*\{([\s\S]*?)\}/.exec(src);
@@ -526,6 +543,10 @@ function sceneBrief(root, scene) {
 		...description ? { description } : {}
 	};
 }
+/** A scene's sticky note: `design/scenes/<scene>/_note.md` (spec 18). */
+function sceneNote(root, scene) {
+	return scene ? readNote(join(root, "design", "scenes", scene, "_note.md")) : void 0;
+}
 /** Write a scene's title into its brief's front matter - only that line changes; the body,
 *  every other field and the file's own line endings are kept. No brief yet = a front-matter-only
 *  brief. An empty title removes the line, and the file when nothing else is in it. The write
@@ -649,6 +670,8 @@ function scanFrames(root, project) {
 			kind,
 			scene
 		};
+		const note = readNote(noteFileFor(abs));
+		if (note) entry.note = note;
 		if (kind === "tsx") {
 			const src = readFileSync(abs, "utf8");
 			const meta = extractMeta(src);
@@ -684,11 +707,15 @@ function scanFrames(root, project) {
 	inferVariantGroups(frames);
 	const sceneCounts = /* @__PURE__ */ new Map();
 	for (const f of frames) sceneCounts.set(f.scene, (sceneCounts.get(f.scene) ?? 0) + 1);
-	const scenes = [...sceneCounts.entries()].map(([name, n]) => ({
-		name,
-		frames: n,
-		...sceneBrief(root, name)
-	})).sort((a, b) => a.name.localeCompare(b.name));
+	const scenes = [...sceneCounts.entries()].map(([name, n]) => {
+		const note = sceneNote(root, name);
+		return {
+			name,
+			frames: n,
+			...sceneBrief(root, name),
+			...note ? { note } : {}
+		};
+	}).sort((a, b) => a.name.localeCompare(b.name));
 	return {
 		...project && (project.name || project.description) ? { project: {
 			...project.name ? { name: project.name } : {},
@@ -779,4 +806,4 @@ function writeManifest(root, manifest) {
 	return true;
 }
 //#endregion
-export { writeManifest as a, detectAgent as c, toFrameId as i, detectHost as l, scanFrames as n, DEFAULTS as o, setSceneTitle as r, loadConfig as s, affectedFrameIds as t, readJson as u };
+export { toFrameId as a, loadConfig as c, readJson as d, setSceneTitle as i, detectAgent as l, isNoteFile as n, writeManifest as o, scanFrames as r, DEFAULTS as s, affectedFrameIds as t, detectHost as u };

package/dist/{marver-id-gate-D6By7XHj.mjs → marver-id-gate-B_idGdHm.mjs}

@@ -1,6 +1,6 @@
 import { i as avatarSourceFor, n as attachAvatar, p as provisionFromMarverId } from "./auth-DdUKeVKt.mjs";
 import { TransactionStore, browserBinding, verifyAssertion } from "./marver-id-CVCoaMGI.mjs";
-import { t as poweredByUrl } from "./serve-Bcwfpvhl.mjs";
+import { t as poweredByUrl } from "./serve-z5qtj_wJ.mjs";
 import { randomBytes } from "node:crypto";
 import { isIP } from "node:net";
 import { lookup } from "node:dns/promises";

package/dist/{plugin-D2msH1cj.mjs → plugin-DI-7NAnx.mjs}

@@ -1,8 +1,8 @@
 import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.mjs";
-import { i as ROUTE, n as NAME, r as PKG } from "./cli.mjs";
+import { a as ROUTE, i as PKG, r as NAME } from "./cli.mjs";
 import { a as listBoardFiles, c as BOARD_NAME, g as hash, h as validateWire, i as isRegularFile, l as FOLDERS_FILE, m as readTitle, n as checkBoardsDir, o as nodeExists, p as readDescription, s as readRegistry, t as boardFields } from "./boards-BmxcT3Lc.mjs";
 import { n as localProfile, t as isConnected } from "./profile-BjAPAJSb.mjs";
-import { a as writeManifest, n as scanFrames, r as setSceneTitle, s as loadConfig, t as affectedFrameIds } from "./manifest-CaslQIAO.mjs";
+import { c as loadConfig, i as setSceneTitle, n as isNoteFile, o as writeManifest, r as scanFrames, t as affectedFrameIds } from "./manifest-B01PSyDc.mjs";
 import { copyFileSync, existsSync, linkSync, mkdirSync, readFileSync, readdirSync, realpathSync, renameSync, rmSync, watch, writeFileSync } from "node:fs";
 import { basename, dirname, join, resolve, sep } from "node:path";
 import { fileURLToPath } from "node:url";
@@ -422,7 +422,7 @@ function apiMiddleware(root, opts = {}) {
 				};
 				const asPng = url.searchParams.get("format") === "png";
 				const origin = opts.origin?.() ?? `http://${req.headers.host ?? "localhost"}`;
-				const { shootFrame } = await import("./shot-DlmTO8AF.mjs");
+				const { shootFrame } = await import("./shot-DMDvDbeP.mjs");
 				const r = await shootFrame({
 					root,
 					viewports: opts.viewports ?? {},
@@ -472,7 +472,7 @@ function apiMiddleware(root, opts = {}) {
 				if (typeof theme !== "string" || !/^[a-z0-9-]+$/i.test(theme)) return json(res, 400, { error: "invalid theme" });
 				const scale = body.scale === void 0 ? void 0 : body.scale;
 				if (scale !== void 0 && !(Number.isInteger(scale) && scale >= 1 && scale <= 4)) return json(res, 400, { error: "invalid scale" });
-				const { resolveFrames, shootBatch } = await import("./shot-DlmTO8AF.mjs");
+				const { resolveFrames, shootBatch } = await import("./shot-DMDvDbeP.mjs");
 				const sel = resolveFrames(root, body);
 				if (!sel.ok) return json(res, sel.status, { error: sel.error });
 				const origin = opts.origin?.() ?? `http://${req.headers.host ?? "localhost"}`;
@@ -489,11 +489,63 @@ function apiMiddleware(root, opts = {}) {
 					return json(res, 503, { error: err.message });
 				}
 			}
+			if (path === "bakes" && req.method === "POST") {
+				if (!ownerGated(req)) return json(res, 403, { error: "forbidden" });
+				const raw = await readBody(req);
+				if (raw == null) return json(res, 400, { error: "body too large or unreadable" });
+				let body;
+				try {
+					body = JSON.parse(raw);
+				} catch {
+					return json(res, 400, { error: "malformed JSON" });
+				}
+				if (!body || typeof body !== "object" || !Array.isArray(body.asks) || !body.asks.length || body.asks.length > 200) return json(res, 400, { error: "asks must list 1-200 frames" });
+				const { bakeBatch, ASK_MAX } = await import("./bake-kaf5kGZ7.mjs");
+				let manifest = {};
+				try {
+					manifest = JSON.parse(readFileSync(join(root, "design", "manifest.json"), "utf8"));
+				} catch {}
+				const frames = new Map((manifest.frames ?? []).map((f) => [f.id, f]));
+				const asks = [];
+				for (const a of body.asks) {
+					const frame = typeof a?.frame === "string" ? a.frame : "";
+					const theme = typeof a?.theme === "string" && /^[a-z0-9-]{1,32}$/i.test(a.theme) ? a.theme : "";
+					const w = Math.round(Number(a?.w)), h = Math.round(Number(a?.h));
+					if (!frames.has(frame) || !theme || !(w >= 120 && h >= 80 && w <= ASK_MAX.side && h <= ASK_MAX.side && w * h <= ASK_MAX.area)) return json(res, 400, { error: `invalid ask for "${frame}"` });
+					asks.push({
+						frame,
+						theme,
+						w,
+						h
+					});
+				}
+				const origin = opts.origin?.() ?? `http://${req.headers.host ?? "localhost"}`;
+				const { ROUTE } = await import("./cli.mjs").then((n) => n.t);
+				const gen = opts.bakeGen?.() ?? 0;
+				return json(res, 200, {
+					gen,
+					answers: await bakeBatch({
+						root,
+						gen,
+						asks,
+						live: () => opts.bakeGen?.() ?? 0,
+						log: (a) => {
+							if (a.ok) console.log(`  bake: ${a.frame} ${a.theme} ${a.w}x${a.h} - ${a.targets.length} effects, ${a.rejected} stay live, ${a.ms} ms`);
+							else console.log(`  bake: ${a.frame} ${a.theme} ${a.w}x${a.h} - stays live: ${a.error}`);
+						},
+						urlFor: (ask) => {
+							const f = frames.get(ask.frame);
+							return f.kind === "html" ? `${origin}/${f.file}?theme=${encodeURIComponent(ask.theme)}` : `${origin}${ROUTE}/frame/?id=${encodeURIComponent(ask.frame)}&theme=${encodeURIComponent(ask.theme)}`;
+						},
+						urlBase: `${ROUTE}/bakes`
+					})
+				});
+			}
 			if (path === "poster" && req.method === "GET") {
 				if (!ownerGated(req)) return json(res, 403, { error: "forbidden" });
 				const src = url.searchParams.get("src") ?? "";
-				const { ensurePoster, isLocalClip } = await import("./poster-BEjUcQP3.mjs");
-				const { isLocalAssetRef } = await import("./build-D_g53Bp2.mjs");
+				const { ensurePoster, isLocalClip } = await import("./poster-DNh6N27C.mjs");
+				const { isLocalAssetRef } = await import("./build-7ed5H2vT.mjs");
 				if (!isLocalAssetRef(src) || !isLocalClip(src)) return json(res, 400, { error: "src must be a clip under design/assets/" });
 				const r = await ensurePoster(join(root, "design", "assets"), src);
 				if (!r.ok) return json(res, r.error.includes("does not exist") ? 404 : 503, { error: r.error });
@@ -681,6 +733,24 @@ function routesMiddleware(server, clientDir) {
 			} catch {
 				return next();
 			}
+		} else if (path.startsWith(`/__mv/bakes/`)) {
+			const m = /^\/(\d+)\/([a-f0-9]{16})\/(\d+)\.png$/.exec(path.slice(`${ROUTE}/bakes`.length));
+			if (!m) {
+				res.statusCode = 404;
+				return res.end();
+			}
+			try {
+				const base = realpathSync(join(server.config.root, "design", ".local", "bakes"));
+				const file = realpathSync(join(base, m[1], m[2], `${m[3]}.png`));
+				if (!file.startsWith(base + sep)) throw new Error("outside the cache");
+				const png = readFileSync(file);
+				res.setHeader("content-type", "image/png");
+				res.setHeader("cache-control", "public, max-age=31536000, immutable");
+				return res.end(png);
+			} catch {
+				res.statusCode = 404;
+				return res.end();
+			}
 		} else if (path === `/__mv/bridge.js`) {
 			res.setHeader("content-type", "text/javascript");
 			return res.end(readFileSync(join(clientDir, "frame-host", "bridge.js"), "utf8"));
@@ -846,27 +916,19 @@ function marverPlugin(ctx) {
 				const bridge = "/@fs/" + join(clientDir, "frame-host", "bridge.js").split("\\").join("/") + "?html=1";
 				return {
 					html,
-					tags: [
-						{
-							tag: "script",
-							children: `(function(){var a=Element.prototype.attachShadow;if(a)Element.prototype.attachShadow=function(i){if(i&&i.mode==='closed')window.__mvClosedShadow=1;return a.call(this,i)};})();`,
-							injectTo: "head-prepend"
+					tags: [{
+						tag: "script",
+						attrs: { type: "module" },
+						children: `import '${VIRTUAL_THEME}'`,
+						injectTo: "head-prepend"
+					}, {
+						tag: "script",
+						attrs: {
+							type: "module",
+							src: bridge
 						},
-						{
-							tag: "script",
-							attrs: { type: "module" },
-							children: `import '${VIRTUAL_THEME}'`,
-							injectTo: "head-prepend"
-						},
-						{
-							tag: "script",
-							attrs: {
-								type: "module",
-								src: bridge
-							},
-							injectTo: "head-prepend"
-						}
-					]
+						injectTo: "head-prepend"
+					}]
 				};
 			}
 		},
@@ -888,6 +950,7 @@ function marverPlugin(ctx) {
 			return [];
 		},
 		configureServer(server) {
+			let bakeGen = Date.now();
 			server.middlewares.use((req, res, next) => {
 				if (req.url && req.url.includes("/frame-host/registry.ts")) {
 					const orig = res.setHeader.bind(res);
@@ -917,7 +980,8 @@ function marverPlugin(ctx) {
 			};
 			server.middlewares.use(apiMiddleware(root, {
 				viewports: config.viewports,
-				origin: listeningOrigin
+				origin: listeningOrigin,
+				bakeGen: () => bakeGen
 			}));
 			server.middlewares.use(routesMiddleware(server, clientDir));
 			devServer = server;
@@ -955,6 +1019,21 @@ function marverPlugin(ctx) {
 				for (const mod of themeModules()) server.moduleGraph.invalidateModule(mod);
 				pushTheme();
 			};
+			const localDir = join(root, "design", ".local"), boardsDirGen = join(root, "design", "boards"), manifestPath = join(root, "design", "manifest.json");
+			const bumpGen = (f) => {
+				if (f.startsWith(localDir) || f.startsWith(boardsDirGen) || f === manifestPath || f.includes("/node_modules/")) return;
+				bakeGen++;
+				prune();
+			};
+			const prune = () => setTimeout(async () => {
+				try {
+					(await import("./bake-kaf5kGZ7.mjs")).pruneBakes(root, bakeGen);
+				} catch {}
+			}, 500);
+			prune();
+			server.watcher.on("add", bumpGen);
+			server.watcher.on("unlink", bumpGen);
+			server.watcher.on("change", bumpGen);
 			server.watcher.on("add", (f) => {
 				if (inScope(f)) {
 					regen();
@@ -967,7 +1046,7 @@ function marverPlugin(ctx) {
 					rescanTheme();
 				}
 			});
-			server.watcher.on("change", (f) => inScope(f) && (/\.(tsx|jsx)$/.test(f) || f.endsWith("_brief.md")) && regen());
+			server.watcher.on("change", (f) => inScope(f) && (/\.(tsx|jsx)$/.test(f) || f.endsWith("_brief.md") || isNoteFile(f)) && regen());
 			const configFile = join(root, "design", "config.ts");
 			server.watcher.on("change", (f) => {
 				if (f !== configFile) return;
@@ -1087,7 +1166,7 @@ function marverPlugin(ctx) {
 								});
 								return;
 							}
-							const { shootFrame, shootBatch, resolveFrames } = await import("./shot-DlmTO8AF.mjs");
+							const { shootFrame, shootBatch, resolveFrames } = await import("./shot-DMDvDbeP.mjs");
 							if (ways[0] === "frame") {
 								if (typeof spec.frame !== "string") {
 									write({

package/dist/{poster-BEjUcQP3.mjs → poster-DNh6N27C.mjs}

@@ -1,4 +1,4 @@
-import { capture, t as findChrome } from "./shot-DlmTO8AF.mjs";
+import { capture, t as findChrome } from "./shot-DMDvDbeP.mjs";
 import { constants, copyFileSync, existsSync, mkdtempSync, realpathSync, rmSync, writeFileSync } from "node:fs";
 import { basename, dirname, join, sep } from "node:path";
 import { pathToFileURL } from "node:url";