-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathmigration-storybook.log
466 lines (431 loc) · 57.9 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
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
🔎 checking possible migrations..
🔎 found a 'new-frameworks' migration:
╭ Automigration detected ──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╮
│ │
│ We've detected your project is not fully setup with Storybook's 7 new framework format. │
│ │
│ 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 │
│ - Update or specify the framework field in .storybook\main.js with the value of "@storybook/angular". │
│ - Remove the core.builder field in .storybook\main.js. │
│ │
│ │
│ 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
✅ Removing "core.builder" field
✅ Removing "core" field
✅ ran new-frameworks migration
🔎 found a 'eslintPlugin' migration:
╭ Automigration detected ──────────────────────────────────────────────────────────────────────────────────────────────────────────────╮
│ │
│ We've detected you are not using our eslint-plugin. │
│ │
│ In order to have the best experience with Storybook and follow best practices, we advise you to install eslint-plugin-storybook. │
│ │
│ More info: https://github.com/storybookjs/eslint-plugin-storybook#readme │
│ │
╰──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯
? Do you want to run the 'eslintPlugin' migration on your project? » (Y/n)√ Do you want to run the 'eslintPlugin' migration on your project? ... yes
✅ Adding dependencies: eslint-plugin-storybook
Configuring Storybook ESLint plugin at .eslintrc.json
❌ error when running eslintPlugin migration
SyntaxError: .eslintrc.json: Unexpected token / in JSON at position 1027
at JSON.parse (<anonymous>)
at _readFile (C:\Users\areeb.alam_oncehub\AppData\Local\npm-cache\_npx\bc7e1e37fcb46ffc\node_modules\jsonfile\index.js:25:16)
at async configureEslintPlugin (C:\Users\areeb.alam_oncehub\AppData\Local\npm-cache\_npx\bc7e1e37fcb46ffc\node_modules\@storybook\cli\dist\generate.js:61:6745)
at async Object.run (C:\Users\areeb.alam_oncehub\AppData\Local\npm-cache\_npx\bc7e1e37fcb46ffc\node_modules\@storybook\cli\dist\generate.js:164:25)
at async runFixes (C:\Users\areeb.alam_oncehub\AppData\Local\npm-cache\_npx\bc7e1e37fcb46ffc\node_modules\@storybook\cli\dist\generate.js:368:1144)
at async automigrate (C:\Users\areeb.alam_oncehub\AppData\Local\npm-cache\_npx\bc7e1e37fcb46ffc\node_modules\@storybook\cli\dist\generate.js:363:676)
at async doUpgrade (C:\Users\areeb.alam_oncehub\AppData\Local\npm-cache\_npx\bc7e1e37fcb46ffc\node_modules\@storybook\cli\dist\generate.js:395:3419)
at async withTelemetry (C:\Users\areeb.alam_oncehub\AppData\Local\npm-cache\_npx\bc7e1e37fcb46ffc\node_modules\@storybook\core-server\dist\index.js:113:3659)
at async upgrade (C:\Users\areeb.alam_oncehub\AppData\Local\npm-cache\_npx\bc7e1e37fcb46ffc\node_modules\@storybook\cli\dist\generate.js:395:3865)
🔎 found a 'storybook-binary' migration:
╭ Automigration detected ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────╮
│ │
│ We've detected you are using Storybook 7.1.0 without Storybook's storybook binary. Starting in Storybook 7.0, it has to be installed. │
│ │
│ │
│ More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#start-storybook--build-storybook-binaries-removed │
│ │
╰───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯
? Do you want to run the 'storybook-binary' migration on your project? » (Y/n)√ Do you want to run the 'storybook-binary' migration on your project? ... yes
✅ Adding 'storybook' as dev dependency
✅ ran storybook-binary migration
🔎 found a 'sb-scripts' migration:
╭ Automigration detected ──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╮
│ │
│ We've detected you are using Storybook 7.1.0 with scripts from previous versions of Storybook. │
│ Starting in Storybook 7, the start-storybook and build-storybook binaries have changed to storybook dev and storybook build respectively. │
│ In order to work with Storybook 7.1.0, your storybook scripts have to be adjusted to use the binary. We can adjust them for you: │
│ │
│ build-storybook │
│ from: │
│ npm run docs:json && build-storybook │
│ to: │
│ npm run docs:json && storybook build │
│ │
│ storybook │
│ from: │
│ npm run docs:json && start-storybook -p 6006 │
│ to: │
│ npm run docs:json && storybook dev -p 6006 │
│ │
│ In case this migration did not cover all of your scripts, or you'd like more info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#start-storybook--build-storybook-binaries-removed │
│ │
╰──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯
? Do you want to run the 'sb-scripts' migration on your project? » (Y/n)√ Do you want to run the 'sb-scripts' migration on your project? ... yes
✅ Updating scripts in package.json
✅ ran sb-scripts migration
🔎 found a 'mdx1to2' migration:
╭ Automigration detected ──────────────────────────────────────────────────────────────────────────────────────────╮
│ │
│ We've found 17 '.stories.mdx' files in your project. │
│ │
│ Storybook has upgraded to MDX2 (https://mdxjs.com/blog/v2/), which contains breaking changes from MDX1. │
│ We can try to automatically upgrade your MDX files to MDX2 format using some common patterns. │
│ │
│ After this install completes, and before you start Storybook, we strongly recommend reading the MDX2 section │
│ of the 7.0 migration guide. It contains useful tools for detecting and fixing any remaining issues. │
│ │
│ https://storybook.js.org/migration-guides/7.0 │
│ │
╰──────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯
? Do you want to run the 'mdx1to2' migration on your project? » (Y/n)√ Do you want to run the 'mdx1to2' migration on your project? ... yes
🆗 Unmodified dialog.stories.mdx
🆗 Unmodified autocomplete.stories.mdx
🆗 Unmodified checkbox.stories.mdx
🆗 Unmodified form-field.stories.mdx
🆗 Unmodified button.stories.mdx
🆗 Unmodified icon.stories.mdx
🆗 Unmodified progress-spinner.stories.mdx
🆗 Unmodified panel.stories.mdx
🆗 Unmodified menu.stories.mdx
🆗 Unmodified progress-bar.stories.mdx
🆗 Unmodified radio.stories.mdx
🆗 Unmodified slide-toggle.stories.mdx
🆗 Unmodified scrollbar.stories.mdx
🆗 Unmodified tooltip.stories.mdx
🆗 Unmodified table.stories.mdx
🆗 Unmodified select.stories.mdx
🆗 Unmodified textarea.stories.mdx
✅ ran mdx1to2 migration
🔎 found a 'github-flavored-markdown-mdx' migration:
╭ Automigration detected ────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╮
│ │
│ In MDX1 you had the option of using GitHub flavored markdown. │
│ │
│ Storybook 7.0 uses MDX2 for compiling MDX, and thus no longer supports GFM out of the box. │
│ Because of this you need to explicitly add the GFM plugin in the addon-docs options: │
│ https://storybook.js.org/docs/react/writing-docs/mdx#lack-of-github-flavored-markdown-gfm │
│ │
│ We recommend you follow the guide on the link above, however we can add a temporary storybook addon that helps make this migration easier. │
│ We'll install the addon and add it to your storybook config. │
│ │
╰────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯
? Do you want to run the 'github-flavored-markdown-mdx' migration on your project? » (Y/n)√ Do you want to run the 'github-flavored-markdown-mdx' migration on your project? ... yes
✅ Adding "@storybook/addon-mdx-gfm" addon
✅ ran github-flavored-markdown-mdx 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 'addReact' migration:
╭ Automigration detected ─────────────────────────────────────────────────────────────────────────────────────────╮
│ │
│ We've detected that you're using @storybook/addon-essentials. │
│ │
│ Starting in Storybook 7, we now require these peer dependencies to render docs: │
│ │
│ - react │
│ - react-dom │
│ │
│ We can add these for you automatically as dev dependencies. │
│ │
│ More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#react-peer-dependencies-required │
│ │
╰─────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯
? Do you want to run the 'addReact' migration on your project? » (Y/n)√ Do you want to run the 'addReact' migration on your project? ... yes
✅ ran addReact migration
🔎 found a 'angular-builders' migration:
╭ Automigration detected ──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╮
│ │
│ We have detected that your project does not use the Storybook Angular builder yet. In Storybook 6.4 we have deprecated calling Storybook directly (npm run storybook) for Angular. In Storybook 7.0, we've removed it entirely. │
│ │
│ In order to use the Storybook Angular builder, we need to add a few entries to your angular.json file. Additionally, we will add the @compodoc/compodoc package to your devDependencies if you want and we will add a few scripts to your package.json │
│ file. │
│ │
│ Also feel free to remove the Compodoc script from your package.json file if you don't use it apart from Storybook anymore. Storybook uses Compodoc internally and you don't have to call in separately anymore. │
│ │
│ Read more about the Angular builder here: https://storybook.js.org/docs/angular/configure/storybook-builders │
│ │
╰──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯
? Do you want to run the 'angular-builders' migration on your project? » (Y/n)√ Do you want to run the 'angular-builders' migration on your project? ... yes
? Have you set up compodoc in Storybook previously? » (y/N)√ Have you set up compodoc in Storybook previously? ... yes
✅ ran angular-builders migration
╭ Migration check ran with failures ────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╮
│ │
│ Successful migrations: │
│ │
│ new-frameworks, storybook-binary, sb-scripts, mdx1to2, github-flavored-markdown-mdx, autodocsTrue, addReact, angular-builders │
│ │
│ Failed migrations: │
│ │
│ eslintPlugin: │
│ .eslintrc.json: Unexpected token / in JSON at position 1027 │
│ │
│ You can find the full logs in C:\Repos\once-ui\migration-storybook.log │
│ │
│ ───────────────────────────────────────────────── │
│ │
│ If you'd like to run the migrations again, you can do so by running 'npx storybook@next 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/migration-guides/7.0 │
│ And reach out on Discord if you need help: https://discord.gg/storybook │
│ │
│ ───────────────────────────────────────────────── │
│ │
│ You can find more information for a given dependency by running npm ls --depth=1 <package-name> │
│ │
╰───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯
╭───────────────────────────────────────────────────────────────╮
│ │
│ Upgrading Storybook from version 0.0.0 to version 8.1.8.. │
│ │
╰───────────────────────────────────────────────────────────────╯
info Checking for upgrade blockers...
No blockers found.
info Updating dependencies in package.json..
Installing dependencies...
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE package: '@es-joy/[email protected]',
npm WARN EBADENGINE required: { node: '^14 || ^16 || ^17 || ^18 || ^19' },
npm WARN EBADENGINE current: { node: 'v20.14.0', npm: '10.5.0' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE package: '[email protected]',
npm WARN EBADENGINE required: { node: '^14 || ^16 || ^17 || ^18 || ^19' },
npm WARN EBADENGINE current: { node: 'v20.14.0', npm: '10.5.0' }
npm WARN EBADENGINE }
removed 6 packages, changed 2 packages, and audited 2081 packages in 49s
377 packages are looking for funding
run `npm fund` for details
9 vulnerabilities (3 moderate, 5 high, 1 critical)
To address issues that do not require attention, run:
npm audit fix
Some issues need review, and may require choosing
a different dependency.
Run `npm audit` for details.
🔎 checking possible migrations..
🔎 found a 'remove-argtypes-regex' migration:
╭ Manual migration detected ───────────────────────────────────────────────────────────────────╮
│ │
│ Attention: We've detected that you're using argTypesRegex: │
│ │
│ .storybook\preview.js │
│ 5 | │
│ 6 | export const parameters = { │
│ > 7 | actions: { argTypesRegex: '^on[A-Z].*' }, │
│ | ^^^^^^^^^^^^^ │
│ 8 | controls: { │
│ 9 | matchers: { │
│ 10 | color: /(background|color)$/i, │
│ │
│ Storybook's play functions let you render your stories interactively. │
│ │
│ In the past, play functions mocked action args implicitly by analyzing the argTypesRegex │
│ in your preview.js|ts file. │
│ │
│ However, Storybook 8 changes this behavior, and we now recommend using the │
│ (fn) function to mock your component's methods instead. │
│ │
│ Use the following command to check for implied mocked actions in your play functions: │
│ npx storybook migrate find-implicit-spies --glob="**/*.stories.@(js|jsx|ts|tsx)" │
│ │
│ Then, refer to our docs to migrate your play functions to Storybook 8: │
│ https://storybook.js.org/docs/8.0/essentials/actions#via-storybooktest-fn-spy-function │
│ │
╰──────────────────────────────────────────────────────────────────────────────────────────────╯
√ Select continue once you have made the required changes, or quit to exit the migration process ... quit / continue
🔎 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: │
│ "../ui/src/stories/**/*.stories.mdx" │
│ "../ui/src/stories/**/*.stories.@(js|jsx|ts|tsx)" │
│ │
│ 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: │
│ "../ui/src/stories/**/*.mdx" │
│ "../ui/src/stories/**/*.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? ... yes
✅ Setting 'stories' config:
[
"../ui/src/stories/**/*.mdx",
"../ui/src/stories/**/*.stories.@(js|jsx|ts|tsx)"
]
√ Please enter the glob for your MDX stories ... ./src/**/*.stories.mdx
=> Applying mdx-to-csf: 0 files
=> No matching files for glob: ./src/**/*.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 '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
🔎 found a 'mdx1to3' migration:
╭ Automigration detected ──────────────────────────────────────────────────────────────────────────────────────────────╮
│ │
│ We've found 18 '.stories.mdx' files in your project. │
│ │
│ Storybook has upgraded to MDX3 (https://mdxjs.com/blog/v3/). MDX3 itself doesn't contain disruptive breaking │
│ changes, whereas the transition from MDX1 to MDX2 was a significant change. │
│ We can try to automatically upgrade your MDX files to MDX3 format using some common patterns. │
│ │
│ After this install completes, and before you start Storybook, we strongly recommend reading the MDX2 section │
│ of the 7.0 migration guide. It contains useful tools for detecting and fixing any remaining issues. │
│ │
│ https://storybook.js.org/migration-guides/7.0 │
│ │
╰──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯
√ Do you want to run the 'mdx1to3' migration on your project? ... yes
🆗 Unmodified checkbox.stories.mdx
🆗 Unmodified button.stories.mdx
🆗 Unmodified dialog.stories.mdx
🆗 Unmodified form-field.stories.mdx
🆗 Unmodified panel.stories.mdx
🆗 Unmodified autocomplete.stories.mdx
🆗 Unmodified menu.stories.mdx
🆗 Unmodified progress-bar.stories.mdx
🆗 Unmodified select.stories.mdx
🆗 Unmodified icon.stories.mdx
🆗 Unmodified radio.stories.mdx
🆗 Unmodified slide-toggle.stories.mdx
🆗 Unmodified progress-spinner.stories.mdx
🆗 Unmodified table.stories.mdx
🆗 Unmodified scrollbar.stories.mdx
🆗 Unmodified tabs.stories.mdx
🆗 Unmodified tooltip.stories.mdx
🆗 Unmodified textarea.stories.mdx
✅ ran mdx1to3 migration
🔎 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.13 => 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? ... no
🔎 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? ... no
🔎 found a 'autodocs-tags' migration:
╭ Automigration detected ───────────────────────────────────────────────────────────────────────────────────────────╮
│ │
│ The docs.autodocs setting in .storybook\main.js is deprecated. │
│ │
│ Learn more: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mainjs-docsautodocs-is-deprecated │
│ │
│ Remove docs.autodocs and update .storybook\preview.js? │
│ │
╰───────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯
√ Do you want to run the 'autodocs-tags' migration on your project? ... yes
✅ Adding "autodocs" tag to .storybook\preview.js
✅ Removing "docs.autodocs" from .storybook\main.js
✅ ran autodocs-tags migration
╭ Migration check ran successfully ────────────────────────────────────────────────────────────────────────────────────╮
│ │
│ Successful migrations: │
│ │
│ mdx-to-csf, mdx1to3, autodocs-tags │
│ │
│ Manual migrations: │
│ │
│ remove-argtypes-regex, remove-react-dependency │
│ │
│ Skipped migrations: │
│ │
│ upgradeStorybookRelatedDependencies, 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 │
│ │
╰──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