@jupyterlab/codemirror 4.0.0-alpha.9 → 4.0.0-beta.1

package/lib/codemirror-ipythongfm.d.ts

@@ -1,3 +1,9 @@
-import 'codemirror/addon/mode/multiplex';
-import 'codemirror/mode/gfm/gfm';
-import 'codemirror/mode/stex/stex';
+/**
+ * Define an IPython GFM (GitHub Flavored Markdown) mode.
+ *
+ * Is just a slightly altered GFM Mode with support for LaTeX.
+ * LaTeX support was supported by Codemirror GFM as of
+ *   https://github.com/codemirror/CodeMirror/pull/567
+ *  But was later removed in
+ *   https://github.com/codemirror/CodeMirror/commit/d9c9f1b1ffe984aee41307f3e927f80d1f23590c
+ */

package/lib/codemirror-ipythongfm.js

@@ -1,9 +1,18 @@
 // Copyright (c) Jupyter Development Team.
 // Distributed under the terms of the Modified BSD License.
-import CodeMirror from 'codemirror';
+// TODO: add support for LaTeX
+// This should be coded as an extension for https://github.com/lezer-parser/markdown
+// see https://github.com/lezer-parser/markdown/blob/main/src/extension.ts for examples
+// Then this extension can be passed to the markdown function above:
+//
+// load: () => {
+//   return import('@codemirror/lang-markdown').then(m => m.markdown({extensions: latex}));
+// }
+/*import CodeMirror from 'codemirror';
 import 'codemirror/addon/mode/multiplex';
 import 'codemirror/mode/gfm/gfm';
 import 'codemirror/mode/stex/stex';
+*/
 /**
  * Define an IPython GFM (GitHub Flavored Markdown) mode.
  *
@@ -13,74 +22,87 @@ import 'codemirror/mode/stex/stex';
  *  But was later removed in
  *   https://github.com/codemirror/CodeMirror/commit/d9c9f1b1ffe984aee41307f3e927f80d1f23590c
  */
