@mongosh/browser-repl 1.6.0 → 1.6.2

package/.depcheckrc

@@ -1,2 +1,8 @@
-ignores: ['css-loader', 'file-loader', 'less', 'less-loader', 'style-loader', 'ts-loader', 'webpack-cli']
-skip-missing: true
+ignores: [
+    # used by webpack
+    'webpack-cli',
+    # resolved as `<depname>/` so depcheck doesn't see it being used
+    'buffer',
+    'util'
+  ]
+skip-missing: true

package/config/webpack.config.base.js

@@ -1,76 +1,61 @@
-const path = require('path');
+const webpack = require('webpack');
 
 module.exports = {
+  target: 'web',
   stats: 'errors-only',
   resolve: {
     extensions: ['.tsx', '.ts', '.jsx', '.js', '.less'],
-    alias: {
-      // imports in service-provider-core that can break the browser build
-      'whatwg-url': path.resolve(__dirname, 'plain-url.js'),
+    fallback: {
+      // node specific and don't require a polyfill
+      zlib: false,
+      v8: false,
+      fs: false,
+      crypto: false,
+      // node specific and require a polyfill
+      // path polyfill is required for following packages:
+      //   async-rewriter2, @mongodb-js/compass-components, mongodb-log-writer, shell-api
+      path: require.resolve('path-browserify'),
+      // stream polyfill is required for following packages:
+      //   mongodb-log-writer, @leafygreen-ui/emotion
+      stream: require.resolve('stream-browserify'),
+      // buffer polyfill is required for following packages:
+      //   @leafygreen-ui/emotion
+      buffer: require.resolve('buffer/'),
+      // util polyfill is required by browser-repl itself
+      util: require.resolve('util/'),
+      // compass specific
+      electron: false,
+      '@electron/remote': false,
+      'hadron-ipc': false,
+      'compass-preferences-model': false
     }
   },
   module: {
     rules: [
       {
-        test: /\.js(x?)$/,
-        exclude: /node_modules/,
+        test: /\.(js|jsx|ts|tsx)$/,
+        include: [/src/, /node_modules/],
         use: {
-          loader: 'babel-loader'
-        }
-      },
-      {
-        test: /\.ts(x?)$/,
-        exclude: /node_modules/,
-        use: {
-          loader: 'ts-loader'
-        }
-      },
-      {
-        test: /\.css$/,
-        use: [
-          { loader: 'style-loader' },
-          { loader: 'css-loader' }
-        ]
-      },
-      // For styles that have to be global (see https://github.com/css-modules/css-modules/pull/65)
-      {
-        test: /\.less$/,
-        include: [/\.global/, /bootstrap/],
-        use: [
-          {
-            loader: 'style-loader',
-          },
-          {
-            loader: 'css-loader',
-            options: {
-              modules: false
-            }
-          },
-          {
-            loader: 'less-loader',
-          }
-        ]
-      },
-      // For CSS-Modules locally scoped styles
-      {
-        test: /\.less$/,
-        exclude: [/\.global/, /bootstrap/, /node_modules/],
-        use: [
-          { loader: 'style-loader' },
-          {
-            loader: 'css-loader',
-            options: {
-              modules: {
-                localIdentName: 'mongosh-[name]-[local]__[hash:base64:5]'
-              },
-              importLoaders: 1,
-            }
-          },
-          {
-            loader: 'less-loader'
+          loader: require.resolve('babel-loader'),
+          options: {
+            presets: [
+              require.resolve('@babel/preset-react'),
+              require.resolve('@babel/preset-typescript')
+            ],
+            plugins: [
+              require.resolve('@babel/plugin-proposal-class-properties')
+            ],
+            sourceType: 'unambiguous',
+            compact: false
           }
-        ]
+        }
       }
     ]
-  }
+  },
+  plugins: [
+    new webpack.ProvidePlugin({
+      process: 'process',
+      Buffer: ['buffer', 'Buffer']
+    })
+  ]
 };

package/config/webpack.config.test.js

