@clepit/react 0.3.0 → 0.3.1-beta.570

package/dist/index.cjs

@@ -1,2 +1,6 @@
-"use strict";var h=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var $=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var I=(e,n)=>{for(var t in n)h(e,t,{get:n[t],enumerable:!0})},S=(e,n,t,a)=>{if(n&&typeof n=="object"||typeof n=="function")for(let s of $(n))!x.call(e,s)&&s!==t&&h(e,s,{get:()=>n[s],enumerable:!(a=B(n,s))||a.enumerable});return e};var v=e=>S(h({},"__esModule",{value:!0}),e);var A={};I(A,{ClepitContent:()=>w});module.exports=v(A);var C=require("./content-shell.cjs"),l=require("@clepit/core"),o=require("react/jsx-runtime"),D=e=>{let n=2166136261;for(let t=0;t<e.length;t++)n^=e.charCodeAt(t),n=Math.imul(n,16777619);return(n>>>0).toString(36)},E=new Set(["code","openapi","table"]),m=(e,n)=>e.map((t,a)=>{let s=`${n}-${a}`,r=t;return t.type==="collapsible"&&(r={...t,data:{...t.data,children:m(t.data.children??[],s)}}),t.type==="columns"&&(r={...t,data:{...t.data,columns:t.data.columns.map((i,c)=>m(i,`${s}-${c}`))}}),r.id?r:{...r,id:`clepit-anon-${s}`}}),y=e=>E.has(e.type)?!0:e.type==="collapsible"?(e.data.children??[]).some(y):e.type==="columns"?e.data.columns.some(n=>n.some(y)):!1,w=({className:e,context:n,data:t,testId:a,theme:s="auto",themeOverrides:r,transformHtml:i})=>{let c=m(Array.isArray(t?.blocks)?t.blocks:[],"cb"),u=(0,l.renderBlocks)(c,n),T=i?i(u):u,d="",p="";if(r){let f=r.light??{},g=r.dark??{};p=`clepit-ov-${D((0,l.tokensToLightDarkBlock)(f,g,"&"))}`,d=(0,l.tokensToLightDarkBlock)(f,g,`.${p}`)}let k=["clepit-renderer-content",p,e].filter(Boolean).join(" ");return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("style",{href:"clepit-core-stylesheet",precedence:"clepit",children:(0,l.pageStylesheet)()}),d?(0,o.jsx)("style",{href:`clepit-overrides-${p}`,precedence:"clepit",children:d}):null,(0,o.jsx)(C.ContentShell,{blocks:c.filter(y),className:k,html:T,testId:a,theme:s})]})};0&&(module.exports={ClepitContent});
+"use strict";var h=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var I=Object.prototype.hasOwnProperty;var S=(e,n)=>{for(var t in n)h(e,t,{get:n[t],enumerable:!0})},w=(e,n,t,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let s of x(n))!I.call(e,s)&&s!==t&&h(e,s,{get:()=>n[s],enumerable:!(r=v(n,s))||r.enumerable});return e};var D=e=>w(h({},"__esModule",{value:!0}),e);var P={};S(P,{ClepitContent:()=>N});module.exports=D(P);var T=require("./content-shell.cjs"),l=require("@clepit/core"),o=require("react/jsx-runtime"),E=e=>{let n=2166136261;for(let t=0;t<e.length;t++)n^=e.charCodeAt(t),n=Math.imul(n,16777619);return(n>>>0).toString(36)},A=new Set(["code","openapi","table"]),m=(e,n)=>e.map((t,r)=>{let s=`${n}-${r}`,i=t;return t.type==="collapsible"&&(i={...t,data:{...t.data,children:m(t.data.children??[],s)}}),t.type==="columns"&&(i={...t,data:{...t.data,columns:t.data.columns.map((a,p)=>m(a,`${s}-${p}`))}}),i.id?i:{...i,id:`clepit-anon-${s}`}}),g=e=>A.has(e.type)?!0:e.type==="collapsible"?(e.data.children??[]).some(g):e.type==="columns"?e.data.columns.some(n=>n.some(g)):!1,$=(e,n)=>{if(!n)return e;let t=[],r=e.replace(/@property\s+[\w-]+\s*\{[^{}]*\}/g,s=>(t.push(s),""));return`${t.join(`
+`)}
+@layer ${n} {
+${r}
+}`},N=({className:e,context:n,data:t,layer:r,testId:s,theme:i="auto",themeOverrides:a,transformHtml:p})=>{let u=m(Array.isArray(t?.blocks)?t.blocks:[],"cb"),y=(0,l.renderBlocks)(u,n),k=p?p(y):y,d="",c="";if(a){let f=a.light??{},C=a.dark??{};c=`clepit-ov-${E((0,l.tokensToLightDarkBlock)(f,C,"&"))}`,d=(0,l.tokensToLightDarkBlock)(f,C,`.${c}`)}let B=["clepit-renderer-content",c,e].filter(Boolean).join(" ");return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("style",{href:r?`clepit-core-stylesheet-${r}`:"clepit-core-stylesheet",precedence:"clepit",children:$((0,l.pageStylesheet)(),r)}),d?(0,o.jsx)("style",{href:r?`clepit-overrides-${c}-${r}`:`clepit-overrides-${c}`,precedence:"clepit",children:$(d,r)}):null,(0,o.jsx)(T.ContentShell,{blocks:u.filter(g),className:B,html:k,testId:s,theme:i})]})};0&&(module.exports={ClepitContent});
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.ts

