@mongodb-js/compass-editor 0.2.0 → 0.4.0

package/dist/ace/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/ace/theme.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,uBAAuB,gBAAgB,CAAC;AAK9C,QAAA,MAAM,sBAAsB,QAiP3B,CAAC;AAgCF,OAAO,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/ace/theme.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,uBAAuB,gBAAgB,CAAC;AAW9C,QAAA,MAAM,sBAAsB,QA6Q3B,CAAC;AAgCF,OAAO,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/ace/theme.js

@@ -4,6 +4,10 @@ exports.mongodbAceThemeCssText = exports.mongodbAceThemeCssClass = void 0;
 const compass_components_1 = require("@mongodb-js/compass-components");
 const mongodbAceThemeCssClass = 'ace-mongodb';
 exports.mongodbAceThemeCssClass = mongodbAceThemeCssClass;
+const errorColor = encodeURIComponent(compass_components_1.palette.red.base);
+const errorColorDarkMode = encodeURIComponent(compass_components_1.palette.red.light1);
+const foldColor = encodeURIComponent(compass_components_1.palette.black);
+const foldColorDarkMode = encodeURIComponent(compass_components_1.palette.white);
 const css = String.raw;
 const mongodbAceThemeCssText = css `
   .ace-mongodb {
@@ -95,7 +99,8 @@ const mongodbAceThemeCssText = css `
   .ace-mongodb.ace_editor {
     color: var(--editor-color);
     background: var(--editor-background);
-    line-height: ${compass_components_1.spacing[3]}px;
+    line-height: inherit;
+    min-height: inherit;
   }
   .inline-editor.ace-mongodb.ace_editor {
     background: transparent;
@@ -118,9 +123,36 @@ const mongodbAceThemeCssText = css `
     background: inherit;
   }
   .ace-mongodb .ace_gutter-cell {
-    /* gutter left padding has to account for error annotation size */
-    padding-left: 20px;
-    padding-right: 10px;
+    /* gutter left padding has to account for error annotation icon size */
+    padding-left: ${compass_components_1.spacing[3]}px;
+  }
+  .ace-mongodb .ace_gutter-cell.ace_error {
+    /* leafygreen XWithCircle */
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='${errorColor}' fill-rule='evenodd' d='M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm1.414-9.828a1 1 0 1 1 1.414 1.414L9.414 8l1.414 1.414a1 1 0 1 1-1.414 1.414L8 9.414l-1.414 1.414a1 1 0 1 1-1.414-1.414L6.586 8 5.172 6.586a1 1 0 0 1 1.414-1.414L8 6.586l1.414-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E%0A");
+    background-size: 12px;
+    background-repeat: no-repeat;
+    background-position: ${compass_components_1.spacing[1] / 2}px center;
+  }
+  /* To change svg foll color, we have to completely replace the background url, this can't be done with css custom properties */
+  .ace_dark.ace-mongodb .ace_gutter-cell.ace_error {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='${errorColorDarkMode}' fill-rule='evenodd' d='M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm1.414-9.828a1 1 0 1 1 1.414 1.414L9.414 8l1.414 1.414a1 1 0 1 1-1.414 1.414L8 9.414l-1.414 1.414a1 1 0 1 1-1.414-1.414L6.586 8 5.172 6.586a1 1 0 0 1 1.414-1.414L8 6.586l1.414-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E%0A");
+  }
+  .ace-mongodb .ace_fold-widget {
+    /* leafygreen CaretDown */
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='${foldColor}' d='M8.679 10.796a.554.554 0 0 1-.858 0L4.64 6.976C4.32 6.594 4.582 6 5.069 6h6.362c.487 0 .748.594.43.976l-3.182 3.82z'/%3E%3C/svg%3E%0A");
+    background-size: 12px;
+    background-repeat: no-repeat;
+    background-position: center;
+  }
+  .ace_dark.ace-mongodb .ace_fold-widget {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='${foldColorDarkMode}' d='M8.679 10.796a.554.554 0 0 1-.858 0L4.64 6.976C4.32 6.594 4.582 6 5.069 6h6.362c.487 0 .748.594.43.976l-3.182 3.82z'/%3E%3C/svg%3E%0A");
+  }
+  .ace-mongodb .ace_fold-widget.ace_closed {
+    /* leafygreen CaretRight */
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='${foldColor}' d='M10.796 7.321a.554.554 0 0 1 0 .858l-3.82 3.181c-.382.319-.976.058-.976-.429V4.57c0-.487.594-.748.976-.43l3.82 3.182z'/%3E%3C/svg%3E%0A");
+  }
+  .ace_dark.ace-mongodb .ace_fold-widget.ace_closed {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='${foldColorDarkMode}' d='M10.796 7.321a.554.554 0 0 1 0 .858l-3.82 3.181c-.382.319-.976.058-.976-.429V4.57c0-.487.594-.748.976-.43l3.82 3.182z'/%3E%3C/svg%3E%0A");
   }
   .ace-mongodb .ace_keyword {
     color: var(--keyword-color);

package/dist/ace/theme.js.map

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

package/dist/ace/util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../src/ace/util.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAEzD,QAAA,MAAM,MAAM,YACD,MAAM,WACN,wBAAwB,EAAE,UAC3B,MAAM,+BAWf,CAAC;AAKF,QAAA,MAAM,iBAAiB,4BAGtB,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../src/ace/util.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAEzD,QAAA,MAAM,MAAM,YACD,MAAM,WACN,wBAAwB,EAAE,UAC3B,MAAM,+BAYf,CAAC;AAKF,QAAA,MAAM,iBAAiB,4BAGtB,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/ace/util.js

@@ -8,11 +8,14 @@ const mongodb_constants_1 = require("@mongodb-js/mongodb-constants");
 const semver_1 = __importDefault(require("semver"));
 const filter = (version, entries, prefix) => {
     const parsedVersion = semver_1.default.parse(version);
+    const cleanVersion = parsedVersion
+        ? [parsedVersion.major, parsedVersion.minor, parsedVersion.patch].join('.')
+        : version;
     return entries.filter((e) => {
-        const cleanVersion = parsedVersion
-            ? [parsedVersion.major, parsedVersion.minor, parsedVersion.patch].join('.')
-            : version;
-        return e.value.startsWith(prefix) && semver_1.default.gte(cleanVersion, e.version);
+        if (!e.name) {
+            return false;
+        }
+        return e.name.startsWith(prefix) && semver_1.default.gte(cleanVersion, e.version);
     });
 };
 exports.filter = filter;

package/dist/ace/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sourceRoot":"","sources":["../../src/ace/util.ts"],"names":[],"mappings":";;;;;;AAAA,qEAA4E;AAC5E,oDAA4B;AAG5B,MAAM,MAAM,GAAG,CACb,OAAe,EACf,OAAmC,EACnC,MAAc,EACd,EAAE;IACF,MAAM,aAAa,GAAG,gBAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC5C,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE;QAC1B,MAAM,YAAY,GAAG,aAAa;YAChC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,IAAI,CAClE,GAAG,CACJ;YACH,CAAC,CAAC,OAAO,CAAC;QACZ,OAAO,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,gBAAM,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;IAC3E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAUO,wBAAM;AALf,MAAM,iBAAiB,GAAI,EAAiC,CAAC,MAAM,CACjE,mCAAe,EACf,8BAAU,CACX,CAAC;AAEe,8CAAiB"}
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../src/ace/util.ts"],"names":[],"mappings":";;;;;;AAAA,qEAA4E;AAC5E,oDAA4B;AAG5B,MAAM,MAAM,GAAG,CACb,OAAe,EACf,OAAmC,EACnC,MAAc,EACd,EAAE;IACF,MAAM,aAAa,GAAG,gBAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC5C,MAAM,YAAY,GAAG,aAAa;QAChC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;QAC3E,CAAC,CAAC,OAAO,CAAC;IACZ,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE;QAC1B,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE;YACX,OAAO,KAAK,CAAC;SACd;QACD,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,gBAAM,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;IAC1E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAUO,wBAAM;AALf,MAAM,iBAAiB,GAAI,EAAiC,CAAC,MAAM,CACjE,mCAAe,EACf,8BAAU,CACX,CAAC;AAEe,8CAAiB"}

package/dist/base-editor.d.ts

@@ -27,9 +27,10 @@ export declare type EditorProps = {
     'data-testid'?: string;
     onChangeText?: (text: string, event?: any) => void;
     darkMode?: boolean;
+    editorClassName?: string;
 } & Omit<IAceEditorProps, 'onChange' | 'value' | 'theme'>;
-declare function BaseEditor({ text, variant, options, readOnly, id, name, commands: _commands, onChangeText, completer, 'data-testid': dataTestId, onFocus, darkMode: _darkMode, ...aceProps }: EditorProps): React.ReactElement;
+declare function BaseEditor({ text, variant, options, readOnly, id, name, commands: _commands, onChangeText, completer, 'data-testid': dataTestId, onFocus, darkMode: _darkMode, className, editorClassName, ...aceProps }: EditorProps): React.ReactElement;
 declare function setEditorValue(element: HTMLElement, value: string): void;
 declare const EditorTextCompleter: any;
-export { BaseEditor as Editor, EditorVariant, EditorTextCompleter, setEditorValue, };
+export { BaseEditor, EditorVariant, EditorTextCompleter, setEditorValue };
 //# sourceMappingURL=base-editor.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"base-editor.d.ts","sourceRoot":"","sources":["../src/base-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAQhE,OAAO,YAAY,CAAC;AACpB,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAI9D,OAAO,8CAA8C,CAAC;AACtD,OAAO,2CAA2C,CAAC;AACnD,OAAO,qCAAqC,CAAC;AAC7C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,oCAAoC,CAAC;AAG5C,OAAO,OAAO,CAAC;AAuBf,QAAA,MAAM,aAAa;;;;CAIT,CAAC;AAEX,oBAAY,WAAW,GAAG;IACxB,OAAO,EAAE,MAAM,OAAO,aAAa,CAAC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,IAAI,CACZ,WAAW,EACX,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,0BAA0B,CACpE,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC,CAAC;AAQ1D,iBAAS,UAAU,CAAC,EAClB,IAAI,EACJ,OAAO,EACP,OAAO,EACP,QAAQ,EACR,EAAE,EACF,IAAI,EACJ,QAAQ,EAAE,SAAS,EACnB,YAAY,EACZ,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,OAAO,EACP,QAAQ,EAAE,SAAS,EACnB,GAAG,QAAQ,EACZ,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAmElC;AAUD,iBAAS,cAAc,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAQjE;AAED,QAAA,MAAM,mBAAmB,KAAsB,CAAC;AAGhD,OAAO,EACL,UAAU,IAAI,MAAM,EACpB,aAAa,EACb,mBAAmB,EACnB,cAAc,GACf,CAAC"}
+{"version":3,"file":"base-editor.d.ts","sourceRoot":"","sources":["../src/base-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAShE,OAAO,YAAY,CAAC;AACpB,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAY,MAAM,WAAW,CAAC;AAIxE,OAAO,8CAA8C,CAAC;AACtD,OAAO,2CAA2C,CAAC;AACnD,OAAO,qCAAqC,CAAC;AAC7C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,oCAAoC,CAAC;AAE5C,OAAO,OAAO,CAAC;AAwBf,QAAA,MAAM,aAAa;;;;CAIT,CAAC;AAEX,oBAAY,WAAW,GAAG;IACxB,OAAO,EAAE,MAAM,OAAO,aAAa,CAAC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,IAAI,CACZ,WAAW,EACX,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,0BAA0B,CACpE,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC,CAAC;AAmD1D,iBAAS,UAAU,CAAC,EAClB,IAAI,EACJ,OAAO,EACP,OAAO,EACP,QAAQ,EACR,EAAE,EACF,IAAI,EACJ,QAAQ,EAAE,SAAS,EACnB,YAAY,EACZ,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,OAAO,EACP,QAAQ,EAAE,SAAS,EACnB,SAAS,EACT,eAAe,EACf,GAAG,QAAQ,EACZ,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAoElC;AAUD,iBAAS,cAAc,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAQjE;AAED,QAAA,MAAM,mBAAmB,KAAsB,CAAC;AAEhD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,mBAAmB,EAAE,cAAc,EAAE,CAAC"}

package/dist/base-editor.js

@@ -26,9 +26,10 @@ 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.Editor = void 0;
+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");
@@ -42,8 +43,8 @@ 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"));
-const ext_beautify_1 = __importDefault(require("ace-builds/src-noconflict/ext-beautify"));
 require("./ace");
+const prettify_1 = require("./prettify");
 const DEFAULT_OPTIONS = {
     enableLiveAutocompletion: false,
     tabSize: 2,
@@ -52,7 +53,7 @@ const DEFAULT_OPTIONS = {
     showGutter: true,
     showPrintMargin: false,
     useWorker: false,
-    fontFamily: compass_components_1.fontFamilies.code,
+    fontFamily: compass_components_2.fontFamilies.code,
     fontSize: 13,
 };
 const EditorVariant = {
@@ -61,12 +62,47 @@ const EditorVariant = {
     Generic: 'Generic',
 };
 exports.EditorVariant = EditorVariant;
-const editorStyle = (0, compass_components_1.css)({
+const editorStyle = (0, compass_components_2.css)({
+    lineHeight: `${compass_components_1.spacing[3]}px`,
+    minHeight: 'inherit',
     position: 'relative',
     width: '100%',
     zIndex: 0,
 });
-function BaseEditor({ text, variant, options, readOnly, id, name, commands: _commands, onChangeText, completer, 'data-testid': dataTestId, onFocus, darkMode: _darkMode, ...aceProps }) {
+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,
@@ -75,7 +111,7 @@ function BaseEditor({ text, variant, options, readOnly, id, name, commands: _com
         ...(!!completer && { enableLiveAutocompletion: true }),
     };
     const editorRef = (0, react_1.useRef)(null);
-    const providerDarkMode = (0, compass_components_1.useDarkMode)();
+    const providerDarkMode = (0, compass_components_2.useDarkMode)();
     const darkMode = _darkMode !== null && _darkMode !== void 0 ? _darkMode : providerDarkMode;
     (0, react_1.useLayoutEffect)(() => {
         if (!editorRef.current) {
@@ -88,11 +124,11 @@ function BaseEditor({ text, variant, options, readOnly, id, name, commands: _com
             editorRef.current.editor.textInput.getElement().id = id;
         }
     }, [id]);
-    const editorName = (0, compass_components_1.useId)();
+    const editorName = (0, compass_components_2.useId)();
     const commands = (0, react_1.useMemo)(() => {
-        return ext_beautify_1.default.commands.concat(_commands !== null && _commands !== void 0 ? _commands : []);
+        return defaultCommands.concat(_commands !== null && _commands !== void 0 ? _commands : []);
     }, [_commands]);
-    return (react_1.default.createElement("div", { "data-testid": dataTestId, className: editorStyle },
+    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'
@@ -102,9 +138,9 @@ function BaseEditor({ text, variant, options, readOnly, id, name, commands: _com
                     ext_language_tools_1.default.setCompleters([completer]);
                 }
                 onFocus === null || onFocus === void 0 ? void 0 : onFocus(ev);
-            }, ...aceProps })));
+            }, className: editorClassName, ...aceProps })));
 }
-exports.Editor = BaseEditor;
+exports.BaseEditor = BaseEditor;
 function setEditorValue(element, value) {
     const container = element.querySelector('.ace_editor');
     if (!container) {

package/dist/base-editor.js.map

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

package/dist/index.d.ts

@@ -8,4 +8,9 @@ export declare type AceEditor = Ace.Editor;
 export declare type AceAnnotation = Ace.Annotation;
 export type { CompletionWithServerInfo } from './types';
 export { InlineEditor } from './inline-editor';
+export { prettify } from './prettify';
+export type { FormatOptions } from './prettify';
+export { Editor } from './multiline-editor';
+export { JSONEditor } from './json-editor';
+export type { EditorView } from './json-editor';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,oBAAY,SAAS,GAAG,GAAG,CAAC,MAAM,CAAC;AACnC,oBAAY,aAAa,GAAG,GAAG,CAAC,UAAU,CAAC;AAC3C,YAAY,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,oBAAY,SAAS,GAAG,GAAG,CAAC,MAAM,CAAC;AACnC,oBAAY,aAAa,GAAG,GAAG,CAAC,UAAU,CAAC;AAC3C,YAAY,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/index.js

@@ -14,7 +14,7 @@ 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 });
-exports.InlineEditor = exports.AggregationAutoCompleter = exports.StageAutoCompleter = exports.QueryAutoCompleter = exports.ValidationAutoCompleter = void 0;
+exports.JSONEditor = exports.Editor = exports.prettify = exports.InlineEditor = exports.AggregationAutoCompleter = exports.StageAutoCompleter = exports.QueryAutoCompleter = exports.ValidationAutoCompleter = void 0;
 __exportStar(require("./base-editor"), exports);
 var validation_autocompleter_1 = require("./ace/validation-autocompleter");
 Object.defineProperty(exports, "ValidationAutoCompleter", { enumerable: true, get: function () { return validation_autocompleter_1.ValidationAutoCompleter; } });
@@ -26,4 +26,10 @@ var aggregation_autocompleter_1 = require("./ace/aggregation-autocompleter");
 Object.defineProperty(exports, "AggregationAutoCompleter", { enumerable: true, get: function () { return aggregation_autocompleter_1.AggregationAutoCompleter; } });
 var inline_editor_1 = require("./inline-editor");
 Object.defineProperty(exports, "InlineEditor", { enumerable: true, get: function () { return inline_editor_1.InlineEditor; } });
+var prettify_1 = require("./prettify");
+Object.defineProperty(exports, "prettify", { enumerable: true, get: function () { return prettify_1.prettify; } });
+var multiline_editor_1 = require("./multiline-editor");
+Object.defineProperty(exports, "Editor", { enumerable: true, get: function () { return multiline_editor_1.Editor; } });
+var json_editor_1 = require("./json-editor");
+Object.defineProperty(exports, "JSONEditor", { enumerable: true, get: function () { return json_editor_1.JSONEditor; } });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,gDAA8B;AAC9B,2EAAyE;AAAhE,mIAAA,uBAAuB,OAAA;AAChC,iEAA+D;AAAtD,yHAAA,kBAAkB,OAAA;AAC3B,iEAA+D;AAAtD,yHAAA,kBAAkB,OAAA;AAC3B,6EAA2E;AAAlE,qIAAA,wBAAwB,OAAA;AAIjC,iDAA+C;AAAtC,6GAAA,YAAY,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,gDAA8B;AAC9B,2EAAyE;AAAhE,mIAAA,uBAAuB,OAAA;AAChC,iEAA+D;AAAtD,yHAAA,kBAAkB,OAAA;AAC3B,iEAA+D;AAAtD,yHAAA,kBAAkB,OAAA;AAC3B,6EAA2E;AAAlE,qIAAA,wBAAwB,OAAA;AAIjC,iDAA+C;AAAtC,6GAAA,YAAY,OAAA;AACrB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AAEjB,uDAA4C;AAAnC,0GAAA,MAAM,OAAA;AACf,6CAA2C;AAAlC,yGAAA,UAAU,OAAA"}

package/dist/inline-editor.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
 import type { EditorProps } from './base-editor';
-declare type InlineEditorProps = EditorProps & Omit<EditorProps['options'], 'showGutter' | 'highlightActiveLine' | 'highlightGutterLine' | 'minLines'>;
+declare 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 +1 @@
-{"version":3,"file":"inline-editor.d.ts","sourceRoot":"","sources":["../src/inline-editor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGjD,aAAK,iBAAiB,GAAG,WAAW,GAClC,IAAI,CACF,WAAW,CAAC,SAAS,CAAC,EACtB,YAAY,GAAG,qBAAqB,GAAG,qBAAqB,GAAG,UAAU,CAC1E,CAAC;AAEJ,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAoB5D,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"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,aAAK,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

@@ -4,10 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InlineEditor = void 0;
-const compass_components_1 = require("@mongodb-js/compass-components");
 const react_1 = __importDefault(require("react"));
 const base_editor_1 = require("./base-editor");
-const InlineEditor = ({ options, className, ...props }) => {
+const InlineEditor = ({ options, ...props }) => {
     const inlineEditorOptions = {
         maxLines: 10,
         ...options,
@@ -16,7 +15,7 @@ const InlineEditor = ({ options, className, ...props }) => {
         highlightActiveLine: false,
         highlightGutterLine: false,
     };
-    return (react_1.default.createElement(base_editor_1.Editor, { options: inlineEditorOptions, className: (0, compass_components_1.cx)('inline-editor', className), ...props }));
+    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 +1 @@
-{"version":3,"file":"inline-editor.js","sourceRoot":"","sources":["../src/inline-editor.tsx"],"names":[],"mappings":";;;;;;AAAA,uEAAoD;AACpD,kDAA0B;AAE1B,+CAAuC;AAQvC,MAAM,YAAY,GAA+C,CAAC,EAChE,OAAO,EACP,SAAS,EACT,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,oBAAM,IACL,OAAO,EAAE,mBAAmB,EAC5B,SAAS,EAAE,IAAA,uBAAE,EAAC,eAAe,EAAE,SAAS,CAAC,KACrC,KAAK,GACD,CACX,CAAC;AACJ,CAAC,CAAC;AAEO,oCAAY"}
+{"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/json-editor.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import type { Command } from '@codemirror/view';
+import { EditorView } from '@codemirror/view';
+import { unfoldAll } from '@codemirror/language';
+declare type EditorLanguage = 'json' | 'javascript';
+declare type EditorProps = {
+    language?: EditorLanguage;
+    onChangeText?: (text: string, event?: any) => void;
+    onLoad?: (editor: EditorView) => void;
+    darkMode?: boolean;
+    inline?: boolean;
+    showLineNumbers?: boolean;
+    readOnly?: boolean;
+    className?: string;
+    'data-testid'?: string;
+} & ({
+    text: string;
+    initialText?: never;
+} | {
+    text?: never;
+    initialText: string;
+});
+declare const BaseEditor: React.FunctionComponent<EditorProps> & {
+    foldAll: typeof foldAll;
+    unfoldAll: typeof unfoldAll;
+};
+declare const foldAll: Command;
+export type { EditorView };
+export { BaseEditor as JSONEditor };
+//# sourceMappingURL=json-editor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-editor.d.ts","sourceRoot":"","sources":["../src/json-editor.tsx"],"names":[],"mappings":"AAeA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAML,UAAU,EACX,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAKL,SAAS,EAOV,MAAM,sBAAsB,CAAC;AA6N9B,aAAK,cAAc,GAAG,MAAM,GAAG,YAAY,CAAC;AAE5C,aAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACnD,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,GAAG,CACA;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,CAAC;AAOF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,GAAG;IACvD,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,SAAS,EAAE,OAAO,SAAS,CAAC;CAgN7B,CAAC;AAYF,QAAA,MAAM,OAAO,EAAE,OAgCd,CAAC;AAMF,YAAY,EAAE,UAAU,EAAE,CAAC;AAE3B,OAAO,EAAE,UAAU,IAAI,UAAU,EAAE,CAAC"}

package/dist/json-editor.js

@@ -0,0 +1,382 @@
+"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.JSONEditor = void 0;
+const react_1 = __importStar(require("react"));
+const view_1 = require("@codemirror/view");
+const language_1 = require("@codemirror/language");
+const commands_1 = require("@codemirror/commands");
+const autocomplete_1 = require("@codemirror/autocomplete");
+const compass_components_1 = require("@mongodb-js/compass-components");
+const lang_javascript_1 = require("@codemirror/lang-javascript");
+const lang_json_1 = require("@codemirror/lang-json");
+const state_1 = require("@codemirror/state");
+const language_2 = require("@codemirror/language");
+const highlight_1 = require("@lezer/highlight");
+const polished_1 = require("polished");
+const editorStyle = (0, compass_components_1.css)({
+    fontSize: 13,
+    fontFamily: compass_components_1.fontFamilies.code,
+});
+const editorPalette = {
+    light: {
+        color: compass_components_1.codePalette.light[3],
+        backgroundColor: compass_components_1.codePalette.light[0],
+        gutterColor: compass_components_1.palette.gray.base,
+        gutterBackgroundColor: compass_components_1.palette.gray.light3,
+        gutterActiveLineBackgroundColor: (0, polished_1.rgba)(compass_components_1.palette.gray.light2, 0.5),
+        gutterFoldButtonColor: compass_components_1.palette.black,
+        cursorColor: compass_components_1.palette.gray.base,
+        activeLineBackgroundColor: (0, polished_1.rgba)(compass_components_1.palette.gray.light2, 0.5),
+        selectionBackgroundColor: compass_components_1.palette.blue.light2,
+        bracketBorderColor: compass_components_1.palette.gray.light1,
+    },
+    dark: {
+        color: compass_components_1.codePalette.dark[3],
+        backgroundColor: compass_components_1.codePalette.dark[0],
+        gutterColor: compass_components_1.palette.gray.light3,
+        gutterBackgroundColor: compass_components_1.palette.gray.dark3,
+        gutterActiveLineBackgroundColor: (0, polished_1.rgba)(compass_components_1.palette.gray.dark2, 0.5),
+        gutterFoldButtonColor: compass_components_1.palette.white,
+        cursorColor: compass_components_1.palette.green.base,
+        activeLineBackgroundColor: (0, polished_1.rgba)(compass_components_1.palette.gray.dark2, 0.5),
+        selectionBackgroundColor: compass_components_1.palette.gray.dark1,
+        bracketBorderColor: compass_components_1.palette.gray.light1,
+    },
+};
+function getStylesForTheme(theme) {
+    return view_1.EditorView.theme({
+        '&': {
+            color: editorPalette[theme].color,
+            backgroundColor: editorPalette[theme].backgroundColor,
+        },
+        '& .cm-scroller': {
+            lineHeight: `${compass_components_1.spacing[3]}px`,
+        },
+        '&.cm-editor.cm-focused': {
+            outline: 'none',
+        },
+        '& .cm-content': {
+            caretColor: editorPalette[theme].cursorColor,
+        },
+        '& .cm-activeLine': {
+            background: 'none',
+        },
+        '&.cm-focused .cm-activeLine': {
+            backgroundColor: editorPalette[theme].activeLineBackgroundColor,
+        },
+        '& .cm-gutters': {
+            color: editorPalette[theme].gutterColor,
+            backgroundColor: editorPalette[theme].gutterBackgroundColor,
+            border: 'none',
+        },
+        '& .cm-gutters > .cm-gutter:first-child > .cm-gutterElement': {
+            paddingLeft: `${compass_components_1.spacing[2]}px`,
+        },
+        '& .cm-gutters > .cm-gutter:last-child > .cm-gutterElement': {
+            paddingRight: `${compass_components_1.spacing[2]}px`,
+        },
+        '& .cm-activeLineGutter': {
+            background: 'none',
+        },
+        '&.cm-focused .cm-activeLineGutter': {
+            backgroundColor: editorPalette[theme].gutterActiveLineBackgroundColor,
+        },
+        '& .foldMarker': {
+            width: `${compass_components_1.spacing[3]}px`,
+            height: `${compass_components_1.spacing[3]}px`,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            cursor: 'pointer',
+        },
+        '& .foldMarker > svg': {
+            width: '12px',
+            height: '12px',
+            display: 'block',
+            color: editorPalette[theme].gutterFoldButtonColor,
+        },
+        '& .cm-selectionBackground': {
+            backgroundColor: editorPalette[theme].selectionBackgroundColor,
+        },
+        '&.cm-focused .cm-matchingBracket': {
+            background: 'none',
+            boxShadow: `0 0 0 1px ${editorPalette[theme].bracketBorderColor}`,
+            borderRadius: '2px',
+        },
+        '& .cm-selectionBackground:first-child': {
+            borderTopLeftRadius: '3px',
+            borderTopRightRadius: '3px',
+        },
+        '& .cm-selectionBackground:last-child': {
+            borderBottomLeftRadius: '3px',
+            borderBottomRightRadius: '3px',
+        },
+        '& .cm-cursor': {
+            borderLeft: '2px solid',
+            borderColor: editorPalette[theme].cursorColor,
+            marginLeft: '-1px',
+        },
+    }, { dark: theme === 'dark' });
+}
+const themeStyles = {
+    light: getStylesForTheme('light'),
+    dark: getStylesForTheme('dark'),
+};
+function getHighlightStyleForTheme(theme) {
+    return language_2.HighlightStyle.define([
+        {
+            tag: [
+                highlight_1.tags.null,
+                highlight_1.tags.controlKeyword,
+                highlight_1.tags.operatorKeyword,
+                highlight_1.tags.definitionKeyword,
+                highlight_1.tags.moduleKeyword,
+                highlight_1.tags.keyword,
+                highlight_1.tags.modifier,
+            ],
+            color: compass_components_1.codePalette[theme][10],
+        },
+        {
+            tag: [highlight_1.tags.number, highlight_1.tags.bool, highlight_1.tags.function(highlight_1.tags.variableName), highlight_1.tags.regexp],
+            color: compass_components_1.codePalette[theme][9],
+        },
+        {
+            tag: [highlight_1.tags.string, highlight_1.tags.special(highlight_1.tags.string)],
+            color: compass_components_1.codePalette[theme][7],
+            fontWeight: 600,
+        },
+        {
+            tag: [highlight_1.tags.meta],
+            color: compass_components_1.codePalette[theme][6],
+        },
+        {
+            tag: [highlight_1.tags.propertyName, highlight_1.tags.atom, highlight_1.tags.self],
+            color: compass_components_1.codePalette[theme][5],
+        },
+        {
+            tag: [
+                highlight_1.tags.separator,
+                highlight_1.tags.squareBracket,
+                highlight_1.tags.brace,
+                highlight_1.tags.variableName,
+                highlight_1.tags.definition(highlight_1.tags.variableName),
+                highlight_1.tags.updateOperator,
+                highlight_1.tags.arithmeticOperator,
+                highlight_1.tags.logicOperator,
+                highlight_1.tags.bitwiseOperator,
+                highlight_1.tags.compareOperator,
+                highlight_1.tags.function(highlight_1.tags.punctuation),
+                highlight_1.tags.punctuation,
+                highlight_1.tags.paren,
+                highlight_1.tags.derefOperator,
+            ],
+            color: compass_components_1.codePalette[theme][3],
+        },
+        {
+            tag: [highlight_1.tags.lineComment, highlight_1.tags.blockComment],
+            color: compass_components_1.codePalette[theme][2],
+            fontStyle: 'italic',
+        },
+    ], { themeType: theme });
+}
+const highlightStyles = {
+    light: getHighlightStyleForTheme('light'),
+    dark: getHighlightStyleForTheme('dark'),
+};
+const languages = {
+    json: lang_json_1.json,
+    javascript: lang_javascript_1.javascript,
+};
+const BaseEditor = ({ initialText: _initialText, text, onChangeText = () => {
+}, language = 'json', showLineNumbers = true, darkMode: _darkMode, className, readOnly = false, onLoad = () => {
+}, ...props }) => {
+    const darkMode = (0, compass_components_1.useDarkMode)(_darkMode);
+    const onChangeTextRef = (0, react_1.useRef)(onChangeText);
+    const onLoadRef = (0, react_1.useRef)(onLoad);
+    const initialReadOnly = (0, react_1.useRef)(readOnly);
+    const initialTextProvided = (0, react_1.useRef)(!!_initialText);
+    const initialText = (0, react_1.useRef)(_initialText !== null && _initialText !== void 0 ? _initialText : text);
+    const initialLanguage = (0, react_1.useRef)(language);
+    const initialDarkMode = (0, react_1.useRef)(darkMode);
+    const initialShowLineNumbers = (0, react_1.useRef)(showLineNumbers);
+    const containerRef = (0, react_1.useRef)(null);
+    const languageConfigRef = (0, react_1.useRef)();
+    const readOnlyConfigRef = (0, react_1.useRef)();
+    const themeConfigRef = (0, react_1.useRef)();
+    const showLineNumbersConfigRef = (0, react_1.useRef)();
+    const editorViewRef = (0, react_1.useRef)();
+    onChangeTextRef.current = onChangeText;
+    onLoadRef.current = onLoad;
+    (0, react_1.useLayoutEffect)(() => {
+        if (!containerRef.current) {
+            throw new Error("Can't mount editor: DOM node is missing");
+        }
+        languageConfigRef.current = new state_1.Compartment();
+        readOnlyConfigRef.current = new state_1.Compartment();
+        themeConfigRef.current = new state_1.Compartment();
+        showLineNumbersConfigRef.current = new state_1.Compartment();
+        const editor = (editorViewRef.current = new view_1.EditorView({
+            doc: initialText.current,
+            extensions: [
+                showLineNumbersConfigRef.current.of(initialShowLineNumbers.current ? (0, view_1.lineNumbers)() : []),
+                (0, commands_1.history)(),
+                (0, language_1.foldGutter)({
+                    markerDOM(open) {
+                        const marker = document.createElement('span');
+                        marker.className = `foldMarker foldMarker${open ? 'Open' : 'Closed'}`;
+                        marker.ariaHidden = 'true';
+                        marker.title = open ? 'Fold code block' : 'Unfold code block';
+                        marker.innerHTML = open
+                            ? `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8.679 10.796a.554.554 0 0 1-.858 0L4.64 6.976C4.32 6.594 4.582 6 5.069 6h6.362c.487 0 .748.594.43.976l-3.182 3.82z"/></svg>`
+                            : `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M10.796 7.321a.554.554 0 0 1 0 .858l-3.82 3.181c-.382.319-.976.058-.976-.429V4.57c0-.487.594-.748.976-.43l3.82 3.182z"/></svg>`;
+                        return marker;
+                    },
+                }),
+                (0, view_1.drawSelection)(),
+                (0, language_1.indentOnInput)(),
+                (0, language_1.bracketMatching)(),
+                (0, autocomplete_1.closeBrackets)(),
+                (0, view_1.highlightActiveLine)(),
+                (0, view_1.highlightActiveLineGutter)(),
+                languageConfigRef.current.of(languages[initialLanguage.current]()),
+                (0, language_2.syntaxHighlighting)(highlightStyles['light']),
+                (0, language_2.syntaxHighlighting)(highlightStyles['dark']),
+                themeConfigRef.current.of(themeStyles[initialDarkMode.current ? 'dark' : 'light']),
+                view_1.keymap.of([
+                    ...commands_1.defaultKeymap,
+                    ...autocomplete_1.closeBracketsKeymap,
+                    ...commands_1.historyKeymap,
+                    ...language_1.foldKeymap,
+                    commands_1.indentWithTab,
+                ]),
+                readOnlyConfigRef.current.of(state_1.EditorState.readOnly.of(initialReadOnly.current)),
+                view_1.EditorView.updateListener.of((update) => {
+                    var _a, _b;
+                    if (update.docChanged) {
+                        const text = (_b = (_a = editorViewRef.current) === null || _a === void 0 ? void 0 : _a.state.sliceDoc()) !== null && _b !== void 0 ? _b : '';
+                        onChangeTextRef.current(text, update);
+                    }
+                }),
+            ],
+            parent: containerRef.current,
+        }));
+        containerRef.current._cm = editor;
+        onLoadRef.current(editor);
+        if (editor && initialLanguage.current === 'json') {
+            const docLength = editor.state.doc.length;
+            const isSyntaxTreeAvailable = (0, language_1.syntaxTreeAvailable)(editor.state, docLength) ||
+                (0, language_1.forceParsing)(editor, docLength, 150);
+            if (isSyntaxTreeAvailable) {
+                foldAll(editor);
+            }
+            else {
+            }
+        }
+        return () => {
+            editor.destroy();
+        };
+    }, []);
+    (0, compass_components_1.useEffectOnChange)(() => {
+        var _a, _b;
+        (_a = editorViewRef.current) === null || _a === void 0 ? void 0 : _a.dispatch({
+            effects: (_b = languageConfigRef.current) === null || _b === void 0 ? void 0 : _b.reconfigure(languages[language]()),
+        });
+    }, language);
+    (0, compass_components_1.useEffectOnChange)(() => {
+        var _a, _b;
+        (_a = editorViewRef.current) === null || _a === void 0 ? void 0 : _a.dispatch({
+            effects: (_b = readOnlyConfigRef.current) === null || _b === void 0 ? void 0 : _b.reconfigure(state_1.EditorState.readOnly.of(readOnly)),
+        });
+    }, readOnly);
+    (0, compass_components_1.useEffectOnChange)(() => {
+        var _a, _b;
+        (_a = editorViewRef.current) === null || _a === void 0 ? void 0 : _a.dispatch({
+            effects: (_b = themeConfigRef.current) === null || _b === void 0 ? void 0 : _b.reconfigure(themeStyles[darkMode ? 'dark' : 'light']),
+        });
+    }, darkMode);
+    (0, compass_components_1.useEffectOnChange)(() => {
+        var _a, _b;
+        (_a = editorViewRef.current) === null || _a === void 0 ? void 0 : _a.dispatch({
+            effects: (_b = showLineNumbersConfigRef.current) === null || _b === void 0 ? void 0 : _b.reconfigure(showLineNumbers ? (0, view_1.lineNumbers)() : []),
+        });
+    }, showLineNumbers);
+    (0, react_1.useEffect)(() => {
+        var _a, _b;
+        if (initialTextProvided.current) {
+            return;
+        }
+        if (text !== ((_a = editorViewRef.current) === null || _a === void 0 ? void 0 : _a.state.sliceDoc())) {
+            (_b = editorViewRef.current) === null || _b === void 0 ? void 0 : _b.dispatch({
+                changes: {
+                    from: 0,
+                    to: editorViewRef.current.state.doc.length,
+                    insert: text,
+                },
+            });
+        }
+    }, [text]);
+    return (react_1.default.createElement("div", { ref: containerRef, className: (0, compass_components_1.cx)(editorStyle, className), "data-codemirror": "true", ...props }));
+};
+exports.JSONEditor = BaseEditor;
+function isTopNode(node) {
+    return !node
+        ? true
+        : node.name === 'Array' || node.name === 'Property'
+            ? false
+            : node.name === 'JsonText'
+                ? true
+                : isTopNode(node.parent);
+}
+const foldAll = (editor) => {
+    const foldableProperties = [];
+    (0, language_1.syntaxTree)(editor.state).iterate({
+        enter(nodeRef) {
+            if (['{', '['].includes(String(nodeRef.name)) &&
+                (0, language_1.foldable)(editor.state, nodeRef.from, nodeRef.to) &&
+                !isTopNode(nodeRef.node)) {
+                if (!nodeRef.node.parent) {
+                    throw new Error('Trying to fold node without parent');
+                }
+                const range = (0, language_1.foldInside)(nodeRef.node.parent);
+                if (range) {
+                    foldableProperties.push(range);
+                }
+                return false;
+            }
+        },
+    });
+    if (foldableProperties.length > 0) {
+        editor.dispatch({
+            effects: foldableProperties.map((range) => {
+                return language_1.foldEffect.of(range);
+            }),
+        });
+    }
+    return !!foldableProperties.length;
+};
+BaseEditor.foldAll = foldAll;
+BaseEditor.unfoldAll = language_1.unfoldAll;
+//# sourceMappingURL=json-editor.js.map

