@haklex/rich-static-renderer 0.0.38

package/LICENSE

@@ -0,0 +1,28 @@
+MIT License
+
+Copyright (c) 2024 Innei
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+
+Additional Terms and Conditions
+
+----------------
+
+Use of this software is governed by the terms of MIT and, in addition, by the terms and conditions described in the additional file (ADDITIONAL_TERMS.md). By using this software, you agree to abide by these additional terms and conditions.

package/README.md

@@ -0,0 +1,133 @@
+# @haklex/rich-static-renderer
+
+Lexical 富文本的只读渲染引擎（Headless + React 输出）。  
+用于把 `SerializedEditorState` 渲染成可展示的 React 内容。
+
+## 包定位
+
+- 不提供编辑能力
+- 适合文章详情页、评论展示、SSR 输出
+- 默认支持 `@haklex/rich-editor` 内置节点（`allNodes`）
+
+## 安装
+
+```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>>
+}
+```
+
+字段说明：
+
+- `value`：Lexical JSON（必填）
+- `as`：渲染容器标签，默认 `div`
+- `rendererConfig`：覆写某些节点的渲染组件（Image/CodeBlock/...）
+- `extraNodes`：注册扩展节点（如 Tldraw、Embed、Gallery、CodeSnippet）
+
+## 与增强渲染器一起用
+
+```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}
+/>
+```
+
+## 渲染行为说明
+
+- 内部使用 `@lexical/headless` 构建只读 editor，再将节点树转为 React
+- 标题会自动生成 slug 与锚点（重复标题自动去重）
+- 脚注会先预处理编号，再统一渲染引用与定义
+- `Alert/Banner/Grid` 等嵌套内容通过 `NestedContentRendererProvider` 递归渲染
+
+## 设计模式
+
+### 1) 节点注册与渲染器覆写解耦
+
+- 节点协议（JSON 结构）由 Node class 决定
+- 显示层由 `rendererConfig` 决定
+- 扩展节点只需通过 `extraNodes` 注册，不要求侵入核心渲染器
+
+### 2) Static / Edit 拆分协作
+
+`@haklex/rich-static-renderer` 只消费静态节点。  
+编辑态重依赖（Popover、Dialog 等）应该放在 edit 节点/编辑包里，不进入只读包。
+
+## 常见问题
+
+### Q1: 为什么有些节点不显示？
+
+通常是忘了注册扩展节点（`extraNodes`），例如 `embed`、`tldraw`、`gallery`、`code-snippet`。
+
+### Q2: 为什么公式样式不对？
+
+需要手动引入：
+
+```ts
+import 'katex/dist/katex.min.css'
+```
+
+### Q3: 为什么 tldraw 画布样式错乱？
+
+需要手动引入：
+
+```ts
+import 'tldraw/tldraw.css'
+```
+
+## License
+
+MIT

package/dist/RichRenderer.d.ts

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

package/dist/RichRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichRenderer.d.ts","sourceRoot":"","sources":["../src/RichRenderer.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AA+JhD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,OAAmB,EACnB,KAAe,EACf,SAAS,EACT,KAAK,EACL,EAAE,EAAE,SAAiB,EACrB,cAAc,EACd,UAAU,GACX,EAAE,iBAAiB,2CAmCnB"}

package/dist/engine/renderBuiltinNode.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"renderBuiltinNode.d.ts","sourceRoot":"","sources":["../../src/engine/renderBuiltinNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAmBtC,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,GAChC,SAAS,CAwLX"}

package/dist/engine/renderNode.d.ts

@@ -0,0 +1,3 @@
+export { renderBuiltinNode } from './renderBuiltinNode';
+export { renderTextNode } from './renderTextNode';
+//# sourceMappingURL=renderNode.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"renderNode.d.ts","sourceRoot":"","sources":["../../src/engine/renderNode.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/engine/renderTextNode.d.ts

@@ -0,0 +1,3 @@
+import { ReactNode } from 'react';
+export declare function renderTextNode(node: any, key: string): ReactNode;
+//# sourceMappingURL=renderTextNode.d.ts.map

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

