@mongosh/browser-repl 1.6.0 → 1.6.1

package/lib/iframe-runtime/iframe-runtime.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IframeRuntime = void 0;
+const iframe_interpreter_environment_1 = require("./iframe-interpreter-environment");
+const browser_runtime_core_1 = require("@mongosh/browser-runtime-core");
+class IframeRuntime {
+    constructor(serviceProvider) {
+        this.openContextRuntime = null;
+        this.readyPromise = null;
+        this.iframe = null;
+        this.container = null;
+        this.evaluationListener = null;
+        this.serviceProvider = serviceProvider;
+    }
+    setEvaluationListener(listener) {
+        const prev = this.evaluationListener;
+        this.evaluationListener = listener;
+        if (this.openContextRuntime) {
+            this.openContextRuntime.setEvaluationListener(listener);
+        }
+        return prev;
+    }
+    async evaluate(code) {
+        const runtime = await this.initialize();
+        return await runtime.evaluate(code);
+    }
+    async getCompletions(code) {
+        const runtime = await this.initialize();
+        return await runtime.getCompletions(code);
+    }
+    async getShellPrompt() {
+        const runtime = await this.initialize();
+        return await runtime.getShellPrompt();
+    }
+    async initialize() {
+        if (this.readyPromise !== null) {
+            await this.readyPromise;
+            return this.openContextRuntime;
+        }
+        this.container = document.createElement('div');
+        this.container.style.display = 'none';
+        this.container.insertAdjacentHTML('beforeend', '<iframe src="about:blank" style="display: none" sandbox="allow-same-origin" />');
+        const iframe = this.container.firstElementChild;
+        this.iframe = iframe;
+        this.readyPromise = new Promise((resolve) => {
+            iframe.onload = () => resolve();
+        });
+        document.body.appendChild(this.container);
+        const environment = new iframe_interpreter_environment_1.IframeInterpreterEnvironment(iframe.contentWindow);
+        this.openContextRuntime = new browser_runtime_core_1.OpenContextRuntime(this.serviceProvider, environment);
+        if (this.evaluationListener) {
+            this.openContextRuntime.setEvaluationListener(this.evaluationListener);
+        }
+        return this.initialize();
+    }
+    async destroy() {
+        if (!this.iframe) {
+            return;
+        }
+        const parent = this.iframe.parentNode;
+        if (!parent) {
+            return;
+        }
+        parent.removeChild(this.iframe);
+    }
+}
+exports.IframeRuntime = IframeRuntime;
+//# sourceMappingURL=iframe-runtime.js.map

package/lib/iframe-runtime/iframe-runtime.js.map

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

package/lib/iframe-runtime/index.d.ts

@@ -0,0 +1 @@
+export * from './iframe-runtime';

package/lib/iframe-runtime/index.js

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./iframe-runtime"), exports);
+//# sourceMappingURL=index.js.map

package/lib/iframe-runtime/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/iframe-runtime/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC"}

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+export { Shell } from './components/shell';
+export { IframeRuntime } from './iframe-runtime';

package/lib/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IframeRuntime = exports.Shell = void 0;
+var shell_1 = require("./components/shell");
+Object.defineProperty(exports, "Shell", { enumerable: true, get: function () { return shell_1.Shell; } });
+var iframe_runtime_1 = require("./iframe-runtime");
+Object.defineProperty(exports, "IframeRuntime", { enumerable: true, get: function () { return iframe_runtime_1.IframeRuntime; } });
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;AAAA,4CAA2C;AAAlC,8FAAA,KAAK,OAAA;AACd,mDAAiD;AAAxC,+GAAA,aAAa,OAAA"}

package/lib/sandbox.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/sandbox.js

