chore: Update code structure of MarkdownIt plugins.

Author: devbean

src/app-state.ts

@@ -1,27 +1,22 @@
 import { Events } from 'obsidian';
 import MarkdownIt from 'markdown-it';
 import { MarkdownItImagePluginInstance } from './markdown-it-image-plugin';
-import { MarkdownItPlugin } from './types';
+import { MarkdownItCommentPluginInstance } from './markdown-it-comment-plugin';
+import { MarkdownItMathJax3PluginInstance } from './markdown-it-mathjax3-plugin';
 
 class AppStore {
 
-  markdownParser = new MarkdownIt()
-    .use(MarkdownItImagePluginInstance.plugin);
+  markdownParser = new MarkdownIt();
 
   events = new Events();
 
   codeVerifier: string | undefined;
 
-  #markdownPlugins = new Map<string, MarkdownItPlugin>();
-
-  registerMarkdownItPlugin(name: string, plugin: MarkdownItPlugin): void {
-    this.#markdownPlugins.set(name, plugin);
-  }
-
-  getMarkdownItPlugin(name: string): MarkdownItPlugin | undefined {
-    return this.#markdownPlugins.get(name);
-  }
 }
 
 export const AppState = new AppStore();
 
+AppState.markdownParser
+  .use(MarkdownItCommentPluginInstance.plugin)
+  .use(MarkdownItMathJax3PluginInstance.plugin)
+  .use(MarkdownItImagePluginInstance.plugin);

src/markdown-it-image-plugin.ts

@@ -3,6 +3,8 @@ import Token from 'markdown-it/lib/token';
 import { trim } from 'lodash-es';
 
 
+const tokenType = 'ob_img';
+
 export interface MarkdownItImageActionParams {
   src: string;
   width?: string;
@@ -18,21 +20,21 @@ const pluginOptions: MarkdownItImagePluginOptions = {
 }
 
 export const MarkdownItImagePluginInstance = {
-  plugin: pluginImpl,
+  plugin: plugin,
   doWithImage: (action: (img: MarkdownItImageActionParams) => void) => {
     pluginOptions.doWithImage = action;
   },
 }
 
-function pluginImpl(md: MarkdownIt): void {
-  md.inline.ruler.after('image', 'ob_img', (state, silent) => {
+function plugin(md: MarkdownIt): void {
+  md.inline.ruler.after('image', tokenType, (state, silent) => {
     const regex = /^!\[\[([^|\]\n]+)(\|([^\]\n]+))?\]\]/;
     const match = state.src.slice(state.pos).match(regex);
     if (match) {
       if (silent) {
         return true;
       }
-      const token = state.push('ob_img', 'img', 0);
+      const token = state.push(tokenType, 'img', 0);
       const matched = match[0];
       const src = match[1];
       const size = match[3];

src/markdown-it-mathjax3-plugin.ts

@@ -13,35 +13,48 @@ import juice from 'juice';
 import { SafeAny } from './utils';
 import { MathJaxOutputType } from './plugin-settings';
 
+const inlineTokenType = 'math_inline';
+const blockTokenType = 'math_block';
 
 interface MarkdownItMathJax3PluginOptions {
   outputType: MathJaxOutputType;
 }
 
+const pluginOptions: MarkdownItMathJax3PluginOptions = {
+  outputType: MathJaxOutputType.TeX,
+}
+
 interface ConvertOptions {
   display: boolean
 }
 
-export default function MarkdownItMathJax3Plugin(md: MarkdownIt, options: MarkdownItMathJax3PluginOptions): void {
+export const MarkdownItMathJax3PluginInstance = {
+  plugin: plugin,
+  updateOutputType: (type: MathJaxOutputType) => {
+    pluginOptions.outputType = type;
+  },
+}
+
+function plugin(md: MarkdownIt): void {
   // set MathJax as the renderer for markdown-it-simplemath
-  md.inline.ruler.after('escape', 'math_inline', mathInline);
-  md.block.ruler.after('blockquote', 'math_block', mathBlock, {
+  md.inline.ruler.after('escape', inlineTokenType, mathInline);
+  md.block.ruler.after('blockquote', blockTokenType, mathBlock, {
     alt: ['paragraph', 'reference', 'blockquote', 'list'],
   });
-  md.renderer.rules.math_inline = (tokens: Token[], idx: number) => {
+  md.renderer.rules[inlineTokenType] = (tokens: Token[], idx: number) => {
     return renderMath(tokens[idx].content, {
       display: false
-    }, options);
+    });
   };
-  md.renderer.rules.math_block = (tokens: Token[], idx: number) => {
+  md.renderer.rules[blockTokenType] = (tokens: Token[], idx: number) => {
     return renderMath(tokens[idx].content, {
       display: true
-    }, options);
+    });
   };
 }
 
-function renderMath(content: string, convertOptions: ConvertOptions, options: MarkdownItMathJax3PluginOptions): string {
-  if (options.outputType === MathJaxOutputType.SVG) {
+function renderMath(content: string, convertOptions: ConvertOptions): string {
+  if (pluginOptions.outputType === MathJaxOutputType.SVG) {
     const documentOptions = {
       InputJax: new TeX({ packages: AllPackages }),
       OutputJax: new SVG({ fontCache: 'none' })
@@ -154,7 +167,7 @@ function mathInline(state: StateInline, silent: boolean) {
   }
 
   if (!silent) {
-    const token = state.push('math_inline', 'math', 0);
+    const token = state.push(inlineTokenType, 'math', 0);
     token.markup = '$';
     token.content = state.src.slice(start, match);
   }
@@ -214,7 +227,7 @@ function mathBlock(state: StateBlock, start: number, end: number, silent: boolea
 
   state.line = next + 1;
 
-  const token = state.push('math_block', 'math', 0);
+  const token = state.push(blockTokenType, 'math', 0);
   token.block = true;
   token.content =
     (firstLine && firstLine.trim() ? firstLine + '\n' : '') +