@jupyterlab/fileeditor 4.0.0-alpha.9 → 4.0.0-beta.0

package/lib/fileeditorlspadapter.d.ts

@@ -0,0 +1,96 @@
+import { CodeMirrorEditor } from '@jupyterlab/codemirror';
+import { DocumentRegistry, IDocumentWidget } from '@jupyterlab/docregistry';
+import { Document, IAdapterOptions, IVirtualPosition, VirtualDocument, WidgetLSPAdapter } from '@jupyterlab/lsp';
+import { FileEditor } from './widget';
+export interface IFileEditorAdapterOptions extends IAdapterOptions {
+    /**
+     * The document registry instance.
+     */
+    docRegistry: DocumentRegistry;
+}
+export declare class FileEditorAdapter extends WidgetLSPAdapter<IDocumentWidget<FileEditor>> {
+    constructor(editorWidget: IDocumentWidget<FileEditor>, options: IFileEditorAdapterOptions);
+    /**
+     * The wrapped `FileEditor` widget.
+     */
+    readonly editor: FileEditor;
+    /**
+     * Promise that resolves once the adapter is initialized
+     */
+    get ready(): Promise<void>;
+    /**
+     * Get current path of the document.
+     */
+    get documentPath(): string;
+    /**
+     * Get the mime type of the document.
+     */
+    get mimeType(): string;
+    /**
+     * Get the file extension of the document.
+     */
+    get languageFileExtension(): string;
+    /**
+     * Get the CM editor
+     */
+    get ceEditor(): CodeMirrorEditor;
+    /**
+     * Get the activated CM editor.
+     */
+    get activeEditor(): Document.IEditor;
+    /**
+     * Get the inner HTMLElement of the document widget.
+     */
+    get wrapperElement(): HTMLElement;
+    /**
+     * Get current path of the document.
+     */
+    get path(): string;
+    /**
+     *  Get the list of CM editors in the document, there is only one editor
+     * in the case of file editor.
+     */
+    get editors(): Document.ICodeBlockOptions[];
+    /**
+     * Dispose the widget.
+     */
+    dispose(): void;
+    /**
+     * Generate the virtual document associated with the document.
+     */
+    createVirtualDocument(): VirtualDocument;
+    /**
+     * Get the index of editor from the cursor position in the virtual
+     * document. Since there is only one editor, this method always return
+     * 0
+     *
+     * @param position - the position of cursor in the virtual document.
+     * @return  {number} - index of the virtual editor
+     */
+    getEditorIndexAt(position: IVirtualPosition): number;
+    /**
+     * Get the index of input editor
+     *
+     * @param ceEditor - instance of the code editor
+     */
+    getEditorIndex(ceEditor: Document.IEditor): number;
+    /**
+     * Get the wrapper of input editor.
+     *
+     * @param ceEditor
+     * @return  {HTMLElement}
+     */
+    getEditorWrapper(ceEditor: Document.IEditor): HTMLElement;
+    /**
+     * Initialization function called once the editor and the LSP connection
+     * manager is ready. This function will create the virtual document and
+     * connect various signals.
+     */
+    protected initOnceReady(): Promise<void>;
+    /**
+     * The document registry instance.
+     */
+    private readonly _docRegistry;
+    private readonly _virtualEditor;
+    private _readyDelegate;
+}

package/lib/fileeditorlspadapter.js

