@haklex/rich-static-renderer 0.0.65 → 0.0.66

package/README.md

@@ -1,167 +1,56 @@
 # @haklex/rich-static-renderer
 
-Lexical 富文本的只读渲染引擎（Headless + React 输出）。  
-用于把 `SerializedEditorState` 渲染成可展示的 React 内容。
+SSR-ready renderer engine for Lexical rich content. Renders Lexical editor state JSON to React without loading the full editor runtime.
 
-## 包定位
-
-- 不提供编辑能力
-- 适合文章详情页、评论展示、SSR 输出
-- 默认支持 `@haklex/rich-editor` 内置节点（`allNodes`）
-
-## 安装
+## Installation
 
 ```bash
-pnpm add @haklex/rich-static-renderer @haklex/rich-editor lexical react react-dom
-```
-
-## 快速开始
-
-```tsx
-import { RichRenderer } from '@haklex/rich-static-renderer'
-import type { SerializedEditorState } from 'lexical'
-import '@haklex/rich-editor/style.css'
-
-export function Article({
-  value,
-}: {
-  value: SerializedEditorState
-}) {
-  return <RichRenderer value={value} variant="article" theme="light" />
-}
-```
-
-## API
-
-```ts
-interface RichRendererProps {
-  value: SerializedEditorState
-  variant?: 'article' | 'comment' | 'note'
-  theme?: 'light' | 'dark'
-  className?: string
-  style?: CSSProperties
-  as?: keyof React.JSX.IntrinsicElements
-  rendererConfig?: RendererConfig
-  extraNodes?: Array<Klass<LexicalNode>>
-  builtinNodeOverrides?: Record<string, BuiltinNodeRenderer>
-}
-
-type BuiltinNodeRenderer = (
-  node: any,
-  key: string,
-  children: ReactNode[] | null,
-  defaultRenderer: () => ReactNode,
-) => ReactNode
+pnpm add @haklex/rich-static-renderer
 ```
 
-字段说明：
+## Peer Dependencies
 
-- `value`：Lexical JSON（必填）
-- `as`：渲染容器标签，默认 `div`
-- `rendererConfig`：覆写某些节点的渲染组件（Image/CodeBlock/...）
-- `extraNodes`：注册扩展节点（如 Tldraw、Embed、Gallery、CodeSnippet）
-- `builtinNodeOverrides`：覆写内置节点的渲染（paragraph/heading/link/...），按 `node.type` 匹配
+| Package | Version |
+| --- | --- |
+| `@lexical/code` | `^0.41.0` |
+| `@lexical/extension` | `^0.41.0` |
+| `@lexical/link` | `^0.41.0` |
+| `@lexical/list` | `^0.41.0` |
+| `@lexical/rich-text` | `^0.41.0` |
+| `@lexical/table` | `^0.41.0` |
+| `lexical` | `^0.41.0` |
+| `react` | `>=19` |
+| `react-dom` | `>=19` |
 
-## 与增强渲染器一起用
+## Usage
 
 ```tsx
 import { RichRenderer } from '@haklex/rich-static-renderer'
-import {
-  codeSnippetNodes,
-  embedNodes,
-  enhancedRendererConfig,
-  galleryNodes,
-  TldrawNode,
-} from '@haklex/rich-renderers'
-
 import '@haklex/rich-editor/style.css'
-import '@haklex/rich-renderers/style.css'
-import '@haklex/rich-ext-code-snippet/style.css'
-import '@haklex/rich-ext-embed/style.css'
-import 'katex/dist/katex.min.css'
-import 'tldraw/tldraw.css'
-
-const extraNodes = [
-  TldrawNode,
-  ...embedNodes,
-  ...galleryNodes,
-  ...codeSnippetNodes,
-]
-
-<RichRenderer
-  value={value}
-  rendererConfig={enhancedRendererConfig}
-  extraNodes={extraNodes}
-/>
-```
-
-## 覆写内置节点渲染
 
