markstream-solid 0.0.0-stage → 2.0.23

package/dist/server/languageIcon-TXkIEBPf.js

@@ -0,0 +1,353 @@
+import { createContext, useContext, createEffect, onCleanup, createSignal } from "solid-js";
+const NodeLifecycleContext = createContext();
+function useNodeLifecycle(props, pending, element) {
+  const lifecycle = useContext(NodeLifecycleContext);
+  createEffect(() => {
+    const key = props.indexKey;
+    if (key == null || !lifecycle)
+      return;
+    if (pending()) {
+      lifecycle.markPending(key);
+    } else {
+      lifecycle.markSettled(key);
+      const root = element();
+      if (root)
+        lifecycle.reportHeight(key, root.getBoundingClientRect().height);
+    }
+    onCleanup(() => lifecycle.markSettled(key));
+  });
+}
+function useMarkstreamNodeLifecycle() {
+  return useContext(NodeLifecycleContext) ?? null;
+}
+let streamDiffsModule = null;
+let importAttempted = false;
+let pendingImport = null;
+let runtimePreloaded = false;
+let codeBlockRuntimeReady = false;
+function normalizeStreamDiffsModule(value) {
+  const moduleValue = value;
+  const source = typeof moduleValue?.createCodeBlockRuntime === "function" || typeof moduleValue?.useMonaco === "function" ? moduleValue : value?.default;
+  const factory = source?.createCodeBlockRuntime ?? source?.useMonaco;
+  if (typeof factory !== "function")
+    return null;
+  return {
+    createCodeBlockRuntime: (options) => factory.call(source, options),
+    preloadStreamDiffs: source?.preloadStreamDiffs?.bind(source)
+  };
+}
+function isCodeBlockRuntimeReady() {
+  return codeBlockRuntimeReady;
+}
+async function preloadCodeBlockRuntime() {
+  const runtime = await getStreamDiffsRuntime();
+  return !!runtime;
+}
+async function preloadRuntime(mod) {
+  if (runtimePreloaded)
+    return;
+  runtimePreloaded = true;
+  if (typeof mod?.preloadStreamDiffs === "function")
+    await mod.preloadStreamDiffs();
+}
+async function getStreamDiffsRuntime() {
+  if (streamDiffsModule)
+    return streamDiffsModule;
+  if (pendingImport)
+    return await pendingImport;
+  if (importAttempted)
+    return null;
+  pendingImport = (async () => {
+    try {
+      const candidate = normalizeStreamDiffsModule(await import("stream-diffs/markstream"));
+      if (!candidate)
+        return null;
+      streamDiffsModule = candidate;
+      await preloadRuntime(streamDiffsModule);
+      codeBlockRuntimeReady = true;
+      return streamDiffsModule;
+    } catch {
+      importAttempted = true;
+      return null;
+    }
+  })();
+  try {
+    return await pendingImport;
+  } finally {
+    pendingImport = null;
+  }
+}
+const CIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#0288d1" d="M19.563 22A5.57 5.57 0 0 1 14 16.437v-2.873A5.57 5.57 0 0 1 19.563 8H24V2h-4.437A11.563 11.563 0 0 0 8 13.563v2.873A11.564 11.564 0 0 0 19.563 28H24v-6Z"/></svg>';
+const CppIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#0288d1" d="M28 14v-4h-2v4h-6v-4h-2v4h-4v2h4v4h2v-4h6v4h2v-4h4v-2z"/><path fill="#0288d1" d="M13.563 22A5.57 5.57 0 0 1 8 16.437v-2.873A5.57 5.57 0 0 1 13.563 8H18V2h-4.437A11.563 11.563 0 0 0 2 13.563v2.873A11.564 11.564 0 0 0 13.563 28H18v-6Z"/></svg>';
+const CsharpIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#0288d1" d="M30 14v-2h-2V8h-2v4h-2V8h-2v4h-2v2h2v2h-2v2h2v4h2v-4h2v4h2v-4h2v-2h-2v-2Zm-4 2h-2v-2h2Zm-12.437 6A5.57 5.57 0 0 1 8 16.437v-2.873A5.57 5.57 0 0 1 13.563 8H18V2h-4.437A11.563 11.563 0 0 0 2 13.563v2.873A11.564 11.564 0 0 0 13.563 28H18v-6Z"/></svg>';
+const CssIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#7e57c2" d="M20 18h-2v-2h-2v2c0 .193 0 .703 1.254 1.033A3.345 3.345 0 0 1 20 22h2v2h2v-2c0-.388-.562-.851-1.254-1.034C20.356 20.34 20 18.84 20 18m-3.254 2.966C14.356 20.34 14 18.84 14 18h-2v-2h-2v8h2v-2h4v2h2v-2c0-.388-.562-.851-1.254-1.034"/><path fill="#7e57c2" d="M24 4H4v20a4 4 0 0 0 4 4h16.16A3.84 3.84 0 0 0 28 24.16V8a4 4 0 0 0-4-4m2 14h-2v-2h-2v2c0 .193 0 .703 1.254 1.033A3.345 3.345 0 0 1 26 22v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2 2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2 2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2 2 2 0 0 1 2-2h2a2 2 0 0 1 2 2 2 2 0 0 1 2-2h2a2 2 0 0 1 2 2Z"/></svg>';
+const GoIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#00acc1" d="M2 12h4v2H2zm-2 4h6v2H0zm4 4h2v2H4zm16.954-5H14v3h3.239a4.42 4.42 0 0 1-3.531 2 2.65 2.65 0 0 1-2.053-.858 2.86 2.86 0 0 1-.628-2.28A4.515 4.515 0 0 1 15.292 13a2.73 2.73 0 0 1 1.749.584l2.962-1.185A5.6 5.6 0 0 0 15.292 10a7.526 7.526 0 0 0-7.243 6.5 5.614 5.614 0 0 0 5.659 6.5 7.526 7.526 0 0 0 7.243-6.5 6.4 6.4 0 0 0 .003-1.5"/><path fill="#00acc1" d="M26.292 10a7.526 7.526 0 0 0-7.243 6.5 5.614 5.614 0 0 0 5.659 6.5 7.526 7.526 0 0 0 7.243-6.5 5.614 5.614 0 0 0-5.659-6.5m2.681 6.137A4.515 4.515 0 0 1 24.708 20a2.65 2.65 0 0 1-2.053-.858 2.86 2.86 0 0 1-.628-2.28A4.515 4.515 0 0 1 26.292 13a2.65 2.65 0 0 1 2.053.858 2.86 2.86 0 0 1 .628 2.28Z"/></svg>';
+const HtmlIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#e65100" d="m4 4 2 22 10 2 10-2 2-22Zm19.72 7H11.28l.29 3h11.86l-.802 9.335L15.99 25l-6.635-1.646L8.93 19h3.02l.19 2 3.86.77 3.84-.77.29-4H8.84L8 8h16Z"/></svg>';
+const JavaIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#f44336" d="M4 26h24v2H4zM28 4H7a1 1 0 0 0-1 1v13a4 4 0 0 0 4 4h10a4 4 0 0 0 4-4v-4h4a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2m0 8h-4V6h4Z"/></svg>';
+const JsIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="#ffca28" d="M2 2v12h12V2zm6 6h1v4a1.003 1.003 0 0 1-1 1H7a1.003 1.003 0 0 1-1-1v-1h1v1h1zm3 0h2v1h-2v1h1a1.003 1.003 0 0 1 1 1v1a1.003 1.003 0 0 1-1 1h-2v-1h2v-1h-1a1.003 1.003 0 0 1-1-1V9a1.003 1.003 0 0 1 1-1"/></svg>';
+const JsonIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="#f9a825" d="M560-160v-80h120q17 0 28.5-11.5T720-280v-80q0-38 22-69t58-44v-14q-36-13-58-44t-22-69v-80q0-17-11.5-28.5T680-720H560v-80h120q50 0 85 35t35 85v80q0 17 11.5 28.5T840-560h40v160h-40q-17 0-28.5 11.5T800-360v80q0 50-35 85t-85 35zm-280 0q-50 0-85-35t-35-85v-80q0-17-11.5-28.5T120-400H80v-160h40q17 0 28.5-11.5T160-600v-80q0-50 35-85t85-35h120v80H280q-17 0-28.5 11.5T240-680v80q0 38-22 69t-58 44v14q36 13 58 44t22 69v80q0 17 11.5 28.5T280-240h120v80z"/></svg>';
+const JsxIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#00bcd4" d="M16 12c7.444 0 12 2.59 12 4s-4.556 4-12 4-12-2.59-12-4 4.556-4 12-4m0-2c-7.732 0-14 2.686-14 6s6.268 6 14 6 14-2.686 14-6-6.268-6-14-6"/><path fill="#00bcd4" d="M16 14a2 2 0 1 0 2 2 2 2 0 0 0-2-2"/><path fill="#00bcd4" d="M10.458 5.507c2.017 0 5.937 3.177 9.006 8.493 3.722 6.447 3.757 11.687 2.536 12.392a.9.9 0 0 1-.457.1c-2.017 0-5.938-3.176-9.007-8.492C8.814 11.553 8.779 6.313 10 5.608a.9.9 0 0 1 .458-.1m-.001-2A2.87 2.87 0 0 0 9 3.875C6.13 5.532 6.938 12.304 10.804 19c3.284 5.69 7.72 9.493 10.74 9.493A2.87 2.87 0 0 0 23 28.124c2.87-1.656 2.062-8.428-1.804-15.124-3.284-5.69-7.72-9.493-10.74-9.493Z"/><path fill="#00bcd4" d="M21.543 5.507a.9.9 0 0 1 .457.1c1.221.706 1.186 5.946-2.536 12.393-3.07 5.316-6.99 8.493-9.007 8.493a.9.9 0 0 1-.457-.1C8.779 25.686 8.814 20.446 12.536 14c3.07-5.316 6.99-8.493 9.007-8.493m0-2c-3.02 0-7.455 3.804-10.74 9.493C6.939 19.696 6.13 26.468 9 28.124a2.87 2.87 0 0 0 1.457.369c3.02 0 7.455-3.804 10.74-9.493C25.061 12.304 25.87 5.532 23 3.876a2.87 2.87 0 0 0-1.457-.369"/></svg>';
+const KotlinIcon = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><defs><linearGradient id="a" x1="1.725" x2="22.185" y1="22.67" y2="1.982" gradientTransform="translate(1.306 1.129)scale(.89324)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7c4dff"/><stop offset=".5" stop-color="#d500f9"/><stop offset="1" stop-color="#ef5350"/></linearGradient></defs><path fill="url(#a)" d="M2.975 2.976v18.048h18.05v-.03l-4.478-4.511-4.48-4.515 4.48-4.515 4.443-4.477z"/></svg>';
+const MarkdownIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#42a5f5" d="m14 10-4 3.5L6 10H4v12h4v-6l2 2 2-2v6h4V10zm12 6v-6h-4v6h-4l6 8 6-8z"/></svg>';
+const MermaidIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#42a5f5" d="m14 10-4 3.5L6 10H4v12h4v-6l2 2 2-2v6h4V10zm12 6v-6h-4v6h-4l6 8 6-8z"/></svg>';
+const PhpIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#1e88e5" d="M12 18.08c-6.63 0-12-2.72-12-6.08s5.37-6.08 12-6.08S24 8.64 24 12s-5.37 6.08-12 6.08m-5.19-7.95c.54 0 .91.1 1.09.31.18.2.22.56.13 1.03-.1.53-.29.87-.58 1.09q-.42.33-1.29.33h-.87l.53-2.76zm-3.5 5.55h1.44l.34-1.75h1.23c.54 0 .98-.06 1.33-.17.35-.12.67-.31.96-.58.24-.22.43-.46.58-.73.15-.26.26-.56.31-.88.16-.78.05-1.39-.33-1.82-.39-.44-.99-.65-1.82-.65H4.59zm7.25-8.33-1.28 6.58h1.42l.74-3.77h1.14c.36 0 .6.06.71.18s.13.34.07.66l-.57 2.93h1.45l.59-3.07c.13-.62.03-1.07-.27-1.36-.3-.27-.85-.4-1.65-.4h-1.27L12 7.35zM18 10.13c.55 0 .91.1 1.09.31.18.2.22.56.13 1.03-.1.53-.29.87-.57 1.09-.29.22-.72.33-1.3.33h-.85l.5-2.76zm-3.5 5.55h1.44l.34-1.75h1.22c.55 0 1-.06 1.35-.17.35-.12.65-.31.95-.58.24-.22.44-.46.58-.73.15-.26.26-.56.32-.88.15-.78.04-1.39-.34-1.82-.36-.44-.99-.65-1.82-.65h-2.75z"/></svg>';
+const PlainIcon = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path d="M0 0h24v24H0z"/><path fill="#42a5f5" d="M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8zm4 18H6V4h7v5h5z"/></svg>';
+const PowershellIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#03a9f4" d="M29.07 6H7.677A1.535 1.535 0 0 0 6.24 7.113l-4.2 17.774A.852.852 0 0 0 2.93 26h21.393a1.535 1.535 0 0 0 1.436-1.113L29.96 7.112A.852.852 0 0 0 29.07 6M8.626 23.797a1.4 1.4 0 0 1-1.814-.31l-.007-.009a1.075 1.075 0 0 1 .315-1.599l9.6-6.061-6.102-5.852-.01-.01a1.068 1.068 0 0 1 .084-1.625l.037-.03a1.38 1.38 0 0 1 1.8.07l7.233 6.957a1.1 1.1 0 0 1 .236.739 1.08 1.08 0 0 1-.412.79c-.074.04-.146.119-10.951 6.935ZM24 22.94A1.135 1.135 0 0 1 22.803 24h-5.634a1.061 1.061 0 1 1 .001-2.112h5.633A1.134 1.134 0 0 1 24 22.938Z"/></svg>';
+const PythonIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#0288d1" d="M9.86 2A2.86 2.86 0 0 0 7 4.86v1.68h4.29c.39 0 .71.57.71.96H4.86A2.86 2.86 0 0 0 2 10.36v3.781a2.86 2.86 0 0 0 2.86 2.86h1.18v-2.68a2.85 2.85 0 0 1 2.85-2.86h5.25c1.58 0 2.86-1.271 2.86-2.851V4.86A2.86 2.86 0 0 0 14.14 2zm-.72 1.61c.4 0 .72.12.72.71s-.32.891-.72.891c-.39 0-.71-.3-.71-.89s.32-.711.71-.711"/><path fill="#fdd835" d="M17.959 7v2.68a2.85 2.85 0 0 1-2.85 2.859H9.86A2.85 2.85 0 0 0 7 15.389v3.75a2.86 2.86 0 0 0 2.86 2.86h4.28A2.86 2.86 0 0 0 17 19.14v-1.68h-4.291c-.39 0-.709-.57-.709-.96h7.14A2.86 2.86 0 0 0 22 13.64V9.86A2.86 2.86 0 0 0 19.14 7zM8.32 11.513l-.004.004.038-.004zm6.54 7.276c.39 0 .71.3.71.89a.71.71 0 0 1-.71.71c-.4 0-.72-.12-.72-.71s.32-.89.72-.89"/></svg>';
+const RubyIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#f44336" d="M18.041 3.177c2.24.382 2.879 1.919 2.843 3.527V6.67l-1.013 13.266-13.132.897h.008c-1.093-.044-3.518-.151-3.634-3.545l1.217-2.222 2.462 5.74 2.097-6.77-.045.009.018-.018 6.85 2.186L13.945 9.3l6.53-.409-5.144-4.212 2.71-1.51v.009M3.113 17.252v.017zM6.916 6.874c2.63-2.622 6.033-4.168 7.34-2.844 1.297 1.306-.072 4.523-2.702 7.135-2.666 2.613-6.015 4.248-7.322 2.933-1.306-1.324.036-4.612 2.675-7.224z"/></svg>';
+const RustIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#ff7043" d="m30 12-4-2V6h-4l-2-4-4 2-4-2-2 4H6v4l-4 2 2 4-2 4 4 2v4h4l2 4 4-2 4 2 2-4h4v-4l4-2-2-4ZM6 16a9.9 9.9 0 0 1 .842-4H10v8H6.842A9.9 9.9 0 0 1 6 16m10 10a9.98 9.98 0 0 1-7.978-4H16v-2h-2v-2h4c.819.819.297 2.308 1.179 3.37a1.89 1.89 0 0 0 1.46.63h3.34A9.98 9.98 0 0 1 16 26m-2-12v-2h4a1 1 0 0 1 0 2Zm11.158 6H24a2.006 2.006 0 0 1-2-2 2 2 0 0 0-2-2 3 3 0 0 0 3-3q0-.08-.004-.161A3.115 3.115 0 0 0 19.83 10H8.022a9.986 9.986 0 0 1 17.136 10"/></svg>';
+const ScssIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#ec407a" d="M27.837 5.673a4.33 4.33 0 0 0-2.293-2.701c-2.362-1.261-6.11-1.298-9.548-.092a26.3 26.3 0 0 0-8.76 4.966c-2.752 2.542-3.438 4.925-3.189 6.194.523 2.668 3.274 4.539 5.485 6.042.418.284.822.559 1.175.816-1.429.76-4.261 2.444-5.088 4.248a3.88 3.88 0 0 0-.118 3.332A2.37 2.37 0 0 0 6.869 29.8a5.6 5.6 0 0 0 1.49.2 6.35 6.35 0 0 0 5.19-2.856 6.74 6.74 0 0 0 .864-5.382 7.3 7.3 0 0 1 2.044-.03 3.92 3.92 0 0 1 2.816 1.311 1.82 1.82 0 0 1 .423 1.262 1.55 1.55 0 0 1-.772 1.05c-.234.14-.586.355-.504.803.036.194.198.633.894.512a2.93 2.93 0 0 0 2.145-2.651 4 4 0 0 0-1.197-2.904 5.94 5.94 0 0 0-4.396-1.626 10.6 10.6 0 0 0-2.672.304 20 20 0 0 0-2.203-1.846c-1.712-1.3-3.33-2.529-3.235-4.26.125-2.263 2.468-4.532 6.964-6.744 4.016-1.976 7.254-2.037 8.944-1.438a2 2 0 0 1 1.204.883 2.77 2.77 0 0 1-.36 2.47 9.71 9.71 0 0 1-7.425 4.304 3.86 3.86 0 0 1-3.238-.757c-.278-.302-.593-.645-1.074-.383q-.565.31-.225 1.189a3.9 3.9 0 0 0 2.407 1.92 11.7 11.7 0 0 0 7.128-.671c3.527-1.35 6.681-5.202 5.756-8.787M11.895 24.475a4 4 0 0 1-.192.468 4.5 4.5 0 0 1-.753 1.081 2.83 2.83 0 0 1-2.533 1.107c-.056-.032-.078-.146-.085-.193a3.28 3.28 0 0 1 1.076-2.284 11.3 11.3 0 0 1 2.644-1.933 3.85 3.85 0 0 1-.157 1.754"/></svg>';
+const ShellIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="#ff7043" d="M2 2a1 1 0 0 0-1 1v10c0 .554.446 1 1 1h12c.554 0 1-.446 1-1V3a1 1 0 0 0-1-1zm0 3h12v8H2zm1 2 2 2-2 2 1 1 3-3-3-3zm5 3.5V12h5v-1.5z"/></svg>';
+const SqlIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#ffca28" d="M16 24c-5.525 0-10-.9-10-2v4c0 1.1 4.475 2 10 2s10-.9 10-2v-4c0 1.1-4.475 2-10 2m0-8c-5.525 0-10-.9-10-2v4c0 1.1 4.475 2 10 2s10-.9 10-2v-4c0 1.1-4.475 2-10 2m0-12C10.477 4 6 4.895 6 6v4c0 1.1 4.475 2 10 2s10-.9 10-2V6c0-1.105-4.477-2-10-2"/></svg>';
+const TextIcon = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path d="M0 0h24v24H0z"/><path fill="#42a5f5" d="M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8zm4 18H6V4h7v5h5z"/></svg>';
+const TsxIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#0288d1" d="M16 12c7.444 0 12 2.59 12 4s-4.556 4-12 4-12-2.59-12-4 4.556-4 12-4m0-2c-7.732 0-14 2.686-14 6s6.268 6 14 6 14-2.686 14-6-6.268-6-14-6"/><path fill="#0288d1" d="M16 14a2 2 0 1 0 2 2 2 2 0 0 0-2-2"/><path fill="#0288d1" d="M10.458 5.507c2.017 0 5.937 3.177 9.006 8.493 3.722 6.447 3.757 11.687 2.536 12.392a.9.9 0 0 1-.457.1c-2.017 0-5.938-3.176-9.007-8.492C8.814 11.553 8.779 6.313 10 5.608a.9.9 0 0 1 .458-.1m-.001-2A2.87 2.87 0 0 0 9 3.875C6.13 5.532 6.938 12.304 10.804 19c3.284 5.69 7.72 9.493 10.74 9.493A2.87 2.87 0 0 0 23 28.124c2.87-1.656 2.062-8.428-1.804-15.124-3.284-5.69-7.72-9.493-10.74-9.493Z"/><path fill="#0288d1" d="M21.543 5.507a.9.9 0 0 1 .457.1c1.221.706 1.186 5.946-2.536 12.393-3.07 5.316-6.99 8.493-9.007 8.493a.9.9 0 0 1-.457-.1C8.779 25.686 8.814 20.446 12.536 14c3.07-5.316 6.99-8.493 9.007-8.493m0-2c-3.02 0-7.455 3.804-10.74 9.493C6.939 19.696 6.13 26.468 9 28.124a2.87 2.87 0 0 0 1.457.369c3.02 0 7.455-3.804 10.74-9.493C25.061 12.304 25.87 5.532 23 3.876a2.87 2.87 0 0 0-1.457-.369"/></svg>';
+const TsIcon = '<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 16 16"><path fill="#0288d1" d="M2 2v12h12V2zm4 6h3v1H8v4H7V9H6zm5 0h2v1h-2v1h1a1.003 1.003 0 0 1 1 1v1a1.003 1.003 0 0 1-1 1h-2v-1h2v-1h-1a1.003 1.003 0 0 1-1-1V9a1.003 1.003 0 0 1 1-1"/></svg>';
+const VueIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#41b883" d="M1.791 3.851 12 21.471 22.209 3.936V3.85H18.24l-6.18 10.616L5.906 3.851z"/><path fill="#35495e" d="m5.907 3.851 6.152 10.617L18.24 3.851h-3.723L12.084 8.03 9.66 3.85z"/></svg>';
+const XmlIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#8bc34a" d="M13 9h5.5L13 3.5zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2m.12 13.5 3.74 3.74 1.42-1.41-2.33-2.33 2.33-2.33-1.42-1.41zm11.16 0-3.74-3.74-1.42 1.41 2.33 2.33-2.33 2.33 1.42 1.41z"/></svg>';
+const YamlIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#ff5252" d="M13 9h5.5L13 3.5zM6 2h8l6 6v12c0 1.1-.9 2-2 2H6c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2m12 16v-2H9v2zm-4-4v-2H6v2z"/></svg>';
+const materialCoreMap = {
+  "": TextIcon,
+  "plain": PlainIcon,
+  "text": TextIcon,
+  "javascript": JsIcon,
+  "typescript": TsIcon,
+  "jsx": JsxIcon,
+  "tsx": TsxIcon,
+  "html": HtmlIcon,
+  "css": CssIcon,
+  "scss": ScssIcon,
+  "json": JsonIcon,
+  "python": PythonIcon,
+  "ruby": RubyIcon,
+  "go": GoIcon,
+  "java": JavaIcon,
+  "kotlin": KotlinIcon,
+  "c": CIcon,
+  "cpp": CppIcon,
+  "cs": CsharpIcon,
+  "csharp": CsharpIcon,
+  "php": PhpIcon,
+  "shell": ShellIcon,
+  "powershell": PowershellIcon,
+  "sql": SqlIcon,
+  "yaml": YamlIcon,
+  "markdown": MarkdownIcon,
+  "xml": XmlIcon,
+  "rust": RustIcon,
+  "vue": VueIcon,
+  "mermaid": MermaidIcon
+};
+const FallbackIcon = '<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="#ff7043" d="M2 2a1 1 0 0 0-1 1v10c0 .554.446 1 1 1h12c.554 0 1-.446 1-1V3a1 1 0 0 0-1-1zm0 3h12v8H2zm1 2 2 2-2 2 1 1 3-3-3-3zm5 3.5V12h5v-1.5z"/></svg>';
+const materialIconTheme = {
+  id: "material",
+  core: materialCoreMap,
+  fallback: FallbackIcon,
+  loadExtended: () => import("./extended-CKyCqQt3.js").then((m) => m.materialExtendedMap)
+};
+const themes = /* @__PURE__ */ new Map();
+let activeThemeId = "material";
+const extendedCache = /* @__PURE__ */ new Map();
+const extendedPromises = /* @__PURE__ */ new Map();
+let _bumpRevision = null;
+function _setRevisionBumper(fn) {
+  _bumpRevision = fn;
+}
+function registerIconTheme(theme) {
+  themes.set(theme.id, theme);
+}
+function setIconTheme(id) {
+  if (!themes.has(id))
+    throw new Error(`[markstream-vue] Unknown icon theme: "${id}". Registered: ${[...themes.keys()].join(", ")}`);
+  activeThemeId = id;
+  _bumpRevision?.();
+  const theme = themes.get(id);
+  if (theme.loadExtended && !extendedCache.has(id))
+    void loadThemeExtended(theme);
+}
+function getRegisteredThemes() {
+  return [...themes.keys()];
+}
+function resolveFromTheme(normalized) {
+  const theme = themes.get(activeThemeId);
+  if (!theme)
+    return void 0;
+  const coreHit = theme.core[normalized];
+  if (coreHit)
+    return coreHit;
+  const ext = extendedCache.get(theme.id);
+  if (ext) {
+    const extHit = ext[normalized];
+    if (extHit)
+      return extHit;
+  }
+  if (theme.loadExtended && !extendedCache.has(theme.id))
+    void loadThemeExtended(theme);
+  return void 0;
+}
+function getThemeFallback() {
+  return themes.get(activeThemeId)?.fallback ?? "";
+}
+async function loadThemeExtended(theme) {
+  if (extendedCache.has(theme.id))
+    return extendedCache.get(theme.id) ?? null;
+  let promise = extendedPromises.get(theme.id);
+  if (!promise) {
+    promise = (theme.loadExtended?.() ?? Promise.resolve(null)).then((map) => {
+      extendedCache.set(theme.id, map);
+      _bumpRevision?.();
+      return map;
+    }).catch(() => {
+      extendedCache.set(theme.id, null);
+      return null;
+    });
+    extendedPromises.set(theme.id, promise);
+  }
+  return promise;
+}
+async function preloadActiveThemeExtended() {
+  const theme = themes.get(activeThemeId);
+  if (theme?.loadExtended)
+    await loadThemeExtended(theme);
+}
+let userLanguageIconResolver = null;
+const [iconRevision, setIconRevision] = createSignal(0);
+const languageIconsRevision = iconRevision;
+_setRevisionBumper(() => {
+  setIconRevision((value) => value + 1);
+});
+registerIconTheme(materialIconTheme);
+const LANGUAGE_ALIAS_MAP = {
+  "": "",
+  "javascript": "javascript",
+  "js": "javascript",
+  "mjs": "javascript",
+  "cjs": "javascript",
+  "typescript": "typescript",
+  "ts": "typescript",
+  "jsx": "jsx",
+  "tsx": "tsx",
+  "golang": "go",
+  "py": "python",
+  "rb": "ruby",
+  "sh": "shell",
+  "bash": "shell",
+  "zsh": "shell",
+  "shellscript": "shell",
+  "bat": "shell",
+  "batch": "shell",
+  "ps1": "powershell",
+  "plaintext": "plain",
+  "text": "plain",
+  "txt": "plain",
+  "c++": "cpp",
+  "c#": "csharp",
+  "cs": "csharp",
+  "objective-c": "objectivec",
+  "objective-c++": "objectivecpp",
+  "yml": "yaml",
+  "md": "markdown",
+  "rs": "rust",
+  "kt": "kotlin"
+};
+function extractLanguageToken(lang) {
+  if (!lang)
+    return "";
+  const trimmed = lang.trim();
+  if (!trimmed)
+    return "";
+  const [firstToken] = trimmed.split(/\s+/);
+  const [base] = firstToken.split(":");
+  return base.toLowerCase();
+}
+function setLanguageIconResolver(resolver) {
+  userLanguageIconResolver = resolver ?? null;
+}
+function normalizeLanguageIdentifier(lang) {
+  const token = extractLanguageToken(lang);
+  return LANGUAGE_ALIAS_MAP[token] ?? token;
+}
+function resolveLanguageId(lang) {
+  const canonical = normalizeLanguageIdentifier(lang);
+  if (!canonical)
+    return "plaintext";
+  switch (canonical) {
+    case "plain":
+      return "plaintext";
+    case "shell":
+      return "zsh";
+    case "svg":
+      return "xml";
+    case "objectivec":
+      return "objective-c";
+    case "objectivecpp":
+      return "objective-cpp";
+    default:
+      return canonical;
+  }
+}
+async function preloadExtendedLanguageIcons() {
+  await preloadActiveThemeExtended();
+}
+function getLanguageIcon(lang) {
+  if (userLanguageIconResolver) {
+    const hit = userLanguageIconResolver(lang);
+    if (hit != null && hit !== "")
+      return hit;
+  }
+  const normalized = normalizeLanguageIdentifier(lang);
+  const themeHit = resolveFromTheme(normalized);
+  if (themeHit)
+    return themeHit;
+  return getThemeFallback();
+}
+const languageMap = {
+  "js": "JavaScript",
+  "javascript": "JavaScript",
+  "ts": "TypeScript",
+  "typescript": "TypeScript",
+  "jsx": "JSX",
+  "tsx": "TSX",
+  "html": "HTML",
+  "css": "CSS",
+  "scss": "SCSS",
+  "json": "JSON",
+  "py": "Python",
+  "python": "Python",
+  "rb": "Ruby",
+  "go": "Go",
+  "java": "Java",
+  "c": "C",
+  "cpp": "C++",
+  "cs": "C#",
+  "csharp": "C#",
+  "php": "PHP",
+  "sh": "Shell",
+  "bash": "Bash",
+  "sql": "SQL",
+  "yaml": "YAML",
+  "md": "Markdown",
+  "d2": "D2",
+  "d2lang": "D2",
+  "": "Plain Text",
+  "plain": "Plain Text"
+};
+export {
+  NodeLifecycleContext as N,
+  getRegisteredThemes as a,
+  getStreamDiffsRuntime as b,
+  getThemeFallback as c,
+  languageMap as d,
+  preloadExtendedLanguageIcons as e,
+  resolveFromTheme as f,
+  getLanguageIcon as g,
+  resolveLanguageId as h,
+  isCodeBlockRuntimeReady as i,
+  setLanguageIconResolver as j,
+  useNodeLifecycle as k,
+  languageIconsRevision as l,
+  normalizeLanguageIdentifier as n,
+  preloadCodeBlockRuntime as p,
+  registerIconTheme as r,
+  setIconTheme as s,
+  useMarkstreamNodeLifecycle as u
+};

