BookStack/resources/js/code/views.js

57 lines
1.5 KiB
JavaScript

import {getLanguageExtension} from "./languages"
import {Compartment} from "@codemirror/state"
import {EditorView} from "@codemirror/view"
import {oneDark} from "@codemirror/theme-one-dark"
const viewLangCompartments = new WeakMap();
/**
* Create a new editor view.
*
* @param {{parent: Element, doc: String, extensions: Array}} config
* @returns {EditorView}
*/
export function createView(config) {
const langCompartment = new Compartment();
config.extensions.push(langCompartment.of([]));
config.extensions.push(getTheme(config.parent));
const ev = new EditorView(config);
viewLangCompartments.set(ev, langCompartment);
return ev;
}
/**
* Get 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 {EditorView} ev
* @param {string} modeSuggestion
* @param {string} content
*/
export function updateViewLanguage(ev, modeSuggestion, content) {
const compartment = viewLangCompartments.get(ev);
const language = getLanguageExtension(modeSuggestion, content);
ev.dispatch({
effects: compartment.reconfigure(language ? language : [])
})
}