@haklex/rich-editor 0.0.47 → 0.0.48

package/dist/{RichEditor-CCCA2gpI.js → RichEditor-Bycc2iy_.js}

@@ -13,25 +13,25 @@ import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
 import { TabIndentationPlugin } from "@lexical/react/LexicalTabIndentationPlugin";
 import { TablePlugin } from "@lexical/react/LexicalTablePlugin";
 import { a2 as $isAlertQuoteNode, d as RendererWrapper, a3 as AlertRenderer, a4 as SpoilerNode, X as MentionNode, a5 as FootnoteNode, T as KaTeXInlineNode, a6 as AlertQuoteNode, f as editorTheme, a7 as $isBannerNode, a8 as BannerRenderer, a9 as BannerNode, aa as normalizeBannerType, ab as $isCodeBlockNode, ac as CodeBlockRenderer, ad as CodeBlockNode, i as useFootnoteDefinitions, M as FootnoteSectionNode, y as $isGridContainerNode, P as GridContainerNode, b as builtinNodes, S as KaTeXBlockNode, Q as ImageNode, ae as VideoNode, V as LinkCardNode, af as DetailsNode, Y as MermaidNode, _ as RubyNode, F as FootnoteDefinitionsProvider, r as $createImageNode, a0 as computeImageMeta, Z as OPEN_IMAGE_UPLOAD_DIALOG_COMMAND, ag as $createKaTeXInlineNode, ah as $createKaTeXBlockNode, o as getHostname, p as probeFavicon, ai as $createDetailsNode, aj as $createFootnoteNode, x as $isFootnoteSectionNode, $ as $createFootnoteSectionNode, t as $createMentionNode, g as extractTextContent, w as $createRubyNode, ak as $createSpoilerNode, v as $createMermaidNode, C as ColorSchemeProvider, R as RendererConfigProvider } from "./favicon-Di7XTTqC.js";
-import { $getNodeByKey, KEY_ENTER_COMMAND, COMMAND_PRIORITY_CRITICAL, KEY_ARROW_DOWN_COMMAND, COMMAND_PRIORITY_HIGH, $getRoot, $createParagraphNode, $isParagraphNode, $getSelection, $isRangeSelection, $insertNodes, createEditor, $isElementNode, $isDecoratorNode, $createNodeSelection, $setSelection, $nodesOfType, createCommand, COMMAND_PRIORITY_EDITOR, $isRootNode, $isNodeSelection, KEY_BACKSPACE_COMMAND, KEY_DELETE_COMMAND, KEY_ARROW_UP_COMMAND, $isTextNode, createState, $getState, $addUpdateTag, $setState, $parseSerializedNode, PASTE_COMMAND, $createTextNode, $createLineBreakNode } from "lexical";
+import { $getNodeByKey, KEY_ENTER_COMMAND, COMMAND_PRIORITY_CRITICAL, KEY_ARROW_DOWN_COMMAND, COMMAND_PRIORITY_HIGH, $getRoot, $createParagraphNode, $isParagraphNode, $getSelection, $isRangeSelection, $insertNodes, createEditor, $isElementNode, $isDecoratorNode, $createNodeSelection, $setSelection, $nodesOfType, createCommand, COMMAND_PRIORITY_EDITOR, $isRootNode, $isNodeSelection, KEY_BACKSPACE_COMMAND, KEY_DELETE_COMMAND, KEY_ARROW_UP_COMMAND, $isTextNode, createState, $getState, $addUpdateTag, $setState, $parseSerializedNode, COMMAND_PRIORITY_LOW, PASTE_COMMAND, $createTextNode, $createLineBreakNode } from "lexical";
 import { Info, Lightbulb, TriangleAlert, Flag, LayoutGrid, Plus, Minus, Check, Upload, Link2 } from "lucide-react";
 import { useCallback, useEffect, createElement, useState, createContext, use, useRef, useMemo } from "react";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { ContentEditable as ContentEditable$1 } from "@lexical/react/LexicalContentEditable";
 import { LexicalNestedComposer } from "@lexical/react/LexicalNestedComposer";
 import { CodeNode } from "@lexical/code";
