@haklex/rich-static-renderer 0.0.83 → 0.0.85

package/dist/RichRenderer.d.ts

@@ -1,3 +1,3 @@
 import { RichRendererProps } from './types';
-export declare function RichRenderer({ value, variant, theme, className, style, as: Component, rendererConfig, extraNodes, builtinNodeOverrides, }: RichRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function RichRenderer({ value, variant, theme, className, style, as: Component, nested, rendererConfig, extraNodes, builtinNodeOverrides, }: RichRendererProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=RichRenderer.d.ts.map

package/dist/RichRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RichRenderer.d.ts","sourceRoot":"","sources":["../src/RichRenderer.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAuB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AA2MtE,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,OAAmB,EACnB,KAAe,EACf,SAAS,EACT,KAAK,EACL,EAAE,EAAE,SAAiB,EACrB,cAAc,EACd,UAAU,EACV,oBAAoB,GACrB,EAAE,iBAAiB,2CAmCnB"}
+{"version":3,"file":"RichRenderer.d.ts","sourceRoot":"","sources":["../src/RichRenderer.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAuB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAkNtE,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,OAAmB,EACnB,KAAe,EACf,SAAS,EACT,KAAK,EACL,EAAE,EAAE,SAAiB,EACrB,MAAc,EACd,cAAc,EACd,UAAU,EACV,oBAAoB,GACrB,EAAE,iBAAiB,2CAoCnB"}

package/dist/engine/renderBuiltinNode.d.ts

@@ -1,3 +1,3 @@
 import { ReactNode } from 'react';
-export declare function renderBuiltinNode(node: any, key: string, children: ReactNode[] | null, headingSlugs: Map<string, number>, _textContent?: string): ReactNode;
+export declare function renderBuiltinNode(node: any, key: string, children: ReactNode[] | null, headingSlugs: Map<string, number>, textContent?: string): ReactNode;
 //# sourceMappingURL=renderBuiltinNode.d.ts.map

package/dist/engine/renderBuiltinNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderBuiltinNode.d.ts","sourceRoot":"","sources":["../../src/engine/renderBuiltinNode.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAkCtD,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,GAAG,EACT,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAC5B,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,EACjC,YAAY,CAAC,EAAE,MAAM,GACpB,SAAS,CAuMX"}
+{"version":3,"file":"renderBuiltinNode.d.ts","sourceRoot":"","sources":["../../src/engine/renderBuiltinNode.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAkCtD,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,GAAG,EACT,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAC5B,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,EACjC,WAAW,CAAC,EAAE,MAAM,GACnB,SAAS,CAiNX"}

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { semanticClassNames, sharedStyles, RendererWrapper, RubyRenderer, getTagBgColor, LinkFavicon, getVariantClass, useOptionalNestedContentRenderer, allNodes, ColorSchemeProvider, RendererConfigProvider, FootnoteDefinitionsProvider, NestedContentRendererProvider, editorTheme } from "@haklex/rich-editor/static";
+import { semanticClassNames, sharedStyles, RendererWrapper, RubyRenderer, getTagBgColor, detailsClassNames, detailsStyles, LinkFavicon, getVariantClass, useOptionalNestedContentRenderer, allNodes, ColorSchemeProvider, RendererConfigProvider, FootnoteDefinitionsProvider, NestedContentRendererProvider, editorTheme, gridClassNames, gridStyles } from "@haklex/rich-editor/static";
 import { PortalThemeProvider } from "@haklex/rich-style-token";
 import { createHeadlessEditor } from "@lexical/headless";
 import { $getRoot } from "lexical";
@@ -52,7 +52,7 @@ function extractText(node) {
   if (node.children) return node.children.map(extractText).join("");
   return "";
 }
-function renderBuiltinNode(node, key, children, headingSlugs, _textContent) {
+function renderBuiltinNode(node, key, children, headingSlugs, textContent) {
   switch (node.type) {
     case "root": {
       return /* @__PURE__ */ jsx(Fragment, { children });
@@ -63,7 +63,7 @@ function renderBuiltinNode(node, key, children, headingSlugs, _textContent) {
     }
     case "heading": {
       const Tag = node.tag;
-      const text = extractText(node);
+      const text = textContent || extractText(node);
       const baseSlug = textToSlug(text);
       let slug = baseSlug;
       if (baseSlug) {
@@ -91,6 +91,7 @@ function renderBuiltinNode(node, key, children, headingSlugs, _textContent) {
     case "listitem": {
       const isChecklist = node.checked !== void 0;
       const hasNestedList = node.children?.some((c) => c.type === "list");
+      const value = typeof node.value === "number" && node.value > 1 ? node.value : void 0;
       let cls;
       if (hasNestedList) {
         cls = shared$1("listNestedItem");
@@ -99,7 +100,7 @@ function renderBuiltinNode(node, key, children, headingSlugs, _textContent) {
       } else {
         cls = shared$1("listItem");
       }
-      return /* @__PURE__ */ jsx("li", { className: cls, value: node.value, children }, key);
+      return /* @__PURE__ */ jsx("li", { className: cls, value, children }, key);
     }
     case "link": {
       return /* @__PURE__ */ jsxs(
@@ -139,26 +140,41 @@ function renderBuiltinNode(node, key, children, headingSlugs, _textContent) {
     }
     case "details": {
       const summary = node.summary || "";
-      return /* @__PURE__ */ jsxs("details", { className: "rich-details", open: node.open || void 0, children: [
-        /* @__PURE__ */ jsxs("summary", { className: "rich-details-summary", children: [
-          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "rich-details-chevron", children: /* @__PURE__ */ jsx(
-            "svg",
-            {
-              fill: "none",
-              height: "20",
-              stroke: "currentColor",
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              strokeWidth: "1.5",
-              viewBox: "0 0 20 20",
-              width: "20",
-              children: /* @__PURE__ */ jsx("path", { d: "M8 6L12 10L8 14" })
-            }
-          ) }),
-          /* @__PURE__ */ jsx("span", { className: "rich-details-summary-text", children: summary })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "rich-details-content", children })
-      ] }, key);
+      return /* @__PURE__ */ jsxs(
+        "details",
+        {
+          className: `${detailsClassNames.details} ${detailsStyles.details}`,
+          open: node.open || void 0,
+          children: [
+            /* @__PURE__ */ jsxs("summary", { className: `${detailsClassNames.summary} ${detailsStyles.summary}`, children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: `${detailsClassNames.chevron} ${detailsStyles.chevron}`,
+                  children: /* @__PURE__ */ jsx(
+                    "svg",
+                    {
+                      fill: "none",
+                      height: "20",
+                      stroke: "currentColor",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      strokeWidth: "1.5",
+                      viewBox: "0 0 20 20",
+                      width: "20",
+                      children: /* @__PURE__ */ jsx("path", { d: "M8 6L12 10L8 14" })
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: `${detailsClassNames.summaryText} ${detailsStyles.summaryText}`, children: summary })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: `${detailsClassNames.content} ${detailsStyles.content}`, children })
+          ]
+        },
+        key
+      );
     }
     case "spoiler": {
       return /* @__PURE__ */ jsx("span", { className: shared$1("spoiler"), role: "button", tabIndex: 0, children }, key);
@@ -297,7 +313,14 @@ function wrapDecoration(serialized, key, decoration) {
       );
     }
     case "grid-container": {
-      return createElement("div", { key, className: "rich-grid-container" }, decoration);
+      return createElement(
+        "div",
+        {
+          key,
+          className: `${gridClassNames.container} ${gridStyles.container}`
+        },
+        decoration
+      );
     }
     default: {
       if (isValidElement(decoration)) {
@@ -347,14 +370,14 @@ function renderTree(node, editor, editorConfig, headingSlugs, key, blockId, buil
       );
     }
   }
-  node.getTextContent ? node.getTextContent() : void 0;
+  const textContent = node.getTextContent ? node.getTextContent() : void 0;
   const override = builtinNodeOverrides?.[serialized.type];
   if (override) {
-    const defaultRenderer = () => renderBuiltinNode(serialized, nodeKey, children, headingSlugs);
+    const defaultRenderer = () => renderBuiltinNode(serialized, nodeKey, children, headingSlugs, textContent);
     return applyBlockId(override(serialized, nodeKey, children, defaultRenderer), blockId, nodeKey);
   }
   return applyBlockId(
-    renderBuiltinNode(serialized, nodeKey, children, headingSlugs),
+    renderBuiltinNode(serialized, nodeKey, children, headingSlugs, textContent),
     blockId,
     nodeKey
   );
@@ -434,6 +457,7 @@ function RichRenderer({
   className,
   style,
   as: Component = "div",
+  nested = false,
   rendererConfig,
   extraNodes,
   builtinNodeOverrides
@@ -455,6 +479,7 @@ function RichRenderer({
         {
           suppressHydrationWarning: true,
           className: classes,
+          "data-rich-nested": nested ? "true" : void 0,
           "data-theme": theme,
           style,
           children: content

package/dist/types.d.ts

@@ -7,6 +7,7 @@ export interface RichRendererProps {
     builtinNodeOverrides?: Record<string, BuiltinNodeRenderer>;
     className?: string;
     extraNodes?: Array<Klass<LexicalNode>>;
+    nested?: boolean;
     rendererConfig?: RendererConfig;
     style?: CSSProperties;
     theme?: ColorScheme;

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACjG,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,MAAM,mBAAmB,GAAG,CAChC,IAAI,EAAE,GAAG,EACT,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAC5B,eAAe,EAAE,MAAM,SAAS,KAC7B,SAAS,CAAC;AAEf,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC;IACvC,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IACvC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,qBAAqB,CAAC;IAC7B,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACjG,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,MAAM,mBAAmB,GAAG,CAChC,IAAI,EAAE,GAAG,EACT,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAC5B,eAAe,EAAE,MAAM,SAAS,KAC7B,SAAS,CAAC;AAEf,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC;IACvC,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,qBAAqB,CAAC;IAC7B,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-static-renderer",
-  "version": "0.0.83",
+  "version": "0.0.85",
   "description": "Headless SSR engine for Lexical rich content",
   "repository": {
     "type": "git",
@@ -23,8 +23,8 @@
     "@lexical/code": "npm:lexical-code-no-prism@0.41.0",
     "@lexical/headless": "^0.41.0",
     "lucide-react": "^0.577.0",
-    "@haklex/rich-editor": "0.0.83",
-    "@haklex/rich-style-token": "0.0.83"
+    "@haklex/rich-editor": "0.0.85",
+    "@haklex/rich-style-token": "0.0.85"
   },
   "devDependencies": {
     "@lexical/extension": "^0.41.0",