@mermaid-js/mermaid-cli 9.1.7 → 9.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mermaid-js/mermaid-cli",
-  "version": "9.1.7",
+  "version": "9.2.2",
   "description": "Command-line interface for mermaid",
   "license": "MIT",
   "repository": "git@github.com:mermaid-js/mermaid-cli.git",
@@ -14,9 +14,8 @@
   },
   "exports": "./src/index.js",
   "scripts": {
-    "upgrade": "yarn-upgrade-all && sh copy_modules.sh",
-    "prepare": "sh copy_modules.sh",
-    "prepack": "sh copy_modules.sh",
+    "prepare": "vite build",
+    "prepack": "vite build",
     "test": "standard && yarn node --experimental-vm-modules $(yarn bin jest)",
     "lint": "standard",
     "lint-fix": "standard --fix"
@@ -24,20 +23,22 @@
   "dependencies": {
     "chalk": "^5.0.1",
     "commander": "^9.0.0",
-    "puppeteer": "^18.0.5"
+    "puppeteer": "^19.0.0"
   },
   "devDependencies": {
     "@fortawesome/fontawesome-free-webfonts": "^1.0.9",
-    "mermaid": "^9.1.2",
+    "@mermaid-js/mermaid-mindmap": "^9.2.2",
+    "mermaid": "^9.2.2",
     "jest": "^29.0.1",
     "standard": "^17.0.0",
+    "vite": "^3.2.3",
+    "vite-plugin-singlefile": "^0.13.1",
+    "vite-svg-loader": "^3.6.0",
     "yarn-upgrade-all": "^0.7.0"
   },
   "files": [
     "src/",
-    "mermaid.min.js",
-    "index.html",
-    "fontawesome/*"
+    "dist/"
   ],
   "jest": {
     "moduleNameMapper": {
@@ -46,7 +47,7 @@
   },
   "standard": {
     "ignore": [
-      "mermaid.min.js"
+      "/dist/"
     ]
   }
 }

package/src/index.js

@@ -98,7 +98,11 @@ async function cli () {
   // if an input file is defined, it should take precedence, otherwise, input is
   // coming from stdin and just name the file out.svg, if it hasn't been
   // specified with the '-o' option
-    output = input ? (input + '.svg') : 'out.svg'
+    if (outputFormat) {
+      output = input ? (`${input}.${outputFormat}`) : `out.${outputFormat}`
+    } else {
+      output = input ? (`${input}.svg`) : 'out.svg'
+    }
   }
   if (!/\.(?:svg|png|pdf|md)$/.test(output)) {
     error('Output file must end with ".md", ".svg", ".png" or ".pdf"')
@@ -185,21 +189,32 @@ async function parseMMD (...args) {
  */
 async function renderMermaid (browser, definition, outputFormat, { viewport, backgroundColor = 'white', mermaidConfig = {}, myCSS, pdfFit } = {}) {
   const page = await browser.newPage()
+  page.on('console', (msg) => {
+    console.log(msg.text())
+  })
   try {
     if (viewport) {
       await page.setViewport(viewport)
     }
-    const mermaidHTMLPath = path.join(__dirname, '..', 'index.html')
+    const mermaidHTMLPath = path.join(__dirname, '..', 'dist', 'index.html')
     await page.goto(url.pathToFileURL(mermaidHTMLPath))
     await page.$eval('body', (body, backgroundColor) => {
       body.style.background = backgroundColor
     }, backgroundColor)
-    const metadata = await page.$eval('#container', (container, definition, mermaidConfig, myCSS, backgroundColor) => {
+    const metadata = await page.$eval('#container', async (container, definition, mermaidConfig, myCSS, backgroundColor) => {
       container.textContent = definition
-      window.mermaid.initialize(mermaidConfig)
+
+      /** @type {import("mermaid")} Already imported mermaid instance */
+      const mermaid = globalThis.mermaid
+      /** @type {import("@mermaid-js/mermaid-mindmap")} */
+      const mermaidMindmap = globalThis.mermaidMindmap
+
+      await mermaid.registerExternalDiagrams([mermaidMindmap])
+
+      mermaid.initialize(mermaidConfig)
       // should throw an error if mmd diagram is invalid
       try {
-        window.mermaid.initThrowsErrors(undefined, container)
+        await mermaid.initThrowsErrorsAsync(undefined, container)
       } catch (error) {
         if (error instanceof Error) {
           // mermaid-js doesn't currently throws JS Errors, but let's leave this

package/fontawesome/css/fa-brands.css

@@ -1,9 +0,0 @@
-@font-face {
-  font-family: 'Font Awesome 5 Brands';
-  font-style: normal;
-  font-weight: normal;
-  src: url("../webfonts/fa-brands-400.eot");
-  src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); }
-
-.fab {
-  font-family: 'Font Awesome 5 Brands'; }

package/fontawesome/css/fa-regular.css

@@ -1,10 +0,0 @@
-@font-face {
-  font-family: 'Font Awesome 5 Free';
-  font-style: normal;
-  font-weight: 400;
-  src: url("../webfonts/fa-regular-400.eot");
-  src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }
-
-.far {
-  font-family: 'Font Awesome 5 Free';
-  font-weight: 400; }

package/fontawesome/css/fa-solid.css

@@ -1,11 +0,0 @@
-@font-face {
-  font-family: 'Font Awesome 5 Free';
-  font-style: normal;
-  font-weight: 900;
-  src: url("../webfonts/fa-solid-900.eot");
-  src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }
-
-.fa,
-.fas {
-  font-family: 'Font Awesome 5 Free';
-  font-weight: 900; }