@@ -0,0 +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"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { RichRenderer } from './RichRenderer';
+export type { RichRendererProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA"}

package/dist/index.mjs

@@ -0,0 +1,398 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { getVariantClass, allNodes, ColorSchemeProvider, RendererConfigProvider, FootnoteDefinitionsProvider, NestedContentRendererProvider, editorTheme } from "@haklex/rich-editor/static";
+import { PortalThemeProvider } from "@haklex/rich-style-token";
+import { createHeadlessEditor } from "@lexical/headless";
+import { $getRoot } from "lexical";
+import { isValidElement, cloneElement, createElement } from "react";
+var tableWrapper = "_1v9yxw30";
+var table = "_1v9yxw31";
+var tableHead = "_1v9yxw32";
+var tableCell = "_1v9yxw33";
+function textToSlug(text) {
+  return text.toLowerCase().trim().replaceAll(/[^\w\s\u3001-\u9fff\uac00-\ud7af\uff00-\uffef-]/g, "").replaceAll(/[\s_]+/g, "-").replaceAll(/^-+|-+$/g, "");
+}
+function extractText(node) {
+  if (node.text) return node.text;
+  if (node.children) return node.children.map(extractText).join("");
+  return "";
+}
+function renderBuiltinNode(node, key, children, headingSlugs) {
+  switch (node.type) {
+    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);
+    }
+    case "heading": {
+      const Tag = node.tag;
+      const text = extractText(node);
+      const baseSlug = textToSlug(text);
+      let slug = baseSlug;
+      if (baseSlug) {
+        const count = headingSlugs.get(baseSlug);
+        if (count !== void 0) {
+          slug = `${baseSlug}-${count}`;
+          headingSlugs.set(baseSlug, count + 1);
+        } else {
+          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",
+            "aria-hidden": "true",
+            tabIndex: -1,
+            href: `#${slug}`
+          }
+        ),
+        children
+      ] }, key);
+    }
+    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
+      );
+    }
+    case "listitem": {
+      const isChecklist = node.checked !== void 0;
+      const hasNestedList = node.children?.some((c) => c.type === "list");
+      let cls;
+      if (hasNestedList) {
+        cls = "rich-list-nested-item";
+      } else if (isChecklist) {
+        cls = node.checked ? "rich-list-item rich-list-item-checked" : "rich-list-item rich-list-item-unchecked";
+      } else {
+        cls = "rich-list-item";
+      }
+      return /* @__PURE__ */ jsx("li", { className: cls, value: node.value, children }, key);
+    }
+    case "link":
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          className: "rich-link",
+          href: node.url,
+          target: node.target,
+          rel: node.rel,
+          children
+        },
+        key
+      );
+    case "autolink":
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          className: "rich-link",
+          href: node.url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children
+        },
+        key
+      );
+    case "horizontalrule":
+      return /* @__PURE__ */ jsx("hr", { className: "rich-hr" }, key);
+    case "table":
+      return /* @__PURE__ */ jsx("div", { className: tableWrapper, children: /* @__PURE__ */ jsx("table", { className: table, children }) }, key);
+    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
+      );
+    }
+    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
+      );
+    }
+    case "spoiler":
+      return /* @__PURE__ */ jsx("span", { className: "rich-spoiler", role: "button", tabIndex: 0, children }, key);
+    case "code":
+      return /* @__PURE__ */ jsx("pre", { className: "rich-code-block", children: /* @__PURE__ */ jsx("code", { children }) }, key);
+    case "code-highlight":
+      return /* @__PURE__ */ jsx("span", { children: node.text }, key);
+    case "linebreak":
+      return /* @__PURE__ */ jsx("br", {}, key);
+    case "tab":
+      return /* @__PURE__ */ jsx("span", { children: "  " }, key);
+    default:
+      return null;
+  }
+}
+const FORMAT_FLAGS = [
+  [1, "rich-text-bold"],
+  [2, "rich-text-italic"],
+  [4, "rich-text-strikethrough"],
+  [8, "rich-text-underline"],
+  [16, "rich-text-code"],
+  [32, "rich-text-subscript"],
+  [64, "rich-text-superscript"],
+  [128, "rich-text-highlight"]
+];
+function parseCSSText(cssText) {
+  const style = {};
+  for (const part of cssText.split(";")) {
+    const colonIndex = part.indexOf(":");
+    if (colonIndex === -1) continue;
+    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()
+    );
+    style[camelProp] = value;
+  }
+  return style;
+}
+function renderTextNode(node, key) {
+  let element = node.text;
+  const format = node.format || 0;
+  for (const [flag, className] of FORMAT_FLAGS) {
+    if (format & flag) {
+      element = /* @__PURE__ */ jsx("span", { className, children: element }, `${key}-${flag}`);
+    }
+  }
+  if (node.style) {
+    element = /* @__PURE__ */ jsx("span", { style: parseCSSText(node.style), children: element }, key);
+  }
+  return element;
+}
+function preprocessFootnotes(state) {
+  const definitions = {};
+  const seen = /* @__PURE__ */ new Set();
+  const displayNumberMap = {};
+  let counter = 1;
+  function walk(node) {
+    if (node.type === "footnote" && node.identifier) {
+      const id = node.identifier;
+      if (!seen.has(id)) {
+        seen.add(id);
+        displayNumberMap[id] = counter++;
+      }
+    }
+    if (node.type === "footnote-section" && node.definitions) {
+      Object.assign(definitions, node.definitions);
+    }
+    if (node.children) {
+      for (const child of node.children) walk(child);
+    }
+    if (node.root) walk(node.root);
+    if (node.content && typeof node.content === "object" && node.content.root) {
+      walk(node.content);
+    }
+    if (node.cells && Array.isArray(node.cells)) {
+      for (const cell of node.cells) {
+        if (cell && cell.root) walk(cell);
+      }
+    }
+  }
+  walk(state);
+  for (const id of seen) {
+    if (!(id in definitions)) {
+      definitions[id] = "";
+    }
+  }
+  return { definitions, displayNumberMap };
+}
+function wrapDecoration(serialized, key, decoration) {
+  switch (serialized.type) {
+    case "alert-quote":
+      return createElement(
+        "div",
+        { key, className: `rich-alert rich-alert-${serialized.alertType}` },
+        decoration
+      );
+    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:
+      if (isValidElement(decoration)) {
+        return cloneElement(decoration, { key });
+      }
+      return decoration;
+  }
+}
+function renderTree(node, editor, editorConfig, headingSlugs, key) {
+  const nodeKey = node.getKey ? node.getKey() : key;
+  if (typeof node.decorate === "function") {
+    try {
+      const decoration = node.decorate(editor, editorConfig);
+      if (decoration != null) {
+        const serialized2 = node.exportJSON ? node.exportJSON() : {};
+        return wrapDecoration(serialized2, nodeKey, decoration);
+      }
+    } catch {
+    }
+  }
+  const serialized = node.exportJSON ? node.exportJSON() : {};
+  if (serialized.type === "text") {
+    return renderTextNode(serialized, nodeKey);
+  }
+  let children = null;
+  if (node.getChildren) {
+    const childNodes = node.getChildren();
+    if (childNodes.length > 0) {
+      children = childNodes.map(
+        (child, i) => renderTree(
+          child,
+          editor,
+          editorConfig,
+          headingSlugs,
+          `${nodeKey}-${i}`
+        )
+      );
+    }
+  }
+  return renderBuiltinNode(serialized, nodeKey, children, headingSlugs);
+}
+function renderEditorToReact(value, nodes) {
+  const editor = createHeadlessEditor({
+    nodes,
+    theme: editorTheme,
+    editable: false,
+    onError: (error) => {
+      console.error("[RichRenderer]", error);
+    }
+  });
+  const editorConfig = { namespace: "ssr", theme: editorTheme };
+  const editorState = editor.parseEditorState(value);
+  editor.setEditorState(editorState);
+  const footnoteData = preprocessFootnotes(value);
+  let content = null;
+  editorState.read(() => {
+    const root = $getRoot();
+    const headingSlugs = /* @__PURE__ */ new Map();
+    const children = root.getChildren().map(
+      (child, i) => renderTree(child, editor, editorConfig, headingSlugs, `ssr-${i}`)
+    );
+    content = /* @__PURE__ */ jsx(Fragment, { children });
+  });
+  const renderNestedContent = (state) => {
+    const nestedEditor = createHeadlessEditor({
+      nodes,
+      theme: editorTheme,
+      editable: false,
+      onError: (error) => {
+        console.error("[RichRenderer:nested]", error);
+      }
+    });
+    const nestedEditorConfig = {
+      namespace: "ssr-nested",
+      theme: editorTheme
+    };
+    const nestedState = nestedEditor.parseEditorState(state);
+    nestedEditor.setEditorState(nestedState);
+    let nested = null;
+    nestedState.read(() => {
+      const root = $getRoot();
+      const headingSlugs = /* @__PURE__ */ new Map();
+      const ch = root.getChildren().map(
+        (child, i) => renderTree(
+          child,
+          nestedEditor,
+          nestedEditorConfig,
+          headingSlugs,
+          `nested-${i}`
+        )
+      );
+      nested = /* @__PURE__ */ jsx(Fragment, { children: ch });
+    });
+    return nested;
+  };
+  return { content, footnoteData, renderNestedContent };
+}
+function RichRenderer({
+  value,
+  variant = "article",
+  theme = "light",
+  className,
+  style,
+  as: Component = "div",
+  rendererConfig,
+  extraNodes
+}) {
+  const variantClass = getVariantClass(variant);
+  const nodes = extraNodes ? [...allNodes, ...extraNodes] : allNodes;
+  const { content, footnoteData, renderNestedContent } = renderEditorToReact(
+    value,
+    nodes
+  );
+  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,
+    {
+      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, { className: classes, style, "data-theme": theme, children: content }) })
+        }
+      )
+    }
+  ) }) });
+}
+export {
+  RichRenderer
+};

