BookStack Code Mirror - bookstack/blob - resources/js/markdown/index.mts

   1 import {Markdown} from './markdown';
   2 import {Display} from './display';
   3 import {Actions} from './actions';
   4 import {Settings} from './settings';
   5 import {listenToCommonEvents} from './common-events';
   6 import {init as initCodemirror} from './codemirror';
   7 import {EditorView} from "@codemirror/view";
   8
   9 export interface MarkdownEditorConfig {
  10     pageId: string;
  11     container: Element;
  12     displayEl: HTMLIFrameElement;
  13     inputEl: HTMLTextAreaElement;
  14     drawioUrl: string;
  15     settingInputs: HTMLInputElement[];
  16     text: Record<string, string>;
  17 }
  18
  19 export interface MarkdownEditor {
  20     config: MarkdownEditorConfig;
  21     display: Display;
  22     markdown: Markdown;
  23     actions: Actions;
  24     cm: EditorView;
  25     settings: Settings;
  26 }
  27
  28 /**
  29  * Initiate a new Markdown editor instance.
  30  */
  31 export async function init(config: MarkdownEditorConfig): Promise<MarkdownEditor> {
  32     const editor: MarkdownEditor = {
  33         config,
  34         markdown: new Markdown(),
  35         settings: new Settings(config.settingInputs),
  36     } as MarkdownEditor;
  37
  38     editor.actions = new Actions(editor);
  39     editor.display = new Display(editor);
  40     editor.cm = await initCodemirror(editor);
  41
  42     listenToCommonEvents(editor);
  43
  44     return editor;
  45 }
  46
  47