@storybook/cli 7.0.0-alpha.16 → 7.0.0-alpha.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/add.js +0 -2
- package/dist/cjs/automigrate/fixes/angular12.js +0 -2
- package/dist/cjs/automigrate/fixes/builder-vite.js +0 -2
- package/dist/cjs/automigrate/fixes/cra5.js +0 -2
- package/dist/cjs/automigrate/fixes/eslint-plugin.js +0 -2
- package/dist/cjs/automigrate/fixes/index.js +3 -1
- package/dist/cjs/automigrate/fixes/mainjsFramework.js +0 -2
- package/dist/cjs/automigrate/fixes/npm7.js +0 -2
- package/dist/cjs/automigrate/fixes/sb-scripts.js +140 -0
- package/dist/cjs/automigrate/fixes/vue3.js +0 -2
- package/dist/cjs/automigrate/fixes/webpack5.js +0 -2
- package/dist/cjs/automigrate/index.js +0 -2
- package/dist/cjs/babel-config.js +0 -2
- package/dist/cjs/build.js +0 -2
- package/dist/cjs/dev.js +0 -2
- package/dist/cjs/dirs.js +12 -0
- package/dist/cjs/extract.js +0 -2
- package/dist/cjs/generate.js +21 -7
- package/dist/cjs/generators/ANGULAR/angular-helpers.js +0 -2
- package/dist/cjs/generators/ANGULAR/index.js +0 -2
- package/dist/cjs/generators/ANGULAR/template-csf/.storybook/tsconfig.json +5 -16
- package/dist/cjs/generators/AURELIA/index.js +0 -2
- package/dist/cjs/generators/AURELIA/template-csf/.storybook/tsconfig.json +5 -16
- package/dist/cjs/generators/EMBER/index.js +0 -2
- package/dist/cjs/generators/HTML/index.js +0 -2
- package/dist/cjs/generators/MARIONETTE/index.js +0 -2
- package/dist/cjs/generators/MARKO/index.js +0 -2
- package/dist/cjs/generators/MITHRIL/index.js +0 -2
- package/dist/cjs/generators/PREACT/index.js +0 -2
- package/dist/cjs/generators/RAX/index.js +0 -2
- package/dist/cjs/generators/REACT/index.js +0 -2
- package/dist/cjs/generators/REACT_NATIVE/index.js +0 -2
- package/dist/cjs/generators/REACT_NATIVE/template-csf/storybook/addons.js +7 -3
- package/dist/cjs/generators/REACT_NATIVE/template-csf/storybook/index.js +21 -15
- package/dist/cjs/generators/REACT_NATIVE/template-csf/storybook/rn-addons.js +5 -2
- package/dist/cjs/generators/REACT_NATIVE/template-csf/storybook/stories/Button/Button.stories.js +23 -20
- package/dist/cjs/generators/REACT_NATIVE/template-csf/storybook/stories/Button/index.js +25 -10
- package/dist/cjs/generators/REACT_NATIVE/template-csf/storybook/stories/CenterView/index.js +25 -10
- package/dist/cjs/generators/REACT_NATIVE/template-csf/storybook/stories/CenterView/style.js +10 -3
- package/dist/cjs/generators/REACT_NATIVE/template-csf/storybook/stories/Welcome/Welcome.stories.js +14 -5
- package/dist/cjs/generators/REACT_NATIVE/template-csf/storybook/stories/Welcome/index.js +60 -49
- package/dist/cjs/generators/REACT_NATIVE/template-csf/storybook/stories/index.js +5 -2
- package/dist/cjs/generators/REACT_SCRIPTS/index.js +0 -2
- package/dist/cjs/generators/RIOT/index.js +0 -2
- package/dist/cjs/generators/SERVER/index.js +0 -2
- package/dist/cjs/generators/SERVER/template-csf/.storybook/preview.js +10 -3
- package/dist/cjs/generators/SFC_VUE/index.js +0 -2
- package/dist/cjs/generators/SVELTE/index.js +0 -2
- package/dist/cjs/generators/VUE/index.js +0 -2
- package/dist/cjs/generators/VUE3/index.js +0 -2
- package/dist/cjs/generators/WEB-COMPONENTS/index.js +0 -2
- package/dist/cjs/generators/WEBPACK_REACT/index.js +0 -2
- package/dist/cjs/generators/baseGenerator.js +0 -2
- package/dist/cjs/generators/configure.js +0 -2
- package/dist/cjs/helpers.js +28 -5
- package/dist/cjs/initiate.js +0 -4
- package/dist/cjs/js-package-manager/JsPackageManager.js +46 -12
- package/dist/cjs/js-package-manager/NPMProxy.js +14 -0
- package/dist/cjs/js-package-manager/Yarn1Proxy.js +5 -0
- package/dist/cjs/js-package-manager/Yarn2Proxy.js +5 -0
- package/dist/cjs/link.js +8 -7
- package/dist/cjs/migrate.js +0 -2
- package/dist/cjs/repro-generators/scripts.js +30 -9
- package/dist/cjs/repro-next.js +182 -0
- package/dist/cjs/repro-templates.js +28 -0
- package/dist/cjs/repro.js +2 -4
- package/dist/cjs/upgrade.js +0 -4
- package/dist/cjs/versions.js +75 -75
- package/dist/esm/NpmOptions.js +0 -1
- package/dist/esm/add.js +24 -54
- package/dist/esm/automigrate/fixes/angular12.js +14 -32
- package/dist/esm/automigrate/fixes/builder-vite.js +16 -34
- package/dist/esm/automigrate/fixes/cra5.js +15 -33
- package/dist/esm/automigrate/fixes/eslint-plugin.js +16 -33
- package/dist/esm/automigrate/fixes/index.js +11 -41
- package/dist/esm/automigrate/fixes/mainjsFramework.js +17 -37
- package/dist/esm/automigrate/fixes/npm7.js +7 -21
- package/dist/esm/automigrate/fixes/sb-scripts.js +119 -0
- package/dist/esm/automigrate/fixes/vue3.js +15 -34
- package/dist/esm/automigrate/fixes/webpack5.js +24 -46
- package/dist/esm/automigrate/helpers/getEslintInfo.js +6 -20
- package/dist/esm/automigrate/index.js +18 -38
- package/dist/esm/automigrate/types.js +1 -5
- package/dist/esm/babel-config.js +14 -39
- package/dist/esm/build.js +10 -26
- package/dist/esm/detect-nextjs.js +2 -11
- package/dist/esm/detect-webpack.js +2 -11
- package/dist/esm/detect.js +33 -61
- package/dist/esm/dev.js +20 -41
- package/dist/esm/dirs.js +4 -0
- package/dist/esm/extract.js +17 -35
- package/dist/esm/generate.js +72 -111
- package/dist/esm/generators/ANGULAR/angular-helpers.js +17 -43
- package/dist/esm/generators/ANGULAR/index.js +17 -38
- package/dist/esm/generators/ANGULAR/template-csf/.storybook/tsconfig.json +5 -16
- package/dist/esm/generators/AURELIA/index.js +7 -18
- package/dist/esm/generators/AURELIA/template-csf/.storybook/tsconfig.json +5 -16
- package/dist/esm/generators/EMBER/index.js +3 -13
- package/dist/esm/generators/HTML/index.js +3 -13
- package/dist/esm/generators/MARIONETTE/index.js +3 -13
- package/dist/esm/generators/MARKO/index.js +3 -13
- package/dist/esm/generators/MITHRIL/index.js +3 -13
- package/dist/esm/generators/PREACT/index.js +3 -13
- package/dist/esm/generators/RAX/index.js +5 -16
- package/dist/esm/generators/REACT/index.js +3 -13
- package/dist/esm/generators/REACT_NATIVE/index.js +9 -24
- package/dist/esm/generators/REACT_NATIVE/template-csf/storybook/addons.js +1 -1
- package/dist/esm/generators/REACT_NATIVE/template-csf/storybook/index.js +6 -13
- package/dist/esm/generators/REACT_NATIVE/template-csf/storybook/rn-addons.js +1 -1
- package/dist/esm/generators/REACT_NATIVE/template-csf/storybook/stories/Button/Button.stories.js +5 -13
- package/dist/esm/generators/REACT_NATIVE/template-csf/storybook/stories/Button/index.js +10 -8
- package/dist/esm/generators/REACT_NATIVE/template-csf/storybook/stories/CenterView/index.js +9 -8
- package/dist/esm/generators/REACT_NATIVE/template-csf/storybook/stories/CenterView/style.js +3 -3
- package/dist/esm/generators/REACT_NATIVE/template-csf/storybook/stories/Welcome/Welcome.stories.js +3 -2
- package/dist/esm/generators/REACT_NATIVE/template-csf/storybook/stories/Welcome/index.js +41 -44
- package/dist/esm/generators/REACT_NATIVE/template-csf/storybook/stories/index.js +1 -1
- package/dist/esm/generators/REACT_SCRIPTS/index.js +12 -33
- package/dist/esm/generators/RIOT/index.js +3 -13
- package/dist/esm/generators/SERVER/index.js +5 -16
- package/dist/esm/generators/SERVER/template-csf/.storybook/preview.js +3 -3
- package/dist/esm/generators/SFC_VUE/index.js +3 -13
- package/dist/esm/generators/SVELTE/index.js +10 -27
- package/dist/esm/generators/VUE/index.js +3 -13
- package/dist/esm/generators/VUE3/index.js +3 -13
- package/dist/esm/generators/WEB-COMPONENTS/index.js +3 -13
- package/dist/esm/generators/WEBPACK_REACT/index.js +3 -13
- package/dist/esm/generators/baseGenerator.js +25 -44
- package/dist/esm/generators/configure.js +10 -26
- package/dist/esm/generators/types.js +1 -5
- package/dist/esm/helpers.js +65 -94
- package/dist/esm/initiate.js +105 -150
- package/dist/esm/js-package-manager/JsPackageManager.js +72 -59
- package/dist/esm/js-package-manager/JsPackageManagerFactory.js +12 -26
- package/dist/esm/js-package-manager/NPMProxy.js +19 -18
- package/dist/esm/js-package-manager/PackageJson.js +1 -5
- package/dist/esm/js-package-manager/PackageJsonHelper.js +9 -25
- package/dist/esm/js-package-manager/Yarn1Proxy.js +8 -13
- package/dist/esm/js-package-manager/Yarn2Proxy.js +8 -13
- package/dist/esm/js-package-manager/index.js +4 -57
- package/dist/esm/link.js +35 -64
- package/dist/esm/migrate.js +4 -14
- package/dist/esm/project_types.js +13 -28
- package/dist/esm/repro-generators/configs.js +21 -48
- package/dist/esm/repro-generators/scripts.js +61 -71
- package/dist/esm/repro-next.js +163 -0
- package/dist/esm/repro-templates.js +21 -0
- package/dist/esm/repro.js +29 -55
- package/dist/esm/upgrade.js +33 -75
- package/dist/esm/utils.js +2 -11
- package/dist/esm/versions.js +77 -84
- package/dist/esm/warn.js +9 -25
- package/dist/esm/window.d.js +1 -5
- package/dist/types/automigrate/fixes/sb-scripts.d.ts +23 -0
- package/dist/types/dirs.d.ts +1 -0
- package/dist/types/helpers.d.ts +1 -0
- package/dist/types/js-package-manager/JsPackageManager.d.ts +16 -0
- package/dist/types/js-package-manager/NPMProxy.d.ts +3 -0
- package/dist/types/js-package-manager/Yarn1Proxy.d.ts +1 -0
- package/dist/types/js-package-manager/Yarn2Proxy.d.ts +1 -0
- package/dist/types/link.d.ts +2 -1
- package/dist/types/repro-generators/scripts.d.ts +4 -2
- package/dist/types/repro-next.d.ts +8 -0
- package/dist/types/repro-templates.d.ts +21 -0
- package/dist/types/repro.d.ts +2 -1
- package/package.json +14 -10
- package/LICENSE +0 -21
- package/dist/cjs/frameworks/angular/Button.stories.ts +0 -44
- package/dist/cjs/frameworks/angular/Header.stories.ts +0 -35
- package/dist/cjs/frameworks/angular/Page.stories.ts +0 -36
- package/dist/cjs/frameworks/angular/User.ts +0 -2
- package/dist/cjs/frameworks/angular/button.component.ts +0 -53
- package/dist/cjs/frameworks/angular/header.component.ts +0 -75
- package/dist/cjs/frameworks/angular/page.component.ts +0 -77
- package/dist/cjs/frameworks/aurelia/1-Button.stories.ts +0 -49
- package/dist/cjs/frameworks/aurelia/button.ts +0 -28
- package/dist/cjs/frameworks/common/Introduction.stories.mdx +0 -211
- package/dist/cjs/frameworks/common/assets/code-brackets.svg +0 -1
- package/dist/cjs/frameworks/common/assets/colors.svg +0 -1
- package/dist/cjs/frameworks/common/assets/comments.svg +0 -1
- package/dist/cjs/frameworks/common/assets/direction.svg +0 -1
- package/dist/cjs/frameworks/common/assets/flow.svg +0 -1
- package/dist/cjs/frameworks/common/assets/plugin.svg +0 -1
- package/dist/cjs/frameworks/common/assets/repo.svg +0 -1
- package/dist/cjs/frameworks/common/assets/stackalt.svg +0 -1
- package/dist/cjs/frameworks/common/button.css +0 -30
- package/dist/cjs/frameworks/common/header.css +0 -32
- package/dist/cjs/frameworks/common/page.css +0 -69
- package/dist/cjs/frameworks/ember/1-Button.stories.js +0 -57
- package/dist/cjs/frameworks/html/js/Button.js +0 -21
- package/dist/cjs/frameworks/html/js/Button.stories.js +0 -48
- package/dist/cjs/frameworks/html/js/Header.js +0 -47
- package/dist/cjs/frameworks/html/js/Header.stories.js +0 -27
- package/dist/cjs/frameworks/html/js/Page.js +0 -94
- package/dist/cjs/frameworks/html/js/Page.stories.js +0 -23
- package/dist/cjs/frameworks/html/ts/Button.stories.ts +0 -49
- package/dist/cjs/frameworks/html/ts/Button.ts +0 -51
- package/dist/cjs/frameworks/html/ts/Header.stories.ts +0 -26
- package/dist/cjs/frameworks/html/ts/Header.ts +0 -54
- package/dist/cjs/frameworks/html/ts/Page.stories.ts +0 -24
- package/dist/cjs/frameworks/html/ts/Page.ts +0 -98
- package/dist/cjs/frameworks/marionette/index.stories.js +0 -20
- package/dist/cjs/frameworks/marko/1-Button.stories.js +0 -24
- package/dist/cjs/frameworks/marko/Button.marko +0 -13
- package/dist/cjs/frameworks/mithril/Button.js +0 -22
- package/dist/cjs/frameworks/mithril/Button.stories.js +0 -43
- package/dist/cjs/frameworks/mithril/Header.js +0 -51
- package/dist/cjs/frameworks/mithril/Header.stories.js +0 -20
- package/dist/cjs/frameworks/mithril/Page.js +0 -70
- package/dist/cjs/frameworks/mithril/Page.stories.js +0 -24
- package/dist/cjs/frameworks/preact/Button.jsx +0 -51
- package/dist/cjs/frameworks/preact/Button.stories.jsx +0 -41
- package/dist/cjs/frameworks/preact/Header.jsx +0 -58
- package/dist/cjs/frameworks/preact/Header.stories.jsx +0 -29
- package/dist/cjs/frameworks/preact/Page.jsx +0 -71
- package/dist/cjs/frameworks/preact/Page.stories.jsx +0 -26
- package/dist/cjs/frameworks/rax/Button.js +0 -26
- package/dist/cjs/frameworks/rax/Button.stories.js +0 -40
- package/dist/cjs/frameworks/rax/Header.js +0 -44
- package/dist/cjs/frameworks/rax/Header.stories.js +0 -17
- package/dist/cjs/frameworks/rax/Page.js +0 -64
- package/dist/cjs/frameworks/rax/Page.stories.js +0 -21
- package/dist/cjs/frameworks/react/js/Button.jsx +0 -50
- package/dist/cjs/frameworks/react/js/Button.stories.jsx +0 -40
- package/dist/cjs/frameworks/react/js/Header.jsx +0 -57
- package/dist/cjs/frameworks/react/js/Header.stories.jsx +0 -24
- package/dist/cjs/frameworks/react/js/Page.jsx +0 -69
- package/dist/cjs/frameworks/react/js/Page.stories.jsx +0 -25
- package/dist/cjs/frameworks/react/ts/Button.stories.tsx +0 -41
- package/dist/cjs/frameworks/react/ts/Button.tsx +0 -48
- package/dist/cjs/frameworks/react/ts/Header.stories.tsx +0 -25
- package/dist/cjs/frameworks/react/ts/Header.tsx +0 -56
- package/dist/cjs/frameworks/react/ts/Page.stories.tsx +0 -26
- package/dist/cjs/frameworks/react/ts/Page.tsx +0 -73
- package/dist/cjs/frameworks/riot/1-Button.stories.js +0 -52
- package/dist/cjs/frameworks/riot/MyButton.tag +0 -24
- package/dist/cjs/frameworks/server/button.stories.json +0 -32
- package/dist/cjs/frameworks/server/header.stories.json +0 -15
- package/dist/cjs/frameworks/server/page.stories.json +0 -15
- package/dist/cjs/frameworks/svelte/Button.stories.js +0 -51
- package/dist/cjs/frameworks/svelte/Button.svelte +0 -42
- package/dist/cjs/frameworks/svelte/Header.stories.js +0 -35
- package/dist/cjs/frameworks/svelte/Header.svelte +0 -51
- package/dist/cjs/frameworks/svelte/Page.stories.js +0 -27
- package/dist/cjs/frameworks/svelte/Page.svelte +0 -63
- package/dist/cjs/frameworks/vue/Button.stories.js +0 -46
- package/dist/cjs/frameworks/vue/Button.vue +0 -54
- package/dist/cjs/frameworks/vue/Header.stories.js +0 -27
- package/dist/cjs/frameworks/vue/Header.vue +0 -60
- package/dist/cjs/frameworks/vue/Page.stories.js +0 -27
- package/dist/cjs/frameworks/vue/Page.vue +0 -88
- package/dist/cjs/frameworks/vue3/Button.stories.js +0 -52
- package/dist/cjs/frameworks/vue3/Button.vue +0 -52
- package/dist/cjs/frameworks/vue3/Header.stories.js +0 -34
- package/dist/cjs/frameworks/vue3/Header.vue +0 -50
- package/dist/cjs/frameworks/vue3/Page.stories.js +0 -29
- package/dist/cjs/frameworks/vue3/Page.vue +0 -88
- package/dist/cjs/frameworks/web-components/js/Button.js +0 -21
- package/dist/cjs/frameworks/web-components/js/Button.stories.js +0 -42
- package/dist/cjs/frameworks/web-components/js/Header.js +0 -45
- package/dist/cjs/frameworks/web-components/js/Header.stories.js +0 -15
- package/dist/cjs/frameworks/web-components/js/Page.js +0 -61
- package/dist/cjs/frameworks/web-components/js/Page.stories.js +0 -19
- package/dist/cjs/frameworks/web-components/ts/Button.stories.ts +0 -43
- package/dist/cjs/frameworks/web-components/ts/Button.ts +0 -43
- package/dist/cjs/frameworks/web-components/ts/Header.stories.ts +0 -16
- package/dist/cjs/frameworks/web-components/ts/Header.ts +0 -52
- package/dist/cjs/frameworks/web-components/ts/Page.stories.ts +0 -20
- package/dist/cjs/frameworks/web-components/ts/Page.ts +0 -68
- package/dist/esm/frameworks/angular/Button.stories.ts +0 -44
- package/dist/esm/frameworks/angular/Header.stories.ts +0 -35
- package/dist/esm/frameworks/angular/Page.stories.ts +0 -36
- package/dist/esm/frameworks/angular/User.ts +0 -2
- package/dist/esm/frameworks/angular/button.component.ts +0 -53
- package/dist/esm/frameworks/angular/header.component.ts +0 -75
- package/dist/esm/frameworks/angular/page.component.ts +0 -77
- package/dist/esm/frameworks/aurelia/1-Button.stories.ts +0 -49
- package/dist/esm/frameworks/aurelia/button.ts +0 -28
- package/dist/esm/frameworks/common/Introduction.stories.mdx +0 -211
- package/dist/esm/frameworks/common/assets/code-brackets.svg +0 -1
- package/dist/esm/frameworks/common/assets/colors.svg +0 -1
- package/dist/esm/frameworks/common/assets/comments.svg +0 -1
- package/dist/esm/frameworks/common/assets/direction.svg +0 -1
- package/dist/esm/frameworks/common/assets/flow.svg +0 -1
- package/dist/esm/frameworks/common/assets/plugin.svg +0 -1
- package/dist/esm/frameworks/common/assets/repo.svg +0 -1
- package/dist/esm/frameworks/common/assets/stackalt.svg +0 -1
- package/dist/esm/frameworks/common/button.css +0 -30
- package/dist/esm/frameworks/common/header.css +0 -32
- package/dist/esm/frameworks/common/page.css +0 -69
- package/dist/esm/frameworks/ember/1-Button.stories.js +0 -57
- package/dist/esm/frameworks/html/js/Button.js +0 -21
- package/dist/esm/frameworks/html/js/Button.stories.js +0 -48
- package/dist/esm/frameworks/html/js/Header.js +0 -47
- package/dist/esm/frameworks/html/js/Header.stories.js +0 -27
- package/dist/esm/frameworks/html/js/Page.js +0 -94
- package/dist/esm/frameworks/html/js/Page.stories.js +0 -23
- package/dist/esm/frameworks/html/ts/Button.stories.ts +0 -49
- package/dist/esm/frameworks/html/ts/Button.ts +0 -51
- package/dist/esm/frameworks/html/ts/Header.stories.ts +0 -26
- package/dist/esm/frameworks/html/ts/Header.ts +0 -54
- package/dist/esm/frameworks/html/ts/Page.stories.ts +0 -24
- package/dist/esm/frameworks/html/ts/Page.ts +0 -98
- package/dist/esm/frameworks/marionette/index.stories.js +0 -20
- package/dist/esm/frameworks/marko/1-Button.stories.js +0 -24
- package/dist/esm/frameworks/marko/Button.marko +0 -13
- package/dist/esm/frameworks/mithril/Button.js +0 -22
- package/dist/esm/frameworks/mithril/Button.stories.js +0 -43
- package/dist/esm/frameworks/mithril/Header.js +0 -51
- package/dist/esm/frameworks/mithril/Header.stories.js +0 -20
- package/dist/esm/frameworks/mithril/Page.js +0 -70
- package/dist/esm/frameworks/mithril/Page.stories.js +0 -24
- package/dist/esm/frameworks/preact/Button.jsx +0 -51
- package/dist/esm/frameworks/preact/Button.stories.jsx +0 -41
- package/dist/esm/frameworks/preact/Header.jsx +0 -58
- package/dist/esm/frameworks/preact/Header.stories.jsx +0 -29
- package/dist/esm/frameworks/preact/Page.jsx +0 -71
- package/dist/esm/frameworks/preact/Page.stories.jsx +0 -26
- package/dist/esm/frameworks/rax/Button.js +0 -26
- package/dist/esm/frameworks/rax/Button.stories.js +0 -40
- package/dist/esm/frameworks/rax/Header.js +0 -44
- package/dist/esm/frameworks/rax/Header.stories.js +0 -17
- package/dist/esm/frameworks/rax/Page.js +0 -64
- package/dist/esm/frameworks/rax/Page.stories.js +0 -21
- package/dist/esm/frameworks/react/js/Button.jsx +0 -50
- package/dist/esm/frameworks/react/js/Button.stories.jsx +0 -40
- package/dist/esm/frameworks/react/js/Header.jsx +0 -57
- package/dist/esm/frameworks/react/js/Header.stories.jsx +0 -24
- package/dist/esm/frameworks/react/js/Page.jsx +0 -69
- package/dist/esm/frameworks/react/js/Page.stories.jsx +0 -25
- package/dist/esm/frameworks/react/ts/Button.stories.tsx +0 -41
- package/dist/esm/frameworks/react/ts/Button.tsx +0 -48
- package/dist/esm/frameworks/react/ts/Header.stories.tsx +0 -25
- package/dist/esm/frameworks/react/ts/Header.tsx +0 -56
- package/dist/esm/frameworks/react/ts/Page.stories.tsx +0 -26
- package/dist/esm/frameworks/react/ts/Page.tsx +0 -73
- package/dist/esm/frameworks/riot/1-Button.stories.js +0 -52
- package/dist/esm/frameworks/riot/MyButton.tag +0 -24
- package/dist/esm/frameworks/server/button.stories.json +0 -32
- package/dist/esm/frameworks/server/header.stories.json +0 -15
- package/dist/esm/frameworks/server/page.stories.json +0 -15
- package/dist/esm/frameworks/svelte/Button.stories.js +0 -51
- package/dist/esm/frameworks/svelte/Button.svelte +0 -42
- package/dist/esm/frameworks/svelte/Header.stories.js +0 -35
- package/dist/esm/frameworks/svelte/Header.svelte +0 -51
- package/dist/esm/frameworks/svelte/Page.stories.js +0 -27
- package/dist/esm/frameworks/svelte/Page.svelte +0 -63
- package/dist/esm/frameworks/vue/Button.stories.js +0 -46
- package/dist/esm/frameworks/vue/Button.vue +0 -54
- package/dist/esm/frameworks/vue/Header.stories.js +0 -27
- package/dist/esm/frameworks/vue/Header.vue +0 -60
- package/dist/esm/frameworks/vue/Page.stories.js +0 -27
- package/dist/esm/frameworks/vue/Page.vue +0 -88
- package/dist/esm/frameworks/vue3/Button.stories.js +0 -52
- package/dist/esm/frameworks/vue3/Button.vue +0 -52
- package/dist/esm/frameworks/vue3/Header.stories.js +0 -34
- package/dist/esm/frameworks/vue3/Header.vue +0 -50
- package/dist/esm/frameworks/vue3/Page.stories.js +0 -29
- package/dist/esm/frameworks/vue3/Page.vue +0 -88
- package/dist/esm/frameworks/web-components/js/Button.js +0 -21
- package/dist/esm/frameworks/web-components/js/Button.stories.js +0 -42
- package/dist/esm/frameworks/web-components/js/Header.js +0 -45
- package/dist/esm/frameworks/web-components/js/Header.stories.js +0 -15
- package/dist/esm/frameworks/web-components/js/Page.js +0 -61
- package/dist/esm/frameworks/web-components/js/Page.stories.js +0 -19
- package/dist/esm/frameworks/web-components/ts/Button.stories.ts +0 -43
- package/dist/esm/frameworks/web-components/ts/Button.ts +0 -43
- package/dist/esm/frameworks/web-components/ts/Header.stories.ts +0 -16
- package/dist/esm/frameworks/web-components/ts/Header.ts +0 -52
- package/dist/esm/frameworks/web-components/ts/Page.stories.ts +0 -20
- package/dist/esm/frameworks/web-components/ts/Page.ts +0 -68
|
@@ -1,60 +1,42 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
}
|
|
6
|
-
exports.mainjsFramework = void 0;
|
|
7
|
-
|
|
8
|
-
require("core-js/modules/es.promise.js");
|
|
9
|
-
|
|
10
|
-
var _chalk = _interopRequireDefault(require("chalk"));
|
|
11
|
-
|
|
12
|
-
var _tsDedent = require("ts-dedent");
|
|
13
|
-
|
|
14
|
-
var _semver = _interopRequireDefault(require("@storybook/semver"));
|
|
15
|
-
|
|
16
|
-
var _csfTools = require("@storybook/csf-tools");
|
|
17
|
-
|
|
18
|
-
var _coreCommon = require("@storybook/core-common");
|
|
19
|
-
|
|
20
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
-
|
|
1
|
+
import chalk from 'chalk';
|
|
2
|
+
import { dedent } from 'ts-dedent';
|
|
3
|
+
import semver from '@storybook/semver';
|
|
4
|
+
import { readConfig, writeConfig } from '@storybook/csf-tools';
|
|
5
|
+
import { getStorybookInfo } from '@storybook/core-common';
|
|
22
6
|
const logger = console;
|
|
23
|
-
const mainjsFramework = {
|
|
7
|
+
export const mainjsFramework = {
|
|
24
8
|
id: 'mainjsFramework',
|
|
25
9
|
|
|
26
10
|
async check({
|
|
27
11
|
packageManager
|
|
28
12
|
}) {
|
|
29
|
-
var _semver$coerce;
|
|
30
|
-
|
|
31
13
|
const packageJson = packageManager.retrievePackageJson();
|
|
32
14
|
const {
|
|
33
15
|
mainConfig,
|
|
34
16
|
framework,
|
|
35
17
|
version: storybookVersion
|
|
36
|
-
} =
|
|
18
|
+
} = getStorybookInfo(packageJson);
|
|
37
19
|
|
|
38
20
|
if (!mainConfig) {
|
|
39
21
|
logger.warn('Unable to find storybook main.js config, skipping');
|
|
40
22
|
return null;
|
|
41
23
|
}
|
|
42
24
|
|
|
43
|
-
const storybookCoerced = storybookVersion &&
|
|
25
|
+
const storybookCoerced = storybookVersion && semver.coerce(storybookVersion)?.version;
|
|
44
26
|
|
|
45
27
|
if (!storybookCoerced) {
|
|
46
|
-
logger.warn(
|
|
47
|
-
❌ Unable to determine storybook version, skipping ${
|
|
28
|
+
logger.warn(dedent`
|
|
29
|
+
❌ Unable to determine storybook version, skipping ${chalk.cyan('mainjsFramework')} fix.
|
|
48
30
|
🤔 Are you running automigrate from your project directory?
|
|
49
31
|
`);
|
|
50
32
|
return null;
|
|
51
33
|
}
|
|
52
34
|
|
|
53
|
-
const main = await
|
|
35
|
+
const main = await readConfig(mainConfig);
|
|
54
36
|
const currentFramework = main.getFieldValue(['framework']);
|
|
55
37
|
const features = main.getFieldValue(['features']);
|
|
56
38
|
if (currentFramework) return null;
|
|
57
|
-
return features
|
|
39
|
+
return features?.breakingChangesV7 || features?.storyStoreV7 || semver.gte(storybookCoerced, '7.0.0') ? {
|
|
58
40
|
main,
|
|
59
41
|
framework: `@storybook/${framework}`
|
|
60
42
|
} : null;
|
|
@@ -63,16 +45,15 @@ const mainjsFramework = {
|
|
|
63
45
|
prompt({
|
|
64
46
|
framework
|
|
65
47
|
}) {
|
|
66
|
-
const frameworkFormatted =
|
|
67
|
-
|
|
68
|
-
return (0, _tsDedent.dedent)`
|
|
48
|
+
const frameworkFormatted = chalk.cyan(`framework: '${framework}'`);
|
|
49
|
+
return dedent`
|
|
69
50
|
We've detected that your main.js configuration file does not specify the
|
|
70
51
|
'framework' field, which is a requirement in SB7.0 and above. We can add one
|
|
71
52
|
for you automatically:
|
|
72
53
|
|
|
73
54
|
${frameworkFormatted}
|
|
74
55
|
|
|
75
|
-
More info: ${
|
|
56
|
+
More info: ${chalk.yellow('https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mainjs-framework-field')}
|
|
76
57
|
`;
|
|
77
58
|
},
|
|
78
59
|
|
|
@@ -87,9 +68,8 @@ const mainjsFramework = {
|
|
|
87
68
|
|
|
88
69
|
if (!dryRun) {
|
|
89
70
|
main.setFieldValue(['framework'], framework);
|
|
90
|
-
await
|
|
71
|
+
await writeConfig(main);
|
|
91
72
|
}
|
|
92
73
|
}
|
|
93
74
|
|
|
94
|
-
};
|
|
95
|
-
exports.mainjsFramework = mainjsFramework;
|
|
75
|
+
};
|
|
@@ -1,22 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.npm7 = void 0;
|
|
7
|
-
|
|
8
|
-
require("core-js/modules/es.promise.js");
|
|
9
|
-
|
|
10
|
-
var _chalk = _interopRequireDefault(require("chalk"));
|
|
11
|
-
|
|
12
|
-
var _tsDedent = require("ts-dedent");
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
|
+
import chalk from 'chalk';
|
|
2
|
+
import { dedent } from 'ts-dedent';
|
|
15
3
|
|
|
16
4
|
/**
|
|
17
5
|
* Is the user using npm7+? If so create a .npmrc with legacy-peer-deps=true
|
|
18
6
|
*/
|
|
19
|
-
const npm7 = {
|
|
7
|
+
export const npm7 = {
|
|
20
8
|
id: 'npm7',
|
|
21
9
|
|
|
22
10
|
async check({
|
|
@@ -37,15 +25,14 @@ const npm7 = {
|
|
|
37
25
|
prompt({
|
|
38
26
|
npmVersion
|
|
39
27
|
}) {
|
|
40
|
-
const npmFormatted =
|
|
41
|
-
|
|
42
|
-
return (0, _tsDedent.dedent)`
|
|
28
|
+
const npmFormatted = chalk.cyan(`npm ${npmVersion}`);
|
|
29
|
+
return dedent`
|
|
43
30
|
We've detected you are running ${npmFormatted} which has peer dependency semantics which Storybook is incompatible with.
|
|
44
31
|
|
|
45
32
|
In order to work with Storybook's package structure, you'll need to run \`npm\` with the
|
|
46
33
|
\`--legacy-peer-deps=true\` flag. We can generate an \`.npmrc\` which will do that automatically.
|
|
47
34
|
|
|
48
|
-
More info: ${
|
|
35
|
+
More info: ${chalk.yellow('https://github.com/storybookjs/storybook/issues/18298')}
|
|
49
36
|
`;
|
|
50
37
|
},
|
|
51
38
|
|
|
@@ -55,5 +42,4 @@ const npm7 = {
|
|
|
55
42
|
packageManager.setLegacyPeerDeps();
|
|
56
43
|
}
|
|
57
44
|
|
|
58
|
-
};
|
|
59
|
-
exports.npm7 = npm7;
|
|
45
|
+
};
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
import chalk from 'chalk';
|
|
2
|
+
import { dedent } from 'ts-dedent';
|
|
3
|
+
import semver from '@storybook/semver';
|
|
4
|
+
import { getStorybookInfo } from '@storybook/core-common';
|
|
5
|
+
import { getStorybookVersionSpecifier } from '../../helpers';
|
|
6
|
+
const logger = console;
|
|
7
|
+
export const getStorybookScripts = scripts => {
|
|
8
|
+
const storybookScripts = {
|
|
9
|
+
custom: {},
|
|
10
|
+
official: {}
|
|
11
|
+
};
|
|
12
|
+
Object.keys(scripts).forEach(key => {
|
|
13
|
+
if (key === 'storybook' || key === 'build-storybook') {
|
|
14
|
+
storybookScripts.official[key] = scripts[key];
|
|
15
|
+
} else if (scripts[key].match(/start-storybook/) || scripts[key].match(/build-storybook/)) {
|
|
16
|
+
storybookScripts.custom[key] = scripts[key];
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
return storybookScripts;
|
|
20
|
+
};
|
|
21
|
+
/**
|
|
22
|
+
* Is the user using start-storybook
|
|
23
|
+
*
|
|
24
|
+
* If so:
|
|
25
|
+
* - Add storybook dependency
|
|
26
|
+
* - Change start-storybook and build-storybook scripts
|
|
27
|
+
*/
|
|
28
|
+
|
|
29
|
+
export const sbScripts = {
|
|
30
|
+
id: 'sb-scripts',
|
|
31
|
+
|
|
32
|
+
async check({
|
|
33
|
+
packageManager
|
|
34
|
+
}) {
|
|
35
|
+
const packageJson = packageManager.retrievePackageJson();
|
|
36
|
+
const {
|
|
37
|
+
scripts = {},
|
|
38
|
+
devDependencies,
|
|
39
|
+
dependencies
|
|
40
|
+
} = packageJson;
|
|
41
|
+
const {
|
|
42
|
+
version: storybookVersion
|
|
43
|
+
} = getStorybookInfo(packageJson);
|
|
44
|
+
const allDeps = Object.assign({}, dependencies, devDependencies);
|
|
45
|
+
const storybookCoerced = storybookVersion && semver.coerce(storybookVersion)?.version;
|
|
46
|
+
|
|
47
|
+
if (!storybookCoerced) {
|
|
48
|
+
logger.warn(dedent`
|
|
49
|
+
❌ Unable to determine storybook version, skipping ${chalk.cyan('sb-scripts')} fix.
|
|
50
|
+
🤔 Are you running automigrate from your project directory?
|
|
51
|
+
`);
|
|
52
|
+
return null;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
if (allDeps.sb || allDeps.storybook) {
|
|
56
|
+
return null;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
const storybookScripts = getStorybookScripts(scripts);
|
|
60
|
+
|
|
61
|
+
if (Object.keys(storybookScripts.official).length === 0 && Object.keys(storybookScripts.custom).length === 0) {
|
|
62
|
+
return null;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
Object.keys(storybookScripts.official).forEach(key => {
|
|
66
|
+
storybookScripts.official[key] = storybookScripts.official[key].replace('start-storybook', 'storybook dev').replace('build-storybook', 'storybook build');
|
|
67
|
+
});
|
|
68
|
+
return semver.gte(storybookCoerced, '7.0.0') ? {
|
|
69
|
+
packageJson,
|
|
70
|
+
storybookScripts,
|
|
71
|
+
storybookVersion
|
|
72
|
+
} : null;
|
|
73
|
+
},
|
|
74
|
+
|
|
75
|
+
prompt({
|
|
76
|
+
storybookVersion
|
|
77
|
+
}) {
|
|
78
|
+
const sbFormatted = chalk.cyan(`Storybook ${storybookVersion}`);
|
|
79
|
+
const explanationMessage = [`Starting in Storybook 7, the ${chalk.yellow('start-storybook')} and ${chalk.yellow('build-storybook')} binaries have changed to ${chalk.magenta('storybook dev')} and ${chalk.magenta('storybook build')} respectively.`, `In order to work with ${sbFormatted}, Storybook's ${chalk.magenta('storybook')} binary has to be installed and your storybook scripts have to be adjusted to use the binary. We can install the storybook binary and attempt to adjust your scripts for you.`].join('\n');
|
|
80
|
+
return [`We've detected you are using ${sbFormatted} with scripts from previous versions of Storybook.`, explanationMessage, `More info: ${chalk.yellow('https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#start-storybook--build-storybook-binaries-removed')}`].filter(Boolean).join('\n\n');
|
|
81
|
+
},
|
|
82
|
+
|
|
83
|
+
async run({
|
|
84
|
+
result: {
|
|
85
|
+
storybookScripts,
|
|
86
|
+
packageJson
|
|
87
|
+
},
|
|
88
|
+
packageManager,
|
|
89
|
+
dryRun
|
|
90
|
+
}) {
|
|
91
|
+
logger.log();
|
|
92
|
+
logger.info(`Adding 'storybook' as dev dependency`);
|
|
93
|
+
logger.log();
|
|
94
|
+
|
|
95
|
+
if (!dryRun) {
|
|
96
|
+
const versionToInstall = getStorybookVersionSpecifier(packageJson);
|
|
97
|
+
packageManager.addDependencies({
|
|
98
|
+
installAsDevDependencies: true
|
|
99
|
+
}, [`storybook@${versionToInstall}`]);
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
logger.info(`Updating scripts in package.json`);
|
|
103
|
+
logger.log();
|
|
104
|
+
|
|
105
|
+
if (!dryRun && Object.keys(storybookScripts.official).length > 0) {
|
|
106
|
+
const message = [`Migrating your scripts to:`, chalk.yellow(JSON.stringify(storybookScripts.official, null, 2))].join('\n');
|
|
107
|
+
logger.log(message);
|
|
108
|
+
logger.log();
|
|
109
|
+
packageManager.addScripts(storybookScripts.official);
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
if (!dryRun && Object.keys(storybookScripts.custom).length > 0) {
|
|
113
|
+
const message = [`We detected custom scripts that we can't automigrate:`, chalk.yellow(JSON.stringify(storybookScripts.custom, null, 2)), '\n', `Please manually migrate the ones applicable and use the documentation below for reference: ${chalk.yellow('https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#start-storybook--build-storybook-binaries-removed')}`].join('\n');
|
|
114
|
+
logger.log(message);
|
|
115
|
+
logger.log();
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
};
|
|
@@ -1,21 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
});
|
|
6
|
-
exports.vue3 = void 0;
|
|
7
|
-
|
|
8
|
-
require("core-js/modules/es.promise.js");
|
|
9
|
-
|
|
10
|
-
var _chalk = _interopRequireDefault(require("chalk"));
|
|
11
|
-
|
|
12
|
-
var _tsDedent = require("ts-dedent");
|
|
13
|
-
|
|
14
|
-
var _semver = _interopRequireDefault(require("@storybook/semver"));
|
|
15
|
-
|
|
16
|
-
var _webpack = require("./webpack5");
|
|
17
|
-
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
|
+
import chalk from 'chalk';
|
|
2
|
+
import { dedent } from 'ts-dedent';
|
|
3
|
+
import semver from '@storybook/semver';
|
|
4
|
+
import { webpack5 } from './webpack5';
|
|
19
5
|
|
|
20
6
|
/**
|
|
21
7
|
* Is the user upgrading to Vue3?
|
|
@@ -23,27 +9,25 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
23
9
|
* If so:
|
|
24
10
|
* - Run webpack5 fix
|
|
25
11
|
*/
|
|
26
|
-
const vue3 = {
|
|
12
|
+
export const vue3 = {
|
|
27
13
|
id: 'vue3',
|
|
28
14
|
|
|
29
15
|
async check({
|
|
30
16
|
packageManager
|
|
31
17
|
}) {
|
|
32
|
-
var _semver$coerce;
|
|
33
|
-
|
|
34
18
|
const packageJson = packageManager.retrievePackageJson();
|
|
35
19
|
const {
|
|
36
20
|
dependencies,
|
|
37
21
|
devDependencies
|
|
38
22
|
} = packageJson;
|
|
39
23
|
const vueVersion = dependencies.vue || devDependencies.vue;
|
|
40
|
-
const vueCoerced =
|
|
24
|
+
const vueCoerced = semver.coerce(vueVersion)?.version;
|
|
41
25
|
|
|
42
|
-
if (!vueCoerced ||
|
|
26
|
+
if (!vueCoerced || semver.lt(vueCoerced, '3.0.0')) {
|
|
43
27
|
return null;
|
|
44
28
|
}
|
|
45
29
|
|
|
46
|
-
const builderInfo = await
|
|
30
|
+
const builderInfo = await webpack5.checkWebpack5Builder(packageJson);
|
|
47
31
|
return builderInfo ? Object.assign({
|
|
48
32
|
vueVersion
|
|
49
33
|
}, builderInfo) : null;
|
|
@@ -53,27 +37,24 @@ const vue3 = {
|
|
|
53
37
|
vueVersion,
|
|
54
38
|
storybookVersion
|
|
55
39
|
}) {
|
|
56
|
-
const vueFormatted =
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
return (0, _tsDedent.dedent)`
|
|
40
|
+
const vueFormatted = chalk.cyan(`Vue ${vueVersion}`);
|
|
41
|
+
const sbFormatted = chalk.cyan(`Storybook ${storybookVersion}`);
|
|
42
|
+
return dedent`
|
|
61
43
|
We've detected you are running ${vueFormatted} with Storybook.
|
|
62
44
|
${sbFormatted} runs webpack4 by default, which is incompatible.
|
|
63
45
|
|
|
64
|
-
In order to work with your version of Vue, we need to install Storybook's ${
|
|
46
|
+
In order to work with your version of Vue, we need to install Storybook's ${chalk.cyan('webpack5 builder')}.
|
|
65
47
|
|
|
66
|
-
More info: ${
|
|
48
|
+
More info: ${chalk.yellow('https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#vue3-upgrade')}
|
|
67
49
|
`;
|
|
68
50
|
},
|
|
69
51
|
|
|
70
52
|
async run(options) {
|
|
71
|
-
return
|
|
53
|
+
return webpack5.run(Object.assign({}, options, {
|
|
72
54
|
result: Object.assign({
|
|
73
55
|
webpackVersion: null
|
|
74
56
|
}, options.result)
|
|
75
57
|
}));
|
|
76
58
|
}
|
|
77
59
|
|
|
78
|
-
};
|
|
79
|
-
exports.vue3 = vue3;
|
|
60
|
+
};
|
|
@@ -1,24 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
}
|
|
6
|
-
exports.webpack5 = void 0;
|
|
7
|
-
|
|
8
|
-
require("core-js/modules/es.promise.js");
|
|
9
|
-
|
|
10
|
-
var _chalk = _interopRequireDefault(require("chalk"));
|
|
11
|
-
|
|
12
|
-
var _tsDedent = require("ts-dedent");
|
|
13
|
-
|
|
14
|
-
var _semver = _interopRequireDefault(require("@storybook/semver"));
|
|
15
|
-
|
|
16
|
-
var _csfTools = require("@storybook/csf-tools");
|
|
17
|
-
|
|
18
|
-
var _coreCommon = require("@storybook/core-common");
|
|
19
|
-
|
|
20
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
-
|
|
1
|
+
import chalk from 'chalk';
|
|
2
|
+
import { dedent } from 'ts-dedent';
|
|
3
|
+
import semver from '@storybook/semver';
|
|
4
|
+
import { readConfig, writeConfig } from '@storybook/csf-tools';
|
|
5
|
+
import { getStorybookInfo } from '@storybook/core-common';
|
|
22
6
|
const logger = console;
|
|
23
7
|
|
|
24
8
|
/**
|
|
@@ -31,40 +15,38 @@ const logger = console;
|
|
|
31
15
|
* - Add core.builder = 'webpack5' to main.js
|
|
32
16
|
* - Add 'webpack5' as a project dependency
|
|
33
17
|
*/
|
|
34
|
-
const webpack5 = {
|
|
18
|
+
export const webpack5 = {
|
|
35
19
|
id: 'webpack5',
|
|
36
20
|
|
|
37
21
|
async checkWebpack5Builder(packageJson) {
|
|
38
|
-
var _semver$coerce;
|
|
39
|
-
|
|
40
22
|
const {
|
|
41
23
|
mainConfig,
|
|
42
24
|
version: storybookVersion
|
|
43
|
-
} =
|
|
44
|
-
const storybookCoerced = storybookVersion &&
|
|
25
|
+
} = getStorybookInfo(packageJson);
|
|
26
|
+
const storybookCoerced = storybookVersion && semver.coerce(storybookVersion)?.version;
|
|
45
27
|
|
|
46
28
|
if (!storybookCoerced) {
|
|
47
|
-
logger.warn(
|
|
48
|
-
❌ Unable to determine storybook version, skipping ${
|
|
29
|
+
logger.warn(dedent`
|
|
30
|
+
❌ Unable to determine storybook version, skipping ${chalk.cyan('webpack5')} fix.
|
|
49
31
|
🤔 Are you running automigrate from your project directory?
|
|
50
32
|
`);
|
|
51
33
|
return null;
|
|
52
34
|
}
|
|
53
35
|
|
|
54
|
-
if (
|
|
55
|
-
logger.warn(
|
|
36
|
+
if (semver.lt(storybookCoerced, '6.3.0')) {
|
|
37
|
+
logger.warn(dedent`
|
|
56
38
|
Detected SB 6.3 or below, please upgrade storybook to use webpack5.
|
|
57
39
|
|
|
58
40
|
To upgrade to the latest stable release, run this from your project directory:
|
|
59
41
|
|
|
60
|
-
${
|
|
42
|
+
${chalk.cyan('npx storybook upgrade')}
|
|
61
43
|
|
|
62
|
-
Add the ${
|
|
44
|
+
Add the ${chalk.cyan('--prerelease')} flag to get the latest prerelease.
|
|
63
45
|
`.trim());
|
|
64
46
|
return null;
|
|
65
47
|
}
|
|
66
48
|
|
|
67
|
-
if (
|
|
49
|
+
if (semver.gte(storybookCoerced, '7.0.0')) {
|
|
68
50
|
return null;
|
|
69
51
|
}
|
|
70
52
|
|
|
@@ -73,7 +55,7 @@ const webpack5 = {
|
|
|
73
55
|
return null;
|
|
74
56
|
}
|
|
75
57
|
|
|
76
|
-
const main = await
|
|
58
|
+
const main = await readConfig(mainConfig);
|
|
77
59
|
const builder = main.getFieldValue(['core', 'builder']);
|
|
78
60
|
|
|
79
61
|
if (builder && builder !== 'webpack4') {
|
|
@@ -90,16 +72,14 @@ const webpack5 = {
|
|
|
90
72
|
async check({
|
|
91
73
|
packageManager
|
|
92
74
|
}) {
|
|
93
|
-
var _semver$coerce2;
|
|
94
|
-
|
|
95
75
|
const packageJson = packageManager.retrievePackageJson();
|
|
96
76
|
const {
|
|
97
77
|
dependencies,
|
|
98
78
|
devDependencies
|
|
99
79
|
} = packageJson;
|
|
100
80
|
const webpackVersion = dependencies.webpack || devDependencies.webpack;
|
|
101
|
-
const webpackCoerced =
|
|
102
|
-
if (!webpackCoerced ||
|
|
81
|
+
const webpackCoerced = semver.coerce(webpackVersion)?.version;
|
|
82
|
+
if (!webpackCoerced || semver.lt(webpackCoerced, '5.0.0') || semver.gte(webpackCoerced, '6.0.0')) return null;
|
|
103
83
|
const builderInfo = await this.checkWebpack5Builder(packageJson);
|
|
104
84
|
return builderInfo ? Object.assign({
|
|
105
85
|
webpackVersion
|
|
@@ -109,15 +89,14 @@ const webpack5 = {
|
|
|
109
89
|
prompt({
|
|
110
90
|
webpackVersion
|
|
111
91
|
}) {
|
|
112
|
-
const webpackFormatted =
|
|
113
|
-
|
|
114
|
-
return (0, _tsDedent.dedent)`
|
|
92
|
+
const webpackFormatted = chalk.cyan(`webpack ${webpackVersion}`);
|
|
93
|
+
return dedent`
|
|
115
94
|
We've detected you're running ${webpackFormatted}.
|
|
116
95
|
Your Storybook's main.js files specifies webpack4, which is incompatible.
|
|
117
96
|
|
|
118
|
-
To run Storybook in webpack5-mode, we can install Storybook's ${
|
|
97
|
+
To run Storybook in webpack5-mode, we can install Storybook's ${chalk.cyan('@storybook/builder-webpack5')} for you.
|
|
119
98
|
|
|
120
|
-
More info: ${
|
|
99
|
+
More info: ${chalk.yellow('https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#webpack-5-manager-build')}
|
|
121
100
|
`;
|
|
122
101
|
},
|
|
123
102
|
|
|
@@ -145,9 +124,8 @@ const webpack5 = {
|
|
|
145
124
|
|
|
146
125
|
if (!dryRun) {
|
|
147
126
|
main.setFieldValue(['core', 'builder'], '@storybook/builder-webpack5');
|
|
148
|
-
await
|
|
127
|
+
await writeConfig(main);
|
|
149
128
|
}
|
|
150
129
|
}
|
|
151
130
|
|
|
152
|
-
};
|
|
153
|
-
exports.webpack5 = webpack5;
|
|
131
|
+
};
|
|
@@ -1,28 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.findEslintFile = exports.SUPPORTED_ESLINT_EXTENSIONS = void 0;
|
|
7
|
-
|
|
8
|
-
var _fsExtra = _interopRequireDefault(require("fs-extra"));
|
|
9
|
-
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
12
|
-
const SUPPORTED_ESLINT_EXTENSIONS = ['js', 'cjs'];
|
|
13
|
-
exports.SUPPORTED_ESLINT_EXTENSIONS = SUPPORTED_ESLINT_EXTENSIONS;
|
|
1
|
+
import fse from 'fs-extra';
|
|
2
|
+
export const SUPPORTED_ESLINT_EXTENSIONS = ['js', 'cjs'];
|
|
14
3
|
const UNSUPPORTED_ESLINT_EXTENSIONS = ['yaml', 'yml', 'json'];
|
|
15
|
-
|
|
16
|
-
const findEslintFile = () => {
|
|
4
|
+
export const findEslintFile = () => {
|
|
17
5
|
const filePrefix = '.eslintrc';
|
|
18
|
-
const unsupportedExtension = UNSUPPORTED_ESLINT_EXTENSIONS.find(ext =>
|
|
6
|
+
const unsupportedExtension = UNSUPPORTED_ESLINT_EXTENSIONS.find(ext => fse.existsSync(`${filePrefix}.${ext}`));
|
|
19
7
|
|
|
20
8
|
if (unsupportedExtension) {
|
|
21
9
|
throw new Error(unsupportedExtension);
|
|
22
10
|
}
|
|
23
11
|
|
|
24
|
-
const extension = SUPPORTED_ESLINT_EXTENSIONS.find(ext =>
|
|
12
|
+
const extension = SUPPORTED_ESLINT_EXTENSIONS.find(ext => fse.existsSync(`${filePrefix}.${ext}`));
|
|
25
13
|
return extension ? `${filePrefix}.${extension}` : null;
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
exports.findEslintFile = findEslintFile;
|
|
14
|
+
};
|
|
@@ -1,39 +1,21 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.automigrate = void 0;
|
|
7
|
-
|
|
8
|
-
require("core-js/modules/es.promise.js");
|
|
9
|
-
|
|
10
|
-
var _prompts = _interopRequireDefault(require("prompts"));
|
|
11
|
-
|
|
12
|
-
var _chalk = _interopRequireDefault(require("chalk"));
|
|
13
|
-
|
|
14
|
-
var _boxen = _interopRequireDefault(require("boxen"));
|
|
15
|
-
|
|
16
|
-
var _jsPackageManager = require("../js-package-manager");
|
|
17
|
-
|
|
18
|
-
var _fixes = require("./fixes");
|
|
19
|
-
|
|
20
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
-
|
|
22
1
|
/* eslint-disable no-await-in-loop */
|
|
2
|
+
import prompts from 'prompts';
|
|
3
|
+
import chalk from 'chalk';
|
|
4
|
+
import boxen from 'boxen';
|
|
5
|
+
import { JsPackageManagerFactory } from '../js-package-manager';
|
|
6
|
+
import { fixes } from './fixes';
|
|
23
7
|
const logger = console;
|
|
24
|
-
|
|
25
|
-
const automigrate = async ({
|
|
8
|
+
export const automigrate = async ({
|
|
26
9
|
fixId,
|
|
27
10
|
dryRun,
|
|
28
11
|
yes
|
|
29
12
|
} = {}) => {
|
|
30
|
-
const packageManager =
|
|
31
|
-
|
|
32
|
-
const filtered = fixId ? _fixes.fixes.filter(f => f.id === fixId) : _fixes.fixes;
|
|
13
|
+
const packageManager = JsPackageManagerFactory.getPackageManager();
|
|
14
|
+
const filtered = fixId ? fixes.filter(f => f.id === fixId) : fixes;
|
|
33
15
|
logger.info('🔎 checking possible migrations..');
|
|
34
16
|
|
|
35
17
|
for (let i = 0; i < filtered.length; i += 1) {
|
|
36
|
-
const f =
|
|
18
|
+
const f = fixes[i];
|
|
37
19
|
let result;
|
|
38
20
|
|
|
39
21
|
try {
|
|
@@ -45,10 +27,10 @@ const automigrate = async ({
|
|
|
45
27
|
}
|
|
46
28
|
|
|
47
29
|
if (result) {
|
|
48
|
-
logger.info(`🔎 found a '${
|
|
30
|
+
logger.info(`🔎 found a '${chalk.cyan(f.id)}' migration:`);
|
|
49
31
|
logger.info();
|
|
50
32
|
const message = f.prompt(result);
|
|
51
|
-
logger.info((
|
|
33
|
+
logger.info(boxen(message, {
|
|
52
34
|
borderStyle: 'round',
|
|
53
35
|
padding: 1,
|
|
54
36
|
borderColor: '#F1618C'
|
|
@@ -64,10 +46,10 @@ const automigrate = async ({
|
|
|
64
46
|
fix: true
|
|
65
47
|
};
|
|
66
48
|
} else {
|
|
67
|
-
runAnswer = await (
|
|
49
|
+
runAnswer = await prompts({
|
|
68
50
|
type: 'confirm',
|
|
69
51
|
name: 'fix',
|
|
70
|
-
message: `Do you want to run the '${
|
|
52
|
+
message: `Do you want to run the '${chalk.cyan(f.id)}' migration on your project?`
|
|
71
53
|
});
|
|
72
54
|
}
|
|
73
55
|
|
|
@@ -78,16 +60,16 @@ const automigrate = async ({
|
|
|
78
60
|
packageManager,
|
|
79
61
|
dryRun
|
|
80
62
|
});
|
|
81
|
-
logger.info(`✅ ran ${
|
|
63
|
+
logger.info(`✅ ran ${chalk.cyan(f.id)} migration`);
|
|
82
64
|
} catch (error) {
|
|
83
|
-
logger.info(`❌ error when running ${
|
|
65
|
+
logger.info(`❌ error when running ${chalk.cyan(f.id)} migration:`);
|
|
84
66
|
logger.info(error.message);
|
|
85
67
|
logger.info();
|
|
86
68
|
}
|
|
87
69
|
} else {
|
|
88
|
-
logger.info(`Skipping the ${
|
|
70
|
+
logger.info(`Skipping the ${chalk.cyan(f.id)} migration.`);
|
|
89
71
|
logger.info();
|
|
90
|
-
logger.info(`If you change your mind, run '${
|
|
72
|
+
logger.info(`If you change your mind, run '${chalk.cyan('npx storybook@next automigrate')}'`);
|
|
91
73
|
}
|
|
92
74
|
}
|
|
93
75
|
}
|
|
@@ -95,6 +77,4 @@ const automigrate = async ({
|
|
|
95
77
|
logger.info();
|
|
96
78
|
logger.info('✅ migration check successfully ran');
|
|
97
79
|
logger.info();
|
|
98
|
-
};
|
|
99
|
-
|
|
100
|
-
exports.automigrate = automigrate;
|
|
80
|
+
};
|