@@ -0,0 +1,212 @@
+"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 });
+const react_dom_1 = __importDefault(require("react-dom"));
+const react_1 = __importStar(require("react"));
+const compass_components_1 = require("@mongodb-js/compass-components");
+const iframe_runtime_1 = require("./iframe-runtime");
+const index_1 = require("./index");
+(0, compass_components_1.injectGlobal)({
+    body: {
+        margin: 0
+    },
+    '*': {
+        boxSizing: 'border-box'
+    },
+    'input[type=number]': {
+        WebkitAppearance: 'none',
+        MozAppearance: 'textfield'
+    }
+});
+const sandboxContainer = (0, compass_components_1.css)({
+    width: '100vw',
+    height: '100vh',
+    overflowX: 'hidden',
+    overflowY: 'auto',
+    maxHeight: '100vh'
+});
+const shellContainer = (0, compass_components_1.css)({
+    height: '50vh',
+    maxHeight: 320
+});
+const controlsContainer = (0, compass_components_1.css)({
+    padding: '24px',
+    paddingTop: 0,
+    paddingBottom: 0
+});
+const textarea = (0, compass_components_1.css)({
+    textarea: {
+        resize: 'vertical',
+        minHeight: '100px'
+    }
+});
+const textInput = (0, compass_components_1.css)({
+    minWidth: 250
+});
+const formField = (0, compass_components_1.css)({
+    display: 'grid',
+    gridTemplateAreas: `
+    "label       input"
+    "description input"
+  `,
+    gridTemplateColumns: '2fr 1fr',
+    columnGap: 16,
+    justifyItems: 'start',
+    alignItems: 'start',
+    '& :nth-child(1)': {
+        gridArea: 'label'
+    },
+    '& :nth-child(2)': {
+        gridArea: 'description'
+    },
+    '& :nth-child(3)': {
+        gridArea: 'input',
+        justifySelf: 'end'
+    }
+});
+const delay = (msecs = 0) => new Promise((resolve) => {
+    setTimeout(resolve, msecs);
+});
+class DemoServiceProvider {
+    async buildInfo() {
+        await delay();
+        return {
+            version: '4.0.0',
+            modules: ['other', 'enterprise']
+        };
+    }
+    async getConnectionInfo() {
+        return {
+            buildInfo: await this.buildInfo(),
+            extraInfo: {
+                uri: 'mongodb://localhost/'
+            }
+        };
+    }
+    getTopology() {
+        return {
+            description: {
+                type: 'ReplicaSetWithPrimary',
+                setName: 'replset'
+            }
+        };
+    }
+    async listDatabases() {
+        await delay(2000);
+        return {
+            databases: [
+                { name: 'db1', sizeOnDisk: 10000, empty: false },
+                { name: 'db2', sizeOnDisk: 20000, empty: false },
+                { name: 'db-with-long-name', sizeOnDisk: 30000, empty: false },
+                { name: '500mb', sizeOnDisk: 500000000, empty: false }
+            ],
+            totalSize: 50000,
+            ok: 1
+        };
+    }
+    async listCollections() {
+        await delay(2000);
+        return [
+            { name: 'nested_documents', type: 'collection' },
+            { name: 'decimal128', type: 'collection' },
+            { name: 'coll', type: 'collection' },
+            { name: 'people_imported', type: 'timeseries' },
+            { name: 'cats', type: 'view' },
+            { name: 'system.views', type: '' }
+        ];
+    }
+    async stats() {
+        await delay();
+        return { size: 1000 };
+    }
+}
+const runtime = new iframe_runtime_1.IframeRuntime(new DemoServiceProvider());
+const IframeRuntimeExample = () => {
+    const [redactInfo, setRedactInfo] = (0, react_1.useState)(false);
+    const [maxOutputLength, setMaxOutputLength] = (0, react_1.useState)(1000);
+    const [maxHistoryLength, setMaxHistoryLength] = (0, react_1.useState)(1000);
+    const [initialOutput] = (0, react_1.useState)([
+        { format: 'output', value: { foo: 1, bar: true, buz: function () { } } }
+    ]);
+    const [initialHistory, setInitialHistory] = (0, react_1.useState)([
+        'show dbs',
+        'db.coll.stats()',
+        '{x: 1, y: {z: 2}, k: [1, 2, 3]}'
+    ]);
+    (0, react_1.useEffect)(() => {
+        void runtime.initialize();
+        return () => {
+            void runtime.destroy();
+        };
+    }, []);
+    const key = (0, react_1.useMemo)(() => {
+        return initialHistory.join('');
+    }, [initialHistory]);
+    return (react_1.default.createElement("div", { className: sandboxContainer },
+        react_1.default.createElement("div", { className: shellContainer },
+            react_1.default.createElement(index_1.Shell, { key: key, runtime: runtime, redactInfo: redactInfo, maxOutputLength: maxOutputLength, maxHistoryLength: maxHistoryLength, initialOutput: initialOutput, initialHistory: initialHistory.filter(Boolean) })),
+        react_1.default.createElement("div", { className: controlsContainer },
+            react_1.default.createElement(compass_components_1.FormFieldContainer, { className: formField },
+                react_1.default.createElement(compass_components_1.Label, { id: "redactInfoLabel", htmlFor: "redactInfo" }, "redactInfo"),
+                react_1.default.createElement(compass_components_1.Description, null,
+                    "If set, the shell will omit or redact entries containing sensitive info from history. Defaults to ",
+                    react_1.default.createElement("code", null, "false"),
+                    "."),
+                react_1.default.createElement(compass_components_1.Toggle, { "aria-labelledby": "redactInfoLabel", id: "redactInfo", size: "small", checked: redactInfo, onChange: setRedactInfo })),
+            react_1.default.createElement(compass_components_1.FormFieldContainer, { className: formField },
+                react_1.default.createElement(compass_components_1.Label, { id: "maxOutputLengthLabel", htmlFor: "maxOutputLength" }, "maxOutputLength"),
+                react_1.default.createElement(compass_components_1.Description, null,
+                    "The maxiumum number of lines to keep in the output. Defaults to",
+                    ' ',
+                    react_1.default.createElement("code", null, "1000"),
+                    "."),
+                react_1.default.createElement(compass_components_1.TextInput, { className: textInput, "aria-labelledby": "maxOutputLengthLabel", type: "number", value: String(maxOutputLength), onChange: (evt) => {
+                        setMaxOutputLength(Number(evt.currentTarget.value));
+                    } })),
+            react_1.default.createElement(compass_components_1.FormFieldContainer, { className: formField },
+                react_1.default.createElement(compass_components_1.Label, { id: "maxHistoryLengthLabel", htmlFor: "maxHistoryLength" }, "maxHistoryLength"),
+                react_1.default.createElement(compass_components_1.Description, null,
+                    "The maxiumum number of lines to keep in the history. Defaults to",
+                    ' ',
+                    react_1.default.createElement("code", null, "1000"),
+                    "."),
+                react_1.default.createElement(compass_components_1.TextInput, { className: textInput, "aria-labelledby": "maxHistoryLengthLabel", type: "number", value: String(maxHistoryLength), onChange: (evt) => {
+                        setMaxHistoryLength(Number(evt.currentTarget.value));
+                    } })),
+            react_1.default.createElement(compass_components_1.FormFieldContainer, { className: formField },
+                react_1.default.createElement(compass_components_1.Label, { id: "initialHistoryLabel", htmlFor: "initialHistory" }, "initialHistory"),
+                react_1.default.createElement(compass_components_1.Description, null,
+                    "An array of history entries to prepopulate the history. Can be used to restore the history between sessions. Entries must be ordered from the most recent to the oldest.",
+                    react_1.default.createElement("br", null),
+                    "Note: new entries will not be appended to the array"),
+                react_1.default.createElement(compass_components_1.TextArea, { "aria-labelledby": "initialHistory", value: initialHistory.join('\n'), onChange: (evt) => {
+                        setInitialHistory(evt.currentTarget.value.split('\n'));
+                    }, className: (0, compass_components_1.cx)(textarea, textInput) })))));
+};
+react_dom_1.default.render(react_1.default.createElement(IframeRuntimeExample, null), document.body);
+//# sourceMappingURL=sandbox.js.map

