@mongodb-js/compass-editor 0.7.0 → 0.9.0

package/dist/base-editor.js

@@ -1,156 +0,0 @@
-"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.setEditorValue = exports.EditorTextCompleter = exports.EditorVariant = exports.BaseEditor = void 0;
-const react_1 = __importStar(require("react"));
-const compass_components_1 = require("@mongodb-js/compass-components");
-const compass_components_2 = require("@mongodb-js/compass-components");
-require("ace-builds");
-const react_ace_1 = __importDefault(require("react-ace"));
-require("ace-builds/src-noconflict/ext-language_tools");
-require("ace-builds/src-noconflict/mode-javascript");
-require("ace-builds/src-noconflict/mode-json");
-require("ace-builds/src-noconflict/mode-csharp");
-require("ace-builds/src-noconflict/mode-python");
-require("ace-builds/src-noconflict/mode-java");
-require("ace-builds/src-noconflict/mode-ruby");
-require("ace-builds/src-noconflict/mode-rust");
-require("ace-builds/src-noconflict/mode-golang");
-require("ace-builds/src-noconflict/mode-php");
-const ext_language_tools_1 = __importDefault(require("ace-builds/src-noconflict/ext-language_tools"));
-require("./ace");
-const prettify_1 = require("./prettify");
-const DEFAULT_OPTIONS = {
-    enableLiveAutocompletion: false,
-    tabSize: 2,
-    minLines: 10,
-    maxLines: Infinity,
-    showGutter: true,
-    showPrintMargin: false,
-    useWorker: false,
-    fontFamily: compass_components_2.fontFamilies.code,
-    fontSize: 13,
-};
-const EditorVariant = {
-    Shell: 'Shell',
-    EJSON: 'EJSON',
-    Generic: 'Generic',
-};
-exports.EditorVariant = EditorVariant;
-const editorStyle = (0, compass_components_2.css)({
-    lineHeight: `${compass_components_1.spacing[3]}px`,
-    minHeight: 'inherit',
-    position: 'relative',
-    width: '100%',
-    zIndex: 0,
-});
-const defaultCommands = [
-    {
-        name: 'prettify',
-        exec(editor) {
-            try {
-                const mode = editor.session.getMode().$id;
-                const format = mode.endsWith('/json')
-                    ? 'json'
-                    : 'javascript-expression';
-                const code = (0, prettify_1.prettify)(editor.getValue(), format);
-                const currentSelection = editor.selection.toJSON();
-                editor.session.doc.setValue(code);
-                editor.selection.fromJSON(currentSelection);
-            }
-            catch (_a) {
-            }
-        },
-        bindKey: {
-            win: 'Ctrl-Shift-B',
-            mac: 'Ctrl-Shift-B',
-        },
-    },
-    {
-        name: 'copy-all',
-        exec(editor) {
-            void navigator.clipboard.writeText(editor.getValue());
-        },
-        bindKey: {
-            win: 'Ctrl-Shift-C',
-            mac: 'Ctrl-Shift-C',
-        },
-    },
-];
-function BaseEditor({ text, variant, options, readOnly, id, name, commands: _commands, onChangeText, completer, 'data-testid': dataTestId, onFocus, darkMode: _darkMode, className, editorClassName, ...aceProps }) {
-    const setOptions = {
-        ...DEFAULT_OPTIONS,
-        ...options,
-        ...(typeof readOnly === 'boolean' && { readOnly }),
-        ...(variant === 'Shell' && { mode: 'ace/mode/mongodb' }),
-        ...(!!completer && { enableLiveAutocompletion: true }),
-    };
-    const editorRef = (0, react_1.useRef)(null);
-    const providerDarkMode = (0, compass_components_2.useDarkMode)();
-    const darkMode = _darkMode !== null && _darkMode !== void 0 ? _darkMode : providerDarkMode;
-    (0, react_1.useLayoutEffect)(() => {
-        if (!editorRef.current) {
-            return;
-        }
-        editorRef.current.editor.setTheme(`ace/theme/${darkMode ? 'mongodb-dark' : 'mongodb'}`);
-    }, [darkMode]);
-    (0, react_1.useLayoutEffect)(() => {
-        if (id && editorRef.current) {
-            editorRef.current.editor.textInput.getElement().id = id;
-        }
-    }, [id]);
-    const editorName = (0, compass_components_2.useId)();
-    const commands = (0, react_1.useMemo)(() => {
-        return defaultCommands.concat(_commands !== null && _commands !== void 0 ? _commands : []);
-    }, [_commands]);
-    return (react_1.default.createElement("div", { "data-testid": dataTestId, className: (0, compass_components_1.cx)(editorStyle, className) },
-        react_1.default.createElement(react_ace_1.default, { ref: editorRef, mode: variant === 'Generic'
-                ? undefined
-                : variant === 'EJSON'
-                    ? 'json'
-                    : 'javascript', width: "100%", value: text, onChange: onChangeText, editorProps: { $blockScrolling: Infinity }, setOptions: setOptions, readOnly: readOnly, name: name !== null && name !== void 0 ? name : editorName, commands: commands, onFocus: (ev) => {
-                if (completer) {
-                    ext_language_tools_1.default.setCompleters([completer]);
-                }
-                onFocus === null || onFocus === void 0 ? void 0 : onFocus(ev);
-            }, className: editorClassName, ...aceProps })));
-}
-exports.BaseEditor = BaseEditor;
-function setEditorValue(element, value) {
-    const container = element.querySelector('.ace_editor');
-    if (!container) {
-        throw new Error('Cannot find editor container');
-    }
-    window.ace
-        .edit(element.querySelector(`#${container.id}`))
-        .setValue(value);
-}
-exports.setEditorValue = setEditorValue;
-const EditorTextCompleter = ext_language_tools_1.default.textCompleter;
-exports.EditorTextCompleter = EditorTextCompleter;
-//# sourceMappingURL=base-editor.js.map

