@assistant-ui/react-markdown 0.0.5 → 0.1.0

package/dist/index.d.mts

@@ -1,5 +1,7 @@
+import * as react from 'react';
 import { ComponentType, FC } from 'react';
 import { Options } from 'react-markdown';
+import { TextContentPartProps } from '@assistant-ui/react';
 
 type PreComponent = NonNullable<NonNullable<Options["components"]>["pre"]>;
 type CodeComponent = NonNullable<NonNullable<Options["components"]>["code"]>;
@@ -25,4 +27,9 @@ type MarkdownTextPrimitiveProps = Omit<Options, "components" | "children"> & {
 };
 declare const MarkdownTextPrimitive: FC<MarkdownTextPrimitiveProps>;
 
-export { type CodeHeaderProps, MarkdownTextPrimitive, type MarkdownTextPrimitiveProps, type SyntaxHighlighterProps };
+type MakeMarkdownTextProps = MarkdownTextPrimitiveProps;
+declare const makeMarkdownText: ({ className, components: userComponents, ...rest }?: MakeMarkdownTextProps) => react.NamedExoticComponent<TextContentPartProps>;
+
+declare const CodeHeader: FC<CodeHeaderProps>;
+
+export { CodeHeader, type CodeHeaderProps, type MakeMarkdownTextProps, MarkdownTextPrimitive, type MarkdownTextPrimitiveProps, type SyntaxHighlighterProps, makeMarkdownText };

package/dist/index.d.ts

@@ -1,5 +1,7 @@
+import * as react from 'react';
 import { ComponentType, FC } from 'react';
 import { Options } from 'react-markdown';
+import { TextContentPartProps } from '@assistant-ui/react';
 
 type PreComponent = NonNullable<NonNullable<Options["components"]>["pre"]>;
 type CodeComponent = NonNullable<NonNullable<Options["components"]>["code"]>;
@@ -25,4 +27,9 @@ type MarkdownTextPrimitiveProps = Omit<Options, "components" | "children"> & {
 };
 declare const MarkdownTextPrimitive: FC<MarkdownTextPrimitiveProps>;
 
-export { type CodeHeaderProps, MarkdownTextPrimitive, type MarkdownTextPrimitiveProps, type SyntaxHighlighterProps };
+type MakeMarkdownTextProps = MarkdownTextPrimitiveProps;
+declare const makeMarkdownText: ({ className, components: userComponents, ...rest }?: MakeMarkdownTextProps) => react.NamedExoticComponent<TextContentPartProps>;
+
+declare const CodeHeader: FC<CodeHeaderProps>;
+
+export { CodeHeader, type CodeHeaderProps, type MakeMarkdownTextProps, MarkdownTextPrimitive, type MarkdownTextPrimitiveProps, type SyntaxHighlighterProps, makeMarkdownText };

package/dist/index.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -30,15 +31,17 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  MarkdownTextPrimitive: () => MarkdownTextPrimitive
+  CodeHeader: () => CodeHeader,
+  MarkdownTextPrimitive: () => MarkdownTextPrimitive,
+  makeMarkdownText: () => makeMarkdownText
 });
 module.exports = __toCommonJS(src_exports);
 
-// src/MarkdownText.tsx
+// src/primitives/MarkdownText.tsx
 var import_react3 = require("@assistant-ui/react");
 var import_react_markdown = __toESM(require("react-markdown"));
 
-// src/PreOverride.tsx
+// src/overrides/PreOverride.tsx
 var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
 var PreContext = (0, import_react.createContext)(null);
@@ -46,29 +49,45 @@ var PreOverride = ({ children, ...rest }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreContext.Provider, { value: rest, children });
 };
 
-// src/defaultComponents.tsx
+// src/overrides/defaultComponents.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var DefaultPre = ({ node, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("pre", { ...rest });
 var DefaultCode = ({ node, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("code", { ...rest });
 var DefaultSyntaxHighlighter = ({ components: { Pre, Code }, code }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Pre, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Code, { children: code }) });
 var DefaultCodeHeader = () => null;
 
-// src/MarkdownText.tsx
+// src/primitives/MarkdownText.tsx
 var import_react_use_callback_ref2 = require("@radix-ui/react-use-callback-ref");
 
-// src/CodeOverride.tsx
+// src/overrides/CodeOverride.tsx
 var import_react2 = require("react");
-var import_react_slot = require("@radix-ui/react-slot");
 var import_react_use_callback_ref = require("@radix-ui/react-use-callback-ref");