package/lib/sandbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sandbox.js","sourceRoot":"","sources":["../src/sandbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAiC;AACjC,+CAA4D;AAC5D,uEAUwC;AACxC,qDAAiD;AACjD,mCAAgC;AAGhC,IAAA,iCAAY,EAAC;IACX,IAAI,EAAE;QACJ,MAAM,EAAE,CAAC;KACV;IACD,GAAG,EAAE;QACH,SAAS,EAAE,YAAY;KACxB;IACD,oBAAoB,EAAE;QACpB,gBAAgB,EAAE,MAAM;QACxB,aAAa,EAAE,WAAW;KAC3B;CACF,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAG,IAAA,wBAAG,EAAC;IAC3B,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,OAAO;IACf,SAAS,EAAE,QAAQ;IACnB,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,OAAO;CACnB,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,IAAA,wBAAG,EAAC;IACzB,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,GAAG;CACf,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,IAAA,wBAAG,EAAC;IAC5B,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,CAAC;IACb,aAAa,EAAE,CAAC;CACjB,CAAC,CAAC;AAEH,MAAM,QAAQ,GAAG,IAAA,wBAAG,EAAC;IACnB,QAAQ,EAAE;QACR,MAAM,EAAE,UAAU;QAClB,SAAS,EAAE,OAAO;KACnB;CACF,CAAC,CAAC;AAEH,MAAM,SAAS,GAAG,IAAA,wBAAG,EAAC;IACpB,QAAQ,EAAE,GAAG;CACd,CAAC,CAAC;AAEH,MAAM,SAAS,GAAG,IAAA,wBAAG,EAAC;IACpB,OAAO,EAAE,MAAM;IACf,iBAAiB,EAAE;;;GAGlB;IACD,mBAAmB,EAAE,SAAS;IAC9B,SAAS,EAAE,EAAE;IACb,YAAY,EAAE,OAAO;IACrB,UAAU,EAAE,OAAO;IACnB,iBAAiB,EAAE;QACjB,QAAQ,EAAE,OAAO;KAClB;IACD,iBAAiB,EAAE;QACjB,QAAQ,EAAE,aAAa;KACxB;IACD,iBAAiB,EAAE;QACjB,QAAQ,EAAE,OAAO;QACjB,WAAW,EAAE,KAAK;KACnB;CACF,CAAC,CAAC;AAEH,MAAM,KAAK,GAAG,CAAC,KAAK,GAAG,CAAC,EAAiB,EAAE,CACzC,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;IACtB,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAC7B,CAAC,CAAC,CAAC;AAEL,MAAM,mBAAmB;IACvB,KAAK,CAAC,SAAS;QACb,MAAM,KAAK,EAAE,CAAC;QACd,OAAO;YACL,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC;SACjC,CAAC;IACJ,CAAC;IAED,KAAK,CAAC,iBAAiB;QACrB,OAAO;YACL,SAAS,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE;YACjC,SAAS,EAAE;gBACT,GAAG,EAAE,sBAAsB;aAC5B;SACF,CAAC;IACJ,CAAC;IAED,WAAW;QACT,OAAO;YACL,WAAW,EAAE;gBACX,IAAI,EAAE,uBAAuB;gBAC7B,OAAO,EAAE,SAAS;aACnB;SACF,CAAC;IACJ,CAAC;IAED,KAAK,CAAC,aAAa;QACjB,MAAM,KAAK,CAAC,IAAI,CAAC,CAAC;QAElB,OAAO;YACL,SAAS,EAAE;gBACT,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;gBAChD,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;gBAChD,EAAE,IAAI,EAAE,mBAAmB,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;gBAC9D,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE;aACvD;YACD,SAAS,EAAE,KAAK;YAChB,EAAE,EAAE,CAAC;SACN,CAAC;IACJ,CAAC;IAED,KAAK,CAAC,eAAe;QACnB,MAAM,KAAK,CAAC,IAAI,CAAC,CAAC;QAElB,OAAO;YACL,EAAE,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,YAAY,EAAE;YAChD,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE;YAC1C,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE;YACpC,EAAE,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,YAAY,EAAE;YAC/C,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE;YAC9B,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,EAAE,EAAE;SACnC,CAAC;IACJ,CAAC;IAED,KAAK,CAAC,KAAK;QACT,MAAM,KAAK,EAAE,CAAC;QACd,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IACxB,CAAC;CACF;AAED,MAAM,OAAO,GAAG,IAAI,8BAAa,CAAC,IAAI,mBAAmB,EAAS,CAAC,CAAC;AAEpE,MAAM,oBAAoB,GAA4B,GAAG,EAAE;IACzD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAC7D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAC/D,MAAM,CAAC,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAqB;QACnD,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,cAAY,CAAC,EAAE,EAAE;KACvE,CAAC,CAAC;IACH,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC;QACnD,UAAU;QACV,iBAAiB;QACjB,iCAAiC;KAClC,CAAC,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,KAAK,OAAO,CAAC,UAAU,EAAE,CAAC;QAC1B,OAAO,GAAS,EAAE;YAChB,KAAK,OAAO,CAAC,OAAO,EAAE,CAAC;QACzB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,GAAG,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACvB,OAAO,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,uCAAK,SAAS,EAAE,gBAAgB;QAC9B,uCAAK,SAAS,EAAE,cAAc;YAC5B,8BAAC,aAAK,IACJ,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,CAAC,MAAM,CAAC,OAAO,CAAC,GAC9C,CACE;QACN,uCAAK,SAAS,EAAE,iBAAiB;YAC/B,8BAAC,uCAAkB,IAAC,SAAS,EAAE,SAAS;gBACtC,8BAAC,0BAAK,IAAC,EAAE,EAAC,iBAAiB,EAAC,OAAO,EAAC,YAAY,iBAExC;gBACR,8BAAC,gCAAW;;oBAEqB,oDAAkB;wBACrC;gBACd,8BAAC,2BAAM,uBACW,iBAAiB,EACjC,EAAE,EAAC,YAAY,EACf,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,aAAa,GACvB,CACiB;YAErB,8BAAC,uCAAkB,IAAC,SAAS,EAAE,SAAS;gBACtC,8BAAC,0BAAK,IAAC,EAAE,EAAC,sBAAsB,EAAC,OAAO,EAAC,iBAAiB,sBAElD;gBACR,8BAAC,gCAAW;;oBACsD,GAAG;oBACnE,mDAAiB;wBACL;gBACd,8BAAC,8BAAS,IACR,SAAS,EAAE,SAAS,qBACJ,sBAAsB,EACtC,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,MAAM,CAAC,eAAe,CAAC,EAC9B,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;wBAChB,kBAAkB,CAAC,MAAM,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;oBACtD,CAAC,GACD,CACiB;YAErB,8BAAC,uCAAkB,IAAC,SAAS,EAAE,SAAS;gBACtC,8BAAC,0BAAK,IAAC,EAAE,EAAC,uBAAuB,EAAC,OAAO,EAAC,kBAAkB,uBAEpD;gBACR,8BAAC,gCAAW;;oBACuD,GAAG;oBACpE,mDAAiB;wBACL;gBACd,8BAAC,8BAAS,IACR,SAAS,EAAE,SAAS,qBACJ,uBAAuB,EACvC,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,MAAM,CAAC,gBAAgB,CAAC,EAC/B,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;wBAChB,mBAAmB,CAAC,MAAM,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;oBACvD,CAAC,GACD,CACiB;YAErB,8BAAC,uCAAkB,IAAC,SAAS,EAAE,SAAS;gBACtC,8BAAC,0BAAK,IAAC,EAAE,EAAC,qBAAqB,EAAC,OAAO,EAAC,gBAAgB,qBAEhD;gBACR,8BAAC,gCAAW;;oBAIV,yCAAM;0EAEM;gBACd,8BAAC,6BAAQ,uBACS,gBAAgB,EAChC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EAChC,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;wBAChB,iBAAiB,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;oBACzD,CAAC,EACD,SAAS,EAAE,IAAA,uBAAE,EAAC,QAAQ,EAAE,SAAS,CAAC,GAClC,CACiB,CACjB,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,mBAAQ,CAAC,MAAM,CAAC,8BAAC,oBAAoB,OAAG,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC"}

