@texion/react 0.0.0-stage → 0.1.0

package/LICENSE

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

@@ -1,3 +1,35 @@
-# Temporary Holding Version
+# @texion/react
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+One input for text and files, for React.
+
+```sh
+npm install @texion/react
+```
+
+```tsx
+import { TexionInput } from '@texion/react';
+import '@texion/react/styles.css';
+
+export default function App() {
+  return (
+    <TexionInput
+      preview
+      onSubmit={({ content, attachments }) => {
+        console.log(content.source, attachments);
+      }}
+    />
+  );
+}
+```
+
+Users can type, paste, or attach documents. Submission waits for processing and stops if a file fails or the draft changes. Previews appear above the input by default, with an option to move them below.
+
+Use `mode="rich" live` for editable Markdown, or `highlight` for source editing. JSON and CSV have structured previews. PDF and Word attachments provide extracted text; image attachments retain their original files and metadata.
+
+For your own interface, use `useTexion`, or combine `useSourceInput` and `useTexionAttachments`. Render saved content with `TexionViewer` and restore host-owned attachment references with `TexionMessageViewer`.
+
+Built-in parsing runs locally. Your submit handler decides what gets stored or sent. OCR is optional, and PDF layout reconstruction is not guaranteed.
+
+Experimental release. React 18 or 19 is required.
+
+[Try the demo](https://texion.pages.dev) · [Documentation](https://texion.pages.dev/docs) · [Source](https://github.com/Sirily23/texion/tree/main/packages/react) · [MIT license](LICENSE)

package/dist/RichMarkdownEditor-OAHLD4XC.js

@@ -0,0 +1,9 @@
+import {
+  RichMarkdownEditor,
+  RichMarkdownEditor_default
+} from "./chunk-LSFUTTAB.js";
+export {
+  RichMarkdownEditor,
+  RichMarkdownEditor_default as default
+};
+//# sourceMappingURL=RichMarkdownEditor-OAHLD4XC.js.map

package/dist/RichMarkdownEditor-OAHLD4XC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-JZO3KR6A.js

@@ -0,0 +1,169 @@
+import {
+  highlightColors
+} from "./chunk-T56S7VW3.js";
+
+// src/renderers/markdown/index.tsx
+import { Fragment, createElement } from "react";
+
+// src/components/CodeBlock.tsx
+import { useId, useMemo, useState } from "react";
+import { inspectCodeBlock } from "@texion/core";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CodeBlock({ source, language = "text" }) {
+  const id = useId();
+  const [expanded, setExpanded] = useState(true);
+  const [copyStatus, setCopyStatus] = useState("");
+  const inspection = useMemo(
+    () => inspectCodeBlock(source, language),
+    [source, language]
+  );
+  const segments = [];
+  let offset = 0;
+  for (const token of inspection.tokens) {
+    if (token.start > offset) segments.push(source.slice(offset, token.start));
+    segments.push(
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          "data-highlight-kind": token.kind,
+          style: { color: highlightColors[token.kind] },
+          children: source.slice(token.start, token.end)
+        },
+        token.start
+      )
+    );
+    offset = token.end;
+  }
+  if (offset < source.length) segments.push(source.slice(offset));
+  async function copy() {
+    try {
+      await navigator.clipboard.writeText(source);
+      setCopyStatus("Copied");
+    } catch {
+      setCopyStatus("Could not copy. Select and copy the code manually.");
+    }
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "texion-code-block",
+      role: "group",
+      "aria-label": `${language} code block`,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "texion-code-toolbar", children: [
+          /* @__PURE__ */ jsx("span", { children: language }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => void copy(),
+              "aria-label": `Copy ${language} code`,
+              children: "Copy"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-expanded": expanded,
+              "aria-controls": id,
+              onClick: () => setExpanded((value) => !value),
+              children: expanded ? "Collapse code" : "Expand code"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("pre", { id, hidden: !expanded, children: /* @__PURE__ */ jsx("code", { "data-language": language, children: segments }) }),
+        inspection.warnings.map((warning, index) => /* @__PURE__ */ jsxs("p", { role: "status", children: [
+          language,
+          " block: ",
+          warning.message
+        ] }, index)),
+        inspection.limited && /* @__PURE__ */ jsx("p", { role: "status", children: "Code highlighting is paused for this block; the source is preserved." }),
+        copyStatus && /* @__PURE__ */ jsx("p", { role: "status", children: copyStatus })
+      ]
+    }
+  );
+}
+
+// src/renderers/markdown/index.tsx
+import { safeUrl } from "@texion/core";
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function render(node, index) {
+  const children = node.children?.map(render);
+  switch (node.type) {
+    case "text":
+      return node.value ?? "";
+    case "paragraph":
+      return /* @__PURE__ */ jsx2("p", { children }, index);
+    case "heading":
+      return createElement(
+        `h${Math.max(1, Math.min(6, node.depth ?? 1))}`,
+        { key: index },
+        children
+      );
+    case "strong":
+      return /* @__PURE__ */ jsx2("strong", { children }, index);
+    case "emphasis":
+      return /* @__PURE__ */ jsx2("em", { children }, index);
+    case "delete":
+      return /* @__PURE__ */ jsx2("del", { children }, index);
+    case "blockquote":
+      return /* @__PURE__ */ jsx2("blockquote", { children }, index);
+    case "code":
+      return /* @__PURE__ */ jsx2(
+        CodeBlock,
+        {
+          source: node.value ?? "",
+          ...node.language ? { language: node.language } : {}
+        },
+        index
+      );
+    case "inlineCode":
+      return /* @__PURE__ */ jsx2("code", { children: node.value }, index);
+    case "break":
+      return /* @__PURE__ */ jsx2("br", {}, index);
+    case "thematicBreak":
+      return /* @__PURE__ */ jsx2("hr", {}, index);
+    case "list":
+      return node.ordered ? /* @__PURE__ */ jsx2("ol", { start: node.start, children }, index) : /* @__PURE__ */ jsx2("ul", { children }, index);
+    case "listItem":
+      return /* @__PURE__ */ jsxs2("li", { children: [
+        node.checked !== void 0 && /* @__PURE__ */ jsx2(
+          "input",
+          {
+            "aria-label": node.checked ? "Completed task" : "Incomplete task",
+            type: "checkbox",
+            checked: node.checked,
+            disabled: true
+          }
+        ),
+        children
+      ] }, index);
+    case "link": {
+      const url = safeUrl(node.url ?? "");
+      return url ? /* @__PURE__ */ jsx2("a", { href: url, rel: "noopener noreferrer", children }, index) : /* @__PURE__ */ jsx2(Fragment, { children }, index);
+    }
+    case "table":
+      return /* @__PURE__ */ jsxs2("table", { children: [
+        /* @__PURE__ */ jsx2("thead", { children: /* @__PURE__ */ jsx2("tr", { children: node.children?.[0]?.children?.map((cell, i) => /* @__PURE__ */ jsx2("th", { scope: "col", children: cell.children?.map(render) }, i)) }) }),
+        /* @__PURE__ */ jsx2("tbody", { children: node.children?.slice(1).map(render) })
+      ] }, index);
+    case "tableRow":
+      return /* @__PURE__ */ jsx2("tr", { children: node.children?.map((cell, i) => /* @__PURE__ */ jsx2("td", { children: cell.children?.map(render) }, i)) }, index);
+    case "html":
+    case "image":
+      return null;
+    default:
+      return /* @__PURE__ */ jsx2(Fragment, { children: children ?? node.value ?? "" }, index);
+  }
+}
+function MarkdownRenderer({ preview }) {
+  return /* @__PURE__ */ jsx2(Fragment2, { children: preview.nodes.map(render) });
+}
+var markdown_default = MarkdownRenderer;
+
+export {
+  MarkdownRenderer,
+  markdown_default
+};
+//# sourceMappingURL=chunk-JZO3KR6A.js.map

