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

package/README.md

@@ -10,7 +10,3 @@ export function DocPage({ tree }) {
     return <MarkdownRenderer tree={tree} components={{ ...proseComponents, 'demo-viewer': DemoViewer }} />;
 }
 ```
-
-`Markdown` (runtime parse), `MarkdownClient` and `MarkdownLive` are also exported.
-Note: `ProsePre` (copy button) is interactive — under React Server Components
-it must be rendered inside a client boundary.

package/THIRD-PARTY-NOTICES.txt

@@ -5,11 +5,11 @@ Each is provided under its own license, reproduced below.
 
 ---
 
-## comark / @comark/react
+## @comark/react 0.5.1
 
 Copyright (c) 2026 Comark team and contributors
 
-The markdown engine and its React renderer used by this package (https://github.com/comarkdown/comark).
+https://comark.dev/rendering/react
 
 Licensed under the MIT License.
 

package/dist/index.d.ts

@@ -34,31 +34,32 @@ declare function ProseImg({ src, alt, width, height }: {
     width?: string | number;
     height?: string | number;
 }): react.JSX.Element;
-declare function ProsePre({ code, filename, class: className, children }: ProseProps & {
+declare function ProsePre({ code, filename, class: classAttr, className: classNameProp, children }: ProseProps & {
     code?: string;
     filename?: string;
     class?: string;
+    className?: string;
 }): react.JSX.Element;
 declare function ProseTable({ children }: ProseProps): react.JSX.Element;
-declare const ProseP: ({ children }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare const ProseBlockquote: ({ children }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare const ProseCode: ({ children }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare const ProseEm: ({ children }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare const ProseStrong: ({ children }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare const ProseLi: ({ children }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare const ProseOl: ({ children }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare const ProseUl: ({ children }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare const ProseTbody: ({ children }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare const ProseTd: ({ children }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare const ProseTh: ({ children }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare const ProseThead: ({ children }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-declare const ProseTr: ({ children }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+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 proseComponents: {
     ProseA: typeof ProseA;
-    ProseBlockquote: ({ children }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-    ProseCode: ({ children }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-    ProseEm: ({ children }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+    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 & {
         id?: string;
     }) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
@@ -79,18 +80,18 @@ declare const proseComponents: {
     }) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
     ProseHr: typeof ProseHr;
     ProseImg: typeof ProseImg;
-    ProseLi: ({ children }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-    ProseOl: ({ children }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-    ProseP: ({ children }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+    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>>;
     ProsePre: typeof ProsePre;
-    ProseStrong: ({ children }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+    ProseStrong: ({ children, class: classAttr, className: classNameProp, style, ...rest }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
     ProseTable: typeof ProseTable;
-    ProseTbody: ({ children }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-    ProseTd: ({ children }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-    ProseTh: ({ children }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-    ProseThead: ({ children }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-    ProseTr: ({ children }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
-    ProseUl: ({ children }: ProseProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+    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>>;
 };
 
 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 };

package/dist/index.js

@@ -1 +1,2 @@
-export{Comark as Markdown,ComarkClient as MarkdownClient,ComarkLive as MarkdownLive,ComarkRenderer as MarkdownRenderer,defineComarkComponent as defineMarkdownComponent,defineComarkRendererComponent as defineMarkdownRenderer}from'@comark/react';import {useState,createElement}from'react';import {jsx,jsxs}from'react/jsx-runtime';function r(o,s){return function({children:t}){return createElement(o,{className:s},t)}}function p(o,s){return function({id:t,children:a}){return t?createElement(o,{id:t,className:s},jsxs("a",{href:`#${t}`,className:"prose-heading-link",children:[jsx("span",{className:"prose-heading-anchor",children:"#"}),a]})):createElement(o,{className:s},a)}}var P=p("h1","prose-h1"),g=p("h2","prose-h2"),f=p("h3","prose-h3"),x=p("h4","prose-h4"),k=p("h5","prose-h5"),C=p("h6","prose-h6");function b({href:o,target:s,children:n}){return jsx("a",{className:"prose-a",href:o,target:s,children:n})}function v({src:o,alt:s,width:n,height:t}){return jsx("img",{className:"prose-img",src:o,alt:s,width:n,height:t})}function y({code:o="",filename:s,class:n,children:t}){let[a,l]=useState(false),d=s?.replace(":line-numbers","")||null,m=s?.includes(":line-numbers");async function h(){o&&(await navigator.clipboard.writeText(o),l(true),setTimeout(()=>l(false),2e3));}return jsxs("div",{className:"prose-pre",children:[d&&jsx("div",{className:"prose-pre-filename",children:jsx("span",{children:d})}),jsx("div",{className:"prose-pre-actions",children:jsx("button",{type:"button",className:"prose-pre-copy",title:a?"Copied":"Copy Code",onClick:h,children:a?jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:jsx("path",{d:"M20 6 9 17l-5-5"})}):jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[jsx("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2"}),jsx("path",{d:"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"})]})})}),jsx("pre",{className:[n,m?"prose-pre-line-numbers":""].filter(Boolean).join(" ")||void 0,children:t})]})}function w({children:o}){return jsx("div",{className:"prose-table-scroll",children:jsx("table",{className:"prose-table",children:o})})}var N=r("p","prose-p"),T=r("blockquote","prose-blockquote"),H=r("code","prose-code"),M=r("em","prose-em"),R=r("strong","prose-strong"),E=r("li","prose-li"),B=r("ol","prose-ol"),L=r("ul","prose-ul"),q=r("tbody","prose-tbody"),S=r("td","prose-td"),W=r("th","prose-th"),A=r("thead","prose-thead"),F=r("tr","prose-tr");function I(){return jsx("hr",{className:"prose-hr"})}var U={ProseA:b,ProseBlockquote:T,ProseCode:H,ProseEm:M,ProseH1:P,ProseH2:g,ProseH3:f,ProseH4:x,ProseH5:k,ProseH6:C,ProseHr:I,ProseImg:v,ProseLi:E,ProseOl:B,ProseP:N,ProsePre:y,ProseStrong:R,ProseTable:w,ProseTbody:q,ProseTd:S,ProseTh:W,ProseThead:A,ProseTr:F,ProseUl:L};export{b as ProseA,T as ProseBlockquote,H as ProseCode,M as ProseEm,P as ProseH1,g as ProseH2,f as ProseH3,x as ProseH4,k as ProseH5,C as ProseH6,I as ProseHr,v as ProseImg,E as ProseLi,B as ProseOl,N as ProseP,y as ProsePre,R as ProseStrong,w as ProseTable,q as ProseTbody,S as ProseTd,W as ProseTh,A as ProseThead,F as ProseTr,L as ProseUl,U as proseComponents};
+'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};