package/package.json

@@ -1,24 +1,36 @@
 {
   "name": "@mongosh/browser-repl",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "Browser presentation component for Mongo Shell",
   "engines": {
     "node": ">=14.15.1"
   },
-  "main": "lib/mongosh-browser-repl.js",
+  "main": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "require": "./lib/index.js"
+    },
+    "./shell": {
+      "types": "./lib/components/shell.d.ts",
+      "require": "./lib/components/shell.js"
+    },
+    "./package.json": {
+      "require": "./package.json"
+    }
+  },
   "scripts": {
-    "build": "webpack --config ./config/webpack.config.prod.js",
-    "build:stats": "webpack --config ./config/webpack.config.stats.js",
+    "start": "webpack serve --config ./config/webpack.config.watch.js",
     "clean": "rimraf ./lib",
     "preprepublish": "rimraf ./lib",
-    "prepublish": "npm run build",
-    "start": "npm run storybook",
-    "storybook": "start-storybook -p 6006",
+    "prepublish": "npm run compile-ts",
     "test": "karma start ./config/karma.conf.js --colors",
     "test-ci": "node ../../scripts/run-if-package-requested.js npm test",
     "lint": "eslint --report-unused-disable-directives \"./{src,test}/**/*.{js,ts,tsx}\"",
-    "check": "npm run lint && depcheck",
-    "compile-ts": "npm run build"
+    "check": "npm run lint && npm run depcheck",
+    "depcheck": "depcheck",
+    "compile-ts": "tsc -p tsconfig.json"
   },
   "config": {
     "unsafe-perm": true
@@ -38,71 +50,56 @@
     ]
   },
   "dependencies": {
-    "@mongosh/browser-runtime-core": "1.6.0",
-    "@mongosh/errors": "1.6.0",
-    "@mongosh/history": "1.6.0",
-    "@mongosh/i18n": "1.6.0",
-    "@mongosh/node-runtime-worker-thread": "1.6.0",
-    "@mongosh/service-provider-core": "1.6.0",
-    "karma": "^6.3.9",
+    "@mongosh/browser-runtime-core": "1.6.1",
+    "@mongosh/errors": "1.6.1",
+    "@mongosh/history": "1.6.1",
+    "@mongosh/i18n": "1.6.1",
+    "@mongosh/node-runtime-worker-thread": "1.6.1",
+    "@mongosh/service-provider-core": "1.6.1",
     "numeral": "^2.0.6",
     "text-table": "^0.2.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.9.0",
+    "@babel/core": "^7.19.6",
     "@babel/plugin-proposal-class-properties": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.9.0",
-    "@babel/preset-env": "^7.9.5",
-    "@babel/preset-react": "^7.9.4",
-    "@babel/preset-typescript": "^7.9.0",
-    "@leafygreen-ui/code": "^9.4.0",
-    "@leafygreen-ui/icon": "^11.6.1",
-    "@leafygreen-ui/palette": "^3.3.1",
-    "@leafygreen-ui/typography": "^8.1.0",
-    "@storybook/addon-knobs": "^5.3.10",
-    "@storybook/react": "^5.3.1",
-    "@types/classnames": "^2.2.11",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.18.6",
+    "@mongodb-js/compass-components": "*",
+    "@mongodb-js/compass-editor": "*",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.8",
     "@types/enzyme-adapter-react-16": "^1.0.5",
     "@types/numeral": "^2.0.2",
     "@types/react": "^16.9.17",
+    "@types/react-dom": "^18.0.8",
     "@types/sinon": "^7.5.1",
     "@types/sinon-chai": "^3.2.3",
     "@types/text-table": "^0.2.1",
-    "babel-loader": "^8.1.0",
-    "css-loader": "^3.4.1",
+    "babel-loader": "^8.3.0",
+    "buffer": "^6.0.3",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.2",
-    "file-loader": "^5.1.0",
-    "karma-webpack": "^4.0.2",
-    "less": "^3.11.1",
-    "less-loader": "^5.0.0",
-    "mongodb-ace-theme": "^0.0.1",
+    "html-webpack-plugin": "^5.5.0",
+    "karma": "^6.3.9",
+    "karma-webpack": "^5.0.0",
+    "path-browserify": "^1.0.1",
     "prop-types": "^15.7.2",
     "puppeteer": "^2.0.0",
     "react": "^16.14.0",
-    "react-ace": "^9.5.0",
     "react-dom": "^16.14.0",
+    "react-refresh": "^0.14.0",
     "rimraf": "^3.0.2",
-    "style-loader": "^1.1.2",
-    "ts-loader": "^7.0.2",
-    "webpack": "^4.41.5",
-    "webpack-cli": "^4.3.1",
-    "webpack-visualizer-plugin": "^0.1.11"
+    "stream-browserify": "^3.0.0",
+    "util": "^0.12.5",
+    "webpack": "^5.0.0",
+    "webpack-cli": "^4.0.0",
+    "webpack-dev-server": "^4.11.1"
   },
   "peerDependencies": {
-    "@leafygreen-ui/code": "^9.4.0",
-    "@leafygreen-ui/icon": "^11.6.1",
-    "@leafygreen-ui/palette": "^3.3.1",
-    "@leafygreen-ui/typography": "^8.1.0",
-    "mongodb-ace-theme": "^0.0.1",
+    "@mongodb-js/compass-components": "*",
+    "@mongodb-js/compass-editor": "*",
     "prop-types": "^15.7.2",
-    "react": "^16.12.0",
-    "react-ace": "^9.5.0",
-    "react-dom": "^16.12.0"
-  },
-  "overrides": {
     "react": "^16.14.0",
     "react-dom": "^16.14.0"
   },
