@difizen/libro-codemirror 0.1.0 → 0.1.2

package/es/monitor.d.ts

@@ -0,0 +1,32 @@
+import { Emitter } from '@difizen/mana-app';
+interface DocStatus {
+    source: string[];
+    cursor: number;
+    changes?: string;
+}
+interface CompletionChange {
+    start?: DocStatus;
+    accept?: DocStatus;
+    close?: DocStatus;
+    selectIndex?: number;
+}
+export declare class CompletionMonitor {
+    protected static instance: CompletionMonitor;
+    static getInstance(): CompletionMonitor;
+    protected completionChangeEmitter: Emitter<CompletionChange>;
+    get compeltionChange(): import("@difizen/mana-app").Event<CompletionChange>;
+    protected tooltipChangeEmitter: Emitter<boolean>;
+    get onTooltipChange(): import("@difizen/mana-app").Event<boolean>;
+    protected currentChange: CompletionChange | undefined;
+    start(doc: DocStatus): void;
+    accept(doc: DocStatus): void;
+    close(doc: DocStatus): void;
+    updateIndex(index: number): void;
+    emitChange(change: CompletionChange): void;
+}
+export interface MonitorPluginOptions {
+    onTooltipChange?: (visible: boolean) => void;
+}
+export declare const monitorPlugin: (options: MonitorPluginOptions) => import("@codemirror/state").Extension;
+export {};
+//# sourceMappingURL=monitor.d.ts.map

package/es/monitor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"monitor.d.ts","sourceRoot":"","sources":["../src/monitor.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAQ5C,UAAU,SAAS;IACjB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,qBAAa,iBAAiB;IAC5B,SAAS,CAAC,MAAM,CAAC,QAAQ,EAAE,iBAAiB,CAAC;IAE7C,MAAM,CAAC,WAAW;IAOlB,SAAS,CAAC,uBAAuB,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAiB;IAE7E,IAAI,gBAAgB,wDAEnB;IAED,SAAS,CAAC,oBAAoB,EAAE,OAAO,CAAC,OAAO,CAAC,CAAiB;IAEjE,IAAI,eAAe,+CAElB;IAED,SAAS,CAAC,aAAa,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAEtD,KAAK,CAAC,GAAG,EAAE,SAAS;IAIpB,MAAM,CAAC,GAAG,EAAE,SAAS;IAKrB,KAAK,CAAC,GAAG,EAAE,SAAS;IAKpB,WAAW,CAAC,KAAK,EAAE,MAAM;IAIzB,UAAU,CAAC,MAAM,EAAE,gBAAgB;CAGpC;AAED,MAAM,WAAW,oBAAoB;IACnC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,aAAa,YAAa,oBAAoB,0CA+BvD,CAAC"}

package/es/python-lang.d.ts

@@ -0,0 +1,3 @@
+import { LanguageSupport } from '@codemirror/language';
+export declare function python(): LanguageSupport;
+//# sourceMappingURL=python-lang.d.ts.map

package/es/python-lang.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"python-lang.d.ts","sourceRoot":"","sources":["../src/python-lang.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGvD,wBAAgB,MAAM,oBAErB"}

package/es/theme.d.ts

@@ -0,0 +1,35 @@
+import { HighlightStyle } from '@codemirror/language';
+import type { Extension } from '@codemirror/state';
+export declare const jupyterEditorTheme: Extension;
+export declare const jupyterHighlightStyle: HighlightStyle;
+/**
+ * JupyterLab CodeMirror 6 theme
+ */
+export declare const jupyterTheme: Extension;
+/**
+ * Get the default CodeMirror 6 theme for JupyterLab
+ *
+ * @alpha
+ * @returns Default theme
+ */
+export declare function defaultTheme(): Extension;
+/**
+ * Register a new theme.
+ *
+ * @alpha
+ * @param name Theme name
+ * @param theme Codemirror 6 theme extension
+ */
+export declare function registerTheme(name: string, theme: Extension): void;
+/**
+ * Get a theme.
+ *
+ * #### Notes
+ * It falls back to the default theme
+ *
+ * @alpha
+ * @param name Theme name
+ * @returns Theme extension
+ */
+export declare function getTheme(name: string): Extension;
+//# sourceMappingURL=theme.d.ts.map