@@ -6,6 +6,10 @@ type ClepitContentProps = {
     className?: string;
     /** Passed through to `renderBlocks`: `docHref` for doc-card links, `mapsEmbedKey` for map embeds, `activeVariant` for code blocks. */
     context?: DrawContext;
+    /** A cascade layer to hold the stylesheet, for a host whose own layered
+     *  styles have to win over Clepit's. Without it the stylesheet keeps its
+     *  own cascade, as every existing host expects. */
+    layer?: string;
     testId?: string;
     theme?: 'auto' | 'light' | 'dark';
     themeOverrides?: {
@@ -17,6 +21,6 @@ type ClepitContentProps = {
      *  hydration, and the two results must match. */
     transformHtml?: (html: string) => string;
 };
-declare const ClepitContent: ({ className, context, data, testId, theme, themeOverrides, transformHtml }: ClepitContentProps) => react.JSX.Element;
+declare const ClepitContent: ({ className, context, data, layer, testId, theme, themeOverrides, transformHtml }: ClepitContentProps) => react.JSX.Element;
 
 export { ClepitContent, type ClepitContentProps };

package/dist/index.js

@@ -1,2 +1,6 @@
-import{ContentShell as T}from"./content-shell.js";import{pageStylesheet as k,renderBlocks as B,tokensToLightDarkBlock as f}from"@clepit/core";import{Fragment as I,jsx as p,jsxs as S}from"react/jsx-runtime";var $=e=>{let n=2166136261;for(let t=0;t<e.length;t++)n^=e.charCodeAt(t),n=Math.imul(n,16777619);return(n>>>0).toString(36)},x=new Set(["code","openapi","table"]),d=(e,n)=>e.map((t,i)=>{let r=`${n}-${i}`,s=t;return t.type==="collapsible"&&(s={...t,data:{...t.data,children:d(t.data.children??[],r)}}),t.type==="columns"&&(s={...t,data:{...t.data,columns:t.data.columns.map((o,l)=>d(o,`${r}-${l}`))}}),s.id?s:{...s,id:`clepit-anon-${r}`}}),h=e=>x.has(e.type)?!0:e.type==="collapsible"?(e.data.children??[]).some(h):e.type==="columns"?e.data.columns.some(n=>n.some(h)):!1,w=({className:e,context:n,data:t,testId:i,theme:r="auto",themeOverrides:s,transformHtml:o})=>{let l=d(Array.isArray(t?.blocks)?t.blocks:[],"cb"),m=B(l,n),g=o?o(m):m,c="",a="";if(s){let y=s.light??{},u=s.dark??{};a=`clepit-ov-${$(f(y,u,"&"))}`,c=f(y,u,`.${a}`)}let C=["clepit-renderer-content",a,e].filter(Boolean).join(" ");return S(I,{children:[p("style",{href:"clepit-core-stylesheet",precedence:"clepit",children:k()}),c?p("style",{href:`clepit-overrides-${a}`,precedence:"clepit",children:c}):null,p(T,{blocks:l.filter(h),className:C,html:g,testId:i,theme:r})]})};export{w as ClepitContent};
+import{ContentShell as k}from"./content-shell.js";import{pageStylesheet as B,renderBlocks as v,tokensToLightDarkBlock as f}from"@clepit/core";import{Fragment as S,jsx as p,jsxs as w}from"react/jsx-runtime";var x=e=>{let n=2166136261;for(let t=0;t<e.length;t++)n^=e.charCodeAt(t),n=Math.imul(n,16777619);return(n>>>0).toString(36)},I=new Set(["code","openapi","table"]),d=(e,n)=>e.map((t,r)=>{let s=`${n}-${r}`,o=t;return t.type==="collapsible"&&(o={...t,data:{...t.data,children:d(t.data.children??[],s)}}),t.type==="columns"&&(o={...t,data:{...t.data,columns:t.data.columns.map((i,a)=>d(i,`${s}-${a}`))}}),o.id?o:{...o,id:`clepit-anon-${s}`}}),h=e=>I.has(e.type)?!0:e.type==="collapsible"?(e.data.children??[]).some(h):e.type==="columns"?e.data.columns.some(n=>n.some(h)):!1,C=(e,n)=>{if(!n)return e;let t=[],r=e.replace(/@property\s+[\w-]+\s*\{[^{}]*\}/g,s=>(t.push(s),""));return`${t.join(`
+`)}
+@layer ${n} {
+${r}
+}`},N=({className:e,context:n,data:t,layer:r,testId:s,theme:o="auto",themeOverrides:i,transformHtml:a})=>{let m=d(Array.isArray(t?.blocks)?t.blocks:[],"cb"),g=v(m,n),$=a?a(g):g,c="",l="";if(i){let u=i.light??{},y=i.dark??{};l=`clepit-ov-${x(f(u,y,"&"))}`,c=f(u,y,`.${l}`)}let T=["clepit-renderer-content",l,e].filter(Boolean).join(" ");return w(S,{children:[p("style",{href:r?`clepit-core-stylesheet-${r}`:"clepit-core-stylesheet",precedence:"clepit",children:C(B(),r)}),c?p("style",{href:r?`clepit-overrides-${l}-${r}`:`clepit-overrides-${l}`,precedence:"clepit",children:C(c,r)}):null,p(k,{blocks:m.filter(h),className:T,html:$,testId:s,theme:o})]})};export{N as ClepitContent};
 //# sourceMappingURL=index.js.map

package/package.json

@@ -3,14 +3,14 @@
   "description": "React components for the Clepit block-style editor: server-first content rendering and a client-only editor component",
   "devDependencies": {
     "@bomdisoft/typescript-config": "0.0.0",
-    "@clepit/core": "0.6.0",
-    "@happy-dom/global-registrator": "^20.14.5",
+    "@clepit/core": "0.8.0",
+    "@happy-dom/global-registrator": "^20.14.6",
     "@testing-library/react": "^16.3.3",
-    "@types/bun": "^1.4.2",
-    "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.4",
-    "react": "19.2.8",
-    "react-dom": "19.2.8",
+    "@types/bun": "^1.4.4",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "react": "19.3.1",
+    "react-dom": "19.3.1",
     "tsup": "8.5.1",
     "typescript": "^6.0.3"
   },
@@ -35,7 +35,7 @@
   "module": "./dist/index.js",
   "name": "@clepit/react",
   "peerDependencies": {
-    "@clepit/core": "^0.6.0",
+    "@clepit/core": "^0.7.0 || ^0.8.0",
     "react": ">=19"
   },
   "publishConfig": {
@@ -54,5 +54,5 @@
   "sideEffects": false,
   "type": "module",
   "types": "./dist/index.d.ts",
-  "version": "0.3.0"
+  "version": "0.3.1-beta.570"
 }