@@ -0,0 +1,175 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+import { VirtualDocument, WidgetLSPAdapter } from '@jupyterlab/lsp';
+import { PromiseDelegate } from '@lumino/coreutils';
+export class FileEditorAdapter extends WidgetLSPAdapter {
+    constructor(editorWidget, options) {
+        const { docRegistry, ...others } = options;
+        super(editorWidget, others);
+        this._readyDelegate = new PromiseDelegate();
+        this.editor = editorWidget.content;
+        this._docRegistry = docRegistry;
+        // Ensure editor uniqueness
+        this._virtualEditor = Object.freeze({
+            getEditor: () => this.editor.editor,
+            ready: () => Promise.resolve(this.editor.editor),
+            reveal: () => Promise.resolve(this.editor.editor)
+        });
+        Promise.all([this.editor.context.ready, this.connectionManager.ready])
+            .then(async () => {
+            await this.initOnceReady();
+            this._readyDelegate.resolve();
+        })
+            .catch(console.error);
+    }
+    /**
+     * Promise that resolves once the adapter is initialized
+     */
+    get ready() {
+        return this._readyDelegate.promise;
+    }
+    /**
+     * Get current path of the document.
+     */
+    get documentPath() {
+        return this.widget.context.path;
+    }
+    /**
+     * Get the mime type of the document.
+     */
+    get mimeType() {
+        var _a;
+        const mimeTypeFromModel = this.editor.model.mimeType;
+        const codeMirrorMimeType = Array.isArray(mimeTypeFromModel)
+            ? (_a = mimeTypeFromModel[0]) !== null && _a !== void 0 ? _a : 'text/plain'
+            : mimeTypeFromModel;
+        const contentsModel = this.editor.context.contentsModel;
+        // when MIME type is not known it defaults to 'text/plain',
+        // so if it is different we can accept it as it is
+        if (codeMirrorMimeType != 'text/plain') {
+            return codeMirrorMimeType;
+        }
+        else if (contentsModel) {
+            // a script that does not have a MIME type known by the editor
+            // (no syntax highlight mode), can still be known by the document
+            // registry (and this is arguably easier to extend).
+            let fileType = this._docRegistry.getFileTypeForModel(contentsModel);
+            return fileType.mimeTypes[0];
+        }
+        else {
+            // "text/plain" this is
+            return codeMirrorMimeType;
+        }
+    }
+    /**
+     * Get the file extension of the document.
+     */
+    get languageFileExtension() {
+        let parts = this.documentPath.split('.');
+        return parts[parts.length - 1];
+    }
+    /**
+     * Get the CM editor
+     */
+    get ceEditor() {
+        return this.editor.editor;
+    }
+    /**
+     * Get the activated CM editor.
+     */
+    get activeEditor() {
+        return this._virtualEditor;
+    }
+    /**
+     * Get the inner HTMLElement of the document widget.
+     */
+    get wrapperElement() {
+        return this.widget.node;
+    }
+    /**
+     * Get current path of the document.
+     */
+    get path() {
+        return this.widget.context.path;
+    }
+    /**
+     *  Get the list of CM editors in the document, there is only one editor
+     * in the case of file editor.
+     */
+    get editors() {
+        var _a, _b;
+        return [
+            {
+                ceEditor: this._virtualEditor,
+                type: 'code',
+                value: (_b = (_a = this.editor) === null || _a === void 0 ? void 0 : _a.model.sharedModel.getSource()) !== null && _b !== void 0 ? _b : ''
+            }
+        ];
+    }
+    /**
+     * Dispose the widget.
+     */
+    dispose() {
+        if (this.isDisposed) {
+            return;
+        }
+        this.editor.model.mimeTypeChanged.disconnect(this.reloadConnection);
+        super.dispose();
+    }
+    /**
+     * Generate the virtual document associated with the document.
+     */
+    createVirtualDocument() {
+        return new VirtualDocument({
+            language: this.language,
+            foreignCodeExtractors: this.options.foreignCodeExtractorsManager,
+            path: this.documentPath,
+            fileExtension: this.languageFileExtension,
+            // notebooks are continuous, each cell is dependent on the previous one
+            standalone: true,
+            // notebooks are not supported by LSP servers
+            hasLspSupportedFile: true
+        });
+    }
+    /**
+     * Get the index of editor from the cursor position in the virtual
+     * document. Since there is only one editor, this method always return
+     * 0
+     *
+     * @param position - the position of cursor in the virtual document.
+     * @return  {number} - index of the virtual editor
+     */
+    getEditorIndexAt(position) {
+        return 0;
+    }
+    /**
+     * Get the index of input editor
+     *
+     * @param ceEditor - instance of the code editor
+     */
+    getEditorIndex(ceEditor) {
+        return 0;
+    }
+    /**
+     * Get the wrapper of input editor.
+     *
+     * @param ceEditor
+     * @return  {HTMLElement}
+     */
+    getEditorWrapper(ceEditor) {
+        return this.wrapperElement;
+    }
+    /**
+     * Initialization function called once the editor and the LSP connection
+     * manager is ready. This function will create the virtual document and
+     * connect various signals.
+     */
+    async initOnceReady() {
+        this.initVirtual();
+        // connect the document, but do not open it as the adapter will handle this
+        // after registering all features
+        await this.connectDocument(this.virtualDocument, false);
+        this.editor.model.mimeTypeChanged.connect(this.reloadConnection, this);
+    }
+}
+//# sourceMappingURL=fileeditorlspadapter.js.map