package/dist/server/utils/index.js

@@ -0,0 +1,31 @@
+import { N, g, a, i, l, d, n, p, e, r, h, s, j, u } from "../languageIcon-TXkIEBPf.js";
+import { defaultRByClass, estimateRByFormula, recommendNForSamples, recommendWorkerThreshold } from "./katex-threshold.js";
+import { disablePerfMonitoring, enablePerfMonitoring, getPerfReport, perfMonitor } from "./performance-monitor.js";
+import { safeCancelRaf, safeRaf } from "./safeRaf.js";
+export * from "stream-markdown-parser";
+export {
+  N as MARKSTREAM_NODE_LIFECYCLE_KEY,
+  defaultRByClass,
+  disablePerfMonitoring,
+  enablePerfMonitoring,
+  estimateRByFormula,
+  g as getLanguageIcon,
+  getPerfReport,
+  a as getRegisteredThemes,
+  i as isCodeBlockRuntimeReady,
+  l as languageIconsRevision,
+  d as languageMap,
+  n as normalizeLanguageIdentifier,
+  perfMonitor,
+  p as preloadCodeBlockRuntime,
+  e as preloadExtendedLanguageIcons,
+  recommendNForSamples,
+  recommendWorkerThreshold,
+  r as registerIconTheme,
+  h as resolveLanguageId,
+  safeCancelRaf,
+  safeRaf,
+  s as setIconTheme,
+  j as setLanguageIconResolver,
+  u as useMarkstreamNodeLifecycle
+};

