@mongodb-js/compass-editor 0.70.0 → 0.72.0

package/dist/codemirror/document-autocompleter.d.ts

@@ -1,7 +1,9 @@
 import type { CompletionSource } from '@codemirror/autocomplete';
 /**
- * Autocompleter for the document object, only autocompletes field names in the
- * appropriate format (either escaped or not) both for javascript and json modes
+ * Autocompleter for the document object. Completes field names in the
+ * appropriate format (either escaped or not) both for javascript and json
+ * modes, and bson constructors (`ObjectId()`, `ISODate()`, ...) in value
+ * position, which are only valid outside of json mode.
  */
 export declare const createDocumentAutocompleter: (fields: string[]) => CompletionSource;
 //# sourceMappingURL=document-autocompleter.d.ts.map

package/dist/codemirror/document-autocompleter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"document-autocompleter.d.ts","sourceRoot":"","sources":["../../src/codemirror/document-autocompleter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AA2BjE;;;GAGG;AACH,eAAO,MAAM,2BAA2B,GACtC,QAAQ,MAAM,EAAE,KACf,gBAqCF,CAAC"}
+{"version":3,"file":"document-autocompleter.d.ts","sourceRoot":"","sources":["../../src/codemirror/document-autocompleter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAgCjE;;;;;GAKG;AACH,eAAO,MAAM,2BAA2B,GACtC,QAAQ,MAAM,EAAE,KACf,gBAiEF,CAAC"}

package/dist/codemirror/document-autocompleter.js

@@ -23,14 +23,18 @@ function isJavaScriptPropertyName(token) {
         (!token.prevSibling || token.prevSibling.name === '['));
 }
 /**
- * Autocompleter for the document object, only autocompletes field names in the
- * appropriate format (either escaped or not) both for javascript and json modes
+ * Autocompleter for the document object. Completes field names in the
+ * appropriate format (either escaped or not) both for javascript and json
+ * modes, and bson constructors (`ObjectId()`, `ISODate()`, ...) in value
+ * position, which are only valid outside of json mode.
  */
 const createDocumentAutocompleter = (fields) => {
     const completions = (0, autocompleter_1.completer)('', { fields, meta: ['field:identifier'] });
+    const bsonCompletions = (0, autocompleter_1.completer)('', { meta: ['bson'] });
     return (context) => {
         const token = (0, utils_1.resolveTokenAtCursor)(context);
-        const shouldAlwaysEscapeProperty = context.state.facet(editor_1.languageName)[0] === 'json';
+        const isJSON = context.state.facet(editor_1.languageName)[0] === 'json';
+        const shouldAlwaysEscapeProperty = isJSON;
         if (isJSONPropertyName(token) || isJavaScriptPropertyName(token)) {
             const prefix = context.state
                 .sliceDoc(token.from, context.pos)
@@ -55,6 +59,27 @@ const createDocumentAutocompleter = (fields) => {
                 filter: false,
             };
         }
+        if (!isJSON && token.type.name !== 'String' && (0, utils_1.isPropertyValue)(token)) {
+            const prefix = context.state.sliceDoc(token.from, context.pos);
+            if (!prefix) {
+                return null;
+            }
+            return {
+                from: token.from,
+                to: token.to,
+                options: bsonCompletions
+                    .filter((completion) => {
+                    return completion.value
+                        .toLowerCase()
+                        .startsWith(prefix.toLowerCase());
+                })
+                    .map((completion) => {
+                    // bson constructors are expressions, never quoted like a field name
+                    return (0, utils_1.mapMongoDBCompletionToCodemirrorCompletion)(completion, 'never');
+                }),
+                filter: false,
+            };
+        }
         return (0, utils_1.completeWordsInString)(context);
     };
 };

package/dist/codemirror/use-safe-integer-linter.d.ts

@@ -0,0 +1,21 @@
+import type { EditorRef } from '../types';
+import type { Annotation } from './../editor';
+import type { LintConfig } from '../linter';
+export type SafeIntegerViolation = {
+    from: number;
+    to: number;
+    acceptsStringArgument: boolean;
+};
+type SafeIntegerLinterOptions = LintConfig & {
+    editorRef?: React.RefObject<EditorRef>;
+    onFixViolation?: (source: string) => string;
+    onViolationFixed: () => void;
+    externalAnnotations?: React.RefObject<Annotation[]>;
+};
+export declare function useSafeIntegerLinter({ editorRef, onFixViolation, onViolationFixed, externalAnnotations, lintDelay, tooltipExitDelay, theme, }: SafeIntegerLinterOptions): {
+    safeIntegerLinter: import("@codemirror/state").Extension;
+    violations: SafeIntegerViolation[];
+    onFixViolations: () => void;
+};
+export {};
+//# sourceMappingURL=use-safe-integer-linter.d.ts.map

package/dist/codemirror/use-safe-integer-linter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-safe-integer-linter.d.ts","sourceRoot":"","sources":["../../src/codemirror/use-safe-integer-linter.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAK5C,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IAIX,qBAAqB,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,KAAK,wBAAwB,GAAG,UAAU,GAAG;IAC3C,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC,CAAC;CACrD,CAAC;AAuGF,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,cAAsC,EACtC,gBAAgB,EAChB,mBAAmB,EACnB,SAAS,EACT,gBAAgB,EAChB,KAAK,GACN,EAAE,wBAAwB;;;;EAgG1B"}

