fix: initialize plugins

Author: gera2ld

src/plugins/mathjax.ts

@@ -10,6 +10,10 @@ export const scripts: JSItem[] = [
           skipHtmlTags: { '[-]': ['code', 'pre'] },
           ...mathJax.options,
         };
+        mathJax.startup = {
+          typeset: false,
+          ...mathJax.startup,
+        };
         (window as any).MathJax = mathJax;
       },
       getParams: context => [{ ...context.mathJax }],

src/template.ts

@@ -27,9 +27,9 @@ export function fillTemplate(data: any, opts?: any): string {
         type: 'iife',
         data: {
           fn: (data, ...processors) => {
-            const { markmap } = window as any;
+            const { markmap } = (window as any).markmap;
             markmap.processors = processors;
-            markmap.markmap('svg#mindmap', data);
+            markmap('svg#mindmap', data);
           },
           getParams: ({ data, processors }) => [
             data,

src/util/html.ts

@@ -10,7 +10,7 @@ export function escapeScript(content: string): string {
   return content.replace(/<(\/script>)/g, '\\x3c$2');
 }
 
-export function htmlOpen(tagName: string, attrs?: any, autoClose = false): string {
+export function htmlOpen(tagName: string, attrs?: any): string {
   const attrStr = attrs ? Object.entries<string | boolean>(attrs)
     .map(([key, value]) => {
       if (value == null || value === false) return;
@@ -28,7 +28,7 @@ export function htmlClose(tagName: string): string {
 }
 
 export function wrapHtml(tagName: string, content?: string, attrs?: any): string {
-  if (content == null) return htmlOpen(tagName, attrs, true);
+  if (content == null) return htmlOpen(tagName, attrs);
   return htmlOpen(tagName, attrs) + (content || '') + htmlClose(tagName);
 }
 

src/view.ts

@@ -91,16 +91,16 @@ function markmapCreate(svg: any, data?: any, opts?: IMarkmapOptions) {
   };
   const g = svg.append('g').attr('class', `${state.id}-g`);
   updateStyle();
-  if (data) {
-    setData(data);
-    fit(); // always fit for the first render
-  }
   svg.call(zoom);
   const mm = {
     setData,
     setOptions,
     fit,
   };
+  if (data) {
+    setData(data);
+    fit(); // always fit for the first render
+  }
   return mm;
 
   function getStyleContent(): string {