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

package/dist/index.d.ts

@@ -1,5 +1,425 @@
-export { Comark as Markdown, ComarkRenderer as MarkdownRenderer, defineComarkComponent as defineMarkdownComponent, defineComarkRendererComponent as defineMarkdownRenderer } from '@comark/vue';
-import { DefineComponent } from 'vue';
+import * as vue from 'vue';
+import { PropType, VNode, DefineComponent } from 'vue';
+import { MarkdownNode, MarkdownPlugin } from '@primeui-devkit/markdown-core';
+import { SanitizeOptions } from '@primeui-devkit/markdown-core/plugins/sanitize';
+export { SanitizeOptions } from '@primeui-devkit/markdown-core/plugins/sanitize';
+
+type Manifest = (name: string) => unknown;
+type Caret = boolean | {
+    class: string;
+};
+/** A tree as the renderer takes it: the parser's output, or any object with `nodes`. */
+type MarkdownTreeInput = {
+    nodes: MarkdownNode[];
+    frontmatter?: Record<string, unknown>;
+    meta?: Record<string, unknown>;
+} & Record<string, unknown>;
+/** Renders a parsed tree, sanitized unless `sanitize: false`. Synchronous, so it needs no `<Suspense>`. */
+declare const MarkdownRenderer: vue.DefineComponent<vue.ExtractPropTypes<{
+    /** The parsed tree to render. */
+    readonly tree: {
+        readonly type: PropType<MarkdownTreeInput | null>;
+        readonly default: null;
+    };
+    /** Removes what would run script, submit a form, restyle the page or swap in another component; `false` renders the tree as given. @default true */
+    readonly sanitize: {
+        readonly type: PropType<boolean | SanitizeOptions>;
+        readonly default: true;
+    };
+    /** Components by tag: `ProseA` replaces `a`, `demo-viewer` renders `::demo-viewer`. */
+    readonly components: {
+        readonly type: PropType<Record<string, unknown>>;
+        readonly default: undefined;
+    };
+    /** Resolves a component the map does not have, possibly asynchronously. */
+    readonly componentsManifest: {
+        readonly type: PropType<Manifest>;
+        readonly default: undefined;
+    };
+    readonly streaming: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly caret: {
+        readonly type: PropType<Caret>;
+        readonly default: false;
+    };
+    /** Extra values `:bound` attributes may read as `data.*`. */
+    readonly data: {
+        readonly type: PropType<Record<string, unknown>>;
+        readonly default: undefined;
+    };
+    /** Key of a live document in `globalThis.comarkContext`; the tree's own `meta.key` wins. */
+    readonly comarkKey: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /** The parsed tree to render. */
+    readonly tree: {
+        readonly type: PropType<MarkdownTreeInput | null>;
+        readonly default: null;
+    };
+    /** Removes what would run script, submit a form, restyle the page or swap in another component; `false` renders the tree as given. @default true */
+    readonly sanitize: {
+        readonly type: PropType<boolean | SanitizeOptions>;
+        readonly default: true;
+    };
+    /** Components by tag: `ProseA` replaces `a`, `demo-viewer` renders `::demo-viewer`. */
+    readonly components: {
+        readonly type: PropType<Record<string, unknown>>;
+        readonly default: undefined;
+    };
+    /** Resolves a component the map does not have, possibly asynchronously. */
+    readonly componentsManifest: {
+        readonly type: PropType<Manifest>;
+        readonly default: undefined;
+    };
+    readonly streaming: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly caret: {
+        readonly type: PropType<Caret>;
+        readonly default: false;
+    };
+    /** Extra values `:bound` attributes may read as `data.*`. */
+    readonly data: {
+        readonly type: PropType<Record<string, unknown>>;
+        readonly default: undefined;
+    };
+    /** Key of a live document in `globalThis.comarkContext`; the tree's own `meta.key` wins. */
+    readonly comarkKey: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+}>> & Readonly<{}>, {
+    readonly data: Record<string, unknown>;
+    readonly components: Record<string, unknown>;
+    readonly tree: MarkdownTreeInput | null;
+    readonly sanitize: boolean | SanitizeOptions;
+    readonly componentsManifest: Manifest;
+    readonly streaming: boolean;
+    readonly caret: Caret;
+    readonly comarkKey: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+interface MarkdownRendererOptions {
+    name?: string;
+    /** Components merged under the ones passed as a prop. */
+    components?: Record<string, unknown>;
+    /** The default for the `sanitize` prop. @default true */
+    sanitize?: boolean | SanitizeOptions;
+    class?: string;
+}
+/** A `MarkdownRenderer` with components and a sanitize setting built in; the props still override them. */
+declare function defineMarkdownRenderer(config?: MarkdownRendererOptions): vue.DefineComponent<vue.ExtractPropTypes<{
+    sanitize: {
+        type: PropType<boolean | SanitizeOptions>;
+        default: undefined;
+    };
+    tree: {
+        readonly type: PropType<MarkdownTreeInput | null>;
+        readonly default: null;
+    };
+    components: {
+        readonly type: PropType<Record<string, unknown>>;
+        readonly default: undefined;
+    };
+    componentsManifest: {
+        readonly type: PropType<(name: string) => unknown>;
+        readonly default: undefined;
+    };
+    streaming: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    caret: {
+        readonly type: PropType<boolean | {
+            class: string;
+        }>;
+        readonly default: false;
+    };
+    data: {
+        readonly type: PropType<Record<string, unknown>>;
+        readonly default: undefined;
+    };
+    comarkKey: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    sanitize: {
+        type: PropType<boolean | SanitizeOptions>;
+        default: undefined;
+    };
+    tree: {
+        readonly type: PropType<MarkdownTreeInput | null>;
+        readonly default: null;
+    };
+    components: {
+        readonly type: PropType<Record<string, unknown>>;
+        readonly default: undefined;
+    };
+    componentsManifest: {
+        readonly type: PropType<(name: string) => unknown>;
+        readonly default: undefined;
+    };
+    streaming: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    caret: {
+        readonly type: PropType<boolean | {
+            class: string;
+        }>;
+        readonly default: false;
+    };
+    data: {
+        readonly type: PropType<Record<string, unknown>>;
+        readonly default: undefined;
+    };
+    comarkKey: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+}>> & Readonly<{}>, {
+    data: Record<string, unknown>;
+    components: Record<string, unknown>;
+    tree: MarkdownTreeInput | null;
+    sanitize: boolean | SanitizeOptions;
+    componentsManifest: (name: string) => unknown;
+    streaming: boolean;
+    caret: boolean | {
+        class: string;
+    };
+    comarkKey: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+interface MarkdownComponentOptions extends MarkdownRendererOptions {
+    /** Plugins that run before the sanitizer, ahead of any passed as a prop. */
+    plugins?: MarkdownPlugin<any, any>[];
+    /** Parser options, under any passed as a prop. */
+    options?: Record<string, unknown>;
+}
+/** A component that parses markdown at runtime. Parsing is asynchronous, so outside Nuxt it renders inside `<Suspense>`. */
+declare function defineMarkdownComponent(config?: MarkdownComponentOptions): vue.DefineComponent<vue.ExtractPropTypes<{
+    markdown: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** Parser options. */
+    options: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+    /** Plugins that run after the built-in ones and before the sanitizer. */
+    plugins: {
+        type: PropType<MarkdownPlugin<any, any>[]>;
+        default: undefined;
+    };
+    components: {
+        readonly type: PropType<Record<string, unknown>>;
+        readonly default: undefined;
+    };
+    componentsManifest: {
+        readonly type: PropType<(name: string) => unknown>;
+        readonly default: undefined;
+    };
+    sanitize: {
+        type: PropType<boolean | SanitizeOptions>;
+        default: undefined;
+    };
+    streaming: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** Renders only what comes before a `<!-- more -->` comment. */
+    summary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    caret: {
+        readonly type: PropType<boolean | {
+            class: string;
+        }>;
+        readonly default: false;
+    };
+    data: {
+        readonly type: PropType<Record<string, unknown>>;
+        readonly default: undefined;
+    };
+}>, () => VNode, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    markdown: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** Parser options. */
+    options: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+    /** Plugins that run after the built-in ones and before the sanitizer. */
+    plugins: {
+        type: PropType<MarkdownPlugin<any, any>[]>;
+        default: undefined;
+    };
+    components: {
+        readonly type: PropType<Record<string, unknown>>;
+        readonly default: undefined;
+    };
+    componentsManifest: {
+        readonly type: PropType<(name: string) => unknown>;
+        readonly default: undefined;
+    };
+    sanitize: {
+        type: PropType<boolean | SanitizeOptions>;
+        default: undefined;
+    };
+    streaming: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** Renders only what comes before a `<!-- more -->` comment. */
+    summary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    caret: {
+        readonly type: PropType<boolean | {
+            class: string;
+        }>;
+        readonly default: false;
+    };
+    data: {
+        readonly type: PropType<Record<string, unknown>>;
+        readonly default: undefined;
+    };
+}>> & Readonly<{}>, {
+    data: Record<string, unknown>;
+    summary: boolean;
+    components: Record<string, unknown>;
+    sanitize: boolean | SanitizeOptions;
+    componentsManifest: (name: string) => unknown;
+    streaming: boolean;
+    caret: boolean | {
+        class: string;
+    };
+    plugins: MarkdownPlugin<any, any>[];
+    options: Record<string, unknown>;
+    markdown: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+/** Parses markdown at runtime into sanitized output. Asynchronous: outside Nuxt, render it inside `<Suspense>`. */
+declare const Markdown: vue.DefineComponent<vue.ExtractPropTypes<{
+    markdown: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** Parser options. */
+    options: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+    /** Plugins that run after the built-in ones and before the sanitizer. */
+    plugins: {
+        type: PropType<MarkdownPlugin<any, any>[]>;
+        default: undefined;
+    };
+    components: {
+        readonly type: PropType<Record<string, unknown>>;
+        readonly default: undefined;
+    };
+    componentsManifest: {
+        readonly type: PropType<(name: string) => unknown>;
+        readonly default: undefined;
+    };
+    sanitize: {
+        type: PropType<boolean | SanitizeOptions>;
+        default: undefined;
+    };
+    streaming: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** Renders only what comes before a `<!-- more -->` comment. */
+    summary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    caret: {
+        readonly type: PropType<boolean | {
+            class: string;
+        }>;
+        readonly default: false;
+    };
+    data: {
+        readonly type: PropType<Record<string, unknown>>;
+        readonly default: undefined;
+    };
+}>, () => VNode, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    markdown: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** Parser options. */
+    options: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+    /** Plugins that run after the built-in ones and before the sanitizer. */
+    plugins: {
+        type: PropType<MarkdownPlugin<any, any>[]>;
+        default: undefined;
+    };
+    components: {
+        readonly type: PropType<Record<string, unknown>>;
+        readonly default: undefined;
+    };
+    componentsManifest: {
+        readonly type: PropType<(name: string) => unknown>;
+        readonly default: undefined;
+    };
+    sanitize: {
+        type: PropType<boolean | SanitizeOptions>;
+        default: undefined;
+    };
+    streaming: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** Renders only what comes before a `<!-- more -->` comment. */
+    summary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    caret: {
+        readonly type: PropType<boolean | {
+            class: string;
+        }>;
+        readonly default: false;
+    };
+    data: {
+        readonly type: PropType<Record<string, unknown>>;
+        readonly default: undefined;
+    };
+}>> & Readonly<{}>, {
+    data: Record<string, unknown>;
+    summary: boolean;
+    components: Record<string, unknown>;
+    sanitize: boolean | SanitizeOptions;
+    componentsManifest: (name: string) => unknown;
+    streaming: boolean;
+    caret: boolean | {
+        class: string;
+    };
+    plugins: MarkdownPlugin<any, any>[];
+    options: Record<string, unknown>;
+    markdown: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 declare const ProseA: DefineComponent<{
     href?: string;
@@ -106,4 +526,5 @@ declare const proseComponents: {
     ProseUl: DefineComponent<Record<string, never>>;
 };
 
-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, MarkdownRenderer, ProseA, ProseBlockquote, ProseCode, ProseEm, ProseH1, ProseH2, ProseH3, ProseH4, ProseH5, ProseH6, ProseHr, ProseImg, ProseLi, ProseOl, ProseP, ProsePre, ProseStrong, ProseTable, ProseTbody, ProseTd, ProseTh, ProseThead, ProseTr, ProseUl, defineMarkdownComponent, defineMarkdownRenderer, proseComponents };
+export type { MarkdownComponentOptions, MarkdownRendererOptions, MarkdownTreeInput };

package/dist/index.js

@@ -1 +1 @@
-import{Comark as e,ComarkRenderer as t,defineComarkComponent as n,defineComarkRendererComponent as r}from"@comark/vue";import{computed as i,createCommentVNode as ee,createElementBlock as a,createElementVNode as o,defineComponent as s,normalizeClass as te,openBlock as c,ref as ne,renderSlot as l,toDisplayString as re}from"vue";const u=[`href`,`target`],ie=/*@__PURE__*/ s({__name:`ProseA`,props:{href:{type:String,default:``},target:{type:String,default:void 0,required:!1}},setup(e){let t=e;return(e,n)=>(c(),a(`a`,{class:`prose-a`,href:t.href,target:t.target},[l(e.$slots,`default`)],8,u))}});var d=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n};const ae={},oe={class:`prose-blockquote`};function se(e,t){return c(),a(`blockquote`,oe,[l(e.$slots,`default`)])}var ce=/*#__PURE__*/ d(ae,[[`render`,se]]);const le={},ue={class:`prose-code`};function de(e,t){return c(),a(`code`,ue,[l(e.$slots,`default`)])}var fe=/*#__PURE__*/ d(le,[[`render`,de]]);const pe={},me={class:`prose-em`};function he(e,t){return c(),a(`em`,me,[l(e.$slots,`default`)])}var ge=/*#__PURE__*/ d(pe,[[`render`,he]]);const _e=[`id`],ve=[`href`],ye=/*@__PURE__*/ s({__name:`ProseH1`,props:{id:{type:String,required:!1}},setup(e){let t=e,n=i(()=>!!t.id);return(e,r)=>(c(),a(`h1`,{id:t.id,class:`prose-h1`},[t.id&&n.value?(c(),a(`a`,{key:0,href:`#${t.id}`,class:`prose-heading-link`},[r[0]||=o(`span`,{class:`prose-heading-anchor`},`#`,-1),l(e.$slots,`default`)],8,ve)):l(e.$slots,`default`,{},void 0,void 0,1)],8,_e))}}),be=[`id`],xe=[`href`],Se=/*@__PURE__*/ s({__name:`ProseH2`,props:{id:{type:String,required:!1}},setup(e){let t=e,n=i(()=>!!t.id);return(e,r)=>(c(),a(`h2`,{id:t.id,class:`prose-h2`},[t.id&&n.value?(c(),a(`a`,{key:0,href:`#${t.id}`,class:`prose-heading-link`},[r[0]||=o(`span`,{class:`prose-heading-anchor`},`#`,-1),l(e.$slots,`default`)],8,xe)):l(e.$slots,`default`,{},void 0,void 0,1)],8,be))}}),Ce=[`id`],we=[`href`],Te=/*@__PURE__*/ s({__name:`ProseH3`,props:{id:{type:String,required:!1}},setup(e){let t=e,n=i(()=>!!t.id);return(e,r)=>(c(),a(`h3`,{id:t.id,class:`prose-h3`},[t.id&&n.value?(c(),a(`a`,{key:0,href:`#${t.id}`,class:`prose-heading-link`},[r[0]||=o(`span`,{class:`prose-heading-anchor`},`#`,-1),l(e.$slots,`default`)],8,we)):l(e.$slots,`default`,{},void 0,void 0,1)],8,Ce))}}),f=[`id`],p=[`href`],m=/*@__PURE__*/ s({__name:`ProseH4`,props:{id:{type:String,required:!1}},setup(e){let t=e,n=i(()=>!!t.id);return(e,r)=>(c(),a(`h4`,{id:t.id,class:`prose-h4`},[t.id&&n.value?(c(),a(`a`,{key:0,href:`#${t.id}`,class:`prose-heading-link`},[r[0]||=o(`span`,{class:`prose-heading-anchor`},`#`,-1),l(e.$slots,`default`)],8,p)):l(e.$slots,`default`,{},void 0,void 0,1)],8,f))}}),h=[`id`],g=[`href`],_=/*@__PURE__*/ s({__name:`ProseH5`,props:{id:{type:String,required:!1}},setup(e){let t=e,n=i(()=>!!t.id);return(e,r)=>(c(),a(`h5`,{id:t.id,class:`prose-h5`},[t.id&&n.value?(c(),a(`a`,{key:0,href:`#${t.id}`,class:`prose-heading-link`},[r[0]||=o(`span`,{class:`prose-heading-anchor`},`#`,-1),l(e.$slots,`default`)],8,g)):l(e.$slots,`default`,{},void 0,void 0,1)],8,h))}}),v=[`id`],y=[`href`],b=/*@__PURE__*/ s({__name:`ProseH6`,props:{id:{type:String,required:!1}},setup(e){let t=e,n=i(()=>!!t.id);return(e,r)=>(c(),a(`h6`,{id:t.id,class:`prose-h6`},[t.id&&n.value?(c(),a(`a`,{key:0,href:`#${t.id}`,class:`prose-heading-link`},[r[0]||=o(`span`,{class:`prose-heading-anchor`},`#`,-1),l(e.$slots,`default`)],8,y)):l(e.$slots,`default`,{},void 0,void 0,1)],8,v))}}),x={},S={class:`prose-hr`};function C(e,t){return c(),a(`hr`,S)}var w=/*#__PURE__*/ d(x,[[`render`,C]]);const T=[`src`,`alt`,`width`,`height`],E=/*@__PURE__*/ s({__name:`ProseImg`,props:{src:{type:String,default:``},alt:{type:String,default:``},width:{type:[String,Number],default:void 0},height:{type:[String,Number],default:void 0}},setup(e){let t=e;return(e,n)=>(c(),a(`img`,{class:`prose-img`,src:t.src,alt:t.alt,width:t.width,height:t.height},null,8,T))}}),D={},O={class:`prose-li`};function Ee(e,t){return c(),a(`li`,O,[l(e.$slots,`default`)])}var De=/*#__PURE__*/ d(D,[[`render`,Ee]]);const Oe={},ke={class:`prose-ol`};function Ae(e,t){return c(),a(`ol`,ke,[l(e.$slots,`default`)])}var je=/*#__PURE__*/ d(Oe,[[`render`,Ae]]);const Me={},Ne={class:`prose-p`};function Pe(e,t){return c(),a(`p`,Ne,[l(e.$slots,`default`)])}var Fe=/*#__PURE__*/ d(Me,[[`render`,Pe]]);const Ie={class:`prose-pre`},Le={key:0,class:`prose-pre-filename`},Re={class:`prose-pre-actions`},ze=[`title`],Be={key:0,width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`},Ve={key:1,width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`},He=/*@__PURE__*/ s({__name:`ProsePre`,props:{code:{type:String,default:``},language:{type:String,default:null},filename:{type:String,default:null},highlights:{type:Array,default:()=>[]},meta:{type:String,default:null},class:{type:String,default:null}},setup(e){let t=e,n=i(()=>t.filename?.includes(`:line-numbers`)),r=i(()=>t.filename?.replace(`:line-numbers`,``)||null),s=ne(!1);async function u(){t.code&&(await navigator.clipboard.writeText(t.code),s.value=!0,setTimeout(()=>s.value=!1,2e3))}return(e,t)=>(c(),a(`div`,Ie,[r.value?(c(),a(`div`,Le,[o(`span`,null,re(r.value),1)])):ee(``,!0),o(`div`,Re,[o(`button`,{type:`button`,class:`prose-pre-copy`,title:s.value?`Copied`:`Copy Code`,onClick:u},[s.value?(c(),a(`svg`,Be,[...t[0]||=[o(`path`,{d:`M20 6 9 17l-5-5`},null,-1)]])):(c(),a(`svg`,Ve,[...t[1]||=[o(`rect`,{x:`9`,y:`9`,width:`13`,height:`13`,rx:`2`},null,-1),o(`path`,{d:`M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1`},null,-1)]]))],8,ze)]),o(`pre`,{class:te([e.$props.class,{"prose-pre-line-numbers":n.value}])},[l(e.$slots,`default`)],2)]))}}),k={},Ue={class:`prose-strong`};function We(e,t){return c(),a(`strong`,Ue,[l(e.$slots,`default`)])}var Ge=/*#__PURE__*/ d(k,[[`render`,We]]);const Ke={},qe={class:`prose-table-scroll`},Je={class:`prose-table`};function Ye(e,t){return c(),a(`div`,qe,[o(`table`,Je,[l(e.$slots,`default`)])])}var Xe=/*#__PURE__*/ d(Ke,[[`render`,Ye]]);const Ze={},Qe={class:`prose-tbody`};function $e(e,t){return c(),a(`tbody`,Qe,[l(e.$slots,`default`)])}var et=/*#__PURE__*/ d(Ze,[[`render`,$e]]);const tt={},nt={class:`prose-td`};function rt(e,t){return c(),a(`td`,nt,[l(e.$slots,`default`)])}var it=/*#__PURE__*/ d(tt,[[`render`,rt]]);const at={},ot={class:`prose-th`};function st(e,t){return c(),a(`th`,ot,[l(e.$slots,`default`)])}var ct=/*#__PURE__*/ d(at,[[`render`,st]]);const lt={},ut={class:`prose-thead`};function dt(e,t){return c(),a(`thead`,ut,[l(e.$slots,`default`)])}var ft=/*#__PURE__*/ d(lt,[[`render`,dt]]);const pt={},mt={class:`prose-tr`};function ht(e,t){return c(),a(`tr`,mt,[l(e.$slots,`default`)])}var gt=/*#__PURE__*/ d(pt,[[`render`,ht]]);const _t={},vt={class:`prose-ul`};function yt(e,t){return c(),a(`ul`,vt,[l(e.$slots,`default`)])}var bt=/*#__PURE__*/ d(_t,[[`render`,yt]]);const A=ie,j=ce,M=fe,N=ge,P=ye,F=Se,I=Te,L=m,R=_,z=b,B=w,V=E,H=De,U=je,W=Fe,G=He,K=Ge,q=Xe,J=et,Y=it,X=ct,Z=ft,Q=gt,$=bt,xt={ProseA:A,ProseBlockquote:j,ProseCode:M,ProseEm:N,ProseH1:P,ProseH2:F,ProseH3:I,ProseH4:L,ProseH5:R,ProseH6:z,ProseHr:B,ProseImg:V,ProseLi:H,ProseOl:U,ProseP:W,ProsePre:G,ProseStrong:K,ProseTable:q,ProseTbody:J,ProseTd:Y,ProseTh:X,ProseThead:Z,ProseTr:Q,ProseUl:$};export{e as Markdown,t as MarkdownRenderer,A as ProseA,j as ProseBlockquote,M as ProseCode,N as ProseEm,P as ProseH1,F as ProseH2,I as ProseH3,L as ProseH4,R as ProseH5,z as ProseH6,B as ProseHr,V as ProseImg,H as ProseLi,U as ProseOl,W as ProseP,G as ProsePre,K as ProseStrong,q as ProseTable,J as ProseTbody,Y as ProseTd,X as ProseTh,Z as ProseThead,Q as ProseTr,$ as ProseUl,n as defineMarkdownComponent,r as defineMarkdownRenderer,xt as proseComponents};
+import{createMarkdownParser as e,pascalCase as t,resolveAttributes as n}from"@primeui-devkit/markdown-core";import r,{allowsGlobalComponent as i,componentMap as a,sanitizeOptions as o,sanitizeTree as s}from"@primeui-devkit/markdown-core/plugins/sanitize";import{computed as c,createCommentVNode as l,createElementBlock as u,createElementVNode as d,defineAsyncComponent as f,defineComponent as p,getCurrentInstance as m,h,inject as g,normalizeClass as _,onErrorCaptured as ee,onMounted as te,openBlock as v,ref as ne,renderSlot as y,shallowRef as b,toDisplayString as re,toRaw as x,watch as S}from"vue";const C=(e,t)=>e&&Object.hasOwn(e,t)?e[t]:void 0,w=/* @__PURE__ */ new WeakMap;function ie(e,t){let n=w.get(t);if(n||w.set(t,n=/* @__PURE__ */ new Map),!n.has(e)){let r=t(e);r&&typeof r.then==`function`?n.set(e,f(()=>r)):r&&n.set(e,r&&typeof r==`object`&&`default`in r?r.default:r)}return n.get(e)}function T(e,n,r,i,a){let o=t(e),s=`Prose${o}`;return C(n,s)||C(n,e)||C(n,o)||C(i,s)||(a(e)?C(i,o):void 0)||(r?ie(e,r):void 0)}function ae(e){return e?[`span`,{key:`stream-caret`,style:`background-color: currentColor; display: inline-block; margin-left: 0.25rem; margin-right: 0.25rem; animation: pulse 0.75s cubic-bezier(0.4,0,0.6,1) infinite;`,...typeof e==`object`&&e.class?{class:e.class}:{}},` `]:null}function E(e,t){if(Array.isArray(e))for(let n=e.length-1;n>=2;n--){let r=e[n];if(typeof r==`string`)return[...e,t];let i=E(r,t);if(i)return[...e.slice(0,n),i,...e.slice(n+1)]}}function D(e,t,r,i,a){if(typeof e==`string`)return e;if(!Array.isArray(e))return null;let[o,s={},...c]=e;if(typeof o!=`string`)return null;let l;i?.[0]!==`pre`&&(typeof s.as==`string`&&(l=T(s.as,t.components,t.manifest,t.app,t.allowGlobal)),l||=T(o,t.components,t.manifest,t.app,t.allowGlobal));let u=n(s,a,{parseJson:!0}),d={};for(let e in u){let t=e===`className`?`class`:e,n=u[e];l||t===`class`||t===`style`?d[t]=n:n!==!1&&n!=null&&(d[`^${t}`]=n===!0?``:n)}let f=l??{};(f.props?.__node||f.__asyncResolved?.props?.__node)&&(d.__node=e),r!==void 0&&(d.key=r);let p=l??o;if(c.length===0)return h(p,d);let m=Object.keys(u).length>0?{...a,props:d}:a,g={},_=[];return c.forEach((n,r)=>{if(n==null)return;if(Array.isArray(n)&&n[0]===`template`){let r=n[1]??{},i=typeof r.name==`string`?r.name:Object.keys(r).find(e=>e.startsWith(`v-slot:`))?.slice(7);if(i){let r=n.slice(2);g[i]=()=>r.map((n,r)=>D(n,t,r,e,m)).filter(e=>e!==null);return}}let i=D(n,t,r,e,m);i!==null&&_.push(i)}),l?(_.length>0&&(g.default=()=>_),h(p,d,g)):h(p,d,_)}const O={tree:{type:Object,default:null},sanitize:{type:[Boolean,Object],default:!0},components:{type:Object,default:void 0},componentsManifest:{type:Function,default:void 0},streaming:{type:Boolean,default:!1},caret:{type:[Boolean,Object],default:!1},data:{type:Object,default:void 0},comarkKey:{type:String,default:void 0}},k=p({name:`MarkdownRenderer`,props:O,setup(e){let t=b(null),n=g(`comark`,null),r=m()?.appContext.components;te(()=>{S(()=>e.tree?.meta?.key||e.comarkKey,(n,r,i)=>{let a=globalThis.comarkContext;if(t.value=null,!n||!a||!e.tree)return;let o=a.get(n,x(e.tree)).listen(e=>t.value=e);i(()=>o(!0))},{immediate:!0})}),ee(()=>!1);let l=c(()=>{let n=x(t.value??e.tree),r=o(e.sanitize);return n&&r?s(n,r):n}),u=c(()=>({components:a({...n?.components,...e.components}),manifest:t=>e.componentsManifest?.(t)||n?.componentManifest?.(t)||null,app:r,allowGlobal:t=>i(e.sanitize,t)}));return()=>{let t=l.value,n=[...t?.nodes??[]],r=e.streaming?ae(e.caret):null;if(r&&n.length>0){let e=E(n[n.length-1],r);n=e?[...n.slice(0,-1),e]:[...n,r]}let i={frontmatter:t?.frontmatter??t?.data??{},meta:t?.meta??{},data:e.data??{},props:{}};return h(`div`,{class:`comark-content markdown-content prose`},n.map((e,t)=>D(e,u.value,t,void 0,i)).filter(e=>e!==null))}}});function oe(e={}){return p({name:e.name??`MarkdownRenderer`,props:{...O,sanitize:{type:[Boolean,Object],default:void 0}},setup(t,{slots:n}){return()=>h(k,{...t,class:e.class,sanitize:t.sanitize??e.sanitize??!0,components:{...e.components,...t.components}},n)}})}function A(t={}){return p({name:t.name??`Markdown`,props:{markdown:{type:String,default:void 0},options:{type:Object,default:void 0},plugins:{type:Array,default:void 0},components:O.components,componentsManifest:O.componentsManifest,sanitize:{type:[Boolean,Object],default:void 0},streaming:O.streaming,summary:{type:Boolean,default:!1},caret:O.caret,data:O.data},async setup(n,{slots:i}){let a=c(()=>n.sanitize??t.sanitize??!0),s=c(()=>{let e=i.default?.()[0]?.children,t=typeof e==`string`?e:n.markdown??``;return(n.summary?t.split(`<!-- more -->`)[0]??``:t).trim()}),l=c(()=>{let i=o(a.value);return e({...t.options,...n.options,plugins:[...t.plugins??[],...n.plugins??[],...i?[r(i)]:[]]})}),u=b(null),d=0,f=async()=>{let e=++d,t=await l.value(s.value,{streaming:n.streaming});e===d&&(u.value=t)};return S([s,l,()=>n.streaming],f),await f(),()=>h(k,{tree:u.value,sanitize:a.value,components:{...t.components,...n.components},componentsManifest:n.componentsManifest,streaming:n.streaming,caret:n.caret,data:n.data,class:[t.class,n.streaming?`comark-stream`:void 0]})}})}const se=A({name:`Markdown`}),ce=[`href`,`target`],le=/*@__PURE__*/ p({__name:`ProseA`,props:{href:{type:String,default:``},target:{type:String,default:void 0,required:!1}},setup(e){let t=e;return(e,n)=>(v(),u(`a`,{class:`prose-a`,href:t.href,target:t.target},[y(e.$slots,`default`)],8,ce))}});var j=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n};const ue={},de={class:`prose-blockquote`};function fe(e,t){return v(),u(`blockquote`,de,[y(e.$slots,`default`)])}var pe=/*#__PURE__*/ j(ue,[[`render`,fe]]);const me={},he={class:`prose-code`};function ge(e,t){return v(),u(`code`,he,[y(e.$slots,`default`)])}var _e=/*#__PURE__*/ j(me,[[`render`,ge]]);const ve={},ye={class:`prose-em`};function be(e,t){return v(),u(`em`,ye,[y(e.$slots,`default`)])}var xe=/*#__PURE__*/ j(ve,[[`render`,be]]);const Se=[`id`],Ce=[`href`],we=/*@__PURE__*/ p({__name:`ProseH1`,props:{id:{type:String,required:!1}},setup(e){let t=e,n=c(()=>!!t.id);return(e,r)=>(v(),u(`h1`,{id:t.id,class:`prose-h1`},[t.id&&n.value?(v(),u(`a`,{key:0,href:`#${t.id}`,class:`prose-heading-link`},[r[0]||=d(`span`,{class:`prose-heading-anchor`},`#`,-1),y(e.$slots,`default`)],8,Ce)):y(e.$slots,`default`,{},void 0,void 0,1)],8,Se))}}),Te=[`id`],Ee=[`href`],De=/*@__PURE__*/ p({__name:`ProseH2`,props:{id:{type:String,required:!1}},setup(e){let t=e,n=c(()=>!!t.id);return(e,r)=>(v(),u(`h2`,{id:t.id,class:`prose-h2`},[t.id&&n.value?(v(),u(`a`,{key:0,href:`#${t.id}`,class:`prose-heading-link`},[r[0]||=d(`span`,{class:`prose-heading-anchor`},`#`,-1),y(e.$slots,`default`)],8,Ee)):y(e.$slots,`default`,{},void 0,void 0,1)],8,Te))}}),Oe=[`id`],ke=[`href`],Ae=/*@__PURE__*/ p({__name:`ProseH3`,props:{id:{type:String,required:!1}},setup(e){let t=e,n=c(()=>!!t.id);return(e,r)=>(v(),u(`h3`,{id:t.id,class:`prose-h3`},[t.id&&n.value?(v(),u(`a`,{key:0,href:`#${t.id}`,class:`prose-heading-link`},[r[0]||=d(`span`,{class:`prose-heading-anchor`},`#`,-1),y(e.$slots,`default`)],8,ke)):y(e.$slots,`default`,{},void 0,void 0,1)],8,Oe))}}),je=[`id`],Me=[`href`],Ne=/*@__PURE__*/ p({__name:`ProseH4`,props:{id:{type:String,required:!1}},setup(e){let t=e,n=c(()=>!!t.id);return(e,r)=>(v(),u(`h4`,{id:t.id,class:`prose-h4`},[t.id&&n.value?(v(),u(`a`,{key:0,href:`#${t.id}`,class:`prose-heading-link`},[r[0]||=d(`span`,{class:`prose-heading-anchor`},`#`,-1),y(e.$slots,`default`)],8,Me)):y(e.$slots,`default`,{},void 0,void 0,1)],8,je))}}),Pe=[`id`],Fe=[`href`],Ie=/*@__PURE__*/ p({__name:`ProseH5`,props:{id:{type:String,required:!1}},setup(e){let t=e,n=c(()=>!!t.id);return(e,r)=>(v(),u(`h5`,{id:t.id,class:`prose-h5`},[t.id&&n.value?(v(),u(`a`,{key:0,href:`#${t.id}`,class:`prose-heading-link`},[r[0]||=d(`span`,{class:`prose-heading-anchor`},`#`,-1),y(e.$slots,`default`)],8,Fe)):y(e.$slots,`default`,{},void 0,void 0,1)],8,Pe))}}),Le=[`id`],Re=[`href`],ze=/*@__PURE__*/ p({__name:`ProseH6`,props:{id:{type:String,required:!1}},setup(e){let t=e,n=c(()=>!!t.id);return(e,r)=>(v(),u(`h6`,{id:t.id,class:`prose-h6`},[t.id&&n.value?(v(),u(`a`,{key:0,href:`#${t.id}`,class:`prose-heading-link`},[r[0]||=d(`span`,{class:`prose-heading-anchor`},`#`,-1),y(e.$slots,`default`)],8,Re)):y(e.$slots,`default`,{},void 0,void 0,1)],8,Le))}}),Be={},Ve={class:`prose-hr`};function He(e,t){return v(),u(`hr`,Ve)}var Ue=/*#__PURE__*/ j(Be,[[`render`,He]]);const We=[`src`,`alt`,`width`,`height`],Ge=/*@__PURE__*/ p({__name:`ProseImg`,props:{src:{type:String,default:``},alt:{type:String,default:``},width:{type:[String,Number],default:void 0},height:{type:[String,Number],default:void 0}},setup(e){let t=e;return(e,n)=>(v(),u(`img`,{class:`prose-img`,src:t.src,alt:t.alt,width:t.width,height:t.height},null,8,We))}}),Ke={},qe={class:`prose-li`};function Je(e,t){return v(),u(`li`,qe,[y(e.$slots,`default`)])}var Ye=/*#__PURE__*/ j(Ke,[[`render`,Je]]);const Xe={},Ze={class:`prose-ol`};function Qe(e,t){return v(),u(`ol`,Ze,[y(e.$slots,`default`)])}var $e=/*#__PURE__*/ j(Xe,[[`render`,Qe]]);const et={},tt={class:`prose-p`};function nt(e,t){return v(),u(`p`,tt,[y(e.$slots,`default`)])}var rt=/*#__PURE__*/ j(et,[[`render`,nt]]);const it={class:`prose-pre`},at={key:0,class:`prose-pre-filename`},ot={class:`prose-pre-actions`},st=[`title`],ct={key:0,width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`},lt={key:1,width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`},ut=/*@__PURE__*/ p({__name:`ProsePre`,props:{code:{type:String,default:``},language:{type:String,default:null},filename:{type:String,default:null},highlights:{type:Array,default:()=>[]},meta:{type:String,default:null},class:{type:String,default:null}},setup(e){let t=e,n=c(()=>t.filename?.includes(`:line-numbers`)),r=c(()=>t.filename?.replace(`:line-numbers`,``)||null),i=ne(!1);async function a(){t.code&&(await navigator.clipboard.writeText(t.code),i.value=!0,setTimeout(()=>i.value=!1,2e3))}return(e,t)=>(v(),u(`div`,it,[r.value?(v(),u(`div`,at,[d(`span`,null,re(r.value),1)])):l(``,!0),d(`div`,ot,[d(`button`,{type:`button`,class:`prose-pre-copy`,title:i.value?`Copied`:`Copy Code`,onClick:a},[i.value?(v(),u(`svg`,ct,[...t[0]||=[d(`path`,{d:`M20 6 9 17l-5-5`},null,-1)]])):(v(),u(`svg`,lt,[...t[1]||=[d(`rect`,{x:`9`,y:`9`,width:`13`,height:`13`,rx:`2`},null,-1),d(`path`,{d:`M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1`},null,-1)]]))],8,st)]),d(`pre`,{class:_([e.$props.class,{"prose-pre-line-numbers":n.value}])},[y(e.$slots,`default`)],2)]))}}),dt={},ft={class:`prose-strong`};function pt(e,t){return v(),u(`strong`,ft,[y(e.$slots,`default`)])}var mt=/*#__PURE__*/ j(dt,[[`render`,pt]]);const ht={},gt={class:`prose-table-scroll`},_t={class:`prose-table`};function vt(e,t){return v(),u(`div`,gt,[d(`table`,_t,[y(e.$slots,`default`)])])}var yt=/*#__PURE__*/ j(ht,[[`render`,vt]]);const bt={},xt={class:`prose-tbody`};function St(e,t){return v(),u(`tbody`,xt,[y(e.$slots,`default`)])}var Ct=/*#__PURE__*/ j(bt,[[`render`,St]]);const wt={},Tt={class:`prose-td`};function Et(e,t){return v(),u(`td`,Tt,[y(e.$slots,`default`)])}var Dt=/*#__PURE__*/ j(wt,[[`render`,Et]]);const Ot={},kt={class:`prose-th`};function At(e,t){return v(),u(`th`,kt,[y(e.$slots,`default`)])}var jt=/*#__PURE__*/ j(Ot,[[`render`,At]]);const Mt={},Nt={class:`prose-thead`};function Pt(e,t){return v(),u(`thead`,Nt,[y(e.$slots,`default`)])}var Ft=/*#__PURE__*/ j(Mt,[[`render`,Pt]]);const It={},Lt={class:`prose-tr`};function Rt(e,t){return v(),u(`tr`,Lt,[y(e.$slots,`default`)])}var zt=/*#__PURE__*/ j(It,[[`render`,Rt]]);const Bt={},Vt={class:`prose-ul`};function Ht(e,t){return v(),u(`ul`,Vt,[y(e.$slots,`default`)])}var Ut=/*#__PURE__*/ j(Bt,[[`render`,Ht]]);const M=le,N=pe,P=_e,F=xe,I=we,L=De,R=Ae,z=Ne,B=Ie,V=ze,H=Ue,U=Ge,W=Ye,G=$e,K=rt,q=ut,J=mt,Y=yt,X=Ct,Z=Dt,Q=jt,Wt=Ft,Gt=zt,$=Ut,Kt={ProseA:M,ProseBlockquote:N,ProseCode:P,ProseEm:F,ProseH1:I,ProseH2:L,ProseH3:R,ProseH4:z,ProseH5:B,ProseH6:V,ProseHr:H,ProseImg:U,ProseLi:W,ProseOl:G,ProseP:K,ProsePre:q,ProseStrong:J,ProseTable:Y,ProseTbody:X,ProseTd:Z,ProseTh:Q,ProseThead:Wt,ProseTr:Gt,ProseUl:$};export{se as Markdown,k as MarkdownRenderer,M as ProseA,N as ProseBlockquote,P as ProseCode,F as ProseEm,I as ProseH1,L as ProseH2,R as ProseH3,z as ProseH4,B as ProseH5,V as ProseH6,H as ProseHr,U as ProseImg,W as ProseLi,G as ProseOl,K as ProseP,q as ProsePre,J as ProseStrong,Y as ProseTable,X as ProseTbody,Z as ProseTd,Q as ProseTh,Wt as ProseThead,Gt as ProseTr,$ as ProseUl,A as defineMarkdownComponent,oe as defineMarkdownRenderer,Kt as proseComponents};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primeui-devkit/vue-markdown",
-  "version": "0.1.0-rc.3",
+  "version": "0.1.0-rc.5",
   "author": "PrimeTek Informatics",
   "description": "Vue 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",
@@ -35,22 +35,23 @@
     "README.md"
   ],
   "dependencies": {
-    "@comark/vue": "^0.5.1"
+    "@primeui-devkit/markdown-core": "0.1.0-rc.5"
   },
   "peerDependencies": {
     "vue": "^3.5.0"
   },
   "devDependencies": {
     "cross-env": "^10.1.0",
+    "jsdom": "^30.0.1",
     "typescript": "~6.0.0",
+    "unplugin-vue": "^8.0.0",
     "vitest": "4.1.11",
     "vue": "^3.5.0",
     "vue-tsc": "^3.3.9",
-    "@primeui-devkit/test-config": "0.1.0-rc.1",
-    "@primeui-devkit/cli": "0.1.0-rc.1",
-    "@primeui-devkit/markdown-core": "0.1.0-rc.3",
-    "@primeui-devkit/ts-config": "0.1.0-rc.1",
-    "@primeui-devkit/bundle": "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"