@fluentui-copilot/chat-input-plugins 0.5.0 → 0.5.1

package/CHANGELOG.json

@@ -2,7 +2,22 @@
   "name": "@fluentui-copilot/chat-input-plugins",
   "entries": [
     {
-      "date": "Wed, 28 May 2025 23:41:19 GMT",
+      "date": "Thu, 17 Jul 2025 17:47:35 GMT",
+      "tag": "@fluentui-copilot/chat-input-plugins_v0.5.1",
+      "version": "0.5.1",
+      "comments": {
+        "patch": [
+          {
+            "author": "hochelmartin@gmail.com",
+            "package": "@fluentui-copilot/chat-input-plugins",
+            "commit": "fef5160c07333e8d9996952a305b34e357604919",
+            "comment": "feat: enable griffel raw styles"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 28 May 2025 23:41:43 GMT",
       "tag": "@fluentui-copilot/chat-input-plugins_v0.5.0",
       "version": "0.5.0",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui-copilot/chat-input-plugins
 
-This log was last generated on Wed, 28 May 2025 23:41:19 GMT and should not be manually modified.
+This log was last generated on Thu, 17 Jul 2025 17:47:35 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.5.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/chat-input-plugins_v0.5.1)
+
+Thu, 17 Jul 2025 17:47:35 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/chat-input-plugins_v0.5.0..@fluentui-copilot/chat-input-plugins_v0.5.1)
+
+### Patches
+
+- feat: enable griffel raw styles ([PR #3227](https://github.com/microsoft/fluentai/pull/3227) by hochelmartin@gmail.com)
+
 ## [0.5.0](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/chat-input-plugins_v0.5.0)
 
-Wed, 28 May 2025 23:41:19 GMT 
+Wed, 28 May 2025 23:41:43 GMT 
 [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/chat-input-plugins_v0.4.2..@fluentui-copilot/chat-input-plugins_v0.5.0)
 
 ### Minor changes

package/lib/BasicFunctionality/BasicFunctionality.base.js

@@ -4,110 +4,104 @@ import { $getRoot, $getSelection, $isRangeSelection, INSERT_PARAGRAPH_COMMAND, K
 import { SENTINEL_VALUE } from './SentinelNode';
 import { registerSentinelNodeHandlers } from './SentinelNodeHandlers';
 function isClipboardEvent(event) {
-  return event.type === 'paste';
+    return event.type === 'paste';
 }
 function getTextFromEditorState(state) {
-  // Remove the sentinel node whenever getting the text
-  return state.read(() => $getRoot().getTextContent()).replace(SENTINEL_VALUE, '');
+    // Remove the sentinel node whenever getting the text
+    return state.read(()=>$getRoot().getTextContent()).replace(SENTINEL_VALUE, '');
 }
 export class BasicFunctionalityBase {
-  __enterHandler(event) {
-    const selection = $getSelection();
-    if (!$isRangeSelection(selection)) {
-      return false;
+    __enterHandler(event) {
+        const selection = $getSelection();
+        if (!$isRangeSelection(selection)) {
+            return false;
+        }
+        if (event === null) {
+            return false;
+        }
+        event.preventDefault();
+        if (event.shiftKey) {
+            return this.__editor.dispatchCommand(INSERT_PARAGRAPH_COMMAND, undefined);
+        }
+        // Mark event handled to override default behavior
+        return true;
     }
-    if (event === null) {
-      return false;
+    activateContentCallbacks(onContentChange, onCountChanged) {
+        this.deactivateContentCallbacks();
+        this.__contentChangeCleanup = this.__editor.registerUpdateListener(({ editorState, prevEditorState, tags })=>{
+            const prevText = getTextFromEditorState(prevEditorState);
+            const newText = getTextFromEditorState(editorState);
+            // If the text has not changed, don't trigger callbacks
+            if (prevText === newText) {
+                return;
+            }
+            onContentChange === null || onContentChange === void 0 ? void 0 : onContentChange(newText);
+            onCountChanged === null || onCountChanged === void 0 ? void 0 : onCountChanged(newText.length);
+        });
     }
-    event.preventDefault();
-    if (event.shiftKey) {
-      return this.__editor.dispatchCommand(INSERT_PARAGRAPH_COMMAND, undefined);
+    deactivateContentCallbacks() {
+        var _this___contentChangeCleanup, _this;
+        (_this___contentChangeCleanup = (_this = this).__contentChangeCleanup) === null || _this___contentChangeCleanup === void 0 ? void 0 : _this___contentChangeCleanup.call(_this);
+        this.__contentChangeCleanup = undefined;
     }
-    // Mark event handled to override default behavior
-    return true;
-  }
-  activateContentCallbacks(onContentChange, onCountChanged) {
-    this.deactivateContentCallbacks();
-    this.__contentChangeCleanup = this.__editor.registerUpdateListener(({
-      editorState,
-      prevEditorState,
-      tags
-    }) => {
-      const prevText = getTextFromEditorState(prevEditorState);
-      const newText = getTextFromEditorState(editorState);
-      // If the text has not changed, don't trigger callbacks
-      if (prevText === newText) {
-        return;
-      }
-      onContentChange === null || onContentChange === void 0 ? void 0 : onContentChange(newText);
-      onCountChanged === null || onCountChanged === void 0 ? void 0 : onCountChanged(newText.length);
-    });
-  }
-  deactivateContentCallbacks() {
-    var _this___contentChangeCleanup, _this;
-    (_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 => {
-      if (!isClipboardEvent(event)) {
-        return false;
-      }
-      onPaste(event);
-      if (event.defaultPrevented) {
-        return true;
-      }
-      return false;
-    }, COMMAND_PRIORITY_HIGH);
-  }
-  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 => {
-      if (text.trim() === '') {
-        this.__editor.update(() => {
-          $getRoot().getAllTextNodes().forEach(node => {
-            node.remove();
-          });
-        },
-        // Don't allow undoing this action
-        {
-          tag: 'historic'
+    activatePasteCallback(onPaste) {
+        this.__pasteHandlerCleanup = this.__editor.registerCommand(PASTE_COMMAND, (event)=>{
+            if (!isClipboardEvent(event)) {
+                return false;
+            }
+            onPaste(event);
+            if (event.defaultPrevented) {
+                return true;
+            }
+            return false;
+        }, COMMAND_PRIORITY_HIGH);
+    }
+    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)=>{
+            if (text.trim() === '') {
+                this.__editor.update(()=>{
+                    $getRoot().getAllTextNodes().forEach((node)=>{
+                        node.remove();
+                    });
+                }, // Don't allow undoing this action
+                {
+                    tag: 'historic'
+                });
+            }
         });
-      }
-    });
-  }
-  deactivateTrimWhitespace() {
-    var _this___trimWhitespaceCleanup, _this;
-    (_this___trimWhitespaceCleanup = (_this = this).__trimWhitespaceCleanup) === null || _this___trimWhitespaceCleanup === void 0 ? void 0 : _this___trimWhitespaceCleanup.call(_this);
-    this.__trimWhitespaceCleanup = undefined;
-  }
-  setIsDisabled(isDisabled) {
-    this.__editor.setEditable(!isDisabled);
-  }
-  cleanup() {
-    var _this___baseHandlersCleanup, _this;
-    this.deactivateContentCallbacks();
-    this.deactivateTrimWhitespace();
-    this.deactivatePasteCallback();
-    (_this___baseHandlersCleanup = (_this = this).__baseHandlersCleanup) === null || _this___baseHandlersCleanup === void 0 ? void 0 : _this___baseHandlersCleanup.call(_this);
-    this.__baseHandlersCleanup = undefined;
-  }
-  constructor(editor, isSentinelNodeEnabled = true) {
-    _define_property(this, "__editor", void 0);
-    _define_property(this, "__contentChangeCleanup", void 0);
-    _define_property(this, "__trimWhitespaceCleanup", void 0);
-    _define_property(this, "__baseHandlersCleanup", void 0);
-    _define_property(this, "__pasteHandlerCleanup", void 0);
-    this.__editor = editor;
-    this.__baseHandlersCleanup = mergeRegister(this.__editor.registerCommand(KEY_ENTER_COMMAND, this.__enterHandler.bind(this), COMMAND_PRIORITY_HIGH), isSentinelNodeEnabled ? registerSentinelNodeHandlers(editor) : noop);
-  }
+    }
+    deactivateTrimWhitespace() {
+        var _this___trimWhitespaceCleanup, _this;
+        (_this___trimWhitespaceCleanup = (_this = this).__trimWhitespaceCleanup) === null || _this___trimWhitespaceCleanup === void 0 ? void 0 : _this___trimWhitespaceCleanup.call(_this);
+        this.__trimWhitespaceCleanup = undefined;
+    }
+    setIsDisabled(isDisabled) {
+        this.__editor.setEditable(!isDisabled);
+    }
+    cleanup() {
+        var _this___baseHandlersCleanup, _this;
+        this.deactivateContentCallbacks();
+        this.deactivateTrimWhitespace();
+        this.deactivatePasteCallback();
+        (_this___baseHandlersCleanup = (_this = this).__baseHandlersCleanup) === null || _this___baseHandlersCleanup === void 0 ? void 0 : _this___baseHandlersCleanup.call(_this);
+        this.__baseHandlersCleanup = undefined;
+    }
+    constructor(editor, isSentinelNodeEnabled = true){
+        _define_property(this, "__editor", void 0);
+        _define_property(this, "__contentChangeCleanup", void 0);
+        _define_property(this, "__trimWhitespaceCleanup", void 0);
+        _define_property(this, "__baseHandlersCleanup", void 0);
+        _define_property(this, "__pasteHandlerCleanup", void 0);
+        this.__editor = editor;
+        this.__baseHandlersCleanup = mergeRegister(this.__editor.registerCommand(KEY_ENTER_COMMAND, this.__enterHandler.bind(this), COMMAND_PRIORITY_HIGH), isSentinelNodeEnabled ? registerSentinelNodeHandlers(editor) : noop);
+    }
 }
 function noop() {
-  return;
+    return;
 }
-//# sourceMappingURL=BasicFunctionality.base.js.map

package/lib/BasicFunctionality/SentinelNode.js

@@ -5,38 +5,37 @@ import { TextNode } from '@fluentui-copilot/text-editor';
 // These two characters together are a no-op and should not be present together in any legitimate user input.
 export const SENTINEL_VALUE = '\u200b\u200c';
 export class SentinelNode extends TextNode {
-  static getType() {
-    return 'sentinel';
-  }
-  static clone(node) {
-    return new SentinelNode(node.__key);
-  }
-  createDOM(config) {
-    const element = super.createDOM(config);
-    element.ariaHidden = 'true';
-    return element;
-  }
-  isToken() {
-    return true;
-  }
-  exportJSON() {
-    return {
-      ...super.exportJSON(),
-      type: 'sentinel',
-      version: 1
-    };
-  }
-  static importJSON(serializedNode) {
-    return $createSentinelNode();
-  }
-  constructor(key) {
-    super(SENTINEL_VALUE, key);
-  }
+    static getType() {
+        return 'sentinel';
+    }
+    static clone(node) {
+        return new SentinelNode(node.__key);
+    }
+    createDOM(config) {
+        const element = super.createDOM(config);
+        element.ariaHidden = 'true';
+        return element;
+    }
+    isToken() {
+        return true;
+    }
+    exportJSON() {
+        return {
+            ...super.exportJSON(),
+            type: 'sentinel',
+            version: 1
+        };
+    }
+    static importJSON(serializedNode) {
+        return $createSentinelNode();
+    }
+    constructor(key){
+        super(SENTINEL_VALUE, key);
+    }
 }
 export function $createSentinelNode(key) {
-  return new SentinelNode(key);
+    return new SentinelNode(key);
 }
 export function $isSentinelNode(node) {
-  return node instanceof SentinelNode;
+    return node instanceof SentinelNode;
 }
-//# sourceMappingURL=SentinelNode.js.map

package/lib/BasicFunctionality/SentinelNodeHandlers.js

@@ -1,84 +1,79 @@
 import { $getLeafNodes, $getNodeByKey, $getRoot, $getSelection, $isRangeSelection, $normalizeSelection__EXPERIMENTAL, $setSelection, mergeRegister } from '@fluentui-copilot/text-editor';
 import { $isSentinelNode, $createSentinelNode, SentinelNode } from './SentinelNode';
 export function registerSentinelNodeHandlers(editor) {
-  // 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.
-  const sentinelNodeUpdateHandler = ({
-    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)) {
-        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());
-        },
-        // historic tag prevents every sentinel node addition from being added to LexicalHistoryPlugin undo stack
-        {
-          discrete: true,
-          tag: 'historic'
-        });
-        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) {
-        editor.update(() => {
-          var _$getNodeByKey;
-          (_$getNodeByKey = $getNodeByKey(lastNodeKey)) === null || _$getNodeByKey === void 0 ? void 0 : _$getNodeByKey.selectStart();
-        });
-        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) {
-          editor.update(() => {
-            if ($getNodeByKey(lastNodeKey) !== null) {
-              $setSelection($normalizeSelection__EXPERIMENTAL(newSelection));
+    // 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.
+    const sentinelNodeUpdateHandler = ({ 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)) {
+                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());
+                }, // historic tag prevents every sentinel node addition from being added to LexicalHistoryPlugin undo stack
+                {
+                    discrete: true,
+                    tag: 'historic'
+                });
+                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) {
+                editor.update(()=>{
+                    var _$getNodeByKey;
+                    (_$getNodeByKey = $getNodeByKey(lastNodeKey)) === null || _$getNodeByKey === void 0 ? void 0 : _$getNodeByKey.selectStart();
+                });
+                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) {
+                    editor.update(()=>{
+                        if ($getNodeByKey(lastNodeKey) !== null) {
+                            $setSelection($normalizeSelection__EXPERIMENTAL(newSelection));
+                        }
+                    });
+                }
+            }
+        });
+    };
+    return mergeRegister(editor.registerUpdateListener(sentinelNodeUpdateHandler), editor.registerNodeTransform(SentinelNode, (node)=>{
+        if (!node.getPreviousSibling() || node.getNextSibling()) {
+            node.remove();
+            return;
         }
-      }
-    });
-  };
-  return mergeRegister(editor.registerUpdateListener(sentinelNodeUpdateHandler), editor.registerNodeTransform(SentinelNode, node => {
-    if (!node.getPreviousSibling() || node.getNextSibling()) {
-      node.remove();
-      return;
-    }
-  }));
+    }));
 }
-//# sourceMappingURL=SentinelNodeHandlers.js.map

package/lib/BasicFunctionality/index.js

@@ -1,3 +1,2 @@
 export { BasicFunctionalityBase } from './BasicFunctionality.base';
 export { $createSentinelNode, $isSentinelNode, SENTINEL_VALUE, SentinelNode } from './SentinelNode';
-//# sourceMappingURL=index.js.map