+
+// src/overrides/withDefaults.tsx
+var import_classnames = __toESM(require("classnames"));
+var withDefaultProps = ({
+  className,
+  ...defaultProps
+}) => ({ className: classNameProp, ...props }) => {
+  return {
+    className: (0, import_classnames.default)(className, classNameProp),
+    ...defaultProps,
+    ...props
+  };
+};
+
+// src/overrides/CodeOverride.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var CodeBlockOverride = ({
-  components: { Pre, Code, SyntaxHighlighter, CodeHeader },
+  components: { Pre, Code, SyntaxHighlighter, CodeHeader: CodeHeader2 },
   children,
   ...codeProps
 }) => {
   const preProps = (0, import_react2.useContext)(PreContext);
-  const WrappedPre = (0, import_react_use_callback_ref.useCallbackRef)((props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_slot.Slot, { ...preProps, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Pre, { ...props }) }));
-  const WrappedCode = (0, import_react_use_callback_ref.useCallbackRef)((props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_slot.Slot, { ...codeProps, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Code, { ...props }) }));
+  const getPreProps = withDefaultProps(preProps);
+  const WrappedPre = (0, import_react_use_callback_ref.useCallbackRef)((props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Pre, { ...getPreProps(props) }));
+  const getCodeProps = withDefaultProps(codeProps);
+  const WrappedCode = (0, import_react_use_callback_ref.useCallbackRef)((props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Code, { ...getCodeProps(props) }));
   const components = (0, import_react2.useMemo)(
     () => ({ Pre: WrappedPre, Code: WrappedCode }),
     [WrappedPre, WrappedCode]
@@ -77,7 +96,7 @@ var CodeBlockOverride = ({
   const code = children;
   const SH = language ? SyntaxHighlighter : DefaultSyntaxHighlighter;
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CodeHeader, { language, code }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CodeHeader2, { language, code }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       SH,
       {
@@ -97,7 +116,7 @@ var CodeOverride = ({
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CodeBlockOverride, { components, ...props });
 };
 
-// src/MarkdownText.tsx
+// src/primitives/MarkdownText.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var { useSmooth } = import_react3.INTERNAL;
 var MarkdownTextPrimitive = ({
@@ -113,7 +132,7 @@ var MarkdownTextPrimitive = ({
     pre = DefaultPre,
     code = DefaultCode,
     SyntaxHighlighter = DefaultSyntaxHighlighter,
-    CodeHeader = DefaultCodeHeader,
+    CodeHeader: CodeHeader2 = DefaultCodeHeader,
     ...componentsRest
   } = userComponents ?? {};
   const components = {
@@ -122,15 +141,95 @@ var MarkdownTextPrimitive = ({
     code: (0, import_react_use_callback_ref2.useCallbackRef)((props) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       CodeOverride,
       {
-        components: { Pre: pre, Code: code, SyntaxHighlighter, CodeHeader },
+        components: { Pre: pre, Code: code, SyntaxHighlighter, CodeHeader: CodeHeader2 },
         ...props
       }
     ))
   };
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_markdown.default, { components, ...rest, children: smoothText });
 };
+
+// src/ui/markdown-text.tsx
+var import_react6 = require("react");
+
+// src/ui/code-header.tsx
+var import_lucide_react = require("lucide-react");
+var import_react5 = require("@assistant-ui/react");
+
+// src/ui/useCopyToClipboard.tsx
+var import_react4 = require("react");
+var useCopyToClipboard = ({
+  copiedDuration = 3e3
+} = {}) => {
+  const [isCopied, setIsCopied] = (0, import_react4.useState)(false);
+  const copyToClipboard = (value) => {
+    if (!value) return;
+    navigator.clipboard.writeText(value).then(() => {
+      setIsCopied(true);
+      setTimeout(() => setIsCopied(false), copiedDuration);
+    });
+  };
+  return { isCopied, copyToClipboard };
+};
+
+// src/ui/code-header.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var { TooltipIconButton } = import_react5.INTERNAL;
+var CodeHeader = ({ language, code }) => {
+  const {
+    strings: {
+      code: { header: { copy: { tooltip = "Copy" } = {} } = {} } = {}
+    } = {}
+  } = (0, import_react5.useThreadConfig)();
+  const { isCopied, copyToClipboard } = useCopyToClipboard();
+  const onCopy = () => {
+    if (!code || isCopied) return;
+    copyToClipboard(code);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "aui-code-header-root", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "aui-code-header-language", children: language }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(TooltipIconButton, { tooltip, onClick: onCopy, children: [
+      !isCopied && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.CopyIcon, {}),
+      isCopied && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.CheckIcon, {})
+    ] })
+  ] });
+};
+
+// src/ui/markdown-text.tsx
+var import_classnames2 = __toESM(require("classnames"));
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var makeMarkdownText = ({
+  className,
+  components: userComponents,
+  ...rest
+} = {}) => {
+  const components = {
+    ...userComponents,
+    CodeHeader: userComponents?.CodeHeader ?? CodeHeader
+  };
+  const MarkdownTextImpl = ({ status }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      "div",
+      {
+        className: (0, import_classnames2.default)(
+          "aui-md-root",
+          status.type === "in_progress" && "aui-md-in-progress",
+          className
+        ),
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MarkdownTextPrimitive, { components, ...rest })
+      }
+    );
+  };
+  MarkdownTextImpl.displayName = "MarkdownText";
+  return (0, import_react6.memo)(
+    MarkdownTextImpl,
+    (prev, next) => prev.status.type === next.status.type
+  );
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  MarkdownTextPrimitive
+  CodeHeader,
+  MarkdownTextPrimitive,
+  makeMarkdownText
 });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/MarkdownText.tsx","../src/PreOverride.tsx","../src/defaultComponents.tsx","../src/CodeOverride.tsx"],"sourcesContent":["export {\n  MarkdownTextPrimitive,\n  type MarkdownTextPrimitiveProps,\n} from \"./MarkdownText\";\n\nexport type { CodeHeaderProps, SyntaxHighlighterProps } from \"./types\";\n","import { INTERNAL, useContentPartText } from \"@assistant-ui/react\";\nimport type { ComponentType, FC } from \"react\";\nimport ReactMarkdown, { type Options } from \"react-markdown\";\nimport { SyntaxHighlighterProps, CodeHeaderProps } from \"./types\";\nimport { PreOverride } from \"./PreOverride\";\nimport {\n  DefaultPre,\n  DefaultCode,\n  DefaultSyntaxHighlighter,\n  DefaultCodeHeader,\n} from \"./defaultComponents\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { CodeOverride } from \"./CodeOverride\";\n\nconst { useSmooth } = INTERNAL;\n\nexport type MarkdownTextPrimitiveProps = Omit<\n  Options,\n  \"components\" | \"children\"\n> & {\n  components?: NonNullable<Options[\"components\"]> & {\n    SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps>;\n    CodeHeader?: ComponentType<CodeHeaderProps>;\n  };\n  smooth?: boolean;\n};\nexport const MarkdownTextPrimitive: FC<MarkdownTextPrimitiveProps> = ({\n  smooth = true,\n  components: userComponents,\n  ...rest\n}) => {\n  const {\n    part: { text },\n  } = useContentPartText();\n  const smoothText = useSmooth(text, smooth);\n\n  const {\n    pre = DefaultPre,\n    code = DefaultCode,\n    SyntaxHighlighter = DefaultSyntaxHighlighter,\n    CodeHeader = DefaultCodeHeader,\n    ...componentsRest\n  } = userComponents ?? {};\n  const components: typeof userComponents = {\n    ...componentsRest,\n    pre: PreOverride,\n    code: useCallbackRef((props) => (\n      <CodeOverride\n        components={{ Pre: pre, Code: code, SyntaxHighlighter, CodeHeader }}\n        {...props}\n      />\n    )),\n  };\n\n  return (\n    <ReactMarkdown components={components} {...rest}>\n      {smoothText}\n    </ReactMarkdown>\n  );\n};\n","import { createContext, ComponentPropsWithoutRef } from \"react\";\nimport { PreComponent } from \"./types\";\n\nexport const PreContext = createContext<Omit<\n  ComponentPropsWithoutRef<PreComponent>,\n  \"children\"\n> | null>(null);\n\nexport const PreOverride: PreComponent = ({ children, ...rest }) => {\n  return <PreContext.Provider value={rest}>{children}</PreContext.Provider>;\n};\n","import type { ComponentType } from \"react\";\nimport {\n  PreComponent,\n  CodeComponent,\n  SyntaxHighlighterProps,\n  CodeHeaderProps,\n} from \"./types\";\n\nexport const DefaultPre: PreComponent = ({ node, ...rest }) => (\n  <pre {...rest} />\n);\nexport const DefaultCode: CodeComponent = ({ node, ...rest }) => (\n  <code {...rest} />\n);\nexport const DefaultSyntaxHighlighter: ComponentType<\n  SyntaxHighlighterProps\n> = ({ components: { Pre, Code }, code }) => (\n  <Pre>\n    <Code>{code}</Code>\n  </Pre>\n);\nexport const DefaultCodeHeader: ComponentType<CodeHeaderProps> = () => null;\n","import {\n  ComponentPropsWithoutRef,\n  ComponentType,\n  FC,\n  useContext,\n  useMemo,\n} from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { PreContext } from \"./PreOverride\";\nimport {\n  CodeComponent,\n  CodeHeaderProps,\n  PreComponent,\n  SyntaxHighlighterProps,\n} from \"./types\";\nimport { DefaultSyntaxHighlighter } from \"./defaultComponents\";\n\ntype CodeOverrideProps = ComponentPropsWithoutRef<CodeComponent> & {\n  components: {\n    Pre: PreComponent;\n    Code: CodeComponent;\n    CodeHeader: ComponentType<CodeHeaderProps>;\n    SyntaxHighlighter: ComponentType<SyntaxHighlighterProps>;\n  };\n};\n\nconst CodeBlockOverride: FC<CodeOverrideProps> = ({\n  components: { Pre, Code, SyntaxHighlighter, CodeHeader },\n  children,\n  ...codeProps\n}) => {\n  const preProps = useContext(PreContext);\n  const WrappedPre: PreComponent = useCallbackRef((props) => (\n    <Slot {...(preProps as any)}>\n      <Pre {...props} />\n    </Slot>\n  ));\n  const WrappedCode: CodeComponent = useCallbackRef((props) => (\n    <Slot {...(codeProps as any)}>\n      <Code {...props} />\n    </Slot>\n  ));\n\n  const components = useMemo(\n    () => ({ Pre: WrappedPre, Code: WrappedCode }),\n    [WrappedPre, WrappedCode],\n  );\n\n  const language = /language-(\\w+)/.exec(codeProps.className || \"\")?.[1];\n  const code = children as string;\n  const SH = language ? SyntaxHighlighter : DefaultSyntaxHighlighter;\n\n  return (\n    <>\n      <CodeHeader language={language} code={code} />\n      <SH\n        components={components}\n        language={language ?? \"unknown\"}\n        code={code}\n      />\n    </>\n  );\n};\n\nexport const CodeOverride: FC<CodeOverrideProps> = ({\n  components,\n  ...props\n}) => {\n  const preProps = useContext(PreContext);\n  if (!preProps) return <components.Code {...(props as any)} />;\n  return <CodeBlockOverride components={components} {...props} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAA,gBAA6C;AAE7C,4BAA4C;;;ACF5C,mBAAwD;AAS/C;AANF,IAAM,iBAAa,4BAGhB,IAAI;AAEP,IAAM,cAA4B,CAAC,EAAE,UAAU,GAAG,KAAK,MAAM;AAClE,SAAO,4CAAC,WAAW,UAAX,EAAoB,OAAO,MAAO,UAAS;AACrD;;;ACDE,IAAAC,sBAAA;AADK,IAAM,aAA2B,CAAC,EAAE,MAAM,GAAG,KAAK,MACvD,6CAAC,SAAK,GAAG,MAAM;AAEV,IAAM,cAA6B,CAAC,EAAE,MAAM,GAAG,KAAK,MACzD,6CAAC,UAAM,GAAG,MAAM;AAEX,IAAM,2BAET,CAAC,EAAE,YAAY,EAAE,KAAK,KAAK,GAAG,KAAK,MACrC,6CAAC,OACC,uDAAC,QAAM,gBAAK,GACd;AAEK,IAAM,oBAAoD,MAAM;;;AFVvE,IAAAC,iCAA+B;;;AGX/B,IAAAC,gBAMO;AACP,wBAAqB;AACrB,oCAA+B;AA2BzB,IAAAC,sBAAA;AARN,IAAM,oBAA2C,CAAC;AAAA,EAChD,YAAY,EAAE,KAAK,MAAM,mBAAmB,WAAW;AAAA,EACvD;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,eAAW,0BAAW,UAAU;AACtC,QAAM,iBAA2B,8CAAe,CAAC,UAC/C,6CAAC,0BAAM,GAAI,UACT,uDAAC,OAAK,GAAG,OAAO,GAClB,CACD;AACD,QAAM,kBAA6B,8CAAe,CAAC,UACjD,6CAAC,0BAAM,GAAI,WACT,uDAAC,QAAM,GAAG,OAAO,GACnB,CACD;AAED,QAAM,iBAAa;AAAA,IACjB,OAAO,EAAE,KAAK,YAAY,MAAM,YAAY;AAAA,IAC5C,CAAC,YAAY,WAAW;AAAA,EAC1B;AAEA,QAAM,WAAW,iBAAiB,KAAK,UAAU,aAAa,EAAE,IAAI,CAAC;AACrE,QAAM,OAAO;AACb,QAAM,KAAK,WAAW,oBAAoB;AAE1C,SACE,8EACE;AAAA,iDAAC,cAAW,UAAoB,MAAY;AAAA,IAC5C;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,UAAU,YAAY;AAAA,QACtB;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEO,IAAM,eAAsC,CAAC;AAAA,EAClD;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,eAAW,0BAAW,UAAU;AACtC,MAAI,CAAC,SAAU,QAAO,6CAAC,WAAW,MAAX,EAAiB,GAAI,OAAe;AAC3D,SAAO,6CAAC,qBAAkB,YAAyB,GAAG,OAAO;AAC/D;;;AHzBM,IAAAC,sBAAA;AAjCN,IAAM,EAAE,UAAU,IAAI;AAYf,IAAM,wBAAwD,CAAC;AAAA,EACpE,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,GAAG;AACL,MAAM;AACJ,QAAM;AAAA,IACJ,MAAM,EAAE,KAAK;AAAA,EACf,QAAI,kCAAmB;AACvB,QAAM,aAAa,UAAU,MAAM,MAAM;AAEzC,QAAM;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,oBAAoB;AAAA,IACpB,aAAa;AAAA,IACb,GAAG;AAAA,EACL,IAAI,kBAAkB,CAAC;AACvB,QAAM,aAAoC;AAAA,IACxC,GAAG;AAAA,IACH,KAAK;AAAA,IACL,UAAM,+CAAe,CAAC,UACpB;AAAA,MAAC;AAAA;AAAA,QACC,YAAY,EAAE,KAAK,KAAK,MAAM,MAAM,mBAAmB,WAAW;AAAA,QACjE,GAAG;AAAA;AAAA,IACN,CACD;AAAA,EACH;AAEA,SACE,6CAAC,sBAAAC,SAAA,EAAc,YAAyB,GAAG,MACxC,sBACH;AAEJ;","names":["import_react","import_jsx_runtime","import_react_use_callback_ref","import_react","import_jsx_runtime","import_jsx_runtime","ReactMarkdown"]}
