-import {getLanguageExtension} from "./languages"
-import {Compartment} from "@codemirror/state"
-import {EditorView} from "@codemirror/view"
-import {oneDark} from "@codemirror/theme-one-dark"
+import {Compartment} from '@codemirror/state';
+import {EditorView} from '@codemirror/view';
+import {getLanguageExtension} from './languages';
const viewLangCompartments = new WeakMap();
export function createView(config) {
const langCompartment = new Compartment();
config.extensions.push(langCompartment.of([]));
- config.extensions.push(getTheme(config.parent));
const ev = new EditorView(config);
return ev;
}
-/**
- * Ge the theme extension to use for editor view instance.
- * @returns {Extension}
- */
-function getTheme(viewParentEl) {
- const darkMode = document.documentElement.classList.contains('dark-mode');
-
- const eventData = {
- darkMode: darkMode,
- theme: null,
- };
-
- window.$events.emitPublic(viewParentEl, 'library-cm6::configure-theme', eventData);
-
- return eventData.theme || (darkMode ? oneDark : []);
-}
-
/**
* Set the language mode of an EditorView.
*
* @param {string} modeSuggestion
* @param {string} content
*/
-export function updateViewLanguage(ev, modeSuggestion, content) {
+export async function updateViewLanguage(ev, modeSuggestion, content) {
const compartment = viewLangCompartments.get(ev);
- const language = getLanguageExtension(modeSuggestion, content);
+ const language = await getLanguageExtension(modeSuggestion, content);
ev.dispatch({
- effects: compartment.reconfigure(language ? language : [])
- })
-}
\ No newline at end of file
+ effects: compartment.reconfigure(language || []),
+ });
+}