-  "gitHead": "fbbf54a08fb315ae5fde693a98d439b9aa3285f8"
+  "gitHead": "51c067456d3e0127156ef1722a44659151e01a12"
 }

package/.babelrc

@@ -1,11 +0,0 @@
-{
-  "presets": [
-    "@babel/preset-env",
-    "@babel/preset-react",
-    "@babel/preset-typescript"
-  ],
-  "plugins": [
-    "@babel/plugin-transform-runtime",
-    "@babel/plugin-proposal-class-properties"
-  ]
-}

package/.storybook/main.js

@@ -1,4 +0,0 @@
-module.exports = {
-  stories: ['../src/**/*.stories.tsx'],
-  addons: ['@storybook/addon-knobs/register']
-};

package/.storybook/webpack.config.js

@@ -1,12 +0,0 @@
-const webpackBaseConfig = require('../config/webpack.config.base');
-
-module.exports = ({ config }) => {
-  config.module.rules = webpackBaseConfig.module.rules;
-  config.resolve.extensions = webpackBaseConfig.resolve.extensions;
-  config.resolve.alias = {
-    ...webpackBaseConfig.resolve.alias,
-    ...config.resolve.alias
-  };
-  config.externals = {...config.externals || {}, fs: 'none'};
-  return config;
-};

