@blank-utils/llm 0.3.11 → 0.3.13

package/dist/{chunk-D3AYWZX2.js → chunk-EC7X4767.js}

@@ -1101,10 +1101,10 @@ ${newText}` : newText);
 }
 
 // src/react/components.tsx
-import { RotateCcw, ChevronDown, AlertCircleIcon } from "lucide-react";
+import { RotateCcw, ChevronDown, AlertCircle } from "lucide-react";
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
-import { Streamdown } from "streamdown";
+import { Streamdown, parseMarkdownIntoBlocks } from "streamdown";
 import { code } from "@streamdown/code";
 import { mermaid } from "@streamdown/mermaid";
 import { math } from "@streamdown/math";
@@ -1113,9 +1113,15 @@ import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+function sanitizeMarkdownLanguageBlocks(markdown) {
+  let cleanMarkdown = markdown;
+  cleanMarkdown = cleanMarkdown.replace(/```[ \t]*(?:mer(?:m|ma|mai)?|mmd|graphviz)[ \t]*\n/gi, "```mermaid\n");
+  cleanMarkdown = cleanMarkdown.replace(/```[ \t]*\n[ \t]*(graph(?: TB| TD| BT| RL| LR)|sequenceDiagram|classDiagram|stateDiagram|pie(?: title)?|flowchart|gantt|journey)/gi, "```mermaid\n$1");
+  return parseMarkdownIntoBlocks(cleanMarkdown);
+}
 var CustomMermaidError = ({ error, retry }) => /* @__PURE__ */ jsxs3("div", { className: "rounded-lg border border-red-500/20 bg-red-500/10 p-4 my-4 font-sans", children: [
   /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ jsx3("span", { className: "text-xl", children: /* @__PURE__ */ jsx3(AlertCircleIcon, { className: "text-red-500" }) }),
+    /* @__PURE__ */ jsx3("span", { className: "text-xl", children: /* @__PURE__ */ jsx3(AlertCircle, { className: "w-5 h-5 text-red-500" }) }),
     /* @__PURE__ */ jsx3("p", { className: "font-semibold text-red-500 text-sm", children: "Failed to render Mermaid diagram" })
   ] }),
   /* @__PURE__ */ jsx3("div", { className: "mt-2 text-red-400/80 text-xs overflow-x-auto whitespace-pre-wrap font-mono", children: error }),
@@ -1448,6 +1454,7 @@ function Chat({
             isAnimating: false,
             mermaid: mermaidOptions,
             controls: streamdownControls,
+            parseMarkdownIntoBlocksFn: sanitizeMarkdownLanguageBlocks,
             children: msg.content
           }
         ) })
@@ -1460,6 +1467,7 @@ function Chat({
           isAnimating: false,
           mermaid: mermaidOptions,
           controls: streamdownControls,
+          parseMarkdownIntoBlocksFn: sanitizeMarkdownLanguageBlocks,
           children: msg.content
         }
       ) }) }, i)),
@@ -1472,6 +1480,7 @@ function Chat({
           isAnimating: isGenerating,
           mermaid: mermaidOptions,
           controls: streamdownControls,
+          parseMarkdownIntoBlocksFn: sanitizeMarkdownLanguageBlocks,
           children: streamingText
         }
       ) }) }),

package/dist/index.js

@@ -26,7 +26,7 @@ import {
   useCompletion,
   useLLM,
   useStream
-} from "./chunk-D3AYWZX2.js";
+} from "./chunk-EC7X4767.js";
 export {
   Chat,
   ChatInput,

package/dist/react/index.js

@@ -9,7 +9,7 @@ import {
   useCompletion,
   useLLM,
   useStream
-} from "../chunk-D3AYWZX2.js";
+} from "../chunk-EC7X4767.js";
 export {
   Chat,
   ChatApp,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blank-utils/llm",
-  "version": "0.3.11",
+  "version": "0.3.13",
   "description": "Run LLMs directly in your browser with WebGPU acceleration. Supports React hooks and eager background loading.",
   "type": "module",
   "main": "./dist/index.js",