@diplodoc/mermaid-extension 0.0.3 → 0.0.4

package/hooks/index.js

@@ -23,10 +23,10 @@ var __async = (__this, __arguments, generator) => {
 import { useEffect, useState, useCallback } from "react";
 function useMermaid() {
   const [mermaid, setMermaid] = useState(null);
-  const render = useCallback((config) => __async(this, null, function* () {
+  const render = useCallback((config, options) => __async(this, null, function* () {
     if (mermaid) {
       mermaid.initialize(config);
-      return mermaid.run();
+      return mermaid.run(options);
     }
   }), [mermaid]);
   useEffect(() => {

package/hooks/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/hooks/useMermaid.ts"],
-  "sourcesContent": ["import type { MermaidConfig } from 'mermaid';\nimport { useEffect, useState, useCallback } from 'react';\nimport { Callback } from '../@types/common';\n\nexport function useMermaid() {\n    const [ mermaid, setMermaid ] = useState<Parameters<Callback>[0] | null>(null);\n    const render = useCallback(async (config: MermaidConfig) => {\n        if (mermaid) {\n            mermaid.initialize(config);\n            return mermaid.run();\n        }\n    }, [ mermaid ]);\n\n    useEffect(() => {\n        (window.mermaidJsonp = window.mermaidJsonp || []).push(setMermaid);\n\n        return () => {\n            const index = window.mermaidJsonp.indexOf(setMermaid);\n            if (index > -1) {\n                window.mermaidJsonp.splice(index, 1);\n            }\n        };\n    }, []);\n\n    return render;\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AACA,SAAS,WAAW,UAAU,mBAAmB;AAG1C,SAAS,aAAa;AACzB,QAAM,CAAE,SAAS,UAAW,IAAI,SAAyC,IAAI;AAC7E,QAAM,SAAS,YAAY,CAAO,WAA0B;AACxD,QAAI,SAAS;AACT,cAAQ,WAAW,MAAM;AACzB,aAAO,QAAQ,IAAI;AAAA,IACvB;AAAA,EACJ,IAAG,CAAE,OAAQ,CAAC;AAEd,YAAU,MAAM;AACZ,KAAC,OAAO,eAAe,OAAO,gBAAgB,CAAC,GAAG,KAAK,UAAU;AAEjE,WAAO,MAAM;AACT,YAAM,QAAQ,OAAO,aAAa,QAAQ,UAAU;AACpD,UAAI,QAAQ,IAAI;AACZ,eAAO,aAAa,OAAO,OAAO,CAAC;AAAA,MACvC;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,CAAC;AAEL,SAAO;AACX;",
+  "sourcesContent": ["import type { MermaidConfig } from 'mermaid';\nimport { useEffect, useState, useCallback } from 'react';\nimport { Callback, RunOptions } from '../@types/common';\n\nexport function useMermaid() {\n    const [ mermaid, setMermaid ] = useState<Parameters<Callback>[0] | null>(null);\n    const render = useCallback(async (config: MermaidConfig, options?: RunOptions) => {\n        if (mermaid) {\n            mermaid.initialize(config);\n            return mermaid.run(options);\n        }\n    }, [ mermaid ]);\n\n    useEffect(() => {\n        (window.mermaidJsonp = window.mermaidJsonp || []).push(setMermaid);\n\n        return () => {\n            const index = window.mermaidJsonp.indexOf(setMermaid);\n            if (index > -1) {\n                window.mermaidJsonp.splice(index, 1);\n            }\n        };\n    }, []);\n\n    return render;\n}"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AACA,SAAS,WAAW,UAAU,mBAAmB;AAG1C,SAAS,aAAa;AACzB,QAAM,CAAE,SAAS,UAAW,IAAI,SAAyC,IAAI;AAC7E,QAAM,SAAS,YAAY,CAAO,QAAuB,YAAyB;AAC9E,QAAI,SAAS;AACT,cAAQ,WAAW,MAAM;AACzB,aAAO,QAAQ,IAAI,OAAO;AAAA,IAC9B;AAAA,EACJ,IAAG,CAAE,OAAQ,CAAC;AAEd,YAAU,MAAM;AACZ,KAAC,OAAO,eAAe,OAAO,gBAAgB,CAAC,GAAG,KAAK,UAAU;AAEjE,WAAO,MAAM;AACT,YAAM,QAAQ,OAAO,aAAa,QAAQ,UAAU;AACpD,UAAI,QAAQ,IAAI;AACZ,eAAO,aAAa,OAAO,OAAO,CAAC;AAAA,MACvC;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,CAAC;AAEL,SAAO;AACX;",
   "names": []
 }

package/hooks/useMermaid.d.ts

@@ -1,2 +1,3 @@
 import type { MermaidConfig } from 'mermaid';
-export declare function useMermaid(): (config: MermaidConfig) => Promise<void>;
+import { RunOptions } from '../@types/common';
+export declare function useMermaid(): (config: MermaidConfig, options?: RunOptions) => Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@diplodoc/mermaid-extension",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "Mermaid plugin for Diplodoc transformer and builder",
   "main": "plugin/index.js",
   "types": "plugin/index.d.ts",

package/runtime/index.js

@@ -1562,7 +1562,7 @@ ${i.themeCSS}`),i.fontFamily!==void 0&&(b+=`
 `)})}g[0]=g[0].replace(/^\r?\n/,"");var E=g[0];return o.forEach(function(w,L){var O=E.match(/(?:^|\n)( *)$/),B=O?O[1]:"",P=w;typeof w=="string"&&w.includes(`
 `)&&(P=String(w).split(`
 `).map(function(j,G){return G===0?j:""+B+j}).join(`
-`)),E+=P+g[L+1]}),E}var Wht=L1n;lu();g1();Tv();var ZOr=is(Zf(),1),JOr=is(Dh(),1);var tNr=is(V1(),1);sc();var rOn=(i,o,h)=>{jt.warn(i),DDt(i)?(h&&h(i.str,i.hash),o.push({...i,message:i.str,error:i})):(h&&h(i),i instanceof Error&&o.push({str:i.message,message:i.message,hash:i.name,error:i}))},zOe=async function(i={querySelector:".mermaid"}){try{await iOn(i)}catch(o){if(DDt(o)&&jt.error(o.str),Nv.parseError&&Nv.parseError(o),!i.suppressErrors)throw jt.error("Use the suppressErrors option to suppress these errors"),o}},iOn=async function({postRenderCallback:i,querySelector:o,nodes:h}={querySelector:".mermaid"}){let g=Mu.getConfig();jt.debug(`${i?"":"No "}Callback function found`);let b;if(h)b=h;else if(o)b=document.querySelectorAll(o);else throw new Error("Nodes and querySelector are both undefined");jt.debug(`Found ${b.length} diagrams`),g?.startOnLoad!==void 0&&(jt.debug("Start On Load: "+g?.startOnLoad),Mu.updateSiteConfig({startOnLoad:g?.startOnLoad}));let x=new Gs.initIdGenerator(g.deterministicIds,g.deterministicIDSeed),E,w=[];for(let L of Array.from(b)){jt.info("Rendering diagram: "+L.id);if(L.getAttribute("data-processed"))continue;L.setAttribute("data-processed","true");let O=`mermaid-${x.next()}`;E=L.innerHTML,E=Wht(Gs.entityDecode(E)).trim().replace(/<br\s*\/?>/gi,"<br/>");let B=Gs.detectInit(E);B&&jt.debug("Detected early reinit: ",B);try{let{svg:P,bindFunctions:j}=await VOe(O,E,L);L.innerHTML=P,i&&await i(O),j&&j(L)}catch(P){rOn(P,w,Nv.parseError)}}if(w.length>0)throw w[0]},HOe=function(i){Mu.initialize(i)},sOn=async function(i,o,h){jt.warn("mermaid.init is deprecated. Please use run instead."),i&&HOe(i);let g={postRenderCallback:h,querySelector:".mermaid"};typeof o=="string"?g.querySelector=o:o&&(o instanceof HTMLElement?g.nodes=[o]:g.nodes=o),await zOe(g)},aOn=async(i,{lazyLoad:o=!0}={})=>{Ndt(...i),o===!1&&await lEe()},$Oe=function(){if(Nv.startOnLoad){let{startOnLoad:i}=Mu.getConfig();i&&Nv.run().catch(o=>jt.error("Mermaid failed to initialize",o))}};if(typeof document<"u"){window.addEventListener("load",$Oe,!1)}var oOn=function(i){Nv.parseError=i},dgt=[],eBt=!1,GOe=async()=>{if(!eBt){for(eBt=!0;dgt.length>0;){let i=dgt.shift();if(i)try{await i()}catch(o){jt.error("Error executing queue",o)}}eBt=!1}},cOn=async(i,o)=>new Promise((h,g)=>{let b=()=>new Promise((x,E)=>{Mu.parse(i,o).then(w=>{x(w),h(w)},w=>{var L;jt.error("Error parsing",w),(L=Nv.parseError)==null||L.call(Nv,w),E(w),g(w)})});dgt.push(b),GOe().catch(g)}),VOe=(i,o,h)=>new Promise((g,b)=>{let x=()=>new Promise((E,w)=>{Mu.render(i,o,h).then(L=>{E(L),g(L)},L=>{var O;jt.error("Error parsing",L),(O=Nv.parseError)==null||O.call(Nv,L),w(L),b(L)})});dgt.push(x),GOe().catch(b)}),Nv={startOnLoad:!0,mermaidAPI:Mu,parse:cOn,render:VOe,init:sOn,run:zOe,registerExternalDiagrams:aOn,initialize:HOe,parseError:void 0,contentLoaded:$Oe,setParseErrorHandler:oOn};Nv.initialize({startOnLoad:!1,theme:"forest"});var nBt=window.mermaidJsonp=window.mermaidJsonp||[],rBt=nBt.splice(0,nBt.length);nBt.push=function(...i){return i.forEach(o=>{rBt.push(o),qOe()}),rBt.length};var iBt=!1;function qOe(){iBt||UOe()}async function UOe(){iBt=!0;let i=rBt.shift();if(i)return await i({run:async({querySelector:o=".mermaid"}={})=>{let h=document.querySelectorAll(o);for(let g of Array.from(h)){let b=`mermaid-${Date.now()}`,x=g.getAttribute("data-content")||"",E=Wht(decodeURIComponent(x)).trim().replace(/<br\s*\/?>/gi,"<br/>"),{svg:w,bindFunctions:L}=await Nv.render(b,E,g);g.innerHTML=w,L&&L(g)}},initialize:o=>{Nv.initialize({startOnLoad:!1,...o})}}),UOe();iBt=!1}qOe();})();
+`)),E+=P+g[L+1]}),E}var Wht=L1n;lu();g1();Tv();var ZOr=is(Zf(),1),JOr=is(Dh(),1);var tNr=is(V1(),1);sc();var rOn=(i,o,h)=>{jt.warn(i),DDt(i)?(h&&h(i.str,i.hash),o.push({...i,message:i.str,error:i})):(h&&h(i),i instanceof Error&&o.push({str:i.message,message:i.message,hash:i.name,error:i}))},zOe=async function(i={querySelector:".mermaid"}){try{await iOn(i)}catch(o){if(DDt(o)&&jt.error(o.str),Nv.parseError&&Nv.parseError(o),!i.suppressErrors)throw jt.error("Use the suppressErrors option to suppress these errors"),o}},iOn=async function({postRenderCallback:i,querySelector:o,nodes:h}={querySelector:".mermaid"}){let g=Mu.getConfig();jt.debug(`${i?"":"No "}Callback function found`);let b;if(h)b=h;else if(o)b=document.querySelectorAll(o);else throw new Error("Nodes and querySelector are both undefined");jt.debug(`Found ${b.length} diagrams`),g?.startOnLoad!==void 0&&(jt.debug("Start On Load: "+g?.startOnLoad),Mu.updateSiteConfig({startOnLoad:g?.startOnLoad}));let x=new Gs.initIdGenerator(g.deterministicIds,g.deterministicIDSeed),E,w=[];for(let L of Array.from(b)){jt.info("Rendering diagram: "+L.id);if(L.getAttribute("data-processed"))continue;L.setAttribute("data-processed","true");let O=`mermaid-${x.next()}`;E=L.innerHTML,E=Wht(Gs.entityDecode(E)).trim().replace(/<br\s*\/?>/gi,"<br/>");let B=Gs.detectInit(E);B&&jt.debug("Detected early reinit: ",B);try{let{svg:P,bindFunctions:j}=await VOe(O,E,L);L.innerHTML=P,i&&await i(O),j&&j(L)}catch(P){rOn(P,w,Nv.parseError)}}if(w.length>0)throw w[0]},HOe=function(i){Mu.initialize(i)},sOn=async function(i,o,h){jt.warn("mermaid.init is deprecated. Please use run instead."),i&&HOe(i);let g={postRenderCallback:h,querySelector:".mermaid"};typeof o=="string"?g.querySelector=o:o&&(o instanceof HTMLElement?g.nodes=[o]:g.nodes=o),await zOe(g)},aOn=async(i,{lazyLoad:o=!0}={})=>{Ndt(...i),o===!1&&await lEe()},$Oe=function(){if(Nv.startOnLoad){let{startOnLoad:i}=Mu.getConfig();i&&Nv.run().catch(o=>jt.error("Mermaid failed to initialize",o))}};if(typeof document<"u"){window.addEventListener("load",$Oe,!1)}var oOn=function(i){Nv.parseError=i},dgt=[],eBt=!1,GOe=async()=>{if(!eBt){for(eBt=!0;dgt.length>0;){let i=dgt.shift();if(i)try{await i()}catch(o){jt.error("Error executing queue",o)}}eBt=!1}},cOn=async(i,o)=>new Promise((h,g)=>{let b=()=>new Promise((x,E)=>{Mu.parse(i,o).then(w=>{x(w),h(w)},w=>{var L;jt.error("Error parsing",w),(L=Nv.parseError)==null||L.call(Nv,w),E(w),g(w)})});dgt.push(b),GOe().catch(g)}),VOe=(i,o,h)=>new Promise((g,b)=>{let x=()=>new Promise((E,w)=>{Mu.render(i,o,h).then(L=>{E(L),g(L)},L=>{var O;jt.error("Error parsing",L),(O=Nv.parseError)==null||O.call(Nv,L),w(L),b(L)})});dgt.push(x),GOe().catch(b)}),Nv={startOnLoad:!0,mermaidAPI:Mu,parse:cOn,render:VOe,init:sOn,run:zOe,registerExternalDiagrams:aOn,initialize:HOe,parseError:void 0,contentLoaded:$Oe,setParseErrorHandler:oOn};Nv.initialize({startOnLoad:!1,theme:"forest"});var nBt=window.mermaidJsonp=window.mermaidJsonp||[],rBt=nBt.splice(0,nBt.length);nBt.push=function(...i){return i.forEach(o=>{rBt.push(o),qOe()}),rBt.length};var iBt=!1;function qOe(){iBt||UOe()}async function UOe(){iBt=!0;let i=rBt.shift();if(i)return await i({run:async({querySelector:o=".mermaid",nodes:h}={})=>{let g=h||document.querySelectorAll(o);for(let b of Array.from(g)){let x=`mermaid-${Date.now()}`,E=b.getAttribute("data-content")||"",w=Wht(decodeURIComponent(E)).trim().replace(/<br\s*\/?>/gi,"<br/>"),{svg:L,bindFunctions:O}=await Nv.render(x,w,b);b.innerHTML=L,O&&O(b)}},initialize:o=>{Nv.initialize({startOnLoad:!1,...o})}}),UOe();iBt=!1}qOe();})();
 /*! Bundled license information:
 
 dompurify/dist/purify.js: