@withl5e/richtext-payload 0.1.0-alpha.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 L5E contributors
+
+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.

package/README.md

@@ -0,0 +1,26 @@
+# @withl5e/richtext-payload
+
+Payload Lexical rich text rendering is kept outside `@withl5e/l5e` so the framework core does not
+force Payload, Lexical or CMS-specific types into every L5E app.
+
+Install it only in apps that render Payload rich text:
+
+```sh
+pnpm add @withl5e/richtext-payload @payloadcms/richtext-lexical lexical payload
+```
+
+Usage:
+
+```tsx
+import {
+  convertLexicalToJSX,
+  defaultJSXConverters,
+} from '@withl5e/richtext-payload';
+
+export function ArticleBody({ content }) {
+  return convertLexicalToJSX({
+    converters: defaultJSXConverters,
+    data: content,
+  });
+}
+```

package/dist/index.js

@@ -0,0 +1,316 @@
+import { jsxFactory as n, Fragment as y, isValidElement as S, cloneElement as b } from "@withl5e/l5e/jsx-runtime";
+import { hasText as v } from "@payloadcms/richtext-lexical/shared";
+import { v4 as T } from "uuid";
+import { NodeFormat as p } from "@payloadcms/richtext-lexical";
+import { stringToLexical as W } from "./stringToLexical.js";
+const w = {
+  quote: ({ node: e, nodesToJSX: t }) => {
+    const r = t({
+      nodes: e.children
+    });
+    return /* @__PURE__ */ n("blockquote", null, r);
+  }
+}, C = {
+  heading: ({ node: e, nodesToJSX: t }) => {
+    const r = t({
+      nodes: e.children
+    }), l = e.tag;
+    return /* @__PURE__ */ n(l, null, r);
+  }
+}, J = {
+  horizontalrule: /* @__PURE__ */ n("hr", null)
+}, X = {
+  linebreak: /* @__PURE__ */ n("br", null)
+}, L = ({ internalDocToHref: e }) => ({
+  autolink: ({ node: t, nodesToJSX: r }) => {
+    const l = r({
+      nodes: t.children
+    }), i = t.fields.newTab ? "noopener noreferrer" : void 0, o = t.fields.newTab ? "_blank" : void 0;
+    return /* @__PURE__ */ n("a", { href: t.fields.url, rel: i, target: o }, l);
+  },
+  link: ({ node: t, nodesToJSX: r }) => {
+    const l = r({
+      nodes: t.children
+    }), i = t.fields.newTab ? "noopener noreferrer" : void 0, o = t.fields.newTab ? "_blank" : void 0;
+    let s = t.fields.url ?? "";
+    return t.fields.linkType === "internal" && (e ? s = e({ linkNode: t }) : (console.error(
+      "Lexical => JSX converter: Link converter: found internal link, but internalDocToHref is not provided"
+    ), s = "#")), /* @__PURE__ */ n("a", { href: s, rel: i, target: o }, l);
+  }
+}), I = {
+  list: ({ node: e, nodesToJSX: t }) => {
+    const r = t({
+      nodes: e.children
+    }), l = e.tag;
+    return /* @__PURE__ */ n(l, { class: `list-${e?.listType}` }, r);
+  },
+  listitem: ({ node: e, nodesToJSX: t, parent: r }) => {
+    const l = e.children.some((o) => o.type === "list"), i = t({
+      nodes: e.children
+    });
+    if ("listType" in r && r?.listType === "check") {
+      const o = T();
+      return /* @__PURE__ */ n(
+        "li",
+        {
+          "aria-checked": e.checked ? "true" : "false",
+          class: `list-item-checkbox${e.checked ? " list-item-checkbox-checked" : " list-item-checkbox-unchecked"}${l ? " nestedListItem" : ""}`,
+          role: "checkbox",
+          style: "list-style-type: none;",
+          tabindex: "-1",
+          value: e?.value
+        },
+        l ? i : /* @__PURE__ */ n(y, null, /* @__PURE__ */ n("input", { checked: e.checked, id: o, readonly: !0, type: "checkbox" }), /* @__PURE__ */ n("label", { for: o }, i), /* @__PURE__ */ n("br", null))
+      );
+    } else
+      return /* @__PURE__ */ n(
+        "li",
+        {
+          class: `${l ? "nestedListItem" : ""}`,
+          style: l ? "list-style-type: none;" : "",
+          value: e?.value
+        },
+        i
+      );
+  }
+}, N = {
+  paragraph: ({ node: e, nodesToJSX: t }) => {
+    const r = t({
+      nodes: e.children
+    });
+    return r?.length ? /* @__PURE__ */ n("p", null, r) : /* @__PURE__ */ n("p", null, /* @__PURE__ */ n("br", null));
+  }
+}, E = {
+  tab: "	"
+}, $ = {
+  table: ({ node: e, nodesToJSX: t }) => {
+    const r = t({
+      nodes: e.children
+    });
+    return /* @__PURE__ */ n("div", { class: "lexical-table-container" }, /* @__PURE__ */ n("table", { class: "lexical-table", style: "border-collapse: collapse;" }, /* @__PURE__ */ n("tbody", null, r)));
+  },
+  tablecell: ({ node: e, nodesToJSX: t }) => {
+    const r = t({
+      nodes: e.children
+    }), l = e.headerState > 0 ? "th" : "td", i = `lexical-table-cell-header-${e.headerState}`;
+    let o = "";
+    e.backgroundColor && (o += `background-color: ${e.backgroundColor};`), o += "border: 1px solid #ccc;", o += "padding: 8px;";
+    const s = e.colSpan && e.colSpan > 1 ? e.colSpan : void 0, c = e.rowSpan && e.rowSpan > 1 ? e.rowSpan : void 0;
+    return /* @__PURE__ */ n(
+      l,
+      {
+        class: `lexical-table-cell ${i}`,
+        colspan: s,
+        rowspan: c,
+        style: o
+      },
+      r
+    );
+  },
+  tablerow: ({ node: e, nodesToJSX: t }) => {
+    const r = t({
+      nodes: e.children
+    });
+    return /* @__PURE__ */ n("tr", { class: "lexical-table-row" }, r);
+  }
+}, z = {
+  text: ({ node: e }) => {
+    let t = e.text;
+    return e.format & p.IS_BOLD && (t = /* @__PURE__ */ n("strong", null, t)), e.format & p.IS_ITALIC && (t = /* @__PURE__ */ n("em", null, t)), e.format & p.IS_STRIKETHROUGH && (t = /* @__PURE__ */ n("span", { style: "text-decoration: line-through;" }, t)), e.format & p.IS_UNDERLINE && (t = /* @__PURE__ */ n("span", { style: "text-decoration: underline;" }, t)), e.format & p.IS_CODE && (t = /* @__PURE__ */ n("code", null, t)), e.format & p.IS_SUBSCRIPT && (t = /* @__PURE__ */ n("sub", null, t)), e.format & p.IS_SUPERSCRIPT && (t = /* @__PURE__ */ n("sup", null, t)), t;
+  }
+}, _ = {
+  upload: ({ node: e }) => {
+    const t = e;
+    if (typeof t.value != "object")
+      return null;
+    const r = t.value, l = r.url;
+    if (!r.mimeType.startsWith("image"))
+      return /* @__PURE__ */ n("a", { href: l, rel: "noopener noreferrer" }, r.filename);
+    if (!r.sizes || !Object.keys(r.sizes).length)
+      return /* @__PURE__ */ n("img", { alt: r.filename, height: r.height, src: l, width: r.width });
+    const i = [];
+    for (const o in r.sizes) {
+      const s = r.sizes[o];
+      if (!s || !s.width || !s.height || !s.mimeType || !s.filesize || !s.filename || !s.url)
+        continue;
+      const c = s?.url;
+      i.push(
+        /* @__PURE__ */ n(
+          "source",
+          {
+            key: o,
+            media: `(max-width: ${s.width}px)`,
+            srcset: c,
+            type: s.mimeType
+          }
+        )
+      );
+    }
+    return i.push(
+      /* @__PURE__ */ n(
+        "img",
+        {
+          alt: r?.filename,
+          height: r?.height,
+          key: "image",
+          src: l,
+          width: r?.width
+        }
+      )
+    ), /* @__PURE__ */ n("picture", null, i);
+  }
+}, D = {
+  ...N,
+  ...z,
+  ...X,
+  ...w,
+  ...$,
+  ...C,
+  ...J,
+  ...I,
+  ...L({}),
+  ..._,
+  ...E
+};
+function U(e) {
+  return e.toLowerCase().normalize("NFD").replace(/[\u0300-\u036F]/g, "").replace(/đ/g, "d").replace(/[\u2010-\u2015\u2212\uFE58\uFE63\uFF0D]/g, "-").replace(/[\s\u00A0\/\\|_.,;:+=@&]+/g, "-").replace(/[^a-z0-9-]/g, "").replace(/-+/g, "-").replace(/^-|-$/g, "");
+}
+function g(e) {
+  return e ? e.type === "text" ? e.text || "" : !("children" in e) || !Array.isArray(e.children) ? "" : e.children.map((t) => g(t)).join("") : "";
+}
+function k(e) {
+  const t = [];
+  if ("root" in e && e.root)
+    return k(e.root);
+  const r = e;
+  if (r.type === "heading") {
+    const i = r.tag || "", o = i === "h2" ? 2 : i === "h3" ? 3 : i === "h4" ? 4 : i === "h5" ? 5 : i === "h6" ? 6 : 0;
+    if (o > 0) {
+      const s = g(r);
+      s && t.push({
+        text: s,
+        level: o
+      });
+    }
+  }
+  return "children" in r && Array.isArray(r.children) && r.children.forEach((l) => {
+    t.push(...k(l));
+  }), t;
+}
+function O(e) {
+  const t = [], r = [];
+  return e.forEach((l) => {
+    const i = {
+      ...l,
+      children: []
+    };
+    for (; r.length > 0 && r[r.length - 1].level >= l.level; )
+      r.pop();
+    r.length === 0 ? t.push(i) : r[r.length - 1].children.push(i), r.push(i);
+  }), t;
+}
+const A = 210;
+function H(e) {
+  if (!e) return 0;
+  const r = g(e).trim().split(/\s+/).length, l = Math.ceil(r / A);
+  return Math.max(1, l);
+}
+function P({
+  converters: e,
+  data: t,
+  disableIndent: r,
+  disableTextAlign: l
+}) {
+  return v(t) ? /* @__PURE__ */ n(y, null, x({
+    converters: e,
+    disableIndent: r,
+    disableTextAlign: l,
+    nodes: t?.root?.children,
+    parent: t?.root
+  })) : /* @__PURE__ */ n(y, null);
+}
+function x({
+  converters: e,
+  disableIndent: t,
+  disableTextAlign: r,
+  nodes: l,
+  parent: i
+}) {
+  const o = e.unknown;
+  return l.map((c, d) => {
+    let a;
+    c.type === "block" ? (a = e?.blocks?.[c?.fields?.blockType], !a && !o && console.error(
+      `Lexical => JSX converter: Blocks converter: found ${c?.fields?.blockType} block, but no converter is provided`
+    )) : c.type === "inlineBlock" ? (a = e?.inlineBlocks?.[c?.fields?.blockType], !a && !o && console.error(
+      `Lexical => JSX converter: Inline Blocks converter: found ${c?.fields?.blockType} inline block, but no converter is provided`
+    )) : a = e[c.type];
+    try {
+      !a && o && (a = o);
+      let u;
+      a ? u = typeof a == "function" ? a({
+        childIndex: d,
+        converters: e,
+        node: c,
+        nodesToJSX: (f) => x({
+          converters: f.converters ?? e,
+          disableIndent: f.disableIndent ?? t,
+          disableTextAlign: f.disableTextAlign ?? r,
+          nodes: f.nodes,
+          parent: f.parent ?? {
+            ...c,
+            parent: i
+          }
+        }),
+        parent: i
+      }) : a : u = /* @__PURE__ */ n("span", { key: d }, "unknown node");
+      let h = "";
+      if (!r && (!Array.isArray(r) || !r?.includes(c.type)) && "format" in c && c.format)
+        switch (c.format) {
+          case "center":
+            h += "text-align: center;";
+            break;
+          case "end":
+            h += "text-align: right;";
+            break;
+          case "justify":
+            h += "text-align: justify;";
+            break;
+          case "left":
+            break;
+          case "right":
+            h += "text-align: right;";
+            break;
+          case "start":
+            h += "text-align: left;";
+            break;
+        }
+      if (!t && (!Array.isArray(t) || !t?.includes(c.type)) && "indent" in c && c.indent && c.type !== "listitem" && (h += `padding-inline-start: ${Number(c.indent) * 40}px;`), S(u)) {
+        if (h) {
+          const m = typeof u?.props?.style == "string" ? u.props.style : "", f = `${h} ${m}`.trim();
+          return b(u, {
+            key: d,
+            style: f
+          });
+        }
+        return b(u, {
+          key: d
+        });
+      }
+      return u;
+    } catch (u) {
+      return console.error("Error converting lexical node to JSX:", u, "node:", c), null;
+    }
+  }).filter(Boolean);
+}
+export {
+  O as buildTableOfContents,
+  x as convertLexicalNodesToJSX,
+  P as convertLexicalToJSX,
+  D as defaultJSXConverters,
+  U as genFragmentIdentifier,
+  k as getHeaders,
+  g as getTextLexicalNode,
+  H as getTimeRead,
+  W as stringToLexical
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/richtext-render/converters/blockquote.tsx","../src/richtext-render/converters/heading.tsx","../src/richtext-render/converters/horizontalRule.tsx","../src/richtext-render/converters/linebreak.tsx","../src/richtext-render/converters/link.tsx","../src/richtext-render/converters/list.tsx","../src/richtext-render/converters/paragraph.tsx","../src/richtext-render/converters/tab.tsx","../src/richtext-render/converters/table.tsx","../src/richtext-render/converters/text.tsx","../src/richtext-render/converters/upload.tsx","../src/richtext-render/defaultConverters.ts","../src/richtext-render/utils/genFragmentIdentifier.ts","../src/richtext-render/utils/getTextOfLexical.ts","../src/richtext-render/utils/getTableOfContents.ts","../src/richtext-render/utils/getTimeRead.ts","../src/richtext-render/index.tsx"],"sourcesContent":["import type { SerializedQuoteNode } from '@payloadcms/richtext-lexical';\nimport type { JSXConverters } from '../types.js';\n\nexport const BlockquoteJSXConverter: JSXConverters<SerializedQuoteNode> = {\n  quote: ({ node, nodesToJSX }) => {\n    const children = nodesToJSX({\n      nodes: node.children,\n    });\n\n    return <blockquote>{children}</blockquote>;\n  },\n};\n","import { SerializedHeadingNode } from '@payloadcms/richtext-lexical';\nimport type { JSXConverters } from '../types.js';\n\nexport const HeadingJSXConverter: JSXConverters<SerializedHeadingNode> = {\n  heading: ({ node, nodesToJSX }) => {\n    const children = nodesToJSX({\n      nodes: node.children,\n    });\n\n    const NodeTag = node.tag;\n\n    return <NodeTag>{children}</NodeTag>;\n  },\n};\n","import { SerializedHorizontalRuleNode } from '@payloadcms/richtext-lexical';\nimport type { JSXConverters } from '../types.js';\nexport const HorizontalRuleJSXConverter: JSXConverters<SerializedHorizontalRuleNode> = {\n  horizontalrule: <hr />,\n};\n","import type { SerializedLineBreakNode } from 'lexical';\nimport type { JSXConverters } from '../types.js';\n\nexport const LinebreakJSXConverter: JSXConverters<SerializedLineBreakNode> = {\n  linebreak: <br />,\n};\n","import type { SerializedAutoLinkNode, SerializedLinkNode } from '@payloadcms/richtext-lexical';\nimport type { JSXConverters } from '../types.js';\n\nexport const LinkJSXConverter: (args: {\n  internalDocToHref?: (args: { linkNode: SerializedLinkNode }) => string;\n}) => JSXConverters<SerializedAutoLinkNode | SerializedLinkNode> = ({ internalDocToHref }) => ({\n  autolink: ({ node, nodesToJSX }) => {\n    const children = nodesToJSX({\n      nodes: node.children,\n    });\n\n    const rel: string | undefined = node.fields.newTab ? 'noopener noreferrer' : undefined;\n    const target: string | undefined = node.fields.newTab ? '_blank' : undefined;\n\n    return (\n      <a href={node.fields.url} {...{ rel, target }}>\n        {children}\n      </a>\n    );\n  },\n  link: ({ node, nodesToJSX }) => {\n    const children = nodesToJSX({\n      nodes: node.children,\n    });\n\n    const rel: string | undefined = node.fields.newTab ? 'noopener noreferrer' : undefined;\n    const target: string | undefined = node.fields.newTab ? '_blank' : undefined;\n\n    let href: string = node.fields.url ?? '';\n    if (node.fields.linkType === 'internal') {\n      if (internalDocToHref) {\n        href = internalDocToHref({ linkNode: node });\n      } else {\n        console.error(\n          'Lexical => JSX converter: Link converter: found internal link, but internalDocToHref is not provided',\n        );\n        href = '#'; // fallback\n      }\n    }\n\n    return (\n      <a href={href} {...{ rel, target }}>\n        {children}\n      </a>\n    );\n  },\n});\n","import { v4 as uuidv4 } from 'uuid';\nimport { Fragment } from '@withl5e/l5e/jsx-runtime';\n\nimport type { SerializedListItemNode, SerializedListNode } from '@payloadcms/richtext-lexical';\nimport type { JSXConverters } from '../types.js';\n\nexport const ListJSXConverter: JSXConverters<SerializedListItemNode | SerializedListNode> = {\n  list: ({ node, nodesToJSX }) => {\n    const children = nodesToJSX({\n      nodes: node.children,\n    });\n\n    const NodeTag = node.tag;\n\n    return <NodeTag class={`list-${node?.listType}`}>{children}</NodeTag>;\n  },\n  listitem: ({ node, nodesToJSX, parent }) => {\n    const hasSubLists = node.children.some((child) => child.type === 'list');\n\n    const children = nodesToJSX({\n      nodes: node.children,\n    });\n\n    if ('listType' in parent && parent?.listType === 'check') {\n      const uuid = uuidv4();\n\n      return (\n        <li\n          aria-checked={node.checked ? 'true' : 'false'}\n          class={`list-item-checkbox${node.checked ? ' list-item-checkbox-checked' : ' list-item-checkbox-unchecked'}${hasSubLists ? ' nestedListItem' : ''}`}\n          // eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role\n          role=\"checkbox\"\n          style=\"list-style-type: none;\"\n          tabindex={'-1'}\n          value={node?.value}\n        >\n          {hasSubLists ? (\n            children\n          ) : (\n            <>\n              <input checked={node.checked} id={uuid} readonly={true} type=\"checkbox\" />\n              <label for={uuid}>{children}</label>\n              <br />\n            </>\n          )}\n        </li>\n      );\n    } else {\n      return (\n        <li\n          class={`${hasSubLists ? 'nestedListItem' : ''}`}\n          style={hasSubLists ? 'list-style-type: none;' : ''}\n          value={node?.value}\n        >\n          {children}\n        </li>\n      );\n    }\n  },\n};\n","import type { SerializedParagraphNode } from 'lexical';\nimport type { JSXConverter, JSXConverters } from '../types.js';\n\ntype ParagraphConverterArgs = Parameters<\n  Extract<JSXConverter<SerializedParagraphNode>, (...args: any[]) => JSX.Element>\n>[0];\n\nexport const ParagraphJSXConverter: JSXConverters<SerializedParagraphNode> = {\n  paragraph: ({ node, nodesToJSX }: ParagraphConverterArgs) => {\n    const children = nodesToJSX({\n      nodes: node.children,\n    });\n\n    if (!children?.length) {\n      return (\n        <p>\n          <br />\n        </p>\n      );\n    }\n\n    return <p>{children}</p>;\n  },\n};\n","import type { SerializedTabNode } from 'lexical';\nimport type { JSXConverters } from '../types.js';\n\nexport const TabJSXConverter: JSXConverters<SerializedTabNode> = {\n  tab: '\\t',\n};\n","import type {\n  SerializedTableCellNode,\n  SerializedTableNode,\n  SerializedTableRowNode,\n} from '@payloadcms/richtext-lexical';\nimport type { JSXConverters } from '../types.js';\n\nexport const TableJSXConverter: JSXConverters<\n  SerializedTableCellNode | SerializedTableNode | SerializedTableRowNode\n> = {\n  table: ({ node, nodesToJSX }) => {\n    const children = nodesToJSX({\n      nodes: node.children,\n    });\n    return (\n      <div class=\"lexical-table-container\">\n        <table class=\"lexical-table\" style=\"border-collapse: collapse;\">\n          <tbody>{children}</tbody>\n        </table>\n      </div>\n    );\n  },\n  tablecell: ({ node, nodesToJSX }) => {\n    const children = nodesToJSX({\n      nodes: node.children,\n    });\n\n    const TagName = node.headerState > 0 ? 'th' : 'td'; // Use capital letter to denote a component\n    const headerStateClass = `lexical-table-cell-header-${node.headerState}`;\n    let style = '';\n    if (node.backgroundColor) {\n      style += `background-color: ${node.backgroundColor};`;\n    }\n\n    style += `border: 1px solid #ccc;`;\n\n    style += `padding: 8px;`;\n\n    // Note: JSX does not support setting attributes directly as strings, so you must convert the colSpan and rowSpan to numbers\n    const colSpan = node.colSpan && node.colSpan > 1 ? node.colSpan : undefined;\n    const rowSpan = node.rowSpan && node.rowSpan > 1 ? node.rowSpan : undefined;\n\n    return (\n      <TagName\n        class={`lexical-table-cell ${headerStateClass}`}\n        colspan={colSpan} // colSpan and rowSpan will only be added if they are not null\n        rowspan={rowSpan}\n        style={style}\n      >\n        {children}\n      </TagName>\n    );\n  },\n  tablerow: ({ node, nodesToJSX }) => {\n    const children = nodesToJSX({\n      nodes: node.children,\n    });\n    return <tr class=\"lexical-table-row\">{children}</tr>;\n  },\n};\n","import { NodeFormat } from '@payloadcms/richtext-lexical';\nimport type { SerializedTextNode } from 'lexical';\nimport type { JSXConverter, JSXConverters } from '../types.js';\n\ntype TextConverterArgs = Parameters<\n  Extract<JSXConverter<SerializedTextNode>, (...args: any[]) => JSX.Element>\n>[0];\n\nexport const TextJSXConverter: JSXConverters<SerializedTextNode> = {\n  text: ({ node }: TextConverterArgs) => {\n    let text: JSX.Element = node.text;\n\n    if (node.format & NodeFormat.IS_BOLD) {\n      text = <strong>{text}</strong>;\n    }\n    if (node.format & NodeFormat.IS_ITALIC) {\n      text = <em>{text}</em>;\n    }\n    if (node.format & NodeFormat.IS_STRIKETHROUGH) {\n      text = <span style=\"text-decoration: line-through;\">{text}</span>;\n    }\n    if (node.format & NodeFormat.IS_UNDERLINE) {\n      text = <span style=\"text-decoration: underline;\">{text}</span>;\n    }\n    if (node.format & NodeFormat.IS_CODE) {\n      text = <code>{text}</code>;\n    }\n    if (node.format & NodeFormat.IS_SUBSCRIPT) {\n      text = <sub>{text}</sub>;\n    }\n    if (node.format & NodeFormat.IS_SUPERSCRIPT) {\n      text = <sup>{text}</sup>;\n    }\n\n    return text;\n  },\n};\n","import type { FileData, FileSizeImproved, TypeWithID } from 'payload';\n\nimport type { SerializedUploadNode } from '@payloadcms/richtext-lexical';\nimport type { JSXConverters } from '../types.js';\n\nexport const UploadJSXConverter: JSXConverters<SerializedUploadNode> = {\n  upload: ({ node }) => {\n    // TO-DO (v4): SerializedUploadNode should use UploadData_P4\n    const uploadNode = node as any;\n    if (typeof uploadNode.value !== 'object') {\n      return null;\n    }\n\n    const uploadDoc = uploadNode.value as FileData & TypeWithID;\n\n    const url = uploadDoc.url;\n\n    /**\n     * If the upload is not an image, return a link to the upload\n     */\n    if (!uploadDoc.mimeType.startsWith('image')) {\n      return (\n        <a href={url} rel=\"noopener noreferrer\">\n          {uploadDoc.filename}\n        </a>\n      );\n    }\n\n    /**\n     * If the upload is a simple image with no different sizes, return a simple img tag\n     */\n    if (!uploadDoc.sizes || !Object.keys(uploadDoc.sizes).length) {\n      return (\n        <img alt={uploadDoc.filename} height={uploadDoc.height} src={url} width={uploadDoc.width} />\n      );\n    }\n\n    /**\n     * If the upload is an image with different sizes, return a picture element\n     */\n    const pictureJSX: JSX.Element[] = [];\n\n    // Iterate through each size in the data.sizes object\n    for (const size in uploadDoc.sizes) {\n      const imageSize = uploadDoc.sizes[size] as FileSizeImproved;\n\n      // Skip if any property of the size object is null\n      if (\n        !imageSize ||\n        !imageSize.width ||\n        !imageSize.height ||\n        !imageSize.mimeType ||\n        !imageSize.filesize ||\n        !imageSize.filename ||\n        !imageSize.url\n      ) {\n        continue;\n      }\n      const imageSizeURL = imageSize?.url;\n\n      pictureJSX.push(\n        <source\n          key={size}\n          media={`(max-width: ${imageSize.width}px)`}\n          srcset={imageSizeURL}\n          type={imageSize.mimeType}\n        />,\n      );\n    }\n\n    // Add the default img tag\n    pictureJSX.push(\n      <img\n        alt={uploadDoc?.filename}\n        height={uploadDoc?.height}\n        key={'image'}\n        src={url}\n        width={uploadDoc?.width}\n      />,\n    );\n    return <picture>{pictureJSX}</picture>;\n  },\n};\n","import type { JSXConverters } from './types.js';\n\nimport { DefaultNodeTypes } from '@payloadcms/richtext-lexical';\nimport { BlockquoteJSXConverter } from './converters/blockquote.js';\nimport { HeadingJSXConverter } from './converters/heading.js';\nimport { HorizontalRuleJSXConverter } from './converters/horizontalRule.js';\nimport { LinebreakJSXConverter } from './converters/linebreak.js';\nimport { LinkJSXConverter } from './converters/link.js';\nimport { ListJSXConverter } from './converters/list.js';\nimport { ParagraphJSXConverter } from './converters/paragraph.js';\nimport { TabJSXConverter } from './converters/tab.js';\nimport { TableJSXConverter } from './converters/table.js';\nimport { TextJSXConverter } from './converters/text.js';\nimport { UploadJSXConverter } from './converters/upload.js';\n\nexport const defaultJSXConverters: JSXConverters<DefaultNodeTypes> = {\n  ...ParagraphJSXConverter,\n  ...TextJSXConverter,\n  ...LinebreakJSXConverter,\n  ...BlockquoteJSXConverter,\n  ...TableJSXConverter,\n  ...HeadingJSXConverter,\n  ...HorizontalRuleJSXConverter,\n  ...ListJSXConverter,\n  ...LinkJSXConverter({}),\n  ...UploadJSXConverter,\n  ...TabJSXConverter,\n};\n","export function genFragmentIdentifier(text: string): string {\n  return text\n    .toLowerCase()\n    .normalize('NFD') // tách dấu ra khỏi ký tự\n    .replace(/[\\u0300-\\u036F]/g, '') // bỏ dấu VN\n    .replace(/đ/g, 'd')\n    .replace(/[\\u2010-\\u2015\\u2212\\uFE58\\uFE63\\uFF0D]/g, '-') // quy mọi dạng gạch ngang Unicode → '-'\n    .replace(/[\\s\\u00A0\\/\\\\|_.,;:+=@&]+/g, '-') // khoảng trắng & dấu phân tách → '-'\n    .replace(/[^a-z0-9-]/g, '') // giữ lại a-z, số, dấu '-'\n    .replace(/-+/g, '-') // gộp nhiều dấu - liên tiếp bằng 1 dấu -\n    .replace(/^-|-$/g, ''); // bỏ - ở đầu/cuối (nếu có)\n}\n","import type { SerializedLexicalNode } from '@payloadcms/richtext-lexical/lexical';\nimport type { SerializedTextNode } from 'lexical';\n\nexport function getTextLexicalNode(node: SerializedLexicalNode | null | undefined): string {\n  if (!node) return '';\n  if (node.type === 'text') {\n    return (node as SerializedTextNode).text || '';\n  }\n  if (!('children' in node) || !Array.isArray(node.children)) return '';\n  return node.children.map((child) => getTextLexicalNode(child)).join('');\n}\n","import type { SerializedHeadingNode } from '@payloadcms/richtext-lexical';\nimport type { SerializedLexicalNode } from '@payloadcms/richtext-lexical/lexical';\nimport type { SerializedEditorState } from 'lexical';\nimport { getTextLexicalNode } from './getTextOfLexical.js';\n\nexport interface TableOfContentsHeading {\n  text: string;\n  level: number;\n}\n\nexport interface TableOfContentsHeadingWithChildren extends TableOfContentsHeading {\n  children: TableOfContentsHeadingWithChildren[];\n}\n\n// Hàm lấy tất cả các heading từ content\nexport function getHeaders(\n  node: SerializedLexicalNode | SerializedEditorState,\n): TableOfContentsHeading[] {\n  const headers: TableOfContentsHeading[] = [];\n\n  // Handle SerializedEditorState\n  if ('root' in node && node.root) {\n    return getHeaders(node.root);\n  }\n\n  // At this point, node must be SerializedLexicalNode\n  const lexicalNode = node as SerializedLexicalNode;\n\n  // Handle heading node\n  if (lexicalNode.type === 'heading') {\n    const headingNode = lexicalNode as SerializedHeadingNode;\n    const tag = headingNode.tag || '';\n    const level =\n      tag === 'h2'\n        ? 2\n        : tag === 'h3'\n          ? 3\n          : tag === 'h4'\n            ? 4\n            : tag === 'h5'\n              ? 5\n              : tag === 'h6'\n                ? 6\n                : 0;\n    if (level > 0) {\n      const text = getTextLexicalNode(lexicalNode);\n      if (text) {\n        headers.push({\n          text,\n          level,\n        });\n      }\n    }\n  }\n\n  // Recursively process children\n  if ('children' in lexicalNode && Array.isArray(lexicalNode.children)) {\n    lexicalNode.children.forEach((child) => {\n      headers.push(...getHeaders(child));\n    });\n  }\n\n  return headers;\n}\n\n// Xây dựng cấu trúc mục lục\nexport function buildTableOfContents(\n  headers: TableOfContentsHeading[],\n): TableOfContentsHeadingWithChildren[] {\n  const result: TableOfContentsHeadingWithChildren[] = [];\n  const stack: TableOfContentsHeadingWithChildren[] = [];\n\n  headers.forEach((header) => {\n    const headingWithChildren: TableOfContentsHeadingWithChildren = {\n      ...header,\n      children: [],\n    };\n\n    while (stack.length > 0 && stack[stack.length - 1].level >= header.level) {\n      stack.pop();\n    }\n\n    if (stack.length === 0) {\n      result.push(headingWithChildren);\n    } else {\n      stack[stack.length - 1].children.push(headingWithChildren);\n    }\n\n    stack.push(headingWithChildren);\n  });\n\n  return result;\n}\n","import type { SerializedLexicalNode } from '@payloadcms/richtext-lexical/lexical';\nimport { getTextLexicalNode } from './getTextOfLexical.js';\n\nconst WORDS_PER_MINUTE = 210;\n\nexport function getTimeRead(node: SerializedLexicalNode | null | undefined): number {\n  if (!node) return 0;\n  const text = getTextLexicalNode(node);\n  const wordCount = text.trim().split(/\\s+/).length;\n  const minutes = Math.ceil(wordCount / WORDS_PER_MINUTE);\n  return Math.max(1, minutes); // Return at least 1 minute\n}\n","/* eslint-disable no-console */\nimport type { SerializedEditorState, SerializedLexicalNode } from 'lexical';\nimport { cloneElement, Fragment, isValidElement } from '@withl5e/l5e/jsx-runtime';\n\nimport type { SerializedBlockNode, SerializedInlineBlockNode } from '@payloadcms/richtext-lexical';\nimport { hasText } from '@payloadcms/richtext-lexical/shared';\nimport type { JSXConverter, JSXConverters, SerializedLexicalNodeWithParent } from './types.js';\n\nexport { defaultJSXConverters } from './defaultConverters.js';\n\nexport { stringToLexical } from './utils/stringToLexical.js';\nexport { genFragmentIdentifier } from './utils/genFragmentIdentifier.js';\nexport {\n  buildTableOfContents,\n  getHeaders,\n  type TableOfContentsHeading,\n  type TableOfContentsHeadingWithChildren,\n} from './utils/getTableOfContents.js';\nexport { getTextLexicalNode } from './utils/getTextOfLexical.js';\nexport { getTimeRead } from './utils/getTimeRead.js';\n\nexport type ConvertLexicalToJSXArgs = {\n  converters: JSXConverters;\n  data: SerializedEditorState;\n  disableIndent?: boolean | string[];\n  disableTextAlign?: boolean | string[];\n};\n\nexport function convertLexicalToJSX({\n  converters,\n  data,\n  disableIndent,\n  disableTextAlign,\n}: ConvertLexicalToJSXArgs): JSX.Element {\n  if (hasText(data)) {\n    return (\n      <Fragment>\n        {convertLexicalNodesToJSX({\n          converters,\n          disableIndent,\n          disableTextAlign,\n          nodes: data?.root?.children,\n          parent: data?.root,\n        })}\n      </Fragment>\n    );\n  }\n  return <Fragment />;\n}\n\nexport function convertLexicalNodesToJSX({\n  converters,\n  disableIndent,\n  disableTextAlign,\n  nodes,\n  parent,\n}: {\n  converters: JSXConverters;\n  disableIndent?: boolean | string[];\n  disableTextAlign?: boolean | string[];\n  nodes: SerializedLexicalNode[];\n  parent: SerializedLexicalNodeWithParent;\n}): JSX.Element[] {\n  const unknownConverter: JSXConverter<any> = converters.unknown as JSXConverter<any>;\n\n  const jsxArray: JSX.Element[] = nodes.map((node, i) => {\n    let converterForNode: JSXConverter<any> | undefined;\n    if (node.type === 'block') {\n      converterForNode = converters?.blocks?.[(node as SerializedBlockNode)?.fields?.blockType];\n      if (!converterForNode && !unknownConverter) {\n        console.error(\n          `Lexical => JSX converter: Blocks converter: found ${(node as SerializedBlockNode)?.fields?.blockType} block, but no converter is provided`,\n        );\n      }\n    } else if (node.type === 'inlineBlock') {\n      converterForNode =\n        converters?.inlineBlocks?.[(node as SerializedInlineBlockNode)?.fields?.blockType];\n      if (!converterForNode && !unknownConverter) {\n        console.error(\n          `Lexical => JSX converter: Inline Blocks converter: found ${(node as SerializedInlineBlockNode)?.fields?.blockType} inline block, but no converter is provided`,\n        );\n      }\n    } else {\n      converterForNode = converters[node.type] as JSXConverter<any>;\n    }\n\n    try {\n      if (!converterForNode && unknownConverter) {\n        converterForNode = unknownConverter;\n      }\n\n      let reactNode: JSX.Element;\n      if (converterForNode) {\n        const converted =\n          typeof converterForNode === 'function'\n            ? converterForNode({\n                childIndex: i,\n                converters,\n                node,\n                nodesToJSX: (args) => {\n                  return convertLexicalNodesToJSX({\n                    converters: args.converters ?? converters,\n                    disableIndent: args.disableIndent ?? disableIndent,\n                    disableTextAlign: args.disableTextAlign ?? disableTextAlign,\n                    nodes: args.nodes,\n                    parent: args.parent ?? {\n                      ...node,\n                      parent,\n                    },\n                  });\n                },\n                parent,\n              })\n            : converterForNode;\n        reactNode = converted;\n      } else {\n        reactNode = <span key={i}>unknown node</span>;\n      }\n\n      let style: string = '';\n\n      // Check if disableTextAlign is not true and does not include node type\n      if (\n        !disableTextAlign &&\n        (!Array.isArray(disableTextAlign) || !disableTextAlign?.includes(node.type))\n      ) {\n        if ('format' in node && node.format) {\n          switch (node.format) {\n            case 'center':\n              style += 'text-align: center;';\n              break;\n            case 'end':\n              style += 'text-align: right;';\n              break;\n            case 'justify':\n              style += 'text-align: justify;';\n              break;\n            case 'left':\n              //style.textAlign = 'left'\n              // Do nothing, as left is the default\n              break;\n            case 'right':\n              style += 'text-align: right;';\n              break;\n            case 'start':\n              style += 'text-align: left;';\n              break;\n          }\n        }\n      }\n\n      if (\n        !disableIndent &&\n        (!Array.isArray(disableIndent) || !disableIndent?.includes(node.type))\n      ) {\n        if ('indent' in node && node.indent && node.type !== 'listitem') {\n          // the unit should be px. Do not change it to rem, em, or something else.\n          // The quantity should be 40px. Do not change it either.\n          // See rationale in\n          // https://github.com/payloadcms/payload/issues/13130#issuecomment-3058348085\n          style += `padding-inline-start: ${Number(node.indent) * 40}px;`;\n        }\n      }\n\n      if (isValidElement(reactNode)) {\n        // Inject style into reactNode\n        if (style) {\n          const existingStyle =\n            typeof reactNode?.props?.style === 'string' ? reactNode.props.style : '';\n          const newStyle = `${style} ${existingStyle}`.trim();\n\n          return cloneElement(reactNode, {\n            key: i,\n            style: newStyle,\n          });\n        }\n        return cloneElement(reactNode, {\n          key: i,\n        });\n      }\n\n      return reactNode;\n    } catch (error) {\n      console.error('Error converting lexical node to JSX:', error, 'node:', node);\n      return null;\n    }\n  });\n\n  return jsxArray.filter(Boolean);\n}\n"],"names":["BlockquoteJSXConverter","node","nodesToJSX","children","jsxFactory","HeadingJSXConverter","NodeTag","HorizontalRuleJSXConverter","LinebreakJSXConverter","LinkJSXConverter","internalDocToHref","rel","target","href","ListJSXConverter","parent","hasSubLists","child","uuid","uuidv4","__Fragment","ParagraphJSXConverter","TabJSXConverter","TableJSXConverter","TagName","headerStateClass","style","colSpan","rowSpan","TextJSXConverter","text","NodeFormat","UploadJSXConverter","uploadNode","uploadDoc","url","pictureJSX","size","imageSize","imageSizeURL","defaultJSXConverters","genFragmentIdentifier","getTextLexicalNode","getHeaders","headers","lexicalNode","tag","level","buildTableOfContents","result","stack","header","headingWithChildren","WORDS_PER_MINUTE","getTimeRead","wordCount","minutes","convertLexicalToJSX","converters","data","disableIndent","disableTextAlign","hasText","Fragment","convertLexicalNodesToJSX","nodes","unknownConverter","i","converterForNode","reactNode","args","isValidElement","existingStyle","newStyle","cloneElement","error"],"mappings":"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"}

package/dist/stringToLexical.js

@@ -0,0 +1,36 @@
+function o(t) {
+  const e = t == null ? "" : String(t);
+  return {
+    root: {
+      type: "root",
+      format: "",
+      indent: 0,
+      version: 1,
+      direction: "ltr",
+      children: (e.length === 0 ? [""] : e.split(/\r?\n/)).map((r) => ({
+        type: "paragraph",
+        format: "",
+        indent: 0,
+        version: 1,
+        direction: "ltr",
+        textFormat: 0,
+        textStyle: "",
+        children: r.length === 0 ? [] : [
+          {
+            type: "text",
+            text: r,
+            version: 1,
+            detail: 0,
+            format: 0,
+            mode: "normal",
+            style: ""
+          }
+        ]
+      }))
+    }
+  };
+}
+export {
+  o as stringToLexical
+};
+//# sourceMappingURL=stringToLexical.js.map

package/dist/stringToLexical.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stringToLexical.js","sources":["../src/richtext-render/utils/stringToLexical.ts"],"sourcesContent":["export type LexicalContent = {\n  root: {\n    type: string;\n    format: '' | 'left' | 'start' | 'center' | 'right' | 'end' | 'justify';\n    indent: number;\n    version: number;\n    direction: 'ltr' | 'rtl' | null;\n    children: Array<{ type: any; version: number; [k: string]: unknown }>;\n  };\n  [k: string]: unknown;\n};\n\nexport function stringToLexical(text: string | null | undefined): LexicalContent {\n  const raw = text == null ? '' : String(text);\n  const lines = raw.length === 0 ? [''] : raw.split(/\\r?\\n/);\n\n  return {\n    root: {\n      type: 'root',\n      format: '',\n      indent: 0,\n      version: 1,\n      direction: 'ltr',\n      children: lines.map((line) => ({\n        type: 'paragraph',\n        format: '',\n        indent: 0,\n        version: 1,\n        direction: 'ltr',\n        textFormat: 0,\n        textStyle: '',\n        children:\n          line.length === 0\n            ? []\n            : [\n                {\n                  type: 'text',\n                  text: line,\n                  version: 1,\n                  detail: 0,\n                  format: 0,\n                  mode: 'normal',\n                  style: '',\n                },\n              ],\n      })),\n    },\n  };\n}\n"],"names":["stringToLexical","text","raw","line"],"mappings":"AAYO,SAASA,EAAgBC,GAAiD;AAC/E,QAAMC,IAAMD,KAAQ,OAAO,KAAK,OAAOA,CAAI;AAG3C,SAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,WAAW;AAAA,MACX,WATUC,EAAI,WAAW,IAAI,CAAC,EAAE,IAAIA,EAAI,MAAM,OAAO,GASrC,IAAI,CAACC,OAAU;AAAA,QAC7B,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,UACEA,EAAK,WAAW,IACZ,CAAA,IACA;AAAA,UACE;AAAA,YACE,MAAM;AAAA,YACN,MAAMA;AAAA,YACN,SAAS;AAAA,YACT,QAAQ;AAAA,YACR,QAAQ;AAAA,YACR,MAAM;AAAA,YACN,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,MACF,EACN;AAAA,IAAA;AAAA,EACJ;AAEJ;"}

package/index.ts

@@ -0,0 +1 @@
+export * from './src/richtext-render';

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@withl5e/richtext-payload",
+  "version": "0.1.0-alpha.0",
+  "description": "Payload Lexical rich text renderer adapter for L5E.",
+  "type": "module",
+  "license": "MIT",
+  "main": "./dist/index.js",
+  "types": "./src/richtext-render/index.tsx",
+  "files": [
+    "dist",
+    "src",
+    "index.ts",
+    "README.md"
+  ],
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./src/richtext-render/index.tsx",
+      "development": "./index.ts",
+      "default": "./dist/index.js"
+    },
+    "./stringToLexical": {
+      "types": "./src/richtext-render/utils/stringToLexical.ts",
+      "development": "./src/richtext-render/utils/stringToLexical.ts",
+      "default": "./dist/stringToLexical.js"
+    }
+  },
+  "dependencies": {
+    "uuid": "13.0.0"
+  },
+  "peerDependencies": {
+    "@withl5e/l5e": "^0.1.0-alpha.0",
+    "@payloadcms/richtext-lexical": "^3.73.0",
+    "lexical": "^0.39.0",
+    "payload": "^3.73.0"
+  },
+  "devDependencies": {
+    "@payloadcms/richtext-lexical": "3.73.0",
+    "lexical": "0.39.0",
+    "payload": "3.73.0",
+    "typescript": "^5.6.3",
+    "vite": "^7.1.5",
+    "@withl5e/l5e": "0.1.0-alpha.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build",
+    "typecheck": "tsc --noEmit"
+  }
+}

package/src/richtext-render/converters/blockquote.tsx

@@ -0,0 +1,12 @@
+import type { SerializedQuoteNode } from '@payloadcms/richtext-lexical';
+import type { JSXConverters } from '../types.js';
+
+export const BlockquoteJSXConverter: JSXConverters<SerializedQuoteNode> = {
+  quote: ({ node, nodesToJSX }) => {
+    const children = nodesToJSX({
+      nodes: node.children,
+    });
+
+    return <blockquote>{children}</blockquote>;
+  },
+};

package/src/richtext-render/converters/heading.tsx

@@ -0,0 +1,14 @@
+import { SerializedHeadingNode } from '@payloadcms/richtext-lexical';
+import type { JSXConverters } from '../types.js';
+
+export const HeadingJSXConverter: JSXConverters<SerializedHeadingNode> = {
+  heading: ({ node, nodesToJSX }) => {
+    const children = nodesToJSX({
+      nodes: node.children,
+    });
+
+    const NodeTag = node.tag;
+
+    return <NodeTag>{children}</NodeTag>;
+  },
+};

package/src/richtext-render/converters/horizontalRule.tsx

@@ -0,0 +1,5 @@
+import { SerializedHorizontalRuleNode } from '@payloadcms/richtext-lexical';
+import type { JSXConverters } from '../types.js';
+export const HorizontalRuleJSXConverter: JSXConverters<SerializedHorizontalRuleNode> = {
+  horizontalrule: <hr />,
+};

package/src/richtext-render/converters/linebreak.tsx

@@ -0,0 +1,6 @@
+import type { SerializedLineBreakNode } from 'lexical';
+import type { JSXConverters } from '../types.js';
+
+export const LinebreakJSXConverter: JSXConverters<SerializedLineBreakNode> = {
+  linebreak: <br />,
+};

package/src/richtext-render/converters/link.tsx

@@ -0,0 +1,47 @@
+import type { SerializedAutoLinkNode, SerializedLinkNode } from '@payloadcms/richtext-lexical';
+import type { JSXConverters } from '../types.js';
+
+export const LinkJSXConverter: (args: {
+  internalDocToHref?: (args: { linkNode: SerializedLinkNode }) => string;
+}) => JSXConverters<SerializedAutoLinkNode | SerializedLinkNode> = ({ internalDocToHref }) => ({
+  autolink: ({ node, nodesToJSX }) => {
+    const children = nodesToJSX({
+      nodes: node.children,
+    });
+
+    const rel: string | undefined = node.fields.newTab ? 'noopener noreferrer' : undefined;
+    const target: string | undefined = node.fields.newTab ? '_blank' : undefined;
+
+    return (
+      <a href={node.fields.url} {...{ rel, target }}>
+        {children}
+      </a>
+    );
+  },
+  link: ({ node, nodesToJSX }) => {
+    const children = nodesToJSX({
+      nodes: node.children,
+    });
+
+    const rel: string | undefined = node.fields.newTab ? 'noopener noreferrer' : undefined;
+    const target: string | undefined = node.fields.newTab ? '_blank' : undefined;
+
+    let href: string = node.fields.url ?? '';
+    if (node.fields.linkType === 'internal') {
+      if (internalDocToHref) {
+        href = internalDocToHref({ linkNode: node });
+      } else {
+        console.error(
+          'Lexical => JSX converter: Link converter: found internal link, but internalDocToHref is not provided',
+        );
+        href = '#'; // fallback
+      }
+    }
+
+    return (
+      <a href={href} {...{ rel, target }}>
+        {children}
+      </a>
+    );
+  },
+});