package/dist/json-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-editor.js","sourceRoot":"","sources":["../src/json-editor.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,+CAAkE;AAElE,2CAO0B;AAC1B,mDAY8B;AAC9B,mDAK8B;AAC9B,2DAKkC;AAClC,uEASwC;AACxC,iEAAyD;AACzD,qDAA6C;AAC7C,6CAA6D;AAE7D,mDAA0E;AAC1E,gDAA6C;AAC7C,uCAAgC;AAEhC,MAAM,WAAW,GAAG,IAAA,wBAAG,EAAC;IACtB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,iCAAY,CAAC,IAAI;CAC9B,CAAC,CAAC;AAIH,MAAM,aAAa,GAAG;IACpB,KAAK,EAAE;QACL,KAAK,EAAE,gCAAW,CAAC,KAAK,CAAC,CAAC,CAAC;QAC3B,eAAe,EAAE,gCAAW,CAAC,KAAK,CAAC,CAAC,CAAC;QACrC,WAAW,EAAE,4BAAO,CAAC,IAAI,CAAC,IAAI;QAC9B,qBAAqB,EAAE,4BAAO,CAAC,IAAI,CAAC,MAAM;QAC1C,+BAA+B,EAAE,IAAA,eAAI,EAAC,4BAAO,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;QAC/D,qBAAqB,EAAE,4BAAO,CAAC,KAAK;QACpC,WAAW,EAAE,4BAAO,CAAC,IAAI,CAAC,IAAI;QAE9B,yBAAyB,EAAE,IAAA,eAAI,EAAC,4BAAO,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;QACzD,wBAAwB,EAAE,4BAAO,CAAC,IAAI,CAAC,MAAM;QAC7C,kBAAkB,EAAE,4BAAO,CAAC,IAAI,CAAC,MAAM;KACxC;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,gCAAW,CAAC,IAAI,CAAC,CAAC,CAAC;QAC1B,eAAe,EAAE,gCAAW,CAAC,IAAI,CAAC,CAAC,CAAC;QACpC,WAAW,EAAE,4BAAO,CAAC,IAAI,CAAC,MAAM;QAChC,qBAAqB,EAAE,4BAAO,CAAC,IAAI,CAAC,KAAK;QACzC,+BAA+B,EAAE,IAAA,eAAI,EAAC,4BAAO,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC;QAC9D,qBAAqB,EAAE,4BAAO,CAAC,KAAK;QACpC,WAAW,EAAE,4BAAO,CAAC,KAAK,CAAC,IAAI;QAE/B,yBAAyB,EAAE,IAAA,eAAI,EAAC,4BAAO,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC;QACxD,wBAAwB,EAAE,4BAAO,CAAC,IAAI,CAAC,KAAK;QAC5C,kBAAkB,EAAE,4BAAO,CAAC,IAAI,CAAC,MAAM;KACxC;CACO,CAAC;AAEX,SAAS,iBAAiB,CAAC,KAA0B;IACnD,OAAO,iBAAU,CAAC,KAAK,CACrB;QACE,GAAG,EAAE;YACH,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,KAAK;YACjC,eAAe,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,eAAe;SACtD;QACD,gBAAgB,EAAE;YAChB,UAAU,EAAE,GAAG,4BAAO,CAAC,CAAC,CAAC,IAAI;SAC9B;QACD,wBAAwB,EAAE;YACxB,OAAO,EAAE,MAAM;SAChB;QACD,eAAe,EAAE;YACf,UAAU,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,WAAW;SAC7C;QACD,kBAAkB,EAAE;YAClB,UAAU,EAAE,MAAM;SACnB;QACD,6BAA6B,EAAE;YAC7B,eAAe,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,yBAAyB;SAChE;QACD,eAAe,EAAE;YACf,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,WAAW;YACvC,eAAe,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,qBAAqB;YAC3D,MAAM,EAAE,MAAM;SACf;QACD,4DAA4D,EAAE;YAC5D,WAAW,EAAE,GAAG,4BAAO,CAAC,CAAC,CAAC,IAAI;SAC/B;QACD,2DAA2D,EAAE;YAC3D,YAAY,EAAE,GAAG,4BAAO,CAAC,CAAC,CAAC,IAAI;SAChC;QACD,wBAAwB,EAAE;YACxB,UAAU,EAAE,MAAM;SACnB;QACD,mCAAmC,EAAE;YACnC,eAAe,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,+BAA+B;SACtE;QACD,eAAe,EAAE;YACf,KAAK,EAAE,GAAG,4BAAO,CAAC,CAAC,CAAC,IAAI;YACxB,MAAM,EAAE,GAAG,4BAAO,CAAC,CAAC,CAAC,IAAI;YACzB,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,MAAM,EAAE,SAAS;SAClB;QACD,qBAAqB,EAAE;YACrB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,OAAO;YAChB,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,qBAAqB;SAClD;QACD,2BAA2B,EAAE;YAC3B,eAAe,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,wBAAwB;SAC/D;QACD,kCAAkC,EAAE;YAClC,UAAU,EAAE,MAAM;YAClB,SAAS,EAAE,aAAa,aAAa,CAAC,KAAK,CAAC,CAAC,kBAAkB,EAAE;YACjE,YAAY,EAAE,KAAK;SACpB;QACD,uCAAuC,EAAE;YACvC,mBAAmB,EAAE,KAAK;YAC1B,oBAAoB,EAAE,KAAK;SAC5B;QACD,sCAAsC,EAAE;YACtC,sBAAsB,EAAE,KAAK;YAC7B,uBAAuB,EAAE,KAAK;SAC/B;QACD,cAAc,EAAE;YACd,UAAU,EAAE,WAAW;YACvB,WAAW,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,WAAW;YAC7C,UAAU,EAAE,MAAM;SACnB;KACF,EACD,EAAE,IAAI,EAAE,KAAK,KAAK,MAAM,EAAE,CAC3B,CAAC;AACJ,CAAC;AAED,MAAM,WAAW,GAAG;IAClB,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC;IACjC,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC;CACvB,CAAC;AAEX,SAAS,yBAAyB,CAAC,KAA0B;IAI3D,OAAO,yBAAc,CAAC,MAAM,CAC1B;QACE;YACE,GAAG,EAAE;gBACH,gBAAC,CAAC,IAAI;gBACN,gBAAC,CAAC,cAAc;gBAChB,gBAAC,CAAC,eAAe;gBACjB,gBAAC,CAAC,iBAAiB;gBACnB,gBAAC,CAAC,aAAa;gBACf,gBAAC,CAAC,OAAO;gBACT,gBAAC,CAAC,QAAQ;aACX;YACD,KAAK,EAAE,gCAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;SAC9B;QACD;YACE,GAAG,EAAE,CAAC,gBAAC,CAAC,MAAM,EAAE,gBAAC,CAAC,IAAI,EAAE,gBAAC,CAAC,QAAQ,CAAC,gBAAC,CAAC,YAAY,CAAC,EAAE,gBAAC,CAAC,MAAM,CAAC;YAC7D,KAAK,EAAE,gCAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;SAC7B;QACD;YACE,GAAG,EAAE,CAAC,gBAAC,CAAC,MAAM,EAAE,gBAAC,CAAC,OAAO,CAAC,gBAAC,CAAC,MAAM,CAAC,CAAC;YACpC,KAAK,EAAE,gCAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC5B,UAAU,EAAE,GAAG;SAChB;QACD;YACE,GAAG,EAAE,CAAC,gBAAC,CAAC,IAAI,CAAC;YACb,KAAK,EAAE,gCAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;SAC7B;QACD;YACE,GAAG,EAAE,CAAC,gBAAC,CAAC,YAAY,EAAE,gBAAC,CAAC,IAAI,EAAE,gBAAC,CAAC,IAAI,CAAC;YACrC,KAAK,EAAE,gCAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;SAC7B;QACD;YACE,GAAG,EAAE;gBACH,gBAAC,CAAC,SAAS;gBACX,gBAAC,CAAC,aAAa;gBACf,gBAAC,CAAC,KAAK;gBACP,gBAAC,CAAC,YAAY;gBACd,gBAAC,CAAC,UAAU,CAAC,gBAAC,CAAC,YAAY,CAAC;gBAC5B,gBAAC,CAAC,cAAc;gBAChB,gBAAC,CAAC,kBAAkB;gBACpB,gBAAC,CAAC,aAAa;gBACf,gBAAC,CAAC,eAAe;gBACjB,gBAAC,CAAC,eAAe;gBACjB,gBAAC,CAAC,QAAQ,CAAC,gBAAC,CAAC,WAAW,CAAC;gBACzB,gBAAC,CAAC,WAAW;gBACb,gBAAC,CAAC,KAAK;gBACP,gBAAC,CAAC,aAAa;aAChB;YACD,KAAK,EAAE,gCAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;SAC7B;QACD;YACE,GAAG,EAAE,CAAC,gBAAC,CAAC,WAAW,EAAE,gBAAC,CAAC,YAAY,CAAC;YACpC,KAAK,EAAE,gCAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC5B,SAAS,EAAE,QAAQ;SACpB;KACF,EACD,EAAE,SAAS,EAAE,KAAK,EAAE,CACrB,CAAC;AACJ,CAAC;AAED,MAAM,eAAe,GAAG;IACtB,KAAK,EAAE,yBAAyB,CAAC,OAAO,CAAC;IACzC,IAAI,EAAE,yBAAyB,CAAC,MAAM,CAAC;CAC/B,CAAC;AAoBX,MAAM,SAAS,GAAkD;IAC/D,IAAI,EAAE,gBAAI;IACV,UAAU,EAAE,4BAAU;CACvB,CAAC;AAEF,MAAM,UAAU,GAGZ,CAAC,EACH,WAAW,EAAE,YAAY,EACzB,IAAI,EACJ,YAAY,GAAG,GAAG,EAAE;AAEpB,CAAC,EACD,QAAQ,GAAG,MAAM,EACjB,eAAe,GAAG,IAAI,EACtB,QAAQ,EAAE,SAAS,EACnB,SAAS,EAGT,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,GAAG,EAAE;AAEd,CAAC,EACD,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,IAAA,gCAAW,EAAC,SAAS,CAAC,CAAC;IACxC,MAAM,eAAe,GAAG,IAAA,cAAM,EAAC,YAAY,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,MAAM,CAAC,CAAC;IACjC,MAAM,eAAe,GAAG,IAAA,cAAM,EAAC,QAAQ,CAAC,CAAC;IACzC,MAAM,mBAAmB,GAAG,IAAA,cAAM,EAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IACnD,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,IAAI,CAAC,CAAC;IACjD,MAAM,eAAe,GAAG,IAAA,cAAM,EAAC,QAAQ,CAAC,CAAC;IACzC,MAAM,eAAe,GAAG,IAAA,cAAM,EAAC,QAAQ,CAAC,CAAC;IACzC,MAAM,sBAAsB,GAAG,IAAA,cAAM,EAAC,eAAe,CAAC,CAAC;IACvD,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,iBAAiB,GAAG,IAAA,cAAM,GAAe,CAAC;IAChD,MAAM,iBAAiB,GAAG,IAAA,cAAM,GAAe,CAAC;IAChD,MAAM,cAAc,GAAG,IAAA,cAAM,GAAe,CAAC;IAC7C,MAAM,wBAAwB,GAAG,IAAA,cAAM,GAAe,CAAC;IACvD,MAAM,aAAa,GAAG,IAAA,cAAM,GAAc,CAAC;IAG3C,eAAe,CAAC,OAAO,GAAG,YAAY,CAAC;IACvC,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC;IAE3B,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;YACzB,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAC;SAC5D;QAID,iBAAiB,CAAC,OAAO,GAAG,IAAI,mBAAW,EAAE,CAAC;QAC9C,iBAAiB,CAAC,OAAO,GAAG,IAAI,mBAAW,EAAE,CAAC;QAC9C,cAAc,CAAC,OAAO,GAAG,IAAI,mBAAW,EAAE,CAAC;QAC3C,wBAAwB,CAAC,OAAO,GAAG,IAAI,mBAAW,EAAE,CAAC;QAErD,MAAM,MAAM,GAAG,CAAC,aAAa,CAAC,OAAO,GAAG,IAAI,iBAAU,CAAC;YACrD,GAAG,EAAE,WAAW,CAAC,OAAO;YAKxB,UAAU,EAAE;gBACV,wBAAwB,CAAC,OAAO,CAAC,EAAE,CACjC,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,IAAA,kBAAW,GAAE,CAAC,CAAC,CAAC,EAAE,CACpD;gBACD,IAAA,kBAAO,GAAE;gBACT,IAAA,qBAAU,EAAC;oBACT,SAAS,CAAC,IAAI;wBACZ,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;wBAC9C,MAAM,CAAC,SAAS,GAAG,wBACjB,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAClB,EAAE,CAAC;wBACH,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC;wBAC3B,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,mBAAmB,CAAC;wBAC9D,MAAM,CAAC,SAAS,GAAG,IAAI;4BACrB,CAAC,CAAC,mOAAmO;4BACrO,CAAC,CAAC,qOAAqO,CAAC;wBAC1O,OAAO,MAAM,CAAC;oBAChB,CAAC;iBACF,CAAC;gBACF,IAAA,oBAAa,GAAE;gBACf,IAAA,wBAAa,GAAE;gBACf,IAAA,0BAAe,GAAE;gBACjB,IAAA,4BAAa,GAAE;gBAKf,IAAA,0BAAmB,GAAE;gBACrB,IAAA,gCAAyB,GAAE;gBAC3B,iBAAiB,CAAC,OAAO,CAAC,EAAE,CAAC,SAAS,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC;gBAClE,IAAA,6BAAkB,EAAC,eAAe,CAAC,OAAO,CAAC,CAAC;gBAC5C,IAAA,6BAAkB,EAAC,eAAe,CAAC,MAAM,CAAC,CAAC;gBAC3C,cAAc,CAAC,OAAO,CAAC,EAAE,CACvB,WAAW,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CACxD;gBACD,aAAM,CAAC,EAAE,CAAC;oBACR,GAAG,wBAAa;oBAChB,GAAG,kCAAmB;oBACtB,GAAG,wBAAa;oBAChB,GAAG,qBAAU;oBAGb,wBAAa;iBAEd,CAAC;gBACF,iBAAiB,CAAC,OAAO,CAAC,EAAE,CAC1B,mBAAW,CAAC,QAAQ,CAAC,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,CACjD;gBACD,iBAAU,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE;;oBACtC,IAAI,MAAM,CAAC,UAAU,EAAE;wBACrB,MAAM,IAAI,GAAG,MAAA,MAAA,aAAa,CAAC,OAAO,0CAAE,KAAK,CAAC,QAAQ,EAAE,mCAAI,EAAE,CAAC;wBAC3D,eAAe,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;qBACvC;gBACH,CAAC,CAAC;aACH;YACD,MAAM,EAAE,YAAY,CAAC,OAAO;SAC7B,CAAC,CAAC,CAAC;QAGH,YAAY,CAAC,OAAe,CAAC,GAAG,GAAG,MAAM,CAAC;QAE3C,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAE1B,IAAI,MAAM,IAAI,eAAe,CAAC,OAAO,KAAK,MAAM,EAAE;YAYhD,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC;YAC1C,MAAM,qBAAqB,GACzB,IAAA,8BAAmB,EAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC;gBAC5C,IAAA,uBAAY,EAAC,MAAM,EAAE,SAAS,EAAE,GAAG,CAAC,CAAC;YACvC,IAAI,qBAAqB,EAAE;gBACzB,OAAO,CAAC,MAAM,CAAC,CAAC;aACjB;iBAAM;aAEN;SACF;QAED,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,OAAO,EAAE,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,sCAAiB,EAAC,GAAG,EAAE;;QACrB,MAAA,aAAa,CAAC,OAAO,0CAAE,QAAQ,CAAC;YAC9B,OAAO,EAAE,MAAA,iBAAiB,CAAC,OAAO,0CAAE,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC;SACvE,CAAC,CAAC;IACL,CAAC,EAAE,QAAQ,CAAC,CAAC;IAEb,IAAA,sCAAiB,EAAC,GAAG,EAAE;;QACrB,MAAA,aAAa,CAAC,OAAO,0CAAE,QAAQ,CAAC;YAC9B,OAAO,EAAE,MAAA,iBAAiB,CAAC,OAAO,0CAAE,WAAW,CAC7C,mBAAW,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAClC;SACF,CAAC,CAAC;IACL,CAAC,EAAE,QAAQ,CAAC,CAAC;IAEb,IAAA,sCAAiB,EAAC,GAAG,EAAE;;QACrB,MAAA,aAAa,CAAC,OAAO,0CAAE,QAAQ,CAAC;YAC9B,OAAO,EAAE,MAAA,cAAc,CAAC,OAAO,0CAAE,WAAW,CAC1C,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CACzC;SACF,CAAC,CAAC;IACL,CAAC,EAAE,QAAQ,CAAC,CAAC;IAEb,IAAA,sCAAiB,EAAC,GAAG,EAAE;;QACrB,MAAA,aAAa,CAAC,OAAO,0CAAE,QAAQ,CAAC;YAC9B,OAAO,EAAE,MAAA,wBAAwB,CAAC,OAAO,0CAAE,WAAW,CACpD,eAAe,CAAC,CAAC,CAAC,IAAA,kBAAW,GAAE,CAAC,CAAC,CAAC,EAAE,CACrC;SACF,CAAC,CAAC;IACL,CAAC,EAAE,eAAe,CAAC,CAAC;IAEpB,IAAA,iBAAS,EAAC,GAAG,EAAE;;QAEb,IAAI,mBAAmB,CAAC,OAAO,EAAE;YAC/B,OAAO;SACR;QAMD,IAAI,IAAI,MAAK,MAAA,aAAa,CAAC,OAAO,0CAAE,KAAK,CAAC,QAAQ,EAAE,CAAA,EAAE;YACpD,MAAA,aAAa,CAAC,OAAO,0CAAE,QAAQ,CAAC;gBAC9B,OAAO,EAAE;oBACP,IAAI,EAAE,CAAC;oBAEP,EAAE,EAAE,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM;oBAC1C,MAAM,EAAE,IAAI;iBACb;aACF,CAAC,CAAC;SACJ;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,uCACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,uBAAE,EAAC,WAAW,EAAE,SAAS,CAAC,qBACrB,MAAM,KAClB,KAAK,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAoDqB,gCAAU;AAlDjC,SAAS,SAAS,CAAC,IAAU;IAC3B,OAAO,CAAC,IAAI;QACV,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU;YACnD,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,UAAU;gBAC1B,CAAC,CAAC,IAAI;gBACN,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC7B,CAAC;AAED,MAAM,OAAO,GAAY,CAAC,MAAM,EAAE,EAAE;IAClC,MAAM,kBAAkB,GAAmC,EAAE,CAAC;IAC9D,IAAA,qBAAU,EAAC,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC;QAC/B,KAAK,CAAC,OAAO;YACX,IACE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;gBACzC,IAAA,mBAAQ,EAAC,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,EAAE,CAAC;gBAChD,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,EACxB;gBACA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;oBAGxB,MAAM,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAC;iBACvD;gBACD,MAAM,KAAK,GAAG,IAAA,qBAAU,EAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBAC9C,IAAI,KAAK,EAAE;oBACT,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;iBAChC;gBAGD,OAAO,KAAK,CAAC;aACd;QACH,CAAC;KACF,CAAC,CAAC;IACH,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC,EAAE;QACjC,MAAM,CAAC,QAAQ,CAAC;YACd,OAAO,EAAE,kBAAkB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBACxC,OAAO,qBAAU,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;YAC9B,CAAC,CAAC;SACH,CAAC,CAAC;KACJ;IACD,OAAO,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC;AACrC,CAAC,CAAC;AAEF,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;AAE7B,UAAU,CAAC,SAAS,GAAG,oBAAS,CAAC"}