@@ -4,21 +4,5 @@ process.env.NODE_ENV = 'test';
 
 module.exports = {
   ...webpackConfigBase,
-  mode: 'development',
-  devtool: 'eval-source-map',
-  node: {
-    global: true,
-    crypto: 'empty',
-    module: false,
-    clearImmediate: false,
-    setImmediate: false
-  },
-  externals: {
-    'fs': 'none',
-    'jsdom': 'window',
-    'cheerio': 'window',
-    'react/lib/ExecutionEnvironment': 'true',
-    'react/addons': 'true',
-    'react/lib/ReactContext': 'window'
-  }
+  mode: 'development'
 };

package/config/webpack.config.watch.js

@@ -0,0 +1,27 @@
+const path = require('path');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
+const webpackConfigBase = require('./webpack.config.base');
+
+webpackConfigBase.module.rules[0].use.options.plugins = [
+  ...webpackConfigBase.module.rules[0].use.options.plugins,
+  require.resolve('react-refresh/babel')
+];
+
+module.exports = {
+  ...webpackConfigBase,
+  mode: 'development',
+  devServer: {
+    static: false,
+    host: 'localhost',
+    hot: true
+  },
+  entry: {
+    sandbox: path.resolve(__dirname, '..', 'src', 'sandbox.tsx')
+  },
+  plugins: [
+    ...(webpackConfigBase.plugins ?? []),
+    new HtmlWebpackPlugin(),
+    new ReactRefreshWebpackPlugin()
+  ]
+};

package/lib/components/ace-autocompleter-adapter.d.ts

@@ -0,0 +1,15 @@
+import { Autocompleter, Completion } from '@mongosh/browser-runtime-core';
+interface AceCompletion {
+    caption: string;
+    value: string;
+}
+export declare class AceAutocompleterAdapter {
+    private adaptee;
+    constructor(adaptee: Autocompleter);
+    getCompletions: (_editor: any, session: any, position: {
+        row: number;
+        column: number;
+    }, prefix: string, done: (err: Error | null, completions?: AceCompletion[] | undefined) => any) => void;
+    adaptCompletion: (prefix: string, line: string, completion: Completion) => AceCompletion;
+}
+export {};

package/lib/components/ace-autocompleter-adapter.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AceAutocompleterAdapter = void 0;
+class AceAutocompleterAdapter {
+    constructor(adaptee) {
+        this.getCompletions = (_editor, session, position, prefix, done) => {
+            const line = session.getLine(position.row)
+                .substring(0, position.column);
+            this.adaptee.getCompletions(line)
+                .then((completions) => {
+                done(null, completions.map(this.adaptCompletion.bind(this, prefix, line)));
+            })
+                .catch(done);
+        };
+        this.adaptCompletion = (prefix, line, completion) => {
+            const value = prefix + completion.completion.substring(line.length);
+            return {
+                caption: value,
+                value: value
+            };
+        };
+        this.adaptee = adaptee;
+    }
+}
+exports.AceAutocompleterAdapter = AceAutocompleterAdapter;
+//# sourceMappingURL=ace-autocompleter-adapter.js.map

package/lib/components/ace-autocompleter-adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ace-autocompleter-adapter.js","sourceRoot":"","sources":["../../src/components/ace-autocompleter-adapter.ts"],"names":[],"mappings":";;;AAaA,MAAa,uBAAuB;IAGlC,YAAY,OAAsB;QAIlC,mBAAc,GAAG,CACf,OAAY,EACZ,OAAY,EACZ,QAAyC,EACzC,MAAc,EACd,IAA+D,EAAQ,EAAE;YAGzE,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC;iBACvC,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;YAGjC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC;iBAC9B,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE;gBACpB,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,GAAG,CACxB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,CAC9C,CAAC,CAAC;YACL,CAAC,CAAC;iBACD,KAAK,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC,CAAC;QAEF,oBAAe,GAAG,CAAC,MAAc,EAAE,IAAY,EAAE,UAAsB,EAAiB,EAAE;YAGxF,MAAM,KAAK,GAAG,MAAM,GAAG,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACpE,OAAO;gBACL,OAAO,EAAE,KAAK;gBACd,KAAK,EAAE,KAAK;aACb,CAAC;QACJ,CAAC,CAAC;QAhCA,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;CAgCF;AArCD,0DAqCC"}

