markstream-react 0.0.1

package/dist/workers/katexRenderer.worker.js

@@ -0,0 +1,45 @@
+import h from "katex";
+import "katex/contrib/mhchem";
+let n = !1;
+globalThis.addEventListener("message", (r) => {
+  var i, l, g, u;
+  const e = r.data || {};
+  if (e.type === "init") {
+    n = !!e.debug;
+    try {
+      n && console.debug("[katexRenderer.worker] debug enabled");
+    } catch {
+    }
+    return;
+  }
+  const o = (i = e.id) != null ? i : "", s = (l = e.content) != null ? l : "", a = (g = e.displayMode) != null ? g : !0;
+  try {
+    n && console.debug("[katexRenderer.worker] render start", { id: o, displayMode: a, content: s });
+    const t = h.renderToString(s, {
+      throwOnError: !0,
+      displayMode: a,
+      output: "html",
+      strict: "ignore"
+    }), d = { id: o, html: t, content: s, displayMode: a };
+    try {
+      globalThis.postMessage(d), n && console.debug("[katexRenderer.worker] render success", { id: o });
+    } catch (c) {
+      console.error("[katexRenderer.worker] failed to postMessage result", c);
+    }
+  } catch (t) {
+    const d = { id: o, error: String((u = t == null ? void 0 : t.message) != null ? u : t), content: s, displayMode: a };
+    try {
+      globalThis.postMessage(d);
+    } catch (c) {
+      console.error("[katexRenderer.worker] failed to postMessage error", c);
+    }
+  }
+});
+globalThis.addEventListener("error", (r) => {
+  var e;
+  console.error("[katexRenderer.worker] uncaught error", r.message, r.error);
+  try {
+    globalThis.postMessage({ id: "__worker_uncaught__", error: String((e = r.message) != null ? e : r.error), content: "", displayMode: !0 });
+  } catch {
+  }
+});

package/dist/workers/mermaidParser.worker.js

@@ -0,0 +1,68 @@
+import d from "mermaid";
+d.initialize({ startOnLoad: !1, securityLevel: "loose" });
+function m(r, a) {
+  const t = `%%{init: {"theme": "${a === "dark" ? "dark" : "default"}"}}%%
+`;
+  return r.trimStart().startsWith("%%{") ? r : t + r;
+}
+function g(r) {
+  const a = /^(?:graph|flowchart|flowchart\s+tb|flowchart\s+lr|sequenceDiagram|gantt|classDiagram|stateDiagram(?:-v2)?|erDiagram|journey|pie|quadrantChart|timeline|xychart(?:-beta)?)\b/;
+  for (let e = 0; e < r.length; e++) {
+    const t = r[e].trim();
+    if (t && !t.startsWith("%%") && a.test(t))
+      return e;
+  }
+  return -1;
+}
+async function c(r, a) {
+  var i;
+  const e = m(r, a), t = d;
+  if (typeof t.parse == "function")
+    return await ((i = t.parse) == null ? void 0 : i.call(t, e)), !0;
+  throw new Error("mermaid.parse not available in worker");
+}
+async function p(r, a) {
+  const e = r.split(`
+`), t = g(e);
+  if (t === -1)
+    return null;
+  const i = e.slice(0, t + 1);
+  await c(i.join(`
+`), a);
+  let n = t + 1, s = e.length, l = t + 1, f = 0;
+  const u = 12;
+  for (; n <= s && f < u; ) {
+    const o = Math.floor((n + s) / 2), h = [...i, ...e.slice(t + 1, o)].join(`
+`);
+    f++;
+    try {
+      await c(h, a), l = o, n = o + 1;
+    } catch {
+      s = o - 1;
+    }
+  }
+  return [...i, ...e.slice(t + 1, l)].join(`
+`);
+}
+self.onmessage = async (r) => {
+  var i;
+  const a = r.data, e = (n) => self.postMessage(n), t = a.id;
+  try {
+    if (a.action === "canParse") {
+      const n = await c(a.payload.code, a.payload.theme);
+      e({ id: t, ok: !0, result: n });
+      return;
+    }
+    if (a.action === "findPrefix") {
+      const n = await p(
+        a.payload.code,
+        a.payload.theme
+      );
+      e({ id: t, ok: !0, result: n });
+      return;
+    }
+    e({ id: t, ok: !1, error: "Unknown action" });
+  } catch (n) {
+    e({ id: t, ok: !1, error: (i = n == null ? void 0 : n.message) != null ? i : String(n) });
+  }
+};

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "markstream-react",
+  "type": "module",
+  "version": "0.0.1",
+  "description": "React renderer for stream-markdown based AST output used in markstream-vue.",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.js"
+    },
+    "./index.css": "./dist/index.css",
+    "./workers/katexRenderer.worker": "./dist/workers/katexRenderer.worker.js",
+    "./workers/mermaidParser.worker": "./dist/workers/mermaidParser.worker.js"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build --mode npm",
+    "preview": "vite preview",
+    "typecheck": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "katex": ">=0.16.22",
+    "mermaid": ">=11",
+    "react": ">=18",
+    "react-dom": ">=18",
+    "stream-markdown": ">=0.0.10",
+    "stream-monaco": ">=0.0.7"
+  },
+  "peerDependenciesMeta": {
+    "katex": {
+      "optional": true
+    },
+    "mermaid": {
+      "optional": true
+    },
+    "stream-markdown": {
+      "optional": true
+    },
+    "stream-monaco": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@floating-ui/dom": "^1.7.4",
+    "clsx": "^2.1.1",
+    "stream-markdown-parser": "workspace:*"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.5",
+    "@vitejs/plugin-react-swc": "^3.7.1",
+    "autoprefixer": "^10.4.22",
+    "tailwindcss": "^3.4.18",
+    "typescript": "^5.9.3",
+    "vite": "^7.2.4"
+  }
+}