package/lib/fileeditorlspadapter.js.map

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

package/lib/index.d.ts

@@ -2,6 +2,10 @@
  * @packageDocumentation
  * @module fileeditor
  */
+export * from './fileeditorlspadapter';
+export * from './searchprovider';
+export * from './syntaxstatus';
 export * from './tabspacestatus';
+export * from './toc';
 export * from './tokens';
 export * from './widget';

package/lib/index.js

@@ -4,7 +4,11 @@
  * @packageDocumentation
  * @module fileeditor
  */
+export * from './fileeditorlspadapter';
+export * from './searchprovider';
+export * from './syntaxstatus';
 export * from './tabspacestatus';
+export * from './toc';
 export * from './tokens';
 export * from './widget';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAC3D;;;GAGG;AAEH,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAC3D;;;GAGG;AAEH,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC"}

package/lib/searchprovider.d.ts

@@ -0,0 +1,60 @@
+import { MainAreaWidget } from '@jupyterlab/apputils';
+import { CodeMirrorEditor, EditorSearchProvider } from '@jupyterlab/codemirror';
+import { CodeEditor } from '@jupyterlab/codeeditor';
+import { IFilters, IReplaceOptionsSupport, ISearchProvider } from '@jupyterlab/documentsearch';
+import { ITranslator } from '@jupyterlab/translation';
+import { Widget } from '@lumino/widgets';
+import { FileEditor } from './widget';
+/**
+ * Helper type
+ */
+export type FileEditorPanel = MainAreaWidget<FileEditor>;
+/**
+ * File editor search provider
+ */
+export declare class FileEditorSearchProvider extends EditorSearchProvider<CodeEditor.IModel> implements ISearchProvider {
+    protected widget: FileEditorPanel;
+    /**
+     * Constructor
+     * @param widget File editor panel
+     */
+    constructor(widget: FileEditorPanel);
+    get isReadOnly(): boolean;
+    /**
+     * Support for options adjusting replacement behavior.
+     */
+    get replaceOptionsSupport(): IReplaceOptionsSupport;
+    /**
+     * Text editor
+     */
+    get editor(): CodeMirrorEditor;
+    /**
+     * Editor content model
+     */
+    get model(): CodeEditor.IModel;
+    startQuery(query: RegExp, filters: IFilters | undefined): Promise<void>;
+    /**
+     * Instantiate a search provider for the widget.
+     *
+     * #### Notes
+     * The widget provided is always checked using `isApplicable` before calling
+     * this factory.
+     *
+     * @param widget The widget to search on
+     * @param translator [optional] The translator object
+     *
+     * @returns The search provider on the widget
+     */
+    static createNew(widget: FileEditorPanel, translator?: ITranslator): ISearchProvider;
+    /**
+     * Report whether or not this provider has the ability to search on the given object
+     */
+    static isApplicable(domain: Widget): domain is FileEditorPanel;
+    /**
+     * Get an initial query value if applicable so that it can be entered
+     * into the search box as an initial query
+     *
+     * @returns Initial value used to populate the search box.
+     */
+    getInitialQuery(): string;
+}