package/dist/preprocess/footnote.d.ts

@@ -0,0 +1,7 @@
+import { SerializedEditorState } from 'lexical';
+export interface FootnoteData {
+    definitions: Record<string, string>;
+    displayNumberMap: Record<string, number>;
+}
+export declare function preprocessFootnotes(state: SerializedEditorState): FootnoteData;
+//# sourceMappingURL=footnote.d.ts.map

package/dist/preprocess/footnote.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footnote.d.ts","sourceRoot":"","sources":["../../src/preprocess/footnote.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEpD,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACnC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACzC;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,qBAAqB,GAC3B,YAAY,CAwCd"}

package/dist/preprocess/headingSlug.d.ts

@@ -0,0 +1,2 @@
+export declare function textToSlug(text: string): string;
+//# sourceMappingURL=headingSlug.d.ts.map

package/dist/preprocess/headingSlug.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"headingSlug.d.ts","sourceRoot":"","sources":["../../src/preprocess/headingSlug.ts"],"names":[],"mappings":"AAAA,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAO/C"}

package/dist/rich-static-renderer.css

@@ -0,0 +1 @@
+:root{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}:root.dark{--rc-text: #fafafa;--rc-text-secondary: #a1a1aa;--rc-text-tertiary: #71717a;--rc-text-quaternary: #52525b;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-border: #27272a;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #e4e4e7;--rc-code-bg: #27272a;--rc-hr-border: #27272a;--rc-quote-border: #60a5fa;--rc-quote-bg: #1e3a5f;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0;--rc-max-width: 700px;--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}.km6fx0{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}.km6fx1{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.8;--rc-line-height-tight: 1.4;--rc-font-family: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}.km6fx2{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #a1a1aa;--rc-quote-bg: #fafafa;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: none;--rc-space-xs: 2px;--rc-space-sm: 4px;--rc-space-md: 10px;--rc-space-lg: 16px;--rc-space-xl: 20px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 14px;--rc-font-size-small: 12px;--rc-line-height: 1.5;--rc-line-height-tight: 1.3;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 3px;--rc-radius-md: 6px;--rc-radius-lg: 8px}.dark .km6fx0,[data-theme=dark] .km6fx0,.dark.km6fx0,[data-theme=dark].km6fx0,.dark .km6fx1,[data-theme=dark] .km6fx1,.dark.km6fx1,[data-theme=dark].km6fx1,.dark .km6fx2,[data-theme=dark] .km6fx2,.dark.km6fx2,[data-theme=dark].km6fx2{--rc-text: #fafafa;--rc-text-secondary: #a1a1aa;--rc-text-tertiary: #71717a;--rc-text-quaternary: #52525b;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-border: #27272a;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #e4e4e7;--rc-code-bg: #27272a;--rc-hr-border: #27272a;--rc-quote-border: #60a5fa;--rc-quote-bg: #1e3a5f;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0}._1v9yxw30{overflow-x:auto}._1v9yxw31{width:100%;caption-side:bottom;border-collapse:collapse;font-size:var(--rc-font-size-small)}._1v9yxw32{height:2.5rem;padding:0 var(--rc-space-lg);vertical-align:middle;font-weight:500;white-space:nowrap;color:var(--rc-text-secondary);line-height:1.5}._1v9yxw33{padding:var(--rc-space-lg);vertical-align:middle;line-height:1.5}._1v9yxw31 tr:has(._1v9yxw32){border-bottom:1px solid var(--rc-border)}._1v9yxw31 tr:has(._1v9yxw33):nth-child(2n){background-color:var(--rc-bg-secondary)}._1v9yxw31:has(tr:hover) tr:has(._1v9yxw33):nth-child(2n):not(:hover){background-color:transparent}._1v9yxw31 tr:has(._1v9yxw33){transition:background-color .15s}._1v9yxw31 tr:has(._1v9yxw33):hover{background-color:var(--rc-bg-tertiary)}._1v9yxw31 .rich-paragraph{margin:0;padding:0;line-height:inherit}

package/dist/table.css.d.ts

@@ -0,0 +1,5 @@
+export declare const tableWrapper: string;
+export declare const table: string;
+export declare const tableHead: string;
+export declare const tableCell: string;
+//# sourceMappingURL=table.css.d.ts.map

package/dist/table.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.css.d.ts","sourceRoot":"","sources":["../src/table.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,QAEvB,CAAA;AAEF,eAAO,MAAM,KAAK,QAKhB,CAAA;AAEF,eAAO,MAAM,SAAS,QAQpB,CAAA;AAEF,eAAO,MAAM,SAAS,QAIpB,CAAA"}

package/dist/types.d.ts

@@ -0,0 +1,14 @@
+import { ColorScheme, RendererConfig, RichEditorVariant } from '@haklex/rich-editor/static';
+import { Klass, LexicalNode, SerializedEditorState } from 'lexical';
+import { CSSProperties } from 'react';
+export interface RichRendererProps {
+    value: SerializedEditorState;
+    variant?: RichEditorVariant;
+    theme?: ColorScheme;
+    className?: string;
+    style?: CSSProperties;
+    as?: keyof React.JSX.IntrinsicElements;
+    rendererConfig?: RendererConfig;
+    extraNodes?: Array<Klass<LexicalNode>>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +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,MAAM,OAAO,CAAA;AAE1C,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;CACvC"}

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@haklex/rich-static-renderer",
+  "version": "0.0.38",
+  "description": "Headless SSR engine for Lexical rich content",
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "main": "./dist/index.mjs",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@lexical/headless": "^0.41.0",
+    "@haklex/rich-editor": "0.0.38",
+    "@haklex/rich-style-token": "0.0.38"
+  },
+  "devDependencies": {
+    "@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",
+    "@types/react": "^19.2.14",
+    "@vanilla-extract/css": "^1.18.0",
+    "@vanilla-extract/vite-plugin": "^4.0.20",
+    "lexical": "^0.41.0",
+    "markdown-to-jsx": "npm:@innei/markdown-to-jsx-yet@7.7.7-11",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "peerDependencies": {
+    "@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"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "bench": "node benchmark/build-and-run.mjs",
+    "build": "vite build"
+  },
+  "types": "./dist/index.d.ts"
+}