-通过 `builtinNodeOverrides` 可按 `node.type` 覆写 paragraph、heading、link 等内置节点的渲染逻辑。回调提供 `defaultRenderer` 用于回退默认渲染。
-
-```tsx
-<RichRenderer
-  value={value}
-  builtinNodeOverrides={{
-    link: (node, key, children) => (
-      <a key={key} href={node.url} className="custom-link" target="_blank">
-        {children}
-      </a>
-    ),
-    heading: (node, key, children, defaultRenderer) => {
-      // 仅覆写 h1，其余回退默认
-      if (node.tag === 'h1') {
-        return <h1 key={key} className="custom-h1">{children}</h1>
-      }
-      return defaultRenderer()
-    },
-  }}
-/>
+<RichRenderer value={editorState} variant="article" theme="light" />
 ```
 
-支持的 type：`root`、`paragraph`、`heading`、`quote`、`list`、`listitem`、`link`、`autolink`、`horizontalrule`、`table`、`tablerow`、`tablecell`、`details`、`spoiler`、`ruby`、`code`、`code-highlight`、`linebreak`、`tab`。
-
-## 渲染行为说明
-
-- 内部使用 `@lexical/headless` 构建只读 editor，再将节点树转为 React
-- 标题会自动生成 slug 与锚点（重复标题自动去重）
-- 脚注会先预处理编号，再统一渲染引用与定义
-- `Alert/Banner/Grid` 等嵌套内容通过 `NestedContentRendererProvider` 递归渲染
-
-## 设计模式
-
-### 1) 节点注册与渲染器覆写解耦
-
-- 节点协议（JSON 结构）由 Node class 决定
-- 显示层由 `rendererConfig` 决定
-- 扩展节点只需通过 `extraNodes` 注册，不要求侵入核心渲染器
+The `value` prop accepts a Lexical `SerializedEditorState` JSON object. The renderer parses it into React elements without instantiating a Lexical editor, making it suitable for SSR and static rendering.
 
-### 2) Static / Edit 拆分协作
+## Exports
 
-`@haklex/rich-static-renderer` 只消费静态节点。  
-编辑态重依赖（Popover、Dialog 等）应该放在 edit 节点/编辑包里，不进入只读包。
+### Components
 
-## 常见问题
+| Export | Description |
+| --- | --- |
+| `RichRenderer` | Main static renderer component |
 
-### Q1: 为什么有些节点不显示？
+### Types
 
-通常是忘了注册扩展节点（`extraNodes`），例如 `embed`、`tldraw`、`gallery`、`code-snippet`。
+| Export | Description |
+| --- | --- |
+| `RichRendererProps` | Props for `RichRenderer` |
+| `BuiltinNodeRenderer` | Type for builtin node renderer functions |
 
-### Q2: 为什么公式样式不对？
+## Part of Haklex
 
-需要手动引入：
-
-```ts
-import 'katex/dist/katex.min.css'
-```
-
-### Q3: 为什么 tldraw 画布样式错乱？
-
-需要手动引入：
-
-```ts
-import 'tldraw/tldraw.css'
-```
+This package is part of the [Haklex](../../README.md) rich editor ecosystem.
 
 ## License
 

