Add UMD build Back

[sidharthv96]

📑 Summary

Adds back the UMD build

Resolves #4279

📏 Design Decisions

Describe the way your implementation works or what design decisions you made if applicable.

📋 Tasks

Make sure you

• 📖 have read the contribution guidelines
• 💻 have added unit/e2e tests (if appropriate)
• 📓 have added documentation (if appropriate)
• 🔖 targeted develop branch

[efurlanm]

Thank you very much for the excellent project. I'm writing this comment in the hope that it might be helpful in some way. At https://mermaid.js.org/ecosystem/integrations.html we find the TiddlyWiki project "mermaid-tw5: full js library". Specifically in this case, integrating with TiddlyWiki using the philosophy of working offline with single-file HTML with no external dependencies, requires the existence of a single mermaid.min.js file that is embedded in TiddyWiki's single-file HTML. After version 10.0.3-alpha.1 onwards, the project is broken due to missing min.js. So it would be nice to have min.js back.

[tamlok]

Yes, we really need one single min.js to integrate Mermaid into our app offline. Look forward to this PR being merged. Thanks!

[frehberg]

I would appreciate if mermaid would provide mermaid.min.js

[sidharthv96]

Please test https://www.npmjs.com/package/mermaid/v/10.2.0-rc.2

[remcohaszing]

The UMD bundle in 10.2.0-rc.2 works great! I’m not loving that mermaid now depends on react@16.14.0 / react-dom@16.14.0 / @types/react though.

[fralau]

I am not a Javascript expert, so I am not sure I understood everything: but does it mean that we will be able again to call mermaid from a downloadable javascript script called mermaid.min.js, as we did before 10.0? (this is to solve fralau/mkdocs-mermaid2-plugin#70)

[efurlanm]

Many thanks for the 10.2.0-rc.2 UMD bundle. I tested it on TiddlyWiki 5.2.7 and unfortunately it doesn't work, nor does 10.0.3-alpha.1. The last one that works is 9.4.3. Anyway thanks a lot for the bundle, it was a big step forward.

[fralau]

Concerning mkdocs-macros (fralau/mkdocs-mermaid2-plugin#70), we have implemented the following policy, available since verson 1.0.0:

• when calling versions of the Mermaid library under 10.0, use mermaid.min.js
• above, use mermaid.esm.min.mjs

The <SCRIPT></SCRIPT> tags are adapted accordingly.

[Divran]

Please test https://www.npmjs.com/package/mermaid/v/10.2.0-rc.2

I'd like to test this, but how do I get the version number of mermaid to confirm that I updated it properly? Tried stuff like typing mermaid.version in console however that's undefined. In the past you could simply write an invalid mermaid so that it crashed itself on purpose to show an error screen with the version number displayed, but the error screen has been broken since v10 so I can't do that any more.

Everything does seem to be working fine, though. Even if I can't double check that it's using the correct version.