ryugi-artifacts 1.23.0 → 1.24.0

package/dist/cli.cjs

@@ -922,7 +922,7 @@ async function main(argv) {
       }, emit);
     }
     if (command === "--version" || command === "-v") {
-      console.log("1.23.0");
+      console.log("1.24.0");
       return 0;
     }
     if (command === "--help" || command === "-h") {

package/dist/server.cjs

@@ -88584,6 +88584,156 @@ var INSPECTOR_PROPERTIES = [
 var COMMENT_CURSOR_SVG = "<svg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'><path d='M2 24V13a11 11 0 1 1 11 11z' fill='white' stroke='black' stroke-width='1.5' stroke-linejoin='round'/><path d='M13 8.5v9M8.5 13h9' stroke='black' stroke-width='1.8' stroke-linecap='round'/></svg>";
 var COMMENT_CURSOR = `url("data:image/svg+xml,${encodeURIComponent(COMMENT_CURSOR_SVG)}") 2 24, crosshair`;
 
+// src/shared/tweaks.ts
+function tweakTools() {
+  const object2 = (value) => !!value && typeof value === "object" && !Array.isArray(value);
+  const text2 = (value, max = 512) => typeof value === "string" && value.length <= max;
+  const number = (value) => typeof value === "number" && Number.isFinite(value) && Math.abs(value) <= 1e9;
+  const color = (value) => typeof value === "string" && /^#[\da-f]{6}$/i.test(value);
+  function valid(control, value) {
+    if (control.type === "text") return text2(value);
+    if (control.type === "color") return color(value);
+    if (control.type === "boolean") return typeof value === "boolean";
+    if (control.type === "enum") return typeof value === "string" && !!control.options?.some((option) => option.value === value);
+    if (!number(value) || control.min !== void 0 && value < control.min || control.max !== void 0 && value > control.max) return false;
+    const steps = control.step === void 0 ? 0 : (value - (control.min ?? 0)) / control.step;
+    return Math.abs(steps - Math.round(steps)) < 1e-7;
+  }
+  function readTweakSchema2(input) {
+    if (input === null) return { schema: null, error: null };
+    const fail = (message) => ({ schema: null, error: message });
+    if (!object2(input) || input.version !== 1 || !object2(input.controls)) return fail("Expected version 1 and a controls object.");
+    const entries2 = Object.entries(input.controls);
+    if (entries2.length > 32) return fail("Declare at most 32 parameters.");
+    const controls = [];
+    const keys2 = /* @__PURE__ */ new Set();
+    for (const [key2, raw] of entries2) {
+      const bad = (message) => fail(`Parameter ${key2.slice(0, 64)}: ${message}`);
+      if (!/^[A-Za-z][\w-]{0,63}$/.test(key2) || ["constructor", "prototype"].includes(key2)) return bad("invalid key.");
+      if (keys2.has(key2.toLowerCase())) return bad("duplicate case-insensitive key.");
+      keys2.add(key2.toLowerCase());
+      if (!object2(raw) || !["color", "range", "number", "boolean", "enum", "text"].includes(String(raw.type))) return bad("unsupported type.");
+      if (raw.label !== void 0 && !text2(raw.label, 128)) return bad("label must be short text.");
+      if (raw.section !== void 0 && !text2(raw.section, 128)) return bad("section must be short text.");
+      const control = { type: raw.type, label: raw.label ?? key2, default: raw.default };
+      if (raw.section !== void 0) control.section = raw.section;
+      if (control.type === "number" || control.type === "range") {
+        for (const field of ["min", "max", "step"]) {
+          if (raw[field] !== void 0) {
+            if (!number(raw[field])) return bad(`${field} must be a finite number.`);
+            control[field] = raw[field];
+          }
+        }
+        if (control.type === "range") {
+          if (control.min === void 0 || control.max === void 0) return bad("range needs min and max.");
+          control.step ??= 1;
+        }
+        if (control.min !== void 0 && control.max !== void 0 && control.min >= control.max || control.step !== void 0 && control.step < 1e-6) return bad("invalid bounds or step.");
+      }
+      if (control.type === "enum" || control.type === "color" && raw.options !== void 0) {
+        if (!Array.isArray(raw.options) || !raw.options.length || raw.options.length > 32) return bad("options must contain 1\u201332 choices.");
+        const options = [];
+        for (const option of raw.options) {
+          const value = typeof option === "string" ? option : object2(option) ? option.value : null;
+          const label = typeof option === "string" ? option : object2(option) ? option.label ?? value : null;
+          if (!text2(value) || !text2(label, 128) || control.type === "color" && !color(value) || options.some((entry) => entry.value === value)) return bad("invalid or duplicate option.");
+          options.push({ value, label });
+        }
+        control.options = options;
+      }
+      if (!valid(control, control.default)) return bad("default does not match its type, options or bounds.");
+      controls.push([key2, control]);
+    }
+    return { schema: { version: 1, controls: Object.fromEntries(controls) }, error: null };
+  }
+  function readTweakValues2(schema, input) {
+    if (!object2(input) || Object.keys(input).length !== Object.keys(schema.controls).length) return null;
+    const entries2 = [];
+    for (const [key2, control] of Object.entries(schema.controls)) {
+      if (!Object.hasOwn(input, key2) || !valid(control, input[key2])) return null;
+      entries2.push([key2, input[key2]]);
+    }
+    return Object.fromEntries(entries2);
+  }
+  function reconcileTweakValues2(schema, previous = {}, previousSchema) {
+    return Object.fromEntries(Object.entries(schema.controls).map(([key2, control]) => {
+      const value = previous[key2];
+      const changed = !previousSchema || value !== previousSchema.controls[key2]?.default;
+      return [key2, changed && valid(control, value) ? value : control.default];
+    }));
+  }
+  return { readTweakSchema: readTweakSchema2, readTweakValues: readTweakValues2, reconcileTweakValues: reconcileTweakValues2 };
+}
+var { readTweakSchema, readTweakValues, reconcileTweakValues } = tweakTools();
+
+// src/runtime/tweaks.ts
+function installTweaks(win, makeTools) {
+  if (Object.getOwnPropertyDescriptor(win, "ryugiTweaks")) return;
+  const { readTweakSchema: readTweakSchema2, readTweakValues: readTweakValues2, reconcileTweakValues: reconcileTweakValues2 } = makeTools();
+  const doc = win.document;
+  const session = `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;
+  let connection = "";
+  let source;
+  let declarationCount = -1;
+  let schema = null;
+  let error = null;
+  let values = {};
+  function apply(next, emit) {
+    for (const key2 of Object.keys(values)) {
+      if (!(key2 in next)) {
+        doc.documentElement.style.removeProperty(`--tweak-${key2}`);
+        doc.documentElement.removeAttribute(`data-tweak-${key2}`);
+      }
+    }
+    values = next;
+    for (const [key2, value] of Object.entries(next)) {
+      doc.documentElement.style.setProperty(`--tweak-${key2}`, String(value));
+      doc.documentElement.setAttribute(`data-tweak-${key2}`, String(value));
+    }
+    if (emit) doc.dispatchEvent(new win.CustomEvent("ryugi-tweaks", { detail: { ...values } }));
+  }
+  function read2() {
+    const scripts = doc.querySelectorAll('script[type="application/json"][data-ryugi-tweaks]');
+    const next = scripts.length ? scripts[0].textContent : null;
+    if (next === source && scripts.length === declarationCount) return;
+    source = next;
+    declarationCount = scripts.length;
+    try {
+      if (scripts.length > 1) throw new Error("Use one data-ryugi-tweaks declaration per board.");
+      if (next && next.length > 65536) throw new Error("Parameter declaration is too large.");
+      const result = readTweakSchema2(next === null ? null : JSON.parse(next));
+      schema = result.schema;
+      error = result.error;
+    } catch (cause) {
+      schema = null;
+      error = cause instanceof SyntaxError ? "Invalid parameter JSON." : String(cause.message);
+    }
+    apply(schema ? reconcileTweakValues2(schema) : {}, false);
+  }
+  const report = () => win.parent.postMessage({ type: "ryugi:tweaks:ready", connection, session, schema, error, values: { ...values } }, "*");
+  Object.defineProperty(win, "ryugiTweaks", { get: () => {
+    read2();
+    return { ...values };
+  } });
+  doc.addEventListener("DOMContentLoaded", () => {
+    read2();
+    if (connection) report();
+  }, { once: true });
+  win.addEventListener("message", (event) => {
+    if (event.source !== win.parent) return;
+    const data = event.data;
+    if (!data || data.type !== "ryugi:tweaks") return;
+    if (data.action === "connect" && typeof data.connection === "string" && data.connection.length > 0 && data.connection.length <= 128) {
+      connection = data.connection;
+      read2();
+      report();
+    } else if (data.action === "set" && data.connection === connection && data.session === session && connection && schema) {
+      const next = readTweakValues2(schema, data.values);
+      if (next && Object.keys(next).some((key2) => next[key2] !== values[key2])) apply(next, true);
+    }
+  });
+}
+
 // src/server/inject.ts
 var RUNTIME = `(() => {
   const post = (message) => parent.postMessage(message, '*');
@@ -88693,7 +88843,7 @@ var EMBEDDED_STYLE = "<style>:root{color-scheme:light dark;background:transparen
 var UI_MARKER = /<ryugi-[a-z0-9-]+(?:\s|>)/i;
 var UI_META = /<meta[^>]+name=["']ryugi-ui["'][^>]*>/i;
 function injectRuntime(html, options = {}) {
-  const inspect = options.inspector ? `;(${installInspector.toString().replace(/\n/g, " ")})(window,${JSON.stringify(INSPECTOR_PROPERTIES)},${JSON.stringify(COMMENT_CURSOR)});` : "";
+  const inspect = options.inspector ? `;(${installTweaks.toString().replace(/\n/g, " ")})(window,${tweakTools.toString().replace(/\n/g, " ")});(${installInspector.toString().replace(/\n/g, " ")})(window,${JSON.stringify(INSPECTOR_PROPERTIES)},${JSON.stringify(COMMENT_CURSOR)});` : "";
   const tag = `${options.embedded ? EMBEDDED_STYLE : ""}<script>${inspect || RUNTIME_LINE}</script>`;
   const ui2 = options.uiRuntimeUrl && !options.inspector && (UI_MARKER.test(html) || UI_META.test(html)) ? `<script defer src="${options.uiRuntimeUrl.replace(/"/g, "&quot;")}"></script>` : "";
   const head = HEAD.exec(html);
@@ -89997,6 +90147,35 @@ function createCloudRoutes(options) {
   };
 }
 
+// src/shared/type-icons.ts
+var TYPE_GLYPHS = {
+  artboard: {
+    fill: "M9.3 9a1.3 1.3 0 1 1-2.6 0a1.3 1.3 0 1 1 2.6 0z M13.3 7a1.3 1.3 0 1 1-2.6 0a1.3 1.3 0 1 1 2.6 0z M17.3 9.5a1.3 1.3 0 1 1-2.6 0a1.3 1.3 0 1 1 2.6 0z M8.8 13a1.3 1.3 0 1 1-2.6 0a1.3 1.3 0 1 1 2.6 0z",
+    stroke: "M12 3.5c-5 0-8.5 3.8-8.5 8.5s3.6 8.5 7.6 8.5c1.2 0 1.6-.8 1.6-1.9v-1.3c0-1.3 1-2.3 2.3-2.3h2.3c2.2 0 3.7-1.5 3.7-3.6 0-4.4-4-7.9-9-7.9z"
+  },
+  document: {
+    fill: "",
+    stroke: "M7 3h10a2.5 2.5 0 0 1 2.5 2.5v13a2.5 2.5 0 0 1-2.5 2.5H7a2.5 2.5 0 0 1-2.5-2.5v-13A2.5 2.5 0 0 1 7 3z M8.5 8.5h7M8.5 12h7M8.5 15.5h4"
+  },
+  html: {
+    fill: "",
+    stroke: "M8 7.5 3.5 12 8 16.5M16 7.5l4.5 4.5-4.5 4.5M13.5 5.5l-3 13"
+  }
+};
+var INK = "#C65D3B";
+var TINT = "#FBEDE6";
+function typeFaviconHref(type) {
+  const { fill, stroke } = TYPE_GLYPHS[type];
+  const svg = [
+    '<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -2 28 28">',
+    `<rect x="-2" y="-2" width="28" height="28" rx="6" fill="${TINT}"/>`,
+    fill && `<path d="${fill}" fill="${INK}"/>`,
+    `<path d="${stroke}" fill="none" stroke="${INK}" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>`,
+    "</svg>"
+  ].join("");
+  return `data:image/svg+xml,${encodeURIComponent(svg)}`;
+}
+
 // src/server/comment-names.ts
 var import_node_child_process = require("node:child_process");
 var import_node_fs19 = __toESM(require("node:fs"), 1);
@@ -90100,7 +90279,7 @@ function viewerPage(template, page) {
     "twitter:title": page.title,
     "twitter:description": page.description
   };
-  return template.replace(/<title\b[^>]*>[\s\S]*?<\/title>/i, () => `<title>${escapeHtml2(page.title)}</title>`).replace(/(<meta\b[^>]*\b(?:name|property)="([^"]+)"[^>]*\bcontent=")([^"]*)("[^>]*>)/gi, (tag, prefix, name, value, suffix) => {
+  return template.replace(/<title\b[^>]*>[\s\S]*?<\/title>/i, () => `<title>${escapeHtml2(page.title)}</title>`).replace(/(<link\b[^>]*\brel="icon"[^>]*\bhref=")[^"]*(")/i, (tag, prefix, suffix) => page.icon ? `${prefix}${escapeHtml2(page.icon)}${suffix}` : tag).replace(/(<meta\b[^>]*\b(?:name|property)="([^"]+)"[^>]*\bcontent=")([^"]*)("[^>]*>)/gi, (tag, prefix, name, value, suffix) => {
     const content = values[name] ?? (name === "og:image" || name === "twitter:image" ? new URL(value, page.url).href : void 0);
     return content === void 0 ? tag : `${prefix}${escapeHtml2(content)}${suffix}`;
   }).replace(/<\/head>/i, () => `<link rel="canonical" href="${escapeHtml2(page.url)}">
@@ -90859,7 +91038,7 @@ async function startArtifactsServer(options) {
       const headers = { "Content-Type": "text/html; charset=utf-8" };
       if (key2 !== null) headers["Set-Cookie"] = `${cookieName}=${token}; HttpOnly; SameSite=Strict; Path=/`;
       void import_node_fs23.default.promises.readFile(import_node_path20.default.join(viewerDir, "index.html"), "utf8").then((template) => {
-        const html = viewerPage(template, { title, description, url: canonical });
+        const html = viewerPage(template, { title, description, url: canonical, icon: ref ? typeFaviconHref(ref.type) : void 0 });
         send(res, 200, html, { ...headers, "Content-Security-Policy": allowInlineScripts(csp, html) });
       }).catch((err) => send(res, err.code === "ENOENT" ? 404 : 500, "Viewer unavailable"));
       return;
@@ -91190,7 +91369,7 @@ function openReady(payload) {
 }
 
 // package.json
-var version = "1.23.0";
+var version = "1.24.0";
 
 // src/server/main.ts
 async function main() {

package/dist/viewer/{CloudDocument-8sAcjiul.js → CloudDocument-B79kSG8x.js}

@@ -1 +1 @@
-import{i as e}from"./rolldown-runtime-COiEfhsA.js";import{n as t,t as n}from"./jsx-runtime-CldxteV5.js";import{a as r,b as i}from"./useSandboxFrame-3laBcf3x.js";import{_ as a,d as o,f as s,g as c,t as l,v as u,y as d}from"./DocumentLayout-C91NsDbH.js";var f=e(t(),1),p=n();function m(){let e=(0,f.useMemo)(()=>window.matchMedia(`(prefers-color-scheme: dark)`),[]),[t,n]=(0,f.useState)(e.matches);return(0,f.useEffect)(()=>{let t=()=>n(e.matches);return e.addEventListener(`change`,t),()=>e.removeEventListener(`change`,t)},[e]),t}function h({id:e,state:t,contentBase:n,comments:h=i(),offline:g=!1}){let _=m(),[v,y]=(0,f.useState)(null),b=(0,f.useMemo)(()=>({artifact:`cloud/${e}`,contentBase:n,channel:a(),send:()=>void 0}),[e,n]),x=r(e,{comments:h.threads.filter(e=>e.status===`open`).length,activity:null,retrying:!1,reason:null});return(0,f.useEffect)(()=>{let e=document.createElement(`base`);return e.href=n,document.head.prepend(e),()=>e.remove()},[n]),(0,p.jsxs)(`div`,{className:`x1us19tq x1rozbrz xo2rkog`,className:`ryugi-doc ${{className:`x1us19tq x1rozbrz xo2rkog`}.className??``}`,children:[g?(0,p.jsxs)(`div`,{...{0:{className:`x78zum5 x6s0dn4 x17d4w8g x1vqgdyp x4l9tsp x1bo0w0s xqfszdh xfifm61`},1:{className:`x6s0dn4 x17d4w8g x1vqgdyp x4l9tsp x1bo0w0s xqfszdh xfifm61 x1s85apg x1ux6vrq`}}[!!x|0],children:[(0,p.jsx)(`i`,{className:`xci0xqf x1hagigm x16rqkct xxwmxtg`}),`电脑离线，暂时不能评论`]}):null,(0,p.jsx)(l,{editor:v,threads:h.threads,children:(0,p.jsx)(c.Provider,{value:b,children:(0,p.jsx)(d,{variant:`article`,theme:_?`dark`:`light`,initialValue:t,extraNodes:o,rendererConfig:s,onEditorReady:e=>{e?.setEditable(!1),y(e??null)},children:(0,p.jsx)(u,{})})})})]})}export{h as default};
+import{i as e}from"./rolldown-runtime-COiEfhsA.js";import{n as t,t as n}from"./jsx-runtime-CldxteV5.js";import{a as r,x as i}from"./useSandboxFrame-DgFpRYDp.js";import{_ as a,d as o,f as s,g as c,t as l,v as u,y as d}from"./DocumentLayout-ChR45hJs.js";var f=e(t(),1),p=n();function m(){let e=(0,f.useMemo)(()=>window.matchMedia(`(prefers-color-scheme: dark)`),[]),[t,n]=(0,f.useState)(e.matches);return(0,f.useEffect)(()=>{let t=()=>n(e.matches);return e.addEventListener(`change`,t),()=>e.removeEventListener(`change`,t)},[e]),t}function h({id:e,state:t,contentBase:n,comments:h=i(),offline:g=!1}){let _=m(),[v,y]=(0,f.useState)(null),b=(0,f.useMemo)(()=>({artifact:`cloud/${e}`,contentBase:n,channel:a(),send:()=>void 0}),[e,n]),x=r(e,{comments:h.threads.filter(e=>e.status===`open`).length,activity:null,retrying:!1,reason:null});return(0,f.useEffect)(()=>{let e=document.createElement(`base`);return e.href=n,document.head.prepend(e),()=>e.remove()},[n]),(0,p.jsxs)(`div`,{className:`x1us19tq x1rozbrz xo2rkog`,className:`ryugi-doc ${{className:`x1us19tq x1rozbrz xo2rkog`}.className??``}`,children:[g?(0,p.jsxs)(`div`,{...{0:{className:`x78zum5 x6s0dn4 x17d4w8g x1vqgdyp x4l9tsp x1bo0w0s xqfszdh xfifm61`},1:{className:`x6s0dn4 x17d4w8g x1vqgdyp x4l9tsp x1bo0w0s xqfszdh xfifm61 x1s85apg x1ux6vrq`}}[!!x|0],children:[(0,p.jsx)(`i`,{className:`xci0xqf x1hagigm x16rqkct xxwmxtg`}),`电脑离线，暂时不能评论`]}):null,(0,p.jsx)(l,{editor:v,threads:h.threads,children:(0,p.jsx)(c.Provider,{value:b,children:(0,p.jsx)(d,{variant:`article`,theme:_?`dark`:`light`,initialValue:t,extraNodes:o,rendererConfig:s,onEditorReady:e=>{e?.setEditable(!1),y(e??null)},children:(0,p.jsx)(u,{})})})})]})}export{h as default};

package/dist/viewer/{CloudLiveDocument-Dj14-ja9.js → CloudLiveDocument-wFlkQc_7.js}

@@ -1 +1 @@
-import{i as e}from"./rolldown-runtime-COiEfhsA.js";import{n as t,t as n}from"./jsx-runtime-CldxteV5.js";import{a as r}from"./useSandboxFrame-3laBcf3x.js";import{t as i}from"./index.js";import a from"./CloudDocument-8sAcjiul.js";import{DocumentView as o,t as s}from"./DocumentPage-CBQxShAy.js";var c=e(t(),1),l=`1.23.0`,u=e=>/^(\d+)\.(\d+)\./.exec(e??``)?.slice(1,3).join(`.`)??null;function d(e,t){let n=u(e);return n!==null&&n===u(t)}var f=(e,t)=>`电脑上的 ryugi 是 ${t??`未知版本`}，网页是 ${e}，版本对上之前只能评论`,p=n();function m({id:e,state:t,contentBase:n,liveContentBase:u,comments:m}){let{transport:h,presence:g}=s(e,u??n??``),_=g?.online??!1;r(e,{online:g?.online??null});let[v,y]=(0,c.useState)(!1);if((0,c.useEffect)(()=>{_&&y(!0)},[_]),!h||!(v||_))return!t||!n?(0,p.jsx)(i,{children:g===null?`正在连接…`:`还没发布。电脑在线时，这里会实时显示。`}):(0,p.jsx)(a,{id:e,state:t,contentBase:n,comments:m,offline:g!==null&&!_});let b=_&&d(l,g?.version??null),x=_&&!b?f(l,g?.version??null):null;return(0,p.jsx)(o,{id:e,transport:h,live:_,cloud:{online:_,canEdit:b,reason:x}})}export{m as default};
+import{i as e}from"./rolldown-runtime-COiEfhsA.js";import{n as t,t as n}from"./jsx-runtime-CldxteV5.js";import{a as r}from"./useSandboxFrame-DgFpRYDp.js";import{t as i}from"./index.js";import a from"./CloudDocument-B79kSG8x.js";import{DocumentView as o,t as s}from"./DocumentPage-D--i0Lg9.js";var c=e(t(),1),l=`1.24.0`,u=e=>/^(\d+)\.(\d+)\./.exec(e??``)?.slice(1,3).join(`.`)??null;function d(e,t){let n=u(e);return n!==null&&n===u(t)}var f=(e,t)=>`电脑上的 ryugi 是 ${t??`未知版本`}，网页是 ${e}，版本对上之前只能评论`,p=n();function m({id:e,state:t,contentBase:n,liveContentBase:u,comments:m}){let{transport:h,presence:g}=s(e,u??n??``),_=g?.online??!1;r(e,{online:g?.online??null});let[v,y]=(0,c.useState)(!1);if((0,c.useEffect)(()=>{_&&y(!0)},[_]),!h||!(v||_))return!t||!n?(0,p.jsx)(i,{children:g===null?`正在连接…`:`还没发布。电脑在线时，这里会实时显示。`}):(0,p.jsx)(a,{id:e,state:t,contentBase:n,comments:m,offline:g!==null&&!_});let b=_&&d(l,g?.version??null),x=_&&!b?f(l,g?.version??null):null;return(0,p.jsx)(o,{id:e,transport:h,live:_,cloud:{online:_,canEdit:b,reason:x}})}export{m as default};