-import { HorizontalRuleNode, INSERT_HORIZONTAL_RULE_COMMAND, $createHorizontalRuleNode } from "@lexical/extension";
+import { HorizontalRuleNode, $createHorizontalRuleNode, INSERT_HORIZONTAL_RULE_COMMAND } from "@lexical/extension";
 import { LinkNode, AutoLinkNode, createLinkMatcherWithRegExp, registerAutoLink } from "@lexical/link";
 import { ListNode, ListItemNode } from "@lexical/list";
 import { HeadingNode, QuoteNode, $isQuoteNode, DRAG_DROP_PASTE, $createQuoteNode } from "@lexical/rich-text";
 import { TableNode, TableCellNode, TableRowNode } from "@lexical/table";
 import { useLexicalNodeSelection } from "@lexical/react/useLexicalNodeSelection";
 import { nanoid } from "nanoid";
+import { HORIZONTAL_RULE_BLOCK_TRANSFORMER as HORIZONTAL_RULE_BLOCK_TRANSFORMER$1, GIT_ALERT_TRANSFORMER as GIT_ALERT_TRANSFORMER$1, CONTAINER_TRANSFORMER as CONTAINER_TRANSFORMER$1, FOOTNOTE_TRANSFORMER as FOOTNOTE_TRANSFORMER$1, FOOTNOTE_SECTION_TRANSFORMER as FOOTNOTE_SECTION_TRANSFORMER$1, KATEX_INLINE_TRANSFORMER as KATEX_INLINE_TRANSFORMER$1, KATEX_BLOCK_TRANSFORMER as KATEX_BLOCK_TRANSFORMER$1, MENTION_TRANSFORMER as MENTION_TRANSFORMER$1, RUBY_TRANSFORMER as RUBY_TRANSFORMER$1, SPOILER_TRANSFORMER as SPOILER_TRANSFORMER$1, INSERT_TRANSFORMER, SUPERSCRIPT_TRANSFORMER, SUBSCRIPT_TRANSFORMER, IMAGE_BLOCK_TRANSFORMER, VIDEO_BLOCK_TRANSFORMER, CODE_BLOCK_NODE_TRANSFORMER, LINK_CARD_BLOCK_TRANSFORMER, MERMAID_BLOCK_TRANSFORMER, TABLE_BLOCK_TRANSFORMER } from "@haklex/rich-headless/transformers";
 import { Dialog, DialogPopup, DialogTitle, SegmentedControl } from "@haklex/rich-editor-ui";
 import { b as clsx, g as getVariantClass } from "./utils-fpeaZV1R.js";
 import { MarkdownShortcutPlugin } from "@lexical/react/LexicalMarkdownShortcutPlugin";
 import { CHECK_LIST, TRANSFORMERS, QUOTE, CODE } from "@lexical/markdown";
-import { GIT_ALERT_TRANSFORMER as GIT_ALERT_TRANSFORMER$1, CONTAINER_TRANSFORMER as CONTAINER_TRANSFORMER$1, FOOTNOTE_TRANSFORMER as FOOTNOTE_TRANSFORMER$1, FOOTNOTE_SECTION_TRANSFORMER as FOOTNOTE_SECTION_TRANSFORMER$1, KATEX_INLINE_TRANSFORMER as KATEX_INLINE_TRANSFORMER$1, KATEX_BLOCK_TRANSFORMER as KATEX_BLOCK_TRANSFORMER$1, MENTION_TRANSFORMER as MENTION_TRANSFORMER$1, RUBY_TRANSFORMER as RUBY_TRANSFORMER$1, SPOILER_TRANSFORMER as SPOILER_TRANSFORMER$1, INSERT_TRANSFORMER, SUPERSCRIPT_TRANSFORMER, SUBSCRIPT_TRANSFORMER, IMAGE_BLOCK_TRANSFORMER, VIDEO_BLOCK_TRANSFORMER, CODE_BLOCK_NODE_TRANSFORMER, LINK_CARD_BLOCK_TRANSFORMER, MERMAID_BLOCK_TRANSFORMER, HORIZONTAL_RULE_BLOCK_TRANSFORMER, TABLE_BLOCK_TRANSFORMER } from "@haklex/rich-headless/transformers";
 function ExitBlockPlugin({
   parentEditor,
   nodeKey
@@ -1536,10 +1536,23 @@ function FootnotePlugin({ children }) {
     }
   );
 }
+const HORIZONTAL_RULE_REGEX = /^(---|\*\*\*|___)\s?$/;
+const HORIZONTAL_RULE_BLOCK_TRANSFORMER = {
+  ...HORIZONTAL_RULE_BLOCK_TRANSFORMER$1,
+  dependencies: [HorizontalRuleNode],
+  regExp: HORIZONTAL_RULE_REGEX,
+  replace: (parentNode) => {
+    const hrNode = $createHorizontalRuleNode();
+    const paragraph = $createParagraphNode();
+    parentNode.replace(hrNode);
+    hrNode.insertAfter(paragraph);
+    paragraph.selectStart();
+  }
+};
 function HorizontalRulePlugin() {
   const [editor] = useLexicalComposerContext();
   useEffect(() => {
-    return editor.registerCommand(
+    const unregisterInsert = editor.registerCommand(
       INSERT_HORIZONTAL_RULE_COMMAND,
       () => {
         const selection = $getSelection();
@@ -1556,6 +1569,33 @@ function HorizontalRulePlugin() {
       },
       COMMAND_PRIORITY_EDITOR
     );
+    const unregisterEnter = editor.registerCommand(
+      KEY_ENTER_COMMAND,
+      (event) => {
+        const selection = $getSelection();
+        if (!$isRangeSelection(selection) || !selection.isCollapsed()) {
+          return false;
+        }
+        const anchorNode = selection.anchor.getNode();
+        if (!$isTextNode(anchorNode)) return false;
+        const textContent = anchorNode.getTextContent();
+        if (!HORIZONTAL_RULE_REGEX.test(textContent)) return false;
+        const parentNode = anchorNode.getParent();
+        if (!parentNode) return false;
+        event?.preventDefault();
+        const hrNode = $createHorizontalRuleNode();
+        const paragraph = $createParagraphNode();
+        parentNode.replace(hrNode);
+        hrNode.insertAfter(paragraph);
+        paragraph.selectStart();
+        return true;
+      },
+      COMMAND_PRIORITY_LOW
+    );
+    return () => {
+      unregisterInsert();
+      unregisterEnter();
+    };
   }, [editor]);
   return null;
 }

package/dist/editor.mjs

@@ -1,4 +1,4 @@
-import { R, a, c, g, s } from "./RichEditor-CCCA2gpI.js";
+import { R, a, c, g, s } from "./RichEditor-Bycc2iy_.js";
 import { a as a2, b, c as c2 } from "./favicon-Di7XTTqC.js";
 export {
   R as RichEditor,

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { b as blockIdState } from "./RichEditor-CCCA2gpI.js";
-import { A, F, d, I, e, f, h, i, N, R, a, c, j, g, s, u } from "./RichEditor-CCCA2gpI.js";
+import { b as blockIdState } from "./RichEditor-Bycc2iy_.js";
+import { A, F, d, I, e, f, h, i, N, R, a, c, j, g, s, u } from "./RichEditor-Bycc2iy_.js";
 import { h as useFootnoteContent, j as useFootnoteDisplayNumber } from "./favicon-Di7XTTqC.js";
 import { $, q, r, s as s2, t, v, w, x, y, z, A as A2, B, D, E, G, H, I as I2, J, K, L, C, F as F2, M, O, P, Q, S, T, U, V, W, X, Y, N as N2, Z, _, a as a2, b, a0, e as e2, c as c2, a1, f as f2, g as g2, u as u2, i as i2, k, l, m, n } from "./favicon-Di7XTTqC.js";
 import { a as a3, c as c3, g as g3, n as n2 } from "./utils-fpeaZV1R.js";

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

@@ -1 +1 @@
-{"version":3,"file":"HorizontalRulePlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/HorizontalRulePlugin.tsx"],"names":[],"mappings":"AAaA,wBAAgB,oBAAoB,SA0BnC"}
+{"version":3,"file":"HorizontalRulePlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/HorizontalRulePlugin.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,oBAAoB,SA4DnC"}

package/dist/transformers/horizontal-rule.d.ts

@@ -0,0 +1,4 @@
+import { ElementTransformer } from '@lexical/markdown';
+export declare const HORIZONTAL_RULE_REGEX: RegExp;
+export declare const HORIZONTAL_RULE_BLOCK_TRANSFORMER: ElementTransformer;
+//# sourceMappingURL=horizontal-rule.d.ts.map

package/dist/transformers/horizontal-rule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizontal-rule.d.ts","sourceRoot":"","sources":["../../src/transformers/horizontal-rule.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAG3D,eAAO,MAAM,qBAAqB,QAA0B,CAAA;AAE5D,eAAO,MAAM,iCAAiC,EAAE,kBAW/C,CAAA"}

package/dist/transformers/rich-blocks.d.ts

@@ -1,3 +1,4 @@
 export { GRID_CONTAINER_BLOCK_TRANSFORMER } from './grid-container';
-export { CODE_BLOCK_NODE_TRANSFORMER, HORIZONTAL_RULE_BLOCK_TRANSFORMER, IMAGE_BLOCK_TRANSFORMER, LINK_CARD_BLOCK_TRANSFORMER, MERMAID_BLOCK_TRANSFORMER, TABLE_BLOCK_TRANSFORMER, VIDEO_BLOCK_TRANSFORMER, } from '@haklex/rich-headless/transformers';
+export { HORIZONTAL_RULE_BLOCK_TRANSFORMER } from './horizontal-rule';
+export { CODE_BLOCK_NODE_TRANSFORMER, IMAGE_BLOCK_TRANSFORMER, LINK_CARD_BLOCK_TRANSFORMER, MERMAID_BLOCK_TRANSFORMER, TABLE_BLOCK_TRANSFORMER, VIDEO_BLOCK_TRANSFORMER, } from '@haklex/rich-headless/transformers';
 //# sourceMappingURL=rich-blocks.d.ts.map

package/dist/transformers/rich-blocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-blocks.d.ts","sourceRoot":"","sources":["../../src/transformers/rich-blocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gCAAgC,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,EACL,2BAA2B,EAC3B,iCAAiC,EACjC,uBAAuB,EACvB,2BAA2B,EAC3B,yBAAyB,EACzB,uBAAuB,EACvB,uBAAuB,GACxB,MAAM,oCAAoC,CAAA"}
+{"version":3,"file":"rich-blocks.d.ts","sourceRoot":"","sources":["../../src/transformers/rich-blocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gCAAgC,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,EAAE,iCAAiC,EAAE,MAAM,mBAAmB,CAAA;AACrE,OAAO,EACL,2BAA2B,EAC3B,uBAAuB,EACvB,2BAA2B,EAC3B,yBAAyB,EACzB,uBAAuB,EACvB,uBAAuB,GACxB,MAAM,oCAAoC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-editor",
-  "version": "0.0.47",
+  "version": "0.0.48",
   "description": "Core rich text editor based on Lexical",
   "license": "MIT",
   "type": "module",
@@ -30,9 +30,9 @@
   "dependencies": {
     "nanoid": "^5.1.6",
     "thumbhash": "^0.1.1",
-    "@haklex/rich-headless": "0.0.47",
-    "@haklex/rich-style-token": "0.0.47",
-    "@haklex/rich-editor-ui": "0.0.47"
+    "@haklex/rich-editor-ui": "0.0.48",
+    "@haklex/rich-style-token": "0.0.48",
+    "@haklex/rich-headless": "0.0.48"
   },
   "devDependencies": {
     "@base-ui/react": "^1.2.0",