feat: sdk bundle size opt methodology

[abretonc7s]

Explanation

This PR introduces a series of optimizations to reduce the bundle sizes for the @metamask/sdk, @metamask/sdk-communication-layer, and @metamask/sdk-install-modal-web packages. Key changes include:

• Updated Rollup configuration to enhance tree shaking.
• Added automated bundle size tracking.
• Use of size-limit to compute actual bundled size
  

References

sdk git:(feat/bundle-size) ✗ yarn size
dist/browser/es/metamask-sdk.js: 1545.30 KB
dist/browser/umd/metamask-sdk.js: 1548.05 KB
dist/react-native/es/metamask-sdk.js: 570.76 KB
dist/node/cjs/metamask-sdk.js: 1231.80 KB
dist/node/es/metamask-sdk.js: 1229.21 KB
✔ Adding to empty webpack project
✔ Running JS in headless Chrome
  
  Time limit:   100 s
  Size:         292.54 kB with all dependencies, minified and brotlied
  Loading time: 5.8 s     on slow 3G
  Running time: 6.7 s     on Snapdragon 410
  Total time:   12.4 s
  
➜  sdk git:(feat/bundle-size) ✗ 

Checklist

• I've updated the test suite for new or updated code as appropriate
• I've updated documentation (JSDoc, Markdown, etc.) for new or updated code as appropriate
• I've highlighted breaking changes using the "BREAKING" category above as appropriate

[socket-security]

New dependencies detected. Learn more about Socket for GitHub ↗︎

Package	New capabilities	Transitives	Size	Publisher
npm/@puppeteer/[email protected]	Transitive: network	+2	2.07 MB	google-wombot, mathias
npm/@sindresorhus/[email protected]	None	0	10.5 kB	sindresorhus
npm/@sitespeed.io/[email protected]	None	0	58.5 kB	soulgalore
npm/@size-limit/[email protected]	Transitive: environment, filesystem	+8	113 kB	ai
npm/@size-limit/[email protected]	Transitive: environment, filesystem, network, shell	+25	17.1 MB	ai
npm/@size-limit/[email protected]	environment Transitive: filesystem, network, shell	+21	16.9 MB	ai
npm/@size-limit/[email protected]	Transitive: environment, filesystem	+10	1.97 MB	ai
npm/[email protected]	None	0	23.1 kB	saevon
npm/[email protected]	None	+3	7.88 MB	google-wombot
npm/[email protected]	None	0	2.97 MB	google-wombot
npm/[email protected]	environment Transitive: filesystem, network, shell	+12	16.7 MB	mbalabash
npm/[email protected]	environment, filesystem, shell Transitive: network	+3	2.09 MB	mbalabash
npm/[email protected]	None	0	26.4 kB	developit
npm/[email protected]	environment	0	5.83 kB	usmanyunusov
npm/[email protected]	network	0	23.7 kB	tootallnate
npm/[email protected]	Transitive: network	+7	16 MB	google-wombot, mathias
npm/[email protected]	Transitive: environment, filesystem	+7	110 kB	ai
npm/[email protected]	None	0	3.45 kB	sindresorhus
npm/[email protected]	None	0	49.9 kB	kenchris

View full report↗︎

[socket-security]

🚨 Potential security issues detected. Learn more about Socket for GitHub ↗︎

To accept the risk, merge this PR and you will not be notified again.

Alert	Package	Note
Shell access	npm/[email protected]	Module: child_process Location: Package overview

View full report↗︎

Next steps

What is shell access?

This module accesses the system shell. Accessing the system shell increases the risk of executing arbitrary code.

Packages should avoid accessing the shell which can reduce portability, and make it easier for malicious shell access to be introduced.

Take a deeper look at the dependency

Take a moment to review the security alert above. Review the linked package source code to understand the potential risk. Ensure the package is not malicious before proceeding. If you're unsure how to proceed, reach out to your security team or ask the Socket team for help at support [AT] socket [DOT] dev.

Remove the package

If you happen to install a dependency that Socket reports as Known Malware you should immediately remove it and select a different dependency. For other alert types, you may may wish to investigate alternative packages or consider if there are other ways to mitigate the specific risk posed by the dependency.

Mark a package as acceptable risk

To ignore an alert, reply with a comment starting with @SocketSecurity ignore followed by a space separated list of ecosystem/package-name@version specifiers. e.g. @SocketSecurity ignore npm/[email protected] or ignore all packages with @SocketSecurity ignore-all

• @SocketSecurity ignore npm/[email protected]

[abretonc7s]

@SocketSecurity ignore

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 81.48%. Comparing base (bb0231d) to head (824ef27).

Additional details and impacted files

@@           Coverage Diff           @@
##             main     #722   +/-   ##
=======================================
  Coverage   81.48%   81.48%           
=======================================
  Files         173      173           
  Lines        3446     3446           
  Branches      805      805           
=======================================
  Hits         2808     2808           
  Misses        638      638           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[andreahaku]

LGTM

[andreahaku]

LGTM