@haklex/rich-editor 0.0.75 → 0.0.76

package/dist/{SubmitShortcutPlugin-CgXXuTDw.js → SubmitShortcutPlugin-BFBAwTb1.js}

@@ -16,6 +16,7 @@ import { CHECK_LIST, TRANSFORMERS, QUOTE, CODE, $convertFromMarkdownString } fro
 import { $ as $createAlertQuoteEditNode } from "./AlertQuoteEditNode-CHdvQnOr.js";
 import { s as AlertQuoteNode, F as FootnoteNode, w as $createFootnoteNode, k as KaTeXInlineNode, K as KaTeXBlockNode, t as $createKaTeXInlineNode, v as $createKaTeXBlockNode, M as MentionNode, a as $createMentionNode, o as extractTextContent, S as SpoilerNode, x as $createSpoilerNode, $ as $createImageNode, O as OPEN_IMAGE_UPLOAD_DIALOG_COMMAND } from "./theme-CYsyGmCL.js";
 import { r as CodeBlockNode, n as BannerNode, D as DetailsNode, s as $createDetailsNode, F as FootnoteSectionNode, d as $isFootnoteSectionNode, $ as $createFootnoteSectionNode, e as $isGridContainerNode, R as RubyNode, c as $createRubyNode } from "./config-DcR_yktp.js";
+import { $createTableNode, $createTableRowNode, $createTableCellNode, TableCellHeaderStates } from "@lexical/table";
 import { MarkdownShortcutPlugin } from "@lexical/react/LexicalMarkdownShortcutPlugin";
 import { nanoid } from "nanoid";
 import { Dialog, DialogPopup, DialogTitle, SegmentedControl, ActionButton, ActionBar } from "@haklex/rich-editor-ui";
