On Mon, 2023-10-16 at 14:42 +0200, Ladislav Slezák wrote:

Hello!

If you build the Agama web frontend you will get a quite huge index.js file (~300KB gzip compressed, ~1.3MB uncompressed).

Have you ever wondered what's inside or how much space is used by libraries or embedded icons?

Then check

    https://agama-bundle.surge.sh/

(Warning: a large screen is required to see it well :-))

Hi! Overlooked this thread until now. Thanks for sharing! Just for completeness, I used the similar webpack-bundle-analyzer tool[1] last year when switching to Material Symbols as main icon library[2]. Do not remember why I didn't use source-map-explorer which I knew from the past, but it's indeed simpler to use. Regards. [1] https://github.com/webpack-contrib/webpack-bundle-analyzer [2] https://github.com/openSUSE/agama/pull/383

It has been generated by the "source-map-explorer" tool, if you want to generate it locally then follow these steps:

   # go to the web frontend sources    cd agama/web

   # build the production bundle    NODE_ENV=production npm run build

   # install the source-map-explorer tool    npm install --no-save source-map-explorer

   # uncompress the index.js.gz file (and keep the original)    gunzip -k dist/index.js.gz

   # analyze the file    npx source-map-explorer dist/index.js --html bundle.html

   # open it in a browser    xdg-open bundle.html

   # cleanup    rm dist/index.js bundle.html    npm uninstall source-map-explorer

See more details in https://github.com/danvk/source-map-explorer

Enjoy! :-)

Ladislav