package/dist/codemirror/use-safe-integer-linter.js

@@ -0,0 +1,155 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSafeIntegerLinter = useSafeIntegerLinter;
+const react_1 = require("react");
+const compass_components_1 = require("@mongodb-js/compass-components");
+const linter_1 = require("../linter");
+const lint_tooltip_exit_delay_1 = require("../lint-tooltip-exit-delay");
+const defaultOnFixViolation = (source) => `Long("${source}")`;
+const VIOLATION_MESSAGE = 'Exceeds safe integer range.';
+// Constructors that accept a string and use the value. Anything else
+// either changes meaning (`Date`) or still rounds the value (`Int32`,
+// `Double`), so those get wrapped instead.
+const STRING_ARGUMENT_CONSTRUCTORS = new Set([
+    'Long',
+    'NumberLong',
+    'Int64',
+    'Decimal128',
+    'NumberDecimal',
+]);
+function isUnsafeInteger(str) {
+    if (!/^-?\d+$/.test(str)) {
+        return false;
+    }
+    try {
+        const num = BigInt(str);
+        return (num > BigInt(Number.MAX_SAFE_INTEGER) ||
+            num < BigInt(Number.MIN_SAFE_INTEGER));
+    }
+    catch {
+        return false;
+    }
+}
+// A leading `-` is a unary expression around the literal rather than part of
+// it, so it has to be pulled into the violation to fix `-123...` as
+// `Long("-123...")` rather than `-Long("123...")`.
+function negationOperator(node, doc) {
+    const operator = node.parent?.name === 'UnaryExpression' ? node.parent.firstChild : null;
+    return operator?.name === 'ArithOp' &&
+        doc.sliceString(operator.from, operator.to) === '-'
+        ? operator
+        : null;
+}
+function isStringConstructorArgument(node, doc) {
+    if (node.parent?.name !== 'ArgList') {
+        return false;
+    }
+    const callee = node.parent.prevSibling;
+    return (callee?.name === 'VariableName' &&
+        STRING_ARGUMENT_CONSTRUCTORS.has(doc.sliceString(callee.from, callee.to)));
+}
+function unsafeIntegerViolation(node, doc) {
+    if (!isUnsafeInteger(doc.sliceString(node.from, node.to))) {
+        return null;
+    }
+    const literal = negationOperator(node, doc)?.parent ?? node;
+    return {
+        from: literal.from,
+        to: literal.to,
+        acceptsStringArgument: isStringConstructorArgument(literal, doc),
+    };
+}
+function sameViolations(a, b) {
+    return (a.length === b.length &&
+        a.every((v, i) => v.from === b[i].from &&
+            v.to === b[i].to &&
+            v.acceptsStringArgument === b[i].acceptsStringArgument));
+}
+function applyFix(violation, source, { onFixViolation, onViolationFixed }) {
+    // The violation can span whitespace between a sign and its digits (`- 123`).
+    const literal = source.replace(/\s+/g, '');
+    onViolationFixed();
+    return violation.acceptsStringArgument
+        ? `"${literal}"`
+        : onFixViolation(literal);
+}
+function useSafeIntegerLinter({ editorRef, onFixViolation = defaultOnFixViolation, onViolationFixed, externalAnnotations, lintDelay, tooltipExitDelay, theme, }) {
+    const [violations, setViolations] = (0, react_1.useState)([]);
+    const optionsRef = (0, compass_components_1.useCurrentValueRef)({
+        onFixViolation,
+        onViolationFixed,
+        externalAnnotations,
+    });
+    const violationsRef = (0, compass_components_1.useCurrentValueRef)(violations);
+    const safeIntegerLinter = (0, react_1.useMemo)(() => {
+        return (0, linter_1.createCodemirrorLinter)((tree, view) => {
+            const violations = [];
+            tree.iterate({
+                enter: (node) => {
+                    // Warn on any bare number literal, including one passed as a
+                    // numeric argument to a constructor like `Long(123...)`: the
+                    // literal is parsed as a JS double and loses precision before the
+                    // constructor sees it.
+                    if (node.name !== 'Number') {
+                        return;
+                    }
+                    const violation = unsafeIntegerViolation(node.node, view.state.doc);
+                    if (violation) {
+                        violations.push(violation);
+                    }
+                },
+            });
+            // Only update state when the violations actually changed, otherwise
+            // every lint pass re-renders the consumer with a new array identity.
+            if (!sameViolations(violationsRef.current, violations)) {
+                violationsRef.current = violations;
+                setViolations(violations);
+            }
+            const annotations = violations.map((violation) => {
+                const { from, to } = violation;
+                return {
+                    from,
+                    to,
+                    severity: 'error',
+                    message: VIOLATION_MESSAGE,
+                    actions: [
+                        {
+                            name: 'Convert to Long',
+                            apply: (view, from, to) => {
+                                view.dispatch({
+                                    changes: {
+                                        from,
+                                        to,
+                                        insert: applyFix(violation, view.state.sliceDoc(from, to), optionsRef.current),
+                                    },
+                                });
+                            },
+                        },
+                    ],
+                };
+            });
+            return [
+                ...annotations.map(lint_tooltip_exit_delay_1.wrapLinterAnnotation),
+                ...(optionsRef.current.externalAnnotations?.current ?? []),
+            ];
+        }, { lintDelay, theme, tooltipExitDelay });
+    }, [lintDelay, theme, tooltipExitDelay]);
+    const onFixViolations = (0, react_1.useCallback)(() => {
+        const editor = editorRef?.current?.editor;
+        if (!editor || violations.length === 0) {
+            return;
+        }
+        editor.dispatch({
+            changes: violations.map((violation) => {
+                const { from, to } = violation;
+                return {
+                    from,
+                    to,
+                    insert: applyFix(violation, editor.state.sliceDoc(from, to), optionsRef.current),
+                };
+            }),
+        });
+        setViolations([]);
+    }, [violations, editorRef]);
+    return { safeIntegerLinter, violations, onFixViolations };
+}

