ryugi-artifacts 1.48.2 → 1.49.1

package/dist/cli.cjs

@@ -19645,7 +19645,7 @@ var updateCommand = {
   },
   run: ({ values }, emit) => update2(
     {
-      current: "1.48.2",
+      current: "1.49.1",
       file: __filename,
       env: process.env,
       registry: process.env.npm_config_registry || "https://registry.npmjs.org/",
@@ -19726,7 +19726,7 @@ async function main(argv) {
   const [name, ...rest] = argv;
   const command = COMMANDS.find((candidate) => candidate.name === name);
   const json = argv.includes("--json") || !command?.explicitJson && !process.stdout.isTTY;
-  notifyUpdate("1.48.2", json, argv);
+  notifyUpdate("1.49.1", json, argv);
   const emit = (value) => {
     const line = json ? JSON.stringify(value) : text(value);
     if (!json && typeof value.error === "string") console.error(line);
@@ -19745,7 +19745,7 @@ async function main(argv) {
       return await command.run(parse(rest, command.options, command.positionals), emit);
     }
     if (name === "--version" || name === "-v") {
-      console.info("1.48.2");
+      console.info("1.49.1");
       return 0;
     }
     if (name === "--help" || name === "-h") {

package/dist/server.cjs

@@ -8798,7 +8798,7 @@ var import_node_os2 = __toESM(require("node:os"), 1);
 var import_node_path25 = __toESM(require("node:path"), 1);
 
 // package.json
-var version = "1.48.2";
+var version = "1.49.1";
 
 // src/server/app.ts
 var import_node_fs26 = __toESM(require("node:fs"), 1);
@@ -9396,7 +9396,7 @@ function sendFile(res, file, headers = {}, range) {
 }
 
 // src/inspector/runtime.ts
-function installInspector(win, properties, commentCursor = "crosshair") {
+function installInspector(win, properties, commentCursor = "crosshair", pointerCursor = "default") {
   const doc = win.document;
   const session = `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;
   const ids = /* @__PURE__ */ new WeakMap();
@@ -9420,7 +9420,7 @@ function installInspector(win, properties, commentCursor = "crosshair") {
   const tracked = /* @__PURE__ */ new Map();
   const cursor = doc.createElement("style");
   cursor.setAttribute("data-ryugi-inspector", "");
-  cursor.textContent = "*{cursor:default!important}";
+  cursor.textContent = `*{cursor:${pointerCursor}!important}`;
   const post = (type, data) => win.parent.postMessage({ type: `ryugi:inspect:${type}`, session, connection, ...data }, "*");
   const idOf = (el2) => {
     let id2 = ids.get(el2);
@@ -9757,7 +9757,7 @@ function installInspector(win, properties, commentCursor = "crosshair") {
     }
     if (data.action === "mode" && (data.mode === "select" || data.mode === "comment")) {
       mode = data.mode;
-      cursor.textContent = `*{cursor:${mode === "comment" ? commentCursor : "default"}!important}`;
+      cursor.textContent = `*{cursor:${mode === "comment" ? commentCursor : pointerCursor}!important}`;
       return;
     }
     if (!enabled && data.action !== "reset") return;
@@ -10236,9 +10236,20 @@ var INSPECTOR_PROPERTIES = [
   "color",
   "box-shadow"
 ];
-var COMMENT_BUBBLE = "M14.5 3a10.5 10.5 0 1 1-4.2 20.1l-5 1.6c-.9.3-1.7-.5-1.4-1.4l1.6-5A10.5 10.5 0 0 1 14.5 3z";
-var COMMENT_CURSOR_SVG = `<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><path d='${COMMENT_BUBBLE}' fill='none' stroke='white' stroke-width='4' stroke-linejoin='round'/><path d='${COMMENT_BUBBLE}' fill='#c65d3b'/><path d='M14.5 9.3v8.4M10.3 13.5h8.4' stroke='white' stroke-width='2.4' stroke-linecap='round'/></svg>`;
-var COMMENT_CURSOR = `url("data:image/svg+xml,${encodeURIComponent(COMMENT_CURSOR_SVG)}") 4 24, crosshair`;
+var CURSOR_BLUE = "#0D99FF";
+var CURSOR_ARROW = "M6.2 3.6C5 2.7 3.4 3.6 3.6 5.1L6 22.7C6.2 24.3 8.2 24.8 9.1 23.5L13 18.3C13.4 17.8 14 17.5 14.6 17.5L21.1 17.3C22.7 17.2 23.4 15.2 22.2 14.3Z";
+var COMMENT_PIN = "M13 3a9 9 0 0 1 0 18H4.5A1.5 1.5 0 0 1 3 19.5V13A10 10 0 0 1 13 3z";
+var svgCursor = (svg, hotspot, fallback) => `url("data:image/svg+xml,${encodeURIComponent(svg)}") ${hotspot}, ${fallback}`;
+var POINTER_CURSOR = svgCursor(
+  `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 28 28'><path d='${CURSOR_ARROW}' fill='none' stroke='white' stroke-width='4' stroke-linejoin='round'/><path d='${CURSOR_ARROW}' fill='${CURSOR_BLUE}'/></svg>`,
+  "3 3",
+  "default"
+);
+var COMMENT_CURSOR = svgCursor(
+  `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='${COMMENT_PIN}' fill='none' stroke='white' stroke-width='3' stroke-linejoin='round'/><path d='${COMMENT_PIN}' fill='${CURSOR_BLUE}'/><path d='M13 8.2v7.6M9.2 12h7.6' stroke='white' stroke-width='2.2' stroke-linecap='round'/></svg>`,
+  "3 21",
+  "crosshair"
+);
 
 // src/shared/tweaks.ts
 function tweakTools() {
@@ -10455,7 +10466,7 @@ var RUNTIME_LINE = RUNTIME.split("\n").map((line) => line.trim()).join(" ");
 var UI_MARKER = /<ryugi-(?!icon(?:\s|>))[a-z0-9-]+(?:\s|>)/i;
 var UI_META = /<meta[^>]+name=["']ryugi-ui["'][^>]*>/i;
 function injectRuntime(html, options = {}) {
-  const inspect = options.inspector ? `;(${installTweaks.toString().replaceAll("\n", " ")})(window,${tweakTools.toString().replaceAll("\n", " ")});(${installInspector.toString().replaceAll("\n", " ")})(window,${JSON.stringify(INSPECTOR_PROPERTIES)},${JSON.stringify(COMMENT_CURSOR)});;(${installSnapshot.toString().replaceAll("\n", " ")})(window,${serializeBoard.toString().replaceAll("\n", " ")});` : "";
+  const inspect = options.inspector ? `;(${installTweaks.toString().replaceAll("\n", " ")})(window,${tweakTools.toString().replaceAll("\n", " ")});(${installInspector.toString().replaceAll("\n", " ")})(window,${JSON.stringify(INSPECTOR_PROPERTIES)},${JSON.stringify(COMMENT_CURSOR)},${JSON.stringify(POINTER_CURSOR)});;(${installSnapshot.toString().replaceAll("\n", " ")})(window,${serializeBoard.toString().replaceAll("\n", " ")});` : "";
   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.replaceAll('"', "&quot;")}"></script>` : "";
   const icons = options.uiRuntimeUrl && (ui2 || /<ryugi-icon(?:\s|>)|<meta[^>]+name=["']ryugi-icons["']/i.test(html)) ? `<script defer src="${options.uiRuntimeUrl.replace(/ryugi-ui\.js$/, "ryugi-icons.js").replaceAll('"', "&quot;")}"></script>` : "";
@@ -100327,7 +100338,7 @@ var PREVIEW_ROUTE = new RegExp(
   `^/preview/(artboard|document|html)/${ARTIFACT_LOCATOR_SOURCE}/?$`
 );
 var API_PREVIEW_ROUTE = /^\/api\/preview\/([^/]+)\/([^/]+)$/;
-var EMBED_ROUTE = /^\/embed\/artboard\/([\w-]{1,64})\/?$/;
+var EMBED_ROUTE = /^\/embed\/(artboard|document)\/([\w-]{1,64})\/?$/;
 var API_THUMBNAIL_ROUTE = /^\/api\/thumbnail\/([^/]+)\/([^/]+)\.svg$/;
 var API_DOCUMENT_ROUTE = /^\/api\/document\/([^/]+)\/(state|update|comments)$/;
 var MAX_COMMENT_OP = 64 * 1024;
@@ -101102,7 +101113,7 @@ async function startArtifactsServer(options) {
     }
     const embedMatch = EMBED_ROUTE.exec(pathname);
     const embed = !!embedMatch;
-    const embedded = embedMatch && embedTarget(embedMatch[1]);
+    const embedded = embedMatch && embedTarget(embedMatch[1], embedMatch[2]);
     if (pathname.startsWith("/embed/") && (!embedded || !options.cloud)) {
       send(res, 404, "Not found");
       return;
@@ -101306,11 +101317,10 @@ async function startArtifactsServer(options) {
     root
   });
   const relayViewers = /* @__PURE__ */ new Map();
-  const embedTarget = (id2) => {
-    if (isArtifactLocator(id2) && resolveArtifactAddress(root, "artboard", id2))
-      return { type: "artboard", id: id2 };
+  const embedTarget = (type, id2) => {
+    if (isArtifactLocator(id2) && resolveArtifactAddress(root, type, id2)) return { type, id: id2 };
     const served = artifactKeyOf(servedArtifacts().get(id2) ?? "");
-    return served?.type === "artboard" ? served : null;
+    return served?.type === type ? served : null;
   };
   const servedArtifacts = () => {
     const served = /* @__PURE__ */ new Map();
@@ -101396,7 +101406,7 @@ async function startArtifactsServer(options) {
     local: () => ({
       hostId: hostIdFor(options.cloud.credentialsFile),
       port,
-      ...loopback ? { embed: true } : { key: token }
+      ...loopback ? { embed: true, embedDocument: true } : { key: token }
     }),
     handle: handleRelay,
     onActivity: touch,