+{"version":3,"sources":["../src/index.ts","../src/primitives/MarkdownText.tsx","../src/overrides/PreOverride.tsx","../src/overrides/defaultComponents.tsx","../src/overrides/CodeOverride.tsx","../src/overrides/withDefaults.tsx","../src/ui/markdown-text.tsx","../src/ui/code-header.tsx","../src/ui/useCopyToClipboard.tsx"],"sourcesContent":["export {\n  MarkdownTextPrimitive,\n  type MarkdownTextPrimitiveProps,\n} from \"./primitives/MarkdownText\";\n\nexport type {\n  CodeHeaderProps,\n  SyntaxHighlighterProps,\n} from \"./overrides/types\";\n\nexport {\n  makeMarkdownText,\n  type MakeMarkdownTextProps,\n} from \"./ui/markdown-text\";\n\nexport { CodeHeader } from \"./ui/code-header\";\n","import { INTERNAL, useContentPartText } from \"@assistant-ui/react\";\nimport type { ComponentType, FC } from \"react\";\nimport ReactMarkdown, { type Options } from \"react-markdown\";\nimport { SyntaxHighlighterProps, CodeHeaderProps } from \"../overrides/types\";\nimport { PreOverride } from \"../overrides/PreOverride\";\nimport {\n  DefaultPre,\n  DefaultCode,\n  DefaultSyntaxHighlighter,\n  DefaultCodeHeader,\n} from \"../overrides/defaultComponents\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { CodeOverride } from \"../overrides/CodeOverride\";\n\nconst { useSmooth } = INTERNAL;\n\nexport type MarkdownTextPrimitiveProps = Omit<\n  Options,\n  \"components\" | \"children\"\n> & {\n  components?: NonNullable<Options[\"components\"]> & {\n    SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps>;\n    CodeHeader?: ComponentType<CodeHeaderProps>;\n  };\n  smooth?: boolean;\n};\nexport const MarkdownTextPrimitive: FC<MarkdownTextPrimitiveProps> = ({\n  smooth = true,\n  components: userComponents,\n  ...rest\n}) => {\n  const {\n    part: { text },\n  } = useContentPartText();\n  const smoothText = useSmooth(text, smooth);\n\n  const {\n    pre = DefaultPre,\n    code = DefaultCode,\n    SyntaxHighlighter = DefaultSyntaxHighlighter,\n    CodeHeader = DefaultCodeHeader,\n    ...componentsRest\n  } = userComponents ?? {};\n  const components: typeof userComponents = {\n    ...componentsRest,\n    pre: PreOverride,\n    code: useCallbackRef((props) => (\n      <CodeOverride\n        components={{ Pre: pre, Code: code, SyntaxHighlighter, CodeHeader }}\n        {...props}\n      />\n    )),\n  };\n\n  return (\n    <ReactMarkdown components={components} {...rest}>\n      {smoothText}\n    </ReactMarkdown>\n  );\n};\n","import { createContext, ComponentPropsWithoutRef } from \"react\";\nimport { PreComponent } from \"./types\";\n\nexport const PreContext = createContext<Omit<\n  ComponentPropsWithoutRef<PreComponent>,\n  \"children\"\n> | null>(null);\n\nexport const PreOverride: PreComponent = ({ children, ...rest }) => {\n  return <PreContext.Provider value={rest}>{children}</PreContext.Provider>;\n};\n","import type { ComponentType } from \"react\";\nimport {\n  PreComponent,\n  CodeComponent,\n  SyntaxHighlighterProps,\n  CodeHeaderProps,\n} from \"./types\";\n\nexport const DefaultPre: PreComponent = ({ node, ...rest }) => (\n  <pre {...rest} />\n);\nexport const DefaultCode: CodeComponent = ({ node, ...rest }) => (\n  <code {...rest} />\n);\nexport const DefaultSyntaxHighlighter: ComponentType<\n  SyntaxHighlighterProps\n> = ({ components: { Pre, Code }, code }) => (\n  <Pre>\n    <Code>{code}</Code>\n  </Pre>\n);\nexport const DefaultCodeHeader: ComponentType<CodeHeaderProps> = () => null;\n","import {\n  ComponentPropsWithoutRef,\n  ComponentType,\n  FC,\n  useContext,\n  useMemo,\n} from \"react\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { PreContext } from \"./PreOverride\";\nimport {\n  CodeComponent,\n  CodeHeaderProps,\n  PreComponent,\n  SyntaxHighlighterProps,\n} from \"./types\";\nimport { DefaultSyntaxHighlighter } from \"./defaultComponents\";\nimport { withDefaultProps } from \"./withDefaults\";\n\ntype CodeOverrideProps = ComponentPropsWithoutRef<CodeComponent> & {\n  components: {\n    Pre: PreComponent;\n    Code: CodeComponent;\n    CodeHeader: ComponentType<CodeHeaderProps>;\n    SyntaxHighlighter: ComponentType<SyntaxHighlighterProps>;\n  };\n};\n\nconst CodeBlockOverride: FC<CodeOverrideProps> = ({\n  components: { Pre, Code, SyntaxHighlighter, CodeHeader },\n  children,\n  ...codeProps\n}) => {\n  const preProps = useContext(PreContext)!;\n  const getPreProps = withDefaultProps<any>(preProps);\n  const WrappedPre: PreComponent = useCallbackRef((props) => (\n    <Pre {...getPreProps(props)} />\n  ));\n\n  const getCodeProps = withDefaultProps<any>(codeProps);\n  const WrappedCode: CodeComponent = useCallbackRef((props) => (\n    <Code {...getCodeProps(props)} />\n  ));\n\n  const components = useMemo(\n    () => ({ Pre: WrappedPre, Code: WrappedCode }),\n    [WrappedPre, WrappedCode],\n  );\n\n  const language = /language-(\\w+)/.exec(codeProps.className || \"\")?.[1];\n  const code = children as string;\n  const SH = language ? SyntaxHighlighter : DefaultSyntaxHighlighter;\n\n  return (\n    <>\n      <CodeHeader language={language} code={code} />\n      <SH\n        components={components}\n        language={language ?? \"unknown\"}\n        code={code}\n      />\n    </>\n  );\n};\n\nexport const CodeOverride: FC<CodeOverrideProps> = ({\n  components,\n  ...props\n}) => {\n  const preProps = useContext(PreContext);\n  if (!preProps) return <components.Code {...(props as any)} />;\n  return <CodeBlockOverride components={components} {...props} />;\n};\n","import classNames from \"classnames\";\n\nexport const withDefaultProps =\n  <TProps extends { className?: string | undefined }>({\n    className,\n    ...defaultProps\n  }: Partial<TProps>) =>\n  ({ className: classNameProp, ...props }: TProps) => {\n    return {\n      className: classNames(className, classNameProp),\n      ...defaultProps,\n      ...props,\n    } as TProps;\n  };\n","import { TextContentPartProps } from \"@assistant-ui/react\";\nimport { FC, memo } from \"react\";\nimport { CodeHeader } from \"./code-header\";\nimport classNames from \"classnames\";\nimport {\n  MarkdownTextPrimitive,\n  MarkdownTextPrimitiveProps,\n} from \"../primitives/MarkdownText\";\n\nexport type MakeMarkdownTextProps = MarkdownTextPrimitiveProps;\n\nexport const makeMarkdownText = ({\n  className,\n  components: userComponents,\n  ...rest\n}: MakeMarkdownTextProps = {}) => {\n  const components = {\n    ...userComponents,\n    CodeHeader: userComponents?.CodeHeader ?? CodeHeader,\n  };\n\n  const MarkdownTextImpl: FC<TextContentPartProps> = ({ status }) => {\n    return (\n      <div\n        className={classNames(\n          \"aui-md-root\",\n          status.type === \"in_progress\" && \"aui-md-in-progress\",\n          className,\n        )}\n      >\n        <MarkdownTextPrimitive components={components} {...rest} />\n      </div>\n    );\n  };\n  MarkdownTextImpl.displayName = \"MarkdownText\";\n\n  return memo(\n    MarkdownTextImpl,\n    (prev, next) => prev.status.type === next.status.type,\n  );\n};\n","import { FC } from \"react\";\nimport { CheckIcon, CopyIcon } from \"lucide-react\";\nimport { useThreadConfig, INTERNAL } from \"@assistant-ui/react\";\n\nimport { CodeHeaderProps } from \"../overrides/types\";\nimport { useCopyToClipboard } from \"./useCopyToClipboard\";\n\nconst { TooltipIconButton } = INTERNAL;\n\nexport const CodeHeader: FC<CodeHeaderProps> = ({ language, code }) => {\n  const {\n    strings: {\n      code: { header: { copy: { tooltip = \"Copy\" } = {} } = {} } = {},\n    } = {},\n  } = useThreadConfig();\n\n  const { isCopied, copyToClipboard } = useCopyToClipboard();\n  const onCopy = () => {\n    if (!code || isCopied) return;\n    copyToClipboard(code);\n  };\n\n  return (\n    <div className=\"aui-code-header-root\">\n      <span className=\"aui-code-header-language\">{language}</span>\n      <TooltipIconButton tooltip={tooltip} onClick={onCopy}>\n        {!isCopied && <CopyIcon />}\n        {isCopied && <CheckIcon />}\n      </TooltipIconButton>\n    </div>\n  );\n};\n","import { useState } from \"react\";\nimport { UseActionBarCopyProps } from \"@assistant-ui/react\";\n\nexport type useCopyToClipboardProps = UseActionBarCopyProps;\n\nexport const useCopyToClipboard = ({\n  copiedDuration = 3000,\n}: useCopyToClipboardProps = {}) => {\n  const [isCopied, setIsCopied] = useState<boolean>(false);\n\n  const copyToClipboard = (value: string) => {\n    if (!value) return;\n\n    navigator.clipboard.writeText(value).then(() => {\n      setIsCopied(true);\n      setTimeout(() => setIsCopied(false), copiedDuration);\n    });\n  };\n\n  return { isCopied, copyToClipboard };\n};\n"],"mappings":"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","names":["import_react","import_jsx_runtime","import_react_use_callback_ref","import_react","classNames","import_jsx_runtime","CodeHeader","import_jsx_runtime","CodeHeader","ReactMarkdown","import_react","import_react","import_react","import_jsx_runtime","import_classnames","import_jsx_runtime","classNames"]}