package/dist/editor.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { KeyBinding } from '@codemirror/view';
 import { placeholder as codemirrorPlaceholder, EditorView } from '@codemirror/view';
+import { syntaxTree } from '@codemirror/language';
 import type { Diagnostic } from '@codemirror/lint';
 import type { CompletionSource } from '@codemirror/autocomplete';
 import type { Extension } from '@codemirror/state';
@@ -33,6 +34,7 @@ export declare const editorPalette: {
         readonly autocompleteBorderColor: "#E8EDEB";
         readonly autocompleteMatchColor: "#00A35C";
         readonly autocompleteSelectedBackgroundColor: "#E8EDEB";
+        readonly linkColor: "#016BF8";
     };
     readonly dark: {
         readonly color: string;
@@ -57,14 +59,19 @@ export declare const editorPalette: {
         readonly autocompleteBorderColor: "#5C6C75";
         readonly autocompleteMatchColor: "#F9FBFA";
         readonly autocompleteSelectedBackgroundColor: "#3D4F58";
+        readonly linkColor: "#0498EC";
     };
 };
 declare const highlightStyles: {
     readonly light: HighlightStyle;
     readonly dark: HighlightStyle;
 };
-type EditorLanguage = 'json' | 'javascript' | 'javascript-expression';
-export type Annotation = Pick<Diagnostic, 'from' | 'to' | 'severity' | 'message'>;
+export type EditorLanguage = 'json' | 'javascript' | 'javascript-expression';
+/**
+ * *Note*: Action only works when linting has been enabled
+ */
+export type Annotation = Pick<Diagnostic, 'from' | 'to' | 'severity' | 'message' | 'actions' | 'renderMessage'>;
+export type Linter = (tree: ReturnType<typeof syntaxTree>, view: EditorView) => readonly Annotation[];
 type EditorProps = {
     language?: EditorLanguage;
     onChangeText?: (text: string, event?: any) => void;
@@ -83,6 +90,7 @@ type EditorProps = {
     'data-testid'?: string;
     annotations?: Annotation[];
     completer?: CompletionSource;
+    linter?: Extension;
     customExtensions?: Extension[];
     minLines?: number;
     maxLines?: number;
@@ -102,7 +110,7 @@ export declare const languages: Record<EditorLanguage, () => LanguageSupport>;
 export declare const languageName: Facet<EditorLanguage, readonly EditorLanguage[]>;
 declare const BaseEditor: React.ForwardRefExoticComponent<EditorProps & React.RefAttributes<EditorRef>>;
 export type { EditorView, KeyBinding as Command };
-type InlineEditorProps = Omit<EditorProps, 'text' | 'showLineNumbers' | 'showFoldGutter' | 'showAnnotationsGutter' | 'showScroll' | 'highlightActiveLine' | 'minLines' | 'annotations'> & ({
+type InlineEditorProps = Omit<EditorProps, 'text' | 'showLineNumbers' | 'showFoldGutter' | 'showScroll' | 'highlightActiveLine' | 'minLines' | 'annotations'> & ({
     text: string;
     initialText?: never;
 } | {

package/dist/editor.d.ts.map

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

package/dist/editor.js

@@ -55,13 +55,6 @@ const editorStyle = (0, compass_components_1.css)({
     fontSize: 13,
     fontFamily: compass_components_1.fontFamilies.code,
 });
-const disabledContainerStyles = (0, compass_components_1.css)({
-    borderRadius: compass_components_1.spacing[100],
-    boxShadow: `0 0 0 1px ${compass_components_1.palette.gray.light1}`,
-});
-const disabledContainerDarkModeStyles = (0, compass_components_1.css)({
-    boxShadow: `0 0 0 1px ${compass_components_1.palette.gray.dark2}`,
-});
 const readOnlyStyle = (0, compass_components_1.css)({
     // We hide the blinking cursor in read only mode
     // as it can appear to users like the editor is editable.
@@ -142,6 +135,7 @@ exports.editorPalette = {
         autocompleteBorderColor: compass_components_1.palette.gray.light2,
         autocompleteMatchColor: compass_components_1.palette.green.dark1,
         autocompleteSelectedBackgroundColor: compass_components_1.palette.gray.light2,
+        linkColor: compass_components_1.palette.blue.base,
     },
     dark: {
         color: compass_components_1.codePalette.dark[3],
@@ -167,12 +161,26 @@ exports.editorPalette = {
         autocompleteBorderColor: compass_components_1.palette.gray.dark1,
         autocompleteMatchColor: compass_components_1.palette.gray.light3,
         autocompleteSelectedBackgroundColor: compass_components_1.palette.gray.dark2,
+        linkColor: compass_components_1.palette.blue.light1,
     },
 };
 const cmFontStyles = {
     fontSize: '13px',
     fontFamily: compass_components_1.fontFamilies.code,
 };
+const disabledContainerStyles = (0, compass_components_1.css)({
+    borderRadius: compass_components_1.spacing[100],
+    overflow: 'hidden',
+    boxShadow: `0 0 0 1px ${compass_components_1.palette.gray.light1}`,
+    backgroundColor: exports.editorPalette.light.disabledBackgroundColor,
+    '& .cm-editor, & .cm-gutters, & .cm-content[contenteditable="false"]': {
+        backgroundColor: 'transparent',
+    },
+});
+const disabledContainerDarkModeStyles = (0, compass_components_1.css)({
+    boxShadow: `0 0 0 1px ${compass_components_1.palette.gray.dark2}`,
+    backgroundColor: exports.editorPalette.dark.disabledBackgroundColor,
+});
 function getStylesForTheme(theme) {
     return view_1.EditorView.theme({
         '&': {
@@ -189,13 +197,9 @@ function getStylesForTheme(theme) {
             paddingBottom: `${compass_components_1.spacing[100]}px`,
             caretColor: exports.editorPalette[theme].cursorColor,
         },
-        '[contenteditable="false"] ': {
-            borderRadius: `${compass_components_1.spacing[100]}px`,
-        },
         '.cm-content[contenteditable="false"] ': {
             cursor: 'not-allowed',
             color: exports.editorPalette[theme].disabledColor,
-            backgroundColor: exports.editorPalette[theme].disabledBackgroundColor,
         },
         '& .cm-activeLine': {
             background: 'none',
@@ -405,6 +409,29 @@ function getStylesForTheme(theme) {
         '& .cm-tooltip .completion-info p:last-child': {
             marginBottom: 0,
         },
+        // Hide the inline underline @codemirror/lint error
+        '& .cm-lintRange-error': {
+            backgroundImage: 'none',
+        },
+        '& .cm-lintPoint::after': {
+            display: 'none',
+        },
+        '.cm-diagnosticAction': {
+            background: 'none',
+            display: 'inline',
+            margin: '0 0 0 8px',
+            padding: '0',
+            border: 'none',
+            color: exports.editorPalette[theme].linkColor,
+            cursor: 'pointer',
+        },
+        '& .cm-diagnosticAction:focus-visible': {
+            outline: 'none',
+            boxShadow: `0 0 0 2px ${compass_components_1.palette.blue.light1}`,
+        },
+        '& .cm-diagnosticAction:hover': {
+            textDecoration: 'underline',
+        },
         '& .cm-widgetBuffer': {
             // Default is text-top which causes weird 1px added to the line height
             // when widget (in our case this is placeholder widget) is shown in the
@@ -419,6 +446,9 @@ const themeStyles = {
 };
 // Base theme for autocomplete hover - applies to document root for tooltips
 const autocompleteHoverStyles = view_1.EditorView.baseTheme({
+    '.cm-tooltip': {
+        maxWidth: 'min(90vw, 500px)',
+    },
     '&light .cm-tooltip.cm-tooltip-autocomplete ul li:hover': {
         color: exports.editorPalette.light.autocompleteColor,
         backgroundColor: exports.editorPalette.light.autocompleteSelectedBackgroundColor,
@@ -578,7 +608,7 @@ function useCodemirrorExtensionCompartment(fn, value, editorViewRef) {
     }, value);
     return extensionCompartment;
 }
-const BaseEditor = react_1.default.forwardRef(function BaseEditor({ initialText: _initialText, text, onChangeText, language = 'json', showLineNumbers = true, showFoldGutter = true, showAnnotationsGutter = true, showScroll = true, highlightActiveLine: shouldHighlightActiveLine = true, annotations, completer, customExtensions, darkMode: _darkMode, disabled = false, className, readOnly = false, onLoad = () => {
+const BaseEditor = react_1.default.forwardRef(function BaseEditor({ initialText: _initialText, text, onChangeText, language = 'json', showLineNumbers = true, showFoldGutter = true, showAnnotationsGutter = true, showScroll = true, highlightActiveLine: shouldHighlightActiveLine = true, annotations, completer, linter, customExtensions, darkMode: _darkMode, disabled = false, className, readOnly = false, onLoad = () => {
     /**/
 }, onFocus = () => {
     /**/
@@ -722,6 +752,9 @@ const BaseEditor = react_1.default.forwardRef(function BaseEditor({ initialText:
             })
             : [];
     }, completer, editorViewRef);
+    const linterExtension = useCodemirrorExtensionCompartment(() => {
+        return linter ? linter : [];
+    }, linter, editorViewRef);
     const placeholderExtension = useCodemirrorExtensionCompartment(() => {
         return placeholder ? (0, view_1.placeholder)(placeholder) : [];
     }, placeholder, editorViewRef);
@@ -771,6 +804,7 @@ const BaseEditor = react_1.default.forwardRef(function BaseEditor({ initialText:
                 (0, language_1.bracketMatching)(),
                 (0, autocomplete_1.closeBrackets)(),
                 autocompletionExtension,
+                linterExtension,
                 languageExtension,
                 (0, language_2.syntaxHighlighting)(highlightStyles['light']),
                 (0, language_2.syntaxHighlighting)(highlightStyles['dark']),
@@ -802,11 +836,14 @@ const BaseEditor = react_1.default.forwardRef(function BaseEditor({ initialText:
                     ...autocomplete_1.completionKeymap,
                     ...tabKeymap,
                 ]),
-                // Supply the document body as the tooltip parent
-                // because we are using containment contexts for container
-                // queries which offset things otherwise.
+                // Supply the tooltip parent explicitly because we are using
+                // containment contexts for container queries which offset things
+                // otherwise. When the editor is rendered inside a modal (a native
+                // <dialog> promoted to the top layer via showModal), the tooltip
+                // must be parented to that dialog so it renders in the same top
+                // layer instead of behind the modal.
                 (0, view_1.tooltips)({
-                    parent: document.body,
+                    parent: domNode.closest('dialog') ?? document.body,
                 }),
                 editableExtension,
                 readOnlyExtension,
@@ -882,6 +919,7 @@ const BaseEditor = react_1.default.forwardRef(function BaseEditor({ initialText:
         readOnlyExtension,
         themeConfigExtension,
         autocompletionExtension,
+        linterExtension,
         lineHeightExtension,
         activeLineExtension,
         placeholderExtension,
@@ -1055,13 +1093,17 @@ const prettify = (editorView) => {
     }
     return false;
 };
-const inlineStyles = (0, compass_components_1.css)({
+const inlineStylesLightMode = (0, compass_components_1.css)({
     '& .cm-editor': {
-        backgroundColor: 'transparent',
+        backgroundColor: compass_components_1.palette.white,
+    },
+    '& .cm-gutters': {
+        backgroundColor: `${compass_components_1.palette.white} !important`,
     },
 });
-const InlineEditor = react_1.default.forwardRef(function InlineEditor({ className, ...props }, forwardRef) {
-    return (react_1.default.createElement(BaseEditor, { ref: forwardRef, maxLines: 10, showFoldGutter: false, showLineNumbers: false, showAnnotationsGutter: false, showScroll: false, highlightActiveLine: false, className: (0, compass_components_1.cx)(inlineStyles, className), language: "javascript-expression", ...props }));
+const InlineEditor = react_1.default.forwardRef(function InlineEditor({ className, showAnnotationsGutter, ...props }, forwardRef) {
+    const darkMode = (0, compass_components_1.useDarkMode)();
+    return (react_1.default.createElement(BaseEditor, { ref: forwardRef, maxLines: 10, showFoldGutter: false, showLineNumbers: false, showAnnotationsGutter: Boolean(showAnnotationsGutter), showScroll: false, highlightActiveLine: false, className: (0, compass_components_1.cx)(!darkMode && !props.disabled && inlineStylesLightMode, className), language: "javascript-expression", ...props }));
 });
 exports.CodemirrorInlineEditor = InlineEditor;
 const multilineEditorContainerStyle = (0, compass_components_1.css)({

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export { prettify } from './prettify';
 export type { FormatOptions } from './prettify';
 export { CodemirrorInlineEditor, CodemirrorMultilineEditor, setCodemirrorEditorValue, getCodemirrorEditorValue, } from './editor';
 export type { EditorView, Command, Annotation, Completer } from './editor';
+export type { Extension } from '@codemirror/state';
 export type { Action } from './action-button';
 export { createDocumentAutocompleter } from './codemirror/document-autocompleter';
 export { createValidationAutocompleter } from './codemirror/validation-autocompleter';
@@ -14,4 +15,5 @@ export { createQueryHistoryAutocompleter, type SavedQuery, } from './codemirror/
 export { createQueryWithHistoryAutocompleter } from './codemirror/query-autocompleter-with-history';
 export { useJsonSchemaAutocompleter } from './use-json-schema-autocompleter';
 export type { JsonSchemaAutocompleterResult } from './use-json-schema-autocompleter';
+export { useSafeIntegerLinter } from './codemirror/use-safe-integer-linter';
 //# 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,YAAY,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EACL,sBAAsB,EACtB,yBAAyB,EACzB,wBAAwB,EACxB,wBAAwB,GACzB,MAAM,UAAU,CAAC;AAClB,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC3E,YAAY,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAAE,6BAA6B,EAAE,MAAM,uCAAuC,CAAC;AACtF,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AACxF,OAAO,EAAE,8BAA8B,EAAE,MAAM,yCAAyC,CAAC;AACzF,OAAO,EACL,+BAA+B,EAC/B,KAAK,UAAU,GAChB,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,mCAAmC,EAAE,MAAM,+CAA+C,CAAC;AACpG,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7E,YAAY,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EACL,sBAAsB,EACtB,yBAAyB,EACzB,wBAAwB,EACxB,wBAAwB,GACzB,MAAM,UAAU,CAAC;AAClB,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC3E,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAAE,6BAA6B,EAAE,MAAM,uCAAuC,CAAC;AACtF,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AACxF,OAAO,EAAE,8BAA8B,EAAE,MAAM,yCAAyC,CAAC;AACzF,OAAO,EACL,+BAA+B,EAC/B,KAAK,UAAU,GAChB,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,mCAAmC,EAAE,MAAM,+CAA+C,CAAC;AACpG,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7E,YAAY,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AACrF,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC"}

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useJsonSchemaAutocompleter = exports.createQueryWithHistoryAutocompleter = exports.createQueryHistoryAutocompleter = exports.createSearchIndexAutocompleter = exports.createAggregationAutocompleter = exports.createStageAutocompleter = exports.createQueryAutocompleter = exports.createValidationAutocompleter = exports.createDocumentAutocompleter = exports.getCodemirrorEditorValue = exports.setCodemirrorEditorValue = exports.CodemirrorMultilineEditor = exports.CodemirrorInlineEditor = exports.prettify = void 0;
+exports.useSafeIntegerLinter = exports.useJsonSchemaAutocompleter = exports.createQueryWithHistoryAutocompleter = exports.createQueryHistoryAutocompleter = exports.createSearchIndexAutocompleter = exports.createAggregationAutocompleter = exports.createStageAutocompleter = exports.createQueryAutocompleter = exports.createValidationAutocompleter = exports.createDocumentAutocompleter = exports.getCodemirrorEditorValue = exports.setCodemirrorEditorValue = exports.CodemirrorMultilineEditor = exports.CodemirrorInlineEditor = exports.prettify = void 0;
 var prettify_1 = require("./prettify");
 Object.defineProperty(exports, "prettify", { enumerable: true, get: function () { return prettify_1.prettify; } });
 var editor_1 = require("./editor");
@@ -26,3 +26,5 @@ var query_autocompleter_with_history_1 = require("./codemirror/query-autocomplet
 Object.defineProperty(exports, "createQueryWithHistoryAutocompleter", { enumerable: true, get: function () { return query_autocompleter_with_history_1.createQueryWithHistoryAutocompleter; } });
 var use_json_schema_autocompleter_1 = require("./use-json-schema-autocompleter");
 Object.defineProperty(exports, "useJsonSchemaAutocompleter", { enumerable: true, get: function () { return use_json_schema_autocompleter_1.useJsonSchemaAutocompleter; } });
+var use_safe_integer_linter_1 = require("./codemirror/use-safe-integer-linter");
+Object.defineProperty(exports, "useSafeIntegerLinter", { enumerable: true, get: function () { return use_safe_integer_linter_1.useSafeIntegerLinter; } });

package/dist/lint-tooltip-exit-delay.d.ts

@@ -0,0 +1,7 @@
+import { type Extension } from '@codemirror/state';
+import type { Annotation } from './editor';
+export declare const TOOLTIP_DATA_ATTR = "data-codemirror-linter";
+export declare function wrapLinterAnnotation(annotation: Annotation): Annotation;
+export declare const TOOLTIP_SELECTOR = ".cm-diagnostic:has([data-codemirror-linter=true])";
+export declare function lintTooltipExitDelay(tooltipExitDelay?: number): Extension;
+//# sourceMappingURL=lint-tooltip-exit-delay.d.ts.map

package/dist/lint-tooltip-exit-delay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lint-tooltip-exit-delay.d.ts","sourceRoot":"","sources":["../src/lint-tooltip-exit-delay.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,SAAS,EAGf,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAI3C,eAAO,MAAM,iBAAiB,2BAA2B,CAAC;AAE1D,wBAAgB,oBAAoB,CAAC,UAAU,EAAE,UAAU,GAAG,UAAU,CAcvE;AAED,eAAO,MAAM,gBAAgB,sDAAoD,CAAC;AAGlF,wBAAgB,oBAAoB,CAClC,gBAAgB,GAAE,MAAmC,GACpD,SAAS,CAwEX"}

package/dist/lint-tooltip-exit-delay.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TOOLTIP_SELECTOR = exports.TOOLTIP_DATA_ATTR = void 0;
+exports.wrapLinterAnnotation = wrapLinterAnnotation;
+exports.lintTooltipExitDelay = lintTooltipExitDelay;
+const view_1 = require("@codemirror/view");
+const state_1 = require("@codemirror/state");
+const delayedHide = state_1.Annotation.define();
+const DEFAULT_TOOLTIP_EXIT_DELAY = 300;
+exports.TOOLTIP_DATA_ATTR = 'data-codemirror-linter';
+function wrapLinterAnnotation(annotation) {
+    return {
+        ...annotation,
+        renderMessage: (view) => {
+            const wrapper = document.createElement('span');
+            wrapper.setAttribute(exports.TOOLTIP_DATA_ATTR, 'true');
+            if (annotation.renderMessage) {
+                wrapper.appendChild(annotation.renderMessage(view));
+            }
+            else {
+                wrapper.textContent = annotation.message;
+            }
+            return wrapper;
+        },
+    };
+}
+exports.TOOLTIP_SELECTOR = `.cm-diagnostic:has([${exports.TOOLTIP_DATA_ATTR}=true])`;
+const HOVER_SELECTOR = `${exports.TOOLTIP_SELECTOR}, .cm-lint-marker`;
+function lintTooltipExitDelay(tooltipExitDelay = DEFAULT_TOOLTIP_EXIT_DELAY) {
+    let editorView;
+    let pendingTimeout;
+    let hideEffects;
+    const clearPendingTimeout = () => {
+        clearTimeout(pendingTimeout);
+        pendingTimeout = undefined;
+    };
+    const hideTooltip = () => {
+        pendingTimeout = undefined;
+        const effects = hideEffects;
+        hideEffects = undefined;
+        if (effects) {
+            editorView?.dispatch({ effects, annotations: delayedHide.of(true) });
+        }
+    };
+    const scheduleHide = () => {
+        clearPendingTimeout();
+        pendingTimeout = setTimeout(hideTooltip, tooltipExitDelay);
+    };
+    const onMouseMove = (event) => {
+        if (!hideEffects) {
+            return;
+        }
+        const target = event.target;
+        if (target?.closest?.(HOVER_SELECTOR)) {
+            // Pointer came back in time, keep the tooltip open until it leaves again.
+            clearPendingTimeout();
+        }
+        else if (!pendingTimeout) {
+            scheduleHide();
+        }
+    };
+    return [
+        view_1.ViewPlugin.define((view) => {
+            editorView = view;
+            // Listening on the window rather than through `domEventHandlers`: neither
+            // the gutter marker nor the tooltip is part of the editor content DOM.
+            window.addEventListener('mousemove', onMouseMove);
+            return {
+                destroy() {
+                    window.removeEventListener('mousemove', onMouseMove);
+                    clearPendingTimeout();
+                    hideEffects = undefined;
+                    editorView = undefined;
+                },
+            };
+        }),
+        state_1.EditorState.transactionFilter.of((tr) => {
+            if (tr.annotation(delayedHide) || tr.docChanged || !tr.effects.length) {
+                return tr;
+            }
+            const before = tr.startState.facet(view_1.showTooltip);
+            const stillShown = new Set(tr.state.facet(view_1.showTooltip).filter(Boolean));
+            const hidesTooltip = before.some((tooltip) => tooltip && !stillShown.has(tooltip));
+            if (!hidesTooltip || !document.querySelector(exports.TOOLTIP_SELECTOR)) {
+                return tr;
+            }
+            hideEffects = tr.effects;
+            scheduleHide();
+            return [];
+        }),
+    ];
+}

package/dist/linter.d.ts

@@ -0,0 +1,14 @@
+import { syntaxTree } from '@codemirror/language';
+import type { Annotation } from './editor';
+import { EditorView } from '@codemirror/view';
+import type { Extension } from '@codemirror/state';
+export type LintConfig = {
+    lintDelay?: number;
+    tooltipExitDelay?: number;
+    theme?: {
+        spec: Parameters<typeof EditorView.theme>[0];
+        options?: Parameters<typeof EditorView.theme>[1];
+    };
+};
+export declare function createCodemirrorLinter(diagnosticsFn: (tree: ReturnType<typeof syntaxTree>, view: EditorView) => Annotation[], config?: LintConfig): Extension;
+//# sourceMappingURL=linter.d.ts.map

package/dist/linter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"linter.d.ts","sourceRoot":"","sources":["../src/linter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAOnD,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAI1B,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7C,OAAO,CAAC,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;KAClD,CAAC;CACH,CAAC;AAEF,wBAAgB,sBAAsB,CACpC,aAAa,EAAE,CACb,IAAI,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,EACnC,IAAI,EAAE,UAAU,KACb,UAAU,EAAE,EACjB,MAAM,CAAC,EAAE,UAAU,GAClB,SAAS,CAgBX"}

package/dist/linter.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createCodemirrorLinter = createCodemirrorLinter;
+const lint_1 = require("@codemirror/lint");
+const language_1 = require("@codemirror/language");
+const view_1 = require("@codemirror/view");
+const lint_tooltip_exit_delay_1 = require("./lint-tooltip-exit-delay");
+// Do not show inline (on-hover) tooltips for linting errors,
+// we will show them in the gutter instead
+const noInlineTooltips = () => [];
+function createCodemirrorLinter(diagnosticsFn, config) {
+    const lintExtension = (0, lint_1.linter)((view) => diagnosticsFn((0, language_1.syntaxTree)(view.state), view), {
+        delay: config?.lintDelay ?? 500,
+        tooltipFilter: noInlineTooltips,
+    });
+    const extensions = [
+        lintExtension,
+        (0, lint_tooltip_exit_delay_1.lintTooltipExitDelay)(config?.tooltipExitDelay),
+    ];
+    if (config?.theme) {
+        extensions.push(view_1.EditorView.theme(config.theme.spec, config.theme.options));
+    }
+    return extensions;
+}

package/dist/use-json-schema-autocompleter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-json-schema-autocompleter.d.ts","sourceRoot":"","sources":["../src/use-json-schema-autocompleter.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAQnD,OAAO,KAAK,EAAE,gBAAgB,EAAc,MAAM,0BAA0B,CAAC;AAU7E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAkM3C,MAAM,MAAM,6BAA6B,GAAG;IAC1C,uDAAuD;IACvD,SAAS,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACxC,sFAAsF;IACtF,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,iDAAiD;IACjD,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,6DAA6D;IAC7D,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,0BAA0B,CACxC,MAAM,EAAE,WAAW,GAAG,SAAS,EAC/B,IAAI,EAAE,MAAM,GACX,6BAA6B,CA8U/B"}
+{"version":3,"file":"use-json-schema-autocompleter.d.ts","sourceRoot":"","sources":["../src/use-json-schema-autocompleter.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAQnD,OAAO,KAAK,EAAE,gBAAgB,EAAc,MAAM,0BAA0B,CAAC;AAU7E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAkM3C,MAAM,MAAM,6BAA6B,GAAG;IAC1C,uDAAuD;IACvD,SAAS,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACxC,sFAAsF;IACtF,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,iDAAiD;IACjD,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,6DAA6D;IAC7D,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,0BAA0B,CACxC,MAAM,EAAE,WAAW,GAAG,SAAS,EAC/B,IAAI,EAAE,MAAM,GACX,6BAA6B,CA6U/B"}

package/dist/use-json-schema-autocompleter.js

@@ -430,11 +430,12 @@ function useJsonSchemaAutocompleter(schema, text) {
             aborted = true;
         };
     }, [schema, text, editorConfig.extensions.length]);
-    // Compute hasErrors from annotations - both error and warning severity block validation
+    // Compute hasErrors from annotations - only error severity blocks validation.
     // Note: vscode-json-languageservice reports schema violations (missing required fields,
-    // type mismatches, etc.) as warnings, so we include them in validation blocking
+    // type mismatches, etc.) as warnings and only malformed JSON syntax as an error, so
+    // schema violations are surfaced as annotations without blocking the consumer's action.
     const hasErrors = (0, react_1.useMemo)(() => {
-        return annotations.some((a) => a.severity === 'error' || a.severity === 'warning');
+        return annotations.some((a) => a.severity === 'error');
     }, [annotations]);
     return {
         completer: editorConfig.completer,

package/package.json

@@ -13,7 +13,7 @@
     "email": "compass@mongodb.com"
   },
   "homepage": "https://github.com/mongodb-js/compass",
-  "version": "0.70.0",
+  "version": "0.72.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/mongodb-js/compass.git"
@@ -46,10 +46,10 @@
     "reformat": "npm run eslint . -- --fix && npm run prettier -- --write ."
   },
   "devDependencies": {
-    "@mongodb-js/eslint-config-compass": "^1.4.25",
-    "@mongodb-js/mocha-config-compass": "^1.8.0",
+    "@mongodb-js/eslint-config-compass": "^1.4.27",
+    "@mongodb-js/mocha-config-compass": "^1.8.1",
     "@mongodb-js/prettier-config-compass": "^1.2.9",
-    "@mongodb-js/testing-library-compass": "^1.6.0",
+    "@mongodb-js/testing-library-compass": "^1.7.1",
     "@mongodb-js/tsconfig-compass": "^1.3.1",
     "@types/chai": "^4.2.21",
     "@types/hast": "^3.0.4",
@@ -73,14 +73,14 @@
     "@codemirror/state": "^6.5.2",
     "@codemirror/view": "^6.38.0",
     "@lezer/highlight": "^1.2.1",
-    "@mongodb-js/compass-components": "^1.68.0",
-    "@mongodb-js/mongodb-constants": "^0.33.0",
+    "@mongodb-js/compass-components": "^1.70.0",
+    "@mongodb-js/mongodb-constants": "^0.34.8",
     "hast": "^0.0.2",
     "json-schema": "^0.4.0",
-    "mongodb-query-parser": "^4.7.14",
+    "mongodb-query-parser": "^5.0.5",
     "polished": "^4.2.2",
     "prettier": "^2.7.1",
-    "react": "^17.0.2",
+    "react": "^18.3.1",
     "rehype-sanitize": "^5.0.1",
     "rehype-stringify": "^9.0.4",
     "remark-parse": "^10.0.0",
@@ -89,5 +89,5 @@
     "vscode-json-languageservice": "^5.7.2",
     "vscode-languageserver-textdocument": "^1.0.12"
   },
-  "gitHead": "b56c594288a4ee443a43a8907867401768ea5955"
+  "gitHead": "13069dd486790839d988fbef8ff12c1056fa86c8"
 }