package/dist/multiline-editor.d.ts

@@ -0,0 +1,18 @@
+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';
+declare type CustomActionItem = {
+    icon: IconGlyph;
+    action: string;
+    label: string;
+};
+declare 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

@@ -0,0 +1 @@
+{"version":3,"file":"multiline-editor.d.ts","sourceRoot":"","sources":["../src/multiline-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAIhE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAqHpE,aAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,aAAK,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;AAiDF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CA2EzD,CAAC;AAEF,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,CAAC"}

package/dist/multiline-editor.js

@@ -0,0 +1,139 @@
+"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 compass_components_3 = require("@mongodb-js/compass-components");
+const react_1 = __importStar(require("react"));
+const base_editor_1 = require("./base-editor");
+const actionButtonStyle = (0, compass_components_2.css)({
+    flex: 'none',
+});
+const actionButtonContentStyle = (0, compass_components_2.css)({
+    position: 'relative',
+});
+const actionButtonIconContainerStyle = (0, compass_components_2.css)({
+    opacity: 1,
+    width: 14,
+    height: 14,
+    transition: 'opacity .2s linear',
+});
+const actionButtonIconContainerHiddenStyle = (0, compass_components_2.css)({
+    opacity: 0,
+});
+const actionButtonClickResultIconStyle = (0, compass_components_2.css)({
+    position: 'absolute',
+    width: 14,
+    height: 14,
+    top: 0,
+    pointerEvents: 'none',
+    opacity: 1,
+    transition: 'opacity .2s linear',
+});
+const actionButtonClickResultIconHiddenStyle = (0, compass_components_2.css)({
+    opacity: 0,
+});
+const ActionButton = ({ label, icon, onClick }) => {
+    const [clickResult, setClickResult] = (0, react_1.useState)('success');
+    const [clickResultVisible, setClickResultVisible] = (0, react_1.useState)(false);
+    const onButtonClick = (0, react_1.useCallback)((...args) => {
+        const result = onClick(...args);
+        if (typeof result === 'boolean') {
+            setClickResult(result ? 'success' : 'error');
+            setClickResultVisible(true);
+        }
+    }, [onClick]);
+    (0, react_1.useEffect)(() => {
+        if (!clickResultVisible) {
+            return;
+        }
+        const timeoutId = setTimeout(() => {
+            setClickResultVisible(false);
+        }, 1000);
+        return () => {
+            clearTimeout(timeoutId);
+        };
+    }, [clickResultVisible]);
+    return (react_1.default.createElement(compass_components_3.Button, { size: "xsmall", "aria-label": label, title: label, onClick: onButtonClick, className: actionButtonStyle },
+        react_1.default.createElement("div", { className: actionButtonContentStyle },
+            react_1.default.createElement("div", { className: (0, compass_components_1.cx)(actionButtonIconContainerStyle, clickResultVisible && actionButtonIconContainerHiddenStyle) }, typeof icon === 'string' ? (react_1.default.createElement(compass_components_3.Icon, { size: "small", role: "presentation", title: null, glyph: icon })) : (icon)),
+            react_1.default.createElement("div", { className: (0, compass_components_1.cx)(actionButtonClickResultIconStyle, !clickResultVisible && actionButtonClickResultIconHiddenStyle) },
+                react_1.default.createElement(compass_components_3.Icon, { size: "small", glyph: clickResult === 'success' ? 'Checkmark' : 'X' })))));
+};
+const FormatIcon = ({ size = 16, ...props }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", width: size, height: size, viewBox: "0 0 16 16", ...props },
+    react_1.default.createElement("path", { fill: "currentColor", d: "M2 4a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1Zm0 4a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1Zm1 3a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2H3Zm4-7a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1Zm4 4a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2h-1a1 1 0 0 1-1-1Z" })));
+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(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(ActionButton, { key: "Format", label: "Format", icon: react_1.default.createElement(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(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

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

package/dist/prettify.d.ts

@@ -0,0 +1,4 @@
+import type { Options as PrettierFormatOptions } from 'prettier';
+export declare type FormatOptions = Omit<PrettierFormatOptions, 'plugin' | 'parser'>;
+export declare function prettify(code: string, parser?: 'javascript-expression' | 'javascript' | 'json', formatOptions?: FormatOptions): string;
+//# sourceMappingURL=prettify.d.ts.map

package/dist/prettify.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prettify.d.ts","sourceRoot":"","sources":["../src/prettify.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjE,oBAAY,aAAa,GAAG,IAAI,CAAC,qBAAqB,EAAE,QAAQ,GAAG,QAAQ,CAAC,CAAC;AAE7E,wBAAgB,QAAQ,CACtB,IAAI,EAAE,MAAM,EACZ,MAAM,GACF,uBAAuB,GACvB,YAAY,GACZ,MAAgC,EACpC,aAAa,GAAE,aAAkB,UAoBlC"}

package/dist/prettify.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.prettify = void 0;
+const standalone_1 = __importDefault(require("prettier/standalone"));
+const parser_babel_1 = __importDefault(require("prettier/parser-babel"));
+function prettify(code, parser = 'javascript-expression', formatOptions = {}) {
+    return standalone_1.default
+        .format(code, {
+        plugins: [parser_babel_1.default],
+        printWidth: 50,
+        parser: parser === 'javascript-expression'
+            ?
+                '__js_expression'
+            : parser === 'json'
+                ? 'json'
+                : 'babel',
+        ...formatOptions,
+    })
+        .trim();
+}
+exports.prettify = prettify;
+//# sourceMappingURL=prettify.js.map

package/dist/prettify.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prettify.js","sourceRoot":"","sources":["../src/prettify.ts"],"names":[],"mappings":";;;;;;AAAA,qEAA2C;AAC3C,yEAAgD;AAKhD,SAAgB,QAAQ,CACtB,IAAY,EACZ,SAGa,uBAAuB,EACpC,gBAA+B,EAAE;IAEjC,OAAO,oBAAQ;SACZ,MAAM,CAAC,IAAI,EAAE;QACZ,OAAO,EAAE,CAAC,sBAAW,CAAC;QACtB,UAAU,EAAE,EAAE;QACd,MAAM,EACJ,MAAM,KAAK,uBAAuB;YAChC,CAAC;gBAKC,iBAAiB;YACnB,CAAC,CAAC,MAAM,KAAK,MAAM;gBACnB,CAAC,CAAC,MAAM;gBACR,CAAC,CAAC,OAAO;QACb,GAAG,aAAa;KACjB,CAAC;SACD,IAAI,EAAE,CAAC;AACZ,CAAC;AA1BD,4BA0BC"}

package/package.json

@@ -13,7 +13,7 @@
     "email": "compass@mongodb.com"
   },
   "homepage": "https://github.com/mongodb-js/compass",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/mongodb-js/compass.git"
@@ -45,13 +45,17 @@
     "test-ci": "npm run test-cov",
     "reformat": "npm run prettier -- --write ."
   },
+  "peerDependencies": {
+    "react": "^17.0.2"
+  },
   "devDependencies": {
-    "@mongodb-js/eslint-config-compass": "^1.0.1",
-    "@mongodb-js/mocha-config-compass": "^1.0.1",
+    "@mongodb-js/eslint-config-compass": "^1.0.2",
+    "@mongodb-js/mocha-config-compass": "^1.0.2",
     "@mongodb-js/prettier-config-compass": "^1.0.0",
     "@mongodb-js/tsconfig-compass": "^1.0.1",
     "@types/chai": "^4.2.21",
     "@types/mocha": "^9.0.0",
+    "@types/prettier": "^2.7.1",
     "@types/sinon-chai": "^3.2.5",
     "chai": "^4.3.6",
     "depcheck": "^1.4.1",
@@ -63,12 +67,20 @@
     "typescript": "^4.8.3"
   },
   "dependencies": {
-    "@mongodb-js/compass-components": "^1.3.0",
-    "@mongodb-js/mongodb-constants": "^0.1.4",
+    "@codemirror/autocomplete": "^6.4.0",
+    "@codemirror/commands": "^6.1.2",
+    "@codemirror/lang-javascript": "^6.1.2",
+    "@codemirror/lang-json": "^6.0.1",
+    "@codemirror/language": "^6.3.2",
+    "@codemirror/state": "^6.1.4",
+    "@codemirror/view": "^6.7.1",
+    "@lezer/highlight": "^1.1.3",
+    "@mongodb-js/compass-components": "^1.5.0",
+    "@mongodb-js/mongodb-constants": "^0.1.5",
     "ace-builds": "^1.11.2",
-    "react": "^16.14.0",
+    "polished": "^4.2.2",
     "react-ace": "^9.5.0",
     "semver": "^7.3.8"
   },
-  "gitHead": "10815be8fd57f3bfd89d061e1592eb7136d4a0fb"
+  "gitHead": "cfe9a829fd77fc84e090f2c7b38663167071ebc5"
 }