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