package/config/plain-url.js

@@ -1 +0,0 @@
-module.exports = { URL: window.URL, URLSearchParams: window.URLSearchParams, __from: __filename };

package/config/webpack.config.prod.js

@@ -1,21 +0,0 @@
-const path = require('path');
-const webpackConfigBase = require('./webpack.config.base');
-const package = require('../package.json');
-
-const libraryName = 'mongosh-browser-repl';
-
-module.exports = {
-  ...webpackConfigBase,
-  mode: 'production',
-  devtool: 'source-map',
-  target: 'web',
-  entry: path.resolve(__dirname, '..', 'src', 'index.tsx'),
-  output: {
-    filename: `${libraryName}.js`,
-    library: libraryName,
-    libraryTarget: 'commonjs2',
-    path: path.resolve(__dirname, '..', 'lib'),
-    umdNamedDefine: true
-  },
-  externals: [...Object.keys(package.peerDependencies), 'vm', 'fs']
-};

package/config/webpack.config.stats.js

@@ -1,9 +0,0 @@
-const WebpackVisualizerPlugin = require('webpack-visualizer-plugin');
-const webpackConfigProd = require('./webpack.config.prod');
-
-module.exports = {
-  ...webpackConfigProd,
-  plugins: [
-    new WebpackVisualizerPlugin()
-  ]
-};