markstream-angular 0.0.1-alpha.0

package/dist/types/workers/katexWorkerClient.d.ts

@@ -0,0 +1,35 @@
+export declare function setKaTeXWorker(nextWorker: Worker): void;
+export declare function clearKaTeXWorker(): void;
+export declare function setKaTeXWorkerDebug(enabled: boolean): void;
+export declare function renderKaTeXInWorker(content: string, displayMode?: boolean, timeout?: number, signal?: AbortSignal): Promise<string>;
+export declare function setKaTeXCache(content: string, displayMode: boolean, html: string): void;
+export declare function getKaTeXWorkerLoad(): {
+    inFlight: number;
+    max: number;
+};
+export declare function setKaTeXWorkerMaxConcurrency(value: number): void;
+export declare const WORKER_BUSY_CODE = "WORKER_BUSY";
+export declare function isKaTeXWorkerBusy(): boolean;
+export declare function waitForKaTeXWorkerSlot(timeout?: number, signal?: AbortSignal): Promise<void>;
+export interface BackpressureOptions {
+    timeout?: number;
+    waitTimeout?: number;
+    backoffMs?: number;
+    maxRetries?: number;
+    signal?: AbortSignal;
+}
+declare const defaultBackpressure: {
+    timeout: number;
+    waitTimeout: number;
+    backoffMs: number;
+    maxRetries: number;
+};
+export declare function setKaTeXBackpressureDefaults(options: Partial<typeof defaultBackpressure>): void;
+export declare function getKaTeXBackpressureDefaults(): {
+    timeout: number;
+    waitTimeout: number;
+    backoffMs: number;
+    maxRetries: number;
+};
+export declare function renderKaTeXWithBackpressure(content: string, displayMode?: boolean, options?: BackpressureOptions): Promise<string>;
+export {};

package/dist/types/workers/mermaidCdnWorker.d.ts

@@ -0,0 +1,15 @@
+export type MermaidCDNWorkerMode = 'classic' | 'module';
+export interface MermaidCDNWorkerOptions {
+    mermaidUrl: string;
+    mode?: MermaidCDNWorkerMode;
+    debug?: boolean;
+    workerOptions?: WorkerOptions;
+    initializeOptions?: Record<string, any>;
+}
+export interface MermaidCDNWorkerHandle {
+    worker: Worker | null;
+    dispose: () => void;
+    source: string;
+}
+export declare function buildMermaidCDNWorkerSource(options: MermaidCDNWorkerOptions): string;
+export declare function createMermaidWorkerFromCDN(options: MermaidCDNWorkerOptions): MermaidCDNWorkerHandle;

package/dist/types/workers/mermaidParser.worker.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/workers/mermaidWorkerClient.d.ts

@@ -0,0 +1,15 @@
+type Theme = 'light' | 'dark';
+export declare function setMermaidWorkerClientDebug(enabled: boolean): void;
+export declare function setMermaidWorkerMaxConcurrency(value: number): void;
+export declare function getMermaidWorkerLoad(): {
+    inFlight: number;
+    max: number;
+};
+export declare const MERMAID_WORKER_BUSY_CODE = "WORKER_BUSY";
+export declare const MERMAID_DISABLED_CODE = "MERMAID_DISABLED";
+export declare function setMermaidWorker(nextWorker: Worker): void;
+export declare function clearMermaidWorker(): void;
+export declare function canParseOffthread(code: string, theme: Theme, timeout?: number): Promise<boolean>;
+export declare function findPrefixOffthread(code: string, theme: Theme, timeout?: number): Promise<string>;
+export declare function terminateWorker(): void;
+export {};

package/dist/workers/katexRenderer.worker.js

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

package/dist/workers/mermaidParser.worker.js

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

package/package.json

@@ -0,0 +1,86 @@
+{
+  "name": "markstream-angular",
+  "type": "module",
+  "version": "0.0.1-alpha.0",
+  "description": "Experimental Angular Markdown renderer for Markstream, built on stream-markdown AST and a stable HTML baseline renderer.",
+  "author": "Simon He",
+  "license": "MIT",
+  "homepage": "https://github.com/Simon-He95/markstream-vue#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Simon-He95/markstream-vue.git",
+    "directory": "packages/markstream-angular"
+  },
+  "bugs": {
+    "url": "https://github.com/Simon-He95/markstream-vue/issues"
+  },
+  "keywords": [
+    "angular",
+    "markdown",
+    "markdown-renderer",
+    "streaming-markdown",
+    "markstream",
+    "markstream-angular"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./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"
+  ],
+  "peerDependencies": {
+    "@antv/infographic": "^0.2.3",
+    "@angular/common": ">=20",
+    "@angular/core": ">=20",
+    "@terrastruct/d2": ">=0.1.33",
+    "katex": ">=0.16.22",
+    "mermaid": ">=11",
+    "stream-monaco": ">=0.0.18"
+  },
+  "peerDependenciesMeta": {
+    "@antv/infographic": {
+      "optional": true
+    },
+    "@terrastruct/d2": {
+      "optional": true
+    },
+    "katex": {
+      "optional": true
+    },
+    "mermaid": {
+      "optional": true
+    },
+    "stream-monaco": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@floating-ui/dom": "^1.7.6",
+    "stream-markdown-parser": "0.0.69"
+  },
+  "devDependencies": {
+    "@types/node": "^18.19.130",
+    "rollup": "^3.30.0",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "scripts": {
+    "build": "vite build --mode npm",
+    "dev": "vite dev",
+    "preview": "vite preview",
+    "typecheck": "tsc --noEmit"
+  }
+}