package/lib/components/editor.d.ts

@@ -0,0 +1,41 @@
+import { Component } from 'react';
+import { AceEditor as IAceEditor } from '@mongodb-js/compass-editor';
+import { Autocompleter } from '@mongosh/browser-runtime-core';
+interface EditorProps {
+    autocompleter?: Autocompleter;
+    moveCursorToTheEndOfInput: boolean;
+    onEnter(): void | Promise<void>;
+    onArrowUpOnFirstLine(): void | Promise<void>;
+    onArrowDownOnLastLine(): void | Promise<void>;
+    onChange(value: string): void | Promise<void>;
+    onClearCommand(): void | Promise<void>;
+    onSigInt(): Promise<boolean>;
+    operationInProgress: boolean;
+    value: string;
+    onEditorLoad?: (editor: IAceEditor) => void;
+}
+export declare class Editor extends Component<EditorProps> {
+    static defaultProps: {
+        onEnter: () => void;
+        onArrowUpOnFirstLine: () => void;
+        onArrowDownOnLastLine: () => void;
+        onChange: () => void;
+        onClearCommand: () => void;
+        onSigInt: () => void;
+        operationInProgress: boolean;
+        value: string;
+        moveCursorToTheEndOfInput: boolean;
+    };
+    private editor;
+    private visibleCursorDisplayStyle;
+    private onEditorLoad;
+    private autocompleter;
+    private editorId;
+    constructor(props: EditorProps);
+    componentDidUpdate(prevProps: EditorProps): void;
+    componentWillUnmount(): void;
+    private hideCursor;
+    private showCursor;
+    render(): JSX.Element;
+}
+export {};

package/lib/components/editor.js