package/es/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EAEf,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAInD,eAAO,MAAM,kBAAkB,WA0G7B,CAAC;AAEH,eAAO,MAAM,qBAAqB,gBAuDhC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,SAG1B,CAAC;AAeF;;;;;GAKG;AACH,wBAAgB,YAAY,IAAI,SAAS,CAExC;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,QAE3D;AAED;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAIhD"}

package/es/theme.js

@@ -8,7 +8,7 @@ export var jupyterEditorTheme = EditorView.theme({
    * these things differently.
    */
   '&': {
-    background: 'var(--jp-layout-color0)',
+    background: 'var(--mana-libro-input-background)',
     color: 'var(--mana-libro-text-default-color)'
   },
   /* In the notebook, we want this styling to be handled by its container */
@@ -68,10 +68,9 @@ export var jupyterEditorTheme = EditorView.theme({
     letterSpacing: '0',
     lineHeight: '20px'
   },
-  // '.cm-editor': {
-  //   paddingTop: '24px',
-  // },
-
+  '.cm-editor': {
+    background: 'var(--mana-libro-input-background)'
+  },
   '.cm-searchMatch': {
     backgroundColor: 'var(--jp-search-unselected-match-background-color)',
     color: 'var(--jp-search-unselected-match-color)'

package/es/tooltip.d.ts

@@ -6,5 +6,5 @@ export declare const closeTooltipEffect: import("@codemirror/state").StateEffect
 export declare const startTooltip: Command;
 export declare const closeTooltip: Command;
 export declare const tooltipKeymap: readonly KeyBinding[];
-export declare function tabTooltip(tooltipProvider: TooltipProvider | undefined): (StateField<Tooltip | null> | import("@codemirror/state").Extension)[];
+export declare function tabTooltip(tooltipProvider: TooltipProvider | undefined): (import("@codemirror/state").Extension | StateField<Tooltip | null>)[];
 //# sourceMappingURL=tooltip.d.ts.map

package/es/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../src/tooltip.ts"],"names":[],"mappings":"AAEA,OAAO,EAAe,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,KAAK,EACV,OAAO,EACP,UAAU,EAEV,OAAO,EAER,MAAM,kBAAkB,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAIlE,eAAO,MAAM,kBAAkB,sDAAgC,CAAC;AAChE,eAAO,MAAM,kBAAkB,mDAA6B,CAAC;AAsD7D,eAAO,MAAM,YAAY,EAAE,OAG1B,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,OAG1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,SAAS,UAAU,EAG9C,CAAC;AAyDF,wBAAgB,UAAU,CAAC,eAAe,EAAE,eAAe,GAAG,SAAS,0EAEtE"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../src/tooltip.ts"],"names":[],"mappings":"AAEA,OAAO,EAAe,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,KAAK,EACV,OAAO,EACP,UAAU,EAEV,OAAO,EAER,MAAM,kBAAkB,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAIlE,eAAO,MAAM,kBAAkB,sDAAgC,CAAC;AAChE,eAAO,MAAM,kBAAkB,mDAA6B,CAAC;AAsD7D,eAAO,MAAM,YAAY,EAAE,OAG1B,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,OAG1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,SAAS,UAAU,EAG9C,CAAC;AAuDF,wBAAgB,UAAU,CAAC,eAAe,EAAE,eAAe,GAAG,SAAS,0EAEtE"}

package/es/tooltip.js

@@ -41,7 +41,7 @@ var tooltipField = StateField.define({
   create: function create() {
     return null;
   },
-  update: function update(_tooltips, tr) {
+  update: function update(tooltips, tr) {
     var effects = tr.effects;
     var _iterator = _createForOfIteratorHelper(effects),
       _step;
@@ -134,9 +134,7 @@ var TooltipPlugin = /*#__PURE__*/function () {
                   })
                 });
                 return undefined;
-              }).catch(function () {
-                //
-              });
+              }).catch(console.error);
             }
           }
         } catch (err) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@difizen/libro-codemirror",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "",
   "keywords": [
     "libro",
@@ -32,7 +32,6 @@
     "src"
   ],
   "dependencies": {
-    "@difizen/mana-app": "latest",
     "@codemirror/autocomplete": "^6.0.0",
     "@codemirror/commands": "^6.1.0",
     "@codemirror/lang-javascript": "^6.0.2",
@@ -45,11 +44,14 @@
     "@codemirror/search": "^6.0.0",
     "@codemirror/state": "^6.0.0",
     "@codemirror/view": "^6.2.2",
-    "@difizen/libro-code-editor": "^0.1.0",
-    "@difizen/libro-common": "^0.1.0",
-    "@difizen/libro-rendermime": "^0.1.0",
+    "@difizen/libro-code-editor": "^0.1.2",
+    "@difizen/libro-common": "^0.1.2",
+    "@difizen/libro-rendermime": "^0.1.2",
+    "@difizen/libro-lsp": "^0.1.2",
+    "@difizen/mana-app": "latest",
     "@lezer/common": "^1.1.0",
     "@lezer/highlight": "^1.1.4",
+    "highlight.js": "^11.9.0",
     "markdown-it": "^13.0.1",
     "uuid": "^9.0.0",
     "vscode-languageserver-protocol": "^3.17.0"

package/src/auto-complete/filter.ts

@@ -63,13 +63,11 @@ export class FuzzyMatcher {
     // at the start
     if (chars.length === 1) {
       const first = codePointAt(word, 0);
-      if (first === chars[0]) {
-        return [0, 0, codePointSize(first)];
-      }
-      if (first === folded[0]) {
-        return [Penalty.CaseFold, 0, codePointSize(first)];
-      }
-      return null;
+      return first === chars[0]
+        ? [0, 0, codePointSize(first)]
+        : first === folded[0]
+          ? [Penalty.CaseFold, 0, codePointSize(first)]
+          : null;
     }
     const direct = word.indexOf(this.pattern);
     if (direct === 0) {

package/src/auto-complete/index.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-use-before-define */
 import type { Extension, EditorState, StateEffect } from '@codemirror/state';
 import { Prec } from '@codemirror/state';
 import type { KeyBinding } from '@codemirror/view';
@@ -65,13 +66,11 @@ const completionKeymapExt = Prec.highest(
 /// returns `null`.
 export function completionStatus(state: EditorState): null | 'active' | 'pending' {
   const cState = state.field(completionState, false);
-  if (cState && cState.active.some((a) => a.state === State.Pending)) {
-    return 'pending';
-  }
-  if (cState && cState.active.some((a) => a.state !== State.Inactive)) {
-    return 'active';
-  }
-  return null;
+  return cState && cState.active.some((a) => a.state === State.Pending)
+    ? 'pending'
+    : cState && cState.active.some((a) => a.state !== State.Inactive)
+      ? 'active'
+      : null;
 }
 
 const completionArrayCache: WeakMap<readonly Option[], readonly Completion[]> =

package/src/auto-complete/snippet.ts

@@ -1,6 +1,7 @@
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
 /* eslint-disable @typescript-eslint/no-shadow */
 /* eslint-disable prefer-const */
+
 import { indentUnit } from '@codemirror/language';
 import type {
   ChangeDesc,
@@ -93,8 +94,13 @@ class Snippet {
           name = m[2] || m[3] || '',
           found = -1;
         for (let i = 0; i < fields.length; i++) {
-          const sameName = name ? fields[i].name === name : false;
-          if (seq !== null ? fields[i].seq === seq : sameName) {
+          if (
+            seq !== null
+              ? fields[i].seq === seq
+              : name
+                ? fields[i].name === name
+                : false
+          ) {
             found = i;
           }
         }

package/src/auto-complete/state.ts

@@ -49,7 +49,7 @@ function sortOptions(active: readonly ActiveSource[], state: EditorState) {
         let match;
         for (const option of a.result.options) {
           if ((match = matcher.match(option.label))) {
-            if (option.boost !== undefined) {
+            if (option.boost) {
               match[0] += option.boost;
             }
             options.push(new Option(option, a, match));
@@ -68,9 +68,7 @@ function sortOptions(active: readonly ActiveSource[], state: EditorState) {
       !prev ||
       prev.label !== opt.completion.label ||
       prev.detail !== opt.completion.detail ||
-      (prev.type !== null &&
-        opt.completion.type !== null &&
-        prev.type !== opt.completion.type) ||
+      (prev.type && opt.completion.type && prev.type !== opt.completion.type) ||
       prev.apply !== opt.completion.apply
     ) {
       result.push(opt);
@@ -191,16 +189,15 @@ export class CompletionState {
     ) {
       active = this.active;
     }
-    let open;
-    if (
+
+    let open =
       tr.selection ||
       active.some((a) => a.hasResult() && tr.changes.touchesRange(a.from, a.to)) ||
       !sameResults(active, this.active)
-    ) {
-      open = CompletionDialog.build(active, state, this.id, this.open, conf);
-    } else {
-      open = this.open && tr.docChanged ? this.open.map(tr.changes) : this.open;
-    }
+        ? CompletionDialog.build(active, state, this.id, this.open, conf)
+        : this.open && tr.docChanged
+          ? this.open.map(tr.changes)
+          : this.open;
     if (
       !open &&
       active.every((a) => a.state !== State.Pending) &&
@@ -277,13 +274,11 @@ export const enum State {
 }
 
 export function getUserEvent(tr: Transaction): 'input' | 'delete' | null {
-  if (tr.isUserEvent('input.type')) {
-    return 'input';
-  }
-  if (tr.isUserEvent('delete.backward')) {
-    return 'delete';
-  }
-  return null;
+  return tr.isUserEvent('input.type')
+    ? 'input'
+    : tr.isUserEvent('delete.backward')
+      ? 'delete'
+      : null;
 }
 
 export class ActiveSource {

package/src/auto-complete/view.ts

@@ -51,16 +51,12 @@ export function moveCompletionSelection(
       );
     }
     const { length } = cState.open.options;
-    let selected;
-    if (cState.open.selected > -1) {
-      selected = cState.open.selected + step * (forward ? 1 : -1);
-    } else {
-      if (forward) {
-        selected = 0;
-      } else {
-        selected = length - 1;
-      }
-    }
+    let selected =
+      cState.open.selected > -1
+        ? cState.open.selected + step * (forward ? 1 : -1)
+        : forward
+          ? 0
+          : length - 1;
     if (selected < 0) {
       selected = by === 'page' ? 0 : length - 1;
     } else if (selected >= length) {
@@ -238,9 +234,7 @@ export const completionPlugin = ViewPlugin.fromClass(
             return undefined;
           },
         )
-        .catch(() => {
-          //
-        });
+        .catch(console.error);
     }
 
     scheduleAccept() {

package/src/completion.ts

@@ -19,7 +19,7 @@ export const kernelCompletions: EditorCompletion =
     try {
       result = await Promise.any([
         provider({ cursorPosition: context.pos }),
-        new Promise<CompletionReply>((_resolve, reject) => {
+        new Promise<CompletionReply>((resolve, reject) => {
           setTimeout(() => {
             reject(`request time out in ${timeout}ms`);
           }, timeout);
@@ -45,7 +45,7 @@ export const kernelCompletions: EditorCompletion =
         return {
           label: item['text'] as string,
           type: item['type'] === '<unknown>' ? undefined : (item['type'] as string),
-        } as Completion;
+        };
       });
     } else {
       items = result.matches.map((item) => {

package/src/config.ts

@@ -1,4 +1,4 @@
-import { defaultKeymap, historyKeymap, history } from '@codemirror/commands';
+import { defaultKeymap, history, historyKeymap } from '@codemirror/commands';
 import { pythonLanguage } from '@codemirror/lang-python';
 import {
   bracketMatching,
@@ -17,23 +17,23 @@ import { Compartment, EditorState, StateEffect } from '@codemirror/state';
 import type { KeyBinding } from '@codemirror/view';
 import {
   crosshairCursor,
-  rectangularSelection,
-  dropCursor,
   drawSelection,
-  highlightSpecialChars,
-  highlightActiveLineGutter,
+  dropCursor,
   EditorView,
   highlightActiveLine,
+  highlightActiveLineGutter,
+  highlightSpecialChars,
   keymap,
   lineNumbers,
   placeholder,
+  rectangularSelection,
 } from '@codemirror/view';
 import type { IEditorConfig } from '@difizen/libro-code-editor';
 
 import {
+  autocompletion,
   closeBrackets,
   closeBracketsKeymap,
-  autocompletion,
   completionKeymap,
 } from './auto-complete/index.js';
 import { kernelCompletions } from './completion.js';
@@ -41,6 +41,9 @@ import type { IOptions } from './editor.js';
 import { hyperLink } from './hyperlink.js';
 import { indentationMarkers } from './indentation-markers/index.js';
 import { FoldIcon, UnFoldIcon } from './libro-icon.js';
+import { lspPythonCompletion } from './lsp/completion.js';
+import { formatKeymap } from './lsp/format.js';
+import { lspLint, lspTooltip } from './lsp/index.js';
 import { ensure } from './mode.js';
 import { getTheme, defaultTheme } from './theme.js';
 import { tabTooltip, tooltipKeymap } from './tooltip.js';
@@ -59,12 +62,6 @@ export interface CodeMirrorConfig extends IEditorConfig {
    */
   mimetype?: string;
 
-  /**
-   * The theme to style the editor with. see editortheme.ts for an example
-   * of how to design a theme for CodeMirror 6.
-   */
-  theme?: string;
-
   // FIXME-TRANS: Handle theme localizable names
   // themeDisplayName?: string
 
@@ -257,7 +254,7 @@ class FacetWrapper<T, U> extends ExtensionBuilder<T> {
     return this._facet.of(value);
   }
 
-  private _facet: Facet<T, U>;
+  protected _facet: Facet<T, U>;
 }
 /**
  * Extension builder that provides an extension depending
@@ -274,8 +271,8 @@ class ConditionalExtension extends ExtensionBuilder<boolean> {
     return value ? this._truthy : this._falsy;
   }
 
-  private _truthy: Extension;
-  private _falsy: Extension;
+  protected _truthy: Extension;
+  protected _falsy: Extension;
 }
 
 /**
@@ -293,8 +290,8 @@ class GenConditionalExtension<T> extends ExtensionBuilder<T> {
     return this._builder.of(this._fn(value));
   }
 
-  private _fn: (a: T) => boolean;
-  private _builder: ConditionalExtension;
+  protected _fn: (a: T) => boolean;
+  protected _builder: ConditionalExtension;
 }
 
 /**
@@ -325,8 +322,8 @@ class ConfigurableBuilder implements IConfigurableBuilder {
     );
   }
 
-  private _compartment: Compartment;
-  private _builder: IExtensionBuilder;
+  protected _compartment: Compartment;
+  protected _builder: IExtensionBuilder;
 }
 
 /*
@@ -348,7 +345,7 @@ class ThemeBuilder implements IConfigurableBuilder {
     return this._compartment.reconfigure(getTheme(v));
   }
 
-  private _compartment: Compartment;
+  protected _compartment: Compartment;
 }
 
 /*
@@ -370,7 +367,7 @@ class PlaceHolderBuilder implements IConfigurableBuilder {
     return this._compartment.reconfigure(placeholder(v));
   }
 
-  private _compartment: Compartment;
+  protected _compartment: Compartment;
 }
 
 /**
@@ -508,17 +505,31 @@ export class EditorConfiguration {
         'jupyterKernelCompletion',
         createConditionalBuilder(
           pythonLanguage.data.of({
-            autocomplete: kernelCompletions(options['completionProvider']),
+            autocomplete: kernelCompletions(options.completionProvider),
           }),
         ),
       ],
       [
         'jupyterKernelTooltip',
-        createConditionalBuilder(tabTooltip(options['tooltipProvider'])),
+        createConditionalBuilder(tabTooltip(options.tooltipProvider)),
       ],
       ['indentationMarkers', createConditionalBuilder(indentationMarkers())],
       ['hyperLink', createConditionalBuilder(hyperLink)],
       ['placeholder', createPlaceHolderBuilder()],
+      [
+        'lspTooltip',
+        createConditionalBuilder(lspTooltip({ lspProvider: options.lspProvider })),
+      ],
+      [
+        'lspLint',
+        createConditionalBuilder(lspLint({ lspProvider: options.lspProvider })),
+      ],
+      [
+        'lspCompletion',
+        createConditionalBuilder(
+          lspPythonCompletion({ lspProvider: options.lspProvider }),
+        ),
+      ],
     ]);
     this._themeOverloaderSpec = { '&': {}, '.cm-line': {} };
     this._themeOverloader = new Compartment();
@@ -607,6 +618,7 @@ export class EditorConfiguration {
       ...completionKeymap,
       ...lintKeymap,
       ...tooltipKeymap,
+      ...formatKeymap,
     ];
 
     const keymapExt = builder!.of(
@@ -635,7 +647,7 @@ export class EditorConfiguration {
     return extensions;
   }
 
-  private updateThemeOverload(
+  protected updateThemeOverload(
     config: Partial<CodeMirrorConfig> | Record<string, any>,
   ): Extension {
     const { fontFamily, fontSize, lineHeight, lineWrap, wordWrapColumn } = config;
@@ -679,11 +691,11 @@ export class EditorConfiguration {
     return EditorView.theme(this._themeOverloaderSpec);
   }
 
-  private get(key: string): IConfigurableBuilder | undefined {
+  protected get(key: string): IConfigurableBuilder | undefined {
     return this._configurableBuilderMap.get(key);
   }
 
-  private _configurableBuilderMap: Map<string, IConfigurableBuilder>;
-  private _themeOverloaderSpec: Record<string, Record<string, string>>;
-  private _themeOverloader: Compartment;
+  protected _configurableBuilderMap: Map<string, IConfigurableBuilder>;
+  protected _themeOverloaderSpec: Record<string, Record<string, string>>;
+  protected _themeOverloader: Compartment;
 }

package/src/editor-contribution.ts

@@ -0,0 +1,17 @@
+import type { CodeEditorFactory } from '@difizen/libro-code-editor';
+import { CodeEditorContribution } from '@difizen/libro-code-editor';
+import { singleton } from '@difizen/mana-app';
+
+import { codeMirrorDefaultConfig } from './editor.js';
+import { codeMirrorEditorFactory } from './factory.js';
+
+@singleton({ contrib: [CodeEditorContribution] })
+export class CodeMirrorEditorContribution implements CodeEditorContribution {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  canHandle(mime: string): number {
+    // default editor
+    return 50;
+  }
+  factory: CodeEditorFactory = codeMirrorEditorFactory;
+  defaultConfig = codeMirrorDefaultConfig;
+}