@admin-layout/tailwind-ui 12.2.4-alpha.85 → 12.2.4-alpha.97

package/lib/components/AIToolbar/components/Markdown/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/AIToolbar/components/Markdown/index.tsx"],"names":[],"mappings":"AAIA,UAAU,qBAAqB;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,WAAmB,EAAE,EAAE,qBAAqB,2CAoBhF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/AIToolbar/components/Markdown/index.tsx"],"names":[],"mappings":"AAeA,UAAU,qBAAqB;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,WAAmB,EAAE,EAAE,qBAAqB,2CAsBhF"}

package/lib/components/AIToolbar/components/Markdown/index.js

@@ -1,22 +1,41 @@
-import {jsx}from'react/jsx-runtime';import {Streamdown}from'streamdown';import {openUrl}from'@tauri-apps/plugin-opener';function Markdown({
+import {jsx}from'react/jsx-runtime';import {lazy,Suspense}from'react';import {openUrl}from'@tauri-apps/plugin-opener';// `streamdown` statically pulls in mermaid + shiki + katex (~4 MB uncompressed of
+// diagram/syntax/math renderers). Neither streamdown nor mermaid marks
+// `sideEffects: false`, so a top-level `import { Streamdown } from 'streamdown'`
+// here cannot be tree-shaken out of the package barrel: every app that imports
+// ANYTHING from `@admin-layout/tailwind-ui` (e.g. `import { Spin }`) drags that
+// whole tree into its initial bundle, even on routes that never render markdown.
+//
+// Load it lazily so streamdown/mermaid live in their own async chunk that is only
+// fetched when a Markdown block actually renders. The Suspense fallback shows the
+// raw markdown text (readable, and preserved whitespace) until the renderer loads.
+const Streamdown = lazy(() => import('streamdown').then(mod => ({
+  default: mod.Streamdown
+})));
+function Markdown({
   children,
   isStreaming = false
 }) {
-  return jsx(Streamdown, {
-    isAnimating: isStreaming,
-    shikiTheme: ['github-light', 'github-dark'],
-    components: COMPONENTS,
-    controls: {
-      table: true,
-      code: true,
-      mermaid: {
-        download: true,
-        copy: true,
-        fullscreen: false,
-        panZoom: false
-      }
-    },
-    children: children
+  return jsx(Suspense, {
+    fallback: jsx("span", {
+      className: "whitespace-pre-wrap break-words",
+      children: children
+    }),
+    children: jsx(Streamdown, {
+      isAnimating: isStreaming,
+      shikiTheme: ['github-light', 'github-dark'],
+      components: COMPONENTS,
+      controls: {
+        table: true,
+        code: true,
+        mermaid: {
+          download: true,
+          copy: true,
+          fullscreen: false,
+          panZoom: false
+        }
+      },
+      children: children
+    })
   });
 }
 const COMPONENTS = {

package/lib/components/AIToolbar/components/Markdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/AIToolbar/components/Markdown/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"wHAOC,SAAA,QAAA,CAAA;AAED,EAAA,QAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/AIToolbar/components/Markdown/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"sHAkBC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@admin-layout/tailwind-ui",
-    "version": "12.2.4-alpha.85",
+    "version": "12.2.4-alpha.97",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -93,7 +93,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "57ad95f9f2fb3faed22f90ac047bde3eca75340f",
+    "gitHead": "2e160f665e73ab8d20cc1563363b7088393fc71e",
     "typescript": {
         "definition": "lib/index.d.ts"
     }