package/dist/server/utils/katex-threshold.js

@@ -0,0 +1,41 @@
+function recommendWorkerThreshold({ R, H = 0, B = 50 }) {
+  const denom = R * (1 - H) || 1e-6;
+  const N = Math.max(1, Math.floor(B / denom));
+  return N;
+}
+function estimateRByFormula(sample) {
+  const len = sample.length;
+  const slashes = (sample.match(/\\/g) || []).length;
+  const score = len + slashes * 10;
+  if (score < 10)
+    return "simple";
+  if (score < 40)
+    return "medium";
+  return "complex";
+}
+function defaultRByClass(cls) {
+  switch (cls) {
+    case "simple":
+      return 3;
+    case "medium":
+      return 10;
+    case "complex":
+      return 30;
+  }
+}
+function recommendNForSamples(formulas, opts) {
+  let maxR = 0;
+  for (const f of formulas) {
+    const cls = estimateRByFormula(f);
+    const R = defaultRByClass(cls);
+    if (R > maxR)
+      maxR = R;
+  }
+  return recommendWorkerThreshold({ R: maxR, H: opts?.H ?? 0, B: opts?.B ?? 50 });
+}
+export {
+  defaultRByClass,
+  estimateRByFormula,
+  recommendNForSamples,
+  recommendWorkerThreshold
+};

