Skip to content
This repository has been archived by the owner on Aug 21, 2023. It is now read-only.

Upgrades storybook to v5 #591

Merged
merged 6 commits into from
Apr 24, 2019
Merged

Upgrades storybook to v5 #591

merged 6 commits into from
Apr 24, 2019

Conversation

tinkertrain
Copy link
Collaborator

@tinkertrain tinkertrain commented Apr 23, 2019

Upgrades storybook to v5

Storybook v5 has a bunch of nice things added, among them a much nicer UI and a few extra things. More info here

Followed the instructions found here:

Screenshot

Upgrading notes

Upgrade went relatively smooth, I did find a couple of issues with dependencies. Below are some related issues I found and by following some suggestions inside the conversations there, I managed to get v5 running without further issues:

Fixes outside the migration guide:

  • Adding emotion-theming@10 to devDependencies
  • Adding @storybook/theming@latest to devDependencies (in theory it is included as a dependency in the storybook package, but I found that it has to be added)

@coveralls
Copy link

coveralls commented Apr 23, 2019

Pull Request Test Coverage Report for Build 2046

  • 0 of 0 changed or added relevant lines in 0 files are covered.
  • No unchanged relevant lines lost coverage.
  • Overall coverage remained the same at 100.0%

Totals Coverage Status
Change from base Build 2044: 0.0%
Covered Lines: 7652
Relevant Lines: 7652

💛 - Coveralls

@netlify
Copy link

netlify bot commented Apr 23, 2019

Deploy preview for hsds-react ready!

Built with commit ab8e673

https://deploy-preview-591--hsds-react.netlify.com

@ItsJonQ
Copy link
Contributor

ItsJonQ commented Apr 23, 2019

@tinkertrain 😍

So excited for this!!!!!

package.json Outdated
@@ -20,7 +20,8 @@
"Lauren Brown",
"Pierre-Luc Babin",
"Buzz Usborne <[email protected]>",
"Alisdair McDiarmid"
"Alisdair McDiarmid",
"Juan Pablo Lomeli Diaz <[email protected]>"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@tinkertrain 💯 👍

@@ -163,6 +164,7 @@
"css-loader": "0.28.4",
"cypress": "^3.1.5",
"dotenv": "4.0.0",
"emotion-theming": "^10.0.10",
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Wow. I'm surprised an Emotion 10 package didn't blow up Fancy! (which is on Emotion 9)

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I was worried about that too and for a moment thought it could be a blocker... but seems fine 🤞

@ItsJonQ
Copy link
Contributor

ItsJonQ commented Apr 24, 2019

@tinkertrain I made a tiny update. I added @TerrenceLJones to contributors in the package.json as well 😊

Copy link
Contributor

@ItsJonQ ItsJonQ left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🚀 from me! Builds locally, and seems to build correctly on Netlify!
Stories work as expected!!

@tinkertrain Thank you so much!!!!

@ItsJonQ
Copy link
Contributor

ItsJonQ commented Apr 24, 2019

Hmm.. wait a sec. Netlify failed now. But why

@ItsJonQ
Copy link
Contributor

ItsJonQ commented Apr 24, 2019

Lemme try rebuilding package-lock.json?

Copy link
Collaborator

@plbabin plbabin left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

looks good. I am excited to finally use storybook V5 everywhere. New design looks amazing!

@ItsJonQ
Copy link
Contributor

ItsJonQ commented Apr 24, 2019

Hmm. Nope. Pushing my npm install generated package-lock.json didn't work. Ugh

@plbabin
Copy link
Collaborator

plbabin commented Apr 24, 2019

Hmm. Nope. Pushing my npm install generated package-lock.json didn't work. Ugh

might be an issue with netlify. #594 is failing as well

@ItsJonQ
Copy link
Contributor

ItsJonQ commented Apr 24, 2019

@plbabin Maybe... both of those PRs were done by @tinkertrain though. I'm weeding out the chance that.. somehow.. Juan Pablo's machine did something to package-lock.json that Netlify didn't like

We experienced something like that in the application

@ItsJonQ
Copy link
Contributor

ItsJonQ commented Apr 24, 2019

Wut Netlify. Come on!

@ItsJonQ ItsJonQ added the minor ✌️ To indicate minor version bumps label Apr 24, 2019
Juan Pablo Lomeli Diaz added 2 commits April 24, 2019 17:18
@tinkertrain
Copy link
Collaborator Author

Copy link
Collaborator

@knicklabs knicklabs left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is fantastic. The new Storybook looks so much better and the viewport sizes are nice. I was thinking we'd maybe not need Artboard anymore given the new capabilities Storybook has, but Artboard is still a better experience :)

@ItsJonQ
Copy link
Contributor

ItsJonQ commented Apr 24, 2019

@knicklabs An Artboard feature I really like is the ability to drag/resize the canvas. Handy for responsive testing and for things like Dropdown :).

I think perhaps I can slim down and adjust Artboard for Storybook 5 use. That way, the features compliment vs. clash

@ItsJonQ ItsJonQ merged commit a99e373 into master Apr 24, 2019
@plbabin plbabin deleted the enhancement/upgrade-storybook-5 branch April 27, 2020 14:07
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
enhancement ✨ minor ✌️ To indicate minor version bumps tooling 🔧
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants