myoperator-mcp 0.2.347 → 0.2.349

package/dist/index.js

@@ -5152,6 +5152,28 @@ import { cn } from "@/lib/utils";
 
 const blockedNumberKeys = new Set(["e", "E"]);
 const decimalSeparatorKeys = new Set([".", ","]);
+const consecutiveSpaceInputTypes = new Set([
+  "email",
+  "password",
+  "search",
+  "tel",
+  "text",
+  "url",
+]);
+
+function shouldPreventConsecutiveSpacesForType(
+  type: React.HTMLInputTypeAttribute | undefined
+): boolean {
+  return type == null || consecutiveSpaceInputTypes.has(type);
+}
+
+function collapseConsecutiveSpaces(value: string): string {
+  return value.replace(/ {2,}/g, " ");
+}
+
+function getCollapsedCursorPosition(value: string, cursorPosition: number) {
+  return collapseConsecutiveSpaces(value.slice(0, cursorPosition)).length;
+}
 
 /**
  * Input variants for different visual states
@@ -5209,6 +5231,11 @@ export interface InputProps
    * Same as \`decimal\` for whole-number-only fields. If both are set, this wins.
    */
   allowDecimal?: boolean;
+  /**
+   * Prevents inserting a second consecutive space in text-like inputs while
+   * preserving the user's current cursor position. Defaults to \`true\`.
+   */
+  preventConsecutiveSpaces?: boolean;
 }
 
 const Input = React.forwardRef(
@@ -5222,11 +5249,13 @@ const Input = React.forwardRef(
       preventNumberExponent = true,
       decimal = true,
       allowDecimal,
+      preventConsecutiveSpaces = true,
       onFocus,
       onBlur,
       onWheel,
       onKeyDown,
       onPaste,
+      onBeforeInput,
       onChange,
       step,
       ...props
@@ -5239,6 +5268,8 @@ const Input = React.forwardRef(
       type === "number" && preventNumberExponent;
     const shouldBlockDecimals =
       type === "number" && !decimalAllowed;
+    const shouldPreventConsecutiveSpaces =
+      preventConsecutiveSpaces && shouldPreventConsecutiveSpacesForType(type);
 
     const inputEl = (
       <input
@@ -5302,6 +5333,33 @@ const Input = React.forwardRef(
           }
           onPaste?.(e);
         }}
+        onBeforeInput={(e) => {
+          onBeforeInput?.(e);
+          if (!shouldPreventConsecutiveSpaces || e.defaultPrevented) {
+            return;
+          }
+
+          const nativeEvent = e.nativeEvent as InputEvent;
+          if (nativeEvent.inputType !== "insertText" || nativeEvent.data !== " ") {
+            return;
+          }
+
+          const input = e.currentTarget;
+          const selectionStart = input.selectionStart ?? input.value.length;
+          const selectionEnd = input.selectionEnd ?? selectionStart;
+          const nextValue =
+            input.value.slice(0, selectionStart) +
+            nativeEvent.data +
+            input.value.slice(selectionEnd);
+
+          if (nextValue.includes("  ")) {
+            e.preventDefault();
+            input.setSelectionRange(selectionStart, selectionStart);
+            window.requestAnimationFrame(() => {
+              input.setSelectionRange(selectionStart, selectionStart);
+            });
+          }
+        }}
         onChange={(e) => {
           if (shouldPreventNumberExponent && /[eE]/.test(e.target.value)) {
             return;
@@ -5309,6 +5367,21 @@ const Input = React.forwardRef(
           if (shouldBlockDecimals && /[.,]/.test(e.target.value)) {
             return;
           }
+          if (shouldPreventConsecutiveSpaces && e.target.value.includes("  ")) {
+            const input = e.currentTarget;
+            const rawValue = input.value;
+            const rawCursor = input.selectionStart ?? rawValue.length;
+            const collapsedValue = collapseConsecutiveSpaces(rawValue);
+            const nextCursor = Math.min(
+              getCollapsedCursorPosition(rawValue, rawCursor),
+              collapsedValue.length
+            );
+
+            input.value = collapsedValue;
+            window.requestAnimationFrame(() => {
+              input.setSelectionRange(nextCursor, nextCursor);
+            });
+          }
           onChange?.(e);
         }}
         {...props}
@@ -9351,6 +9424,29 @@ import { Loader2, X } from "lucide-react";
 
 import { cn } from "@/lib/utils";
 
+const consecutiveSpaceInputTypes = new Set([
+  "email",
+  "password",
+  "search",
+  "tel",
+  "text",
+  "url",
+]);
+
+function shouldPreventConsecutiveSpacesForType(
+  type: React.HTMLInputTypeAttribute | undefined
+): boolean {
+  return type == null || consecutiveSpaceInputTypes.has(type);
+}
+
+function collapseConsecutiveSpaces(value: string): string {
+  return value.replace(/ {2,}/g, " ");
+}
+
+function getCollapsedCursorPosition(value: string, cursorPosition: number) {
+  return collapseConsecutiveSpaces(value.slice(0, cursorPosition)).length;
+}
+
 /**
  * TextField container variants for when icons/prefix/suffix are present
  */
@@ -9453,6 +9549,11 @@ export interface TextFieldProps
   labelClassName?: string;
   /** Additional class for the input container (includes prefix/suffix/icons) */
   inputContainerClassName?: string;
+  /**
+   * Prevents inserting a second consecutive space in text-like inputs while
+   * preserving the user's current cursor position. Defaults to \`true\`.
+   */
+  preventConsecutiveSpaces?: boolean;
 }
 
 const TextField = React.forwardRef(
@@ -9480,10 +9581,12 @@ const TextField = React.forwardRef(
       value,
       defaultValue,
       onChange,
+      onBeforeInput,
       onWheel,
       disabled,
       id,
       type,
+      preventConsecutiveSpaces = true,
       ...props
     }: TextFieldProps,
     ref: React.ForwardedRef<HTMLInputElement>
@@ -9510,9 +9613,27 @@ const TextField = React.forwardRef(
 
     // Derive state from props
     const derivedState = error ? "error" : (state ?? "default");
+    const shouldPreventConsecutiveSpaces =
+      preventConsecutiveSpaces && shouldPreventConsecutiveSpacesForType(type);
 
     // Handle change for both controlled and uncontrolled
     const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+      if (shouldPreventConsecutiveSpaces && e.target.value.includes("  ")) {
+        const input = e.currentTarget;
+        const rawValue = input.value;
+        const rawCursor = input.selectionStart ?? rawValue.length;
+        const collapsedValue = collapseConsecutiveSpaces(rawValue);
+        const nextCursor = Math.min(
+          getCollapsedCursorPosition(rawValue, rawCursor),
+          collapsedValue.length
+        );
+
+        input.value = collapsedValue;
+        window.requestAnimationFrame(() => {
+          input.setSelectionRange(nextCursor, nextCursor);
+        });
+      }
+
       if (!isControlled) {
         setInternalValue(e.target.value);
       }
@@ -9572,6 +9693,33 @@ const TextField = React.forwardRef(
         maxLength={maxLength}
         value={isControlled ? value : undefined}
         defaultValue={!isControlled ? defaultValue : undefined}
+        onBeforeInput={(e) => {
+          onBeforeInput?.(e);
+          if (!shouldPreventConsecutiveSpaces || e.defaultPrevented) {
+            return;
+          }
+
+          const nativeEvent = e.nativeEvent as InputEvent;
+          if (nativeEvent.inputType !== "insertText" || nativeEvent.data !== " ") {
+            return;
+          }
+
+          const input = e.currentTarget;
+          const selectionStart = input.selectionStart ?? input.value.length;
+          const selectionEnd = input.selectionEnd ?? selectionStart;
+          const nextValue =
+            input.value.slice(0, selectionStart) +
+            nativeEvent.data +
+            input.value.slice(selectionEnd);
+
+          if (nextValue.includes("  ")) {
+            e.preventDefault();
+            input.setSelectionRange(selectionStart, selectionStart);
+            window.requestAnimationFrame(() => {
+              input.setSelectionRange(selectionStart, selectionStart);
+            });
+          }
+        }}
         onChange={handleChange}
         onWheel={
           type === "number"
@@ -9825,7 +9973,7 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
     }: TextareaProps,
     ref
   ) => {
-    const textareaRef = React.useRef<HTMLTextAreaElement>(null);
+    const textareaRef = React.useRef<HTMLTextAreaElement | null>(null);
     const pendingSelectionRef = React.useRef<[number, number] | null>(null);
 
     const setTextareaRef = React.useCallback(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myoperator-mcp",
-  "version": "0.2.347",
+  "version": "0.2.349",
   "description": "MCP server for myOperator UI components - enables AI assistants to access component metadata, examples, and design tokens",
   "type": "module",
   "bin": "./dist/index.js",