package/dist/index.mjs

@@ -1,8 +1,10 @@
-// src/MarkdownText.tsx
+"use client";
+
+// src/primitives/MarkdownText.tsx
 import { INTERNAL, useContentPartText } from "@assistant-ui/react";
 import ReactMarkdown from "react-markdown";
 
-// src/PreOverride.tsx
+// src/overrides/PreOverride.tsx
 import { createContext } from "react";
 import { jsx } from "react/jsx-runtime";
 var PreContext = createContext(null);
@@ -10,32 +12,48 @@ var PreOverride = ({ children, ...rest }) => {
   return /* @__PURE__ */ jsx(PreContext.Provider, { value: rest, children });
 };
 
-// src/defaultComponents.tsx
+// src/overrides/defaultComponents.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
 var DefaultPre = ({ node, ...rest }) => /* @__PURE__ */ jsx2("pre", { ...rest });
 var DefaultCode = ({ node, ...rest }) => /* @__PURE__ */ jsx2("code", { ...rest });
 var DefaultSyntaxHighlighter = ({ components: { Pre, Code }, code }) => /* @__PURE__ */ jsx2(Pre, { children: /* @__PURE__ */ jsx2(Code, { children: code }) });
 var DefaultCodeHeader = () => null;
 
-// src/MarkdownText.tsx
+// src/primitives/MarkdownText.tsx
 import { useCallbackRef as useCallbackRef2 } from "@radix-ui/react-use-callback-ref";
 
-// src/CodeOverride.tsx
+// src/overrides/CodeOverride.tsx
 import {
   useContext,
   useMemo
 } from "react";
-import { Slot } from "@radix-ui/react-slot";
 import { useCallbackRef } from "@radix-ui/react-use-callback-ref";
