ds storybook start - command error

[adierkens]

Describe the bug

Errors running ds storybook start from a new design-system.

To Reproduce

npm init @design-systems

cd <repo-name>

yarn storybook

Expected behavior

The storybook command to start

Screenshots

[gwevans]

@adierkens Is there a workaround to get storybook up and running?

[shriuken]

@gwevans I did this earlier this week, from what I remember I needed to manually install storybook and then update the .storybook/main.js to grep correctly for component stories, and deleted all root-level-generated files that storybook created.

Specifically...

1. From the root of your design-cli powered repo, install storybook npx sb init
2. Delete auto-generated storybook files that get created at the root of your project except for the .storybook folder/files
3. Modify .storybook/main.js to look like:

module.exports = {
  "stories": [
    "../components/**/*.stories.mdx",
    "../components/**/*.stories.@(js|jsx|ts|tsx)"
  ],
  "addons": [
    "@storybook/addon-links",
    "@storybook/addon-essentials"
  ]
}

[gwevans]

@gwevans I did this earlier this week, from what I remember I needed to manually install storybook and then update the .storybook/main.js to grep correctly for component stories, and deleted all root-level-generated files that storybook created.

Thanks @shriuken, that worked for me.

[danilomartinelli]

Hello, this is not enough, it is necessary to keep the storybook settings made by the CLI. CSS is not persisted for example.

[danilomartinelli]

I created a new project after that PR but not work yet. (I ran npm init @design-system today)

[yucho]

@shriuken Can we at least get the patch release for #651 (a.k.a. #652)? The current latest version is broken but this will fix our problem

[adierkens]

Should be released in 2.17.3

[danilomartinelli]

@adierkens I updated today using ds update to 2.17.3 but i got the following error when i ran yarn run dev (ds dev):

[adierkens]

@danilomartinelli #654

[danilomartinelli]

Ok, I'm looking forwarding for this PR. Important to create a version of the CLI with this fix. Thanks!

[danilomartinelli]

@adierkens I updated to @design-systems/cli": "2.17.4--canary.654.17576.0 and @design-systems/storybook": "2.17.4--canary.654.17576.0 in Root and now is running smoothly. But styles are not being important.

[adierkens]

Can you open a separate issue?
I'm going to close this one out since this is no longer a problem -- but feel free to open new ones as you hit them (and PRs if you can 😄)