@@ -426,7 +427,7 @@ const CODE_BLOCK_MULTILINE_TRANSFORMER = {
     regExp: /[\t ]*```$/
   },
   regExpStart: /^[\t ]*```([\w-]+)?/,
-  replace: (rootNode, _children, startMatch, _endMatch, linesInBetween) => {
+  replace: (rootNode, _children, startMatch, _endMatch, linesInBetween, isImport) => {
     const lang = startMatch[1] || "";
     let code = "";
     if (linesInBetween) {
@@ -437,7 +438,11 @@ const CODE_BLOCK_MULTILINE_TRANSFORMER = {
     }
     const Klass = findCodeBlockKlass(getResolvedEditNodes());
     const node = new Klass(code, lang);
-    rootNode.replace(node);
+    if (isImport || $isRootNode(rootNode)) {
+      rootNode.append(node);
+    } else {
+      rootNode.replace(node);
+    }
     const selection = $createNodeSelection();
     selection.add(node.getKey());
     $setSelection(selection);
@@ -640,6 +645,62 @@ const SPOILER_TRANSFORMER = {
     textNode.replace(spoilerNode);
   }
 };
+const TABLE_ROW_REG_EXP = /^\|(.+)\|\s*$/;
+const TABLE_DIVIDER_REG_EXP = /^\|(?:\s*:?-+:?\s*\|)+\s*$/;
+function parseCells(row) {
+  const match = row.match(TABLE_ROW_REG_EXP);
+  if (!match) return [];
+  return match[1].split("|").map((c) => c.trim());
+}
+const TABLE_IMPORT_TRANSFORMER = {
+  dependencies: [],
+  export: () => null,
+  handleImportAfterStartMatch({ lines, rootNode, startLineIndex }) {
+    if (startLineIndex + 1 >= lines.length) return null;
+    const dividerLine = lines[startLineIndex + 1];
+    if (!TABLE_DIVIDER_REG_EXP.test(dividerLine)) return null;
+    const headerCells = parseCells(lines[startLineIndex]);
+    if (headerCells.length === 0) return null;
+    let endLineIndex = startLineIndex + 1;
+    const dataRows = [];
+    for (let i = startLineIndex + 2; i < lines.length; i++) {
+      if (!TABLE_ROW_REG_EXP.test(lines[i])) break;
+      dataRows.push(parseCells(lines[i]));
+      endLineIndex = i;
+    }
+    const tableNode = $createTableNode();
+    const headerRow = $createTableRowNode();
+    for (const cell of headerCells) {
+      const cellNode = $createTableCellNode(TableCellHeaderStates.ROW);
+      const p = $createParagraphNode();
+      p.append($createTextNode(cell));
+      cellNode.append(p);
+      headerRow.append(cellNode);
+    }
+    tableNode.append(headerRow);
+    for (const row of dataRows) {
+      const rowNode = $createTableRowNode();
+      for (let i = 0; i < headerCells.length; i++) {
+        const cellNode = $createTableCellNode(TableCellHeaderStates.NO_STATUS);
+        const p = $createParagraphNode();
+        p.append($createTextNode(row[i] ?? ""));
+        cellNode.append(p);
+        rowNode.append(cellNode);
+      }
+      tableNode.append(rowNode);
+    }
+    rootNode.append(tableNode);
+    return [true, endLineIndex];
+  },
+  regExpEnd: {
+    optional: true,
+    regExp: TABLE_ROW_REG_EXP
+  },
+  regExpStart: TABLE_ROW_REG_EXP,
+  replace: () => {
+  },
+  type: "multiline-element"
+};
 const ALL_TRANSFORMERS = [
   // Inline transformers
   SPOILER_TRANSFORMER,
@@ -664,6 +725,7 @@ const ALL_TRANSFORMERS = [
   MERMAID_BLOCK_TRANSFORMER,
   GRID_CONTAINER_BLOCK_TRANSFORMER,
   HORIZONTAL_RULE_BLOCK_TRANSFORMER,
+  TABLE_IMPORT_TRANSFORMER,
   TABLE_BLOCK_TRANSFORMER,
   QUOTE_TRANSFORMER,
   ...TRANSFORMERS.filter((t) => t !== QUOTE && t !== CODE)
@@ -711,11 +773,12 @@ function detectMarkdown(text) {
   return score >= 5;
 }
 function convertAndInsert(markdown) {
+  let conversionError = null;
   const tempEditor = createEditor({
     namespace: "markdown-paste-temp",
     nodes: getResolvedEditNodes(),
     onError: (error) => {
-      console.error("MarkdownPastePlugin: convertAndInsert error", error);
+      conversionError = error;
     }
   });
   tempEditor.update(
@@ -724,9 +787,15 @@ function convertAndInsert(markdown) {
     },
     { discrete: true }
   );
+  if (conversionError) {
+    console.error("MarkdownPastePlugin: convertAndInsert error", conversionError);
+    return false;
+  }
   const serializedChildren = tempEditor.getEditorState().toJSON().root.children;
+  if (!serializedChildren.length) return false;
   const nodes = serializedChildren.map((s) => $parseSerializedNode(s));
   $insertNodes(nodes);
+  return true;
 }
 function MarkdownPastePlugin() {
   const [editor] = useLexicalComposerContext();
@@ -757,11 +826,13 @@ function MarkdownPastePlugin() {
         const text = clipboardData.getData("text/plain");
         if (!text || !detectMarkdown(text)) return false;
         try {
-          console.info("MarkdownPastePlugin: convertAndInsert", text);
+          if (!convertAndInsert(text)) {
+            return false;
+          }
           event.preventDefault();
-          convertAndInsert(text);
           return true;
-        } catch {
+        } catch (error) {
+          console.error("MarkdownPastePlugin: paste error", error);
           return false;
         }
       },

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { F as FootnotePlugin, O as OnChangePlugin, S as SubmitShortcutPlugin, E as EditorRefPlugin, a as AutoFocusPlugin, d as ImageUploadProvider, g as defaultImageUpload, C as CorePlugins, I as ImageUploadPlugin, L as LinkFaviconPlugin, c as BlockIdPlugin, f as blockIdState } from "./SubmitShortcutPlugin-CgXXuTDw.js";
+import { F as FootnotePlugin, O as OnChangePlugin, S as SubmitShortcutPlugin, E as EditorRefPlugin, a as AutoFocusPlugin, d as ImageUploadProvider, g as defaultImageUpload, C as CorePlugins, I as ImageUploadPlugin, L as LinkFaviconPlugin, c as BlockIdPlugin, f as blockIdState } from "./SubmitShortcutPlugin-BFBAwTb1.js";
 import { L, P, u } from "./PresentDialogContext-DmwCjSHw.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { s as setResolvedEditNodes, a as allEditNodes } from "./node-registry-B2U2_LrI.js";

package/dist/plugins/MarkdownPastePlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownPastePlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/MarkdownPastePlugin.tsx"],"names":[],"mappings":"AA+HA,wBAAgB,mBAAmB,SAuDlC"}
+{"version":3,"file":"MarkdownPastePlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/MarkdownPastePlugin.tsx"],"names":[],"mappings":"AAuIA,wBAAgB,mBAAmB,SAyDlC"}

package/dist/plugins-entry.mjs

@@ -1,4 +1,4 @@
-import { A, a, b, B, c, C, E, F, H, I, d, L, M, e, O, S, f, g, u } from "./SubmitShortcutPlugin-CgXXuTDw.js";
+import { A, a, b, B, c, C, E, F, H, I, d, L, M, e, O, S, f, g, u } from "./SubmitShortcutPlugin-BFBAwTb1.js";
 import { A as A2, I as I2, K, M as M2 } from "./MermaidPlugin-DjLUVZvB.js";
 export {
   A as ALL_TRANSFORMERS,

package/dist/transformers/code-block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../src/transformers/code-block.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAC;AAWrE,eAAO,MAAM,gCAAgC,EAAE,2BA2B9C,CAAC"}
+{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../src/transformers/code-block.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAC;AAWrE,eAAO,MAAM,gCAAgC,EAAE,2BAgC9C,CAAC"}

package/dist/transformers/index.d.ts

@@ -9,5 +9,6 @@ export { MENTION_TRANSFORMER } from './mention';
 export { CODE_BLOCK_NODE_TRANSFORMER, GRID_CONTAINER_BLOCK_TRANSFORMER, HORIZONTAL_RULE_BLOCK_TRANSFORMER, IMAGE_BLOCK_TRANSFORMER, LINK_CARD_BLOCK_TRANSFORMER, MERMAID_BLOCK_TRANSFORMER, TABLE_BLOCK_TRANSFORMER, VIDEO_BLOCK_TRANSFORMER, } from './rich-blocks';
 export { RUBY_TRANSFORMER } from './ruby';
 export { SPOILER_TRANSFORMER } from './spoiler';
-export { SUBSCRIPT_TRANSFORMER, SUPERSCRIPT_TRANSFORMER, } from './superscript-subscript';
+export { SUBSCRIPT_TRANSFORMER, SUPERSCRIPT_TRANSFORMER } from './superscript-subscript';
+export { TABLE_IMPORT_TRANSFORMER } from './table';
 //# sourceMappingURL=index.d.ts.map

package/dist/transformers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/transformers/index.ts"],"names":[],"mappings":"AA2BA,eAAO,MAAM,gBAAgB,2CA2B5B,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAC/C,OAAO,EAAE,gCAAgC,EAAE,MAAM,cAAc,CAAA;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AACnD,OAAO,EAAE,4BAA4B,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAC7C,OAAO,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAA;AAC/C,OAAO,EACL,2BAA2B,EAC3B,gCAAgC,EAChC,iCAAiC,EACjC,uBAAuB,EACvB,2BAA2B,EAC3B,yBAAyB,EACzB,uBAAuB,EACvB,uBAAuB,GACxB,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAA;AAC/C,OAAO,EACL,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,yBAAyB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/transformers/index.ts"],"names":[],"mappings":"AAyBA,eAAO,MAAM,gBAAgB,2CA4B5B,CAAC;AAEF,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,gCAAgC,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,4BAA4B,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EACL,2BAA2B,EAC3B,gCAAgC,EAChC,iCAAiC,EACjC,uBAAuB,EACvB,2BAA2B,EAC3B,yBAAyB,EACzB,uBAAuB,EACvB,uBAAuB,GACxB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACzF,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC"}

package/dist/transformers/table.d.ts

@@ -0,0 +1,3 @@
+import { MultilineElementTransformer } from '@lexical/markdown';
+export declare const TABLE_IMPORT_TRANSFORMER: MultilineElementTransformer;
+//# sourceMappingURL=table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/transformers/table.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAC;AAkBrE,eAAO,MAAM,wBAAwB,EAAE,2BA8DtC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-editor",
-  "version": "0.0.75",
+  "version": "0.0.76",
   "description": "Core rich text editor based on Lexical",
   "repository": {
     "type": "git",
@@ -49,9 +49,9 @@
     "@lexical/code": "npm:lexical-code-no-prism@0.41.0",
     "nanoid": "^5.1.6",
     "thumbhash": "^0.1.1",
-    "@haklex/rich-style-token": "0.0.75",
-    "@haklex/rich-editor-ui": "0.0.75",
-    "@haklex/rich-headless": "0.0.75"
+    "@haklex/rich-editor-ui": "0.0.76",
+    "@haklex/rich-style-token": "0.0.76",
+    "@haklex/rich-headless": "0.0.76"
   },
   "devDependencies": {
     "@lexical/extension": "^0.41.0",