@primeui-devkit/react-markdown 0.1.0-rc.3 → 0.1.0-rc.5

package/dist/chunks/render-CcsM4C3Y.js

@@ -0,0 +1 @@
+import{MarkdownDocument as e}from"@comark/react";import t,{componentMap as n,sanitizeOptions as r,sanitizeTree as i}from"@primeui-devkit/markdown-core/plugins/sanitize";import{jsx as a}from"react/jsx-runtime";function o(e){let t=[],n=``,r=0,i=``;for(let a of e){if(i)a===i&&(i=``);else if(a===`"`||a===`'`)i=a;else if(a===`(`)r++;else if(a===`)`)r=Math.max(0,r-1);else if(a===`;`&&r===0){t.push(n),n=``;continue}n+=a}return[...t,n]}function s(e){if(typeof e!=`string`)return e;let t=[];for(let n of o(e)){let e=n.indexOf(`:`),r=n.slice(0,e).trim(),i=n.slice(e+1).trim();e<1||!r||!i||t.push([r.startsWith(`--`)?r:r.toLowerCase().replace(/^-ms-/,`ms-`).replace(/-([a-z])/g,(e,t)=>t.toUpperCase()),i])}return Object.fromEntries(t)}function c(e){if(typeof e!=`string`)return e;try{let t=JSON.parse(e);return typeof t==`string`?JSON.stringify(s(t)):e}catch{return e}}function l(e){let t={...e};typeof e.style==`string`&&(t.style=s(e.style)),`:style`in e&&(t[`:style`]=c(e[`:style`]));for(let n of[`class`,`className`]){let r=e[n];Array.isArray(r)&&(t[n]=r.filter(Boolean).join(` `))}return t}function u(e){if(!Array.isArray(e)||typeof e[0]!=`string`)return e;let[t,n,...r]=e;return[t,l(n??{}),...r.map(u)]}function d(e){return{...e,nodes:(e.nodes??[]).map(u)}}const f=(...e)=>e.filter(Boolean).join(` `)||void 0;function p(e=[],n){let i=r(n);return i===!1?e:[...e,t(i)]}function m({sanitize:t,tree:o,components:s,className:c,...l}){let u=r(t),p=u===!1?o:i(o,u);return/* @__PURE__ */ a(e,{...l,value:d(p),components:n(s),className:f(`markdown-content prose`,c)})}function h(e={}){let{name:t,components:n,className:r,sanitize:i}=e;function o({components:e,className:t,sanitize:o=i,...s}){return/* @__PURE__ */ a(m,{...s,sanitize:o,components:{...n,...e},className:f(r,t)})}return o.displayName=t??`MarkdownRenderer`,o}export{s as a,p as i,h as n,f as r,m as t};

package/dist/client.d.ts

@@ -0,0 +1,21 @@
+import { JSX } from 'react';
+import { MarkdownProps, MarkdownRendererProps } from './index.js';
+import '@comark/react';
+import '@primeui-devkit/markdown-core';
+import '@primeui-devkit/markdown-core/plugins/sanitize';
+
+type MarkdownLiveProps = MarkdownRendererProps & {
+    /** Document key for live updates through `globalThis.comarkContext`; the tree's own `meta.key` wins. */
+    comarkKey?: string;
+};
+/** A `MarkdownRenderer` that also takes live updates, each sanitized like the first tree. */
+declare function MarkdownLive({ tree, comarkKey, ...rest }: MarkdownLiveProps): JSX.Element;
+/** Parses markdown in the browser; the sanitizer runs after every plugin. Keep `options` and `plugins` stable: only a change of the markdown parses again. */
+declare function MarkdownClient({ children, markdown, options, plugins, sanitize, ...rest }: MarkdownProps): JSX.Element;
+/** The copy button of `ProsePre`, the only part of it that needs the browser. */
+declare function ProseCopyButton({ code }: {
+    code?: string;
+}): JSX.Element;
+
+export { MarkdownClient, MarkdownLive, ProseCopyButton };
+export type { MarkdownLiveProps };

