@fluentui-copilot/chat-input-plugins 0.0.3 → 0.0.5

package/CHANGELOG.json

@@ -2,7 +2,61 @@
   "name": "@fluentui-copilot/chat-input-plugins",
   "entries": [
     {
-      "date": "Thu, 18 Apr 2024 00:27:52 GMT",
+      "date": "Wed, 08 May 2024 22:09:00 GMT",
+      "tag": "@fluentui-copilot/chat-input-plugins_v0.0.5",
+      "version": "0.0.5",
+      "comments": {
+        "patch": [
+          {
+            "author": "owcampbe@microsoft.com",
+            "package": "@fluentui-copilot/chat-input-plugins",
+            "commit": "2bcbb68c4751536bb0ee7b4b19ded4f21be9f956",
+            "comment": "fix: Strip out sentinel node characters from ImperativeControlPlugin."
+          },
+          {
+            "author": "owcampbe@microsoft.com",
+            "package": "@fluentui-copilot/chat-input-plugins",
+            "commit": "da7a5eaa6af7c4eacef58d70f51acfb30977a38c",
+            "comment": "fix: insertTextAtCursor should append if no selection exists."
+          },
+          {
+            "author": "owcampbe@microsoft.com",
+            "package": "@fluentui-copilot/chat-input-plugins",
+            "commit": "8b3fa1f2bc2732776130769a904a98c314207fef",
+            "comment": "fix: Improve navigation around GhostText."
+          },
+          {
+            "author": "owcampbe@microsoft.com",
+            "package": "@fluentui-copilot/chat-input-plugins",
+            "commit": "8758b361c9586e347ec3c8c16038532598c31e77",
+            "comment": "fix: Get fresh reference to lexical node for update closure."
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 30 Apr 2024 20:55:42 GMT",
+      "tag": "@fluentui-copilot/chat-input-plugins_v0.0.4",
+      "version": "0.0.4",
+      "comments": {
+        "patch": [
+          {
+            "author": "owcampbe@microsoft.com",
+            "package": "@fluentui-copilot/chat-input-plugins",
+            "commit": "f2067016fa67e0718cb2c309338ab4376d256cd4",
+            "comment": "feat: Add onPaste to BasicFunctionalityPlugin."
+          },
+          {
+            "author": "owcampbe@microsoft.com",
+            "package": "@fluentui-copilot/chat-input-plugins",
+            "commit": "3483acc61611eefb8dc8a66e21c4d71e74e73674",
+            "comment": "fix: Add invisible sentinel node to ChatInput to fix cursor issues."
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 18 Apr 2024 00:28:05 GMT",
       "tag": "@fluentui-copilot/chat-input-plugins_v0.0.3",
       "version": "0.0.3",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,34 @@
 # Change Log - @fluentui-copilot/chat-input-plugins
 
-This log was last generated on Thu, 18 Apr 2024 00:27:52 GMT and should not be manually modified.
+This log was last generated on Wed, 08 May 2024 22:09:00 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.0.5](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/chat-input-plugins_v0.0.5)
+
+Wed, 08 May 2024 22:09:00 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/chat-input-plugins_v0.0.4..@fluentui-copilot/chat-input-plugins_v0.0.5)
+
+### Patches
+
+- fix: Strip out sentinel node characters from ImperativeControlPlugin. ([PR #1612](https://github.com/microsoft/fluentai/pull/1612) by owcampbe@microsoft.com)
+- fix: insertTextAtCursor should append if no selection exists. ([PR #1590](https://github.com/microsoft/fluentai/pull/1590) by owcampbe@microsoft.com)
+- fix: Improve navigation around GhostText. ([PR #1611](https://github.com/microsoft/fluentai/pull/1611) by owcampbe@microsoft.com)
+- fix: Get fresh reference to lexical node for update closure. ([PR #1613](https://github.com/microsoft/fluentai/pull/1613) by owcampbe@microsoft.com)
+
+## [0.0.4](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/chat-input-plugins_v0.0.4)
+
+Tue, 30 Apr 2024 20:55:42 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/chat-input-plugins_v0.0.3..@fluentui-copilot/chat-input-plugins_v0.0.4)
+
+### Patches
+
+- feat: Add onPaste to BasicFunctionalityPlugin. ([PR #1556](https://github.com/microsoft/fluentai/pull/1556) by owcampbe@microsoft.com)
+- fix: Add invisible sentinel node to ChatInput to fix cursor issues. ([PR #1599](https://github.com/microsoft/fluentai/pull/1599) by owcampbe@microsoft.com)
+
 ## [0.0.3](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/chat-input-plugins_v0.0.3)
 
-Thu, 18 Apr 2024 00:27:52 GMT 
+Thu, 18 Apr 2024 00:28:05 GMT 
 [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/chat-input-plugins_v0.0.2..@fluentui-copilot/chat-input-plugins_v0.0.3)
 
 ### Patches

package/dist/index.d.ts

@@ -3,17 +3,25 @@ import { Klass } from 'lexical';
 import { LexicalEditor } from 'lexical';
 import { LexicalNode } from 'lexical';
 import { NodeKey } from 'lexical';
+import { TextNode } from 'lexical';
+
+export declare function $createSentinelNode(key?: NodeKey): SentinelNode;
+
+export declare function $isSentinelNode(node: LexicalNode | null): node is SentinelNode;
 
 export declare class BasicFunctionalityBase implements IBasicFunctionalityBase {
     private __editor;
     private __contentChangeCleanup?;
     private __trimWhitespaceCleanup?;
-    private __enterHandlerCleanup?;
+    private __baseHandlersCleanup?;
+    private __pasteHandlerCleanup?;
     private __enterHandler;
     constructor(editor: LexicalEditor);
     insertDefaultValue(defaultValue: string): void;
     activateContentCallbacks(onContentChange?: ((value: string) => void) | undefined, onCountChanged?: ((count: number) => void) | undefined): void;
     deactivateContentCallbacks(): void;
+    activatePasteCallback(onPaste: (event: ClipboardEvent) => void): void;
+    deactivatePasteCallback(): void;
     activateTrimWhitespace(): void;
     deactivateTrimWhitespace(): void;
     setIsDisabled(isDisabled: boolean): void;
@@ -71,6 +79,8 @@ export declare interface IBasicFunctionalityBase {
     deactivateContentCallbacks(): void;
     activateTrimWhitespace(): void;
     deactivateTrimWhitespace(): void;
+    activatePasteCallback(onPaste: (event: ClipboardEvent) => void): void;
+    deactivatePasteCallback(): void;
     cleanup(): void;
 }
 
@@ -140,4 +150,13 @@ export declare class ManualGhostTextBase<ComponentPropsType> {
     cancelGhostText(): void;
 }
 
+export declare const SENTINEL_VALUE = "\u200B\u200C";
+
+export declare class SentinelNode extends TextNode {
+    constructor(key?: NodeKey);
+    static getType(): string;
+    static clone(node: SentinelNode): SentinelNode;
+    isToken(): boolean;
+}
+
 export { }

package/lib/BasicFunctionality/BasicFunctionality.base.js

@@ -1,5 +1,6 @@
 import { _ as _define_property } from "@swc/helpers/_/_define_property";
-import { $createTextNode, $getRoot, $getSelection, $insertNodes, $isRangeSelection, COMMAND_PRIORITY_CRITICAL, INSERT_PARAGRAPH_COMMAND, KEY_ENTER_COMMAND } from '@fluentui-copilot/text-editor';
+import { $createTextNode, $getLeafNodes, $getNodeByKey, $getRoot, $getSelection, $insertNodes, $isRangeSelection, $normalizeSelection__EXPERIMENTAL, $setSelection, COMMAND_PRIORITY_CRITICAL, INSERT_PARAGRAPH_COMMAND, KEY_ENTER_COMMAND, PASTE_COMMAND, mergeRegister } from '@fluentui-copilot/text-editor';
+import { $createSentinelNode, $isSentinelNode, SENTINEL_VALUE, SentinelNode } from './SentinelNode';
 export class BasicFunctionalityBase {
   __enterHandler(event) {
     const selection = $getSelection();
@@ -26,8 +27,10 @@ export class BasicFunctionalityBase {
   activateContentCallbacks(onContentChange, onCountChanged) {
     this.deactivateContentCallbacks();
     this.__contentChangeCleanup = this.__editor.registerTextContentListener(text => {
-      onContentChange === null || onContentChange === void 0 ? void 0 : onContentChange(text);
-      onCountChanged === null || onCountChanged === void 0 ? void 0 : onCountChanged(text.length);
+      // Remove the sentinel node
+      const processed = text.replace(SENTINEL_VALUE, '');
+      onContentChange === null || onContentChange === void 0 ? void 0 : onContentChange(processed);
+      onCountChanged === null || onCountChanged === void 0 ? void 0 : onCountChanged(processed.length);
     });
   }
   deactivateContentCallbacks() {
@@ -35,6 +38,20 @@ export class BasicFunctionalityBase {
     (_this___contentChangeCleanup = (_this = this).__contentChangeCleanup) === null || _this___contentChangeCleanup === void 0 ? void 0 : _this___contentChangeCleanup.call(_this);
     this.__contentChangeCleanup = undefined;
   }
+  activatePasteCallback(onPaste) {
+    this.__pasteHandlerCleanup = this.__editor.registerCommand(PASTE_COMMAND, event => {
+      onPaste(event);
+      if (event.defaultPrevented) {
+        return true;
+      }
+      return false;
+    }, COMMAND_PRIORITY_CRITICAL);
+  }
+  deactivatePasteCallback() {
+    var _this___pasteHandlerCleanup, _this;
+    (_this___pasteHandlerCleanup = (_this = this).__pasteHandlerCleanup) === null || _this___pasteHandlerCleanup === void 0 ? void 0 : _this___pasteHandlerCleanup.call(_this);
+    this.__pasteHandlerCleanup = undefined;
+  }
   activateTrimWhitespace() {
     this.deactivateTrimWhitespace();
     this.__trimWhitespaceCleanup = this.__editor.registerTextContentListener(text => {
@@ -60,19 +77,100 @@ export class BasicFunctionalityBase {
     this.__editor.setEditable(!isDisabled);
   }
   cleanup() {
-    var _this___enterHandlerCleanup, _this;
+    var _this___baseHandlersCleanup, _this;
     this.deactivateContentCallbacks();
     this.deactivateTrimWhitespace();
-    (_this___enterHandlerCleanup = (_this = this).__enterHandlerCleanup) === null || _this___enterHandlerCleanup === void 0 ? void 0 : _this___enterHandlerCleanup.call(_this);
-    this.__enterHandlerCleanup = undefined;
+    this.deactivatePasteCallback();
+    (_this___baseHandlersCleanup = (_this = this).__baseHandlersCleanup) === null || _this___baseHandlersCleanup === void 0 ? void 0 : _this___baseHandlersCleanup.call(_this);
+    this.__baseHandlersCleanup = undefined;
   }
   constructor(editor) {
     _define_property(this, "__editor", void 0);
     _define_property(this, "__contentChangeCleanup", void 0);
     _define_property(this, "__trimWhitespaceCleanup", void 0);
-    _define_property(this, "__enterHandlerCleanup", void 0);
+    _define_property(this, "__baseHandlersCleanup", void 0);
+    _define_property(this, "__pasteHandlerCleanup", void 0);
     this.__editor = editor;
-    this.__enterHandlerCleanup = this.__editor.registerCommand(KEY_ENTER_COMMAND, this.__enterHandler.bind(this), COMMAND_PRIORITY_CRITICAL);
+    this.__baseHandlersCleanup = mergeRegister(this.__editor.registerCommand(KEY_ENTER_COMMAND, this.__enterHandler.bind(this), COMMAND_PRIORITY_CRITICAL),
+    // Add a sentinel node at the end of the input when there is content.
+    // This sentinel node fixes a number of issues.
+    // In Safari, Lexical's behaviour of adding <br /> tags to the end of the input when it ends
+    // in a decorator node causes cursor location issues: https://github.com/facebook/lexical/issues/4487
+    // Otherwise, when a decorator node is the last node in the input, the cursor can't move past it.
+    // Adding an invisible text node that doesn't contribute to the content and can't be selected to the end of the input
+    // mitigates these issues.
+    this.__editor.registerUpdateListener(({
+      editorState
+    }) => {
+      editorState.read(() => {
+        const leaves = $getLeafNodes($getRoot());
+        if (leaves.length === 0) {
+          return;
+        }
+        const lastNode = leaves[leaves.length - 1];
+        const lastNodeKey = lastNode.getKey();
+        // If the last node isn't a sentinel, add one
+        if (!$isSentinelNode(lastNode)) {
+          this.__editor.update(() => {
+            var
+            // We find the node by its key again in case the node was removed before this update runs
+            _$getNodeByKey;
+            (_$getNodeByKey = $getNodeByKey(lastNodeKey)) === null || _$getNodeByKey === void 0 ? void 0 : _$getNodeByKey.insertAfter($createSentinelNode());
+          }, {
+            discrete: true
+          });
+          return;
+        }
+        // If the sentinel node is not selected, we're done
+        const previous = lastNode.getPreviousSibling();
+        if (!previous || !lastNode.isSelected()) {
+          return;
+        }
+        const selection = $getSelection();
+        if (!$isRangeSelection(selection)) {
+          return;
+        }
+        // If the cursor is inside the sentinel node, move it out (next to the beginning)
+        // We allow selection on the boundary of the sentinel in case the adjacent node is a decorator node
+        // where selection is ill-defined.
+        if (selection.isCollapsed() && selection.anchor.offset > 0) {
+          this.__editor.update(() => {
+            var _$getNodeByKey;
+            (_$getNodeByKey = $getNodeByKey(lastNodeKey)) === null || _$getNodeByKey === void 0 ? void 0 : _$getNodeByKey.selectStart();
+          }, {
+            discrete: true
+          });
+          return;
+        }
+        // If the selection is a range which includes the sentinel, modify the range to exclude it
+        if (!selection.isCollapsed()) {
+          let selectionChanged = false;
+          const newSelection = selection.clone();
+          if (newSelection.anchor.getNode() === lastNode && newSelection.anchor.offset > 0) {
+            newSelection.anchor.set(lastNodeKey, 0, 'text');
+            selectionChanged = true;
+          }
+          if (newSelection.focus.getNode() === lastNode && newSelection.focus.offset > 0) {
+            newSelection.focus.set(lastNodeKey, 0, 'text');
+            selectionChanged = true;
+          }
+          if (selectionChanged) {
+            this.__editor.update(() => {
+              if ($getNodeByKey(lastNodeKey) !== null) {
+                $setSelection($normalizeSelection__EXPERIMENTAL(newSelection));
+              }
+            }, {
+              discrete: true
+            });
+          }
+        }
+      });
+    }), this.__editor.registerNodeTransform(SentinelNode, node => {
+      if (!node.getPreviousSibling() || node.getNextSibling()) {
+        node.remove();
+        return;
+      }
+    }));
   }
 }
 //# sourceMappingURL=BasicFunctionality.base.js.map

package/lib/BasicFunctionality/BasicFunctionality.base.js.map

@@ -1 +1 @@
-{"version":3,"sources":["BasicFunctionality.base.ts"],"sourcesContent":["import type { LexicalEditor } from '@fluentui-copilot/text-editor';\nimport {\n  $createTextNode,\n  $getRoot,\n  $getSelection,\n  $insertNodes,\n  $isRangeSelection,\n  COMMAND_PRIORITY_CRITICAL,\n  INSERT_PARAGRAPH_COMMAND,\n  KEY_ENTER_COMMAND,\n} from '@fluentui-copilot/text-editor';\n\nexport interface IBasicFunctionalityBase {\n  insertDefaultValue: (defaultValue: string) => void;\n  setIsDisabled: (isDisabled: boolean) => void;\n  activateContentCallbacks(onContentChange?: (value: string) => void, onCountChanged?: (count: number) => void): void;\n  deactivateContentCallbacks(): void;\n  activateTrimWhitespace(): void;\n  deactivateTrimWhitespace(): void;\n  cleanup(): void;\n}\n\nexport class BasicFunctionalityBase implements IBasicFunctionalityBase {\n  private __editor: LexicalEditor;\n  private __contentChangeCleanup?: () => void;\n  private __trimWhitespaceCleanup?: () => void;\n  private __enterHandlerCleanup?: () => void;\n\n  private __enterHandler(event: KeyboardEvent) {\n    const selection = $getSelection();\n    if (!$isRangeSelection(selection)) {\n      return false;\n    }\n\n    if (event === null) {\n      return false;\n    }\n\n    event.preventDefault();\n\n    if (event.shiftKey) {\n      return this.__editor.dispatchCommand(INSERT_PARAGRAPH_COMMAND, undefined);\n    }\n\n    // Mark event handled to override default behavior\n    return true;\n  }\n\n  constructor(editor: LexicalEditor) {\n    this.__editor = editor;\n\n    this.__enterHandlerCleanup = this.__editor.registerCommand(\n      KEY_ENTER_COMMAND,\n      this.__enterHandler.bind(this),\n      COMMAND_PRIORITY_CRITICAL,\n    );\n  }\n\n  insertDefaultValue(defaultValue: string) {\n    if (defaultValue) {\n      this.__editor.update(() => {\n        $insertNodes([$createTextNode(defaultValue)]);\n      });\n    }\n  }\n\n  activateContentCallbacks(\n    onContentChange?: ((value: string) => void) | undefined,\n    onCountChanged?: ((count: number) => void) | undefined,\n  ) {\n    this.deactivateContentCallbacks();\n    this.__contentChangeCleanup = this.__editor.registerTextContentListener(text => {\n      onContentChange?.(text);\n      onCountChanged?.(text.length);\n    });\n  }\n\n  deactivateContentCallbacks() {\n    this.__contentChangeCleanup?.();\n    this.__contentChangeCleanup = undefined;\n  }\n\n  activateTrimWhitespace() {\n    this.deactivateTrimWhitespace();\n    this.__trimWhitespaceCleanup = this.__editor.registerTextContentListener(text => {\n      if (text.trim() === '') {\n        this.__editor.update(\n          () => {\n            $getRoot()\n              .getAllTextNodes()\n              .forEach(node => {\n                node.remove();\n              });\n          },\n          // Don't allow undoing this action\n          { tag: 'historic' },\n        );\n      }\n    });\n  }\n\n  deactivateTrimWhitespace() {\n    this.__trimWhitespaceCleanup?.();\n    this.__trimWhitespaceCleanup = undefined;\n  }\n\n  setIsDisabled(isDisabled: boolean) {\n    this.__editor.setEditable(!isDisabled);\n  }\n\n  cleanup() {\n    this.deactivateContentCallbacks();\n    this.deactivateTrimWhitespace();\n    this.__enterHandlerCleanup?.();\n    this.__enterHandlerCleanup = undefined;\n  }\n}\n"],"names":["$createTextNode","$getRoot","$getSelection","$insertNodes","$isRangeSelection","COMMAND_PRIORITY_CRITICAL","INSERT_PARAGRAPH_COMMAND","KEY_ENTER_COMMAND","BasicFunctionalityBase","__enterHandler","event","selection","preventDefault","shiftKey","__editor","dispatchCommand","undefined","insertDefaultValue","defaultValue","update","activateContentCallbacks","onContentChange","onCountChanged","deactivateContentCallbacks","__contentChangeCleanup","registerTextContentListener","text","length","activateTrimWhitespace","deactivateTrimWhitespace","__trimWhitespaceCleanup","trim","getAllTextNodes","forEach","node","remove","tag","setIsDisabled","isDisabled","setEditable","cleanup","__enterHandlerCleanup","constructor","editor","registerCommand","bind"],"mappings":";AACA,SACEA,eAAe,EACfC,QAAQ,EACRC,aAAa,EACbC,YAAY,EACZC,iBAAiB,EACjBC,yBAAyB,EACzBC,wBAAwB,EACxBC,iBAAiB,QACZ,gCAAgC;AAYvC,OAAO,MAAMC;IAMHC,eAAeC,KAAoB,EAAE;QAC3C,MAAMC,YAAYT;QAClB,IAAI,CAACE,kBAAkBO,YAAY;YACjC,OAAO;QACT;QAEA,IAAID,UAAU,MAAM;YAClB,OAAO;QACT;QAEAA,MAAME,cAAc;QAEpB,IAAIF,MAAMG,QAAQ,EAAE;YAClB,OAAO,IAAI,CAACC,QAAQ,CAACC,eAAe,CAACT,0BAA0BU;QACjE;QAEA,kDAAkD;QAClD,OAAO;IACT;IAYAC,mBAAmBC,YAAoB,EAAE;QACvC,IAAIA,cAAc;YAChB,IAAI,CAACJ,QAAQ,CAACK,MAAM,CAAC;gBACnBhB,aAAa;oBAACH,gBAAgBkB;iBAAc;YAC9C;QACF;IACF;IAEAE,yBACEC,eAAuD,EACvDC,cAAsD,EACtD;QACA,IAAI,CAACC,0BAA0B;QAC/B,IAAI,CAACC,sBAAsB,GAAG,IAAI,CAACV,QAAQ,CAACW,2BAA2B,CAACC,CAAAA;YACtEL,4BAAAA,sCAAAA,gBAAkBK;YAClBJ,2BAAAA,qCAAAA,eAAiBI,KAAKC,MAAM;QAC9B;IACF;IAEAJ,6BAA6B;YAC3B,8BAAA;SAAA,+BAAA,CAAA,QAAA,IAAI,EAACC,sBAAsB,cAA3B,mDAAA,kCAAA;QACA,IAAI,CAACA,sBAAsB,GAAGR;IAChC;IAEAY,yBAAyB;QACvB,IAAI,CAACC,wBAAwB;QAC7B,IAAI,CAACC,uBAAuB,GAAG,IAAI,CAAChB,QAAQ,CAACW,2BAA2B,CAACC,CAAAA;YACvE,IAAIA,KAAKK,IAAI,OAAO,IAAI;gBACtB,IAAI,CAACjB,QAAQ,CAACK,MAAM,CAClB;oBACElB,WACG+B,eAAe,GACfC,OAAO,CAACC,CAAAA;wBACPA,KAAKC,MAAM;oBACb;gBACJ,GACA,kCAAkC;gBAClC;oBAAEC,KAAK;gBAAW;YAEtB;QACF;IACF;IAEAP,2BAA2B;YACzB,+BAAA;SAAA,gCAAA,CAAA,QAAA,IAAI,EAACC,uBAAuB,cAA5B,oDAAA,mCAAA;QACA,IAAI,CAACA,uBAAuB,GAAGd;IACjC;IAEAqB,cAAcC,UAAmB,EAAE;QACjC,IAAI,CAACxB,QAAQ,CAACyB,WAAW,CAAC,CAACD;IAC7B;IAEAE,UAAU;YAGR,6BAAA;QAFA,IAAI,CAACjB,0BAA0B;QAC/B,IAAI,CAACM,wBAAwB;SAC7B,8BAAA,CAAA,QAAA,IAAI,EAACY,qBAAqB,cAA1B,kDAAA,iCAAA;QACA,IAAI,CAACA,qBAAqB,GAAGzB;IAC/B;IAnEA0B,YAAYC,MAAqB,CAAE;QAzBnC,uBAAQ7B,YAAR,KAAA;QACA,uBAAQU,0BAAR,KAAA;QACA,uBAAQM,2BAAR,KAAA;QACA,uBAAQW,yBAAR,KAAA;QAuBE,IAAI,CAAC3B,QAAQ,GAAG6B;QAEhB,IAAI,CAACF,qBAAqB,GAAG,IAAI,CAAC3B,QAAQ,CAAC8B,eAAe,CACxDrC,mBACA,IAAI,CAACE,cAAc,CAACoC,IAAI,CAAC,IAAI,GAC7BxC;IAEJ;AA4DF"}
+{"version":3,"sources":["BasicFunctionality.base.ts"],"sourcesContent":["import type { LexicalEditor } from '@fluentui-copilot/text-editor';\nimport {\n  $createTextNode,\n  $getLeafNodes,\n  $getNodeByKey,\n  $getRoot,\n  $getSelection,\n  $insertNodes,\n  $isRangeSelection,\n  $normalizeSelection__EXPERIMENTAL,\n  $setSelection,\n  COMMAND_PRIORITY_CRITICAL,\n  INSERT_PARAGRAPH_COMMAND,\n  KEY_ENTER_COMMAND,\n  PASTE_COMMAND,\n  mergeRegister,\n} from '@fluentui-copilot/text-editor';\nimport { $createSentinelNode, $isSentinelNode, SENTINEL_VALUE, SentinelNode } from './SentinelNode';\n\nexport interface IBasicFunctionalityBase {\n  insertDefaultValue: (defaultValue: string) => void;\n  setIsDisabled: (isDisabled: boolean) => void;\n  activateContentCallbacks(onContentChange?: (value: string) => void, onCountChanged?: (count: number) => void): void;\n  deactivateContentCallbacks(): void;\n  activateTrimWhitespace(): void;\n  deactivateTrimWhitespace(): void;\n  activatePasteCallback(onPaste: (event: ClipboardEvent) => void): void;\n  deactivatePasteCallback(): void;\n  cleanup(): void;\n}\n\nexport class BasicFunctionalityBase implements IBasicFunctionalityBase {\n  private __editor: LexicalEditor;\n  private __contentChangeCleanup?: () => void;\n  private __trimWhitespaceCleanup?: () => void;\n  private __baseHandlersCleanup?: () => void;\n  private __pasteHandlerCleanup?: () => void;\n\n  private __enterHandler(event: KeyboardEvent) {\n    const selection = $getSelection();\n    if (!$isRangeSelection(selection)) {\n      return false;\n    }\n\n    if (event === null) {\n      return false;\n    }\n\n    event.preventDefault();\n\n    if (event.shiftKey) {\n      return this.__editor.dispatchCommand(INSERT_PARAGRAPH_COMMAND, undefined);\n    }\n\n    // Mark event handled to override default behavior\n    return true;\n  }\n\n  constructor(editor: LexicalEditor) {\n    this.__editor = editor;\n\n    this.__baseHandlersCleanup = mergeRegister(\n      this.__editor.registerCommand(KEY_ENTER_COMMAND, this.__enterHandler.bind(this), COMMAND_PRIORITY_CRITICAL),\n\n      // Add a sentinel node at the end of the input when there is content.\n      // This sentinel node fixes a number of issues.\n      // In Safari, Lexical's behaviour of adding <br /> tags to the end of the input when it ends\n      // in a decorator node causes cursor location issues: https://github.com/facebook/lexical/issues/4487\n      // Otherwise, when a decorator node is the last node in the input, the cursor can't move past it.\n      // Adding an invisible text node that doesn't contribute to the content and can't be selected to the end of the input\n      // mitigates these issues.\n      this.__editor.registerUpdateListener(({ editorState }) => {\n        editorState.read(() => {\n          const leaves = $getLeafNodes($getRoot());\n          if (leaves.length === 0) {\n            return;\n          }\n\n          const lastNode = leaves[leaves.length - 1];\n          const lastNodeKey = lastNode.getKey();\n\n          // If the last node isn't a sentinel, add one\n          if (!$isSentinelNode(lastNode)) {\n            this.__editor.update(\n              () => {\n                // We find the node by its key again in case the node was removed before this update runs\n                $getNodeByKey(lastNodeKey)?.insertAfter($createSentinelNode());\n              },\n              { discrete: true },\n            );\n            return;\n          }\n\n          // If the sentinel node is not selected, we're done\n          const previous = lastNode.getPreviousSibling();\n          if (!previous || !lastNode.isSelected()) {\n            return;\n          }\n\n          const selection = $getSelection();\n          if (!$isRangeSelection(selection)) {\n            return;\n          }\n\n          // If the cursor is inside the sentinel node, move it out (next to the beginning)\n          // We allow selection on the boundary of the sentinel in case the adjacent node is a decorator node\n          // where selection is ill-defined.\n          if (selection.isCollapsed() && selection.anchor.offset > 0) {\n            this.__editor.update(\n              () => {\n                $getNodeByKey(lastNodeKey)?.selectStart();\n              },\n              { discrete: true },\n            );\n            return;\n          }\n\n          // If the selection is a range which includes the sentinel, modify the range to exclude it\n          if (!selection.isCollapsed()) {\n            let selectionChanged = false;\n            const newSelection = selection.clone();\n\n            if (newSelection.anchor.getNode() === lastNode && newSelection.anchor.offset > 0) {\n              newSelection.anchor.set(lastNodeKey, 0, 'text');\n              selectionChanged = true;\n            }\n            if (newSelection.focus.getNode() === lastNode && newSelection.focus.offset > 0) {\n              newSelection.focus.set(lastNodeKey, 0, 'text');\n              selectionChanged = true;\n            }\n\n            if (selectionChanged) {\n              this.__editor.update(\n                () => {\n                  if ($getNodeByKey(lastNodeKey) !== null) {\n                    $setSelection($normalizeSelection__EXPERIMENTAL(newSelection));\n                  }\n                },\n                { discrete: true },\n              );\n            }\n          }\n        });\n      }),\n      this.__editor.registerNodeTransform(SentinelNode, node => {\n        if (!node.getPreviousSibling() || node.getNextSibling()) {\n          node.remove();\n          return;\n        }\n      }),\n    );\n  }\n\n  insertDefaultValue(defaultValue: string) {\n    if (defaultValue) {\n      this.__editor.update(() => {\n        $insertNodes([$createTextNode(defaultValue)]);\n      });\n    }\n  }\n\n  activateContentCallbacks(\n    onContentChange?: ((value: string) => void) | undefined,\n    onCountChanged?: ((count: number) => void) | undefined,\n  ) {\n    this.deactivateContentCallbacks();\n    this.__contentChangeCleanup = this.__editor.registerTextContentListener(text => {\n      // Remove the sentinel node\n      const processed = text.replace(SENTINEL_VALUE, '');\n      onContentChange?.(processed);\n      onCountChanged?.(processed.length);\n    });\n  }\n\n  deactivateContentCallbacks() {\n    this.__contentChangeCleanup?.();\n    this.__contentChangeCleanup = undefined;\n  }\n\n  activatePasteCallback(onPaste: (event: ClipboardEvent) => void) {\n    this.__pasteHandlerCleanup = this.__editor.registerCommand(\n      PASTE_COMMAND,\n      (event: ClipboardEvent) => {\n        onPaste(event);\n\n        if (event.defaultPrevented) {\n          return true;\n        }\n\n        return false;\n      },\n      COMMAND_PRIORITY_CRITICAL,\n    );\n  }\n\n  deactivatePasteCallback() {\n    this.__pasteHandlerCleanup?.();\n    this.__pasteHandlerCleanup = undefined;\n  }\n\n  activateTrimWhitespace() {\n    this.deactivateTrimWhitespace();\n    this.__trimWhitespaceCleanup = this.__editor.registerTextContentListener(text => {\n      if (text.trim() === '') {\n        this.__editor.update(\n          () => {\n            $getRoot()\n              .getAllTextNodes()\n              .forEach(node => {\n                node.remove();\n              });\n          },\n          // Don't allow undoing this action\n          { tag: 'historic' },\n        );\n      }\n    });\n  }\n\n  deactivateTrimWhitespace() {\n    this.__trimWhitespaceCleanup?.();\n    this.__trimWhitespaceCleanup = undefined;\n  }\n\n  setIsDisabled(isDisabled: boolean) {\n    this.__editor.setEditable(!isDisabled);\n  }\n\n  cleanup() {\n    this.deactivateContentCallbacks();\n    this.deactivateTrimWhitespace();\n    this.deactivatePasteCallback();\n    this.__baseHandlersCleanup?.();\n    this.__baseHandlersCleanup = undefined;\n  }\n}\n"],"names":["$createTextNode","$getLeafNodes","$getNodeByKey","$getRoot","$getSelection","$insertNodes","$isRangeSelection","$normalizeSelection__EXPERIMENTAL","$setSelection","COMMAND_PRIORITY_CRITICAL","INSERT_PARAGRAPH_COMMAND","KEY_ENTER_COMMAND","PASTE_COMMAND","mergeRegister","$createSentinelNode","$isSentinelNode","SENTINEL_VALUE","SentinelNode","BasicFunctionalityBase","__enterHandler","event","selection","preventDefault","shiftKey","__editor","dispatchCommand","undefined","insertDefaultValue","defaultValue","update","activateContentCallbacks","onContentChange","onCountChanged","deactivateContentCallbacks","__contentChangeCleanup","registerTextContentListener","text","processed","replace","length","activatePasteCallback","onPaste","__pasteHandlerCleanup","registerCommand","defaultPrevented","deactivatePasteCallback","activateTrimWhitespace","deactivateTrimWhitespace","__trimWhitespaceCleanup","trim","getAllTextNodes","forEach","node","remove","tag","setIsDisabled","isDisabled","setEditable","cleanup","__baseHandlersCleanup","constructor","editor","bind","registerUpdateListener","editorState","read","leaves","lastNode","lastNodeKey","getKey","insertAfter","discrete","previous","getPreviousSibling","isSelected","isCollapsed","anchor","offset","selectStart","selectionChanged","newSelection","clone","getNode","set","focus","registerNodeTransform","getNextSibling"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib/BasicFunctionality/SentinelNode.js

@@ -0,0 +1,25 @@
+import { TextNode } from '@fluentui-copilot/text-editor';
+export const SENTINEL_VALUE = '\u200b\u200c';
+export class SentinelNode extends TextNode {
+  static getType() {
+    return 'sentinel';
+  }
+  static clone(node) {
+    return new SentinelNode(node.__key);
+  }
+  isToken() {
+    return true;
+  }
+  constructor(key) {
+    // 2 zero width characters will not be visible in the editor.
+    // These also happen to be markers for CIQ to ignore the following content.
+    super(SENTINEL_VALUE, key);
+  }
+}
+export function $createSentinelNode(key) {
+  return new SentinelNode(key);
+}
+export function $isSentinelNode(node) {
+  return node instanceof SentinelNode;
+}
+//# sourceMappingURL=SentinelNode.js.map

package/lib/BasicFunctionality/SentinelNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SentinelNode.ts"],"sourcesContent":["import type { LexicalNode, NodeKey } from '@fluentui-copilot/text-editor';\nimport { TextNode } from '@fluentui-copilot/text-editor';\n\nexport const SENTINEL_VALUE = '\\u200b\\u200c';\n\nexport class SentinelNode extends TextNode {\n  constructor(key?: NodeKey) {\n    // 2 zero width characters will not be visible in the editor.\n    // These also happen to be markers for CIQ to ignore the following content.\n    super(SENTINEL_VALUE, key);\n  }\n\n  static getType() {\n    return 'sentinel';\n  }\n  static clone(node: SentinelNode) {\n    return new SentinelNode(node.__key);\n  }\n\n  isToken() {\n    return true;\n  }\n}\n\nexport function $createSentinelNode(key?: NodeKey) {\n  return new SentinelNode(key);\n}\n\nexport function $isSentinelNode(node: LexicalNode | null): node is SentinelNode {\n  return node instanceof SentinelNode;\n}\n"],"names":["TextNode","SENTINEL_VALUE","SentinelNode","getType","clone","node","__key","isToken","constructor","key","$createSentinelNode","$isSentinelNode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":"AACA,SAASA,QAAQ,QAAQ,gCAAgC;AAEzD,OAAO,MAAMC,iBAAiB,eAAe;AAE7C,OAAO,MAAMC,qBAAqBF;IAOhC,OAAOG,UAAU;QACf,OAAO;IACT;IACA,OAAOC,MAAMC,IAAkB,EAAE;QAC/B,OAAO,IAAIH,aAAaG,KAAKC,KAAK;IACpC;IAEAC,UAAU;QACR,OAAO;IACT;IAfAC,YAAYC,GAAa,CAAE;QACzB,6DAA6D;QAC7D,2EAA2E;QAC3E,KAAK,CAACR,gBAAgBQ;IACxB;AAYF;AAEA,OAAO,SAASC,oBAAoBD,GAAa;IAC/C,OAAO,IAAIP,aAAaO;AAC1B;AAEA,OAAO,SAASE,gBAAgBN,IAAwB;IACtD,OAAOA,gBAAgBH;AACzB"}

package/lib/BasicFunctionality/index.js

@@ -1,2 +1,3 @@
 export * from './BasicFunctionality.base';
+export * from './SentinelNode';
 //# sourceMappingURL=index.js.map

package/lib/BasicFunctionality/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './BasicFunctionality.base';\n"],"names":[],"mappings":"AAAA,cAAc,4BAA4B"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './BasicFunctionality.base';\nexport * from './SentinelNode';\n"],"names":[],"rangeMappings":";","mappings":"AAAA,cAAc,4BAA4B;AAC1C,cAAc,iBAAiB"}

package/lib/ChatInputEntity/ChatInputEntityPlugin.base.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ChatInputEntityPlugin.base.ts"],"sourcesContent":["import type { LexicalEditor, LexicalNode, NodeKey, Klass } from '@fluentui-copilot/text-editor';\nimport {\n  $createParagraphNode,\n  $createTextNode,\n  $getNodeByKey,\n  $getSelection,\n  $insertNodes,\n  $isDecoratorNode,\n  $isRangeSelection,\n  $isRootOrShadowRoot,\n  $nodesOfType,\n  $wrapNodeInElement,\n  COMMAND_PRIORITY_CRITICAL,\n  DELETE_CHARACTER_COMMAND,\n  mergeRegister,\n} from '@fluentui-copilot/text-editor';\nimport type { ChatInputEntityData, IChatInputEntityPluginBase, IEntityNode } from './ChatInputEntityPlugin.types';\n\nexport class ChatInputEntityPluginBase<\n  ExtraDataType,\n  NodePropsType,\n  NodeType extends IEntityNode<ExtraDataType, NodePropsType>,\n> implements IChatInputEntityPluginBase<ExtraDataType, NodePropsType>\n{\n  private __nodeClass: Klass<NodeType>;\n  private __editor: LexicalEditor;\n  private __id: string;\n\n  private __deleteDirection: 'forward' | 'backward' | null = null;\n  private __$createNode: (\n    pluginId: string,\n    text: string,\n    data?: ExtraDataType,\n    entityProps?: NodePropsType,\n    key?: NodeKey,\n  ) => NodeType;\n\n  private _cleanup: () => void;\n\n  cleanup() {\n    this._cleanup();\n  }\n\n  constructor(\n    editor: LexicalEditor,\n    id: string,\n    nodeClass: Klass<NodeType>,\n    $createNode: (\n      pluginId: string,\n      text: string,\n      data?: ExtraDataType,\n      entityProps?: NodePropsType,\n      key?: NodeKey,\n    ) => NodeType,\n    $isChatInputEntityNode: (node: LexicalNode | null) => node is NodeType,\n    onChatInputEntityAdded?: (entity: ChatInputEntityData<ExtraDataType, NodePropsType>) => void,\n    onChatInputEntityDeleted?: (entity: ChatInputEntityData<ExtraDataType, NodePropsType>) => void,\n  ) {\n    this.__$createNode = $createNode;\n    this.__editor = editor;\n    this.__id = id;\n    this.__nodeClass = nodeClass;\n\n    this._cleanup = mergeRegister(\n      // Keep track of delete direction so we know where to put the selection after adding back a space\n      editor.registerCommand(\n        DELETE_CHARACTER_COMMAND,\n        isBackward => {\n          this.__deleteDirection = isBackward ? 'backward' : 'forward';\n          return false;\n        },\n        COMMAND_PRIORITY_CRITICAL,\n      ),\n      // Always maintain a space before, after, and between entities in order for selection to work properly\n      editor.registerNodeTransform(this.__nodeClass, node => {\n        const nextSibling = node.getNextSibling();\n        if (!nextSibling || $isDecoratorNode(nextSibling)) {\n          const selection = $getSelection();\n\n          // If selection is between the two nodes, that means the user is trying to delete the space\n          // If they deleted to the left, we should move the cursor to the end of the entity\n          // If they delete to the right, we should move the cursor to the end of the newly added space\n          // This mimics changing the delete into a cursor move action\n          const shouldMoveSelection =\n            selection &&\n            $isRangeSelection(selection) &&\n            selection.isCollapsed() &&\n            selection.anchor.offset === node.getIndexWithinParent() + 1;\n          const text = $createTextNode(' ');\n          node.insertAfter(text);\n          if (shouldMoveSelection) {\n            if (this.__deleteDirection === 'forward') {\n              text.selectEnd();\n            } else {\n              node.selectEnd();\n            }\n          }\n        }\n\n        // In the case the entity is the first node, we need a space before it.\n        if (!node.getPreviousSibling()) {\n          const text = $createTextNode(' ');\n          node.insertBefore(text);\n        }\n      }),\n      onChatInputEntityAdded || onChatInputEntityDeleted\n        ? editor.registerMutationListener(this.__nodeClass, (nodes, payload) => {\n            for (const [nodeKey, mutation] of nodes) {\n              if (onChatInputEntityDeleted && mutation === 'destroyed') {\n                payload.prevEditorState.read(() => {\n                  const node = $getNodeByKey(nodeKey);\n                  if ($isChatInputEntityNode(node) && node.__pluginId === id) {\n                    onChatInputEntityDeleted(node.getEntityData());\n                  }\n                });\n              } else if (onChatInputEntityAdded && mutation === 'created') {\n                editor.getEditorState().read(() => {\n                  const node = $getNodeByKey(nodeKey);\n                  if ($isChatInputEntityNode(node) && node.__pluginId === id) {\n                    onChatInputEntityAdded(node.getEntityData());\n                  }\n                });\n              }\n            }\n          })\n        : noop,\n    );\n  }\n  insertChatInputEntity(props: ChatInputEntityData<ExtraDataType, NodePropsType>): string | undefined {\n    let key: string | undefined = undefined;\n    this.__editor.update(() => {\n      const { text, data, entityProps } = props;\n\n      const entityNode = this.__$createNode(this.__id, text, data, entityProps);\n\n      $insertNodes([entityNode]);\n      entityNode.selectEnd();\n      if ($isRootOrShadowRoot(entityNode.getParentOrThrow())) {\n        $wrapNodeInElement(entityNode, $createParagraphNode).selectEnd();\n      }\n\n      key = entityNode.getKey();\n    });\n\n    return key;\n  }\n  removeChatInputEntity(\n    keyOrPredicate: string | ((entity: ChatInputEntityData<ExtraDataType, NodePropsType>, i: number) => boolean),\n  ) {\n    this.__editor.update(() => {\n      if (typeof keyOrPredicate === 'function') {\n        $nodesOfType(this.__nodeClass)\n          .filter((node, i) => node.__pluginId === this.__id && keyOrPredicate(node.getEntityData(), i))\n          .forEach(node => node.remove());\n      } else {\n        $getNodeByKey(keyOrPredicate)?.remove();\n      }\n    });\n  }\n  updateChatInputEntityProps(\n    keyOrPredicate: string | ((entity: ChatInputEntityData<ExtraDataType, NodePropsType>, i: number) => boolean),\n    props:\n      | ChatInputEntityData<ExtraDataType, NodePropsType>\n      | ((\n          oldProps: ChatInputEntityData<ExtraDataType, NodePropsType>,\n        ) => ChatInputEntityData<ExtraDataType, NodePropsType>),\n  ) {\n    const updateNode = (node: NodeType) => {\n      const newProps = typeof props === 'function' ? props(node.getEntityData()) : props;\n      node.updateEntityData(newProps);\n    };\n\n    this.__editor.update(\n      () => {\n        if (typeof keyOrPredicate === 'function') {\n          $nodesOfType(this.__nodeClass)\n            .filter((node, i) => node.__pluginId === this.__id && keyOrPredicate(node.getEntityData(), i))\n            .forEach(updateNode);\n        } else {\n          const node = $getNodeByKey<NodeType>(keyOrPredicate);\n          if (node) {\n            updateNode(node);\n          }\n        }\n      },\n      { tag: 'historic' },\n    );\n  }\n\n  getActiveEntities(): ChatInputEntityData<ExtraDataType, NodePropsType>[] {\n    return this.__editor.getEditorState().read(() =>\n      $nodesOfType(this.__nodeClass)\n        .filter(node => node.__pluginId === this.__id)\n        .map(node => node.getEntityData()),\n    );\n  }\n}\n\nfunction noop() {\n  return;\n}\n"],"names":["$createParagraphNode","$createTextNode","$getNodeByKey","$getSelection","$insertNodes","$isDecoratorNode","$isRangeSelection","$isRootOrShadowRoot","$nodesOfType","$wrapNodeInElement","COMMAND_PRIORITY_CRITICAL","DELETE_CHARACTER_COMMAND","mergeRegister","ChatInputEntityPluginBase","cleanup","_cleanup","insertChatInputEntity","props","key","undefined","__editor","update","text","data","entityProps","entityNode","__$createNode","__id","selectEnd","getParentOrThrow","getKey","removeChatInputEntity","keyOrPredicate","__nodeClass","filter","node","i","__pluginId","getEntityData","forEach","remove","updateChatInputEntityProps","updateNode","newProps","updateEntityData","tag","getActiveEntities","getEditorState","read","map","constructor","editor","id","nodeClass","$createNode","$isChatInputEntityNode","onChatInputEntityAdded","onChatInputEntityDeleted","__deleteDirection","registerCommand","isBackward","registerNodeTransform","nextSibling","getNextSibling","selection","shouldMoveSelection","isCollapsed","anchor","offset","getIndexWithinParent","insertAfter","getPreviousSibling","insertBefore","registerMutationListener","nodes","payload","nodeKey","mutation","prevEditorState","noop"],"mappings":"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"}
+{"version":3,"sources":["ChatInputEntityPlugin.base.ts"],"sourcesContent":["import type { LexicalEditor, LexicalNode, NodeKey, Klass } from '@fluentui-copilot/text-editor';\nimport {\n  $createParagraphNode,\n  $createTextNode,\n  $getNodeByKey,\n  $getSelection,\n  $insertNodes,\n  $isDecoratorNode,\n  $isRangeSelection,\n  $isRootOrShadowRoot,\n  $nodesOfType,\n  $wrapNodeInElement,\n  COMMAND_PRIORITY_CRITICAL,\n  DELETE_CHARACTER_COMMAND,\n  mergeRegister,\n} from '@fluentui-copilot/text-editor';\nimport type { ChatInputEntityData, IChatInputEntityPluginBase, IEntityNode } from './ChatInputEntityPlugin.types';\n\nexport class ChatInputEntityPluginBase<\n  ExtraDataType,\n  NodePropsType,\n  NodeType extends IEntityNode<ExtraDataType, NodePropsType>,\n> implements IChatInputEntityPluginBase<ExtraDataType, NodePropsType>\n{\n  private __nodeClass: Klass<NodeType>;\n  private __editor: LexicalEditor;\n  private __id: string;\n\n  private __deleteDirection: 'forward' | 'backward' | null = null;\n  private __$createNode: (\n    pluginId: string,\n    text: string,\n    data?: ExtraDataType,\n    entityProps?: NodePropsType,\n    key?: NodeKey,\n  ) => NodeType;\n\n  private _cleanup: () => void;\n\n  cleanup() {\n    this._cleanup();\n  }\n\n  constructor(\n    editor: LexicalEditor,\n    id: string,\n    nodeClass: Klass<NodeType>,\n    $createNode: (\n      pluginId: string,\n      text: string,\n      data?: ExtraDataType,\n      entityProps?: NodePropsType,\n      key?: NodeKey,\n    ) => NodeType,\n    $isChatInputEntityNode: (node: LexicalNode | null) => node is NodeType,\n    onChatInputEntityAdded?: (entity: ChatInputEntityData<ExtraDataType, NodePropsType>) => void,\n    onChatInputEntityDeleted?: (entity: ChatInputEntityData<ExtraDataType, NodePropsType>) => void,\n  ) {\n    this.__$createNode = $createNode;\n    this.__editor = editor;\n    this.__id = id;\n    this.__nodeClass = nodeClass;\n\n    this._cleanup = mergeRegister(\n      // Keep track of delete direction so we know where to put the selection after adding back a space\n      editor.registerCommand(\n        DELETE_CHARACTER_COMMAND,\n        isBackward => {\n          this.__deleteDirection = isBackward ? 'backward' : 'forward';\n          return false;\n        },\n        COMMAND_PRIORITY_CRITICAL,\n      ),\n      // Always maintain a space before, after, and between entities in order for selection to work properly\n      editor.registerNodeTransform(this.__nodeClass, node => {\n        const nextSibling = node.getNextSibling();\n        if (!nextSibling || $isDecoratorNode(nextSibling)) {\n          const selection = $getSelection();\n\n          // If selection is between the two nodes, that means the user is trying to delete the space\n          // If they deleted to the left, we should move the cursor to the end of the entity\n          // If they delete to the right, we should move the cursor to the end of the newly added space\n          // This mimics changing the delete into a cursor move action\n          const shouldMoveSelection =\n            selection &&\n            $isRangeSelection(selection) &&\n            selection.isCollapsed() &&\n            selection.anchor.offset === node.getIndexWithinParent() + 1;\n          const text = $createTextNode(' ');\n          node.insertAfter(text);\n          if (shouldMoveSelection) {\n            if (this.__deleteDirection === 'forward') {\n              text.selectEnd();\n            } else {\n              node.selectEnd();\n            }\n          }\n        }\n\n        // In the case the entity is the first node, we need a space before it.\n        if (!node.getPreviousSibling()) {\n          const text = $createTextNode(' ');\n          node.insertBefore(text);\n        }\n      }),\n      onChatInputEntityAdded || onChatInputEntityDeleted\n        ? editor.registerMutationListener(this.__nodeClass, (nodes, payload) => {\n            for (const [nodeKey, mutation] of nodes) {\n              if (onChatInputEntityDeleted && mutation === 'destroyed') {\n                payload.prevEditorState.read(() => {\n                  const node = $getNodeByKey(nodeKey);\n                  if ($isChatInputEntityNode(node) && node.__pluginId === id) {\n                    onChatInputEntityDeleted(node.getEntityData());\n                  }\n                });\n              } else if (onChatInputEntityAdded && mutation === 'created') {\n                editor.getEditorState().read(() => {\n                  const node = $getNodeByKey(nodeKey);\n                  if ($isChatInputEntityNode(node) && node.__pluginId === id) {\n                    onChatInputEntityAdded(node.getEntityData());\n                  }\n                });\n              }\n            }\n          })\n        : noop,\n    );\n  }\n  insertChatInputEntity(props: ChatInputEntityData<ExtraDataType, NodePropsType>): string | undefined {\n    let key: string | undefined = undefined;\n    this.__editor.update(() => {\n      const { text, data, entityProps } = props;\n\n      const entityNode = this.__$createNode(this.__id, text, data, entityProps);\n\n      $insertNodes([entityNode]);\n      entityNode.selectEnd();\n      if ($isRootOrShadowRoot(entityNode.getParentOrThrow())) {\n        $wrapNodeInElement(entityNode, $createParagraphNode).selectEnd();\n      }\n\n      key = entityNode.getKey();\n    });\n\n    return key;\n  }\n  removeChatInputEntity(\n    keyOrPredicate: string | ((entity: ChatInputEntityData<ExtraDataType, NodePropsType>, i: number) => boolean),\n  ) {\n    this.__editor.update(() => {\n      if (typeof keyOrPredicate === 'function') {\n        $nodesOfType(this.__nodeClass)\n          .filter((node, i) => node.__pluginId === this.__id && keyOrPredicate(node.getEntityData(), i))\n          .forEach(node => node.remove());\n      } else {\n        $getNodeByKey(keyOrPredicate)?.remove();\n      }\n    });\n  }\n  updateChatInputEntityProps(\n    keyOrPredicate: string | ((entity: ChatInputEntityData<ExtraDataType, NodePropsType>, i: number) => boolean),\n    props:\n      | ChatInputEntityData<ExtraDataType, NodePropsType>\n      | ((\n          oldProps: ChatInputEntityData<ExtraDataType, NodePropsType>,\n        ) => ChatInputEntityData<ExtraDataType, NodePropsType>),\n  ) {\n    const updateNode = (node: NodeType) => {\n      const newProps = typeof props === 'function' ? props(node.getEntityData()) : props;\n      node.updateEntityData(newProps);\n    };\n\n    this.__editor.update(\n      () => {\n        if (typeof keyOrPredicate === 'function') {\n          $nodesOfType(this.__nodeClass)\n            .filter((node, i) => node.__pluginId === this.__id && keyOrPredicate(node.getEntityData(), i))\n            .forEach(updateNode);\n        } else {\n          const node = $getNodeByKey<NodeType>(keyOrPredicate);\n          if (node) {\n            updateNode(node);\n          }\n        }\n      },\n      { tag: 'historic' },\n    );\n  }\n\n  getActiveEntities(): ChatInputEntityData<ExtraDataType, NodePropsType>[] {\n    return this.__editor.getEditorState().read(() =>\n      $nodesOfType(this.__nodeClass)\n        .filter(node => node.__pluginId === this.__id)\n        .map(node => node.getEntityData()),\n    );\n  }\n}\n\nfunction noop() {\n  return;\n}\n"],"names":["$createParagraphNode","$createTextNode","$getNodeByKey","$getSelection","$insertNodes","$isDecoratorNode","$isRangeSelection","$isRootOrShadowRoot","$nodesOfType","$wrapNodeInElement","COMMAND_PRIORITY_CRITICAL","DELETE_CHARACTER_COMMAND","mergeRegister","ChatInputEntityPluginBase","cleanup","_cleanup","insertChatInputEntity","props","key","undefined","__editor","update","text","data","entityProps","entityNode","__$createNode","__id","selectEnd","getParentOrThrow","getKey","removeChatInputEntity","keyOrPredicate","__nodeClass","filter","node","i","__pluginId","getEntityData","forEach","remove","updateChatInputEntityProps","updateNode","newProps","updateEntityData","tag","getActiveEntities","getEditorState","read","map","constructor","editor","id","nodeClass","$createNode","$isChatInputEntityNode","onChatInputEntityAdded","onChatInputEntityDeleted","__deleteDirection","registerCommand","isBackward","registerNodeTransform","nextSibling","getNextSibling","selection","shouldMoveSelection","isCollapsed","anchor","offset","getIndexWithinParent","insertAfter","getPreviousSibling","insertBefore","registerMutationListener","nodes","payload","nodeKey","mutation","prevEditorState","noop"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib/ChatInputEntity/ChatInputEntityPlugin.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ChatInputEntityPlugin.types.ts"],"sourcesContent":["import type { LexicalNode } from '@fluentui-copilot/text-editor';\n\nexport type ChatInputEntityData<ExtraDataType, NodePropsType> = {\n  // Represents the string content of the entity that will returned inside the ChatInput's text content\n  text: string;\n  // Props to pass to the component rendered by the node\n  // By default, `text` will be used as the entity's text content.\n  // If entityProps contains information for rendering children, that will take priority\n  entityProps?: NodePropsType;\n  // Optional extra data that can be associated with the entity\n  data?: ExtraDataType;\n};\n\nexport type ChatInputEntityPluginProps<ExtraDataType, NodePropsType> = {\n  // An identifier for an instance of the ChatInputEntityPlugin\n  // Only entities created by this instance of the plugin will be handled by it\n  id: string;\n  onChatInputEntityAdded?: (entity: ChatInputEntityData<ExtraDataType, NodePropsType>) => void;\n  onChatInputEntityDeleted?: (entity: ChatInputEntityData<ExtraDataType, NodePropsType>) => void;\n};\n\n/**\n * A lexical node representing an entity should conform to this interface\n */\nexport interface IEntityNode<ExtraDataType, NodePropsType> extends LexicalNode {\n  getEntityData: () => ChatInputEntityData<ExtraDataType, NodePropsType>;\n  updateEntityData: (data: ChatInputEntityData<ExtraDataType, NodePropsType>) => void;\n  __pluginId: string;\n}\n\nexport interface IChatInputEntityPluginBase<ExtraDataType, NodePropsType> {\n  // Inserts a new entity and returns its key, to be used by removeChatInputEntity or updateChatInputEntityProps\n  insertChatInputEntity: (props: ChatInputEntityData<ExtraDataType, NodePropsType>) => string | undefined;\n  // Removes an entity by its key, or removes all entities that match a predicate function\n  removeChatInputEntity: (\n    keyOrPredicate: string | ((entity: ChatInputEntityData<ExtraDataType, NodePropsType>, i: number) => boolean),\n  ) => void;\n  // Updates an entity by its key, or removes all entities that match a predicate function\n  updateChatInputEntityProps: (\n    keyOrPredicate: string | ((entity: ChatInputEntityData<ExtraDataType, NodePropsType>, i: number) => boolean),\n    props:\n      | ChatInputEntityData<ExtraDataType, NodePropsType>\n      | ((\n          oldProps: ChatInputEntityData<ExtraDataType, NodePropsType>,\n        ) => ChatInputEntityData<ExtraDataType, NodePropsType>),\n  ) => void;\n  getActiveEntities: () => ChatInputEntityData<ExtraDataType, NodePropsType>[];\n}\n"],"names":[],"mappings":"AAAA,WA+CC"}
+{"version":3,"sources":["ChatInputEntityPlugin.types.ts"],"sourcesContent":["import type { LexicalNode } from '@fluentui-copilot/text-editor';\n\nexport type ChatInputEntityData<ExtraDataType, NodePropsType> = {\n  // Represents the string content of the entity that will returned inside the ChatInput's text content\n  text: string;\n  // Props to pass to the component rendered by the node\n  // By default, `text` will be used as the entity's text content.\n  // If entityProps contains information for rendering children, that will take priority\n  entityProps?: NodePropsType;\n  // Optional extra data that can be associated with the entity\n  data?: ExtraDataType;\n};\n\nexport type ChatInputEntityPluginProps<ExtraDataType, NodePropsType> = {\n  // An identifier for an instance of the ChatInputEntityPlugin\n  // Only entities created by this instance of the plugin will be handled by it\n  id: string;\n  onChatInputEntityAdded?: (entity: ChatInputEntityData<ExtraDataType, NodePropsType>) => void;\n  onChatInputEntityDeleted?: (entity: ChatInputEntityData<ExtraDataType, NodePropsType>) => void;\n};\n\n/**\n * A lexical node representing an entity should conform to this interface\n */\nexport interface IEntityNode<ExtraDataType, NodePropsType> extends LexicalNode {\n  getEntityData: () => ChatInputEntityData<ExtraDataType, NodePropsType>;\n  updateEntityData: (data: ChatInputEntityData<ExtraDataType, NodePropsType>) => void;\n  __pluginId: string;\n}\n\nexport interface IChatInputEntityPluginBase<ExtraDataType, NodePropsType> {\n  // Inserts a new entity and returns its key, to be used by removeChatInputEntity or updateChatInputEntityProps\n  insertChatInputEntity: (props: ChatInputEntityData<ExtraDataType, NodePropsType>) => string | undefined;\n  // Removes an entity by its key, or removes all entities that match a predicate function\n  removeChatInputEntity: (\n    keyOrPredicate: string | ((entity: ChatInputEntityData<ExtraDataType, NodePropsType>, i: number) => boolean),\n  ) => void;\n  // Updates an entity by its key, or removes all entities that match a predicate function\n  updateChatInputEntityProps: (\n    keyOrPredicate: string | ((entity: ChatInputEntityData<ExtraDataType, NodePropsType>, i: number) => boolean),\n    props:\n      | ChatInputEntityData<ExtraDataType, NodePropsType>\n      | ((\n          oldProps: ChatInputEntityData<ExtraDataType, NodePropsType>,\n        ) => ChatInputEntityData<ExtraDataType, NodePropsType>),\n  ) => void;\n  getActiveEntities: () => ChatInputEntityData<ExtraDataType, NodePropsType>[];\n}\n"],"names":[],"rangeMappings":"","mappings":"AA8BA,WAiBC"}

package/lib/ChatInputEntity/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './ChatInputEntityPlugin.types';\nexport * from './ChatInputEntityPlugin.base';\n"],"names":[],"mappings":"AAAA,cAAc,gCAAgC;AAC9C,cAAc,+BAA+B"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './ChatInputEntityPlugin.types';\nexport * from './ChatInputEntityPlugin.base';\n"],"names":[],"rangeMappings":";","mappings":"AAAA,cAAc,gCAAgC;AAC9C,cAAc,+BAA+B"}

package/lib/GhostText/GhostText.base.js

@@ -1,5 +1,6 @@
 import { _ as _define_property } from "@swc/helpers/_/_define_property";
-import { $createTextNode, $getNodeByKey, $getSelection, $setSelection, COMMAND_PRIORITY_LOW, KEY_TAB_COMMAND, mergeRegister } from '@fluentui-copilot/text-editor';
+import { $createTextNode, $getNodeByKey, $getSelection, $isRangeSelection, $isTextNode, $setSelection, COMMAND_PRIORITY_LOW, KEY_TAB_COMMAND, mergeRegister } from '@fluentui-copilot/text-editor';
+import { $isSentinelNode } from '../BasicFunctionality';
 export class GhostTextPluginBase {
   cleanup() {
     var _this___cleanup, _this;
@@ -34,12 +35,14 @@ export class GhostTextPluginBase {
     let ghostTextNodeKey = null;
     let lastText = undefined;
     let justRemovedGhostText = false;
+    let justAddedGhostText = false;
     function $clearGhostText() {
       const ghostTextNode = ghostTextNodeKey !== null ? $getNodeByKey(ghostTextNodeKey) : null;
       ghostTextNodeKey = null;
       lastText = undefined;
       if (ghostTextNode && ghostTextNode.isAttached()) {
         ghostTextNode.remove();
+        justRemovedGhostText = true;
       }
     }
     function handleGhostTextNodeTransform(node) {
@@ -58,7 +61,6 @@ export class GhostTextPluginBase {
         $clearGhostText();
         const selection = $getSelection();
         if (!text || !selection) {
-          justRemovedGhostText = true;
           return;
         }
         const selectionCopy = selection.clone();
@@ -67,6 +69,8 @@ export class GhostTextPluginBase {
         lastText = text;
         selection.insertNodes([node]);
         $setSelection(selectionCopy);
+        justAddedGhostText = true;
+        justRemovedGhostText = false;
       }, {
         tag: 'historic'
       });
@@ -76,12 +80,50 @@ export class GhostTextPluginBase {
         editorState,
         prevEditorState
       } = props;
-      // If this update was caused by deleting the previous ghost text, don't create a new one until a subsequent update
-      if (justRemovedGhostText) {
+      // If this update was caused by adding or deleting ghost text, don't recheck the ghost text function until a subsequent update
+      if (justRemovedGhostText || justAddedGhostText) {
         justRemovedGhostText = false;
+        justAddedGhostText = false;
         return;
       }
       editorState.read(() => {
+        // We only update the ghost text if the user selection is inside the input
+        const selection = $getSelection();
+        if (!$getSelection()) {
+          return;
+        }
+        if ($isRangeSelection(selection) && selection.isCollapsed()) {
+          var _selectedNode_getPreviousSibling;
+          var _selection_getNodes_at;
+          // All the `$isXNode` functions prefer `null` over `undefined`
+          const selectedNode = (_selection_getNodes_at = selection.getNodes().at(0)) !== null && _selection_getNodes_at !== void 0 ? _selection_getNodes_at : null;
+          const previousNodeKey = selectedNode === null || selectedNode === void 0 ? void 0 : (_selectedNode_getPreviousSibling = selectedNode.getPreviousSibling()) === null || _selectedNode_getPreviousSibling === void 0 ? void 0 : _selectedNode_getPreviousSibling.getKey();
+          const previousNodeIsGhostText = previousNodeKey === ghostTextNodeKey;
+          // If the ghost text is active and we're navigating past it, act as if the ghost text is not there and move 1 extra character
+          if (previousNodeIsGhostText && !$isSentinelNode(selectedNode) && $isTextNode(selectedNode) && selection.anchor.offset === 0) {
+            editor.update(() => {
+              const selection = $getSelection();
+              if ($isRangeSelection(selection)) {
+                selection.modify('move', false, 'character');
+              }
+              $clearGhostText();
+            }, {
+              tag: 'historic'
+            });
+            // Defer checking the ghost text until after this update has finished
+            return;
+          }
+          // If the ghost text is the last node before the sentinel, we shouldn't let selection get past it
+          if (previousNodeIsGhostText && $isSentinelNode(selectedNode)) {
+            editor.update(() => {
+              var _$getNodeByKey_getPreviousSibling, _$getNodeByKey;
+              (_$getNodeByKey = $getNodeByKey(previousNodeKey)) === null || _$getNodeByKey === void 0 ? void 0 : (_$getNodeByKey_getPreviousSibling = _$getNodeByKey.getPreviousSibling()) === null || _$getNodeByKey_getPreviousSibling === void 0 ? void 0 : _$getNodeByKey_getPreviousSibling.selectEnd();
+            }, {
+              tag: 'historic'
+            });
+            return;
+          }
+        }
         const promise = this.__$getGhostText(editor, editorState, prevEditorState);
         promise.then(handleGhostTextResponse).catch(e => console.error(e));
       });

package/lib/GhostText/GhostText.base.js.map

@@ -1 +1 @@
-{"version":3,"sources":["GhostText.base.ts"],"sourcesContent":["import type { EditorState, Klass, LexicalEditor, LexicalNode, UpdateListener } from '@fluentui-copilot/text-editor';\nimport {\n  $createTextNode,\n  $getNodeByKey,\n  $getSelection,\n  $setSelection,\n  COMMAND_PRIORITY_LOW,\n  KEY_TAB_COMMAND,\n  mergeRegister,\n} from '@fluentui-copilot/text-editor';\n\nexport type GetGhostTextFunction = (\n  editor: LexicalEditor,\n  editorState: EditorState,\n  prevEditorState: EditorState,\n) => Promise<string | undefined>;\n\nexport interface IGhostTextNode<ComponentPropsType> extends LexicalNode {\n  __content: string;\n  __id: string;\n  __allowCommitting?: boolean;\n  __componentProps?: ComponentPropsType;\n  __exposeText?: boolean;\n}\n\nexport class GhostTextPluginBase<ComponentPropsType> {\n  private __id: string;\n  private __$getGhostText: GetGhostTextFunction;\n  private __componentProps?: ComponentPropsType;\n  private __exposeText?: boolean;\n  private __allowCompletion?: boolean;\n\n  private __cleanup?: () => void;\n\n  cleanup() {\n    this.__cleanup?.();\n  }\n\n  constructor(\n    editor: LexicalEditor,\n    id: string,\n    $getGhostText: GetGhostTextFunction,\n    nodeClass: Klass<IGhostTextNode<ComponentPropsType>>,\n    createNode: (\n      id: string,\n      content: string,\n      exposeText?: boolean,\n      componentProps?: ComponentPropsType,\n    ) => IGhostTextNode<ComponentPropsType>,\n    componentProps?: ComponentPropsType,\n    // Whether or not the ghost text should count as text inside the input for submitting and character count\n    exposeText?: boolean,\n    allowCompletion?: boolean,\n  ) {\n    this.__id = id;\n    this.__$getGhostText = $getGhostText;\n    this.__componentProps = componentProps;\n    this.__exposeText = exposeText;\n    this.__allowCompletion = allowCompletion;\n\n    let ghostTextNodeKey: string | null = null;\n    let lastText: string | undefined = undefined;\n    let justRemovedGhostText = false;\n\n    function $clearGhostText() {\n      const ghostTextNode = ghostTextNodeKey !== null ? $getNodeByKey(ghostTextNodeKey) : null;\n      ghostTextNodeKey = null;\n      lastText = undefined;\n      if (ghostTextNode && ghostTextNode.isAttached()) {\n        ghostTextNode.remove();\n      }\n    }\n    function handleGhostTextNodeTransform(node: IGhostTextNode<ComponentPropsType>) {\n      const key = node.getKey();\n\n      if (node.__id === id && key !== ghostTextNodeKey) {\n        // Only one ghost text\n        node.remove();\n        $clearGhostText();\n      }\n    }\n\n    const handleGhostTextResponse = (text?: string) => {\n      if (text === lastText) {\n        return;\n      }\n\n      editor.update(\n        () => {\n          $clearGhostText();\n\n          const selection = $getSelection();\n          if (!text || !selection) {\n            justRemovedGhostText = true;\n            return;\n          }\n\n          const selectionCopy = selection.clone();\n\n          const node = createNode(this.__id, text, this.__exposeText, this.__componentProps);\n          ghostTextNodeKey = node.getKey();\n          lastText = text;\n\n          selection.insertNodes([node]);\n          $setSelection(selectionCopy);\n        },\n        { tag: 'historic' },\n      );\n    };\n\n    const handleUpdate: UpdateListener = props => {\n      const { editorState, prevEditorState } = props;\n      // If this update was caused by deleting the previous ghost text, don't create a new one until a subsequent update\n      if (justRemovedGhostText) {\n        justRemovedGhostText = false;\n        return;\n      }\n      editorState.read(() => {\n        const promise = this.__$getGhostText(editor, editorState, prevEditorState);\n        promise.then(handleGhostTextResponse).catch(e => console.error(e));\n      });\n    };\n\n    function unmountGhostText() {\n      if (ghostTextNodeKey) {\n        editor.update(\n          () => {\n            $clearGhostText();\n          },\n          { tag: 'historic' },\n        );\n      }\n    }\n\n    function $handleTabCommand(e: KeyboardEvent) {\n      if (ghostTextNodeKey === null || lastText === null) {\n        return false;\n      }\n\n      const ghostTextNode = $getNodeByKey(ghostTextNodeKey);\n      if (!ghostTextNode) {\n        return false;\n      }\n\n      e.preventDefault();\n\n      const textNode = $createTextNode(lastText);\n      ghostTextNode.replace(textNode);\n      textNode.selectEnd();\n      $clearGhostText();\n      return true;\n    }\n\n    this.__cleanup = mergeRegister(\n      editor.registerNodeTransform(nodeClass, handleGhostTextNodeTransform),\n      editor.registerUpdateListener(handleUpdate),\n      this.__allowCompletion ? editor.registerCommand(KEY_TAB_COMMAND, $handleTabCommand, COMMAND_PRIORITY_LOW) : noop,\n      unmountGhostText,\n    );\n  }\n\n  setExposeText(exposeText?: boolean) {\n    this.__exposeText = exposeText;\n  }\n\n  setComponentProps(componentProps?: ComponentPropsType) {\n    this.__componentProps = componentProps;\n  }\n\n  setGetGhostText($getGhostText: GetGhostTextFunction) {\n    this.__$getGhostText = $getGhostText;\n  }\n\n  setAllowCompletion(allowCompletion?: boolean) {\n    this.__allowCompletion = allowCompletion;\n  }\n}\nfunction noop(): void {\n  return;\n}\n"],"names":["$createTextNode","$getNodeByKey","$getSelection","$setSelection","COMMAND_PRIORITY_LOW","KEY_TAB_COMMAND","mergeRegister","GhostTextPluginBase","cleanup","__cleanup","setExposeText","exposeText","__exposeText","setComponentProps","componentProps","__componentProps","setGetGhostText","$getGhostText","__$getGhostText","setAllowCompletion","allowCompletion","__allowCompletion","constructor","editor","id","nodeClass","createNode","__id","ghostTextNodeKey","lastText","undefined","justRemovedGhostText","$clearGhostText","ghostTextNode","isAttached","remove","handleGhostTextNodeTransform","node","key","getKey","handleGhostTextResponse","text","update","selection","selectionCopy","clone","insertNodes","tag","handleUpdate","props","editorState","prevEditorState","read","promise","then","catch","e","console","error","unmountGhostText","$handleTabCommand","preventDefault","textNode","replace","selectEnd","registerNodeTransform","registerUpdateListener","registerCommand","noop"],"mappings":"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"}
+{"version":3,"sources":["GhostText.base.ts"],"sourcesContent":["import type { EditorState, Klass, LexicalEditor, LexicalNode, UpdateListener } from '@fluentui-copilot/text-editor';\nimport {\n  $createTextNode,\n  $getNodeByKey,\n  $getSelection,\n  $isRangeSelection,\n  $isTextNode,\n  $setSelection,\n  COMMAND_PRIORITY_LOW,\n  KEY_TAB_COMMAND,\n  mergeRegister,\n} from '@fluentui-copilot/text-editor';\nimport { $isSentinelNode } from '../BasicFunctionality';\n\nexport type GetGhostTextFunction = (\n  editor: LexicalEditor,\n  editorState: EditorState,\n  prevEditorState: EditorState,\n) => Promise<string | undefined>;\n\nexport interface IGhostTextNode<ComponentPropsType> extends LexicalNode {\n  __content: string;\n  __id: string;\n  __allowCommitting?: boolean;\n  __componentProps?: ComponentPropsType;\n  __exposeText?: boolean;\n}\n\nexport class GhostTextPluginBase<ComponentPropsType> {\n  private __id: string;\n  private __$getGhostText: GetGhostTextFunction;\n  private __componentProps?: ComponentPropsType;\n  private __exposeText?: boolean;\n  private __allowCompletion?: boolean;\n\n  private __cleanup?: () => void;\n\n  cleanup() {\n    this.__cleanup?.();\n  }\n\n  constructor(\n    editor: LexicalEditor,\n    id: string,\n    $getGhostText: GetGhostTextFunction,\n    nodeClass: Klass<IGhostTextNode<ComponentPropsType>>,\n    createNode: (\n      id: string,\n      content: string,\n      exposeText?: boolean,\n      componentProps?: ComponentPropsType,\n    ) => IGhostTextNode<ComponentPropsType>,\n    componentProps?: ComponentPropsType,\n    // Whether or not the ghost text should count as text inside the input for submitting and character count\n    exposeText?: boolean,\n    allowCompletion?: boolean,\n  ) {\n    this.__id = id;\n    this.__$getGhostText = $getGhostText;\n    this.__componentProps = componentProps;\n    this.__exposeText = exposeText;\n    this.__allowCompletion = allowCompletion;\n\n    let ghostTextNodeKey: string | null = null;\n    let lastText: string | undefined = undefined;\n    let justRemovedGhostText = false;\n    let justAddedGhostText = false;\n\n    function $clearGhostText() {\n      const ghostTextNode = ghostTextNodeKey !== null ? $getNodeByKey(ghostTextNodeKey) : null;\n      ghostTextNodeKey = null;\n      lastText = undefined;\n      if (ghostTextNode && ghostTextNode.isAttached()) {\n        ghostTextNode.remove();\n        justRemovedGhostText = true;\n      }\n    }\n    function handleGhostTextNodeTransform(node: IGhostTextNode<ComponentPropsType>) {\n      const key = node.getKey();\n\n      if (node.__id === id && key !== ghostTextNodeKey) {\n        // Only one ghost text\n        node.remove();\n        $clearGhostText();\n      }\n    }\n\n    const handleGhostTextResponse = (text?: string) => {\n      if (text === lastText) {\n        return;\n      }\n\n      editor.update(\n        () => {\n          $clearGhostText();\n\n          const selection = $getSelection();\n          if (!text || !selection) {\n            return;\n          }\n\n          const selectionCopy = selection.clone();\n\n          const node = createNode(this.__id, text, this.__exposeText, this.__componentProps);\n          ghostTextNodeKey = node.getKey();\n          lastText = text;\n\n          selection.insertNodes([node]);\n          $setSelection(selectionCopy);\n          justAddedGhostText = true;\n          justRemovedGhostText = false;\n        },\n        { tag: 'historic' },\n      );\n    };\n\n    const handleUpdate: UpdateListener = props => {\n      const { editorState, prevEditorState } = props;\n\n      // If this update was caused by adding or deleting ghost text, don't recheck the ghost text function until a subsequent update\n      if (justRemovedGhostText || justAddedGhostText) {\n        justRemovedGhostText = false;\n        justAddedGhostText = false;\n        return;\n      }\n\n      editorState.read(() => {\n        // We only update the ghost text if the user selection is inside the input\n        const selection = $getSelection();\n        if (!$getSelection()) {\n          return;\n        }\n\n        if ($isRangeSelection(selection) && selection.isCollapsed()) {\n          // All the `$isXNode` functions prefer `null` over `undefined`\n          const selectedNode = selection.getNodes().at(0) ?? null;\n          const previousNodeKey = selectedNode?.getPreviousSibling()?.getKey();\n          const previousNodeIsGhostText = previousNodeKey === ghostTextNodeKey;\n          // If the ghost text is active and we're navigating past it, act as if the ghost text is not there and move 1 extra character\n          if (\n            previousNodeIsGhostText &&\n            !$isSentinelNode(selectedNode) &&\n            $isTextNode(selectedNode) &&\n            selection.anchor.offset === 0\n          ) {\n            editor.update(\n              () => {\n                const selection = $getSelection();\n                if ($isRangeSelection(selection)) {\n                  selection.modify('move', false, 'character');\n                }\n                $clearGhostText();\n              },\n              { tag: 'historic' },\n            );\n            // Defer checking the ghost text until after this update has finished\n            return;\n          }\n\n          // If the ghost text is the last node before the sentinel, we shouldn't let selection get past it\n          if (previousNodeIsGhostText && $isSentinelNode(selectedNode)) {\n            editor.update(\n              () => {\n                $getNodeByKey(previousNodeKey)?.getPreviousSibling()?.selectEnd();\n              },\n              { tag: 'historic' },\n            );\n            return;\n          }\n        }\n\n        const promise = this.__$getGhostText(editor, editorState, prevEditorState);\n        promise.then(handleGhostTextResponse).catch(e => console.error(e));\n      });\n    };\n\n    function unmountGhostText() {\n      if (ghostTextNodeKey) {\n        editor.update(\n          () => {\n            $clearGhostText();\n          },\n          { tag: 'historic' },\n        );\n      }\n    }\n\n    function $handleTabCommand(e: KeyboardEvent) {\n      if (ghostTextNodeKey === null || lastText === null) {\n        return false;\n      }\n\n      const ghostTextNode = $getNodeByKey(ghostTextNodeKey);\n      if (!ghostTextNode) {\n        return false;\n      }\n\n      e.preventDefault();\n\n      const textNode = $createTextNode(lastText);\n      ghostTextNode.replace(textNode);\n      textNode.selectEnd();\n      $clearGhostText();\n      return true;\n    }\n\n    this.__cleanup = mergeRegister(\n      editor.registerNodeTransform(nodeClass, handleGhostTextNodeTransform),\n      editor.registerUpdateListener(handleUpdate),\n      this.__allowCompletion ? editor.registerCommand(KEY_TAB_COMMAND, $handleTabCommand, COMMAND_PRIORITY_LOW) : noop,\n      unmountGhostText,\n    );\n  }\n\n  setExposeText(exposeText?: boolean) {\n    this.__exposeText = exposeText;\n  }\n\n  setComponentProps(componentProps?: ComponentPropsType) {\n    this.__componentProps = componentProps;\n  }\n\n  setGetGhostText($getGhostText: GetGhostTextFunction) {\n    this.__$getGhostText = $getGhostText;\n  }\n\n  setAllowCompletion(allowCompletion?: boolean) {\n    this.__allowCompletion = allowCompletion;\n  }\n}\nfunction noop(): void {\n  return;\n}\n"],"names":["$createTextNode","$getNodeByKey","$getSelection","$isRangeSelection","$isTextNode","$setSelection","COMMAND_PRIORITY_LOW","KEY_TAB_COMMAND","mergeRegister","$isSentinelNode","GhostTextPluginBase","cleanup","__cleanup","setExposeText","exposeText","__exposeText","setComponentProps","componentProps","__componentProps","setGetGhostText","$getGhostText","__$getGhostText","setAllowCompletion","allowCompletion","__allowCompletion","constructor","editor","id","nodeClass","createNode","__id","ghostTextNodeKey","lastText","undefined","justRemovedGhostText","justAddedGhostText","$clearGhostText","ghostTextNode","isAttached","remove","handleGhostTextNodeTransform","node","key","getKey","handleGhostTextResponse","text","update","selection","selectionCopy","clone","insertNodes","tag","handleUpdate","props","editorState","prevEditorState","read","isCollapsed","selectedNode","getNodes","at","previousNodeKey","getPreviousSibling","previousNodeIsGhostText","anchor","offset","modify","selectEnd","promise","then","catch","e","console","error","unmountGhostText","$handleTabCommand","preventDefault","textNode","replace","registerNodeTransform","registerUpdateListener","registerCommand","noop"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib/GhostText/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './GhostText.base';\n"],"names":[],"mappings":"AAAA,cAAc,mBAAmB"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './GhostText.base';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,mBAAmB"}