package/lib/searchprovider.js

@@ -0,0 +1,80 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+import { MainAreaWidget } from '@jupyterlab/apputils';
+import { CodeMirrorEditor, EditorSearchProvider } from '@jupyterlab/codemirror';
+import { FileEditor } from './widget';
+/**
+ * File editor search provider
+ */
+export class FileEditorSearchProvider extends EditorSearchProvider {
+    /**
+     * Constructor
+     * @param widget File editor panel
+     */
+    constructor(widget) {
+        super();
+        this.widget = widget;
+    }
+    get isReadOnly() {
+        return this.editor.getOption('readOnly');
+    }
+    /**
+     * Support for options adjusting replacement behavior.
+     */
+    get replaceOptionsSupport() {
+        return {
+            preserveCase: true
+        };
+    }
+    /**
+     * Text editor
+     */
+    get editor() {
+        return this.widget.content.editor;
+    }
+    /**
+     * Editor content model
+     */
+    get model() {
+        return this.widget.content.model;
+    }
+    async startQuery(query, filters) {
+        await super.startQuery(query, filters);
+        await this.highlightNext(false, true);
+    }
+    /**
+     * Instantiate a search provider for the widget.
+     *
+     * #### Notes
+     * The widget provided is always checked using `isApplicable` before calling
+     * this factory.
+     *
+     * @param widget The widget to search on
+     * @param translator [optional] The translator object
+     *
+     * @returns The search provider on the widget
+     */
+    static createNew(widget, translator) {
+        return new FileEditorSearchProvider(widget);
+    }
+    /**
+     * Report whether or not this provider has the ability to search on the given object
+     */
+    static isApplicable(domain) {
+        return (domain instanceof MainAreaWidget &&
+            domain.content instanceof FileEditor &&
+            domain.content.editor instanceof CodeMirrorEditor);
+    }
+    /**
+     * Get an initial query value if applicable so that it can be entered
+     * into the search box as an initial query
+     *
+     * @returns Initial value used to populate the search box.
+     */
+    getInitialQuery() {
+        const cm = this.editor;
+        const selection = cm.state.sliceDoc(cm.state.selection.main.from, cm.state.selection.main.to);
+        return selection;
+    }
+}
+//# sourceMappingURL=searchprovider.js.map

package/lib/searchprovider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchprovider.js","sourceRoot":"","sources":["../src/searchprovider.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAShF,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAOtC;;GAEG;AACH,MAAM,OAAO,wBACX,SAAQ,oBAAuC;IAG/C;;;OAGG;IACH,YAAsB,MAAuB;QAC3C,KAAK,EAAE,CAAC;QADY,WAAM,GAAN,MAAM,CAAiB;IAE7C,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAY,CAAC;IACtD,CAAC;IAED;;OAEG;IACH,IAAI,qBAAqB;QACvB,OAAO;YACL,YAAY,EAAE,IAAI;SACnB,CAAC;IACJ,CAAC;IAED;;OAEG;IACH,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,MAA0B,CAAC;IACxD,CAAC;IAED;;OAEG;IACH,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;IACnC,CAAC;IAED,KAAK,CAAC,UAAU,CACd,KAAa,EACb,OAA6B;QAE7B,MAAM,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QACvC,MAAM,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACxC,CAAC;IAED;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,SAAS,CACd,MAAuB,EACvB,UAAwB;QAExB,OAAO,IAAI,wBAAwB,CAAC,MAAM,CAAC,CAAC;IAC9C,CAAC;IAED;;OAEG;IACH,MAAM,CAAC,YAAY,CAAC,MAAc;QAChC,OAAO,CACL,MAAM,YAAY,cAAc;YAChC,MAAM,CAAC,OAAO,YAAY,UAAU;YACpC,MAAM,CAAC,OAAO,CAAC,MAAM,YAAY,gBAAgB,CAClD,CAAC;IACJ,CAAC;IAED;;;;;OAKG;IACH,eAAe;QACb,MAAM,EAAE,GAAG,IAAI,CAAC,MAA0B,CAAC;QAC3C,MAAM,SAAS,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CACjC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAC5B,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAC3B,CAAC;QACF,OAAO,SAAS,CAAC;IACnB,CAAC;CACF"}

