@lexical/react 0.2.6 → 0.2.7

package/LexicalMarkdownShortcutPlugin.d.ts

@@ -6,4 +6,6 @@
  *
  */
 
-export default function LexicalMarkdownShortcutPlugin(): JSX.Element | null;
+export default function LexicalMarkdownShortcutPlugin(arg0: {
+  transformers: Array<Transformer>;
+}): JSX.Element | null;

package/LexicalMarkdownShortcutPlugin.dev.js

@@ -8,7 +8,8 @@
 
 var markdown = require('@lexical/markdown');
 var LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
-var react = require('react');
+var React = require('react');
+var lexical = require('lexical');
 
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -18,11 +19,105 @@ var react = require('react');
  *
  * 
  */
+lexical.createCommand();
+
+function HorizontalRuleComponent() {
+  return /*#__PURE__*/React.createElement("hr", null);
+}
+
+class HorizontalRuleNode extends lexical.DecoratorNode {
+  static getType() {
+    return 'horizontalrule';
+  }
+
+  static clone(node) {
+    return new HorizontalRuleNode(node.__key);
+  }
+
+  static importDOM() {
+    return {
+      hr: node => ({
+        conversion: convertHorizontalRuleElement,
+        priority: 0
+      })
+    };
+  }
+
+  exportDOM() {
+    return {
+      element: document.createElement('hr')
+    };
+  }
+
+  createDOM() {
+    const div = document.createElement('div');
+    div.style.display = 'contents';
+    return div;
+  }
+
+  getTextContent() {
+    return '\n';
+  }
+
+  isTopLevel() {
+    return true;
+  }
+
+  updateDOM() {
+    return false;
+  }
+
+  decorate() {
+    return /*#__PURE__*/React.createElement(HorizontalRuleComponent, null);
+  }
+
+}
+
+function convertHorizontalRuleElement() {
+  return {
+    node: $createHorizontalRuleNode()
+  };
+}
+
+function $createHorizontalRuleNode() {
+  return new HorizontalRuleNode();
+}
+function $isHorizontalRuleNode(node) {
+  return node instanceof HorizontalRuleNode;
+}
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * 
+ */
+const HR = {
+  export: node => {
+    return $isHorizontalRuleNode(node) ? '***' : null;
+  },
+  regExp: /^(---|\*\*\*|___)\s?$/,
+  replace: (parentNode, _1, _2, isImport) => {
+    const line = $createHorizontalRuleNode(); // TODO: Get rid of isImport flag
+
+    if (isImport || parentNode.getNextSibling() != null) {
+      parentNode.replace(line);
+    } else {
+      parentNode.insertBefore(line);
+    }
+
+    line.selectNext();
+  },
+  type: 'element'
+};
+const DEFAULT_TRANSFORMERS = [HR, ...markdown.TRANSFORMERS];
 function LexicalMarkdownShortcutPlugin({
-  transformers
+  transformers = DEFAULT_TRANSFORMERS
 }) {
   const [editor] = LexicalComposerContext.useLexicalComposerContext();
-  react.useEffect(() => {
+  React.useEffect(() => {
     return markdown.registerMarkdownShortcuts(editor, transformers);
   }, [editor, transformers]);
   return null;

package/LexicalMarkdownShortcutPlugin.prod.js

@@ -4,4 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var c=require("@lexical/markdown"),d=require("@lexical/react/LexicalComposerContext"),e=require("react");module.exports=function({transformers:a}){const [b]=d.useLexicalComposerContext();e.useEffect(()=>c.registerMarkdownShortcuts(b,a),[b,a]);return null};
+var c=require("@lexical/markdown"),d=require("@lexical/react/LexicalComposerContext"),e=require("react"),f=require("lexical");f.createCommand();function g(){return e.createElement("hr",null)}
+class h extends f.DecoratorNode{static getType(){return"horizontalrule"}static clone(a){return new h(a.__key)}static importDOM(){return{hr:()=>({conversion:k,priority:0})}}exportDOM(){return{element:document.createElement("hr")}}createDOM(){const a=document.createElement("div");a.style.display="contents";return a}getTextContent(){return"\n"}isTopLevel(){return!0}updateDOM(){return!1}decorate(){return e.createElement(g,null)}}function k(){return{node:new h}}
+const m=[{export:a=>a instanceof h?"***":null,regExp:/^(---|\*\*\*|___)\s?$/,replace:(a,b,n,l)=>{b=new h;l||null!=a.getNextSibling()?a.replace(b):a.insertBefore(b);b.selectNext()},type:"element"},...c.TRANSFORMERS];module.exports=function({transformers:a=m}){const [b]=d.useLexicalComposerContext();e.useEffect(()=>c.registerMarkdownShortcuts(b,a),[b,a]);return null};

package/package.json

@@ -8,28 +8,28 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "dependencies": {
-    "@lexical/clipboard": "0.2.6",
-    "@lexical/list": "0.2.6",
-    "@lexical/table": "0.2.6",
-    "@lexical/yjs": "0.2.6",
-    "@lexical/hashtag": "0.2.6",
-    "@lexical/selection": "0.2.6",
-    "@lexical/utils": "0.2.6",
-    "@lexical/dragon": "0.2.6",
-    "@lexical/plain-text": "0.2.6",
-    "@lexical/rich-text": "0.2.6",
-    "@lexical/code": "0.2.6",
-    "@lexical/text": "0.2.6",
-    "@lexical/link": "0.2.6",
-    "@lexical/overflow": "0.2.6",
-    "@lexical/history": "0.2.6",
-    "@lexical/markdown": "0.2.6",
-    "@lexical/mark": "0.2.6"
+    "@lexical/clipboard": "0.2.7",
+    "@lexical/list": "0.2.7",
+    "@lexical/table": "0.2.7",
+    "@lexical/yjs": "0.2.7",
+    "@lexical/hashtag": "0.2.7",
+    "@lexical/selection": "0.2.7",
+    "@lexical/utils": "0.2.7",
+    "@lexical/dragon": "0.2.7",
+    "@lexical/plain-text": "0.2.7",
+    "@lexical/rich-text": "0.2.7",
+    "@lexical/code": "0.2.7",
+    "@lexical/text": "0.2.7",
+    "@lexical/link": "0.2.7",
+    "@lexical/overflow": "0.2.7",
+    "@lexical/history": "0.2.7",
+    "@lexical/markdown": "0.2.7",
+    "@lexical/mark": "0.2.7"
   },
   "peerDependencies": {
-    "lexical": "0.2.6",
+    "lexical": "0.2.7",
     "react": ">=17.x",
     "react-dom": ">=17.x"
   },