@@ -0,0 +1,140 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Editor = void 0;
+const react_1 = __importStar(require("react"));
+const compass_components_1 = require("@mongodb-js/compass-components");
+const compass_editor_1 = require("@mongodb-js/compass-editor");
+const ace_autocompleter_adapter_1 = require("./ace-autocompleter-adapter");
+const noop = () => { };
+const editor = (0, compass_components_1.css)({
+    lineHeight: '24px !important',
+    marginLeft: '-4px',
+});
+class Editor extends react_1.Component {
+    constructor(props) {
+        super(props);
+        this.visibleCursorDisplayStyle = '';
+        this.onEditorLoad = (editor) => {
+            var _a, _b;
+            this.editor = editor;
+            this.visibleCursorDisplayStyle = this.editor.renderer.$cursorLayer.element.style.display;
+            editor.commands.on('afterExec', (e) => {
+                if (this.autocompleter &&
+                    e.command.name === 'insertstring' &&
+                    /^[\w.]$/.test(e.args)) {
+                    this.editor.execCommand('startAutocomplete');
+                }
+            });
+            (_b = (_a = this.props).onEditorLoad) === null || _b === void 0 ? void 0 : _b.call(_a, editor);
+        };
+        this.autocompleter = null;
+        this.editorId = Date.now();
+        if (this.props.autocompleter) {
+            this.autocompleter = new ace_autocompleter_adapter_1.AceAutocompleterAdapter(this.props.autocompleter);
+        }
+    }
+    componentDidUpdate(prevProps) {
+        if (prevProps.operationInProgress !== this.props.operationInProgress) {
+            if (this.props.operationInProgress) {
+                this.hideCursor();
+            }
+            else {
+                this.showCursor();
+            }
+        }
+    }
+    componentWillUnmount() {
+        this.autocompleter = null;
+    }
+    hideCursor() {
+        this.editor.renderer.$cursorLayer.element.style.display = 'none';
+    }
+    showCursor() {
+        this.editor.renderer.$cursorLayer.element.style.display = this.visibleCursorDisplayStyle;
+    }
+    render() {
+        return (react_1.default.createElement(compass_editor_1.InlineEditor, { options: {
+                readOnly: !!this.props.operationInProgress
+            }, className: editor, name: `mongosh-ace-${this.editorId}`, onLoad: this.onEditorLoad, text: this.props.value, onChangeText: this.props.onChange, completer: this.autocompleter, commands: [
+                {
+                    name: 'return',
+                    bindKey: { win: 'Return', mac: 'Return' },
+                    exec: () => {
+                        this.props.onEnter();
+                    }
+                },
+                {
+                    name: 'arrowUpOnFirstLine',
+                    bindKey: { win: 'Up', mac: 'Up' },
+                    exec: () => {
+                        const selectionRange = this.editor.getSelectionRange();
+                        if (!selectionRange.isEmpty() || selectionRange.start.row !== 0) {
+                            return this.editor.selection.moveCursorUp();
+                        }
+                        this.props.onArrowUpOnFirstLine();
+                    }
+                },
+                {
+                    name: 'arrowDownOnLastLine',
+                    bindKey: { win: 'Down', mac: 'Down' },
+                    exec: () => {
+                        const selectionRange = this.editor.getSelectionRange();
+                        const lastRowIndex = this.editor.session.getLength() - 1;
+                        if (!selectionRange.isEmpty() || selectionRange.start.row !== lastRowIndex) {
+                            return this.editor.selection.moveCursorDown();
+                        }
+                        this.props.onArrowDownOnLastLine();
+                    }
+                },
+                {
+                    name: 'clearShell',
+                    bindKey: { win: 'Ctrl-L', mac: 'Command-L' },
+                    exec: this.props.onClearCommand
+                },
+                {
+                    name: 'SIGINT',
+                    bindKey: { win: 'Ctrl-C', mac: 'Ctrl-C' },
+                    exec: this.props.onSigInt,
+                    readOnly: true,
+                }
+            ], maxLines: Infinity, editorProps: {
+                $blockScrolling: Infinity
+            } }));
+    }
+}
+exports.Editor = Editor;
+Editor.defaultProps = {
+    onEnter: noop,
+    onArrowUpOnFirstLine: noop,
+    onArrowDownOnLastLine: noop,
+    onChange: noop,
+    onClearCommand: noop,
+    onSigInt: noop,
+    operationInProgress: false,
+    value: '',
+    moveCursorToTheEndOfInput: false
+};
+//# sourceMappingURL=editor.js.map

package/lib/components/editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.js","sourceRoot":"","sources":["../../src/components/editor.tsx"],"names":[],"mappings":"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"}

package/lib/components/password-prompt.d.ts

@@ -0,0 +1,12 @@
+import React, { Component } from 'react';
+interface PasswordPromptProps {
+    onFinish: (result: string) => void;
+    onCancel: () => void;
+    prompt: string;
+}
+export declare class PasswordPrompt extends Component<PasswordPromptProps> {
+    constructor(props: PasswordPromptProps);
+    onKeyDown: (ev: React.KeyboardEvent<HTMLInputElement>) => void;
+    render(): JSX.Element;
+}
+export {};

package/lib/components/password-prompt.js

@@ -0,0 +1,67 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PasswordPrompt = void 0;
+const react_1 = __importStar(require("react"));
+const compass_components_1 = require("@mongodb-js/compass-components");
+const passwordPrompt = (0, compass_components_1.css)({
+    paddingLeft: 23,
+    '& input': {
+        fontSize: '13px',
+        lineHeight: '24px',
+        fontFamily: compass_components_1.fontFamilies.code,
+        backgroundColor: compass_components_1.palette.gray.dark3,
+        color: compass_components_1.palette.gray.light3,
+        padding: '0 3px',
+        border: `1px solid ${compass_components_1.palette.gray.light3}`,
+        borderRadius: 3
+    }
+});
+class PasswordPrompt extends react_1.Component {
+    constructor(props) {
+        super(props);
+        this.onKeyDown = (ev) => {
+            switch (ev.key) {
+                case 'Enter':
+                    this.props.onFinish(ev.target.value);
+                    break;
+                case 'Esc':
+                case 'Escape':
+                    this.props.onCancel();
+                    break;
+                default:
+                    break;
+            }
+        };
+    }
+    render() {
+        return (react_1.default.createElement("label", { className: passwordPrompt },
+            this.props.prompt,
+            ":\u00A0",
+            react_1.default.createElement("input", { type: "password", onKeyDown: this.onKeyDown, autoFocus: true })));
+    }
+}
+exports.PasswordPrompt = PasswordPrompt;
+//# sourceMappingURL=password-prompt.js.map

