Skip to content

Commit da609d4

Browse files
committed
fix(storybook): do not install removed @storybook/test* related packages
1 parent 18b4c61 commit da609d4

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

43 files changed

+250
-681
lines changed

docs/blog/2023-02-16-nx-15-7-node-support-angular-lts-lockfile-pruning.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -135,7 +135,7 @@ Stay tuned for a more in-depth blog post coming soon to [our blog](/blog).
135135

136136
Nx provides support for Storybook version 7.0 beta, with generators and executors, so that you can try it out now, either in a new or in your existing Nx workspace. Storybook version 7 is a major release that brings a lot of new features and improvements. You can read more about it in the [Storybook 7 beta announcement blog post](https://storybook.js.org/blog/7-0-beta/). Apart from the new features and enhancements, it also brings some breaking changes. You can read more about them in the [Storybook 7 migration docs](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#from-version-65x-to-700) and the [Storybook 7 migration guide](https://chromatic-ui.notion.site/Storybook-7-migration-guide-dbf41fa347304eb2a5e9c69b34503937). Do note that _version 7 is still in beta_, and so is the Nx support for it.
137137

138-
You can try out Storybook 7.0 beta in a new Nx workspace by passing the `--storybook7betaConfiguration` flag when generating the Storybook configuration for your projects. Read more in our [Storybook 7 setup guide](/nx-api/storybook/documents/storybook-7-setup). If you want to migrate your existing Storybook configuration to Storybook 7.0 beta, please read our [migration guide](/nx-api/storybook/generators/migrate-7).
138+
You can try out Storybook 7.0 beta in a new Nx workspace by passing the `--storybook7betaConfiguration` flag when generating the Storybook configuration for your projects.
139139

140140
## More flexible Webpack config
141141

docs/generated/manifests/menus.json

+3-3
Original file line numberDiff line numberDiff line change
@@ -10579,9 +10579,9 @@
1057910579
"disableCollapsible": false
1058010580
},
1058110581
{
10582-
"name": "Storybook 7",
10583-
"path": "/nx-api/storybook/documents/storybook-7-setup",
10584-
"id": "storybook-7-setup",
10582+
"name": "Storybook 9",
10583+
"path": "/nx-api/storybook/documents/storybook-9-setup",
10584+
"id": "storybook-9-setup",
1058510585
"isExternal": false,
1058610586
"children": [],
1058710587
"disableCollapsible": false

docs/generated/manifests/nx-api.json

+7-7
Original file line numberDiff line numberDiff line change
@@ -4825,16 +4825,16 @@
48254825
"tags": [],
48264826
"originalFilePath": "shared/packages/storybook/best-practices"
48274827
},
4828-
"/nx-api/storybook/documents/storybook-7-setup": {
4829-
"id": "storybook-7-setup",
4830-
"name": "Storybook 7",
4831-
"description": "This guide explains how you can set up Storybook version 7 in your Nx workspace. It contains information about the generators and the frameworks that are supported.",
4832-
"file": "generated/packages/storybook/documents/storybook-7-setup",
4828+
"/nx-api/storybook/documents/storybook-9-setup": {
4829+
"id": "storybook-9-setup",
4830+
"name": "Storybook 9",
4831+
"description": "This guide explains how you can set up Storybook version 9 in your Nx workspace. It contains information about the generators and the frameworks that are supported.",
4832+
"file": "generated/packages/storybook/documents/storybook-9-setup",
48334833
"itemList": [],
48344834
"isExternal": false,
4835-
"path": "/nx-api/storybook/documents/storybook-7-setup",
4835+
"path": "/nx-api/storybook/documents/storybook-9-setup",
48364836
"tags": [],
4837-
"originalFilePath": "shared/packages/storybook/storybook-7-setup"
4837+
"originalFilePath": "shared/packages/storybook/storybook-9-setup"
48384838
}
48394839
},
48404840
"root": "/packages/storybook",

docs/generated/packages-metadata.json