package/dist/client.js

@@ -0,0 +1 @@
+"use client";import{i as e,t}from"./chunks/render-CcsM4C3Y.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{parseMarkdown as i}from"@primeui-devkit/markdown-core";import{Suspense as a,use as o,useDeferredValue as s,useEffect as c,useMemo as l,useState as u}from"react";function d({tree:e,comarkKey:r,...i}){let[a,o]=u(null),s=e.meta?.key||r;return c(()=>{let t=globalThis.comarkContext;if(!s||!t)return;let n=t.get(s,e).listen(o);return()=>n(!0)},[s]),/* @__PURE__ */ n(t,{...i,tree:a??e})}function f({parsing:e,...t}){return/* @__PURE__ */ n(d,{...t,tree:o(e)})}function p({children:t,markdown:r=``,options:o={},plugins:c=[],sanitize:u,...d}){let p=t?String(t):r,m=l(()=>i(p,{...o,plugins:e(c,u)}),[p]),h=s(m);return/* @__PURE__ */ n(a,{fallback:null,children:/* @__PURE__ */ n(f,{...d,sanitize:u,parsing:h})})}function m({code:e=``}){let[t,i]=u(!1);async function a(){e&&(await navigator.clipboard.writeText(e),i(!0),setTimeout(()=>i(!1),2e3))}return/* @__PURE__ */ n(`button`,{type:`button`,className:`prose-pre-copy`,title:t?`Copied`:`Copy Code`,onClick:a,children:t?/* @__PURE__ */ n(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,children:/* @__PURE__ */ n(`path`,{d:`M20 6 9 17l-5-5`})}):/* @__PURE__ */ r(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,children:[/* @__PURE__ */ n(`rect`,{x:`9`,y:`9`,width:`13`,height:`13`,rx:`2`}),/* @__PURE__ */ n(`path`,{d:`M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1`})]})})}export{p as MarkdownClient,d as MarkdownLive,m as ProseCopyButton};

package/dist/index.d.ts

@@ -1,39 +1,53 @@
-export { Comark as Markdown, ComarkClient as MarkdownClient, ComarkLive as MarkdownLive, ComarkRenderer as MarkdownRenderer, defineComarkComponent as defineMarkdownComponent, defineComarkRendererComponent as defineMarkdownRenderer } from '@comark/react';
+import { MarkdownProps, SanitizeSetting } from './render-CwaofC8t.js';
+export { MarkdownRenderer, MarkdownRendererOptions, MarkdownRendererProps, defineMarkdownRenderer } from './render-CwaofC8t.js';
+import { MarkdownParseOptions, MarkdownPlugin } from '@primeui-devkit/markdown-core';
 import * as react from 'react';
-import { ReactNode } from 'react';
+import { JSX, ComponentType, ReactNode } from 'react';
+export { MarkdownClient, MarkdownLive, MarkdownLiveProps } from '@primeui-devkit/react-markdown/client';
+import '@comark/react';
+import '@primeui-devkit/markdown-core/plugins/sanitize';
+
+interface MarkdownComponentOptions extends Omit<MarkdownParseOptions, 'plugins'> {
+    /** Display name of the component. */
+    name?: string;
+    /** Plugins run before the ones passed as a prop; the sanitizer runs after both. */
+    plugins?: MarkdownPlugin<any, any>[];
+    /** Components merged under the ones passed as a prop. */
+    components?: Record<string, ComponentType<any>>;
+    className?: string;
+    /** Default for the `sanitize` prop. @default true */
+    sanitize?: SanitizeSetting;
+}
+/** A `Markdown` with parser options, plugins, components and a sanitize default built in. */
+declare function defineMarkdownComponent(config?: MarkdownComponentOptions): (props: MarkdownProps) => Promise<JSX.Element>;
+/** Parses markdown on the server, an async Server Component; the sanitizer runs after every plugin. */
+declare const Markdown: (props: MarkdownProps) => Promise<JSX.Element>;
 
 type ProseProps = {
     children?: ReactNode;
     [key: string]: unknown;
 };
