chore(apollo-react): cleanup

Author: david-rios-uipath

packages/apollo-react/src/canvas/components/StickyNoteNode/StickyNoteNode.tsx

@@ -12,6 +12,7 @@ import { NodeToolbar } from '../Toolbar';
 import { FormattingToolbar } from './FormattingToolbar';
 import {
   type ActiveFormats,
+  activeFormatsEqual,
   continueListOnEnter,
   detectActiveFormats,
 } from './markdown-formatting';
@@ -125,15 +126,13 @@ const StickyNoteNodeComponent = ({
   }, []);
 
   const updateActiveFormats = useCallback(() => {
-    if (textAreaRef.current) {
-      setActiveFormats(
-        detectActiveFormats({
-          value: textAreaRef.current.value,
-          selectionStart: textAreaRef.current.selectionStart,
-          selectionEnd: textAreaRef.current.selectionEnd,
-        })
-      );
-    }
+    if (!textAreaRef.current) return;
+    const next = detectActiveFormats({
+      value: textAreaRef.current.value,
+      selectionStart: textAreaRef.current.selectionStart,
+      selectionEnd: textAreaRef.current.selectionEnd,
+    });
+    setActiveFormats((prev) => (activeFormatsEqual(prev, next) ? prev : next));
   }, []);
 
   const shortcutKeyDown = useMarkdownShortcuts(textAreaRef, handleFormat);
@@ -348,7 +347,6 @@ const StickyNoteNodeComponent = ({
                 onKeyDown={handleKeyDown}
                 onSelect={updateActiveFormats}
                 onKeyUp={updateActiveFormats}
-                readOnly={!isEditing}
                 placeholder={placeholder}
                 isEditing={isEditing}
                 className="nodrag nowheel"

packages/apollo-react/src/canvas/components/StickyNoteNode/markdown-formatting/detectActiveFormats.ts

@@ -9,6 +9,16 @@ export type ActiveFormats = {
   numberedList: boolean;
 };
 
+export function activeFormatsEqual(a: ActiveFormats, b: ActiveFormats): boolean {
+  return (
+    a.bold === b.bold &&
+    a.italic === b.italic &&
+    a.strikethrough === b.strikethrough &&
+    a.bulletList === b.bulletList &&
+    a.numberedList === b.numberedList
+  );
+}
+
 export function detectActiveFormats(input: TextSelection): ActiveFormats {
   const { value, selectionStart } = input;
 
@@ -17,8 +27,10 @@ export function detectActiveFormats(input: TextSelection): ActiveFormats {
   if (lineEnd === -1) lineEnd = value.length;
   const currentLine = value.slice(lineStart, lineEnd);
 
-  const textBefore = value.slice(0, selectionStart);
-  const textAfter = value.slice(selectionStart);
+  // Scope to current line only — inline markdown formatting never spans lines
+  const cursorInLine = selectionStart - lineStart;
+  const textBefore = currentLine.slice(0, cursorInLine);
+  const textAfter = currentLine.slice(cursorInLine);
 
   // Bold: find ** before/after cursor on same line, allowing single * (from italic) in between
   const bold =

packages/apollo-react/src/canvas/components/StickyNoteNode/markdown-formatting/index.ts

@@ -1,10 +1,10 @@
-export { type ActiveFormats, detectActiveFormats } from './detectActiveFormats';
+export { type ActiveFormats, activeFormatsEqual, detectActiveFormats } from './detectActiveFormats';
 export { toggleBold, toggleItalic, toggleStrikethrough } from './inlineFormatting';
 export {
   BULLET_PREFIX,
+  continueListOnEnter,
   NUMBERED_PREFIX,
   NUMBERED_PREFIX_FULL,
-  continueListOnEnter,
   toggleBulletList,
   toggleNumberedList,
 } from './listFormatting';

packages/apollo-react/src/canvas/components/StickyNoteNode/markdown-formatting/inlineFormatting.ts

@@ -1,5 +1,5 @@
 import type { TextSelection } from '../StickyNoteNode.types';
-import { BULLET_PREFIX, NUMBERED_PREFIX_FULL } from './listFormatting';
+import { BULLET_PREFIX, NUMBERED_PREFIX, NUMBERED_PREFIX_FULL } from './listFormatting';
 
 /**
  * Toggles an inline markdown wrapper (e.g., **, *, ~~) around the selected text.
@@ -88,7 +88,6 @@ function toggleInlineWrap(input: TextSelection, marker: string): TextSelection {
     }
 
     const lines = value.slice(lineStart, lineEnd).split('\n');
-    const NUMBERED_PREFIX = /^(\s*)\d+\.\s/;
 
     if (
       lines.length >= 2 &&