@lexical/dragon 0.13.0 → 0.14.1

package/LexicalDragon.dev.esm.js

@@ -0,0 +1,80 @@
+/**
+ * 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.
+ */
+import { $getSelection, $isRangeSelection, $isTextNode } from 'lexical';
+
+/** @module @lexical/dragon */
+function registerDragonSupport(editor) {
+  const origin = window.location.origin;
+  const handler = event => {
+    if (event.origin !== origin) {
+      return;
+    }
+    const rootElement = editor.getRootElement();
+    if (document.activeElement !== rootElement) {
+      return;
+    }
+    const data = event.data;
+    if (typeof data === 'string') {
+      let parsedData;
+      try {
+        parsedData = JSON.parse(data);
+      } catch (e) {
+        return;
+      }
+      if (parsedData && parsedData.protocol === 'nuanria_messaging' && parsedData.type === 'request') {
+        const payload = parsedData.payload;
+        if (payload && payload.functionId === 'makeChanges') {
+          const args = payload.args;
+          if (args) {
+            const [elementStart, elementLength, text, selStart, selLength, formatCommand] = args;
+            editor.update(() => {
+              const selection = $getSelection();
+              if ($isRangeSelection(selection)) {
+                const anchor = selection.anchor;
+                let anchorNode = anchor.getNode();
+                let setSelStart = 0;
+                let setSelEnd = 0;
+                if ($isTextNode(anchorNode)) {
+                  // set initial selection
+                  if (elementStart >= 0 && elementLength >= 0) {
+                    setSelStart = elementStart;
+                    setSelEnd = elementStart + elementLength;
+                    // If the offset is more than the end, make it the end
+                    selection.setTextNodeRange(anchorNode, setSelStart, anchorNode, setSelEnd);
+                  }
+                }
+                if (setSelStart !== setSelEnd || text !== '') {
+                  selection.insertRawText(text);
+                  anchorNode = anchor.getNode();
+                }
+                if ($isTextNode(anchorNode)) {
+                  // set final selection
+                  setSelStart = selStart;
+                  setSelEnd = selStart + selLength;
+                  const anchorNodeTextLength = anchorNode.getTextContentSize();
+                  // If the offset is more than the end, make it the end
+                  setSelStart = setSelStart > anchorNodeTextLength ? anchorNodeTextLength : setSelStart;
+                  setSelEnd = setSelEnd > anchorNodeTextLength ? anchorNodeTextLength : setSelEnd;
+                  selection.setTextNodeRange(anchorNode, setSelStart, anchorNode, setSelEnd);
+                }
+
+                // block the chrome extension from handling this event
+                event.stopImmediatePropagation();
+              }
+            });
+          }
+        }
+      }
+    }
+  };
+  window.addEventListener('message', handler, true);
+  return () => {
+    window.removeEventListener('message', handler, true);
+  };
+}
+
+export { registerDragonSupport };

package/LexicalDragon.esm.js

@@ -0,0 +1,10 @@
+/**
+ * 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.
+ */
+import * as modDev from './LexicalDragon.dev.esm.js';
+import * as modProd from './LexicalDragon.prod.esm.js';
+const mod = process.env.NODE_ENV === 'development' ? modDev : modProd;
+export const registerDragonSupport = mod.registerDragonSupport;

package/LexicalDragon.js

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 'use strict'
-const LexicalDragon = process.env.NODE_ENV === 'development' ? require('./LexicalDragon.dev.js') : require('./LexicalDragon.prod.js')
+const LexicalDragon = process.env.NODE_ENV === 'development' ? require('./LexicalDragon.dev.js') : require('./LexicalDragon.prod.js');
 module.exports = LexicalDragon;

package/LexicalDragon.prod.esm.js

@@ -0,0 +1,7 @@
+/**
+ * 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.
+ */
+import{$getSelection as e,$isRangeSelection as t,$isTextNode as n}from"lexical";function o(o){const i=window.location.origin,a=a=>{if(a.origin!==i)return;const r=o.getRootElement();if(document.activeElement!==r)return;const s=a.data;if("string"==typeof s){let i;try{i=JSON.parse(s)}catch(e){return}if(i&&"nuanria_messaging"===i.protocol&&"request"===i.type){const r=i.payload;if(r&&"makeChanges"===r.functionId){const i=r.args;if(i){const[r,s,c,g,d,f]=i;o.update((()=>{const o=e();if(t(o)){const e=o.anchor;let t=e.getNode(),i=0,f=0;if(n(t)&&r>=0&&s>=0&&(i=r,f=r+s,o.setTextNodeRange(t,i,t,f)),i===f&&""===c||(o.insertRawText(c),t=e.getNode()),n(t)){i=g,f=g+d;const e=t.getTextContentSize();i=i>e?e:i,f=f>e?e:f,o.setTextNodeRange(t,i,t,f)}a.stopImmediatePropagation()}}))}}}}};return window.addEventListener("message",a,!0),()=>{window.removeEventListener("message",a,!0)}}export{o as registerDragonSupport};

package/README.md

@@ -1,5 +1,7 @@
 # `@lexical/dragon`
 
+[![See API Documentation](https://lexical.dev/img/see-api-documentation.svg)](https://lexical.dev/docs/api/modules/lexical_dragon)
+
 This package contains compatibility with Dragon NaturallySpeaking accessibility tools.
 
 More documentation coming soon.

package/package.json

@@ -9,14 +9,16 @@
     "accessibility"
   ],
   "license": "MIT",
-  "version": "0.13.0",
+  "version": "0.14.1",
   "main": "LexicalDragon.js",
   "peerDependencies": {
-    "lexical": "0.13.0"
+    "lexical": "0.14.1"
   },
   "repository": {
     "type": "git",
     "url": "https://github.com/facebook/lexical",
     "directory": "packages/lexical-dragon"
-  }
+  },
+  "module": "LexicalDragon.esm.js",
+  "sideEffects": false
 }