package/dist/server/utils/performance-monitor.js

@@ -0,0 +1,120 @@
+class PerformanceMonitor {
+  metrics = [];
+  enabled = false;
+  maxMetrics = 1e3;
+  // Prevent memory leak
+  enable() {
+    this.enabled = true;
+  }
+  disable() {
+    this.enabled = false;
+  }
+  recordRender(metrics) {
+    if (!this.enabled)
+      return;
+    this.metrics.push(metrics);
+    if (this.metrics.length > this.maxMetrics) {
+      this.metrics.shift();
+    }
+  }
+  getStats() {
+    if (this.metrics.length === 0) {
+      return {
+        totalRenders: 0,
+        cacheHitRate: 0,
+        averageWorkerTime: 0,
+        averageDirectTime: 0,
+        averageCacheHitTime: 0,
+        workerSavings: 0,
+        recommendation: "Insufficient data"
+      };
+    }
+    const workerMetrics = this.metrics.filter((m) => m.type === "worker" && m.success);
+    const directMetrics = this.metrics.filter((m) => m.type === "direct" && m.success);
+    const cacheHitMetrics = this.metrics.filter((m) => m.type === "cache-hit");
+    const totalRenders = this.metrics.length;
+    const cacheHits = cacheHitMetrics.length;
+    const cacheHitRate = cacheHits / totalRenders * 100;
+    const avgWorkerTime = workerMetrics.length > 0 ? workerMetrics.reduce((sum, m) => sum + m.duration, 0) / workerMetrics.length : 0;
+    const avgDirectTime = directMetrics.length > 0 ? directMetrics.reduce((sum, m) => sum + m.duration, 0) / directMetrics.length : 0;
+    const avgCacheHitTime = cacheHitMetrics.length > 0 ? cacheHitMetrics.reduce((sum, m) => sum + m.duration, 0) / cacheHitMetrics.length : 0;
+    const estimatedDirectTime = totalRenders * avgDirectTime;
+    const actualTime = workerMetrics.reduce((sum, m) => sum + m.duration, 0) + directMetrics.reduce((sum, m) => sum + m.duration, 0) + cacheHitMetrics.reduce((sum, m) => sum + m.duration, 0);
+    const workerSavings = estimatedDirectTime - actualTime;
+    let recommendation = "";
+    if (cacheHitRate > 70 && avgWorkerTime < avgDirectTime * 2) {
+      recommendation = "✅ Worker + Cache is highly beneficial";
+    } else if (cacheHitRate > 50) {
+      recommendation = "✅ Worker + Cache is beneficial";
+    } else if (avgWorkerTime > avgDirectTime * 3) {
+      recommendation = "⚠️ Worker overhead too high, consider direct rendering";
+    } else if (avgDirectTime < 5) {
+      recommendation = "⚠️ Formulas too simple, Worker overhead may not be worth it";
+    } else {
+      recommendation = "✅ Worker prevents main thread blocking";
+    }
+    return {
+      totalRenders,
+      cacheHits,
+      cacheHitRate: cacheHitRate.toFixed(1),
+      workerCalls: workerMetrics.length,
+      directCalls: directMetrics.length,
+      averageWorkerTime: avgWorkerTime.toFixed(2),
+      averageDirectTime: avgDirectTime.toFixed(2),
+      averageCacheHitTime: avgCacheHitTime.toFixed(3),
+      workerSavings: workerSavings.toFixed(2),
+      recommendation
+    };
+  }
+  printReport() {
+    const stats = this.getStats();
+    console.group("📊 KaTeX Rendering Performance Report");
+    console.log(`Total renders: ${stats.totalRenders}`);
+    console.log(`Cache hits: ${stats.cacheHits} (${stats.cacheHitRate}%)`);
+    console.log(`Worker calls: ${stats.workerCalls}`);
+    console.log(`Direct calls: ${stats.directCalls}`);
+    console.log("");
+    console.log("Timing:");
+    console.log(`  Worker average: ${stats.averageWorkerTime}ms`);
+    console.log(`  Direct average: ${stats.averageDirectTime}ms`);
+    console.log(`  Cache hit average: ${stats.averageCacheHitTime}ms`);
+    console.log("");
+    console.log(`Time saved: ${stats.workerSavings}ms`);
+    console.log(`Recommendation: ${stats.recommendation}`);
+    console.groupEnd();
+    return stats;
+  }
+  reset() {
+    this.metrics = [];
+  }
+  // Export metrics for analysis
+  exportMetrics() {
+    return {
+      metrics: [...this.metrics],
+      stats: this.getStats(),
+      timestamp: Date.now()
+    };
+  }
+}
+const perfMonitor = new PerformanceMonitor();
+function enablePerfMonitoring() {
+  perfMonitor.enable();
+  console.log("📊 KaTeX performance monitoring enabled");
+}
+function disablePerfMonitoring() {
+  perfMonitor.disable();
+  console.log("📊 KaTeX performance monitoring disabled");
+}
+function getPerfReport() {
+  return perfMonitor.printReport();
+}
+if (typeof window !== "undefined") {
+  window.__katexPerfReport = getPerfReport;
+  window.__katexPerfMonitor = perfMonitor;
+}
+export {
+  disablePerfMonitoring,
+  enablePerfMonitoring,
+  getPerfReport,
+  perfMonitor
+};

package/dist/server/utils/safeRaf.js

@@ -0,0 +1,28 @@
+function safeRaf(cb) {
+  try {
+    if (typeof globalThis !== "undefined" && typeof globalThis.requestAnimationFrame === "function")
+      return globalThis.requestAnimationFrame(cb);
+  } catch {
+  }
+  return globalThis.setTimeout(cb, 0);
+}
+function safeCancelRaf(id) {
+  try {
+    if (id == null)
+      return;
+    if (typeof globalThis !== "undefined" && typeof globalThis.cancelAnimationFrame === "function") {
+      globalThis.cancelAnimationFrame(id);
+      return;
+    }
+  } catch {
+  }
+  try {
+    ;
+    globalThis.clearTimeout(id);
+  } catch {
+  }
+}
+export {
+  safeCancelRaf,
+  safeRaf
+};