package/lib/components/password-prompt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-prompt.js","sourceRoot":"","sources":["../../src/components/password-prompt.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,uEAA4E;AAE5E,MAAM,cAAc,GAAG,IAAA,wBAAG,EAAC;IACzB,WAAW,EAAE,EAAE;IACf,SAAS,EAAE;QACT,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,iCAAY,CAAC,IAAI;QAC7B,eAAe,EAAE,4BAAO,CAAC,IAAI,CAAC,KAAK;QACnC,KAAK,EAAE,4BAAO,CAAC,IAAI,CAAC,MAAM;QAC1B,OAAO,EAAE,OAAO;QAChB,MAAM,EAAE,aAAa,4BAAO,CAAC,IAAI,CAAC,MAAM,EAAE;QAC1C,YAAY,EAAE,CAAC;KAChB;CACF,CAAC,CAAC;AAQH,MAAa,cAAe,SAAQ,iBAA8B;IAChE,YAAY,KAA0B;QACpC,KAAK,CAAC,KAAK,CAAC,CAAC;QAGf,cAAS,GAAG,CAAC,EAAyC,EAAQ,EAAE;YAC9D,QAAQ,EAAE,CAAC,GAAG,EAAE;gBACd,KAAK,OAAO;oBACV,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAE,EAAE,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAC;oBAC3D,MAAM;gBACR,KAAK,KAAK,CAAC;gBACX,KAAK,QAAQ;oBACX,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;oBACtB,MAAM;gBACR;oBACE,MAAM;aACT;QACH,CAAC,CAAC;IAdF,CAAC;IAgBD,MAAM;QACJ,OAAO,CACL,yCAAO,SAAS,EAAE,cAAc;YAC7B,IAAI,CAAC,KAAK,CAAC,MAAM;;YAClB,yCAAO,IAAI,EAAC,UAAU,EAAC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,SAAS,SAAG,CACxD,CACT,CAAC;IACJ,CAAC;CACF;AA3BD,wCA2BC"}

package/lib/components/shell-input.d.ts

@@ -0,0 +1,33 @@
+import { Component } from 'react';
+import { Autocompleter } from '@mongosh/browser-runtime-core';
+import type { AceEditor as IAceEditor } from '@mongodb-js/compass-editor';
+interface ShellInputProps {
+    autocompleter?: Autocompleter;
+    history?: readonly string[];
+    onClearCommand?(): void | Promise<void>;
+    onInput?(code: string): void | Promise<void>;
+    operationInProgress?: boolean;
+    prompt?: string;
+    onEditorLoad?: (editor: IAceEditor) => void;
+    onSigInt?(): Promise<boolean>;
+}
+interface ShellInputState {
+    currentValue: string;
+    readOnly: boolean;
+}
+export declare class ShellInput extends Component<ShellInputProps, ShellInputState> {
+    readonly state: ShellInputState;
+    private editor;
+    private historyNavigationEntries;
+    private historyNavigationIndex;
+    constructor(props: ShellInputProps);
+    componentDidUpdate(prevProps: ShellInputProps): void;
+    private initializeHistoryNavigation;
+    private onChange;
+    private syncCurrentValueWithHistoryNavigation;
+    private historyBack;
+    private historyNext;
+    private onEnter;
+    render(): JSX.Element;
+}
+export {};

package/lib/components/shell-input.js