-CodeMirror.defineMode('ipythongfm', (config, modeOptions) => {
+/*CodeMirror.defineMode(
+  'ipythongfm',
+  (config: CodeMirror.EditorConfiguration, modeOptions?: any) => {
     const gfmMode = CodeMirror.getMode(config, {
-        name: 'gfm',
-        // Override list3 with an under-used token, rather than `keyword`
-        tokenTypeOverrides: { list3: 'string-2' }
+      name: 'gfm',
+      // Override list3 with an under-used token, rather than `keyword`
+      tokenTypeOverrides: { list3: 'string-2' }
     });
     const texMode = CodeMirror.getMode(config, {
-        name: 'stex',
-        inMathMode: true
+      name: 'stex',
+      inMathMode: true
     });
-    return CodeMirror.multiplexingMode(gfmMode, 
-    // force parsing inline code and code blocks with gfmMode to prevent
-    // parsing them as tex see:
-    // https://github.com/jupyterlab/jupyterlab/issues/6774
-    {
+
+    return CodeMirror.multiplexingMode(
+      gfmMode,
+      // force parsing inline code and code blocks with gfmMode to prevent
+      // parsing them as tex see:
+      // https://github.com/jupyterlab/jupyterlab/issues/6774
+      {
         open: '<code>',
         close: '</code>',
         mode: gfmMode,
         parseDelimiters: true
-    }, {
+      },
+      {
         open: '<pre>',
         close: '</pre>',
         mode: gfmMode,
         parseDelimiters: true
-    }, {
+      },
+      {
         open: '```',
         close: '```',
         mode: gfmMode,
         parseDelimiters: true
-    }, {
+      },
+      {
         open: '`',
         close: '`',
         mode: gfmMode,
         parseDelimiters: true
-    }, 
-    // only if we did not match a code element or block,
-    // then try do parse using the tex mode
-    {
+      },
+      // only if we did not match a code element or block,
+      // then try do parse using the tex mode
+      {
         open: '$$',
         close: '$$',
         mode: texMode,
         delimStyle: 'delimit'
-    }, {
+      },
+      {
         // `$math mode$` is only matched if both opening
         // and closing $ are in the same line
         open: /\$(?=.*\$)/,
         close: '$',
         mode: texMode,
         delimStyle: 'delimit'
-    }, {
+      },
+      {
         open: '\\(',
         close: '\\)',
         mode: texMode,
         delimStyle: 'delimit'
-    }, {
+      },
+      {
         open: '\\[',
         close: '\\]',
         mode: texMode,
         delimStyle: 'delimit'
-    }
-    // .. more multiplexed styles can follow here
+      }
+      // .. more multiplexed styles can follow here
     );
-}, 'gfm');
+  },
+  'gfm'
+);
+
 CodeMirror.defineMIME('text/x-ipythongfm', 'ipythongfm');
 CodeMirror.modeInfo.push({
-    ext: [],
-    mime: 'text/x-ipythongfm',
-    mode: 'ipythongfm',
-    name: 'ipythongfm'
-});
+  ext: [],
+  mime: 'text/x-ipythongfm',
+  mode: 'ipythongfm',
+  name: 'ipythongfm'
+});*/
 //# sourceMappingURL=codemirror-ipythongfm.js.map

package/lib/codemirror-ipythongfm.js.map

@@ -1 +1 @@
-{"version":3,"file":"codemirror-ipythongfm.js","sourceRoot":"","sources":["../src/codemirror-ipythongfm.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAE3D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,iCAAiC,CAAC;AACzC,OAAO,yBAAyB,CAAC;AACjC,OAAO,2BAA2B,CAAC;AAEnC;;;;;;;;GAQG;AACH,UAAU,CAAC,UAAU,CACnB,YAAY,EACZ,CAAC,MAAsC,EAAE,WAAiB,EAAE,EAAE;IAC5D,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,MAAM,EAAE;QACzC,IAAI,EAAE,KAAK;QACX,iEAAiE;QACjE,kBAAkB,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE;KAC1C,CAAC,CAAC;IACH,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,MAAM,EAAE;QACzC,IAAI,EAAE,MAAM;QACZ,UAAU,EAAE,IAAI;KACjB,CAAC,CAAC;IAEH,OAAO,UAAU,CAAC,gBAAgB,CAChC,OAAO;IACP,oEAAoE;IACpE,2BAA2B;IAC3B,uDAAuD;IACvD;QACE,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,OAAO;QACb,eAAe,EAAE,IAAI;KACtB,EACD;QACE,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,OAAO;QACb,eAAe,EAAE,IAAI;KACtB,EACD;QACE,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,OAAO;QACb,eAAe,EAAE,IAAI;KACtB,EACD;QACE,IAAI,EAAE,GAAG;QACT,KAAK,EAAE,GAAG;QACV,IAAI,EAAE,OAAO;QACb,eAAe,EAAE,IAAI;KACtB;IACD,oDAAoD;IACpD,uCAAuC;IACvC;QACE,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,IAAI;QACX,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,SAAS;KACtB,EACD;QACE,gDAAgD;QAChD,qCAAqC;QACrC,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,GAAG;QACV,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,SAAS;KACtB,EACD;QACE,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,SAAS;KACtB,EACD;QACE,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,SAAS;KACtB;IACD,6CAA6C;KAC9C,CAAC;AACJ,CAAC,EACD,KAAK,CACN,CAAC;AAEF,UAAU,CAAC,UAAU,CAAC,mBAAmB,EAAE,YAAY,CAAC,CAAC;AACzD,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC;IACvB,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,mBAAmB;IACzB,IAAI,EAAE,YAAY;IAClB,IAAI,EAAE,YAAY;CACnB,CAAC,CAAC"}
+{"version":3,"file":"codemirror-ipythongfm.js","sourceRoot":"","sources":["../src/codemirror-ipythongfm.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAE3D,8BAA8B;AAC9B,oFAAoF;AACpF,uFAAuF;AACvF,oEAAoE;AACpE,EAAE;AACF,gBAAgB;AAChB,2FAA2F;AAC3F,IAAI;AAEJ;;;;EAIE;AACF;;;;;;;;GAQG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkFK"}

package/lib/commands.d.ts

@@ -0,0 +1,13 @@
+import { EditorState, Transaction } from '@codemirror/state';
+/**
+ * CodeMirror commands namespace
+ */
+export declare namespace StateCommands {
+    /**
+     * Indent or insert a tab as appropriate.
+     */
+    function indentMoreOrInsertTab(target: {
+        state: EditorState;
+        dispatch: (transaction: Transaction) => void;
+    }): boolean;
+}

package/lib/commands.js

@@ -0,0 +1,32 @@
+/*
+ * Copyright (c) Jupyter Development Team.
+ * Distributed under the terms of the Modified BSD License.
+ */
+import { indentMore, insertTab } from '@codemirror/commands';
+/**
+ * CodeMirror commands namespace
+ */
+export var StateCommands;
+(function (StateCommands) {
+    /**
+     * Indent or insert a tab as appropriate.
+     */
+    function indentMoreOrInsertTab(target) {
+        const arg = { state: target.state, dispatch: target.dispatch };
+        const from = target.state.selection.main.from;
+        const to = target.state.selection.main.to;
+        if (from != to) {
+            return indentMore(arg);
+        }
+        const line = target.state.doc.lineAt(from);
+        const before = target.state.doc.slice(line.from, from).toString();
+        if (/^\s*$/.test(before)) {
+            return indentMore(arg);
+        }
+        else {
+            return insertTab(arg);
+        }
+    }
+    StateCommands.indentMoreOrInsertTab = indentMoreOrInsertTab;
+})(StateCommands || (StateCommands = {}));
+//# sourceMappingURL=commands.js.map

package/lib/commands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commands.js","sourceRoot":"","sources":["../src/commands.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAG7D;;GAEG;AACH,MAAM,KAAW,aAAa,CAsB7B;AAtBD,WAAiB,aAAa;IAC5B;;OAEG;IACH,SAAgB,qBAAqB,CAAC,MAGrC;QACC,MAAM,GAAG,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,CAAC;QAC/D,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;QAC9C,MAAM,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;QAC1C,IAAI,IAAI,IAAI,EAAE,EAAE;YACd,OAAO,UAAU,CAAC,GAAG,CAAC,CAAC;SACxB;QACD,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAC3C,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;QAClE,IAAI,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YACxB,OAAO,UAAU,CAAC,GAAG,CAAC,CAAC;SACxB;aAAM;YACL,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;SACvB;IACH,CAAC;IAjBe,mCAAqB,wBAiBpC,CAAA;AACH,CAAC,EAtBgB,aAAa,KAAb,aAAa,QAsB7B"}

package/lib/editor.d.ts

@@ -1,32 +1,9 @@
-/// <reference types="@types/codemirror/addon/search/searchcursor" />
+import { EditorState, Extension, StateCommand, Text } from '@codemirror/state';
+import { Command, EditorView } from '@codemirror/view';
 import { CodeEditor } from '@jupyterlab/codeeditor';
-import { ITranslator } from '@jupyterlab/translation';
-import { IDisposable } from '@lumino/disposable';
 import { Signal } from '@lumino/signaling';
-import CodeMirror from 'codemirror';
-import 'codemirror/addon/comment/comment.js';
-import 'codemirror/addon/display/rulers.js';
-import 'codemirror/addon/edit/closebrackets.js';
-import 'codemirror/addon/edit/matchbrackets.js';
-import 'codemirror/addon/fold/brace-fold.js';
-import 'codemirror/addon/fold/comment-fold.js';
-import 'codemirror/addon/fold/foldcode.js';
-import 'codemirror/addon/fold/foldgutter.js';
-import 'codemirror/addon/fold/indent-fold.js';
-import 'codemirror/addon/fold/markdown-fold.js';
-import 'codemirror/addon/fold/xml-fold.js';
-import 'codemirror/addon/mode/simple';
-import 'codemirror/addon/scroll/scrollpastend.js';
-import 'codemirror/addon/search/jump-to-line';
-import 'codemirror/addon/search/search';
-import 'codemirror/addon/search/searchcursor';
-import 'codemirror/addon/selection/active-line';
-import 'codemirror/addon/selection/mark-selection';
-import 'codemirror/addon/selection/selection-pointer';
-import 'codemirror/addon/edit/trailingspace.js';
-import 'codemirror/keymap/emacs.js';
-import 'codemirror/keymap/sublime.js';
-import { Mode } from './mode';
+import './codemirror-ipythongfm';
+import { IEditorExtensionRegistry, IEditorLanguageRegistry, IExtensionsHandler } from './token';
 /**
  * CodeMirror editor.
  */
@@ -35,10 +12,6 @@ export declare class CodeMirrorEditor implements CodeEditor.IEditor {
      * Construct a CodeMirror editor.
      */
     constructor(options: CodeMirrorEditor.IOptions);
-    /**
-     * Initialize the editor binding.
-     */
-    private _initializeEditorBinding;
     /**
      * A signal emitted when either the top or bottom edge is requested.
      */
@@ -52,19 +25,14 @@ export declare class CodeMirrorEditor implements CodeEditor.IEditor {
      */
     get uuid(): string;
     set uuid(value: string);
-    /**
-     * The selection style of this editor.
-     */
-    get selectionStyle(): CodeEditor.ISelectionStyle;
-    set selectionStyle(value: CodeEditor.ISelectionStyle);
     /**
      * Get the codemirror editor wrapped by the editor.
      */
-    get editor(): CodeMirror.Editor;
+    get editor(): EditorView;
     /**
      * Get the codemirror doc wrapped by the widget.
      */
-    get doc(): CodeMirror.Doc;
+    get doc(): Text;
     /**
      * Get the number of lines in the editor.
      */
@@ -92,11 +60,15 @@ export declare class CodeMirrorEditor implements CodeEditor.IEditor {
     /**
      * Get a config option for the editor.
      */
-    getOption<K extends keyof CodeMirrorEditor.IConfig>(option: K): CodeMirrorEditor.IConfig[K];
+    getOption(option: string): unknown;
+    /**
+     * Whether the option exists or not.
+     */
+    hasOption(option: string): boolean;
     /**
      * Set a config option for the editor.
      */
-    setOption<K extends keyof CodeMirrorEditor.IConfig>(option: K, value: CodeMirrorEditor.IConfig[K]): void;
+    setOption(option: string, value: unknown): void;
     /**
      * Set config options for the editor.
      *
@@ -105,7 +77,15 @@ export declare class CodeMirrorEditor implements CodeEditor.IEditor {
      * the costly update at the end, and not after every option
      * is set.
      */
-    setOptions(options: Partial<CodeMirrorEditor.IConfig>): void;
+    setOptions(options: Record<string, any>): void;
+    /**
+     * Inject an extension into the editor
+     *
+     * @alpha
+     * @experimental
+     * @param ext CodeMirror 6 extension
+     */
+    injectExtension(ext: Extension): void;
     /**
      * Returns the content for the given line number.
      */
@@ -142,46 +122,21 @@ export declare class CodeMirrorEditor implements CodeEditor.IEditor {
      * Explicitly blur the editor.
      */
     blur(): void;
-    /**
-     * Repaint editor.
-     */
-    refresh(): void;
-    /**
-     * Refresh the editor if it is focused;
-     * otherwise postpone refreshing till focusing.
-     */
-    resizeToFit(): void;
-    addOverlay(mode: string | object, options?: object): void;
-    removeOverlay(mode: string | object): void;
-    getSearchCursor(query: string | RegExp, start?: CodeMirror.Position, caseFold?: boolean): CodeMirror.SearchCursor;
-    getCursor(start?: string): CodeMirror.Position;
-    get state(): any;
-    operation<T>(fn: () => T): T;
+    get state(): EditorState;
     firstLine(): number;
     lastLine(): number;
-    scrollIntoView(pos: {
-        from: CodeMirror.Position;
-        to: CodeMirror.Position;
-    }, margin: number): void;
-    scrollIntoViewCentered(pos: CodeMirror.Position): void;
     cursorCoords(where: boolean, mode?: 'window' | 'page' | 'local'): {
         left: number;
         top: number;
         bottom: number;
     };
-    getRange(from: CodeMirror.Position, to: CodeMirror.Position, separator?: string): string;
-    /**
-     * Add a keydown handler to the editor.
-     *
-     * @param handler - A keydown handler.
-     *
-     * @returns A disposable that can be used to remove the handler.
-     */
-    addKeydownHandler(handler: CodeEditor.KeydownHandler): IDisposable;
-    /**
-     * Set the size of the editor in pixels.
-     */
-    setSize(dimension: CodeEditor.IDimension | null): void;
+    getRange(from: {
+        line: number;
+        ch: number;
+    }, to: {
+        line: number;
+        ch: number;
+    }, separator?: string): string;
     /**
      * Reveal the given position in the editor.
      */
@@ -239,6 +194,8 @@ export declare class CodeMirrorEditor implements CodeEditor.IEditor {
     /**
      * Replaces the current selection with the given text.
      *
+     * Behaviour for multiple selections is undefined.
+     *
      * @param text The text to be inserted.
      */
     replaceSelection(text: string): void;
@@ -249,7 +206,11 @@ export declare class CodeMirrorEditor implements CodeEditor.IEditor {
     /**
      * Get the token at a given editor position.
      */
-    getTokenForPosition(position: CodeEditor.IPosition): CodeEditor.IToken;
+    getTokenAt(offset: number): CodeEditor.IToken;
+    /**
+     * Get the token a the cursor position.
+     */
+    getTokenAtCursor(): CodeEditor.IToken;
     /**
      * Insert a new indented line at the current cursor position.
      */
@@ -259,31 +220,16 @@ export declare class CodeMirrorEditor implements CodeEditor.IEditor {
      *
      * @param command - The name of the command to execute.
      */
-    execCommand(command: string): void;
+    execCommand(command: Command | StateCommand): void;
+    protected onConfigChanged(configurator: IExtensionsHandler, changes: Record<string, any>): void;
     /**
      * Handle keydown events from the editor.
      */
     protected onKeydown(event: KeyboardEvent): boolean;
-    /**
-     * Converts selections to code mirror selections.
-     */
-    private _toCodeMirrorSelections;
     /**
      * Handles a mime type change.
      */
     private _onMimeTypeChanged;
-    /**
-     * Handles a selections change.
-     */
-    private _onSelectionsChanged;
-    /**
-     * Clean selections for the given uuid.
-     */
-    private _cleanSelections;
-    /**
-     * Marks selections.
-     */
-    private _markSelections;
     /**
      * Handles a cursor activity event.
      */
@@ -292,14 +238,6 @@ export declare class CodeMirrorEditor implements CodeEditor.IEditor {
      * Converts a code mirror selection to an editor selection.
      */
     private _toSelection;
-    /**
-     * Converts the selection style to a text marker options.
-     */
-    private _toTextMarkerOptions;
-    /**
-     * Converts an editor selection to a code mirror selection.
-     */
-    private _toCodeMirrorSelection;
     /**
      * Convert a code mirror position to an editor position.
      */
@@ -308,14 +246,10 @@ export declare class CodeMirrorEditor implements CodeEditor.IEditor {
      * Convert an editor position to a code mirror position.
      */
     private _toCodeMirrorPosition;
-    /**
-     * Handle model value changes.
-     */
-    private _onValueChanged;
     /**
      * Handles document changes.
      */
-    private _beforeDocChanged;
+    private _onDocChanged;
     /**
      * Handle the DOM events for the editor.
      *
@@ -335,45 +269,13 @@ export declare class CodeMirrorEditor implements CodeEditor.IEditor {
      * Handle `blur` events for the editor.
      */
     private _evtBlur;
-    /**
-     * Handle `scroll` events for the editor.
-     */
-    private _evtScroll;
-    /**
-     * Clear the hover for a caret, due to things like
-     * scrolling, resizing, deactivation, etc, where
-     * the position is no longer valid.
-     */
-    private _clearHover;
-    /**
-     * Construct a caret element representing the position
-     * of a collaborator's cursor.
-     */
-    private _getCaret;
-    /**
-     * Check for an out of sync editor.
-     */
-    private _checkSync;
-    protected translator: ITranslator;
-    private _trans;
-    private _model;
+    private _configurator;
     private _editor;
-    protected selectionMarkers: {
-        [key: string]: CodeMirror.TextMarker[] | undefined;
-    };
-    private _caretHover;
-    private readonly _config;
-    private _hoverTimeout;
-    private _hoverId;
-    private _keydownHandlers;
-    private _changeGuard;
-    private _selectionStyle;
-    private _uuid;
-    private _needsRefresh;
     private _isDisposed;
-    private _lastChange;
-    private _poll;
-    private _yeditorBinding;
+    private _language;
+    private _languages;
+    private _model;
+    private _uuid;
 }
 /**
  * The namespace for `CodeMirrorEditor` statics.
@@ -384,139 +286,12 @@ export declare namespace CodeMirrorEditor {
      */
     interface IOptions extends CodeEditor.IOptions {
         /**
-         * The configuration options for the editor.
-         */
-        config?: Partial<IConfig>;
-    }
-    /**
-     * The configuration options for a codemirror editor.
-     */
-    interface IConfig extends CodeEditor.IConfig {
-        /**
-         * The mode to use.
-         */
-        mode?: string | Mode.IMode;
-        /**
-         * The theme to style the editor with.
-         * You must make sure the CSS file defining the corresponding
-         * .cm-s-[name] styles is loaded.
-         */
-        theme?: string;
-        /**
-         * Whether to use the context-sensitive indentation that the mode provides
-         * (or just indent the same as the line before).
-         */
-        smartIndent?: boolean;
-        /**
-         * Configures whether the editor should re-indent the current line when a
-         * character is typed that might change its proper indentation
-         * (only works if the mode supports indentation).
-         */
-        electricChars?: boolean;
-        /**
-         * Configures the keymap to use. The default is "default", which is the
-         * only keymap defined in codemirror.js itself.
-         * Extra keymaps are found in the CodeMirror keymap directory.
-         */
-        keyMap?: string;
-        /**
-         * Can be used to specify extra keybindings for the editor, alongside the
-         * ones defined by keyMap. Should be either null, or a valid keymap value.
-         */
-        extraKeys?: CodeMirror.KeyMap | null;
-        /**
-         * Can be used to add extra gutters (beyond or instead of the line number
-         * gutter).
-         * Should be an array of CSS class names, each of which defines a width
-         * (and optionally a background),
-         * and which will be used to draw the background of the gutters.
-         * May include the CodeMirror-linenumbers class, in order to explicitly
-         * set the position of the line number gutter
-         * (it will default to be to the right of all other gutters).
-         * These class names are the keys passed to setGutterMarker.
-         */
-        gutters?: string[];
-        /**
-         * Determines whether the gutter scrolls along with the content
-         * horizontally (false)
-         * or whether it stays fixed during horizontal scrolling (true,
-         * the default).
+         * CodeMirror extensions registry
          */
-        fixedGutter?: boolean;
+        extensionsRegistry?: IEditorExtensionRegistry;
         /**
-         * Whether the folding gutter should be drawn
+         * CodeMirror languages registry
          */
-        foldGutter?: boolean;
-        /**
-         * Whether the cursor should be drawn when a selection is active.
-         */
-        showCursorWhenSelecting?: boolean;
-        /**
-         * When fixedGutter is on, and there is a horizontal scrollbar, by default
-         * the gutter will be visible to the left of this scrollbar. If this
-         * option is set to true, it will be covered by an element with class
-         * CodeMirror-gutter-filler.
-         */
-        coverGutterNextToScrollbar?: boolean;
-        /**
-         * Controls whether drag-and-drop is enabled.
-         */
-        dragDrop?: boolean;
-        /**
-         * Explicitly set the line separator for the editor.
-         * By default (value null), the document will be split on CRLFs as well as
-         * lone CRs and LFs, and a single LF will be used as line separator in all
-         * output (such as getValue). When a specific string is given, lines will
-         * only be split on that string, and output will, by default, use that
-         * same separator.
-         */
-        lineSeparator?: string | null;
-        /**
-         * Chooses a scrollbar implementation. The default is "native", showing
-         * native scrollbars. The core library also provides the "null" style,
-         * which completely hides the scrollbars. Addons can implement additional
-         * scrollbar models.
-         */
-        scrollbarStyle?: string;
-        /**
-         * When enabled, which is the default, doing copy or cut when there is no
-         * selection will copy or cut the whole lines that have cursors on them.
-         */
-        lineWiseCopyCut?: boolean;
-        /**
-         * Whether to scroll past the end of the buffer.
-         */
-        scrollPastEnd?: boolean;
-        /**
-         * Whether to give the wrapper of the line that contains the cursor the class
-         * CodeMirror-activeline, adds a background with the class
-         * CodeMirror-activeline-background, and adds the class
-         * CodeMirror-activeline-gutter to the line's gutter space is enabled.
-         */
-        styleActiveLine: boolean | CodeMirror.StyleActiveLine;
-        /**
-         * Whether to causes the selected text to be marked with the CSS class
-         * CodeMirror-selectedtext. Useful to change the colour of the selection
-         * (in addition to the background).
-         */
-        styleSelectedText: boolean;
-        /**
-         * Defines the mouse cursor appearance when hovering over the selection.
-         * It can be set to a string, like "pointer", or to true,
-         * in which case the "default" (arrow) cursor will be used.
-         */
-        selectionPointer: boolean | string;
+        languages?: IEditorLanguageRegistry;
     }
-    /**
-     * The default configuration options for an editor.
-     */
-    const defaultConfig: Required<IConfig>;
-    /**
-     * Add a command to CodeMirror.
-     *
-     * @param name - The name of the command to add.
-     *
-     * @param command - The command function.
-     */
-    function addCommand(name: string, command: (cm: CodeMirror.Editor) => void): void;
 }