package/package.json

@@ -1,22 +1,39 @@
 {
   "name": "@primeui-devkit/react-markdown",
-  "version": "0.1.0-rc.1",
+  "version": "0.1.0-rc.3",
+  "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",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/primefaces/primeui-devkit.git",
+    "directory": "packages/markdown/react-markdown"
+  },
+  "bugs": {
+    "url": "https://support.primeui.dev"
+  },
   "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    }
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public"
   },
+  "sideEffects": false,
   "files": [
     "dist",
     "LICENSE.md",
     "THIRD-PARTY-NOTICES.txt",
     "README.md"
   ],
-  "sideEffects": false,
   "dependencies": {
     "@comark/react": "^0.5.1"
   },
@@ -27,26 +44,20 @@
     "@types/react": "^19.0.0",
     "cross-env": "^10.1.0",
     "react": "^19.0.0",
-    "tsup": "^8.5.1",
     "typescript": "~6.0.0",
-    "vitest": "4.1.10",
-    "@primeui-devkit/markdown-core": "0.1.0-rc.1",
-    "@primeui-devkit/bundler": "0.0.0",
-    "@primeui-devkit/ts-config": "0.0.0",
-    "@primeui-devkit/test-config": "0.0.0"
-  },
-  "types": "./dist/index.d.ts",
-  "module": "./dist/index.js",
-  "author": "PrimeTek Informatics",
-  "bugs": {
-    "url": "https://support.primeui.dev"
+    "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"
   },
-  "publishConfig": {
-    "access": "public"
+  "engines": {
+    "node": ">=22.18.0"
   },
   "scripts": {
     "build": "pnpm run build:package",
-    "build:package": "pnpm run test && tsup",
+    "build:package": "pnpm run test && devkit bundle build",
     "type:check": "tsc --noEmit",
     "test": "cross-env NODE_ENV=test vitest run --passWithNoTests",
     "test:watch": "vitest --watch --passWithNoTests",