package/dist/RichRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RichRenderer.d.ts","sourceRoot":"","sources":["../src/RichRenderer.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAuB,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAkOrE,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,2CAuCnB"}
+{"version":3,"file":"RichRenderer.d.ts","sourceRoot":"","sources":["../src/RichRenderer.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAuB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAwMtE,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,2CAiCnB"}

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

@@ -1 +1 @@
-{"version":3,"file":"renderBuiltinNode.d.ts","sourceRoot":"","sources":["../../src/engine/renderBuiltinNode.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAsBrD,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,CAiMX"}
+{"version":3,"file":"renderBuiltinNode.d.ts","sourceRoot":"","sources":["../../src/engine/renderBuiltinNode.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAsBtD,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,CAyLX"}

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

@@ -1 +1 @@
-{"version":3,"file":"renderTextNode.d.ts","sourceRoot":"","sources":["../../src/engine/renderTextNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AA6BrD,wBAAgB,cAAc,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,GAAG,SAAS,CAuBhE"}
+{"version":3,"file":"renderTextNode.d.ts","sourceRoot":"","sources":["../../src/engine/renderTextNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AA2BtD,wBAAgB,cAAc,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,GAAG,SAAS,CAuBhE"}

package/dist/index.mjs

@@ -10,7 +10,7 @@ var table = "_1v9yxw31";
 var tableHead = "_1v9yxw32";
 var tableCell = "_1v9yxw33";
 function textToSlug(text) {
-  return text.toLowerCase().trim().replaceAll(/[^\w\s\u3000-\u9FFF\uAC00-\uD7AF\uFF00-\uFFEF-]/g, "").replaceAll(/[\s_]+/g, "-").replaceAll(/^-+|-+$/g, "");
+  return text.toLowerCase().trim().replaceAll(/[^\s\w\u3000-\u9FFF\uAC00-\uD7AF\uFF00-\uFFEF-]/g, "").replaceAll(/[\s_]+/g, "-").replaceAll(/^-+|-+$/g, "");
 }
 function extractText(node) {
   if (node.text) return node.text;
@@ -19,8 +19,9 @@ function extractText(node) {
 }
 function renderBuiltinNode(node, key, children, headingSlugs, textContent) {
   switch (node.type) {
-    case "root":
+    case "root": {
       return /* @__PURE__ */ jsx(Fragment, { children });
+    }
     case "paragraph": {
       const align = node.format ? { textAlign: node.format } : void 0;
       return /* @__PURE__ */ jsx("p", { className: "rich-paragraph", style: align, children }, key);
@@ -39,25 +40,18 @@ function renderBuiltinNode(node, key, children, headingSlugs, textContent) {
           headingSlugs.set(baseSlug, 1);
         }
       }
-      return /* @__PURE__ */ jsxs(Tag, { id: slug || void 0, className: `rich-heading-${Tag}`, children: [
-        slug && /* @__PURE__ */ jsx("a", { className: "rich-heading-anchor", tabIndex: 0, href: `#${slug}`, children: /* @__PURE__ */ jsx(Link, { size: 14, strokeWidth: 2, "aria-hidden": true }) }),
+      return /* @__PURE__ */ jsxs(Tag, { className: `rich-heading-${Tag}`, id: slug || void 0, children: [
+        slug && /* @__PURE__ */ jsx("a", { className: "rich-heading-anchor", href: `#${slug}`, tabIndex: 0, children: /* @__PURE__ */ jsx(Link, { "aria-hidden": true, size: 14, strokeWidth: 2 }) }),
         children
       ] }, key);
     }
-    case "quote":
+    case "quote": {
       return /* @__PURE__ */ jsx("blockquote", { className: "rich-quote", children }, key);
+    }
     case "list": {
       const Tag = node.listType === "number" ? "ol" : "ul";
       const cls = node.listType === "number" ? "rich-list-ol" : node.listType === "check" ? "rich-checklist rich-list-ul" : "rich-list-ul";
-      return /* @__PURE__ */ jsx(
-        Tag,
-        {
-          className: cls,
-          start: node.start !== 1 ? node.start : void 0,
-          children
-        },
-        key
-      );
+      return /* @__PURE__ */ jsx(Tag, { className: cls, start: node.start !== 1 ? node.start : void 0, children }, key);
     }
     case "listitem": {
       const isChecklist = node.checked !== void 0;
@@ -72,14 +66,14 @@ function renderBuiltinNode(node, key, children, headingSlugs, textContent) {
       }
       return /* @__PURE__ */ jsx("li", { className: cls, value: node.value, children }, key);
     }
-    case "link":
+    case "link": {
       return /* @__PURE__ */ jsxs(
         "a",
         {
           className: "rich-link",
           href: node.url,
-          target: node.target || "_blank",
           rel: node.rel || "noopener",
+          target: node.target || "_blank",
           children: [
             /* @__PURE__ */ jsx(LinkFavicon, { href: node.url }),
             children
@@ -87,74 +81,54 @@ function renderBuiltinNode(node, key, children, headingSlugs, textContent) {
         },
         key
       );
-    case "autolink":
-      return /* @__PURE__ */ jsxs(
-        "a",
-        {
-          className: "rich-link",
-          href: node.url,
-          target: "_blank",
-          rel: "noopener",
-          children: [
-            /* @__PURE__ */ jsx(LinkFavicon, { href: node.url }),
-            children
-          ]
-        },
-        key
-      );
-    case "horizontalrule":
+    }
+    case "autolink": {
+      return /* @__PURE__ */ jsxs("a", { className: "rich-link", href: node.url, rel: "noopener", target: "_blank", children: [
+        /* @__PURE__ */ jsx(LinkFavicon, { href: node.url }),
+        children
+      ] }, key);
+    }
+    case "horizontalrule": {
       return /* @__PURE__ */ jsx("hr", { className: "rich-hr" }, key);
-    case "table":
+    }
+    case "table": {
       return /* @__PURE__ */ jsx("div", { className: tableWrapper, children: /* @__PURE__ */ jsx("table", { className: table, children }) }, key);
-    case "tablerow":
+    }
+    case "tablerow": {
       return /* @__PURE__ */ jsx("tr", { children }, key);
+    }
     case "tablecell": {
       const CellTag = node.headerState ? "th" : "td";
       const cls = node.headerState ? tableHead : tableCell;
-      return /* @__PURE__ */ jsx(
-        CellTag,
-        {
-          className: cls,
-          colSpan: node.colSpan > 1 ? node.colSpan : void 0,
-          children
-        },
-        key
-      );
+      return /* @__PURE__ */ jsx(CellTag, { className: cls, colSpan: node.colSpan > 1 ? node.colSpan : void 0, children }, key);
     }
     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", { className: "rich-details-summary-text", children: summary }),
-              /* @__PURE__ */ jsx("span", { className: "rich-details-chevron", children: /* @__PURE__ */ jsx(
-                "svg",
-                {
-                  width: "20",
-                  height: "20",
-                  viewBox: "0 0 20 20",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "1.5",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  children: /* @__PURE__ */ jsx("path", { d: "M6 8L10 12L14 8" })
-                }
-              ) })
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "rich-details-content", children })
-          ]
-        },
-        key
-      );
+      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);
     }
-    case "spoiler":
+    case "spoiler": {
       return /* @__PURE__ */ jsx("span", { className: "rich-spoiler", role: "button", tabIndex: 0, children }, key);
-    case "ruby":
+    }
+    case "ruby": {
       return createElement(RendererWrapper, {
         key,
         rendererKey: "Ruby",
@@ -164,16 +138,22 @@ function renderBuiltinNode(node, key, children, headingSlugs, textContent) {
           children
         }
       });
-    case "code":
+    }
+    case "code": {
       return /* @__PURE__ */ jsx("pre", { className: "rich-code-block", children: /* @__PURE__ */ jsx("code", { children }) }, key);
-    case "code-highlight":
+    }
+    case "code-highlight": {
       return /* @__PURE__ */ jsx("span", { children: node.text }, key);
-    case "linebreak":
+    }
+    case "linebreak": {
       return /* @__PURE__ */ jsx("br", {}, key);
-    case "tab":
+    }
+    case "tab": {
       return /* @__PURE__ */ jsx("span", { children: "  " }, key);
-    default:
+    }
+    default: {
       return null;
+    }
   }
 }
 const FORMAT_FLAGS = [
@@ -194,10 +174,7 @@ function parseCSSText(cssText) {
     const prop = part.slice(0, colonIndex).trim();
     const value = part.slice(colonIndex + 1).trim();
     if (!prop || !value) continue;
-    const camelProp = prop.replaceAll(
-      /-([a-z])/g,
-      (_, c) => c.toUpperCase()
-    );
+    const camelProp = prop.replaceAll(/-([a-z])/g, (_, c) => c.toUpperCase());
     style[camelProp] = value;
   }
   return style;
@@ -254,29 +231,29 @@ function preprocessFootnotes(state) {
 }
 function wrapDecoration(serialized, key, decoration) {
   switch (serialized.type) {
-    case "alert-quote":
+    case "alert-quote": {
       return createElement(
         "div",
         { key, className: `rich-alert rich-alert-${serialized.alertType}` },
         decoration
       );
-    case "banner":
+    }
+    case "banner": {
       return createElement(
         "div",
         { key, className: `rich-banner rich-banner-${serialized.bannerType}` },
         decoration
       );
-    case "grid-container":
-      return createElement(
-        "div",
-        { key, className: "rich-grid-container" },
-        decoration
-      );
-    default:
+    }
+    case "grid-container": {
+      return createElement("div", { key, className: "rich-grid-container" }, decoration);
+    }
+    default: {
       if (isValidElement(decoration)) {
         return cloneElement(decoration, { key });
       }
       return decoration;
+    }
   }
 }
 function applyBlockId(element, blockId, nodeKey) {
@@ -284,15 +261,7 @@ function applyBlockId(element, blockId, nodeKey) {
   if (isValidElement(element) && typeof element.type === "string") {
     return cloneElement(element, { "data-block-id": blockId });
   }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "rich-block-anchor",
-      "data-block-id": blockId,
-      children: element
-    },
-    `${nodeKey}-block-anchor`
-  );
+  return /* @__PURE__ */ jsx("div", { className: "rich-block-anchor", "data-block-id": blockId, children: element }, `${nodeKey}-block-anchor`);
 }
 function renderTree(node, editor, editorConfig, headingSlugs, key, blockId, builtinNodeOverrides) {
   const nodeKey = node.getKey ? node.getKey() : key;
@@ -301,11 +270,7 @@ function renderTree(node, editor, editorConfig, headingSlugs, key, blockId, buil
       const decoration = node.decorate(editor, editorConfig);
       if (decoration != null) {
         const serialized2 = node.exportJSON ? node.exportJSON() : {};
-        return applyBlockId(
-          wrapDecoration(serialized2, nodeKey, decoration),
-          blockId,
-          nodeKey
-        );
+        return applyBlockId(wrapDecoration(serialized2, nodeKey, decoration), blockId, nodeKey);
       }
     } catch {
     }
@@ -334,18 +299,8 @@ function renderTree(node, editor, editorConfig, headingSlugs, key, blockId, buil
   const textContent = node.getTextContent ? node.getTextContent() : void 0;
   const override = builtinNodeOverrides?.[serialized.type];
   if (override) {
-    const defaultRenderer = () => renderBuiltinNode(
-      serialized,
-      nodeKey,
-      children,
-      headingSlugs,
-      textContent
-    );
-    return applyBlockId(
-      override(serialized, nodeKey, children, defaultRenderer),
-      blockId,
-      nodeKey
-    );
+    const defaultRenderer = () => renderBuiltinNode(serialized, nodeKey, children, headingSlugs, textContent);
+    return applyBlockId(override(serialized, nodeKey, children, defaultRenderer), blockId, nodeKey);
   }
   return applyBlockId(
     renderBuiltinNode(serialized, nodeKey, children, headingSlugs, textContent),
@@ -438,31 +393,23 @@ function RichRenderer({
     return renderEditorToReact(value, nodes, builtinNodeOverrides);
   }, [builtinNodeOverrides, extraNodes, value]);
   const classes = ["rich-content", variantClass, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx(PortalThemeProvider, { className: variantClass, theme, children: /* @__PURE__ */ jsx(ColorSchemeProvider, { colorScheme: theme, children: /* @__PURE__ */ jsx(
-    RendererConfigProvider,
+  return /* @__PURE__ */ jsx(PortalThemeProvider, { className: variantClass, theme, children: /* @__PURE__ */ jsx(ColorSchemeProvider, { colorScheme: theme, children: /* @__PURE__ */ jsx(RendererConfigProvider, { config: rendererConfig, mode: "renderer", variant, children: /* @__PURE__ */ jsx(
+    FootnoteDefinitionsProvider,
     {
-      config: rendererConfig,
-      mode: "renderer",
-      variant,
-      children: /* @__PURE__ */ jsx(
-        FootnoteDefinitionsProvider,
+      definitions: footnoteData.definitions,
+      displayNumberMap: footnoteData.displayNumberMap,
+      children: /* @__PURE__ */ jsx(NestedContentRendererProvider, { value: renderNestedContent, children: /* @__PURE__ */ jsx(
+        Component,
         {
-          definitions: footnoteData.definitions,
-          displayNumberMap: footnoteData.displayNumberMap,
-          children: /* @__PURE__ */ jsx(NestedContentRendererProvider, { value: renderNestedContent, children: /* @__PURE__ */ jsx(
-            Component,
-            {
-              className: classes,
-              style,
-              "data-theme": theme,
-              suppressHydrationWarning: true,
-              children: content
-            }
-          ) })
+          suppressHydrationWarning: true,
+          className: classes,
+          "data-theme": theme,
+          style,
+          children: content
         }
-      )
+      ) })
     }
-  ) }) });
+  ) }) }) });
 }
 export {
   RichRenderer

package/dist/types.d.ts

@@ -3,14 +3,14 @@ import { Klass, LexicalNode, SerializedEditorState } from 'lexical';
 import { CSSProperties, ReactNode } from 'react';
 export type BuiltinNodeRenderer = (node: any, key: string, children: ReactNode[] | null, defaultRenderer: () => ReactNode) => ReactNode;
 export interface RichRendererProps {
-    value: SerializedEditorState;
-    variant?: RichEditorVariant;
-    theme?: ColorScheme;
-    className?: string;
-    style?: CSSProperties;
     as?: keyof React.JSX.IntrinsicElements;
-    rendererConfig?: RendererConfig;
-    extraNodes?: Array<Klass<LexicalNode>>;
     builtinNodeOverrides?: Record<string, BuiltinNodeRenderer>;
+    className?: string;
+    extraNodes?: Array<Klass<LexicalNode>>;
+    rendererConfig?: RendererConfig;
+    style?: CSSProperties;
+    theme?: ColorScheme;
+    value: SerializedEditorState;
+    variant?: RichEditorVariant;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,cAAc,EACd,iBAAiB,EAClB,MAAM,4BAA4B,CAAA;AACnC,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AACxE,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,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,CAAA;AAEd,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,qBAAqB,CAAA;IAC5B,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAA;IACtC,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAA;IACtC,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAA;CAC3D"}
+{"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@haklex/rich-static-renderer",
   "type": "module",
-  "version": "0.0.65",
+  "version": "0.0.66",
   "description": "Headless SSR engine for Lexical rich content",
   "license": "MIT",
   "exports": {
@@ -28,8 +28,8 @@
   "dependencies": {
     "@lexical/headless": "^0.41.0",
     "lucide-react": "^0.577.0",
-    "@haklex/rich-style-token": "0.0.65",
-    "@haklex/rich-editor": "0.0.65"
+    "@haklex/rich-style-token": "0.0.66",
+    "@haklex/rich-editor": "0.0.66"
   },
   "devDependencies": {
     "@lexical/code": "^0.41.0",
@@ -51,6 +51,11 @@
   "publishConfig": {
     "access": "public"
   },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Innei/haklex.git",
+    "directory": "packages/rich-static-renderer"
+  },
   "scripts": {
     "bench": "node benchmark/build-and-run.mjs",
     "build": "vite build"