weseek__growi/packages/editor/src/stores/use-default-extensions.ts

import { indentWithTab, defaultKeymap, deleteCharBackward } from '@codemirror/commands';
import {
  markdown, markdownLanguage,
} from '@codemirror/lang-markdown';
import { syntaxHighlighting, HighlightStyle, defaultHighlightStyle } from '@codemirror/language';
import { languages } from '@codemirror/language-data';
import {
  Prec, type Extension,
} from '@codemirror/state';
import type { KeyBinding } from '@codemirror/view';
import { keymap, EditorView } from '@codemirror/view';
import { tags } from '@lezer/highlight';

import type { UseCodeMirrorEditor } from '../services';
import { emojiAutocompletionSettings } from '../services-internal';


// set new markdownKeymap instead of default one
// https://github.com/codemirror/lang-markdown/blob/main/src/index.ts#L17
const markdownKeymap: KeyBinding[] = [
  { key: 'Backspace', run: deleteCharBackward },
];

const markdownHighlighting = HighlightStyle.define([
  { tag: tags.heading1, class: 'cm-header-1 cm-header' },
  { tag: tags.heading2, class: 'cm-header-2 cm-header' },
  { tag: tags.heading3, class: 'cm-header-3 cm-header' },
  { tag: tags.heading4, class: 'cm-header-4 cm-header' },
  { tag: tags.heading5, class: 'cm-header-5 cm-header' },
  { tag: tags.heading6, class: 'cm-header-6 cm-header' },
]);

const defaultExtensions: Extension[] = [
  EditorView.lineWrapping,
  markdown({ base: markdownLanguage, codeLanguages: languages, addKeymap: false }),
  keymap.of(markdownKeymap),
  keymap.of([indentWithTab]),
  Prec.lowest(keymap.of(defaultKeymap)),
  syntaxHighlighting(markdownHighlighting),
  Prec.lowest(syntaxHighlighting(defaultHighlightStyle)),
  emojiAutocompletionSettings,
];

export const useDefaultExtensions = (
    codeMirrorEditor?: UseCodeMirrorEditor,
): void => {
  codeMirrorEditor?.appendExtensions([defaultExtensions]);
};