@@ -0,0 +1,127 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShellInput = void 0;
+const react_1 = __importStar(require("react"));
+const compass_components_1 = require("@mongodb-js/compass-components");
+const editor_1 = require("./editor");
+const shell_loader_1 = __importDefault(require("./shell-loader"));
+const line_with_icon_1 = require("./utils/line-with-icon");
+const shellInput = (0, compass_components_1.css)({
+    padding: '0 8px',
+    minHeight: '24px',
+});
+class ShellInput extends react_1.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            currentValue: '',
+            readOnly: false
+        };
+        this.editor = null;
+        this.historyNavigationEntries = [];
+        this.historyNavigationIndex = 0;
+        this.onChange = (value) => {
+            this.setState({ currentValue: value });
+        };
+        this.historyBack = () => {
+            if (this.historyNavigationIndex >= this.historyNavigationEntries.length - 1) {
+                return;
+            }
+            this.historyNavigationIndex++;
+            this.syncCurrentValueWithHistoryNavigation();
+        };
+        this.historyNext = () => {
+            if (this.historyNavigationIndex <= 0) {
+                return;
+            }
+            this.historyNavigationIndex--;
+            this.syncCurrentValueWithHistoryNavigation();
+        };
+        this.onEnter = async () => {
+            if (this.props.onInput) {
+                await this.props.onInput(this.state.currentValue);
+            }
+            this.setState({ currentValue: '' });
+        };
+        this.initializeHistoryNavigation();
+    }
+    componentDidUpdate(prevProps) {
+        if (prevProps.history !== this.props.history) {
+            this.initializeHistoryNavigation();
+        }
+        if (this.historyNavigationIndex === 0) {
+            this.historyNavigationEntries[0] = this.state.currentValue;
+        }
+    }
+    initializeHistoryNavigation() {
+        this.historyNavigationEntries = [
+            this.state.currentValue,
+            ...(this.props.history || [])
+        ];
+        this.historyNavigationIndex = 0;
+    }
+    syncCurrentValueWithHistoryNavigation() {
+        const value = this.historyNavigationEntries[this.historyNavigationIndex];
+        if (value === undefined) {
+            return;
+        }
+        this.setState({ currentValue: value }, () => {
+            var _a;
+            (_a = this.editor) === null || _a === void 0 ? void 0 : _a.navigateFileEnd();
+        });
+    }
+    render() {
+        let prompt;
+        if (this.props.operationInProgress) {
+            prompt = (react_1.default.createElement(shell_loader_1.default, null));
+        }
+        else if (this.props.prompt) {
+            const trimmed = this.props.prompt.trim();
+            if (trimmed.endsWith('>')) {
+                prompt = (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement("span", null, trimmed.replace(/>$/g, '')),
+                    react_1.default.createElement(compass_components_1.Icon, { size: 12, glyph: 'ChevronRight' })));
+            }
+            else {
+                prompt = (react_1.default.createElement("span", null, trimmed));
+            }
+        }
+        else {
+            prompt = (react_1.default.createElement(compass_components_1.Icon, { size: 12, glyph: 'ChevronRight' }));
+        }
+        const editor = (react_1.default.createElement(editor_1.Editor, { autocompleter: this.props.autocompleter, onArrowUpOnFirstLine: this.historyBack, onArrowDownOnLastLine: this.historyNext, onChange: this.onChange, onEnter: this.onEnter, onClearCommand: this.props.onClearCommand, onEditorLoad: (editor) => {
+                var _a, _b;
+                this.editor = editor;
+                (_b = (_a = this.props).onEditorLoad) === null || _b === void 0 ? void 0 : _b.call(_a, editor);
+            }, value: this.state.currentValue, operationInProgress: this.props.operationInProgress, onSigInt: this.props.onSigInt }));
+        return (react_1.default.createElement(line_with_icon_1.LineWithIcon, { className: shellInput, icon: prompt }, editor));
+    }
+}
+exports.ShellInput = ShellInput;
+//# sourceMappingURL=shell-input.js.map