32MB in [email protected]/dist/ with duplicate files?

[frehberg]

Description

When I port Rust-aquamarine from mermaid 9.2 to to mermaid 10.0.2 (mersinvald/aquamarine#35), it seems the JS footprint has grown from 900KB to 32MB. I hope this can be reduced to smaller bytesize, picking the essential files from folder https://unpkg.com/browse/[email protected]/dist/

As stated by release notes, the mermaid package mermaid.min.js has been split into multiple packages, just I hope not all 262 files in folder https://unpkg.com/browse/[email protected]/dist/ are required.

All in all this folder contains 32MB, in contrast to ca 900KB of former mermaid.min.js

As the JS files shall be shipped with the Rust-Library "aquamarine" the size of 32MB is a bit too large.

Please tell me, If the following import statement would be used, which further files does it depend on? What is the JS file-set to be shipped as bundle? Is there a npm-run command to filter out these files as a bundle using an automated process?

      import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs';

Steps to reproduce

Check the content of ttps://unpkg.com/browse/[email protected]/dist/
For me it not clear which files are required if importing https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs

Screenshots

No response

Code Sample

No response

Setup

• Mermaid version: 10.0.2
• Browser and Version: rustdoc html build process embedding mermaid diagrams via https://github.com/mersinvald/aquamarine

Additional Context

No response

[ochowei]

Hi,

according to the snippet

mermaid/.vite/build.ts

Line 120 in 8b37cef

await build(getBuildConfig({ minify: false, entryName }));

I noticed that in the build process, mermaid build 3 different configs. so the folder size growth to 32MB. This could cause some issues with storage and deployment.

Maybe we can put the result in different subfolder or different prefix in the dist folder?

[sidharthv96]

The majority of the size is .map files.

[sidharthv96]

@ochowei it's done with https://cdn.jsdelivr.net/npm/[email protected]/dist/

@frehberg you'll be able to ship mermaid.tiny.min.js which is only 1.07MB, compared to 3.3MB of mermaid.min.js

And all the required chunks of mermaid.esm.min.mjs is now safely inside chunks/mermaid.esm.min/

[jgreywolf]

Is this still an open issue?

[jgreywolf]

Closing due to no response