markstream-vue2 0.0.1

package/dist/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./exports.js");require("stream-markdown-parser"),require("vue"),exports.default=e.MathInlineNode;

package/dist/index2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./exports.js");require("stream-markdown-parser"),require("vue"),exports.default=e.MathBlockNode;

package/dist/index3.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./exports.js");require("stream-markdown-parser"),require("vue"),exports.default=e.CodeBlockNode;

package/dist/index4.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./exports.js");require("stream-markdown-parser"),require("vue"),exports.default=e.MermaidBlockNode;

package/dist/index5.js

@@ -0,0 +1,6 @@
+import { M as MermaidBlockNode } from "./exports.js";
+import "stream-markdown-parser";
+import "vue";
+export {
+  MermaidBlockNode as default
+};

package/dist/performance-monitor.js

@@ -0,0 +1 @@
+"use strict";var e=Object.defineProperty,t=(t,r,i)=>(((t,r,i)=>{r in t?e(t,r,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[r]=i})(t,"symbol"!=typeof r?r+"":r,i),i);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=new class{constructor(){t(this,"metrics",[]),t(this,"enabled",!1),t(this,"maxMetrics",1e3)}enable(){this.enabled=!0}disable(){this.enabled=!1}recordRender(e){this.enabled&&(this.metrics.push(e),this.metrics.length>this.maxMetrics&&this.metrics.shift())}getStats(){if(0===this.metrics.length)return{totalRenders:0,cacheHitRate:0,averageWorkerTime:0,averageDirectTime:0,averageCacheHitTime:0,workerSavings:0,recommendation:"Insufficient data"};const e=this.metrics.filter(e=>"worker"===e.type&&e.success),t=this.metrics.filter(e=>"direct"===e.type&&e.success),r=this.metrics.filter(e=>"cache-hit"===e.type),i=this.metrics.length,o=r.length,a=o/i*100,n=e.length>0?e.reduce((e,t)=>e+t.duration,0)/e.length:0,s=t.length>0?t.reduce((e,t)=>e+t.duration,0)/t.length:0,c=r.length>0?r.reduce((e,t)=>e+t.duration,0)/r.length:0,l=i*s-(e.reduce((e,t)=>e+t.duration,0)+t.reduce((e,t)=>e+t.duration,0)+r.reduce((e,t)=>e+t.duration,0));let h="";return h=a>70&&n<2*s?"✅ Worker + Cache is highly beneficial":a>50?"✅ Worker + Cache is beneficial":n>3*s?"⚠️ Worker overhead too high, consider direct rendering":s<5?"⚠️ Formulas too simple, Worker overhead may not be worth it":"✅ Worker prevents main thread blocking",{totalRenders:i,cacheHits:o,cacheHitRate:a.toFixed(1),workerCalls:e.length,directCalls:t.length,averageWorkerTime:n.toFixed(2),averageDirectTime:s.toFixed(2),averageCacheHitTime:c.toFixed(3),workerSavings:l.toFixed(2),recommendation:h}}printReport(){const e=this.getStats();return console.group("📊 KaTeX Rendering Performance Report"),e.totalRenders,e.cacheHits,e.cacheHitRate,e.workerCalls,e.directCalls,e.averageWorkerTime,e.averageDirectTime,e.averageCacheHitTime,e.workerSavings,e.recommendation,console.groupEnd(),e}reset(){this.metrics=[]}exportMetrics(){return{metrics:[...this.metrics],stats:this.getStats(),timestamp:Date.now()}}};function i(){return r.printReport()}"undefined"!=typeof window&&(window.__katexPerfReport=i,window.__katexPerfMonitor=r),exports.disablePerfMonitoring=function(){r.disable()},exports.enablePerfMonitoring=function(){r.enable()},exports.getPerfReport=i,exports.perfMonitor=r;

package/dist/workers/katexRenderer.worker.js

@@ -0,0 +1,55 @@
+import katex from "katex";
+import "katex/contrib/mhchem";
+let DEBUG = false;
+globalThis.addEventListener("message", (ev) => {
+  var _a, _b, _c, _d;
+  const data = ev.data || {};
+  if (data.type === "init") {
+    DEBUG = !!data.debug;
+    try {
+      if (DEBUG)
+        console.debug("[katexRenderer.worker] debug enabled");
+    } catch (e) {
+    }
+    return;
+  }
+  const id = (_a = data.id) != null ? _a : "";
+  const content = (_b = data.content) != null ? _b : "";
+  const displayMode = (_c = data.displayMode) != null ? _c : true;
+  try {
+    if (DEBUG)
+      console.debug("[katexRenderer.worker] render start", { id, displayMode, content });
+    const html = katex.renderToString(content, {
+      throwOnError: true,
+      displayMode,
+      output: "html",
+      strict: "ignore"
+    });
+    const out = { id, html, content, displayMode };
+    try {
+      ;
+      globalThis.postMessage(out);
+      if (DEBUG)
+        console.debug("[katexRenderer.worker] render success", { id });
+    } catch (postErr) {
+      console.error("[katexRenderer.worker] failed to postMessage result", postErr);
+    }
+  } catch (err) {
+    const out = { id, error: String((_d = err == null ? void 0 : err.message) != null ? _d : err), content, displayMode };
+    try {
+      ;
+      globalThis.postMessage(out);
+    } catch (postErr) {
+      console.error("[katexRenderer.worker] failed to postMessage error", postErr);
+    }
+  }
+});
+globalThis.addEventListener("error", (ev) => {
+  var _a;
+  console.error("[katexRenderer.worker] uncaught error", ev.message, ev.error);
+  try {
+    ;
+    globalThis.postMessage({ id: "__worker_uncaught__", error: String((_a = ev.message) != null ? _a : ev.error), content: "", displayMode: true });
+  } catch (e) {
+  }
+});

package/dist/workers/mermaidParser.worker.js

@@ -0,0 +1,117 @@
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import mermaid from "mermaid";
+var require_mermaidParser_worker = __commonJS({
+  "workers/mermaidParser.worker.js"(exports) {
+    mermaid.initialize({ startOnLoad: false, securityLevel: "loose" });
+    function applyThemeTo(code, theme) {
+      const themeValue = theme === "dark" ? "dark" : "default";
+      const themeConfig = `%%{init: {"theme": "${themeValue}"}}%%
+`;
+      const trimmed = code.trimStart();
+      if (trimmed.startsWith("%%{"))
+        return code;
+      return themeConfig + code;
+    }
+    function findHeaderIndex(lines) {
+      const headerRe = /^(?:graph|flowchart|flowchart\s+tb|flowchart\s+lr|sequenceDiagram|gantt|classDiagram|stateDiagram(?:-v2)?|erDiagram|journey|pie|quadrantChart|timeline|xychart(?:-beta)?)\b/;
+      for (let i = 0; i < lines.length; i++) {
+        const l = lines[i].trim();
+        if (!l)
+          continue;
+        if (l.startsWith("%%"))
+          continue;
+        if (headerRe.test(l))
+          return i;
+      }
+      return -1;
+    }
+    function canParse(code, theme) {
+      return __async(this, null, function* () {
+        var _a;
+        const themed = applyThemeTo(code, theme);
+        const anyMermaid = mermaid;
+        if (typeof anyMermaid.parse === "function") {
+          yield (_a = anyMermaid.parse) == null ? void 0 : _a.call(anyMermaid, themed);
+          return true;
+        }
+        throw new Error("mermaid.parse not available in worker");
+      });
+    }
+    function findLastRenderablePrefix(baseCode, theme) {
+      return __async(this, null, function* () {
+        const lines = baseCode.split("\n");
+        const headerIdx = findHeaderIndex(lines);
+        if (headerIdx === -1)
+          return null;
+        const head = lines.slice(0, headerIdx + 1);
+        yield canParse(head.join("\n"), theme);
+        let low = headerIdx + 1;
+        let high = lines.length;
+        let lastGood = headerIdx + 1;
+        let tries = 0;
+        const MAX_TRIES = 12;
+        while (low <= high && tries < MAX_TRIES) {
+          const mid = Math.floor((low + high) / 2);
+          const candidate = [...head, ...lines.slice(headerIdx + 1, mid)].join("\n");
+          tries++;
+          try {
+            yield canParse(candidate, theme);
+            lastGood = mid;
+            low = mid + 1;
+          } catch (e) {
+            high = mid - 1;
+          }
+        }
+        return [...head, ...lines.slice(headerIdx + 1, lastGood)].join("\n");
+      });
+    }
+    self.onmessage = (ev) => __async(exports, null, function* () {
+      var _a;
+      const msg = ev.data;
+      const send = (res) => self.postMessage(res);
+      const id = msg.id;
+      try {
+        if (msg.action === "canParse") {
+          const ok = yield canParse(msg.payload.code, msg.payload.theme);
+          send({ id, ok: true, result: ok });
+          return;
+        }
+        if (msg.action === "findPrefix") {
+          const res = yield findLastRenderablePrefix(
+            msg.payload.code,
+            msg.payload.theme
+          );
+          send({ id, ok: true, result: res });
+          return;
+        }
+        send({ id, ok: false, error: "Unknown action" });
+      } catch (e) {
+        send({ id, ok: false, error: (_a = e == null ? void 0 : e.message) != null ? _a : String(e) });
+      }
+    });
+  }
+});
+export default require_mermaidParser_worker();

package/package.json

@@ -0,0 +1,79 @@
+{
+  "name": "markstream-vue2",
+  "type": "module",
+  "version": "0.0.1",
+  "description": "Vue 2 Markdown renderer optimized for large docs: progressive Mermaid, streaming diff code blocks, and fast real-time preview.",
+  "author": "Simon He",
+  "license": "MIT",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./index.css": "./dist/index.css",
+    "./workers/katexRenderer.worker": "./dist/workers/katexRenderer.worker.js",
+    "./workers/mermaidParser.worker": "./dist/workers/mermaidParser.worker.js"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build -c vite.config.ts --mode npm && pnpm run build:dts && pnpm run copy:css",
+    "build:dts": "rollup -c ./scripts/rollup.dts.config.mjs && node ./scripts/clean-dts.cjs",
+    "copy:css": "node ./scripts/copy-css.mjs"
+  },
+  "peerDependencies": {
+    "@vue/composition-api": ">=1.7.2",
+    "katex": ">=0.16.22",
+    "mermaid": ">=11",
+    "shiki": "^3.13.0",
+    "stream-markdown": ">=0.0.11",
+    "stream-monaco": ">=0.0.8",
+    "vue": ">=2.6.14 <3",
+    "vue-i18n": ">=9"
+  },
+  "peerDependenciesMeta": {
+    "@vue/composition-api": {
+      "optional": true
+    },
+    "katex": {
+      "optional": true
+    },
+    "mermaid": {
+      "optional": true
+    },
+    "shiki": {
+      "optional": true
+    },
+    "stream-markdown": {
+      "optional": true
+    },
+    "stream-monaco": {
+      "optional": true
+    },
+    "vue-i18n": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@floating-ui/dom": "^1.7.4",
+    "stream-markdown-parser": "^0.0.51"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue2": "^2.3.4",
+    "@vue/compiler-sfc": "2.7.16",
+    "rollup": "^3.29.5",
+    "rollup-plugin-dts": "^5.3.1",
+    "typescript": "^5.9.3",
+    "vite": "^4.5.14",
+    "vite-plugin-dts": "^4.5.4",
+    "vue-tsc": "^2.2.12"
+  }
+}