@openbuilder/cli 0.50.33 → 0.50.36

package/dist/chunks/{theme-CktnrDZj.js → vendor-react-CXgiD1Dl.js}

@@ -1,16 +1,48 @@
 // OpenBuilder CLI - Built with Rollup
+import moduleModule__default from 'module';
+import require$$5 from 'events';
+import require$$0$1 from 'assert';
+import WebSocket from 'ws';
+import devtools$1 from 'react-devtools-core';
 import { PassThrough, Stream } from 'node:stream';
 import process$1, { env, cwd } from 'node:process';
-import { a as getDefaultExportFromCjs, c as commonjsGlobal } from './_commonjsHelpers-h-Bqc03Z.js';
-import require$$0$1 from 'assert';
-import require$$5 from 'events';
 import chalk from 'chalk';
 import os__default from 'node:os';
 import { EventEmitter } from 'node:events';
 import * as fs from 'node:fs';
-import moduleModule__default from 'module';
 import { Buffer as Buffer$1 } from 'node:buffer';
 
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function getAugmentedNamespace(n) {
+  if (n.__esModule) return n;
+  var f = n.default;
+	if (typeof f == "function") {
+		var a = function a () {
+			if (this instanceof a) {
+        return Reflect.construct(f, arguments, this.constructor);
+			}
+			return f.apply(this, arguments);
+		};
+		a.prototype = f.prototype;
+  } else a = {};
+  Object.defineProperty(a, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
 var react = {exports: {}};
 
 var react_production = {};
@@ -36794,12 +36826,87 @@ const styles = (node, style = {}) => {
     applyGapStyles(node, style);
 };
 
+// Ignoring missing types error to avoid adding another dependency for this hack to work
+// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+const customGlobal = global;
+// These things must exist before importing `react-devtools-core`
+// eslint-disable-next-line n/no-unsupported-features/node-builtins
+customGlobal.WebSocket ||= WebSocket;
+customGlobal.window ||= global;
+customGlobal.self ||= global;
+// Filter out Ink's internal components from devtools for a cleaner view.
+// Also, ince `react-devtools-shared` package isn't published on npm, we can't
+// use its types, that's why there are hard-coded values in `type` fields below.
+// See https://github.com/facebook/react/blob/edf6eac8a181860fd8a2d076a43806f1237495a1/packages/react-devtools-shared/src/types.js#L24
+customGlobal.window.__REACT_DEVTOOLS_COMPONENT_FILTERS__ = [
+    {
+        // ComponentFilterElementType
+        type: 1,
+        // ElementTypeHostComponent
+        value: 7,
+        isEnabled: true,
+    },
+    {
+        // ComponentFilterDisplayName
+        type: 2,
+        value: 'InternalApp',
+        isEnabled: true,
+        isValid: true,
+    },
+    {
+        // ComponentFilterDisplayName
+        type: 2,
+        value: 'InternalAppContext',
+        isEnabled: true,
+        isValid: true,
+    },
+    {
+        // ComponentFilterDisplayName
+        type: 2,
+        value: 'InternalStdoutContext',
+        isEnabled: true,
+        isValid: true,
+    },
+    {
+        // ComponentFilterDisplayName
+        type: 2,
+        value: 'InternalStderrContext',
+        isEnabled: true,
+        isValid: true,
+    },
+    {
+        // ComponentFilterDisplayName
+        type: 2,
+        value: 'InternalStdinContext',
+        isEnabled: true,
+        isValid: true,
+    },
+    {
+        // ComponentFilterDisplayName
+        type: 2,
+        value: 'InternalFocusContext',
+        isEnabled: true,
+        isValid: true,
+    },
+];
+
+/* eslint-disable import/order */
+// eslint-disable-next-line import/no-unassigned-import
+// eslint-disable-next-line @typescript-eslint/no-unsafe-call
+devtools$1.initialize();
+// eslint-disable-next-line @typescript-eslint/no-unsafe-call
+devtools$1.connectToDevTools();
+
+var devtools = /*#__PURE__*/Object.freeze({
+	__proto__: null
+});
+
 // We need to conditionally perform devtools connection to avoid
 // accidentally breaking other third-party code.
 // See https://github.com/vadimdemedes/ink/issues/384
 if (process$1.env['DEV'] === 'true') {
     try {
-        await import('./devtools-7A3EXJhY.js');
+        await Promise.resolve().then(function () { return devtools; });
     }
     catch (error) {
         if (error.code === 'ERR_MODULE_NOT_FOUND') {
@@ -39740,6 +39847,11 @@ const useInput = (inputHandler, options = {}) => {
     }, [options.isActive, stdin, internal_exitOnCtrlC, inputHandler]);
 };
 
+/**
+`useApp` is a React hook that exposes a method to manually exit the app (unmount).
+*/
+const useApp = () => reactExports.useContext(AppContext);
+
 /**
 `useStdout` is a React hook that exposes the stdout stream where Ink renders your app.
 */
@@ -40172,46 +40284,114 @@ function requireJsxRuntime () {
 
 var jsxRuntimeExports = requireJsxRuntime();
 
-/**
- * Theme and color definitions for the TUI
- */
-const colors = {
-    // Primary brand colors
-    cyan: '#06b6d4',
-    purple: '#a855f7',
-    brightPurple: '#c084fc',
-    // Status colors
-    success: '#22c55e',
-    error: '#ef4444',
-    warning: '#f59e0b',
-    // Neutral colors
-    white: '#ffffff',
-    gray: '#6b7280',
-    dimGray: '#4b5563',
-    darkGray: '#374151',
-};
-const symbols = {
-    // Progress indicators
-    filledDot: '●',
-    hollowDot: '○',
-    errorDot: '✗',
-    // Task states
-    check: '✓',
-    cross: '✗',
-    // Connectors
-    horizontalLine: '─',
-    // Spinners (will cycle through these)
-    spinnerFrames: ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'],
-};
-const layout = {
-    // Animation timing (slower as requested)
-    spinnerInterval: 120, // ms between spinner frames
-    taskCompletionDelay: 400, // ms to pause after task completion
-    stepTransitionDelay: 300, // ms between step transitions
-    // Shared width for progress stepper and task list (keeps them aligned)
-    // ProgressStepper: 4 cells * 10 chars + 3 connectors * 7 chars = 61 chars
-    progressWidth: 61,
-};
+function TextInput({ value: originalValue, placeholder = '', focus = true, mask, highlightPastedText = false, showCursor = true, onChange, onSubmit, }) {
+    const [state, setState] = reactExports.useState({
+        cursorOffset: (originalValue || '').length,
+        cursorWidth: 0,
+    });
+    const { cursorOffset, cursorWidth } = state;
+    reactExports.useEffect(() => {
+        setState(previousState => {
+            if (!focus || !showCursor) {
+                return previousState;
+            }
+            const newValue = originalValue || '';
+            if (previousState.cursorOffset > newValue.length - 1) {
+                return {
+                    cursorOffset: newValue.length,
+                    cursorWidth: 0,
+                };
+            }
+            return previousState;
+        });
+    }, [originalValue, focus, showCursor]);
+    const cursorActualWidth = highlightPastedText ? cursorWidth : 0;
+    const value = mask ? mask.repeat(originalValue.length) : originalValue;
+    let renderedValue = value;
+    let renderedPlaceholder = placeholder ? chalk.grey(placeholder) : undefined;
+    // Fake mouse cursor, because it's too inconvenient to deal with actual cursor and ansi escapes
+    if (showCursor && focus) {
+        renderedPlaceholder =
+            placeholder.length > 0
+                ? chalk.inverse(placeholder[0]) + chalk.grey(placeholder.slice(1))
+                : chalk.inverse(' ');
+        renderedValue = value.length > 0 ? '' : chalk.inverse(' ');
+        let i = 0;
+        for (const char of value) {
+            renderedValue +=
+                i >= cursorOffset - cursorActualWidth && i <= cursorOffset
+                    ? chalk.inverse(char)
+                    : char;
+            i++;
+        }
+        if (value.length > 0 && cursorOffset === value.length) {
+            renderedValue += chalk.inverse(' ');
+        }
+    }
+    useInput((input, key) => {
+        if (key.upArrow ||
+            key.downArrow ||
+            (key.ctrl && input === 'c') ||
+            key.tab ||
+            (key.shift && key.tab)) {
+            return;
+        }
+        if (key.return) {
+            if (onSubmit) {
+                onSubmit(originalValue);
+            }
+            return;
+        }
+        let nextCursorOffset = cursorOffset;
+        let nextValue = originalValue;
+        let nextCursorWidth = 0;
+        if (key.leftArrow) {
+            if (showCursor) {
+                nextCursorOffset--;
+            }
+        }
+        else if (key.rightArrow) {
+            if (showCursor) {
+                nextCursorOffset++;
+            }
+        }
+        else if (key.backspace || key.delete) {
+            if (cursorOffset > 0) {
+                nextValue =
+                    originalValue.slice(0, cursorOffset - 1) +
+                        originalValue.slice(cursorOffset, originalValue.length);
+                nextCursorOffset--;
+            }
+        }
+        else {
+            nextValue =
+                originalValue.slice(0, cursorOffset) +
+                    input +
+                    originalValue.slice(cursorOffset, originalValue.length);
+            nextCursorOffset += input.length;
+            if (input.length > 1) {
+                nextCursorWidth = input.length;
+            }
+        }
+        if (cursorOffset < 0) {
+            nextCursorOffset = 0;
+        }
+        if (cursorOffset > originalValue.length) {
+            nextCursorOffset = originalValue.length;
+        }
+        setState({
+            cursorOffset: nextCursorOffset,
+            cursorWidth: nextCursorWidth,
+        });
+        if (nextValue !== originalValue) {
+            onChange(nextValue);
+        }
+    }, { isActive: focus });
+    return (React.createElement(Text, null, placeholder
+        ? value.length > 0
+            ? renderedValue
+            : renderedPlaceholder
+        : renderedValue));
+}
 
-export { AppContext as A, Box as B, React as R, Text as T, useStdout as a, render as b, colors as c, jsxRuntimeExports as j, layout as l, reactExports as r, symbols as s, useInput as u };
-//# sourceMappingURL=theme-CktnrDZj.js.map
+export { Box as B, React as R, Text as T, getDefaultExportFromCjs as a, useStdout as b, TextInput as c, useApp as d, render as e, getAugmentedNamespace as g, jsxRuntimeExports as j, reactExports as r, useInput as u };