@assistant-ui/react-markdown 0.9.3 → 0.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +8 -34
- package/dist/index.js.map +1 -1
- package/dist/memoization.js +10 -38
- package/dist/memoization.js.map +1 -1
- package/dist/overrides/CodeBlock.js +11 -37
- package/dist/overrides/CodeBlock.js.map +1 -1
- package/dist/overrides/CodeOverride.js +29 -52
- package/dist/overrides/CodeOverride.js.map +1 -1
- package/dist/overrides/PreOverride.js +15 -39
- package/dist/overrides/PreOverride.js.map +1 -1
- package/dist/overrides/defaultComponents.js +7 -36
- package/dist/overrides/defaultComponents.js.map +1 -1
- package/dist/overrides/types.js +0 -18
- package/dist/overrides/types.js.map +1 -1
- package/dist/overrides/withDefaults.js +5 -41
- package/dist/overrides/withDefaults.js.map +1 -1
- package/dist/primitives/MarkdownText.js +41 -69
- package/dist/primitives/MarkdownText.js.map +1 -1
- package/package.json +6 -7
- package/dist/index.d.ts +0 -5
- package/dist/index.d.ts.map +0 -1
- package/dist/index.mjs +0 -12
- package/dist/index.mjs.map +0 -1
- package/dist/memoization.d.ts +0 -22
- package/dist/memoization.d.ts.map +0 -1
- package/dist/memoization.mjs +0 -33
- package/dist/memoization.mjs.map +0 -1
- package/dist/overrides/CodeBlock.d.ts +0 -16
- package/dist/overrides/CodeBlock.d.ts.map +0 -1
- package/dist/overrides/CodeBlock.mjs +0 -29
- package/dist/overrides/CodeBlock.mjs.map +0 -1
- package/dist/overrides/CodeOverride.d.ts +0 -16
- package/dist/overrides/CodeOverride.d.ts.map +0 -1
- package/dist/overrides/CodeOverride.mjs +0 -83
- package/dist/overrides/CodeOverride.mjs.map +0 -1
- package/dist/overrides/PreOverride.d.ts +0 -8
- package/dist/overrides/PreOverride.d.ts.map +0 -1
- package/dist/overrides/PreOverride.mjs +0 -24
- package/dist/overrides/PreOverride.mjs.map +0 -1
- package/dist/overrides/defaultComponents.d.ts +0 -15
- package/dist/overrides/defaultComponents.d.ts.map +0 -1
- package/dist/overrides/defaultComponents.mjs +0 -13
- package/dist/overrides/defaultComponents.mjs.map +0 -1
- package/dist/overrides/types.d.ts +0 -23
- package/dist/overrides/types.d.ts.map +0 -1
- package/dist/overrides/types.mjs +0 -1
- package/dist/overrides/types.mjs.map +0 -1
- package/dist/overrides/withDefaults.d.ts +0 -4
- package/dist/overrides/withDefaults.d.ts.map +0 -1
- package/dist/overrides/withDefaults.mjs +0 -16
- package/dist/overrides/withDefaults.mjs.map +0 -1
- package/dist/primitives/MarkdownText.d.ts +0 -22
- package/dist/primitives/MarkdownText.d.ts.map +0 -1
- package/dist/primitives/MarkdownText.mjs +0 -94
- package/dist/primitives/MarkdownText.mjs.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"withDefaults.d.ts","sourceRoot":"","sources":["../../src/overrides/withDefaults.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,GAC1B,MAAM,SAAS;IAAE,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,EAAE,gCAGjD,OAAO,CAAC,MAAM,CAAC,MACjB,wCAAwC,MAAM,KAKxC,MACN,CAAC"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
// src/overrides/withDefaults.tsx
|
|
2
|
-
import classNames from "classnames";
|
|
3
|
-
var withDefaultProps = ({
|
|
4
|
-
className,
|
|
5
|
-
...defaultProps
|
|
6
|
-
}) => ({ className: classNameProp, ...props }) => {
|
|
7
|
-
return {
|
|
8
|
-
className: classNames(className, classNameProp),
|
|
9
|
-
...defaultProps,
|
|
10
|
-
...props
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
export {
|
|
14
|
-
withDefaultProps
|
|
15
|
-
};
|
|
16
|
-
//# sourceMappingURL=withDefaults.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/overrides/withDefaults.tsx"],"sourcesContent":["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"],"mappings":";AAAA,OAAO,gBAAgB;AAEhB,IAAM,mBACX,CAAoD;AAAA,EAClD;AAAA,EACA,GAAG;AACL,MACA,CAAC,EAAE,WAAW,eAAe,GAAG,MAAM,MAAc;AAClD,SAAO;AAAA,IACL,WAAW,WAAW,WAAW,aAAa;AAAA,IAC9C,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACF;","names":[]}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { ElementType, ForwardRefExoticComponent, RefAttributes, type ComponentPropsWithoutRef, type ComponentType } from "react";
|
|
2
|
-
import { type Options } from "react-markdown";
|
|
3
|
-
import { SyntaxHighlighterProps, CodeHeaderProps } from "../overrides/types";
|
|
4
|
-
import { Primitive } from "@radix-ui/react-primitive";
|
|
5
|
-
type PrimitiveDivProps = ComponentPropsWithoutRef<typeof Primitive.div>;
|
|
6
|
-
export type MarkdownTextPrimitiveProps = Omit<Options, "components" | "children"> & {
|
|
7
|
-
className?: string | undefined;
|
|
8
|
-
containerProps?: Omit<PrimitiveDivProps, "children" | "asChild"> | undefined;
|
|
9
|
-
containerComponent?: ElementType | undefined;
|
|
10
|
-
components?: (NonNullable<Options["components"]> & {
|
|
11
|
-
SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps> | undefined;
|
|
12
|
-
CodeHeader?: ComponentType<CodeHeaderProps> | undefined;
|
|
13
|
-
}) | undefined;
|
|
14
|
-
componentsByLanguage?: Record<string, {
|
|
15
|
-
CodeHeader?: ComponentType<CodeHeaderProps> | undefined;
|
|
16
|
-
SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps> | undefined;
|
|
17
|
-
}> | undefined;
|
|
18
|
-
smooth?: boolean | undefined;
|
|
19
|
-
};
|
|
20
|
-
export declare const MarkdownTextPrimitive: ForwardRefExoticComponent<MarkdownTextPrimitiveProps> & RefAttributes<HTMLDivElement>;
|
|
21
|
-
export {};
|
|
22
|
-
//# sourceMappingURL=MarkdownText.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MarkdownText.d.ts","sourceRoot":"","sources":["../../src/primitives/MarkdownText.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,WAAW,EAGX,yBAAyB,EACzB,aAAa,EAEb,KAAK,wBAAwB,EAC7B,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AACf,OAAsB,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAU7E,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAMtD,KAAK,iBAAiB,GAAG,wBAAwB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;AAExE,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,OAAO,EACP,YAAY,GAAG,UAAU,CAC1B,GAAG;IACF,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC;IAC7E,kBAAkB,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAC7C,UAAU,CAAC,EACP,CAAC,WAAW,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,GAAG;QACpC,iBAAiB,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,GAAG,SAAS,CAAC;QACtE,UAAU,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;KACzD,CAAC,GACF,SAAS,CAAC;IACd,oBAAoB,CAAC,EACjB,MAAM,CACJ,MAAM,EACN;QACE,UAAU,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;QACxD,iBAAiB,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,GAAG,SAAS,CAAC;KACvE,CACF,GACD,SAAS,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC9B,CAAC;AAoFF,eAAO,MAAM,qBAAqB,uFAEjC,CAAC"}
|
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
|
|
3
|
-
// src/primitives/MarkdownText.tsx
|
|
4
|
-
import { INTERNAL, useContentPartText } from "@assistant-ui/react";
|
|
5
|
-
import {
|
|
6
|
-
forwardRef,
|
|
7
|
-
useMemo
|
|
8
|
-
} from "react";
|
|
9
|
-
import ReactMarkdown from "react-markdown";
|
|
10
|
-
import { PreOverride } from "../overrides/PreOverride.mjs";
|
|
11
|
-
import {
|
|
12
|
-
DefaultPre,
|
|
13
|
-
DefaultCode,
|
|
14
|
-
DefaultCodeBlockContent,
|
|
15
|
-
DefaultCodeHeader
|
|
16
|
-
} from "../overrides/defaultComponents.mjs";
|
|
17
|
-
import { useCallbackRef } from "@radix-ui/react-use-callback-ref";
|
|
18
|
-
import { CodeOverride } from "../overrides/CodeOverride.mjs";
|
|
19
|
-
import classNames from "classnames";
|
|
20
|
-
import { jsx } from "react/jsx-runtime";
|
|
21
|
-
var { useSmooth, useSmoothStatus, withSmoothContextProvider } = INTERNAL;
|
|
22
|
-
var MarkdownTextInner = ({
|
|
23
|
-
components: userComponents,
|
|
24
|
-
componentsByLanguage,
|
|
25
|
-
smooth = true,
|
|
26
|
-
...rest
|
|
27
|
-
}) => {
|
|
28
|
-
const { text } = useSmooth(useContentPartText(), smooth);
|
|
29
|
-
const {
|
|
30
|
-
pre = DefaultPre,
|
|
31
|
-
code = DefaultCode,
|
|
32
|
-
SyntaxHighlighter = DefaultCodeBlockContent,
|
|
33
|
-
CodeHeader = DefaultCodeHeader
|
|
34
|
-
} = userComponents ?? {};
|
|
35
|
-
const useCodeOverrideComponents = useMemo(() => {
|
|
36
|
-
return {
|
|
37
|
-
Pre: pre,
|
|
38
|
-
Code: code,
|
|
39
|
-
SyntaxHighlighter,
|
|
40
|
-
CodeHeader
|
|
41
|
-
};
|
|
42
|
-
}, [pre, code, SyntaxHighlighter, CodeHeader]);
|
|
43
|
-
const CodeComponent = useCallbackRef((props) => /* @__PURE__ */ jsx(
|
|
44
|
-
CodeOverride,
|
|
45
|
-
{
|
|
46
|
-
components: useCodeOverrideComponents,
|
|
47
|
-
componentsByLanguage,
|
|
48
|
-
...props
|
|
49
|
-
}
|
|
50
|
-
));
|
|
51
|
-
const components = useMemo(() => {
|
|
52
|
-
const {
|
|
53
|
-
pre: pre2 = DefaultPre,
|
|
54
|
-
code: code2 = DefaultCode,
|
|
55
|
-
SyntaxHighlighter: SyntaxHighlighter2 = DefaultCodeBlockContent,
|
|
56
|
-
CodeHeader: CodeHeader2 = DefaultCodeHeader,
|
|
57
|
-
...componentsRest
|
|
58
|
-
} = userComponents ?? {};
|
|
59
|
-
return {
|
|
60
|
-
...componentsRest,
|
|
61
|
-
pre: PreOverride,
|
|
62
|
-
code: CodeComponent
|
|
63
|
-
};
|
|
64
|
-
}, [CodeComponent, userComponents]);
|
|
65
|
-
return /* @__PURE__ */ jsx(ReactMarkdown, { components, ...rest, children: text });
|
|
66
|
-
};
|
|
67
|
-
var MarkdownTextPrimitiveImpl = forwardRef(
|
|
68
|
-
({
|
|
69
|
-
className,
|
|
70
|
-
containerProps,
|
|
71
|
-
containerComponent: Container = "div",
|
|
72
|
-
...rest
|
|
73
|
-
}, forwardedRef) => {
|
|
74
|
-
const status = useSmoothStatus();
|
|
75
|
-
return /* @__PURE__ */ jsx(
|
|
76
|
-
Container,
|
|
77
|
-
{
|
|
78
|
-
"data-status": status.type,
|
|
79
|
-
...containerProps,
|
|
80
|
-
className: classNames(className, containerProps?.className),
|
|
81
|
-
ref: forwardedRef,
|
|
82
|
-
children: /* @__PURE__ */ jsx(MarkdownTextInner, { ...rest })
|
|
83
|
-
}
|
|
84
|
-
);
|
|
85
|
-
}
|
|
86
|
-
);
|
|
87
|
-
MarkdownTextPrimitiveImpl.displayName = "MarkdownTextPrimitive";
|
|
88
|
-
var MarkdownTextPrimitive = withSmoothContextProvider(
|
|
89
|
-
MarkdownTextPrimitiveImpl
|
|
90
|
-
);
|
|
91
|
-
export {
|
|
92
|
-
MarkdownTextPrimitive
|
|
93
|
-
};
|
|
94
|
-
//# sourceMappingURL=MarkdownText.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/primitives/MarkdownText.tsx"],"sourcesContent":["\"use client\";\n\nimport { INTERNAL, useContentPartText } from \"@assistant-ui/react\";\nimport {\n ComponentRef,\n ElementType,\n FC,\n forwardRef,\n ForwardRefExoticComponent,\n RefAttributes,\n useMemo,\n type ComponentPropsWithoutRef,\n type ComponentType,\n} 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 DefaultCodeBlockContent,\n DefaultCodeHeader,\n} from \"../overrides/defaultComponents\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { CodeOverride } from \"../overrides/CodeOverride\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport classNames from \"classnames\";\n\nconst { useSmooth, useSmoothStatus, withSmoothContextProvider } = INTERNAL;\n\ntype MarkdownTextPrimitiveElement = ComponentRef<typeof Primitive.div>;\ntype PrimitiveDivProps = ComponentPropsWithoutRef<typeof Primitive.div>;\n\nexport type MarkdownTextPrimitiveProps = Omit<\n Options,\n \"components\" | \"children\"\n> & {\n className?: string | undefined;\n containerProps?: Omit<PrimitiveDivProps, \"children\" | \"asChild\"> | undefined;\n containerComponent?: ElementType | undefined;\n components?:\n | (NonNullable<Options[\"components\"]> & {\n SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps> | undefined;\n CodeHeader?: ComponentType<CodeHeaderProps> | undefined;\n })\n | undefined;\n componentsByLanguage?:\n | Record<\n string,\n {\n CodeHeader?: ComponentType<CodeHeaderProps> | undefined;\n SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps> | undefined;\n }\n >\n | undefined;\n smooth?: boolean | undefined;\n};\n\nconst MarkdownTextInner: FC<MarkdownTextPrimitiveProps> = ({\n components: userComponents,\n componentsByLanguage,\n smooth = true,\n ...rest\n}) => {\n const { text } = useSmooth(useContentPartText(), smooth);\n\n const {\n pre = DefaultPre,\n code = DefaultCode,\n SyntaxHighlighter = DefaultCodeBlockContent,\n CodeHeader = DefaultCodeHeader,\n } = userComponents ?? {};\n const useCodeOverrideComponents = useMemo(() => {\n return {\n Pre: pre,\n Code: code,\n SyntaxHighlighter,\n CodeHeader,\n };\n }, [pre, code, SyntaxHighlighter, CodeHeader]);\n const CodeComponent = useCallbackRef((props) => (\n <CodeOverride\n components={useCodeOverrideComponents}\n componentsByLanguage={componentsByLanguage}\n {...props}\n />\n ));\n\n const components: Options[\"components\"] = useMemo(() => {\n const {\n pre = DefaultPre,\n code = DefaultCode,\n SyntaxHighlighter = DefaultCodeBlockContent,\n CodeHeader = DefaultCodeHeader,\n ...componentsRest\n } = userComponents ?? {};\n return {\n ...componentsRest,\n pre: PreOverride,\n code: CodeComponent,\n };\n }, [CodeComponent, userComponents]);\n\n return (\n <ReactMarkdown components={components} {...rest}>\n {text}\n </ReactMarkdown>\n );\n};\n\nconst MarkdownTextPrimitiveImpl: ForwardRefExoticComponent<MarkdownTextPrimitiveProps> &\n RefAttributes<MarkdownTextPrimitiveElement> = forwardRef<\n MarkdownTextPrimitiveElement,\n MarkdownTextPrimitiveProps\n>(\n (\n {\n className,\n containerProps,\n containerComponent: Container = \"div\",\n ...rest\n },\n forwardedRef,\n ) => {\n const status = useSmoothStatus();\n return (\n <Container\n data-status={status.type}\n {...containerProps}\n className={classNames(className, containerProps?.className)}\n ref={forwardedRef}\n >\n <MarkdownTextInner {...rest}></MarkdownTextInner>\n </Container>\n );\n },\n);\n\nMarkdownTextPrimitiveImpl.displayName = \"MarkdownTextPrimitive\";\n\nexport const MarkdownTextPrimitive = withSmoothContextProvider(\n MarkdownTextPrimitiveImpl,\n);\n"],"mappings":";;;AAEA,SAAS,UAAU,0BAA0B;AAC7C;AAAA,EAIE;AAAA,EAGA;AAAA,OAGK;AACP,OAAO,mBAAqC;AAE5C,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAE7B,OAAO,gBAAgB;AAuDnB;AArDJ,IAAM,EAAE,WAAW,iBAAiB,0BAA0B,IAAI;AA8BlE,IAAM,oBAAoD,CAAC;AAAA,EACzD,YAAY;AAAA,EACZ;AAAA,EACA,SAAS;AAAA,EACT,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,KAAK,IAAI,UAAU,mBAAmB,GAAG,MAAM;AAEvD,QAAM;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,oBAAoB;AAAA,IACpB,aAAa;AAAA,EACf,IAAI,kBAAkB,CAAC;AACvB,QAAM,4BAA4B,QAAQ,MAAM;AAC9C,WAAO;AAAA,MACL,KAAK;AAAA,MACL,MAAM;AAAA,MACN;AAAA,MACA;AAAA,IACF;AAAA,EACF,GAAG,CAAC,KAAK,MAAM,mBAAmB,UAAU,CAAC;AAC7C,QAAM,gBAAgB,eAAe,CAAC,UACpC;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,MACZ;AAAA,MACC,GAAG;AAAA;AAAA,EACN,CACD;AAED,QAAM,aAAoC,QAAQ,MAAM;AACtD,UAAM;AAAA,MACJ,KAAAA,OAAM;AAAA,MACN,MAAAC,QAAO;AAAA,MACP,mBAAAC,qBAAoB;AAAA,MACpB,YAAAC,cAAa;AAAA,MACb,GAAG;AAAA,IACL,IAAI,kBAAkB,CAAC;AACvB,WAAO;AAAA,MACL,GAAG;AAAA,MACH,KAAK;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF,GAAG,CAAC,eAAe,cAAc,CAAC;AAElC,SACE,oBAAC,iBAAc,YAAyB,GAAG,MACxC,gBACH;AAEJ;AAEA,IAAM,4BAC0C;AAAA,EAI9C,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,oBAAoB,YAAY;AAAA,IAChC,GAAG;AAAA,EACL,GACA,iBACG;AACH,UAAM,SAAS,gBAAgB;AAC/B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAa,OAAO;AAAA,QACnB,GAAG;AAAA,QACJ,WAAW,WAAW,WAAW,gBAAgB,SAAS;AAAA,QAC1D,KAAK;AAAA,QAEL,8BAAC,qBAAmB,GAAG,MAAM;AAAA;AAAA,IAC/B;AAAA,EAEJ;AACF;AAEA,0BAA0B,cAAc;AAEjC,IAAM,wBAAwB;AAAA,EACnC;AACF;","names":["pre","code","SyntaxHighlighter","CodeHeader"]}
|