+
+// src/overrides/withDefaults.tsx
+import classNames from "classnames";
+var withDefaultProps = ({
+  className,
+  ...defaultProps
+}) => ({ className: classNameProp, ...props }) => {
+  return {
+    className: classNames(className, classNameProp),
+    ...defaultProps,
+    ...props
+  };
+};
+
+// src/overrides/CodeOverride.tsx
 import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
 var CodeBlockOverride = ({
-  components: { Pre, Code, SyntaxHighlighter, CodeHeader },
+  components: { Pre, Code, SyntaxHighlighter, CodeHeader: CodeHeader2 },
   children,
   ...codeProps
 }) => {
   const preProps = useContext(PreContext);
-  const WrappedPre = useCallbackRef((props) => /* @__PURE__ */ jsx3(Slot, { ...preProps, children: /* @__PURE__ */ jsx3(Pre, { ...props }) }));
-  const WrappedCode = useCallbackRef((props) => /* @__PURE__ */ jsx3(Slot, { ...codeProps, children: /* @__PURE__ */ jsx3(Code, { ...props }) }));
+  const getPreProps = withDefaultProps(preProps);
+  const WrappedPre = useCallbackRef((props) => /* @__PURE__ */ jsx3(Pre, { ...getPreProps(props) }));
+  const getCodeProps = withDefaultProps(codeProps);
+  const WrappedCode = useCallbackRef((props) => /* @__PURE__ */ jsx3(Code, { ...getCodeProps(props) }));
   const components = useMemo(
     () => ({ Pre: WrappedPre, Code: WrappedCode }),
     [WrappedPre, WrappedCode]
@@ -44,7 +62,7 @@ var CodeBlockOverride = ({
   const code = children;
   const SH = language ? SyntaxHighlighter : DefaultSyntaxHighlighter;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx3(CodeHeader, { language, code }),
+    /* @__PURE__ */ jsx3(CodeHeader2, { language, code }),
     /* @__PURE__ */ jsx3(
       SH,
       {
@@ -64,7 +82,7 @@ var CodeOverride = ({
   return /* @__PURE__ */ jsx3(CodeBlockOverride, { components, ...props });
 };
 
-// src/MarkdownText.tsx
+// src/primitives/MarkdownText.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
 var { useSmooth } = INTERNAL;
 var MarkdownTextPrimitive = ({
@@ -80,7 +98,7 @@ var MarkdownTextPrimitive = ({
     pre = DefaultPre,
     code = DefaultCode,
     SyntaxHighlighter = DefaultSyntaxHighlighter,
-    CodeHeader = DefaultCodeHeader,
+    CodeHeader: CodeHeader2 = DefaultCodeHeader,
     ...componentsRest
   } = userComponents ?? {};
   const components = {
@@ -89,14 +107,94 @@ var MarkdownTextPrimitive = ({
     code: useCallbackRef2((props) => /* @__PURE__ */ jsx4(
       CodeOverride,
       {
-        components: { Pre: pre, Code: code, SyntaxHighlighter, CodeHeader },
+        components: { Pre: pre, Code: code, SyntaxHighlighter, CodeHeader: CodeHeader2 },
         ...props
       }
     ))
   };
   return /* @__PURE__ */ jsx4(ReactMarkdown, { components, ...rest, children: smoothText });
 };
+
+// src/ui/markdown-text.tsx
+import { memo } from "react";
+
+// src/ui/code-header.tsx
+import { CheckIcon, CopyIcon } from "lucide-react";
+import { useThreadConfig, INTERNAL as INTERNAL2 } from "@assistant-ui/react";
+
+// src/ui/useCopyToClipboard.tsx
+import { useState } from "react";
+var useCopyToClipboard = ({
+  copiedDuration = 3e3
+} = {}) => {
+  const [isCopied, setIsCopied] = useState(false);
+  const copyToClipboard = (value) => {
+    if (!value) return;
+    navigator.clipboard.writeText(value).then(() => {
+      setIsCopied(true);
+      setTimeout(() => setIsCopied(false), copiedDuration);
+    });
+  };
+  return { isCopied, copyToClipboard };
+};
+
+// src/ui/code-header.tsx
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var { TooltipIconButton } = INTERNAL2;
+var CodeHeader = ({ language, code }) => {
+  const {
+    strings: {
+      code: { header: { copy: { tooltip = "Copy" } = {} } = {} } = {}
+    } = {}
+  } = useThreadConfig();
+  const { isCopied, copyToClipboard } = useCopyToClipboard();
+  const onCopy = () => {
+    if (!code || isCopied) return;
+    copyToClipboard(code);
+  };
+  return /* @__PURE__ */ jsxs2("div", { className: "aui-code-header-root", children: [
+    /* @__PURE__ */ jsx5("span", { className: "aui-code-header-language", children: language }),
+    /* @__PURE__ */ jsxs2(TooltipIconButton, { tooltip, onClick: onCopy, children: [
+      !isCopied && /* @__PURE__ */ jsx5(CopyIcon, {}),
+      isCopied && /* @__PURE__ */ jsx5(CheckIcon, {})
+    ] })
+  ] });
+};
+
+// src/ui/markdown-text.tsx
+import classNames2 from "classnames";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var makeMarkdownText = ({
+  className,
+  components: userComponents,
+  ...rest
+} = {}) => {
+  const components = {
+    ...userComponents,
+    CodeHeader: userComponents?.CodeHeader ?? CodeHeader
+  };
+  const MarkdownTextImpl = ({ status }) => {
+    return /* @__PURE__ */ jsx6(
+      "div",
+      {
+        className: classNames2(
+          "aui-md-root",
+          status.type === "in_progress" && "aui-md-in-progress",
+          className
+        ),
+        children: /* @__PURE__ */ jsx6(MarkdownTextPrimitive, { components, ...rest })
+      }
+    );
+  };
+  MarkdownTextImpl.displayName = "MarkdownText";
+  return memo(
+    MarkdownTextImpl,
+    (prev, next) => prev.status.type === next.status.type
+  );
+};
 export {
-  MarkdownTextPrimitive
+  CodeHeader,
+  MarkdownTextPrimitive,
+  makeMarkdownText
 };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/MarkdownText.tsx","../src/PreOverride.tsx","../src/defaultComponents.tsx","../src/CodeOverride.tsx"],"sourcesContent":["import { INTERNAL, useContentPartText } from \"@assistant-ui/react\";\nimport type { ComponentType, FC } from \"react\";\nimport ReactMarkdown, { type Options } from \"react-markdown\";\nimport { SyntaxHighlighterProps, CodeHeaderProps } from \"./types\";\nimport { PreOverride } from \"./PreOverride\";\nimport {\n  DefaultPre,\n  DefaultCode,\n  DefaultSyntaxHighlighter,\n  DefaultCodeHeader,\n} from \"./defaultComponents\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { CodeOverride } from \"./CodeOverride\";\n\nconst { useSmooth } = INTERNAL;\n\nexport type MarkdownTextPrimitiveProps = Omit<\n  Options,\n  \"components\" | \"children\"\n> & {\n  components?: NonNullable<Options[\"components\"]> & {\n    SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps>;\n    CodeHeader?: ComponentType<CodeHeaderProps>;\n  };\n  smooth?: boolean;\n};\nexport const MarkdownTextPrimitive: FC<MarkdownTextPrimitiveProps> = ({\n  smooth = true,\n  components: userComponents,\n  ...rest\n}) => {\n  const {\n    part: { text },\n  } = useContentPartText();\n  const smoothText = useSmooth(text, smooth);\n\n  const {\n    pre = DefaultPre,\n    code = DefaultCode,\n    SyntaxHighlighter = DefaultSyntaxHighlighter,\n    CodeHeader = DefaultCodeHeader,\n    ...componentsRest\n  } = userComponents ?? {};\n  const components: typeof userComponents = {\n    ...componentsRest,\n    pre: PreOverride,\n    code: useCallbackRef((props) => (\n      <CodeOverride\n        components={{ Pre: pre, Code: code, SyntaxHighlighter, CodeHeader }}\n        {...props}\n      />\n    )),\n  };\n\n  return (\n    <ReactMarkdown components={components} {...rest}>\n      {smoothText}\n    </ReactMarkdown>\n  );\n};\n","import { createContext, ComponentPropsWithoutRef } from \"react\";\nimport { PreComponent } from \"./types\";\n\nexport const PreContext = createContext<Omit<\n  ComponentPropsWithoutRef<PreComponent>,\n  \"children\"\n> | null>(null);\n\nexport const PreOverride: PreComponent = ({ children, ...rest }) => {\n  return <PreContext.Provider value={rest}>{children}</PreContext.Provider>;\n};\n","import type { ComponentType } from \"react\";\nimport {\n  PreComponent,\n  CodeComponent,\n  SyntaxHighlighterProps,\n  CodeHeaderProps,\n} from \"./types\";\n\nexport const DefaultPre: PreComponent = ({ node, ...rest }) => (\n  <pre {...rest} />\n);\nexport const DefaultCode: CodeComponent = ({ node, ...rest }) => (\n  <code {...rest} />\n);\nexport const DefaultSyntaxHighlighter: ComponentType<\n  SyntaxHighlighterProps\n> = ({ components: { Pre, Code }, code }) => (\n  <Pre>\n    <Code>{code}</Code>\n  </Pre>\n);\nexport const DefaultCodeHeader: ComponentType<CodeHeaderProps> = () => null;\n","import {\n  ComponentPropsWithoutRef,\n  ComponentType,\n  FC,\n  useContext,\n  useMemo,\n} from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { PreContext } from \"./PreOverride\";\nimport {\n  CodeComponent,\n  CodeHeaderProps,\n  PreComponent,\n  SyntaxHighlighterProps,\n} from \"./types\";\nimport { DefaultSyntaxHighlighter } from \"./defaultComponents\";\n\ntype CodeOverrideProps = ComponentPropsWithoutRef<CodeComponent> & {\n  components: {\n    Pre: PreComponent;\n    Code: CodeComponent;\n    CodeHeader: ComponentType<CodeHeaderProps>;\n    SyntaxHighlighter: ComponentType<SyntaxHighlighterProps>;\n  };\n};\n\nconst CodeBlockOverride: FC<CodeOverrideProps> = ({\n  components: { Pre, Code, SyntaxHighlighter, CodeHeader },\n  children,\n  ...codeProps\n}) => {\n  const preProps = useContext(PreContext);\n  const WrappedPre: PreComponent = useCallbackRef((props) => (\n    <Slot {...(preProps as any)}>\n      <Pre {...props} />\n    </Slot>\n  ));\n  const WrappedCode: CodeComponent = useCallbackRef((props) => (\n    <Slot {...(codeProps as any)}>\n      <Code {...props} />\n    </Slot>\n  ));\n\n  const components = useMemo(\n    () => ({ Pre: WrappedPre, Code: WrappedCode }),\n    [WrappedPre, WrappedCode],\n  );\n\n  const language = /language-(\\w+)/.exec(codeProps.className || \"\")?.[1];\n  const code = children as string;\n  const SH = language ? SyntaxHighlighter : DefaultSyntaxHighlighter;\n\n  return (\n    <>\n      <CodeHeader language={language} code={code} />\n      <SH\n        components={components}\n        language={language ?? \"unknown\"}\n        code={code}\n      />\n    </>\n  );\n};\n\nexport const CodeOverride: FC<CodeOverrideProps> = ({\n  components,\n  ...props\n}) => {\n  const preProps = useContext(PreContext);\n  if (!preProps) return <components.Code {...(props as any)} />;\n  return <CodeBlockOverride components={components} {...props} />;\n};\n"],"mappings":"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","names":["jsx","useCallbackRef","jsx","jsx","useCallbackRef"]}
+{"version":3,"sources":["../src/primitives/MarkdownText.tsx","../src/overrides/PreOverride.tsx","../src/overrides/defaultComponents.tsx","../src/overrides/CodeOverride.tsx","../src/overrides/withDefaults.tsx","../src/ui/markdown-text.tsx","../src/ui/code-header.tsx","../src/ui/useCopyToClipboard.tsx"],"sourcesContent":["import { INTERNAL, useContentPartText } from \"@assistant-ui/react\";\nimport type { ComponentType, FC } from \"react\";\nimport ReactMarkdown, { type Options } from \"react-markdown\";\nimport { SyntaxHighlighterProps, CodeHeaderProps } from \"../overrides/types\";\nimport { PreOverride } from \"../overrides/PreOverride\";\nimport {\n  DefaultPre,\n  DefaultCode,\n  DefaultSyntaxHighlighter,\n  DefaultCodeHeader,\n} from \"../overrides/defaultComponents\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { CodeOverride } from \"../overrides/CodeOverride\";\n\nconst { useSmooth } = INTERNAL;\n\nexport type MarkdownTextPrimitiveProps = Omit<\n  Options,\n  \"components\" | \"children\"\n> & {\n  components?: NonNullable<Options[\"components\"]> & {\n    SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps>;\n    CodeHeader?: ComponentType<CodeHeaderProps>;\n  };\n  smooth?: boolean;\n};\nexport const MarkdownTextPrimitive: FC<MarkdownTextPrimitiveProps> = ({\n  smooth = true,\n  components: userComponents,\n  ...rest\n}) => {\n  const {\n    part: { text },\n  } = useContentPartText();\n  const smoothText = useSmooth(text, smooth);\n\n  const {\n    pre = DefaultPre,\n    code = DefaultCode,\n    SyntaxHighlighter = DefaultSyntaxHighlighter,\n    CodeHeader = DefaultCodeHeader,\n    ...componentsRest\n  } = userComponents ?? {};\n  const components: typeof userComponents = {\n    ...componentsRest,\n    pre: PreOverride,\n    code: useCallbackRef((props) => (\n      <CodeOverride\n        components={{ Pre: pre, Code: code, SyntaxHighlighter, CodeHeader }}\n        {...props}\n      />\n    )),\n  };\n\n  return (\n    <ReactMarkdown components={components} {...rest}>\n      {smoothText}\n    </ReactMarkdown>\n  );\n};\n","import { createContext, ComponentPropsWithoutRef } from \"react\";\nimport { PreComponent } from \"./types\";\n\nexport const PreContext = createContext<Omit<\n  ComponentPropsWithoutRef<PreComponent>,\n  \"children\"\n> | null>(null);\n\nexport const PreOverride: PreComponent = ({ children, ...rest }) => {\n  return <PreContext.Provider value={rest}>{children}</PreContext.Provider>;\n};\n","import type { ComponentType } from \"react\";\nimport {\n  PreComponent,\n  CodeComponent,\n  SyntaxHighlighterProps,\n  CodeHeaderProps,\n} from \"./types\";\n\nexport const DefaultPre: PreComponent = ({ node, ...rest }) => (\n  <pre {...rest} />\n);\nexport const DefaultCode: CodeComponent = ({ node, ...rest }) => (\n  <code {...rest} />\n);\nexport const DefaultSyntaxHighlighter: ComponentType<\n  SyntaxHighlighterProps\n> = ({ components: { Pre, Code }, code }) => (\n  <Pre>\n    <Code>{code}</Code>\n  </Pre>\n);\nexport const DefaultCodeHeader: ComponentType<CodeHeaderProps> = () => null;\n","import {\n  ComponentPropsWithoutRef,\n  ComponentType,\n  FC,\n  useContext,\n  useMemo,\n} from \"react\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { PreContext } from \"./PreOverride\";\nimport {\n  CodeComponent,\n  CodeHeaderProps,\n  PreComponent,\n  SyntaxHighlighterProps,\n} from \"./types\";\nimport { DefaultSyntaxHighlighter } from \"./defaultComponents\";\nimport { withDefaultProps } from \"./withDefaults\";\n\ntype CodeOverrideProps = ComponentPropsWithoutRef<CodeComponent> & {\n  components: {\n    Pre: PreComponent;\n    Code: CodeComponent;\n    CodeHeader: ComponentType<CodeHeaderProps>;\n    SyntaxHighlighter: ComponentType<SyntaxHighlighterProps>;\n  };\n};\n\nconst CodeBlockOverride: FC<CodeOverrideProps> = ({\n  components: { Pre, Code, SyntaxHighlighter, CodeHeader },\n  children,\n  ...codeProps\n}) => {\n  const preProps = useContext(PreContext)!;\n  const getPreProps = withDefaultProps<any>(preProps);\n  const WrappedPre: PreComponent = useCallbackRef((props) => (\n    <Pre {...getPreProps(props)} />\n  ));\n\n  const getCodeProps = withDefaultProps<any>(codeProps);\n  const WrappedCode: CodeComponent = useCallbackRef((props) => (\n    <Code {...getCodeProps(props)} />\n  ));\n\n  const components = useMemo(\n    () => ({ Pre: WrappedPre, Code: WrappedCode }),\n    [WrappedPre, WrappedCode],\n  );\n\n  const language = /language-(\\w+)/.exec(codeProps.className || \"\")?.[1];\n  const code = children as string;\n  const SH = language ? SyntaxHighlighter : DefaultSyntaxHighlighter;\n\n  return (\n    <>\n      <CodeHeader language={language} code={code} />\n      <SH\n        components={components}\n        language={language ?? \"unknown\"}\n        code={code}\n      />\n    </>\n  );\n};\n\nexport const CodeOverride: FC<CodeOverrideProps> = ({\n  components,\n  ...props\n}) => {\n  const preProps = useContext(PreContext);\n  if (!preProps) return <components.Code {...(props as any)} />;\n  return <CodeBlockOverride components={components} {...props} />;\n};\n","import classNames from \"classnames\";\n\nexport const withDefaultProps =\n  <TProps extends { className?: string | undefined }>({\n    className,\n    ...defaultProps\n  }: Partial<TProps>) =>\n  ({ className: classNameProp, ...props }: TProps) => {\n    return {\n      className: classNames(className, classNameProp),\n      ...defaultProps,\n      ...props,\n    } as TProps;\n  };\n","import { TextContentPartProps } from \"@assistant-ui/react\";\nimport { FC, memo } from \"react\";\nimport { CodeHeader } from \"./code-header\";\nimport classNames from \"classnames\";\nimport {\n  MarkdownTextPrimitive,\n  MarkdownTextPrimitiveProps,\n} from \"../primitives/MarkdownText\";\n\nexport type MakeMarkdownTextProps = MarkdownTextPrimitiveProps;\n\nexport const makeMarkdownText = ({\n  className,\n  components: userComponents,\n  ...rest\n}: MakeMarkdownTextProps = {}) => {\n  const components = {\n    ...userComponents,\n    CodeHeader: userComponents?.CodeHeader ?? CodeHeader,\n  };\n\n  const MarkdownTextImpl: FC<TextContentPartProps> = ({ status }) => {\n    return (\n      <div\n        className={classNames(\n          \"aui-md-root\",\n          status.type === \"in_progress\" && \"aui-md-in-progress\",\n          className,\n        )}\n      >\n        <MarkdownTextPrimitive components={components} {...rest} />\n      </div>\n    );\n  };\n  MarkdownTextImpl.displayName = \"MarkdownText\";\n\n  return memo(\n    MarkdownTextImpl,\n    (prev, next) => prev.status.type === next.status.type,\n  );\n};\n","import { FC } from \"react\";\nimport { CheckIcon, CopyIcon } from \"lucide-react\";\nimport { useThreadConfig, INTERNAL } from \"@assistant-ui/react\";\n\nimport { CodeHeaderProps } from \"../overrides/types\";\nimport { useCopyToClipboard } from \"./useCopyToClipboard\";\n\nconst { TooltipIconButton } = INTERNAL;\n\nexport const CodeHeader: FC<CodeHeaderProps> = ({ language, code }) => {\n  const {\n    strings: {\n      code: { header: { copy: { tooltip = \"Copy\" } = {} } = {} } = {},\n    } = {},\n  } = useThreadConfig();\n\n  const { isCopied, copyToClipboard } = useCopyToClipboard();\n  const onCopy = () => {\n    if (!code || isCopied) return;\n    copyToClipboard(code);\n  };\n\n  return (\n    <div className=\"aui-code-header-root\">\n      <span className=\"aui-code-header-language\">{language}</span>\n      <TooltipIconButton tooltip={tooltip} onClick={onCopy}>\n        {!isCopied && <CopyIcon />}\n        {isCopied && <CheckIcon />}\n      </TooltipIconButton>\n    </div>\n  );\n};\n","import { useState } from \"react\";\nimport { UseActionBarCopyProps } from \"@assistant-ui/react\";\n\nexport type useCopyToClipboardProps = UseActionBarCopyProps;\n\nexport const useCopyToClipboard = ({\n  copiedDuration = 3000,\n}: useCopyToClipboardProps = {}) => {\n  const [isCopied, setIsCopied] = useState<boolean>(false);\n\n  const copyToClipboard = (value: string) => {\n    if (!value) return;\n\n    navigator.clipboard.writeText(value).then(() => {\n      setIsCopied(true);\n      setTimeout(() => setIsCopied(false), copiedDuration);\n    });\n  };\n\n  return { isCopied, copyToClipboard };\n};\n"],"mappings":"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","names":["jsx","useCallbackRef","jsx","CodeHeader","jsx","CodeHeader","useCallbackRef","INTERNAL","jsx","jsxs","INTERNAL","classNames","jsx","classNames"]}

package/dist/styles/markdown.css

@@ -0,0 +1,72 @@
+/* src/styles/tailwindcss/markdown.css */
+.aui-md-in-progress:empty::after,
+.aui-md-in-progress > :not(ol):not(ul):not(pre):last-child::after,
+.aui-md-in-progress > pre:last-child code::after,
+.aui-md-in-progress > :is(ol, ul):last-child > li:last-child:not(:has(* > li))::after,
+.aui-md-in-progress > :is(ol, ul):last-child > li:last-child > :is(ol, ul):last-child > li:last-child:not(:has(* > li))::after,
+.aui-md-in-progress > :is(ol, ul):last-child > li:last-child > :is(ol, ul):last-child > li:last-child > :is(ol, ul):last-child > li:last-child::after {
+  @apply animate-pulse font-sans content-["\25cf"] ltr:ml-1 rtl:mr-1;
+}
+.aui-md-root h1 {
+  @apply mb-8 scroll-m-20 text-4xl font-extrabold tracking-tight last:mb-0;
+}
+.aui-md-root h2 {
+  @apply mb-4 mt-8 scroll-m-20 text-3xl font-semibold tracking-tight first:mt-0 last:mb-0;
+}
+.aui-md-root h3 {
+  @apply mb-4 mt-6 scroll-m-20 text-2xl font-semibold tracking-tight first:mt-0 last:mb-0;
+}
+.aui-md-root h4 {
+  @apply mb-4 mt-6 scroll-m-20 text-xl font-semibold tracking-tight first:mt-0 last:mb-0;
+}
+.aui-md-root h5 {
+  @apply my-4 text-lg font-semibold first:mt-0 last:mb-0;
+}
+.aui-md-root h6 {
+  @apply my-4 font-semibold first:mt-0 last:mb-0;
+}
+.aui-md-root p {
+  @apply mb-5 mt-5 leading-7 first:mt-0 last:mb-0;
+}
+.aui-md-root a {
+  @apply text-aui-primary font-medium underline underline-offset-4;
+}
+.aui-md-root blockquote {
+  @apply border-l-2 pl-6 italic;
+}
+.aui-md-root ul {
+  @apply my-5 ml-6 list-disc [&>li]:mt-2;
+}
+.aui-md-root ol {
+  @apply my-5 ml-6 list-decimal [&>li]:mt-2;
+}
+.aui-md-root hr {
+  @apply my-5 border-b;
+}
+.aui-md-root table {
+  @apply my-5 w-full border-separate border-spacing-0 overflow-y-auto;
+}
+.aui-md-root th {
+  @apply bg-aui-muted px-4 py-2 text-left font-bold first:rounded-tl-lg last:rounded-tr-lg [&[align=center]]:text-center [&[align=right]]:text-right;
+}
+.aui-md-root td {
+  @apply border-b border-l px-4 py-2 text-left last:border-r [&[align=center]]:text-center [&[align=right]]:text-right;
+}
+.aui-md-root tr {
+  @apply m-0 border-b p-0 first:border-t [&:last-child>td:first-child]:rounded-bl-lg [&:last-child>td:last-child]:rounded-br-lg;
+}
+.aui-md-root sup {
+  @apply [&>a]:text-xs [&>a]:no-underline;
+}
+.aui-md-root pre {
+  @apply overflow-x-auto rounded-b-lg bg-black p-4 text-white;
+}
+.aui-md-root :not(pre) code {
+  @apply bg-aui-muted rounded border font-semibold;
+}
+.aui-code-header-root {
+  @apply flex items-center justify-between gap-4 rounded-t-lg bg-zinc-900 px-4 py-2 text-sm font-semibold text-white;
+}
+.aui-code-header-language {
+  @apply lowercase [&>span]:text-xs;
+}

package/dist/styles/tailwindcss/markdown.css

@@ -0,0 +1,107 @@
+/* in progress indicator */
+.aui-md-in-progress:empty::after,
+.aui-md-in-progress > :not(ol):not(ul):not(pre):last-child::after,
+.aui-md-in-progress > pre:last-child code::after,
+.aui-md-in-progress
+  > :is(ol, ul):last-child
+  > li:last-child:not(:has(* > li))::after,
+.aui-md-in-progress
+  > :is(ol, ul):last-child
+  > li:last-child
+  > :is(ol, ul):last-child
+  > li:last-child:not(:has(* > li))::after,
+.aui-md-in-progress
+  > :is(ol, ul):last-child
+  > li:last-child
+  > :is(ol, ul):last-child
+  > li:last-child
+  > :is(ol, ul):last-child
+  > li:last-child::after {
+  @apply animate-pulse font-sans content-['\25CF'] ltr:ml-1 rtl:mr-1;
+}
+
+/* typography */
+
+.aui-md-root h1 {
+  @apply mb-8 scroll-m-20 text-4xl font-extrabold tracking-tight last:mb-0;
+}
+
+.aui-md-root h2 {
+  @apply mb-4 mt-8 scroll-m-20 text-3xl font-semibold tracking-tight first:mt-0 last:mb-0;
+}
+
+.aui-md-root h3 {
+  @apply mb-4 mt-6 scroll-m-20 text-2xl font-semibold tracking-tight first:mt-0 last:mb-0;
+}
+
+.aui-md-root h4 {
+  @apply mb-4 mt-6 scroll-m-20 text-xl font-semibold tracking-tight first:mt-0 last:mb-0;
+}
+
+.aui-md-root h5 {
+  @apply my-4 text-lg font-semibold first:mt-0 last:mb-0;
+}
+
+.aui-md-root h6 {
+  @apply my-4 font-semibold first:mt-0 last:mb-0;
+}
+
+.aui-md-root p {
+  @apply mb-5 mt-5 leading-7 first:mt-0 last:mb-0;
+}
+
+.aui-md-root a {
+  @apply text-aui-primary font-medium underline underline-offset-4;
+}
+
+.aui-md-root blockquote {
+  @apply border-l-2 pl-6 italic;
+}
+
+.aui-md-root ul {
+  @apply my-5 ml-6 list-disc [&>li]:mt-2;
+}
+
+.aui-md-root ol {
+  @apply my-5 ml-6 list-decimal [&>li]:mt-2;
+}
+
+.aui-md-root hr {
+  @apply my-5 border-b;
+}
+
+.aui-md-root table {
+  @apply my-5 w-full border-separate border-spacing-0 overflow-y-auto;
+}
+
+.aui-md-root th {
+  @apply bg-aui-muted px-4 py-2 text-left font-bold first:rounded-tl-lg last:rounded-tr-lg [&[align=center]]:text-center [&[align=right]]:text-right;
+}
+
+.aui-md-root td {
+  @apply border-b border-l px-4 py-2 text-left last:border-r [&[align=center]]:text-center [&[align=right]]:text-right;
+}
+
+.aui-md-root tr {
+  @apply m-0 border-b p-0 first:border-t [&:last-child>td:first-child]:rounded-bl-lg [&:last-child>td:last-child]:rounded-br-lg;
+}
+
+.aui-md-root sup {
+  @apply [&>a]:text-xs [&>a]:no-underline;
+}
+
+.aui-md-root pre {
+  @apply overflow-x-auto rounded-b-lg bg-black p-4 text-white;
+}
+
+.aui-md-root :not(pre) code {
+  @apply bg-aui-muted rounded border font-semibold;
+}
+
+.aui-code-header-root {
+  @apply flex items-center justify-between gap-4 rounded-t-lg bg-zinc-900 px-4 py-2 text-sm font-semibold text-white;
+}
+
+.aui-code-header-language {
+  @apply lowercase [&>span]:text-xs;
+}

package/dist/tailwindcss/index.d.mts

@@ -0,0 +1,11 @@
+import * as tailwindcss_types_config from 'tailwindcss/types/config';
+
+declare const auiPlugin: {
+    (options: {}): {
+        handler: tailwindcss_types_config.PluginCreator;
+        config?: Partial<tailwindcss_types_config.Config>;
+    };
+    __isOptionsFunction: true;
+};
+
+export { auiPlugin as default };

package/dist/tailwindcss/index.d.ts

@@ -0,0 +1,11 @@
+import * as tailwindcss_types_config from 'tailwindcss/types/config';
+
+declare const auiPlugin: {
+    (options: {}): {
+        handler: tailwindcss_types_config.PluginCreator;
+        config?: Partial<tailwindcss_types_config.Config>;
+    };
+    __isOptionsFunction: true;
+};
+
+export { auiPlugin as default };

package/dist/tailwindcss/index.js

@@ -0,0 +1,43 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/tailwindcss/index.ts
+var tailwindcss_exports = {};
+__export(tailwindcss_exports, {
+  default: () => tailwindcss_default
+});
+module.exports = __toCommonJS(tailwindcss_exports);
+var import_plugin = __toESM(require("tailwindcss/plugin"));
+var auiPlugin = import_plugin.default.withOptions(() => ({ addComponents }) => {
+  addComponents({
+    '@import "@assistant-ui/react-markdown/styles/tailwindcss/markdown.css"': ""
+  });
+});
+var tailwindcss_default = auiPlugin;
+//# sourceMappingURL=index.js.map

package/dist/tailwindcss/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/tailwindcss/index.ts"],"sourcesContent":["import plugin from \"tailwindcss/plugin\";\n\nconst auiPlugin = plugin.withOptions<{}>(() => ({ addComponents }) => {\n  addComponents({\n    '@import \"@assistant-ui/react-markdown/styles/tailwindcss/markdown.css\"':\n      \"\",\n  });\n});\n\nexport default auiPlugin;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAmB;AAEnB,IAAM,YAAY,cAAAA,QAAO,YAAgB,MAAM,CAAC,EAAE,cAAc,MAAM;AACpE,gBAAc;AAAA,IACZ,0EACE;AAAA,EACJ,CAAC;AACH,CAAC;AAED,IAAO,sBAAQ;","names":["plugin"]}

package/dist/tailwindcss/index.mjs

@@ -0,0 +1,12 @@
+// src/tailwindcss/index.ts
+import plugin from "tailwindcss/plugin";
+var auiPlugin = plugin.withOptions(() => ({ addComponents }) => {
+  addComponents({
+    '@import "@assistant-ui/react-markdown/styles/tailwindcss/markdown.css"': ""
+  });
+});
+var tailwindcss_default = auiPlugin;
+export {
+  tailwindcss_default as default
+};
+//# sourceMappingURL=index.mjs.map

package/dist/tailwindcss/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/tailwindcss/index.ts"],"sourcesContent":["import plugin from \"tailwindcss/plugin\";\n\nconst auiPlugin = plugin.withOptions<{}>(() => ({ addComponents }) => {\n  addComponents({\n    '@import \"@assistant-ui/react-markdown/styles/tailwindcss/markdown.css\"':\n      \"\",\n  });\n});\n\nexport default auiPlugin;\n"],"mappings":";AAAA,OAAO,YAAY;AAEnB,IAAM,YAAY,OAAO,YAAgB,MAAM,CAAC,EAAE,cAAc,MAAM;AACpE,gBAAc;AAAA,IACZ,0EACE;AAAA,EACJ,CAAC;AACH,CAAC;AAED,IAAO,sBAAQ;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@assistant-ui/react-markdown",
-  "version": "0.0.5",
+  "version": "0.1.0",
   "license": "MIT",
   "exports": {
     ".": {
@@ -12,6 +12,19 @@
         "types": "./dist/index.d.ts",
         "default": "./dist/index.js"
       }
+    },
+    "./tailwindcss": {
+      "import": {
+        "types": "./dist/tailwindcss/index.d.mts",
+        "default": "./dist/tailwindcss/index.mjs"
+      },
+      "require": {
+        "types": "./dist/tailwindcss/index.d.ts",
+        "default": "./dist/tailwindcss/index.js"
+      }
+    },
+    "./styles/*": {
+      "default": "./dist/styles/*"
     }
   },
   "source": "./src/index.ts",
@@ -24,23 +37,30 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@radix-ui/react-slot": "^1.1.0",
     "@radix-ui/react-use-callback-ref": "^1.1.0",
+    "classnames": "^2.5.1",
+    "lucide-react": "^0.407.0",
     "react-markdown": "^9.0.1"
   },
   "peerDependencies": {
-    "@assistant-ui/react": "^0.3.5",
+    "@assistant-ui/react": "^0.4.0",
     "@types/react": "*",
-    "react": "^18"
+    "react": "^18",
+    "tailwindcss": "^3.4.4"
   },
   "peerDependenciesMeta": {
     "@types/react": {
       "optional": true
+    },
+    "tailwindcss": {
+      "optional": true
     }
   },
   "devDependencies": {
-    "eslint-config-next": "14.2.4",
+    "eslint-config-next": "14.2.5",
+    "tailwindcss": "^3.4.4",
     "tsup": "^8.1.0",
+    "tsx": "^4.16.2",
     "@assistant-ui/tsconfig": "0.0.0"
   },
   "publishConfig": {
@@ -56,6 +76,6 @@
     "url": "https://github.com/Yonom/assistant-ui/issues"
   },
   "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm --dts --sourcemap --clean"
+    "build": "tsx scripts/build.mts"
   }
 }