-declare const ProseH1: ({ id, children }: ProseProps & {
+declare const ProseH1: ({ id, children, ...props }: ProseProps & {
     id?: string;
 }) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare const ProseH2: ({ id, children }: ProseProps & {
+declare const ProseH2: ({ id, children, ...props }: ProseProps & {
     id?: string;
 }) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare const ProseH3: ({ id, children }: ProseProps & {
+declare const ProseH3: ({ id, children, ...props }: ProseProps & {
     id?: string;
 }) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare const ProseH4: ({ id, children }: ProseProps & {
+declare const ProseH4: ({ id, children, ...props }: ProseProps & {
     id?: string;
 }) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare const ProseH5: ({ id, children }: ProseProps & {
+declare const ProseH5: ({ id, children, ...props }: ProseProps & {
     id?: string;
 }) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare const ProseH6: ({ id, children }: ProseProps & {
+declare const ProseH6: ({ id, children, ...props }: ProseProps & {
     id?: string;
 }) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare function ProseA({ href, target, children }: ProseProps & {
-    href?: string;
-    target?: string;
-}): react.JSX.Element;
-declare function ProseImg({ src, alt, width, height }: {
-    src?: string;
-    alt?: string;
-    width?: string | number;
-    height?: string | number;
-}): react.JSX.Element;
+declare const ProseA: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+declare const ProseImg: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+/** Server-rendered, with only the copy button on the client. */
 declare function ProsePre({ code, filename, class: classAttr, className: classNameProp, children }: ProseProps & {
     code?: string;
     filename?: string;
@@ -41,57 +55,58 @@ declare function ProsePre({ code, filename, class: classAttr, className: classNa
     className?: string;
 }): react.JSX.Element;
 declare function ProseTable({ children }: ProseProps): react.JSX.Element;
-declare const ProseP: ({ children, class: classAttr, className: classNameProp, style, ...rest }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare const ProseBlockquote: ({ children, class: classAttr, className: classNameProp, style, ...rest }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare const ProseCode: ({ children, class: classAttr, className: classNameProp, style, ...rest }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare const ProseEm: ({ children, class: classAttr, className: classNameProp, style, ...rest }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare const ProseStrong: ({ children, class: classAttr, className: classNameProp, style, ...rest }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare const ProseLi: ({ children, class: classAttr, className: classNameProp, style, ...rest }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare const ProseOl: ({ children, class: classAttr, className: classNameProp, style, ...rest }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare const ProseUl: ({ children, class: classAttr, className: classNameProp, style, ...rest }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare const ProseTbody: ({ children, class: classAttr, className: classNameProp, style, ...rest }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare const ProseTd: ({ children, class: classAttr, className: classNameProp, style, ...rest }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare const ProseTh: ({ children, class: classAttr, className: classNameProp, style, ...rest }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare const ProseThead: ({ children, class: classAttr, className: classNameProp, style, ...rest }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare const ProseTr: ({ children, class: classAttr, className: classNameProp, style, ...rest }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare function ProseHr(): react.JSX.Element;
+declare const ProseP: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+declare const ProseBlockquote: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+declare const ProseCode: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+declare const ProseEm: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+declare const ProseStrong: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+declare const ProseLi: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+declare const ProseOl: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+declare const ProseUl: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+declare const ProseTbody: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+declare const ProseTd: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+declare const ProseTh: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+declare const ProseThead: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+declare const ProseTr: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+declare const ProseHr: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
 declare const proseComponents: {
-    ProseA: typeof ProseA;
-    ProseBlockquote: ({ children, class: classAttr, className: classNameProp, style, ...rest }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-    ProseCode: ({ children, class: classAttr, className: classNameProp, style, ...rest }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-    ProseEm: ({ children, class: classAttr, className: classNameProp, style, ...rest }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-    ProseH1: ({ id, children }: ProseProps & {
+    ProseA: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+    ProseBlockquote: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+    ProseCode: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+    ProseEm: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+    ProseH1: ({ id, children, ...props }: ProseProps & {
         id?: string;
     }) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-    ProseH2: ({ id, children }: ProseProps & {
+    ProseH2: ({ id, children, ...props }: ProseProps & {
         id?: string;
     }) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-    ProseH3: ({ id, children }: ProseProps & {
+    ProseH3: ({ id, children, ...props }: ProseProps & {
         id?: string;
     }) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-    ProseH4: ({ id, children }: ProseProps & {
+    ProseH4: ({ id, children, ...props }: ProseProps & {
         id?: string;
     }) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-    ProseH5: ({ id, children }: ProseProps & {
+    ProseH5: ({ id, children, ...props }: ProseProps & {
         id?: string;
     }) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-    ProseH6: ({ id, children }: ProseProps & {
+    ProseH6: ({ id, children, ...props }: ProseProps & {
         id?: string;
     }) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-    ProseHr: typeof ProseHr;
-    ProseImg: typeof ProseImg;
-    ProseLi: ({ children, class: classAttr, className: classNameProp, style, ...rest }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-    ProseOl: ({ children, class: classAttr, className: classNameProp, style, ...rest }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-    ProseP: ({ children, class: classAttr, className: classNameProp, style, ...rest }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+    ProseHr: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+    ProseImg: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+    ProseLi: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+    ProseOl: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+    ProseP: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
     ProsePre: typeof ProsePre;
-    ProseStrong: ({ children, class: classAttr, className: classNameProp, style, ...rest }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+    ProseStrong: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
     ProseTable: typeof ProseTable;
-    ProseTbody: ({ children, class: classAttr, className: classNameProp, style, ...rest }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-    ProseTd: ({ children, class: classAttr, className: classNameProp, style, ...rest }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-    ProseTh: ({ children, class: classAttr, className: classNameProp, style, ...rest }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-    ProseThead: ({ children, class: classAttr, className: classNameProp, style, ...rest }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-    ProseTr: ({ children, class: classAttr, className: classNameProp, style, ...rest }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-    ProseUl: ({ children, class: classAttr, className: classNameProp, style, ...rest }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+    ProseTbody: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+    ProseTd: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+    ProseTh: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+    ProseThead: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+    ProseTr: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+    ProseUl: ({ children, ...props }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
 };
 
-export { ProseA, ProseBlockquote, ProseCode, ProseEm, ProseH1, ProseH2, ProseH3, ProseH4, ProseH5, ProseH6, ProseHr, ProseImg, ProseLi, ProseOl, ProseP, ProsePre, ProseStrong, ProseTable, ProseTbody, ProseTd, ProseTh, ProseThead, ProseTr, ProseUl, proseComponents };
+export { Markdown, MarkdownProps, ProseA, ProseBlockquote, ProseCode, ProseEm, ProseH1, ProseH2, ProseH3, ProseH4, ProseH5, ProseH6, ProseHr, ProseImg, ProseLi, ProseOl, ProseP, ProsePre, ProseStrong, ProseTable, ProseTbody, ProseTd, ProseTh, ProseThead, ProseTr, ProseUl, SanitizeSetting, defineMarkdownComponent, proseComponents };
+export type { MarkdownComponentOptions };

package/dist/index.js

@@ -1,2 +1 @@
-'use client';
-import{Comark as e,ComarkClient as t,ComarkLive as n,ComarkRenderer as r,defineComarkComponent as i,defineComarkRendererComponent as a}from"@comark/react";import{createElement as o,useEffect as s,useRef as c,useState as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";function f(e){return typeof e==`string`?Object.fromEntries(e.split(`;`).map(e=>e.split(`:`)).filter(([e,t])=>e?.trim()&&t!==void 0).map(([e,...t])=>[e.trim().replace(/-([a-z])/g,(e,t)=>t.toUpperCase()),t.join(`:`).trim()])):e}function p(e,t){return function({children:n,class:r,className:i,style:a,...s}){let c=[t,i??r].filter(Boolean).join(` `);return o(e,{...s,className:c,...a===void 0?{}:{style:f(a)}},n)}}function m(e,t){return function({id:n,children:r}){return n?o(e,{id:n,className:t},/* @__PURE__ */ d(`a`,{href:`#${n}`,className:`prose-heading-link`,children:[/* @__PURE__ */ u(`span`,{className:`prose-heading-anchor`,children:`#`}),r]})):o(e,{className:t},r)}}const h=/* @__PURE__ */ m(`h1`,`prose-h1`),g=/* @__PURE__ */ m(`h2`,`prose-h2`),_=/* @__PURE__ */ m(`h3`,`prose-h3`),v=/* @__PURE__ */ m(`h4`,`prose-h4`),y=/* @__PURE__ */ m(`h5`,`prose-h5`),b=/* @__PURE__ */ m(`h6`,`prose-h6`);function x({href:e,target:t,children:n}){return/* @__PURE__ */ u(`a`,{className:`prose-a`,href:e,target:t,children:n})}function S({src:e,alt:t,width:n,height:r}){return/* @__PURE__ */ u(`img`,{className:`prose-img`,src:e,alt:t,width:n,height:r})}function C({code:e=``,filename:t,class:n,className:r,children:i}){let a=r??n,[o,f]=l(!1),p=c(null);s(()=>{for(let e of p.current?.querySelectorAll(`[class*=","]`)??[])e.setAttribute(`class`,e.getAttribute(`class`).split(`,`).join(` `))});let m=t?.replace(`:line-numbers`,``)||null,h=t?.includes(`:line-numbers`);async function g(){e&&(await navigator.clipboard.writeText(e),f(!0),setTimeout(()=>f(!1),2e3))}return/* @__PURE__ */ d(`div`,{className:`prose-pre`,children:[m&&/* @__PURE__ */ u(`div`,{className:`prose-pre-filename`,children:/* @__PURE__ */ u(`span`,{children:m})}),/* @__PURE__ */ u(`div`,{className:`prose-pre-actions`,children:/* @__PURE__ */ u(`button`,{type:`button`,className:`prose-pre-copy`,title:o?`Copied`:`Copy Code`,onClick:g,children:o?/* @__PURE__ */ u(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,children:/* @__PURE__ */ u(`path`,{d:`M20 6 9 17l-5-5`})}):/* @__PURE__ */ d(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,children:[/* @__PURE__ */ u(`rect`,{x:`9`,y:`9`,width:`13`,height:`13`,rx:`2`}),/* @__PURE__ */ u(`path`,{d:`M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1`})]})})}),/* @__PURE__ */ u(`pre`,{ref:p,className:[a,h?`prose-pre-line-numbers`:``].filter(Boolean).join(` `)||void 0,children:i})]})}function w({children:e}){return/* @__PURE__ */ u(`div`,{className:`prose-table-scroll`,children:/* @__PURE__ */ u(`table`,{className:`prose-table`,children:e})})}const T=/* @__PURE__ */ p(`p`,`prose-p`),E=/* @__PURE__ */ p(`blockquote`,`prose-blockquote`),D=/* @__PURE__ */ p(`code`,`prose-code`),O=/* @__PURE__ */ p(`em`,`prose-em`),k=/* @__PURE__ */ p(`strong`,`prose-strong`),A=/* @__PURE__ */ p(`li`,`prose-li`),j=/* @__PURE__ */ p(`ol`,`prose-ol`),M=/* @__PURE__ */ p(`ul`,`prose-ul`),N=/* @__PURE__ */ p(`tbody`,`prose-tbody`),P=/* @__PURE__ */ p(`td`,`prose-td`),F=/* @__PURE__ */ p(`th`,`prose-th`),I=/* @__PURE__ */ p(`thead`,`prose-thead`),L=/* @__PURE__ */ p(`tr`,`prose-tr`);function R(){return/* @__PURE__ */ u(`hr`,{className:`prose-hr`})}const z={ProseA:x,ProseBlockquote:E,ProseCode:D,ProseEm:O,ProseH1:h,ProseH2:g,ProseH3:_,ProseH4:v,ProseH5:y,ProseH6:b,ProseHr:R,ProseImg:S,ProseLi:A,ProseOl:j,ProseP:T,ProsePre:C,ProseStrong:k,ProseTable:w,ProseTbody:N,ProseTd:P,ProseTh:F,ProseThead:I,ProseTr:L,ProseUl:M};export{e as Markdown,t as MarkdownClient,n as MarkdownLive,r as MarkdownRenderer,x as ProseA,E as ProseBlockquote,D as ProseCode,O as ProseEm,h as ProseH1,g as ProseH2,_ as ProseH3,v as ProseH4,y as ProseH5,b as ProseH6,R as ProseHr,S as ProseImg,A as ProseLi,j as ProseOl,T as ProseP,C as ProsePre,k as ProseStrong,w as ProseTable,N as ProseTbody,P as ProseTd,F as ProseTh,I as ProseThead,L as ProseTr,M as ProseUl,i as defineMarkdownComponent,a as defineMarkdownRenderer,z as proseComponents};
+import{a as e,i as t,n,r,t as i}from"./chunks/render-CcsM4C3Y.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{parseMarkdown as s}from"@primeui-devkit/markdown-core";import{MarkdownClient as c,MarkdownClient as l,MarkdownLive as u,ProseCopyButton as d}from"@primeui-devkit/react-markdown/client";import{createElement as f}from"react";function p(e={}){let{name:n,plugins:o=[],components:c,className:u,sanitize:d,...f}=e;async function p({children:e,markdown:n=``,options:p,plugins:m=[],components:h,className:g,sanitize:_=d,streaming:v=!1,...y}){let b=e?String(e):n,x={...y,components:{...c,...h},className:r(u,g),sanitize:_},S={...f,...p},C=[...o,...m];if(v)return/* @__PURE__ */ a(l,{...x,markdown:b,options:S,plugins:C,streaming:!0});let w=await s(b,{...S,plugins:t(C,_)});return/* @__PURE__ */ a(i,{...x,tree:w})}return Object.defineProperty(p,"name",{value:n??`Markdown`}),p}const m=/* @__PURE__ */ p({name:`Markdown`});function h(t,{class:n,className:r,style:i,...a}){return{...a,className:[t,r??n].filter(Boolean).join(` `),...i===void 0?{}:{style:e(i)}}}function g(e,t){return function({children:n,...r}){return f(e,h(t,r),n)}}function _(e,t){return function({id:n,children:r,...i}){return n?f(e,{...h(t,i),id:n},/* @__PURE__ */ o(`a`,{href:`#${n}`,className:`prose-heading-link`,children:[/* @__PURE__ */ a(`span`,{className:`prose-heading-anchor`,children:`#`}),r]})):f(e,h(t,i),r)}}const v=/* @__PURE__ */ _(`h1`,`prose-h1`),y=/* @__PURE__ */ _(`h2`,`prose-h2`),b=/* @__PURE__ */ _(`h3`,`prose-h3`),x=/* @__PURE__ */ _(`h4`,`prose-h4`),S=/* @__PURE__ */ _(`h5`,`prose-h5`),C=/* @__PURE__ */ _(`h6`,`prose-h6`),w=/* @__PURE__ */ g(`a`,`prose-a`),T=/* @__PURE__ */ g(`img`,`prose-img`);function E({code:e=``,filename:t,class:n,className:r,children:i}){let s=r??n,c=t?.replace(`:line-numbers`,``)||null,l=t?.includes(`:line-numbers`);return/* @__PURE__ */ o(`div`,{className:`prose-pre`,children:[c&&/* @__PURE__ */ a(`div`,{className:`prose-pre-filename`,children:/* @__PURE__ */ a(`span`,{children:c})}),/* @__PURE__ */ a(`div`,{className:`prose-pre-actions`,children:/* @__PURE__ */ a(d,{code:e})}),/* @__PURE__ */ a(`pre`,{className:[s,l?`prose-pre-line-numbers`:``].filter(Boolean).join(` `)||void 0,children:i})]})}function D({children:e}){return/* @__PURE__ */ a(`div`,{className:`prose-table-scroll`,children:/* @__PURE__ */ a(`table`,{className:`prose-table`,children:e})})}const O=/* @__PURE__ */ g(`p`,`prose-p`),k=/* @__PURE__ */ g(`blockquote`,`prose-blockquote`),A=/* @__PURE__ */ g(`code`,`prose-code`),j=/* @__PURE__ */ g(`em`,`prose-em`),M=/* @__PURE__ */ g(`strong`,`prose-strong`),N=/* @__PURE__ */ g(`li`,`prose-li`),P=/* @__PURE__ */ g(`ol`,`prose-ol`),F=/* @__PURE__ */ g(`ul`,`prose-ul`),I=/* @__PURE__ */ g(`tbody`,`prose-tbody`),L=/* @__PURE__ */ g(`td`,`prose-td`),R=/* @__PURE__ */ g(`th`,`prose-th`),z=/* @__PURE__ */ g(`thead`,`prose-thead`),B=/* @__PURE__ */ g(`tr`,`prose-tr`),V=/* @__PURE__ */ g(`hr`,`prose-hr`),H={ProseA:w,ProseBlockquote:k,ProseCode:A,ProseEm:j,ProseH1:v,ProseH2:y,ProseH3:b,ProseH4:x,ProseH5:S,ProseH6:C,ProseHr:V,ProseImg:T,ProseLi:N,ProseOl:P,ProseP:O,ProsePre:E,ProseStrong:M,ProseTable:D,ProseTbody:I,ProseTd:L,ProseTh:R,ProseThead:z,ProseTr:B,ProseUl:F};export{m as Markdown,c as MarkdownClient,u as MarkdownLive,i as MarkdownRenderer,w as ProseA,k as ProseBlockquote,A as ProseCode,j as ProseEm,v as ProseH1,y as ProseH2,b as ProseH3,x as ProseH4,S as ProseH5,C as ProseH6,V as ProseHr,T as ProseImg,N as ProseLi,P as ProseOl,O as ProseP,E as ProsePre,M as ProseStrong,D as ProseTable,I as ProseTbody,L as ProseTd,R as ProseTh,z as ProseThead,B as ProseTr,F as ProseUl,p as defineMarkdownComponent,n as defineMarkdownRenderer,H as proseComponents};

package/dist/render-CwaofC8t.d.ts

@@ -0,0 +1,43 @@
+import { MarkdownDocument } from '@comark/react';
+import { MarkdownParseOptions, MarkdownPlugin } from '@primeui-devkit/markdown-core';
+import { SanitizeOptions } from '@primeui-devkit/markdown-core/plugins/sanitize';
+import { ComponentProps, ReactNode, JSX, ComponentType, FunctionComponent } from 'react';
+
+type DocumentProps = ComponentProps<typeof MarkdownDocument>;
+type ComarkRendererProps = Omit<DocumentProps, 'value'> & {
+    /** The parsed tree to render, or a bare `{ nodes }`. */
+    tree: NonNullable<DocumentProps['value']>;
+};
+/** The option every renderer shares: on unless `false`, or the sanitizer's options. */
+type SanitizeSetting = boolean | SanitizeOptions;
+type MarkdownRendererProps = ComarkRendererProps & {
+    /** Removes what would run script, submit a form or restyle the page before rendering; `false` renders the tree as given. @default true */
+    sanitize?: SanitizeSetting;
+};
+interface MarkdownProps extends Omit<ComarkRendererProps, 'tree'> {
+    /** Markdown to parse; `children` as text wins over it. */
+    markdown?: string;
+    children?: ReactNode;
+    /** Parser options; plugins go in `plugins`. */
+    options?: Omit<MarkdownParseOptions, 'plugins'>;
+    /** Extra plugins, run before the sanitizer. */
+    plugins?: MarkdownPlugin<any, any>[];
+    /** Removes what would run script, submit a form or restyle the page, after every plugin; `false` only for trusted markdown. @default true */
+    sanitize?: SanitizeSetting;
+}
+/** Renders a parsed tree, sanitized first. Free of client hooks, so it renders in a Server Component too. */
+declare function MarkdownRenderer({ sanitize, tree, components, className, ...rest }: MarkdownRendererProps): JSX.Element;
+interface MarkdownRendererOptions {
+    /** Display name of the component. */
+    name?: string;
+    /** Components merged under the ones passed as a prop. */
+    components?: Record<string, ComponentType<any>>;
+    className?: string;
+    /** Default for the `sanitize` prop. @default true */
+    sanitize?: SanitizeSetting;
+}
+/** A `MarkdownRenderer` with components and a sanitize default built in. */
+declare function defineMarkdownRenderer(config?: MarkdownRendererOptions): FunctionComponent<MarkdownRendererProps>;
+
+export { MarkdownRenderer, defineMarkdownRenderer };
+export type { MarkdownProps, MarkdownRendererOptions, MarkdownRendererProps, SanitizeSetting };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primeui-devkit/react-markdown",
-  "version": "0.1.0-rc.3",
+  "version": "0.1.0-rc.5",
   "author": "PrimeTek Informatics",
   "description": "React renderer for the PrimeUI DevKit markdown AST, plus the Prose* component set. The rendering backend is an internal implementation detail.",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -22,8 +22,20 @@
       "import": "./dist/index.js",
       "default": "./dist/index.js"
     },
+    "./client": {
+      "types": "./dist/client.d.ts",
+      "import": "./dist/client.js",
+      "default": "./dist/client.js"
+    },
     "./package.json": "./package.json"
   },
+  "typesVersions": {
+    "*": {
+      "client": [
+        "./dist/client.d.ts"
+      ]
+    }
+  },
   "publishConfig": {
     "access": "public"
   },
@@ -35,22 +47,25 @@
     "README.md"
   ],
   "dependencies": {
-    "@comark/react": "^0.5.1"
+    "@comark/react": "0.7.0",
+    "@primeui-devkit/markdown-core": "0.1.0-rc.5"
   },
   "peerDependencies": {
-    "react": ">=18.0.0"
+    "react": "^19.0.0"
   },
   "devDependencies": {
     "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "cross-env": "^10.1.0",
+    "jsdom": "^30.0.1",
     "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "typescript": "~6.0.0",
     "vitest": "4.1.11",
-    "@primeui-devkit/cli": "0.1.0-rc.1",
-    "@primeui-devkit/bundle": "0.1.0-rc.1",
-    "@primeui-devkit/markdown-core": "0.1.0-rc.3",
-    "@primeui-devkit/test-config": "0.1.0-rc.1",
-    "@primeui-devkit/ts-config": "0.1.0-rc.1"
+    "@primeui-devkit/test-config": "0.1.0-rc.2",
+    "@primeui-devkit/bundle": "0.1.0-rc.2",
+    "@primeui-devkit/cli": "0.1.0-rc.2",
+    "@primeui-devkit/ts-config": "0.1.0-rc.2"
   },
   "engines": {
     "node": ">=22.18.0"