package/dist/base-editor.js.map

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

package/dist/inline-editor.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { EditorProps } from './base-editor';
-type InlineEditorProps = Omit<EditorProps, 'options' | 'editorClassName'> & {
-    options?: Omit<EditorProps['options'], 'showGutter' | 'highlightActiveLine' | 'highlightGutterLine' | 'minLines'>;
-};
-declare const InlineEditor: React.FunctionComponent<InlineEditorProps>;
-export { InlineEditor };
-//# sourceMappingURL=inline-editor.d.ts.map

package/dist/inline-editor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"inline-editor.d.ts","sourceRoot":"","sources":["../src/inline-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGjD,KAAK,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,iBAAiB,CAAC,GAAG;IAC1E,OAAO,CAAC,EAAE,IAAI,CACZ,WAAW,CAAC,SAAS,CAAC,EACtB,YAAY,GAAG,qBAAqB,GAAG,qBAAqB,GAAG,UAAU,CAC1E,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAmB5D,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/inline-editor.js

@@ -1,21 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InlineEditor = void 0;
-const react_1 = __importDefault(require("react"));
-const base_editor_1 = require("./base-editor");
-const InlineEditor = ({ options, ...props }) => {
-    const inlineEditorOptions = {
-        maxLines: 10,
-        ...options,
-        minLines: 1,
-        showGutter: false,
-        highlightActiveLine: false,
-        highlightGutterLine: false,
-    };
-    return (react_1.default.createElement(base_editor_1.BaseEditor, { options: inlineEditorOptions, editorClassName: "inline-editor", ...props }));
-};
-exports.InlineEditor = InlineEditor;
-//# sourceMappingURL=inline-editor.js.map

package/dist/inline-editor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"inline-editor.js","sourceRoot":"","sources":["../src/inline-editor.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,+CAA2C;AAS3C,MAAM,YAAY,GAA+C,CAAC,EAChE,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,mBAAmB,GAAG;QAC1B,QAAQ,EAAE,EAAE;QACZ,GAAG,OAAO;QACV,QAAQ,EAAE,CAAC;QACX,UAAU,EAAE,KAAK;QACjB,mBAAmB,EAAE,KAAK;QAC1B,mBAAmB,EAAE,KAAK;KAC3B,CAAC;IACF,OAAO,CACL,8BAAC,wBAAU,IACT,OAAO,EAAE,mBAAmB,EAC5B,eAAe,EAAC,eAAe,KAC3B,KAAK,GACG,CACf,CAAC;AACJ,CAAC,CAAC;AAEO,oCAAY"}

package/dist/multiline-editor.d.ts

@@ -1,18 +0,0 @@
-import type { IconGlyph } from '@mongodb-js/compass-components';
-import type { Ace } from 'ace-builds';
-import React from 'react';
-import type { EditorProps as BaseEditorProps } from './base-editor';
-type CustomActionItem = {
-    icon: IconGlyph;
-    action: string;
-    label: string;
-};
-type EditorProps = Omit<BaseEditorProps, 'editorClassName'> & {
-    copyable?: boolean;
-    formattable?: boolean;
-    customActions?: CustomActionItem[];
-    onAction?: (editor: Ace.Editor | undefined, action: string) => void;
-};
-declare const MultilineEditor: React.FunctionComponent<EditorProps>;
-export { MultilineEditor as Editor };
-//# sourceMappingURL=multiline-editor.d.ts.map

package/dist/multiline-editor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"multiline-editor.d.ts","sourceRoot":"","sources":["../src/multiline-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAGhE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,KAA0B,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAGpE,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,iBAAiB,CAAC,GAAG;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrE,CAAC;AA8BF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CA2EzD,CAAC;AAEF,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,CAAC"}

package/dist/multiline-editor.js

@@ -1,83 +0,0 @@
-"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 compass_components_1 = require("@mongodb-js/compass-components");
-const compass_components_2 = require("@mongodb-js/compass-components");
-const react_1 = __importStar(require("react"));
-const actions_1 = require("./actions");
-const base_editor_1 = require("./base-editor");
-const multilineEditorContainerStyle = (0, compass_components_2.css)({
-    position: 'relative',
-    height: '100%',
-    [`&:focus-within > .multiline-editor-actions,
-    &:hover > .multiline-editor-actions`]: {
-        display: 'flex',
-    },
-});
-const editorContainerStyle = (0, compass_components_2.css)({
-    overflow: 'auto',
-    paddingTop: compass_components_2.spacing[1],
-    height: `calc(100% - ${compass_components_2.spacing[1]}px)`,
-    minHeight: 'inherit',
-});
-const actionsContainerStyle = (0, compass_components_2.css)({
-    position: 'absolute',
-    top: compass_components_2.spacing[1],
-    right: compass_components_2.spacing[2],
-    display: 'none',
-    gap: compass_components_2.spacing[2],
-});
-const MultilineEditor = ({ copyable = true, formattable = true, customActions = [], onAction, onLoad, className, ...props }) => {
-    const editorRef = (0, react_1.useRef)();
-    const actions = (0, react_1.useMemo)(() => {
-        return [
-            copyable && (react_1.default.createElement(actions_1.ActionButton, { key: "Copy", label: "Copy", icon: "Copy", onClick: () => {
-                    var _a;
-                    (_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.execCommand('copy-all');
-                    return true;
-                } })),
-            formattable && (react_1.default.createElement(actions_1.ActionButton, { key: "Format", label: "Format", icon: react_1.default.createElement(actions_1.FormatIcon, { size: 14, role: "presentation" }), onClick: () => {
-                    var _a;
-                    (_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.execCommand('prettify');
-                    return true;
-                } })),
-            ...customActions.map((action) => {
-                return (react_1.default.createElement(actions_1.ActionButton, { key: action.action, icon: action.icon, label: action.label, onClick: () => {
-                        onAction === null || onAction === void 0 ? void 0 : onAction(editorRef.current, action.action);
-                    } }));
-            }),
-        ];
-    }, [copyable, formattable, customActions, onAction]);
-    return (react_1.default.createElement("div", { className: (0, compass_components_1.cx)(multilineEditorContainerStyle, className) },
-        react_1.default.createElement("div", { className: editorContainerStyle },
-            react_1.default.createElement(base_editor_1.BaseEditor, { onLoad: (editor) => {
-                    editorRef.current = editor;
-                    onLoad === null || onLoad === void 0 ? void 0 : onLoad(editor);
-                }, ...props })),
-        actions.length > 0 && (react_1.default.createElement("div", { className: (0, compass_components_1.cx)('multiline-editor-actions', actionsContainerStyle) }, actions))));
-};
-exports.Editor = MultilineEditor;
-//# sourceMappingURL=multiline-editor.js.map

package/dist/multiline-editor.js.map

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

package/dist/syntax-highlight.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { BaseEditor } from './json-editor';
-export declare const SyntaxHighlight: React.FunctionComponent<Omit<React.ComponentProps<typeof BaseEditor>, 'onChangeText' | 'onLoad' | 'highlightActiveLine' | 'readOnly' | 'completer' | 'commands' | 'placeholder'> & ({
-    text: string;
-    initialText?: never;
-} | {
-    text?: never;
-    initialText: string;
-})>;
-//# sourceMappingURL=syntax-highlight.d.ts.map

package/dist/syntax-highlight.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"syntax-highlight.d.ts","sourceRoot":"","sources":["../src/syntax-highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAwB3C,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CACnD,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EACrC,cAAc,GACd,QAAQ,GACR,qBAAqB,GACrB,UAAU,GACV,WAAW,GACX,UAAU,GACV,aAAa,CAChB,GACC,CACI;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,GACrC;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CACxC,CASJ,CAAC"}

package/dist/syntax-highlight.js

@@ -1,26 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SyntaxHighlight = void 0;
-const react_1 = __importDefault(require("react"));
-const compass_components_1 = require("@mongodb-js/compass-components");
-const json_editor_1 = require("./json-editor");
-const syntaxHighlightStyles = (0, compass_components_1.css)({
-    '& .cm-editor': {
-        backgroundColor: 'transparent',
-    },
-    '& .cm-line': {
-        paddingLeft: 1,
-        paddingRight: 1,
-    },
-    '& .cm-content': {
-        padding: 0,
-    },
-});
-const SyntaxHighlight = ({ className, ...props }) => {
-    return (react_1.default.createElement(json_editor_1.BaseEditor, { ...props, className: (0, compass_components_1.cx)(syntaxHighlightStyles, className), readOnly: true }));
-};
-exports.SyntaxHighlight = SyntaxHighlight;
-//# sourceMappingURL=syntax-highlight.js.map

package/dist/syntax-highlight.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"syntax-highlight.js","sourceRoot":"","sources":["../src/syntax-highlight.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,uEAAyD;AACzD,+CAA2C;AAK3C,MAAM,qBAAqB,GAAG,IAAA,wBAAG,EAAC;IAChC,cAAc,EAAE;QACd,eAAe,EAAE,aAAa;KAC/B;IACD,YAAY,EAAE;QAGZ,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;KAChB;IACD,eAAe,EAAE;QACf,OAAO,EAAE,CAAC;KACX;CACF,CAAC,CAAC;AAMI,MAAM,eAAe,GAexB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9B,OAAO,CACL,8BAAC,wBAAU,OACL,KAAK,EACT,SAAS,EAAE,IAAA,uBAAE,EAAC,qBAAqB,EAAE,SAAS,CAAC,EAC/C,QAAQ,SACI,CACf,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,eAAe,mBAuB1B"}