package/lib/syntaxstatus.d.ts

@@ -0,0 +1,74 @@
+import { CodeEditor } from '@jupyterlab/codeeditor';
+import { IEditorLanguageRegistry } from '@jupyterlab/codemirror';
+import { ITranslator } from '@jupyterlab/translation';
+import { VDomModel, VDomRenderer } from '@jupyterlab/ui-components';
+import { CommandRegistry } from '@lumino/commands';
+/**
+ * StatusBar item to change the language syntax highlighting of the file editor.
+ */
+export declare class EditorSyntaxStatus extends VDomRenderer<EditorSyntaxStatus.Model> {
+    /**
+     * Construct a new VDomRenderer for the status item.
+     */
+    constructor(options: EditorSyntaxStatus.IOptions);
+    /**
+     * Render the status item.
+     */
+    render(): JSX.Element | null;
+    /**
+     * Create a menu for selecting the language of the editor.
+     */
+    private _handleClick;
+    protected translator: ITranslator;
+    private _commands;
+    private _popup;
+}
+/**
+ * A namespace for EditorSyntax statics.
+ */
+export declare namespace EditorSyntaxStatus {
+    /**
+     * A VDomModel for the current editor/mode combination.
+     */
+    class Model extends VDomModel {
+        languages: IEditorLanguageRegistry;
+        constructor(languages: IEditorLanguageRegistry);
+        /**
+         * The current editor language. If no editor is present,
+         * returns the empty string.
+         */
+        get language(): string;
+        /**
+         * The current editor for the application editor tracker.
+         */
+        get editor(): CodeEditor.IEditor | null;
+        set editor(editor: CodeEditor.IEditor | null);
+        /**
+         * If the editor mode changes, update the model.
+         */
+        private _onMIMETypeChange;
+        /**
+         * Trigger a rerender of the model.
+         */
+        private _triggerChange;
+        private _language;
+        private _editor;
+    }
+    /**
+     * Options for the EditorSyntax status item.
+     */
+    interface IOptions {
+        /**
+         * The application command registry.
+         */
+        commands: CommandRegistry;
+        /**
+         * Editor languages.
+         */
+        languages: IEditorLanguageRegistry;
+        /**
+         * The language translator.
+         */
+        translator?: ITranslator;
+    }
+}

package/lib/syntaxstatus.js

