-
Notifications
You must be signed in to change notification settings - Fork 1
/
migration-storybook.log
185 lines (168 loc) · 27.3 KB
/
migration-storybook.log
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
🔎 checking possible migrations..
🔎 found a 'new-frameworks' migration:
╭ Automigration detected ──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╮
│ │
│ We've detected your project is not fully setup with the new framework format, which was introduced in Storybook 7. │
│ │
│ Storybook 7 introduced the concept of frameworks, which abstracts configuration for renderers (e.g. React, Vue), builders (e.g. Webpack, │
│ Vite) and defaults to make integrations easier. │
│ │
│ Your project should be updated to use Storybook's framework: @storybook/angular. We can attempt to do this for you automatically. │
│ │
│ Here are the steps this migration will do to migrate your project: │
│ - Remove the following dependencies: │
│ - * @storybook/builder-webpack5 │
│ - * @storybook/manager-webpack5 │
│ │
│ │
│ To learn more about the new framework format, see: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#new-framework-api │
│ │
╰──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯
? Do you want to run the 'new-frameworks' migration on your project? › (Y/n)✔ Do you want to run the 'new-frameworks' migration on your project? … yes
✅ Removing dependencies: @storybook/builder-webpack5, @storybook/manager-webpack5
✅ Updating main.js
✅ Updating "framework" field
✅ ran new-frameworks migration
🔎 found a 'mdx-to-csf' migration:
╭ Automigration detected ──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╮
│ │
│ We've detected your project has one or more globs in your 'stories' config that matches .stories.mdx files: │
│ "**/*.stories.@(js|jsx|ts|tsx|mdx)" │
│ │
│ In Storybook 7, we have deprecated defining stories in MDX files, and consequently have changed the suffix to simply .mdx. Since Storybook │
│ 8, we have removed the support of story definition in MDX files entirely. Therefore '.stories.mdx' files aren't supported anymore. │
│ │
│ Now, since Storybook 8.0, we have removed support for .stories.mdx files. │
│ │
│ We can automatically migrate your 'stories' config to include any .mdx file instead of just .stories.mdx. │
│ That would result in the following 'stories' config: │
│ "**/*.@(mdx|stories.@(js|jsx|ts|tsx))" │
│ │
│ Additionally, we will run the 'mdx-to-csf' codemod for you, which tries to transform '*.stories.mdx' files to '*.stories.js' and '*.mdx' │
│ files. │
│ │
│ To learn more about this change, see: https://storybook.js.org/docs/migration-guide#storiesmdx-to-mdxcsf │
│ │
╰──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯
? Do you want to run the 'mdx-to-csf' migration on your project? › (Y/n)✔ Do you want to run the 'mdx-to-csf' migration on your project? … yes
✅ Setting 'stories' config:
[
"**/*.@(mdx|stories.@(js|jsx|ts|tsx))"
]
? Please enter the glob for your MDX stories › ./src/**/*.stories.mdx? Please enter the glob for your MDX stories › .? Please enter the glob for your MDX stories › ./src/**/*.stories.mdx? Please enter the glob for your MDX stories › *? Please enter the glob for your MDX stories › **? Please enter the glob for your MDX stories › **/? Please enter the glob for your MDX stories › **/*? Please enter the glob for your MDX stories › **/*.? Please enter the glob for your MDX stories › **/*.s? Please enter the glob for your MDX stories › **/*.st? Please enter the glob for your MDX stories › **/*.sto? Please enter the glob for your MDX stories › **/*.stor? Please enter the glob for your MDX stories › **/*.stori? Please enter the glob for your MDX stories › **/*.storie? Please enter the glob for your MDX stories › **/*.stories? Please enter the glob for your MDX stories › **/*.stories.? Please enter the glob for your MDX stories › **/*.stories.m? Please enter the glob for your MDX stories › **/*.stories.? Please enter the glob for your MDX stories › **/*.stories? Please enter the glob for your MDX stories › **/*.storie? Please enter the glob for your MDX stories › **/*.stori? Please enter the glob for your MDX stories › **/*.stor? Please enter the glob for your MDX stories › **/*.sto? Please enter the glob for your MDX stories › **/*.st? Please enter the glob for your MDX stories › **/*.s? Please enter the glob for your MDX stories › **/*.? Please enter the glob for your MDX stories › **/*? Please enter the glob for your MDX stories › **/? Please enter the glob for your MDX stories › **? Please enter the glob for your MDX stories › *? Please enter the glob for your MDX stories › ./src/**/*.stories.mdx? Please enter the glob for your MDX stories › *? Please enter the glob for your MDX stories › **? Please enter the glob for your MDX stories › **/? Please enter the glob for your MDX stories › **/*? Please enter the glob for your MDX stories › **/*.? Please enter the glob for your MDX stories › **/*.s? Please enter the glob for your MDX stories › **/*.st? Please enter the glob for your MDX stories › **/*.sto? Please enter the glob for your MDX stories › **/*.stor? Please enter the glob for your MDX stories › **/*.stori? Please enter the glob for your MDX stories › **/*.storie? Please enter the glob for your MDX stories › **/*.stories? Please enter the glob for your MDX stories › **/*.stories.? Please enter the glob for your MDX stories › **/*.stories.m? Please enter the glob for your MDX stories › **/*.stories.md? Please enter the glob for your MDX stories › **/*.stories.mdx✔ Please enter the glob for your MDX stories … **/*.stories.mdx
=> Applying mdx-to-csf: 0 files
=> No matching files for glob: **/*.stories.mdx
The migration successfully updated your 'stories' config to include any .mdx file instead of just .stories.mdx.
It also ran the 'mdx-to-csf' codemod to convert your MDX stories to CSF format.
This codemod is not perfect however, so you may need to manually fix any issues it couldn't handle.
✅ ran mdx-to-csf migration
🔎 found a 'autodocsTrue' migration:
╭ Automigration detected ────────────────────────────────────────────────────────────────────────────╮
│ │
│ We've changed the configuration of autodocs (previous docsPage), so now the value: │
│ - docs.autodocs: true -- means automatically create docs for every CSF file │
│ - docs.autodocs: 'tag' -- means only create autodocs for CSF files with the 'autodocs' tag │
│ - docs.autodocs: false -- means never create autodocs │
│ │
│ Based on your prior configuration, we can set the `docs.autodocs` to keep your old behaviour: │
│ │
│ docs: { autodocs: true } │
│ │
│ More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#autodocs-changes │
│ │
╰────────────────────────────────────────────────────────────────────────────────────────────────────╯
? Do you want to run the 'autodocsTrue' migration on your project? › (Y/n)✔ Do you want to run the 'autodocsTrue' migration on your project? … yes
✅ Setting 'docs.autodocs' to true in main.js
✅ ran autodocsTrue migration
🔎 found a 'remove-react-dependency' migration:
╭ Manual migration detected ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╮
│ │
│ We detected that your project has a dependency for "react" that it might not need. │
│ Nothing breaks by having it, you can safely ignore this message, if you wish. │
│ │
│ Storybook asked you to add "react" as a direct dependency in the past when upgrading from Storybook 6 to 7. │
│ However, since version 8.0, Storybook no longer requires you to provide "react" as a dependency. │
│ Some community addons might still wrongfully list "react" and "react-dom" as required peer dependencies, but since Storybook 7.6 it should │
│ not be needed in the majority of cases. │
│ │
│ If you know you are not using React outside of Storybook, it should be safe to remove the "react" and "react-dom" dependencies from your │
│ project's package.json. │
│ Storybook cannot do this automatically as removing it might break your project, so it should be done manually with care. │
│ │
╰──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯
? Select continue once you have made the required changes, or quit to exit the migration process › quit / continue✔ Select continue once you have made the required changes, or quit to exit the migration process … quit / continue
🔎 found a 'upgradeStorybookRelatedDependencies' migration:
╭ Automigration detected ────────────────────────────────────────────────────────────────────────────────────────────────────────────────╮
│ │
│ You're upgrading to the latest version of Storybook. We recommend upgrading the following packages: │
│ - eslint-plugin-storybook: 0.6.15 => 0.8.0 │
│ │
│ After upgrading, we will run the dedupe command, which could possibly have effects on dependencies that are not Storybook related. │
│ see: https://docs.npmjs.com/cli/commands/npm-dedupe │
│ │
│ Do you want to proceed (upgrade the detected packages)? │
│ │
╰────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯
? Do you want to run the 'upgradeStorybookRelatedDependencies' migration on your project? › (y/N)✔ Do you want to run the 'upgradeStorybookRelatedDependencies' migration on your project? … yes
Installing dependencies...
We upgraded 1 packages:
- eslint-plugin-storybook: 0.6.15 => 0.8.0
✅ ran upgradeStorybookRelatedDependencies migration
🔎 found a 'visual-tests-addon' migration:
╭ Automigration detected ──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╮
│ │
│ New to Storybook 8: Storybook's Visual Tests addon helps you catch unintentional changes/bugs in your stories. The addon is powered by │
│ Chromatic, a cloud-based testing tool developed by Storybook's core team. │
│ │
│ Learn more: https://storybook.js.org/docs/writing-tests/visual-testing │
│ │
│ Install Visual Tests addon in your project? │
│ │
╰──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯
? Do you want to run the 'visual-tests-addon' migration on your project? › (Y/n)✔ Do you want to run the 'visual-tests-addon' migration on your project? … no
⚠️ failed to check fix autodocs-tags
Error: ❌ Failed to remove the deprecated docs.autodocs setting from .storybook/main.ts.
There is no preview config file in which to add the autodocs tag.
Please perform the migration by hand: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mainjs-docsautodocs-is-deprecated
at Object.check (/Users/johnnycopes/.npm/_npx/bc7e1e37fcb46ffc/node_modules/storybook/dist/generate.cjs:586:542)
at runFixes (/Users/johnnycopes/.npm/_npx/bc7e1e37fcb46ffc/node_modules/storybook/dist/generate.cjs:663:2922)
at async automigrate (/Users/johnnycopes/.npm/_npx/bc7e1e37fcb46ffc/node_modules/storybook/dist/generate.cjs:663:1620)
at async doUpgrade (/Users/johnnycopes/.npm/_npx/bc7e1e37fcb46ffc/node_modules/storybook/dist/generate.cjs:679:1608)
at async withTelemetry (/Users/johnnycopes/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/core/dist/core-server/index.cjs:255711:12)
at async upgrade (/Users/johnnycopes/.npm/_npx/bc7e1e37fcb46ffc/node_modules/storybook/dist/generate.cjs:679:2075)
╭ Migration check ran with failures ───────────────────────────────────────────────────────────────────────────────────────────────────────────────╮
│ │
│ Successful migrations: │
│ │
│ new-frameworks, mdx-to-csf, autodocsTrue, upgradeStorybookRelatedDependencies │
│ │
│ Failed migrations: │
│ │
│ autodocs-tags: │
│ ❌ Failed to remove the deprecated docs.autodocs setting from .storybook/main.ts. │
│ │
│ There is no preview config file in which to add the autodocs tag. │
│ │
│ Please perform the migration by hand: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mainjs-docsautodocs-is-deprecated │
│ │
│ You can find the full logs in /Users/johnnycopes/Development/atocha/migration-storybook.log │
│ │
│ Manual migrations: │
│ │
│ remove-react-dependency │
│ │
│ Skipped migrations: │
│ │
│ visual-tests-addon │
│ │
│ ───────────────────────────────────────────────── │
│ │
│ If you'd like to run the migrations again, you can do so by running 'npx storybook automigrate' │
│ │
│ The automigrations try to migrate common patterns in your project, but might not contain everything needed to migrate to the latest version │
│ of Storybook. │
│ │
│ Please check the changelog and migration guide for manual migrations and more information: https://storybook.js.org/docs/8.0/migration-guide │
│ And reach out on Discord if you need help: https://discord.gg/storybook │
│ │
╰──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