package/dist/chunk-JZO3KR6A.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/renderers/markdown/index.tsx","../src/components/CodeBlock.tsx"],"sourcesContent":["import type { PreviewRendererProps } from '../types';\nimport { Fragment, createElement } from 'react';\nimport { CodeBlock } from '../../components/CodeBlock';\nimport type { ReactNode } from 'react';\nimport { safeUrl } from '@texion/core';\nimport type { DocumentPreview, PreviewNode } from '@texion/core';\n\nfunction render(node: PreviewNode, index: number): ReactNode {\n  const children = node.children?.map(render);\n  switch (node.type) {\n    case 'text':\n      return node.value ?? '';\n    case 'paragraph':\n      return <p key={index}>{children}</p>;\n    case 'heading':\n      return createElement(\n        `h${Math.max(1, Math.min(6, node.depth ?? 1))}`,\n        { key: index },\n        children,\n      );\n    case 'strong':\n      return <strong key={index}>{children}</strong>;\n    case 'emphasis':\n      return <em key={index}>{children}</em>;\n    case 'delete':\n      return <del key={index}>{children}</del>;\n    case 'blockquote':\n      return <blockquote key={index}>{children}</blockquote>;\n    case 'code':\n      return (\n        <CodeBlock\n          key={index}\n          source={node.value ?? ''}\n          {...(node.language ? { language: node.language } : {})}\n        />\n      );\n    case 'inlineCode':\n      return <code key={index}>{node.value}</code>;\n    case 'break':\n      return <br key={index} />;\n    case 'thematicBreak':\n      return <hr key={index} />;\n    case 'list':\n      return node.ordered ? (\n        <ol key={index} start={node.start}>\n          {children}\n        </ol>\n      ) : (\n        <ul key={index}>{children}</ul>\n      );\n    case 'listItem':\n      return (\n        <li key={index}>\n          {node.checked !== undefined && (\n            <input\n              aria-label={node.checked ? 'Completed task' : 'Incomplete task'}\n              type=\"checkbox\"\n              checked={node.checked}\n              disabled\n            />\n          )}\n          {children}\n        </li>\n      );\n    case 'link': {\n      const url = safeUrl(node.url ?? '');\n\n      return url ? (\n        <a key={index} href={url} rel=\"noopener noreferrer\">\n          {children}\n        </a>\n      ) : (\n        <Fragment key={index}>{children}</Fragment>\n      );\n    }\n    case 'table':\n      return (\n        <table key={index}>\n          <thead>\n            <tr>\n              {node.children?.[0]?.children?.map((cell, i) => (\n                <th key={i} scope=\"col\">\n                  {cell.children?.map(render)}\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody>{node.children?.slice(1).map(render)}</tbody>\n        </table>\n      );\n    case 'tableRow':\n      return (\n        <tr key={index}>\n          {node.children?.map((cell, i) => (\n            <td key={i}>{cell.children?.map(render)}</td>\n          ))}\n        </tr>\n      );\n    case 'html':\n    case 'image':\n      return null;\n    default:\n      return <Fragment key={index}>{children ?? node.value ?? ''}</Fragment>;\n  }\n}\n\nexport function MarkdownRenderer({ preview }: PreviewRendererProps) {\n  return <>{preview.nodes.map(render)}</>;\n}\n\nexport default MarkdownRenderer;\n","import { useId, useMemo, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { inspectCodeBlock } from '@texion/core';\nimport { highlightColors } from '../rendering/HighlightOverlay';\n\nexport interface CodeBlockProps {\n  readonly source: string;\n  readonly language?: string;\n}\n\nexport function CodeBlock({ source, language = 'text' }: CodeBlockProps) {\n  const id = useId();\n  const [expanded, setExpanded] = useState(true);\n  const [copyStatus, setCopyStatus] = useState('');\n  const inspection = useMemo(\n    () => inspectCodeBlock(source, language),\n    [source, language],\n  );\n  const segments: ReactNode[] = [];\n  let offset = 0;\n  for (const token of inspection.tokens) {\n    if (token.start > offset) segments.push(source.slice(offset, token.start));\n    segments.push(\n      <span\n        key={token.start}\n        data-highlight-kind={token.kind}\n        style={{ color: highlightColors[token.kind] }}\n      >\n        {source.slice(token.start, token.end)}\n      </span>,\n    );\n    offset = token.end;\n  }\n  if (offset < source.length) segments.push(source.slice(offset));\n  async function copy() {\n    try {\n      await navigator.clipboard.writeText(source);\n      setCopyStatus('Copied');\n    } catch {\n      setCopyStatus('Could not copy. Select and copy the code manually.');\n    }\n  }\n  return (\n    <div\n      className=\"texion-code-block\"\n      role=\"group\"\n      aria-label={`${language} code block`}\n    >\n      <div className=\"texion-code-toolbar\">\n        <span>{language}</span>\n        <button\n          type=\"button\"\n          onClick={() => void copy()}\n          aria-label={`Copy ${language} code`}\n        >\n          Copy\n        </button>\n        <button\n          type=\"button\"\n          aria-expanded={expanded}\n          aria-controls={id}\n          onClick={() => setExpanded((value) => !value)}\n        >\n          {expanded ? 'Collapse code' : 'Expand code'}\n        </button>\n      </div>\n      <pre id={id} hidden={!expanded}>\n        <code data-language={language}>{segments}</code>\n      </pre>\n      {inspection.warnings.map((warning, index) => (\n        <p role=\"status\" key={index}>\n          {language} block: {warning.message}\n        </p>\n      ))}\n      {inspection.limited && (\n        <p role=\"status\">\n          Code highlighting is paused for this block; the source is preserved.\n        </p>\n      )}\n      {copyStatus && <p role=\"status\">{copyStatus}</p>}\n    </div>\n  );\n}\n"],"mappings":"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","names":["Fragment","jsx","jsxs"]}

package/dist/chunk-LSFUTTAB.js

@@ -0,0 +1,390 @@
+// src/editors/rich/RichMarkdownEditor.tsx
+import { useEffect as useEffect2, useMemo, useRef as useRef2, useState } from "react";
+import { LexicalExtensionComposer } from "@lexical/react/LexicalExtensionComposer";
+import { ContentEditable } from "@lexical/react/LexicalContentEditable";
+import { ListPlugin } from "@lexical/react/LexicalListPlugin";
+import { LinkPlugin } from "@lexical/react/LexicalLinkPlugin";
+import {
+  DEFAULT_TRANSFORMERS as DEFAULT_TRANSFORMERS3,
+  MarkdownShortcutPlugin
+} from "@lexical/react/LexicalMarkdownShortcutPlugin";
+import { safeUrl as safeUrl2 } from "@texion/core";
+
+// src/editors/rich/compatibility.ts
+import { inspectMarkdownSource } from "@texion/core";
+var sourceOnlyNodes = /* @__PURE__ */ new Set([
+  "yaml",
+  "toml",
+  "table",
+  "footnoteDefinition",
+  "footnoteReference",
+  "definition",
+  "linkReference",
+  "imageReference",
+  "taskList"
+]);
+function richImportIssue(source, maxCharacters = 5e4) {
+  const features = inspectMarkdownSource(source, maxCharacters);
+  if (features.limited) {
+    return "This content exceeds the rich editor complexity limits. Use source mode.";
+  }
+  if (features.nodeTypes.some((type) => sourceOnlyNodes.has(type))) {
+    return "This Markdown uses syntax that requires source mode to preserve its meaning.";
+  }
+  return void 0;
+}
+
+// src/editors/rich/extension.ts
+import { defineExtension } from "lexical";
+import { $convertFromMarkdownString } from "@lexical/markdown";
+import { HistoryExtension } from "@lexical/history";
+import { CodeNode } from "@lexical/code";
+import { LinkNode as LinkNode2 } from "@lexical/link";
+import { ListItemNode, ListNode } from "@lexical/list";
+import { HeadingNode, QuoteNode, RichTextExtension } from "@lexical/rich-text";
+import { DEFAULT_TRANSFORMERS } from "@lexical/react/LexicalMarkdownShortcutPlugin";
+import { HorizontalRuleNode } from "@lexical/react/LexicalHorizontalRuleNode";
+
+// src/editors/rich/link-policy.ts
+import { $getNodeByKey, mergeRegister } from "lexical";
+import { LinkNode } from "@lexical/link";
+import { safeUrl } from "@texion/core";
+function normalizeLink(node) {
+  const url = safeUrl(node.getURL());
+  if (!url) {
+    for (const child of node.getChildren()) {
+      node.insertBefore(child);
+    }
+    node.remove();
+    return;
+  }
+  if (node.getURL() !== url) {
+    node.setURL(url);
+  }
+  if (node.getRel() !== "noopener noreferrer") {
+    node.setRel("noopener noreferrer");
+  }
+}
+function registerLinkPolicy(editor) {
+  const removeTransform = editor.registerNodeTransform(LinkNode, normalizeLink);
+  const removeListener = editor.registerMutationListener(
+    LinkNode,
+    (mutations) => {
+      editor.getEditorState().read(() => {
+        for (const [key, change] of mutations) {
+          if (change === "destroyed") {
+            continue;
+          }
+          const node = $getNodeByKey(key);
+          const element = editor.getElementByKey(key);
+          if (!(node instanceof LinkNode) || !element) {
+            continue;
+          }
+          const url = safeUrl(node.getURL());
+          if (url) {
+            element.setAttribute("href", url);
+          } else {
+            element.removeAttribute("href");
+          }
+        }
+      });
+    }
+  );
+  return mergeRegister(removeTransform, removeListener);
+}
+
+// src/editors/rich/extension.ts
+function createRichExtension(options) {
+  return defineExtension({
+    name: "@texion/rich-markdown",
+    namespace: "Texion Markdown",
+    dependencies: [RichTextExtension, HistoryExtension],
+    nodes: [
+      HeadingNode,
+      QuoteNode,
+      ListNode,
+      ListItemNode,
+      CodeNode,
+      LinkNode2,
+      HorizontalRuleNode
+    ],
+    theme: {
+      text: {
+        bold: "texion-rich-bold",
+        italic: "texion-rich-italic",
+        code: "texion-rich-inline-code",
+        strikethrough: "texion-rich-strikethrough"
+      },
+      code: "texion-rich-code"
+    },
+    onError: options.onError,
+    $initialEditorState() {
+      const source = options.getSource();
+      const limit = options.getLimit();
+      const exceedsLimit = source.length > limit;
+      const isUnsupported = richImportIssue(source, limit);
+      const initialSource = exceedsLimit || isUnsupported ? "" : source;
+      $convertFromMarkdownString(initialSource, DEFAULT_TRANSFORMERS);
+    },
+    register: registerLinkPolicy
+  });
+}
+
+// src/editors/rich/RichEditorBridge.tsx
+import { useEffect, useRef } from "react";
+import {
+  $addUpdateTag,
+  $createTextNode,
+  $getRoot,
+  $getSelection,
+  $insertNodes,
+  $isRangeSelection,
+  COMMAND_PRIORITY_HIGH,
+  HISTORY_PUSH_TAG,
+  KEY_ENTER_COMMAND,
+  PASTE_COMMAND,
+  mergeRegister as mergeRegister2
+} from "lexical";
+import {
+  $convertFromMarkdownString as $convertFromMarkdownString2,
+  $convertToMarkdownString,
+  $generateNodesFromMarkdownString
+} from "@lexical/markdown";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { DEFAULT_TRANSFORMERS as DEFAULT_TRANSFORMERS2 } from "@lexical/react/LexicalMarkdownShortcutPlugin";
+import { $createCodeNode } from "@lexical/code";
+import { detectTextFormat } from "@texion/core";
+var externalUpdateTag = "texion:external";
+function RichEditorBridge({
+  options,
+  reportError,
+  reportImportIssue
+}) {
+  const [editor] = useLexicalComposerContext();
+  const current = useRef(options);
+  current.current = options;
+  const lastValue = useRef(options.value);
+  useEffect(() => {
+    const handleUpdate = ({
+      editorState,
+      dirtyElements,
+      dirtyLeaves,
+      tags
+    }) => {
+      if (tags.has(externalUpdateTag) || !dirtyElements.size && !dirtyLeaves.size) {
+        return;
+      }
+      const source = editorState.read(
+        () => $convertToMarkdownString(DEFAULT_TRANSFORMERS2)
+      );
+      if (source === lastValue.current) {
+        return;
+      }
+      lastValue.current = source;
+      current.current.onChange(source);
+    };
+    const handlePaste = (event) => {
+      if (editor.isComposing()) {
+        return false;
+      }
+      const clipboard = "clipboardData" in event ? event.clipboardData : null;
+      if (!clipboard) {
+        return false;
+      }
+      event.preventDefault();
+      if (clipboard.files.length) {
+        if (current.current.onFiles) {
+          current.current.onFiles(Array.from(clipboard.files));
+        } else {
+          reportError("Use source mode or the attachment picker for files.");
+        }
+        return true;
+      }
+      const text = clipboard.getData("text/plain");
+      if (!text) {
+        return true;
+      }
+      if ($getRoot().getTextContentSize() + text.length > (current.current.maxCharacters ?? 5e4)) {
+        reportError(
+          "This paste exceeds the rich editor limit. Use source mode to edit it."
+        );
+        return true;
+      }
+      const wasEmpty = $getRoot().getTextContentSize() === 0;
+      const recognized = detectTextFormat(text, current.current.formats);
+      if (recognized !== "markdown") {
+        if (wasEmpty && current.current.onRequestSource) {
+          current.current.onImport?.(text);
+          current.current.onChange(text);
+          current.current.onRequestSource();
+        } else {
+          if (!$isRangeSelection($getSelection())) {
+            $getRoot().selectEnd();
+          }
+          $addUpdateTag(HISTORY_PUSH_TAG);
+          $insertNodes([
+            $createCodeNode(recognized).append($createTextNode(text))
+          ]);
+        }
+        return true;
+      }
+      const issue = richImportIssue(
+        text,
+        current.current.maxCharacters ?? 5e4
+      );
+      if (issue) {
+        if (wasEmpty && current.current.onRequestSource) {
+          current.current.onImport?.(text);
+          current.current.onChange(text);
+          current.current.onRequestSource();
+        } else {
+          reportError(issue + " Paste it in source mode.");
+        }
+        return true;
+      }
+      if (!$isRangeSelection($getSelection())) {
+        $getRoot().selectEnd();
+      }
+      $addUpdateTag(HISTORY_PUSH_TAG);
+      if (current.current.live === false) {
+        const selection = $getSelection();
+        if ($isRangeSelection(selection)) {
+          selection.insertRawText(text);
+        }
+      } else {
+        $insertNodes(
+          $generateNodesFromMarkdownString(text, DEFAULT_TRANSFORMERS2)
+        );
+      }
+      if (wasEmpty) {
+        current.current.onImport?.(text);
+      }
+      reportError("");
+      return true;
+    };
+    const handleEnter = (event) => {
+      if (!event || editor.isComposing() || event.isComposing || event.keyCode === 229 || event.shiftKey || !current.current.onSubmit) {
+        return false;
+      }
+      const submit = current.current.submitOnEnter ? !event.altKey && !event.ctrlKey && !event.metaKey : (event.ctrlKey || event.metaKey) && !event.altKey;
+      if (!submit) {
+        return false;
+      }
+      event.preventDefault();
+      current.current.onSubmit();
+      return true;
+    };
+    return mergeRegister2(
+      editor.registerUpdateListener(handleUpdate),
+      editor.registerCommand(PASTE_COMMAND, handlePaste, COMMAND_PRIORITY_HIGH),
+      editor.registerCommand(
+        KEY_ENTER_COMMAND,
+        handleEnter,
+        COMMAND_PRIORITY_HIGH
+      ),
+      () => current.current.onCompositionChange?.(false)
+    );
+  }, [editor, reportError]);
+  useEffect(() => {
+    if (options.value === lastValue.current) {
+      return;
+    }
+    const issue = richImportIssue(
+      options.value,
+      options.maxCharacters ?? 5e4
+    );
+    if (issue) {
+      reportImportIssue(issue);
+      return;
+    }
+    lastValue.current = options.value;
+    editor.update(
+      () => $convertFromMarkdownString2(options.value, DEFAULT_TRANSFORMERS2),
+      {
+        tag: externalUpdateTag
+      }
+    );
+  }, [editor, options.value, options.maxCharacters, reportImportIssue]);
+  useEffect(() => {
+    editor.setEditable(!options.readOnly);
+  }, [editor, options.readOnly]);
+  return null;
+}
+
+// src/editors/rich/RichMarkdownEditor.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var validateUrl = (url) => safeUrl2(url) !== void 0;
+function RichMarkdownEditor(props) {
+  const [error, setError] = useState("");
+  const [importIssue, setImportIssue] = useState(
+    () => richImportIssue(props.value, props.maxCharacters ?? 5e4)
+  );
+  useEffect2(() => {
+    if (importIssue) {
+      setImportIssue(
+        richImportIssue(props.value, props.maxCharacters ?? 5e4)
+      );
+    }
+  }, [props.value, props.maxCharacters, importIssue]);
+  const initialValue = useRef2(props.value);
+  initialValue.current = props.value;
+  const currentLimit = useRef2(props.maxCharacters ?? 5e4);
+  currentLimit.current = props.maxCharacters ?? 5e4;
+  const maxCharacters = props.maxCharacters ?? 5e4;
+  if (!Number.isSafeInteger(maxCharacters) || maxCharacters < 1) {
+    throw new RangeError("maxCharacters must be a positive safe integer");
+  }
+  const extension = useMemo(
+    () => createRichExtension({
+      getSource: () => initialValue.current,
+      getLimit: () => currentLimit.current,
+      onError: (error2) => setError(error2.message)
+    }),
+    []
+  );
+  if (props.value.length > maxCharacters || importIssue) {
+    return /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("p", { role: "status", children: importIssue ?? "This content exceeds the rich editor limit. Use source mode to edit the complete source." }),
+      props.onRequestSource && /* @__PURE__ */ jsx("button", { type: "button", onClick: props.onRequestSource, children: "Edit source" })
+    ] });
+  }
+  const placeholder = props.placeholder ?? "Write something\u2026";
+  return /* @__PURE__ */ jsxs("div", { className: "texion-rich-editor", children: [
+    /* @__PURE__ */ jsxs(LexicalExtensionComposer, { extension, contentEditable: null, children: [
+      /* @__PURE__ */ jsx(
+        ContentEditable,
+        {
+          id: props.id,
+          role: "textbox",
+          "aria-label": props.label ?? "Message",
+          "aria-multiline": "true",
+          "aria-placeholder": placeholder,
+          placeholder: /* @__PURE__ */ jsx("span", { className: "texion-rich-placeholder", children: placeholder }),
+          className: "texion-rich-content",
+          onCompositionStart: () => props.onCompositionChange?.(true),
+          onCompositionEnd: () => props.onCompositionChange?.(false)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        RichEditorBridge,
+        {
+          options: props,
+          reportError: setError,
+          reportImportIssue: setImportIssue
+        }
+      ),
+      /* @__PURE__ */ jsx(ListPlugin, {}),
+      /* @__PURE__ */ jsx(LinkPlugin, { validateUrl }),
+      props.live !== false && /* @__PURE__ */ jsx(MarkdownShortcutPlugin, { transformers: DEFAULT_TRANSFORMERS3 })
+    ] }),
+    error && /* @__PURE__ */ jsx("p", { role: "alert", children: error }),
+    error && props.onRequestSource && /* @__PURE__ */ jsx("button", { type: "button", onClick: props.onRequestSource, children: "Edit source" })
+  ] });
+}
+var RichMarkdownEditor_default = RichMarkdownEditor;
+
+export {
+  RichMarkdownEditor,
+  RichMarkdownEditor_default
+};
+//# sourceMappingURL=chunk-LSFUTTAB.js.map