@@ -0,0 +1,151 @@
+/*
+ * Copyright (c) Jupyter Development Team.
+ * Distributed under the terms of the Modified BSD License.
+ */
+import { IEditorMimeTypeService } from '@jupyterlab/codeeditor';
+import { showPopup, TextItem } from '@jupyterlab/statusbar';
+import { nullTranslator } from '@jupyterlab/translation';
+import { VDomModel, VDomRenderer } from '@jupyterlab/ui-components';
+import { Menu } from '@lumino/widgets';
+import React from 'react';
+/**
+ * A pure function that returns a tsx component for an editor syntax item.
+ *
+ * @param props: the props for the component.
+ *
+ * @returns an editor syntax component.
+ */
+function EditorSyntaxComponent(props) {
+    return React.createElement(TextItem, { source: props.language, onClick: props.handleClick });
+}
+/**
+ * StatusBar item to change the language syntax highlighting of the file editor.
+ */
+export class EditorSyntaxStatus extends VDomRenderer {
+    /**
+     * Construct a new VDomRenderer for the status item.
+     */
+    constructor(options) {
+        var _a;
+        super(new EditorSyntaxStatus.Model(options.languages));
+        /**
+         * Create a menu for selecting the language of the editor.
+         */
+        this._handleClick = () => {
+            const languageMenu = new Menu({ commands: this._commands });
+            const command = 'fileeditor:change-language';
+            if (this._popup) {
+                this._popup.dispose();
+            }
+            this.model.languages
+                .getLanguages()
+                .sort((a, b) => {
+                var _a, _b;
+                const aName = (_a = a.displayName) !== null && _a !== void 0 ? _a : a.name;
+                const bName = (_b = b.displayName) !== null && _b !== void 0 ? _b : b.name;
+                return aName.localeCompare(bName);
+            })
+                .forEach(spec => {
+                var _a;
+                if (spec.name.toLowerCase().indexOf('brainf') === 0) {
+                    return;
+                }
+                const args = {
+                    name: spec.name,
+                    displayName: (_a = spec.displayName) !== null && _a !== void 0 ? _a : spec.name
+                };
+                languageMenu.addItem({
+                    command,
+                    args
+                });
+            });
+            this._popup = showPopup({
+                body: languageMenu,
+                anchor: this,
+                align: 'left'
+            });
+        };
+        this._popup = null;
+        this._commands = options.commands;
+        this.translator = (_a = options.translator) !== null && _a !== void 0 ? _a : nullTranslator;
+        const trans = this.translator.load('jupyterlab');
+        this.addClass('jp-mod-highlighted');
+        this.title.caption = trans.__('Change text editor syntax highlighting');
+    }
+    /**
+     * Render the status item.
+     */
+    render() {
+        if (!this.model) {
+            return null;
+        }
+        return (React.createElement(EditorSyntaxComponent, { language: this.model.language, handleClick: this._handleClick }));
+    }
+}
+/**
+ * A namespace for EditorSyntax statics.
+ */
+(function (EditorSyntaxStatus) {
+    /**
+     * A VDomModel for the current editor/mode combination.
+     */
+    class Model extends VDomModel {
+        constructor(languages) {
+            super();
+            this.languages = languages;
+            /**
+             * If the editor mode changes, update the model.
+             */
+            this._onMIMETypeChange = (mode, change) => {
+                var _a;
+                const oldLanguage = this._language;
+                const spec = this.languages.findByMIME(change.newValue);
+                this._language = (_a = spec === null || spec === void 0 ? void 0 : spec.name) !== null && _a !== void 0 ? _a : IEditorMimeTypeService.defaultMimeType;
+                this._triggerChange(oldLanguage, this._language);
+            };
+            this._language = '';
+            this._editor = null;
+        }
+        /**
+         * The current editor language. If no editor is present,
+         * returns the empty string.
+         */
+        get language() {
+            return this._language;
+        }
+        /**
+         * The current editor for the application editor tracker.
+         */
+        get editor() {
+            return this._editor;
+        }
+        set editor(editor) {
+            var _a;
+            const oldEditor = this._editor;
+            if (oldEditor !== null) {
+                oldEditor.model.mimeTypeChanged.disconnect(this._onMIMETypeChange);
+            }
+            const oldLanguage = this._language;
+            this._editor = editor;
+            if (this._editor === null) {
+                this._language = '';
+            }
+            else {
+                const spec = this.languages.findByMIME(this._editor.model.mimeType);
+                this._language = (_a = spec === null || spec === void 0 ? void 0 : spec.name) !== null && _a !== void 0 ? _a : IEditorMimeTypeService.defaultMimeType;
+                this._editor.model.mimeTypeChanged.connect(this._onMIMETypeChange);
+            }
+            this._triggerChange(oldLanguage, this._language);
+        }
+        /**
+         * Trigger a rerender of the model.
+         */
+        _triggerChange(oldState, newState) {
+            if (oldState !== newState) {
+                this.stateChanged.emit(void 0);
+            }
+        }
+    }
+    EditorSyntaxStatus.Model = Model;
+})(EditorSyntaxStatus || (EditorSyntaxStatus = {}));
+//# sourceMappingURL=syntaxstatus.js.map