Redundant core-js and airbnb-js-shims deps

[f-masche]

Is your feature request related to a problem? Please describe.

I recently started using storybook for an angular project, and I noticed the bundle size is HUGE (vendor bundle is about 7.8 MB !!!) and the startup times are not the greatest.

Question: Is there any effort taken on improving performance and reducing the bundle size in the future?

During my research, I found some redundant dependencies like core-js and airbnb-js-shims in storybook/core, which kind of do the same thing 🤷‍♂️.
Is there a reason for having both lowlight and refactor for syntax highlighting, including ALL language files?

Describe the solution you'd like

1. Remove either core-js or airbnb-js-shims.
2. Choose between lowlight and refactor and load only js and css languages.

Describe alternatives you've considered
None so far.

Are you able to assist bring the feature to reality?
Yes I could definitelly do some work.

[shilman]

@f-masche This would be a tremendous contribution to Storybook and we'd love help on this. I'm hoping to do a full performance release post 6.0 but in the meantime all perf-related contributions are welcome.

• The syntax highlighter issue is dupe: Reduce size of react-syntax-highlighter dependency #9282
• The core-js issue is something @ndelangen has looked at extensively, but I don't think we have any resolution yet.

In general, I suspect there's a lot of low-hanging fruit here. Renaming this issue to be more specific, but please feel free to open more issues/PRs as needed. Also you can filter issues by the performance issue label:

https://github.com/storybookjs/storybook/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc+label%3A%22performance+issue%22

[ndelangen]

@f-masche want to talk in a zoom call about this some time?

Feel free to take a slot in my calendar:
https://calendly.com/ndelangen/storybook

[stale]

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don't have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 30 days. Thanks!

[stale]

Hey there, it's me again! I am going close this issue to help our maintainers focus on the current development roadmap instead. If the issue mentioned is still a concern, please open a new ticket and mention this old one. Cheers and thanks for using Storybook!

[shilman]

Current bundle:

• core-js 249kb
• es6-shim 136kb
• es5-shim 107kb
• es-abstract 54kb
• regenerator-runtime 24kb

[stale]

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don't have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 30 days. Thanks!

[Semigradsky]

Hi! How to remove es5-shim from the storybook?

I currently have an issue with Date on Safari 15.3:

> new Date('1900-01-01T00:00:00.000')
< Invalid Date

It fails MUI's CalendarPicker.

---

UPD: It looks similar to #400

---

UPD2: Currently I "fixing" it by ignoring airbnb-js-shims via adding yarn resolution to my package.json:

  "resolutions": {
    "airbnb-js-shims": "npm:@favware/[email protected]"
  },

[ndelangen]

This is complete in future/base, which is the main branch for 7.0. So this is on the way!

[shilman]

closing as fixed in 7.0