drafted 1.11.36 → 1.11.38

package/mcp/server.mjs

@@ -19,7 +19,7 @@ import { z } from 'zod';
 import { registerAppResource, RESOURCE_MIME_TYPE } from '@modelcontextprotocol/ext-apps/server';
 import WebSocket from 'ws';
 import { LAYERS } from '../src/shared/constants.mjs';
-import { emptyExcalidrawScene, excalidrawSceneFromMermaid, stringifyExcalidrawScene } from '../src/shared/excalidraw.mjs';
+import { emptyExcalidrawScene, stringifyExcalidrawScene } from '../src/shared/excalidraw.mjs';
 import { createGateState, markSearched, g1Block, g2Block, g3Block, selectWithinBudget, wouldExceedBudget, budgetError, formatWikiIndex, PROJECT_CONTEXT_BUDGET_CHARS } from './gates.mjs';
 import { loadPersistedProject, savePersistedProject } from './active-project-store.mjs';
 
@@ -515,26 +515,89 @@ function mcpMode() {
   return process.argv.includes('--http') ? 'http' : 'stdio';
 }
 
+// ponytail: reports that fail to send (e.g. server unreachable) queue here on disk
+// instead of dropping silently, and get retried on the next tool call.
+const PENDING_REPORTS_PATH = () => join(homedir(), '.drafted', 'pending-reports.jsonl');
+const MAX_PENDING_REPORTS = 50;
+
+function readPendingReports() {
+  try {
+    return readFileSync(PENDING_REPORTS_PATH(), 'utf8')
+      .split('\n')
+      .filter(Boolean)
+      .map((line) => { try { return JSON.parse(line); } catch { return null; } })
+      .filter(Boolean);
+  } catch {
+    return [];
+  }
+}
+
+function writePendingReports(reports) {
+  const reportsPath = PENDING_REPORTS_PATH();
+  if (!reports.length) {
+    try { unlinkSync(reportsPath); } catch { /* nothing to remove */ }
+    return;
+  }
+  try {
+    mkdirSync(dirname(reportsPath), { recursive: true });
+    writeFileSync(reportsPath, reports.slice(-MAX_PENDING_REPORTS).map((r) => JSON.stringify(r)).join('\n') + '\n', { mode: 0o600 });
+  } catch { /* best effort */ }
+}
+
+async function flushPendingReports(serverUrl) {
+  const pending = readPendingReports();
+  if (!pending.length) return;
+  const stillPending = [];
+  for (const body of pending) {
+    try {
+      await fetch(`${serverUrl}/api/installations/report`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json', 'User-Agent': `Drafted MCP/${PACKAGE_VERSION}` },
+        body: JSON.stringify(body),
+      });
+    } catch {
+      stillPending.push(body);
+    }
+  }
+  writePendingReports(stillPending);
+}
+
+// Serializes all report sends/flushes so rapid back-to-back tool calls (the common
+// case during an outage, when a client retries repeatedly) don't race on a
+// read-modify-write of the same pending-reports file and drop queued events.
+let installReportChain = Promise.resolve();
+
+async function sendInstallationReport(serverUrl, body) {
+  await flushPendingReports(serverUrl);
+  try {
+    await fetch(`${serverUrl}/api/installations/report`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json', 'User-Agent': `Drafted MCP/${PACKAGE_VERSION}` },
+      body: JSON.stringify(body),
+    });
+  } catch {
+    writePendingReports([...readPendingReports(), body]);
+  }
+}
+
 function reportInstallationEvent(event, extra = {}) {
   const info = getInstallInfo();
   if (!info) return;
-  fetch(`${getServerUrl()}/api/installations/report`, {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json', 'User-Agent': `Drafted MCP/${PACKAGE_VERSION}` },
-    body: JSON.stringify({
-      installId: info.installId,
-      event,
-      schemaVersion: 1,
-      cliVersion: PACKAGE_VERSION,
-      osFamily: osFamily(),
-      osVersion: osRelease().slice(0, 60),
-      arch: normalizedArch(),
-      nodeVersion: process.version,
-      mcpMode: mcpMode(),
-      source: 'mcp',
-      ...extra,
-    }),
-  }).catch(() => {});
+  const serverUrl = getServerUrl();
+  const body = {
+    installId: info.installId,
+    event,
+    schemaVersion: 1,
+    cliVersion: PACKAGE_VERSION,
+    osFamily: osFamily(),
+    osVersion: osRelease().slice(0, 60),
+    arch: normalizedArch(),
+    nodeVersion: process.version,
+    mcpMode: mcpMode(),
+    source: 'mcp',
+    ...extra,
+  };
+  installReportChain = installReportChain.then(() => sendInstallationReport(serverUrl, body)).catch(() => {});
 }
 
 function classifyMcpError(error) {
@@ -2046,7 +2109,6 @@ tool('frame', 'Frame CRUD in the ACTIVE PROJECT. Dispatch by `action`: read (by
   content: z.string().optional().describe('[write] HTML/markdown/text for Drafted inline frames. [write_doc_content|append_doc_content] native Google Doc body text. Do not use action=write content to populate Google Doc/Slide frames.'),
   excalidraw_data: z.any().optional().describe('[write_excalidraw] Excalidraw scene JSON object or JSON string. Defaults to an empty scene.'),
   state: z.any().optional().describe('[set_state] App-frame state object (JSON) to persist for a deployed windowType:"app" frame — e.g. {specText:"..."} for the AS/NZS electrical app. The canvas hydrates the app from this on load (the host posts a "hydrate" message with it when the frame mounts), so you can deploy a generic app frame once and drive it with data afterwards. Max 64KB. Frame must be an app frame.'),
-  mermaid: z.string().optional().describe('[write_excalidraw] Mermaid source to convert into an editable Excalidraw scene.'),
   file_path: z.string().optional().describe('[write] absolute path to a local file to upload. Mutually exclusive with content/base64/googleType.'),
   base64: z.string().optional().describe('[write] base64-encoded binary content. Mutually exclusive with content/file_path/googleType. Use with content_type when known.'),
   content_type: z.string().optional().describe('[write + base64] MIME type for base64 binary content, e.g. image/png, application/pdf. Defaults from the path extension or application/octet-stream.'),
@@ -2438,13 +2500,12 @@ tool('frame', 'Frame CRUD in the ACTIVE PROJECT. Dispatch by `action`: read (by
         });
       }
       case 'write_excalidraw': {
-        const { path, excalidraw_data, mermaid, width, height, color } = args;
+        const { path, excalidraw_data, width, height, color } = args;
         if (!path) throw new Error('path required for action=write_excalidraw');
-        if (excalidraw_data != null && mermaid) throw new Error('Provide only one of excalidraw_data or mermaid');
         const parts = path.replace(/^\/+/, '').split('/');
         if (parts.length !== 3) throw new Error('Path must be /{layer}/{lane}/{filename}');
         const filename = parts[2].toLowerCase().endsWith('.excalidraw') ? parts[2] : parts[2] + '.excalidraw';
-        const scene = mermaid ? await excalidrawSceneFromMermaid(mermaid) : (excalidraw_data ?? emptyExcalidrawScene());
+        const scene = excalidraw_data ?? emptyExcalidrawScene();
         const body = { content: stringifyExcalidrawScene(scene) };
         if (width) body.width = width;
         if (height) body.height = height;
@@ -3462,13 +3523,12 @@ tool('wiki', 'Per-org wiki. Markdown pages with paths as hierarchy. You and othe
       // `LINE+ID|content`). The server applies the ops via the same
       // hashline algorithm — no client-side re-hashing, no algorithm drift.
       case 'write_excalidraw': {
-        const { path, excalidraw_data, mermaid, width, height, color } = args;
+        const { path, excalidraw_data, width, height, color } = args;
         if (!path) throw new Error('path required for action=write_excalidraw');
-        if (excalidraw_data != null && mermaid) throw new Error('Provide only one of excalidraw_data or mermaid');
         const parts = path.replace(/^\/+/, '').split('/');
         if (parts.length !== 3) throw new Error('Path must be /{layer}/{lane}/{filename}');
         const filename = parts[2].toLowerCase().endsWith('.excalidraw') ? parts[2] : parts[2] + '.excalidraw';
-        const scene = mermaid ? await excalidrawSceneFromMermaid(mermaid) : (excalidraw_data ?? emptyExcalidrawScene());
+        const scene = excalidraw_data ?? emptyExcalidrawScene();
         const body = { content: stringifyExcalidrawScene(scene) };
         if (width) body.width = width;
         if (height) body.height = height;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "drafted",
-  "version": "1.11.36",
+  "version": "1.11.38",
   "description": "Drafted — visual thinking surface for humans and AI agents. Renders HTML, markdown, images, and code as frames on a zoomable canvas, with MCP tools for AI agents and real-time sync for humans.",
   "type": "module",
   "files": [
@@ -45,7 +45,6 @@
     "@clerk/express": "^2.1.4",
     "@clerk/mcp-tools": "^0.3.1",
     "@excalidraw/excalidraw": "^0.18.1",
-    "@excalidraw/mermaid-to-excalidraw": "^2.2.2",
     "@modelcontextprotocol/ext-apps": "^1.6.0",
     "@modelcontextprotocol/sdk": "^1.27.1",
     "@sentry/browser": "^10.53.1",
@@ -59,7 +58,6 @@
     "esbuild": "^0.28.0",
     "exceljs": "^4.4.0",
     "express": "^4.18.2",
-    "jsdom": "^27.0.1",
     "jszip": "^3.10.1",
     "lucide": "^1.16.0",
     "mdast-util-from-markdown": "^2.0.3",

package/src/shared/excalidraw.mjs

@@ -38,64 +38,3 @@ export function normalizeExcalidrawScene(input) {
 export function stringifyExcalidrawScene(input) {
   return JSON.stringify(normalizeExcalidrawScene(input), null, 2);
 }
-
-function restoreMermaidDom(previous, dom) {
-  for (const [key, value] of Object.entries(previous)) {
-    if (value === undefined) {
-      try { delete globalThis[key]; } catch {}
-    } else if (key === 'navigator') {
-      Object.defineProperty(globalThis, 'navigator', { value, configurable: true });
-    } else {
-      globalThis[key] = value;
-    }
-  }
-  if (dom) dom.window.close();
-}
-
-export async function excalidrawSceneFromMermaid(mermaid) {
-  let dom;
-  const previous = {
-    window: globalThis.window,
-    document: globalThis.document,
-    DOMParser: globalThis.DOMParser,
-    XMLSerializer: globalThis.XMLSerializer,
-    Element: globalThis.Element,
-    SVGElement: globalThis.SVGElement,
-    navigator: globalThis.navigator,
-    CSSStyleSheet: globalThis.CSSStyleSheet,
-  };
-  try {
-    if (typeof document === 'undefined') {
-      const { JSDOM } = await import('jsdom');
-      dom = new JSDOM('<!doctype html><html><body></body></html>');
-      globalThis.window = dom.window;
-      globalThis.document = dom.window.document;
-      globalThis.DOMParser = dom.window.DOMParser;
-      globalThis.XMLSerializer = dom.window.XMLSerializer;
-      globalThis.Element = dom.window.Element;
-      globalThis.SVGElement = dom.window.SVGElement;
-      if (globalThis.SVGElement && !globalThis.SVGElement.prototype.getBBox) {
-        globalThis.SVGElement.prototype.getBBox = function () {
-          const text = this.textContent || '';
-          return { x: 0, y: 0, width: Math.max(24, text.length * 8), height: 20 };
-        };
-      }
-      Object.defineProperty(globalThis, 'navigator', { value: dom.window.navigator, configurable: true });
-      globalThis.CSSStyleSheet = class {
-        constructor() { this.cssRules = []; }
-        replaceSync() { this.cssRules = []; }
-        insertRule(rule) { this.cssRules.push({ cssText: rule }); }
-      };
-    }
-    const { parseMermaidToExcalidraw } = await import('@excalidraw/mermaid-to-excalidraw');
-    const result = await parseMermaidToExcalidraw(mermaid);
-    return {
-      ...emptyExcalidrawScene(),
-      elements: result.elements || [],
-      files: result.files || {},
-      appState: { viewBackgroundColor: '#ffffff' },
-    };
-  } finally {
-    if (dom) restoreMermaidDom(previous, dom);
-  }
-}