ryugi-artifacts 1.4.1 → 1.5.1

package/dist/server.cjs

@@ -1563,13 +1563,13 @@ var require_canvas = __commonJS({
 
 // src/server/main.ts
 var import_node_child_process = require("node:child_process");
-var import_node_fs12 = __toESM(require("node:fs"), 1);
-var import_node_path11 = __toESM(require("node:path"), 1);
+var import_node_fs13 = __toESM(require("node:fs"), 1);
+var import_node_path12 = __toESM(require("node:path"), 1);
 
 // src/server/app.ts
-var import_node_fs10 = __toESM(require("node:fs"), 1);
+var import_node_fs11 = __toESM(require("node:fs"), 1);
 var import_node_http = __toESM(require("node:http"), 1);
-var import_node_path10 = __toESM(require("node:path"), 1);
+var import_node_path11 = __toESM(require("node:path"), 1);
 
 // src/shared/types.ts
 var ARTIFACT_TYPES = ["artboard", "document", "html"];
@@ -3113,19 +3113,19 @@ var ElementDOMSlot = class _ElementDOMSlot extends DOMSlot {
   }
 };
 function indexPath(root, child) {
-  const path12 = [];
+  const path13 = [];
   let node = child;
   for (; node !== root && node !== null; node = node.parentNode) {
     let i6 = 0;
     for (let sibling = node.previousSibling; sibling !== null; sibling = sibling.previousSibling) {
       i6++;
     }
-    path12.push(i6);
+    path13.push(i6);
   }
   if (!(node === root)) {
     formatDevErrorMessage(`indexPath: root is not a parent of child`);
   }
-  return path12.reverse();
+  return path13.reverse();
 }
 // @__NO_SIDE_EFFECTS__
 function readLexicalVersion() {
@@ -17905,9 +17905,9 @@ function getActiveElementDeep(root) {
 function getComposedEventTarget(event) {
   const target = event.target;
   if (target !== null && isHTMLElement(target) && target.shadowRoot !== null && typeof event.composedPath === "function") {
-    const path12 = event.composedPath();
-    if (path12.length > 0) {
-      return path12[0];
+    const path13 = event.composedPath();
+    if (path13.length > 0) {
+      return path13[0];
     }
   }
   return target;
@@ -28003,10 +28003,10 @@ function _loadWasmModule(sync, filepath, src, imports2) {
   var buf = null;
   var isNode2 = typeof process !== "undefined" && process.versions != null && process.versions.node != null;
   if (filepath && isNode2) {
-    var fs15 = null;
-    var path12 = null;
+    var fs16 = null;
+    var path13 = null;
     return new Promise((resolve, reject) => {
-      fs15.readFile(path12.resolve(__dirname, filepath), (error, buffer) => {
+      fs16.readFile(path13.resolve(__dirname, filepath), (error, buffer) => {
         if (error != null) {
           reject(error);
         } else {
@@ -29309,10 +29309,10 @@ var LoroDoc = class _LoroDoc {
    * @param {string} path
    * @returns {Value | Container | undefined}
    */
-  getByPath(path12) {
+  getByPath(path13) {
     try {
       const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
-      const ptr0 = passStringToWasm0(path12, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+      const ptr0 = passStringToWasm0(path13, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
       const len0 = WASM_VECTOR_LEN;
       wasm.lorodoc_getByPath(retptr, this.__wbg_ptr, ptr0, len0);
       var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
@@ -36491,7 +36491,7 @@ decorateMethods(EphemeralStoreWasm.prototype, [
 ]);
 decorateMethods(UndoManager.prototype, ["undo", "redo"]);
 
-// node_modules/.pnpm/@haklex+rich-collab-loro@0.50.0_lexical@0.52.0_typescript@5.9.3__loro-crdt@1.16.4/node_modules/@haklex/rich-collab-loro/dist/index.mjs
+// node_modules/.pnpm/@haklex+rich-collab-loro@0.50.1_lexical@0.52.0_typescript@5.9.3__loro-crdt@1.16.4/node_modules/@haklex/rich-collab-loro/dist/index.mjs
 function transformOffset(previous, next, offset) {
   const limit = Math.min(previous.length, next.length);
   let prefix = 0;
@@ -67902,7 +67902,7 @@ var UNORDERED_LIST2 = mod28.UNORDERED_LIST;
 var isTableRowDivider2 = mod28.isTableRowDivider;
 var registerMarkdownShortcuts2 = mod28.registerMarkdownShortcuts;
 
-// node_modules/.pnpm/@haklex+rich-headless@0.50.0_lexical@0.52.0_typescript@5.9.3__typescript@5.9.3/node_modules/@haklex/rich-headless/dist/transformers.mjs
+// node_modules/.pnpm/@haklex+rich-headless@0.50.1_lexical@0.52.0_typescript@5.9.3__typescript@5.9.3/node_modules/@haklex/rich-headless/dist/transformers.mjs
 var NEVER = /a^/;
 var NOOP = () => {
 };
@@ -70559,7 +70559,7 @@ var signal2 = mod43.signal;
 var untracked2 = mod43.untracked;
 var watchedSignal3 = mod43.watchedSignal;
 
-// node_modules/.pnpm/@haklex+rich-headless@0.50.0_lexical@0.52.0_typescript@5.9.3__typescript@5.9.3/node_modules/@haklex/rich-headless/dist/index.mjs
+// node_modules/.pnpm/@haklex+rich-headless@0.50.1_lexical@0.52.0_typescript@5.9.3__typescript@5.9.3/node_modules/@haklex/rich-headless/dist/index.mjs
 var builtinNodes = [
   HeadingNode2,
   QuoteNode2,
@@ -71352,7 +71352,7 @@ function customAlphabet(alphabet, defaultSize = 21) {
 }
 var nanoid2 = customAlphabet(urlAlphabet2);
 
-// node_modules/.pnpm/@haklex+rich-litexml@0.50.0_typescript@5.9.3/node_modules/@haklex/rich-litexml/dist/src-COIhAhyB.js
+// node_modules/.pnpm/@haklex+rich-litexml@0.50.1_typescript@5.9.3/node_modules/@haklex/rich-litexml/dist/src-COIhAhyB.js
 var impl = null;
 function registerParseHTML(fn5) {
   impl = fn5;
@@ -83456,9 +83456,12 @@ function Document4() {
 }
 setPrototypeOf(Document4, Document2).prototype = Document2.prototype;
 
-// node_modules/.pnpm/@haklex+rich-litexml@0.50.0_typescript@5.9.3/node_modules/@haklex/rich-litexml/dist/node.mjs
+// node_modules/.pnpm/@haklex+rich-litexml@0.50.1_typescript@5.9.3/node_modules/@haklex/rich-litexml/dist/node.mjs
 registerParseHTML((html) => parseHTML2(html).document);
 
+// src/shared/dynamic.ts
+var DYNAMIC_URL = /^assets\/[\w-][\w.-]*\.html$/;
+
 // src/server/balance.ts
 var VOID_TAGS = /* @__PURE__ */ new Set(["br", "hr", "img"]);
 var TAG = /<(\/?)([a-z][\w-]*)\b[^>]*?(\/?)>/gi;
@@ -83520,9 +83523,13 @@ var BLOCK_TAGS2 = [
   "excalidraw",
   "chart",
   "math",
-  "alert"
+  "alert",
+  "details",
+  "footnote-section",
+  "def",
+  "dynamic"
 ];
-var INLINE_TAGS2 = ["b", "strong", "i", "em", "u", "s", "del", "strike", "code", "sub", "sup", "mark", "a", "br"];
+var INLINE_TAGS2 = ["b", "strong", "i", "em", "u", "s", "del", "strike", "code", "sub", "sup", "mark", "a", "br", "footnote"];
 var DOCUMENT_TAGS = /* @__PURE__ */ new Set([...BLOCK_TAGS2, ...INLINE_TAGS2]);
 var LITEXML_ONLY_TAGS = /* @__PURE__ */ new Set([
   "agent-diff",
@@ -83531,11 +83538,7 @@ var LITEXML_ONLY_TAGS = /* @__PURE__ */ new Set([
   "chat",
   "code-snippet",
   "comment",
-  "details",
-  "dynamic",
   "embed",
-  "footnote",
-  "footnote-section",
   "gallery",
   "grid",
   "link-card",
@@ -83550,6 +83553,11 @@ var LITEXML_ONLY_TAGS = /* @__PURE__ */ new Set([
 var registry = createDefaultRegistry();
 var DocumentRejected = class extends Error {
 };
+var URL_ATTR = /\surl\s*=\s*(?:"([^"]*)"|'([^']*)')/i;
+var DYNAMIC_BODY = /<dynamic\b[^>]*?(?<!\/)>([\s\S]*?)<\/dynamic>/gi;
+var FOOTNOTE_SECTION = /<footnote-section\b[\s\S]*?<\/footnote-section>/gi;
+var DEF_TAG = /<def[\s>/]/i;
+var CDATA_BODY = /^\s*<!\[CDATA\[([\s\S]*)\]\]>\s*$/;
 function unsupportedTag(xml) {
   for (const match of stripOpaque(xml).matchAll(TAG)) {
     const name = match[2].toLowerCase();
@@ -83559,15 +83567,44 @@ function unsupportedTag(xml) {
   }
   return null;
 }
+function strayDef(xml) {
+  return DEF_TAG.test(stripOpaque(xml).replace(FOOTNOTE_SECTION, "")) ? "<def> belongs inside <footnote-section>" : null;
+}
+function badDynamicProps(xml) {
+  for (const match of xml.matchAll(DYNAMIC_BODY)) {
+    const body = match[1];
+    const raw = (CDATA_BODY.exec(body)?.[1] ?? body).trim();
+    if (!raw) continue;
+    try {
+      const props = JSON.parse(raw);
+      if (props && typeof props === "object" && !Array.isArray(props)) continue;
+    } catch {
+    }
+    return "<dynamic> props must be a JSON object";
+  }
+  return null;
+}
+function badDynamicUrl(nodes) {
+  for (const node of nodes) {
+    if (node.type === "dynamic" && !DYNAMIC_URL.test(node.url ?? "")) return "<dynamic> url must be assets/<name>.html";
+    const nested = badDynamicUrl(node.children ?? []);
+    if (nested) return nested;
+  }
+  return null;
+}
 function parseDocument2(xml) {
   const wrapped = /^\s*<doc[\s>]/.test(xml) ? xml : `<doc>${xml}</doc>`;
-  const problem = unbalancedTag(wrapped) ?? unsupportedTag(wrapped);
+  const problem = unbalancedTag(wrapped) ?? unsupportedTag(wrapped) ?? strayDef(wrapped) ?? badDynamicProps(wrapped);
   if (problem) throw new DocumentRejected(problem);
+  let state;
   try {
-    return deserializeFromXml(wrapped, registry);
+    state = deserializeFromXml(wrapped, registry);
   } catch (err) {
     throw new DocumentRejected(err.message);
   }
+  const url = badDynamicUrl(state.root.children);
+  if (url) throw new DocumentRejected(url);
+  return state;
 }
 var serializeDocument = (state) => `${serializeToXml(state, registry, { compact: false })}
 `;
@@ -83920,6 +83957,27 @@ function createDocumentRegistry(options) {
 // src/server/inject.ts
 var RUNTIME = `(() => {
   const post = (message) => parent.postMessage(message, '*');
+  const readProps = () => {
+    const match = /[#&]ryugi-props=([^&]*)/.exec(location.hash);
+    try {
+      const props = match ? JSON.parse(decodeURIComponent(match[1])) : {};
+      return props && typeof props === 'object' && !Array.isArray(props) ? props : {};
+    } catch {
+      return {};
+    }
+  };
+  window.ryugiProps = readProps();
+  addEventListener('hashchange', () => {
+    window.ryugiProps = readProps();
+    document.dispatchEvent(new CustomEvent('ryugi-props', { detail: window.ryugiProps }));
+  });
+  let height = 0;
+  new ResizeObserver(() => {
+    const next = Math.ceil(document.documentElement.offsetHeight);
+    if (next === height) return;
+    height = next;
+    post({ type: 'ryugi:height', height });
+  }).observe(document.documentElement);
   addEventListener('error', (event) => {
     const el = event.target;
     if (el && el !== window && el.getAttribute) {
@@ -84001,10 +84059,11 @@ var RUNTIME = `(() => {
 var HEAD = /<head(\s[^>]*)?>/i;
 var PROLOGUE = /^\s*(<!doctype[^>]*>)?\s*(<html(\s[^>]*)?>)?/i;
 var RUNTIME_LINE = RUNTIME.split("\n").map((line) => line.trim()).join(" ");
+var EMBEDDED_STYLE = "<style>:root{color-scheme:light dark;background:transparent}body{margin:0;font-family:system-ui,-apple-system,sans-serif}</style>";
 var UI_MARKER = /<ryugi-[a-z0-9-]+(?:\s|>)/i;
 var UI_META = /<meta[^>]+name=["']ryugi-ui["'][^>]*>/i;
 function injectRuntime(html, options = {}) {
-  const tag = `<script>${RUNTIME_LINE}</script>`;
+  const tag = `${options.embedded ? EMBEDDED_STYLE : ""}<script>${RUNTIME_LINE}</script>`;
   const ui2 = options.uiRuntimeUrl && (UI_MARKER.test(html) || UI_META.test(html)) ? `<script defer src="${options.uiRuntimeUrl.replace(/"/g, "&quot;")}"></script>` : "";
   const head = HEAD.exec(html);
   const at7 = head ? head.index + head[0].length : PROLOGUE.exec(html)?.[0].length ?? 0;
@@ -84089,26 +84148,105 @@ function sendFile(res, file, headers = {}) {
   });
 }
 
-// src/server/watch.ts
+// src/server/dynamic-blocks.ts
 var import_node_fs9 = __toESM(require("node:fs"), 1);
 var import_node_path9 = __toESM(require("node:path"), 1);
-var toPosix = (file) => file.split(import_node_path9.default.sep).join("/");
+function dynamicUrls(xml) {
+  const urls = /* @__PURE__ */ new Set();
+  for (const match of stripOpaque(xml).matchAll(TAG)) {
+    if (match[1] || match[2].toLowerCase() !== "dynamic") continue;
+    const url = URL_ATTR.exec(match[0]);
+    const value = url?.[1] ?? url?.[2] ?? "";
+    if (DYNAMIC_URL.test(value)) urls.add(value);
+  }
+  return [...urls];
+}
+var mtimeOf = (file) => {
+  try {
+    return import_node_fs9.default.statSync(file).mtimeMs;
+  } catch {
+    return -1;
+  }
+};
+function createDynamicBlocks(limits) {
+  const byDocument = /* @__PURE__ */ new Map();
+  const files = (id2) => {
+    let map = byDocument.get(id2);
+    if (!map) {
+      map = /* @__PURE__ */ new Map();
+      byDocument.set(id2, map);
+    }
+    return map;
+  };
+  const entry = (id2, dir, file) => {
+    const map = files(id2);
+    const mtime = mtimeOf(import_node_path9.default.join(dir, file));
+    let state = map.get(file);
+    if (!state || state.mtime !== mtime) {
+      state = { mtime, errors: [], ran: false };
+      map.set(file, state);
+    }
+    return state;
+  };
+  return {
+    accepts: (file) => typeof file === "string" && DYNAMIC_URL.test(file),
+    report(id2, dir, file, message) {
+      const state = entry(id2, dir, file);
+      if (state.errors.includes(message) || state.errors.length >= limits.maxErrors) return false;
+      state.errors.push(message);
+      return true;
+    },
+    loaded(id2, dir, file) {
+      const state = entry(id2, dir, file);
+      if (state.ran) return false;
+      state.ran = true;
+      return true;
+    },
+    state(id2, dir) {
+      let xml = "";
+      try {
+        xml = import_node_fs9.default.readFileSync(import_node_path9.default.join(dir, "doc.xml"), "utf8");
+      } catch {
+        return { warnings: [], dynamic: {} };
+      }
+      const urls = dynamicUrls(xml);
+      const map = files(id2);
+      for (const [file, state] of map) {
+        if (!urls.includes(file) || state.mtime !== mtimeOf(import_node_path9.default.join(dir, file))) map.delete(file);
+      }
+      const warnings = [];
+      const dynamic = {};
+      for (const url of urls) {
+        if (!import_node_fs9.default.existsSync(import_node_path9.default.join(dir, url))) warnings.push(`${url} not found`);
+        const state = map.get(url);
+        for (const error of state?.errors ?? []) warnings.push(`runtime: ${url}: ${error}`);
+        dynamic[url] = { ran: state?.ran ?? false };
+      }
+      return { warnings, dynamic };
+    }
+  };
+}
+
+// src/server/watch.ts
+var import_node_fs10 = __toESM(require("node:fs"), 1);
+var import_node_path10 = __toESM(require("node:path"), 1);
+var toPosix = (file) => file.split(import_node_path10.default.sep).join("/");
 var ignored = (file) => file === ".state" || file.startsWith(".state/");
 function snapshot(root, dir = root, out = /* @__PURE__ */ new Map()) {
   let entries2;
   try {
-    entries2 = import_node_fs9.default.readdirSync(dir, { withFileTypes: true });
+    entries2 = import_node_fs10.default.readdirSync(dir, { withFileTypes: true });
   } catch {
     return out;
   }
   for (const entry of entries2) {
-    const full = import_node_path9.default.join(dir, entry.name);
-    const rel = toPosix(import_node_path9.default.relative(root, full));
+    const full = import_node_path10.default.join(dir, entry.name);
+    const rel = toPosix(import_node_path10.default.relative(root, full));
     if (ignored(rel)) continue;
     if (entry.isDirectory()) snapshot(root, full, out);
     else {
       try {
-        out.set(rel, import_node_fs9.default.statSync(full).mtimeMs);
+        out.set(rel, import_node_fs10.default.statSync(full).mtimeMs);
       } catch {
       }
     }
@@ -84141,7 +84279,7 @@ function watchTree(root, onChange, debounceMs = 120, backupPollMs = 1e3) {
     }, debounceMs);
   };
   try {
-    const watcher = import_node_fs9.default.watch(root, { recursive: true }, (_event, filename) => {
+    const watcher = import_node_fs10.default.watch(root, { recursive: true }, (_event, filename) => {
       if (filename) queue([toPosix(filename.toString())]);
     });
     watcher.on("error", () => {
@@ -84283,21 +84421,22 @@ function titleOf(payload, ref) {
   return payload.canvas?.title || ref.id;
 }
 async function startArtifactsServer(options) {
-  const root = import_node_path10.default.resolve(options.root);
-  const viewerDir = import_node_path10.default.resolve(options.viewerDir);
-  const runtimeDir = options.runtimeDir ? import_node_path10.default.resolve(options.runtimeDir) : null;
-  const stateDir = import_node_path10.default.join(root, ".state");
-  import_node_fs10.default.mkdirSync(stateDir, { recursive: true, mode: 448 });
-  import_node_fs10.default.writeFileSync(import_node_path10.default.join(stateDir, ".gitignore"), "*\n");
-  const portFile = import_node_path10.default.join(stateDir, ".last-port");
-  const tokenFile = import_node_path10.default.join(stateDir, ".last-token");
+  const root = import_node_path11.default.resolve(options.root);
+  const viewerDir = import_node_path11.default.resolve(options.viewerDir);
+  const runtimeDir = options.runtimeDir ? import_node_path11.default.resolve(options.runtimeDir) : null;
+  const stateDir = import_node_path11.default.join(root, ".state");
+  import_node_fs11.default.mkdirSync(stateDir, { recursive: true, mode: 448 });
+  import_node_fs11.default.writeFileSync(import_node_path11.default.join(stateDir, ".gitignore"), "*\n");
+  const portFile = import_node_path11.default.join(stateDir, ".last-port");
+  const tokenFile = import_node_path11.default.join(stateDir, ".last-token");
   const token = readPersisted(tokenFile) || randomToken();
-  import_node_fs10.default.writeFileSync(tokenFile, `${token}
+  import_node_fs11.default.writeFileSync(tokenFile, `${token}
 `, { mode: 384 });
   const contentToken = randomToken();
   const runtimeWarnings = /* @__PURE__ */ new Map();
   const ranVersions = /* @__PURE__ */ new Map();
-  const runtimeOf = (ref) => ref.type === "document" ? documents.warnings(ref.id) : runtimeWarnings.get(`${ref.type}/${ref.id}`) ?? [];
+  const dynamicBlocks = createDynamicBlocks({ maxErrors: MAX_RUNTIME_WARNINGS });
+  const runtimeOf = (ref, dir) => ref.type === "document" ? [...documents.warnings(ref.id), ...dynamicBlocks.state(ref.id, dir).warnings] : runtimeWarnings.get(`${ref.type}/${ref.id}`) ?? [];
   const contentPrefix = `/c/${contentToken}/`;
   const clients = /* @__PURE__ */ new Set();
   const changeListeners = [];
@@ -84429,16 +84568,17 @@ async function startArtifactsServer(options) {
       send(res, 404, "Not found");
       return;
     }
-    const headers = { "Content-Security-Policy": CONTENT_CSP[ref.type], "Access-Control-Allow-Origin": "*" };
-    if (ref.type !== "html" || relative !== "index.html") {
+    const page = ref.type === "html" ? relative === "index.html" : ref.type === "document" && relative.endsWith(".html");
+    const headers = { "Content-Security-Policy": CONTENT_CSP[page ? "html" : ref.type], "Access-Control-Allow-Origin": "*" };
+    if (!page) {
       sendFile(res, target, headers);
       return;
     }
-    import_node_fs10.default.readFile(target, "utf8", (err, source) => {
+    import_node_fs11.default.readFile(target, "utf8", (err, source) => {
       if (err) send(res, 404, "Not found");
       else {
         const uiRuntimeUrl = runtimeDir ? `${contentPrefix}runtime/ryugi-ui.js` : void 0;
-        send(res, 200, injectRuntime(source, { uiRuntimeUrl }), { "Content-Type": "text/html; charset=utf-8", ...headers });
+        send(res, 200, injectRuntime(source, { uiRuntimeUrl, embedded: ref.type === "document" }), { "Content-Type": "text/html; charset=utf-8", ...headers });
       }
     });
   };
@@ -84449,7 +84589,7 @@ async function startArtifactsServer(options) {
       return;
     }
     const ref = artifactKeyOf(`${type}/${id2}`);
-    sendJson(res, 200, { ...readArtifact(dir, ref, runtimeOf(ref)), contentBase: `${contentPrefix}${type}/${id2}/` });
+    sendJson(res, 200, { ...readArtifact(dir, ref, runtimeOf(ref, dir)), contentBase: `${contentPrefix}${type}/${id2}/` });
   };
   const serveList = (res) => {
     const { artifacts, warnings } = listArtifacts(root);
@@ -84468,12 +84608,25 @@ async function startArtifactsServer(options) {
       return;
     }
     if (typeof message !== "object" || message === null) return;
-    const { type, artifact, message: detail, version } = message;
+    const { type, artifact, message: detail, version, file } = message;
     if (typeof artifact !== "string") return;
     const ref = artifactKeyOf(artifact);
-    if (!ref || ref.type !== "html" || artifact !== `${ref.type}/${ref.id}`) return;
+    if (!ref || ref.type === "artboard" || artifact !== `${ref.type}/${ref.id}`) return;
     const dir = resolveArtifactDir(root, ref.type, ref.id);
     if (!dir) return;
+    if (ref.type === "document") {
+      if (!dynamicBlocks.accepts(file)) return;
+      if (type === "loaded") {
+        if (dynamicBlocks.loaded(ref.id, dir, file)) writeState(ref, dir);
+        return;
+      }
+      if (type !== "runtime-error" || typeof detail !== "string") return;
+      if (detail.length === 0 || detail.length > MAX_RUNTIME_MESSAGE) return;
+      if (!dynamicBlocks.report(ref.id, dir, file, detail)) return;
+      writeState(ref, dir);
+      broadcast({ type: "change", artifact, files: [] });
+      return;
+    }
     if (type === "loaded") {
       if (typeof version !== "number" || version !== readHtml(dir, ref.id).version) return;
       ranVersions.set(artifact, version);
@@ -84528,7 +84681,7 @@ async function startArtifactsServer(options) {
     if (SHELL_ROUTE.test(pathname) || pathname === "/index.html") {
       const headers = { "Content-Security-Policy": VIEWER_CSP };
       if (key2 !== null) headers["Set-Cookie"] = `${cookieName}=${token}; HttpOnly; SameSite=Strict; Path=/`;
-      sendFile(res, import_node_path10.default.join(viewerDir, "index.html"), headers);
+      sendFile(res, import_node_path11.default.join(viewerDir, "index.html"), headers);
       return;
     }
     const target = resolveInside(viewerDir, pathname.slice(1));
@@ -84567,15 +84720,15 @@ async function startArtifactsServer(options) {
     port = await listen(server, options.host, 0);
   }
   cookieName = `ryugi_artifacts_${port}`;
-  import_node_fs10.default.writeFileSync(portFile, `${port}
+  import_node_fs11.default.writeFileSync(portFile, `${port}
 `, { mode: 384 });
   const origin = `http://${urlHostForHttp(options.urlHost)}:${port}`;
   const url = `${origin}/?key=${token}`;
   const linkFor = (type, id2) => `${origin}/${type}/${id2}?key=${token}`;
   const signatures = /* @__PURE__ */ new Map();
   const writeState = (ref, dir) => {
-    const payload = readArtifact(dir, ref, runtimeOf(ref));
-    const extra = ref.type === "html" && "version" in payload ? { ran: ranVersions.get(`${ref.type}/${ref.id}`) === payload.version } : {};
+    const payload = readArtifact(dir, ref, runtimeOf(ref, dir));
+    const extra = ref.type === "document" ? { dynamic: dynamicBlocks.state(ref.id, dir).dynamic } : ref.type === "html" && "version" in payload ? { ran: ranVersions.get(`${ref.type}/${ref.id}`) === payload.version } : {};
     try {
       writeArtifactState(stateDir, ref, payload, extra);
     } catch (err) {
@@ -84593,7 +84746,7 @@ async function startArtifactsServer(options) {
     initialChanges.push({ ref: entry, payload, files: [] });
     if (entry.type === "document") void documents.open(entry.id);
   }
-  writeJsonAtomic(import_node_path10.default.join(stateDir, "server-info"), { type: "server-started", url, port, root });
+  writeJsonAtomic(import_node_path11.default.join(stateDir, "server-info"), { type: "server-started", url, port, root });
   const watcher = watchTree(
     root,
     (files) => {
@@ -84648,7 +84801,7 @@ async function startArtifactsServer(options) {
 }
 
 // src/server/lifecycle.ts
-var import_node_fs11 = __toESM(require("node:fs"), 1);
+var import_node_fs12 = __toESM(require("node:fs"), 1);
 var DEFAULT_IDLE_TIMEOUT_MS = 4 * 60 * 60 * 1e3;
 var DEFAULT_LIFECYCLE_CHECK_MS = 60 * 1e3;
 var SERVER_ID_ARG = "--artifacts-server-id=";
@@ -84678,7 +84831,7 @@ function parseEnv(env, argv = []) {
 function readOwners(file) {
   let text;
   try {
-    text = import_node_fs11.default.readFileSync(file, "utf8");
+    text = import_node_fs12.default.readFileSync(file, "utf8");
   } catch {
     return [];
   }
@@ -84742,12 +84895,12 @@ function openReady(payload) {
 // src/server/main.ts
 async function main() {
   const config = parseEnv(process.env, process.argv.slice(2));
-  const root = import_node_path11.default.resolve(config.root);
-  const stateDir = import_node_path11.default.join(root, ".state");
+  const root = import_node_path12.default.resolve(config.root);
+  const stateDir = import_node_path12.default.join(root, ".state");
   const server = await startArtifactsServer({
     root,
-    viewerDir: import_node_path11.default.join(__dirname, "viewer"),
-    runtimeDir: import_node_path11.default.join(__dirname, "runtime"),
+    viewerDir: import_node_path12.default.join(__dirname, "viewer"),
+    runtimeDir: import_node_path12.default.join(__dirname, "runtime"),
     host: config.host,
     urlHost: config.urlHost
   });
@@ -84774,12 +84927,12 @@ async function main() {
   });
   const shutdown = async (reason) => {
     console.log(JSON.stringify({ type: "server-stopped", reason }));
-    import_node_fs12.default.rmSync(import_node_path11.default.join(stateDir, "server-info"), { force: true });
-    writeJsonAtomic(import_node_path11.default.join(stateDir, "server-stopped"), { reason, timestamp: Date.now() });
+    import_node_fs13.default.rmSync(import_node_path12.default.join(stateDir, "server-info"), { force: true });
+    writeJsonAtomic(import_node_path12.default.join(stateDir, "server-stopped"), { reason, timestamp: Date.now() });
     await server.close();
     process.exit(0);
   };
-  const ownersFile = import_node_path11.default.join(stateDir, "owners");
+  const ownersFile = import_node_path12.default.join(stateDir, "owners");
   const timer = setInterval(() => {
     const owners = readOwners(ownersFile);
     const reason = shutdownReason({
@@ -84793,7 +84946,7 @@ async function main() {
   timer.unref();
   process.on("SIGTERM", () => void shutdown("SIGTERM"));
   process.on("SIGINT", () => void shutdown("SIGINT"));
-  import_node_fs12.default.rmSync(import_node_path11.default.join(stateDir, "server-stopped"), { force: true });
+  import_node_fs13.default.rmSync(import_node_path12.default.join(stateDir, "server-stopped"), { force: true });
   console.log(JSON.stringify({ type: "server-started", url: server.url, port: server.port, root }));
 }
 main().catch((err) => {