feat: support YfmLangOptions drilling to markup editor (#303)

* feat: add YfmLangOptions prop to markup editor

---------

Co-authored-by: Viktor Fedoseev <[email protected]>

Author: saxumcordis

src/bundle/Editor.ts

@@ -10,6 +10,7 @@ import {ReactRenderStorage, RenderStorage} from '../extensions';
 import {i18n} from '../i18n/bundle';
 import {logger} from '../logger';
 import {createCodemirror} from '../markup/codemirror';
+import type {YfmLangOptions} from '../markup/codemirror/yfm';
 import {CodeEditor, Editor as MarkupEditor} from '../markup/editor';
 import {Emitter, Receiver, SafeEventEmitter} from '../utils/event-emitter';
 import type {FileUploadHandler} from '../utils/upload';
@@ -137,6 +138,7 @@ export type EditorOptions = Pick<
     renderPreview?: RenderPreview;
     preset: EditorPreset;
     extraMarkupExtensions?: CodemirrorExtension[];
+    yfmLangOptions?: YfmLangOptions;
 };
 
 /** @internal */
@@ -150,6 +152,7 @@ export class EditorImpl extends SafeEventEmitter<EventMapInt> implements EditorI
     #wysiwygEditor?: WysiwygEditor;
     #markupEditor?: MarkupEditor;
     #extraMarkupExtensions?: CodemirrorExtension[];
+    #yfmLangOptions?: YfmLangOptions;
 
     readonly #preset: EditorPreset;
     #allowHTML?: boolean;
@@ -273,6 +276,7 @@ export class EditorImpl extends SafeEventEmitter<EventMapInt> implements EditorI
                     uploadHandler: this.fileUploadHandler,
                     needImgDimms: this.needToSetDimensionsForUploadedImages,
                     extraMarkupExtensions: this.#extraMarkupExtensions,
+                    yfmLangOptions: this.#yfmLangOptions,
                     receiver: this,
                 }),
             );
@@ -308,6 +312,7 @@ export class EditorImpl extends SafeEventEmitter<EventMapInt> implements EditorI
         this.#allowHTML = opts.allowHTML;
         this.#extensions = opts.extensions;
         this.#extraMarkupExtensions = opts.extraMarkupExtensions;
+        this.#yfmLangOptions = opts.yfmLangOptions;
 
         this.#renderStorage = opts.renderStorage;
         this.#fileUploadHandler = opts.fileUploadHandler;

src/markup/codemirror/create.ts

@@ -39,7 +39,7 @@ import {gravityHighlightStyle, gravityTheme} from './gravity';
 import {PairingCharactersExtension} from './pairing-chars';
 import {ReactRendererFacet} from './react-facet';
 import {SearchPanelPlugin} from './search-plugin/plugin';
-import {yfmLang} from './yfm';
+import {type YfmLangOptions, yfmLang} from './yfm';
 
 export type CreateCodemirrorParams = {
     doc: EditorViewConfig['doc'];
@@ -54,6 +54,7 @@ export type CreateCodemirrorParams = {
     needImgDimms?: boolean;
     extraMarkupExtensions?: Extension[];
     receiver?: Receiver<EventMap>;
+    yfmLangOptions?: YfmLangOptions;
 };
 
 export function createCodemirror(params: CreateCodemirrorParams) {
@@ -68,6 +69,7 @@ export function createCodemirror(params: CreateCodemirrorParams) {
         onDocChange,
         extraMarkupExtensions,
         receiver,
+        yfmLangOptions,
     } = params;
 
     const extensions: Extension[] = [
@@ -113,7 +115,7 @@ export function createCodemirror(params: CreateCodemirrorParams) {
             ...historyKeymap,
         ]),
         autocompletion(),
-        yfmLang(),
+        yfmLang(yfmLangOptions),
         ReactRendererFacet.of(reactRenderer),
         PairingCharactersExtension,
         EditorView.lineWrapping,