+6-6
Original file line numberDiff line numberDiff line change
@@ -4795,15 +4795,15 @@
47954795
"originalFilePath": "shared/packages/storybook/best-practices"
47964796
},
47974797
{
4798-
"id": "storybook-7-setup",
4799-
"name": "Storybook 7",
4800-
"description": "This guide explains how you can set up Storybook version 7 in your Nx workspace. It contains information about the generators and the frameworks that are supported.",
4801-
"file": "generated/packages/storybook/documents/storybook-7-setup",
4798+
"id": "storybook-9-setup",
4799+
"name": "Storybook 9",
4800+
"description": "This guide explains how you can set up Storybook version 9 in your Nx workspace. It contains information about the generators and the frameworks that are supported.",
4801+
"file": "generated/packages/storybook/documents/storybook-9-setup",
48024802
"itemList": [],
48034803
"isExternal": false,
4804-
"path": "storybook/documents/storybook-7-setup",
4804+
"path": "storybook/documents/storybook-9-setup",
48054805
"tags": [],
4806-
"originalFilePath": "shared/packages/storybook/storybook-7-setup"
4806+
"originalFilePath": "shared/packages/storybook/storybook-9-setup"
48074807
}
48084808
],
48094809
"executors": [

docs/generated/packages/storybook/documents/best-practices.md

-2
Original file line numberDiff line numberDiff line change
@@ -53,8 +53,6 @@ If your project is [already configured](/nx-api/storybook), you can use the `sto
5353

5454
- [Vue stories generator](/nx-api/vue/generators/stories)
5555

56-
- [React Native stories generator](/nx-api/react-native/generators/stories)
57-
5856
The stories generator will read your inputs (if you’re using Angular), or your props (if you're using React), and will generate stories with the corresponding arguments/controls already prefilled.
5957

6058
#### Storybook interaction tests

docs/generated/packages/storybook/documents/overview.md

+4-17
Original file line numberDiff line numberDiff line change
@@ -93,35 +93,22 @@ nx g @nx/react:storybook-configuration my-react-project
9393
nx g @nx/vue:storybook-configuration my-vue-project
9494
```
9595

96-
{% /tab %}
97-
{% tab label="React Native" %}
98-
99-
```shell
100-
nx g @nx/react-native:storybook-configuration my-react-native-project
101-
```
102-
10396
{% /tab %}
10497
{% /tabs %}
10598

10699
These framework-specific generators will also **generate stories** and interaction tests for you.
107100

108-
If you are NOT using a framework-specific generator (for [Angular](/nx-api/angular/generators/storybook-configuration), [React](/nx-api/react/generators/storybook-configuration), [React Native](/nx-api/react-native/generators/storybook-configuration), [Vue](/nx-api/vue/generators/storybook-configuration)), in the field `uiFramework` you must choose one of the following Storybook frameworks:
101+
If you are NOT using a framework-specific generator (for [Angular](/nx-api/angular/generators/storybook-configuration), [React](/nx-api/react/generators/storybook-configuration), [Vue](/nx-api/vue/generators/storybook-configuration)), in the field `uiFramework` you must choose one of the following Storybook frameworks:
109102

110103
- `@storybook/angular`
111-
- `@storybook/html-webpack5`
112104
- `@storybook/nextjs`
113-
- `@storybook/preact-webpack5`
114105
- `@storybook/react-webpack5`
115106
- `@storybook/react-vite`
116107
- `@storybook/server-webpack5`
117-
- `@storybook/svelte-webpack5`
118108
- `@storybook/svelte-vite`
119109
- `@storybook/sveltekit`
120-
- `@storybook/vue-webpack5`
121110
- `@storybook/vue-vite`
122-
- `@storybook/vue3-webpack5`
123111
- `@storybook/vue3-vite`
124-
- `@storybook/web-components-webpack5`
125112
- `@storybook/web-components-vite`
126113

127114
Choosing one of these frameworks will have the following effects on your workspace:
@@ -132,7 +119,7 @@ Choosing one of these frameworks will have the following effects on your workspa
132119

133120
3. Nx will create new `targets` in your project's `project.json`, called `storybook`, `test-storybook` and `build-storybook`, containing all the necessary configuration to serve, test and build Storybook.
134121

135-
Make sure to **use the framework-specific generators** if your project is using Angular, React, Next.js, Vue, Nuxt, or React Native: [`@nx/angular:storybook-configuration`](/nx-api/angular/generators/storybook-configuration), [`@nx/react:storybook-configuration`](/nx-api/react/generators/storybook-configuration), [`@nx/react-native:storybook-configuration`](/nx-api/react-native/generators/storybook-configuration), [`@nx/vue:storybook-configuration`](/nx-api/vue/generators/storybook-configuration) as shown above.
122+
Make sure to **use the framework-specific generators** if your project is using Angular, React, Next.js, Vue, Nuxt, or React Native: [`@nx/angular:storybook-configuration`](/nx-api/angular/generators/storybook-configuration), [`@nx/react:storybook-configuration`](/nx-api/react/generators/storybook-configuration), [`@nx/vue:storybook-configuration`](/nx-api/vue/generators/storybook-configuration) as shown above.
136123

137124
### Running Storybook
138125

@@ -241,5 +228,5 @@ For more on using Storybook, see the [official Storybook documentation](https://
241228

242229
Here's more information on common migration scenarios for Storybook with Nx. For Storybook specific migrations that are not automatically handled by Nx please refer to the [official Storybook page](https://storybook.js.org/)
243230

244-
- [Storybook 7 migration generator](/nx-api/storybook/generators/migrate-7)
245-
- [Storybook 7 setup guide](/nx-api/storybook/documents/storybook-7-setup)
231+
- [Storybook 9 migration generator](/nx-api/storybook/generators/migrate-9)
232+
- [Storybook 9 setup guide](/nx-api/storybook/documents/storybook-9-setup)

docs/generated/packages/storybook/documents/storybook-7-setup.md

-39
This file was deleted.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
---
2+
title: Storybook 9 overview
3+
description: This guide explains how you can set up Storybook version 9 in your Nx workspace. It also highlights the changes that you should expect to see when migrating from Storybook 8 to Storybook 9.
4+
---
5+
6+
# Storybook 9 is here - and Nx is ready
7+
8+
Storybook 9 is a major release that brings a lot of new features and improvements. You can read more about it in the [Storybook 9.0.0 release article](https://storybook.js.org/blog/storybook-9/). Apart from the new features and improvements it introduces, it also brings some breaking changes. You can read more about them in the [Storybook 9 migration docs](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#from-version-8x-to-900) and the [Storybook 9.0.0 migration guide](https://storybook.js.org/docs/react/migration-guide).
9+
10+
Nx provides new generators that allow you to generate Storybook 9 configuration for your projects, by installing the correct dependencies and creating the corresponding version 7 configuration files. Nx also provides a [Storybook 9 migration generator](/nx-api/storybook/generators/migrate-9) that you can use to migrate your existing Storybook configuration to version 9.
11+
12+
So, let's see how you can use Storybook 9 on your Nx workspace.
13+
14+
## Migrate your existing workspace to Storybook 9
15+
16+
If you already have Storybook configured in your Nx workspace, you can use the [Storybook 9 migrator generator](/nx-api/storybook/generators/migrate-9) to migrate your existing Storybook configuration to version 9.
17+
18+
## Set up Storybook 9 in a _new_ Nx Workspace
19+
20+
Please read the [`@nx/storybook` package overview](/nx-api/storybook) to see how you can configure Storybook in your Nx workspace.
21+
22+
## Report any issues and bugs
23+
24+
Please report any issues and bugs you find [on the Nx GitHub page](https://github.com/nrwl/nx/issues/new/choose) or on the [Storybook GitHub page](https://github.com/storybookjs/storybook/issues/new/choose).

0 commit comments

Comments
 (0)