GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-05 16:11:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'next' into shilman/generic-mdx-stories

Browse Source
This commit is contained in:
Michael Shilman 2022-10-09 18:19:06 +08:00
commit 70f21ae05b
177 changed files with 2027 additions and 2600 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
.circleci/config.yml
View File

@ -316,7 +316,7 @@ jobs:
executor:
class: medium+
name: sb_node_14_browsers
parallelism: 12
parallelism: 13
steps:
- git-shallow-clone/checkout_advanced:
clone_options: '--depth 1 --verbose'
@ -336,7 +336,7 @@ jobs:
executor:
class: medium+
name: sb_node_14_browsers
parallelism: 11
parallelism: 12
steps:
- git-shallow-clone/checkout_advanced:
clone_options: '--depth 1 --verbose'
@ -352,7 +352,7 @@ jobs:
executor:
class: medium+
name: sb_node_14_browsers
parallelism: 12
parallelism: 13
steps:
- git-shallow-clone/checkout_advanced:
clone_options: '--depth 1 --verbose'
@ -367,12 +367,12 @@ jobs:
- persist_to_workspace:
root: .
paths:
- sandbox
- sandbox/*/storybook-static
test-runner-sandboxes:
executor:
class: medium+
name: sb_node_14_browsers
parallelism: 12
parallelism: 13
steps:
- git-shallow-clone/checkout_advanced:
clone_options: '--depth 1 --verbose'
@ -388,7 +388,7 @@ jobs:
executor:
class: medium+
name: sb_node_14_browsers
parallelism: 12
parallelism: 13
steps:
- git-shallow-clone/checkout_advanced:
clone_options: '--depth 1 --verbose'
@ -404,7 +404,7 @@ jobs:
executor:
class: medium+
name: sb_playwright
parallelism: 12
parallelism: 13
steps:
- git-shallow-clone/checkout_advanced:
clone_options: '--depth 1 --verbose'

15
.gitpod.yml
View File

@ -3,15 +3,6 @@
# and commit this file to your remote git repository to share the goodness with others.
tasks:
- name: Scripts
init: |
cd scripts
yarn install
gp sync-done scripts
- name: Code
init: |
gp sync-await scripts # wait for the above 'init' to finish
cd code
yarn install
yarn bootstrap --core
- name: Bootstrap
init: ./bootstrap.sh --core

399
CHANGELOG.md
View File

@ -1,238 +1,285 @@
## 7.0.0-alpha.35 (October 5, 2022)
#### Features
- Angular: Disable ngcc when not needed [#19307](https://github.com/storybooks/storybook/pull/19307)
- Vite: Add vue-vite framework for Vue2 [#19230](https://github.com/storybooks/storybook/pull/19230)
- Storyshots-puppeteer: Add browserLaunchOptions to CommonConfig [#18927](https://github.com/storybooks/storybook/pull/18927)
#### Bug Fixes
- Vite: Fix svelte docgen and svelte-native stories [#19339](https://github.com/storybooks/storybook/pull/19339)
- CLI: Exclude @storybook/testing-react from outdated check [#19272](https://github.com/storybooks/storybook/pull/19272)
- Interactions: Fix path to checkActionsLoaded [#19334](https://github.com/storybooks/storybook/pull/19334)
- Webpack: Fix resolution of webpack config relating to resolve fallbacks (assert) [#19358](https://github.com/storybooks/storybook/pull/19358)
- Vite: Add vite framework plugin if not found [#19259](https://github.com/storybooks/storybook/pull/19259)
- Vue2: Fix play function `within` & args updating in decorators [#19207](https://github.com/storybooks/storybook/pull/19207)
#### Maintenance
- Addon-docs: Remove STORYBOOK_REACT_CLASSES and global/globals.ts [#19300](https://github.com/storybooks/storybook/pull/19300)
- Cleanup premature merge [#19332](https://github.com/storybooks/storybook/pull/19332)
- CLI: Update sb add for main.js [#19312](https://github.com/storybooks/storybook/pull/19312)
- React: Move argType stories to template/stories folder [#19265](https://github.com/storybooks/storybook/pull/19265)
#### Build
- Build: Add react17 + webpack5 template [#19342](https://github.com/storybooks/storybook/pull/19342)
- Build: Add react18 + webpack5 template [#19341](https://github.com/storybooks/storybook/pull/19341)
- Build: Forward parameters in nx command execution [#19283](https://github.com/storybooks/storybook/pull/19283)
- Build: cleanup after moving to tsup [#19268](https://github.com/storybooks/storybook/pull/19268)
- Build: change the vue e2e test to use webpack5, since we stopped supporting webpack4 in 7.0 [#19257](https://github.com/storybooks/storybook/pull/19257)
- Build: Add vue-cli/vue2 repro template [#19314](https://github.com/storybooks/storybook/pull/19314)
- Build: Bundle addons-actions with ts-up [#18775](https://github.com/storybooks/storybook/pull/18775)
- Build: Bundle lib/addons with ts-up [#18805](https://github.com/storybooks/storybook/pull/18805)
- Build: improve the tsconfig [#19346](https://github.com/storybooks/storybook/pull/19346)
- Build: Bundle lib/telemetry with ts-up [#19317](https://github.com/storybooks/storybook/pull/19317)
- Build: Bundle lib/store with tsup [#19308](https://github.com/storybooks/storybook/pull/19308)
- Build: Bundle lib/source-loader with ts-up [#19313](https://github.com/storybooks/storybook/pull/19313)
- Build: Bundle lib/csf-tools with ts-up [#18914](https://github.com/storybooks/storybook/pull/18914)
- Build: Bundle lib/core-client with ts-up [#19276](https://github.com/storybooks/storybook/pull/19276)
- Build: Bundle lib/client-api with ts-up [#19271](https://github.com/storybooks/storybook/pull/19271)
- Build: Bundle lib/postinstall with ts-up [#19327](https://github.com/storybooks/storybook/pull/19327)
- Build: Add react18 + webpack5 template [#19341](https://github.com/storybooks/storybook/pull/19341)
- Build: Remove cypress from monorepo [#19303](https://github.com/storybooks/storybook/pull/19303)
- Build: Disable smoke test on cra/default-ts [#19352](https://github.com/storybooks/storybook/pull/19352)
- Build: Fix prepare bundle on Windows [#19243](https://github.com/storybooks/storybook/pull/19243)
- Build: Bundle addons/essentials with ts-up [#19322](https://github.com/storybooks/storybook/pull/19322)
## 7.0.0-alpha.34 (September 27, 2022)
#### Features
- Vite: Export storybook utilities from frameworks for better pnpm support [#19216](https://github.com/storybooks/storybook/pull/19216)
- Vite: Export storybook utilities from frameworks for better pnpm support [#19216](https://github.com/storybooks/storybook/pull/19216)
#### Bug Fixes
- Vite: Do not add Webpack loaders when using Vite builder [#19263](https://github.com/storybooks/storybook/pull/19263)
- Source-loader: Fix invalid call to CSF sanitize [#18930](https://github.com/storybooks/storybook/pull/18930)
- Svelte: generate preview file with js extension always [#19253](https://github.com/storybooks/storybook/pull/19253)
- UI: Fix react runtime for addons in manager [#19226](https://github.com/storybooks/storybook/pull/19226)
- Svelte: Fix button component not accepting the onClick handler [#19249](https://github.com/storybooks/storybook/pull/19249)
- Vite: Support runStep in Vite builder SSv6 [#19235](https://github.com/storybooks/storybook/pull/19235)
- Angular: Alias decorateStory as applyDecorators [#19189](https://github.com/storybooks/storybook/pull/19189)
- UI: Recalculate height of ZoomElement when child element updates [#15472](https://github.com/storybooks/storybook/pull/15472)
- UI: Fix copy button copying outdated snippet [#18888](https://github.com/storybooks/storybook/pull/18888)
- UI: Fix clipboard issue [#18999](https://github.com/storybooks/storybook/pull/18999)
- CLI: Do not remove framework dependency in automigration [#19129](https://github.com/storybooks/storybook/pull/19129)
- TS: Type `storyIdToEntry` explicitly [#19123](https://github.com/storybooks/storybook/pull/19123)
- Vite: Do not add Webpack loaders when using Vite builder [#19263](https://github.com/storybooks/storybook/pull/19263)
- Source-loader: Fix invalid call to CSF sanitize [#18930](https://github.com/storybooks/storybook/pull/18930)
- Svelte: generate preview file with js extension always [#19253](https://github.com/storybooks/storybook/pull/19253)
- UI: Fix react runtime for addons in manager [#19226](https://github.com/storybooks/storybook/pull/19226)
- Svelte: Fix button component not accepting the onClick handler [#19249](https://github.com/storybooks/storybook/pull/19249)
- Vite: Support runStep in Vite builder SSv6 [#19235](https://github.com/storybooks/storybook/pull/19235)
- Angular: Alias decorateStory as applyDecorators [#19189](https://github.com/storybooks/storybook/pull/19189)
- UI: Recalculate height of ZoomElement when child element updates [#15472](https://github.com/storybooks/storybook/pull/15472)
- UI: Fix copy button copying outdated snippet [#18888](https://github.com/storybooks/storybook/pull/18888)
- UI: Fix clipboard issue [#18999](https://github.com/storybooks/storybook/pull/18999)
- CLI: Do not remove framework dependency in automigration [#19129](https://github.com/storybooks/storybook/pull/19129)
- TS: Type `storyIdToEntry` explicitly [#19123](https://github.com/storybooks/storybook/pull/19123)
#### Maintenance
- Vue3: Add generic renderer stories & delete vue3 example [#19219](https://github.com/storybooks/storybook/pull/19219)
- Build: Remove unused angular_modern_inline_rendering [#19254](https://github.com/storybooks/storybook/pull/19254)
- Build: bundle csf-tools with tsup [#19141](https://github.com/storybooks/storybook/pull/19141)
- Build: Enforce @ts-expect-error via eslint [#19198](https://github.com/storybooks/storybook/pull/19198)
- Vue: Add repro template for vue-cli [#19165](https://github.com/storybooks/storybook/pull/19165)
- Build: Link renderer-specific stories inside the sandbox's real stories dir [#19185](https://github.com/storybooks/storybook/pull/19185)
- Build: Remove `cra-kitchen-sink` example [#19179](https://github.com/storybooks/storybook/pull/19179)
- Build: Fix the check script [#19184](https://github.com/storybooks/storybook/pull/19184)
- Build: Build lib/node-logger with ts-up [#19173](https://github.com/storybooks/storybook/pull/19173)
- Build: Fix sandbox running multiple versions of react [#19156](https://github.com/storybooks/storybook/pull/19156)
- Build: fix playwright version again [#19250](https://github.com/storybooks/storybook/pull/19250)
- Build: upgrade playwright version (and lock it) [#19227](https://github.com/storybooks/storybook/pull/19227)
- Vue3: Add generic renderer stories & delete vue3 example [#19219](https://github.com/storybooks/storybook/pull/19219)
- Build: Remove unused angular_modern_inline_rendering [#19254](https://github.com/storybooks/storybook/pull/19254)
- Build: bundle csf-tools with tsup [#19141](https://github.com/storybooks/storybook/pull/19141)
- Build: Enforce @ts-expect-error via eslint [#19198](https://github.com/storybooks/storybook/pull/19198)
- Vue: Add repro template for vue-cli [#19165](https://github.com/storybooks/storybook/pull/19165)
- Build: Link renderer-specific stories inside the sandbox's real stories dir [#19185](https://github.com/storybooks/storybook/pull/19185)
- Build: Remove `cra-kitchen-sink` example [#19179](https://github.com/storybooks/storybook/pull/19179)
- Build: Fix the check script [#19184](https://github.com/storybooks/storybook/pull/19184)
- Build: Build lib/node-logger with ts-up [#19173](https://github.com/storybooks/storybook/pull/19173)
- Build: Fix sandbox running multiple versions of react [#19156](https://github.com/storybooks/storybook/pull/19156)
- Build: fix playwright version again [#19250](https://github.com/storybooks/storybook/pull/19250)
- Build: upgrade playwright version (and lock it) [#19227](https://github.com/storybooks/storybook/pull/19227)
#### Dependency Upgrades
- Remove @nicolo-ribaudo/chokidar-2 [#19244](https://github.com/storybooks/storybook/pull/19244)
- Remove @nicolo-ribaudo/chokidar-2 [#19244](https://github.com/storybooks/storybook/pull/19244)
## 7.0.0-alpha.33 (September 13, 2022)
#### Features
- Core: Add a new `throwPlayFunctionExceptions` parameter [#19143](https://github.com/storybooks/storybook/pull/19143)
- Core: Add a new `throwPlayFunctionExceptions` parameter [#19143](https://github.com/storybooks/storybook/pull/19143)
#### Bug Fixes
- Fix issue in instrumenter with `waitFor` [#19145](https://github.com/storybooks/storybook/pull/19145)
- Core: Fix static dirs targeting same destination [#19064](https://github.com/storybooks/storybook/pull/19064)
- React: Fix issue with react 18 implementation [#19125](https://github.com/storybooks/storybook/pull/19125)
- CLI: Fix spawning child processes on windows [#19019](https://github.com/storybooks/storybook/pull/19019)
- Vite: Ensure we set `DOCS_OPTIONS` in the vite builder [#19127](https://github.com/storybooks/storybook/pull/19127)
- Fix issue in instrumenter with `waitFor` [#19145](https://github.com/storybooks/storybook/pull/19145)
- Core: Fix static dirs targeting same destination [#19064](https://github.com/storybooks/storybook/pull/19064)
- React: Fix issue with react 18 implementation [#19125](https://github.com/storybooks/storybook/pull/19125)
- CLI: Fix spawning child processes on windows [#19019](https://github.com/storybooks/storybook/pull/19019)
- Vite: Ensure we set `DOCS_OPTIONS` in the vite builder [#19127](https://github.com/storybooks/storybook/pull/19127)
#### Maintenance
- Build: Bundle @storybook/cli with tsup [#19138](https://github.com/storybooks/storybook/pull/19138)
- Examples: Remove `cra-ts-essentials` [#19170](https://github.com/storybooks/storybook/pull/19170)
- Added some basic interactions stories [#19153](https://github.com/storybooks/storybook/pull/19153)
- Presets: Replace `config` with `previewAnnotations`, remove `previewEntries` [#19152](https://github.com/storybooks/storybook/pull/19152)
- Addon-links: Move stories into addon [#19124](https://github.com/storybooks/storybook/pull/19124)
- Addon-a11y: Move stories into addon [#19114](https://github.com/storybooks/storybook/pull/19114)
- Toolbars: Generic example stories [#19166](https://github.com/storybooks/storybook/pull/19166)
- TypeScript: Revert a few @ts-expect-errors [#19168](https://github.com/storybooks/storybook/pull/19168)
- Addon-docs: Generic stories for DocsPage [#19162](https://github.com/storybooks/storybook/pull/19162)
- Controls: Generic stories for sorting [#19161](https://github.com/storybooks/storybook/pull/19161)
- Build: Generic stories for addon-controls [#19149](https://github.com/storybooks/storybook/pull/19149)
- remove node12 from the matrix [#19147](https://github.com/storybooks/storybook/pull/19147)
- Build libs/router with ts-up [#19140](https://github.com/storybooks/storybook/pull/19140)
- Build: Bundle addon-interactions with tsup [#19139](https://github.com/storybooks/storybook/pull/19139)
- Generic stories for remaining core features [#19118](https://github.com/storybooks/storybook/pull/19118)
- Add parameter, loader and decorator stories to `lib/store` [#19105](https://github.com/storybooks/storybook/pull/19105)
- Convert @ts-ignore to @ts-expect-error [#19122](https://github.com/storybooks/storybook/pull/19122)
- Build: Bundle @storybook/cli with tsup [#19138](https://github.com/storybooks/storybook/pull/19138)
- Examples: Remove `cra-ts-essentials` [#19170](https://github.com/storybooks/storybook/pull/19170)
- Added some basic interactions stories [#19153](https://github.com/storybooks/storybook/pull/19153)
- Presets: Replace `config` with `previewAnnotations`, remove `previewEntries` [#19152](https://github.com/storybooks/storybook/pull/19152)
- Addon-links: Move stories into addon [#19124](https://github.com/storybooks/storybook/pull/19124)
- Addon-a11y: Move stories into addon [#19114](https://github.com/storybooks/storybook/pull/19114)
- Toolbars: Generic example stories [#19166](https://github.com/storybooks/storybook/pull/19166)
- TypeScript: Revert a few @ts-expect-errors [#19168](https://github.com/storybooks/storybook/pull/19168)
- Addon-docs: Generic stories for DocsPage [#19162](https://github.com/storybooks/storybook/pull/19162)
- Controls: Generic stories for sorting [#19161](https://github.com/storybooks/storybook/pull/19161)
- Build: Generic stories for addon-controls [#19149](https://github.com/storybooks/storybook/pull/19149)
- remove node12 from the matrix [#19147](https://github.com/storybooks/storybook/pull/19147)
- Build libs/router with ts-up [#19140](https://github.com/storybooks/storybook/pull/19140)
- Build: Bundle addon-interactions with tsup [#19139](https://github.com/storybooks/storybook/pull/19139)
- Generic stories for remaining core features [#19118](https://github.com/storybooks/storybook/pull/19118)
- Add parameter, loader and decorator stories to `lib/store` [#19105](https://github.com/storybooks/storybook/pull/19105)
- Convert @ts-ignore to @ts-expect-error [#19122](https://github.com/storybooks/storybook/pull/19122)
#### Dependency Upgrades
- Upgrade emotion deps again [#19054](https://github.com/storybooks/storybook/pull/19054)
- Upgrade emotion deps again [#19054](https://github.com/storybooks/storybook/pull/19054)
## 7.0.0-alpha.31 (September 7, 2022)
#### Maintenance
- Doc blocks: Update ArgTable Reset button to use IconButton [#19052](https://github.com/storybooks/storybook/pull/19052)
- UI: Update a handful of icons [#19084](https://github.com/storybooks/storybook/pull/19084)
- Build: Update to latest nx [#19078](https://github.com/storybooks/storybook/pull/19078)
- Vite: Fix plugin types [#19095](https://github.com/storybooks/storybook/pull/19095)
- Doc blocks: Update ArgTable Reset button to use IconButton [#19052](https://github.com/storybooks/storybook/pull/19052)
- UI: Update a handful of icons [#19084](https://github.com/storybooks/storybook/pull/19084)
- Build: Update to latest nx [#19078](https://github.com/storybooks/storybook/pull/19078)
- Vite: Fix plugin types [#19095](https://github.com/storybooks/storybook/pull/19095)
#### Dependency Upgrades
- Chore: Remove unused dependencies in /lib [#19100](https://github.com/storybooks/storybook/pull/19100)
- Chore: Remove unused dependencies in /lib [#19100](https://github.com/storybooks/storybook/pull/19100)
## 7.0.0-alpha.30 (September 6, 2022)
#### Bug Fixes
- CLI: Fix include rendererAssets in npm bundle [#19115](https://github.com/storybooks/storybook/pull/19115)
- CLI: Fix include rendererAssets in npm bundle [#19115](https://github.com/storybooks/storybook/pull/19115)
#### Maintenance
- CLI: remove outdated comment in Angular starter [#19097](https://github.com/storybooks/storybook/pull/19097)
- CLI: remove outdated comment in Angular starter [#19097](https://github.com/storybooks/storybook/pull/19097)
#### Dependency Upgrades
- Remove deprecated `stable` dependency [#19103](https://github.com/storybooks/storybook/pull/19103)
- Svelte: Update sveltedoc dependencies [#19111](https://github.com/storybooks/storybook/pull/19111)
- Deps: Remove core-js from most packages [#19098](https://github.com/storybooks/storybook/pull/19098)
- Deps: Upgrade react-element-to-jsx-string and react-inspector for React 18 [#19104](https://github.com/storybooks/storybook/pull/19104)
- Remove deprecated `stable` dependency [#19103](https://github.com/storybooks/storybook/pull/19103)
- Svelte: Update sveltedoc dependencies [#19111](https://github.com/storybooks/storybook/pull/19111)
- Deps: Remove core-js from most packages [#19098](https://github.com/storybooks/storybook/pull/19098)
- Deps: Upgrade react-element-to-jsx-string and react-inspector for React 18 [#19104](https://github.com/storybooks/storybook/pull/19104)
## 7.0.0-alpha.29 (September 2, 2022)
#### Bug Fixes
- CLI/Vite: Don't add babel dependencies during init [#19088](https://github.com/storybooks/storybook/pull/19088)
- CLI: Fix sb init to use renderer assets instead of frameworks [#19091](https://github.com/storybooks/storybook/pull/19091)
- Core: Ensure if a docs render is torndown during preparation, it throws [#19071](https://github.com/storybooks/storybook/pull/19071)
- CLI/Vite: Don't add babel dependencies during init [#19088](https://github.com/storybooks/storybook/pull/19088)
- CLI: Fix sb init to use renderer assets instead of frameworks [#19091](https://github.com/storybooks/storybook/pull/19091)
- Core: Ensure if a docs render is torndown during preparation, it throws [#19071](https://github.com/storybooks/storybook/pull/19071)
#### Maintenance
- Addon-viewport: Move stories into addon [#19086](https://github.com/storybooks/storybook/pull/19086)
- Addon-backgrounds: Move stories into addon [#19085](https://github.com/storybooks/storybook/pull/19085)
- Addon-actions: Move stories into addon [#19082](https://github.com/storybooks/storybook/pull/19082)
- Build: Exit yarn bootstrap with nonzero code if failed [#19089](https://github.com/storybooks/storybook/pull/19089)
- Vite: cleanup custom plugins [#19087](https://github.com/storybooks/storybook/pull/19087)
- Build: Prefix generic addon stories in sandbox storybooks [#19092](https://github.com/storybooks/storybook/pull/19092)
- Addon-viewport: Move stories into addon [#19086](https://github.com/storybooks/storybook/pull/19086)
- Addon-backgrounds: Move stories into addon [#19085](https://github.com/storybooks/storybook/pull/19085)
- Addon-actions: Move stories into addon [#19082](https://github.com/storybooks/storybook/pull/19082)
- Build: Exit yarn bootstrap with nonzero code if failed [#19089](https://github.com/storybooks/storybook/pull/19089)
- Vite: cleanup custom plugins [#19087](https://github.com/storybooks/storybook/pull/19087)
- Build: Prefix generic addon stories in sandbox storybooks [#19092](https://github.com/storybooks/storybook/pull/19092)
## 7.0.0-alpha.28 (September 2, 2022)
#### Features
- Vite: Automatically use vite.config.js [#19026](https://github.com/storybooks/storybook/pull/19026)
- Vite: Automatically use vite.config.js [#19026](https://github.com/storybooks/storybook/pull/19026)
#### Bug Fixes
- CLI: Fix race condition in sb init [#19083](https://github.com/storybooks/storybook/pull/19083)
- Vite: Fix framework option checks, and SSv6 [#19062](https://github.com/storybooks/storybook/pull/19062)
- Core: Fix WebProjectAnnotations export in preview-web for back-compat [#19048](https://github.com/storybooks/storybook/pull/19048)
- CLI: Fix race condition in sb init [#19083](https://github.com/storybooks/storybook/pull/19083)
- Vite: Fix framework option checks, and SSv6 [#19062](https://github.com/storybooks/storybook/pull/19062)
- Core: Fix WebProjectAnnotations export in preview-web for back-compat [#19048](https://github.com/storybooks/storybook/pull/19048)
#### Maintenance
- Update to new TS reference format (?) [#19072](https://github.com/storybooks/storybook/pull/19072)
- Build: Conditionally force vite rebuilds in sandbox [#19063](https://github.com/storybooks/storybook/pull/19063)
- Build: Fix CRA bench [#19066](https://github.com/storybooks/storybook/pull/19066)
- Update to new TS reference format (?) [#19072](https://github.com/storybooks/storybook/pull/19072)
- Build: Conditionally force vite rebuilds in sandbox [#19063](https://github.com/storybooks/storybook/pull/19063)
- Build: Fix CRA bench [#19066](https://github.com/storybooks/storybook/pull/19066)
## 7.0.0-alpha.27 (August 31, 2022)
#### Features
- Vite: Set `resolve.preserveSymlinks` based on env vars [#19039](https://github.com/storybooks/storybook/pull/19039)
- Vite: Set `resolve.preserveSymlinks` based on env vars [#19039](https://github.com/storybooks/storybook/pull/19039)
#### Bug Fixes
- Core: Restore `/preview` etc package exports; return unresolved path from presets. [#19045](https://github.com/storybooks/storybook/pull/19045)
- Core: Restore `/preview` etc package exports; return unresolved path from presets. [#19045](https://github.com/storybooks/storybook/pull/19045)
#### Maintenance
- Core: Add previewHead and previewBody to StorybookConfig interface [#19047](https://github.com/storybooks/storybook/pull/19047)
- Build: Fix the sb-bench CI step [#19029](https://github.com/storybooks/storybook/pull/19029)
- Remove sandbox from `.ignore` [#19040](https://github.com/storybooks/storybook/pull/19040)
- Build: Use new test runner with builtin junit [#19028](https://github.com/storybooks/storybook/pull/19028)
- Core: Add previewHead and previewBody to StorybookConfig interface [#19047](https://github.com/storybooks/storybook/pull/19047)
- Build: Fix the sb-bench CI step [#19029](https://github.com/storybooks/storybook/pull/19029)
- Remove sandbox from `.ignore` [#19040](https://github.com/storybooks/storybook/pull/19040)
- Build: Use new test runner with builtin junit [#19028](https://github.com/storybooks/storybook/pull/19028)
#### Dependency Upgrades
- Vite: Clean up framework dependencies / unused files [#19035](https://github.com/storybooks/storybook/pull/19035)
- Vite: Clean up framework dependencies / unused files [#19035](https://github.com/storybooks/storybook/pull/19035)
## 7.0.0-alpha.26 (August 26, 2022)
#### Features
- CLI: Add react, vue3, and svelte vite to new-frameworks automigration [#19016](https://github.com/storybooks/storybook/pull/19016)
- Svelte: Add svelte-vite framework [#18978](https://github.com/storybooks/storybook/pull/18978)
- CLI: Add react, vue3, and svelte vite to new-frameworks automigration [#19016](https://github.com/storybooks/storybook/pull/19016)
- Svelte: Add svelte-vite framework [#18978](https://github.com/storybooks/storybook/pull/18978)
#### Bug Fixes
- Core: Fix default story glob [#19018](https://github.com/storybooks/storybook/pull/19018)
- Core: Fix default story glob [#19018](https://github.com/storybooks/storybook/pull/19018)
#### Dependency Upgrades
- React-vite: update/cleanup dependencies [#19025](https://github.com/storybooks/storybook/pull/19025)
- Remove babel-loader from core-common [#19022](https://github.com/storybooks/storybook/pull/19022)
- React-vite: update/cleanup dependencies [#19025](https://github.com/storybooks/storybook/pull/19025)
- Remove babel-loader from core-common [#19022](https://github.com/storybooks/storybook/pull/19022)
## 7.0.0-alpha.25 (August 25, 2022)
#### Features
- Vite: Add builder-vite, react-vite, and vue3-vite [#19007](https://github.com/storybooks/storybook/pull/19007)
- Vite: Add builder-vite, react-vite, and vue3-vite [#19007](https://github.com/storybooks/storybook/pull/19007)
#### Maintenance
- CI: use runner with playwright installed for cra_bench [#18951](https://github.com/storybooks/storybook/pull/18951)
- Replace rollup-plugin-node-polyfills to analogs [#18975](https://github.com/storybooks/storybook/pull/18975)
- CI: use runner with playwright installed for cra_bench [#18951](https://github.com/storybooks/storybook/pull/18951)
- Replace rollup-plugin-node-polyfills to analogs [#18975](https://github.com/storybooks/storybook/pull/18975)
## 7.0.0-alpha.24 (August 24, 2022)
#### Breaking changes
- Preview: Rename Storybook DOM root IDs [#10638](https://github.com/storybooks/storybook/pull/10638)
- Preview: Rename Storybook DOM root IDs [#10638](https://github.com/storybooks/storybook/pull/10638)
#### Features
- Interactions: Add `step` function and support multiple levels of nesting [#18555](https://github.com/storybooks/storybook/pull/18555)
- Interactions: Add `step` function and support multiple levels of nesting [#18555](https://github.com/storybooks/storybook/pull/18555)
#### Bug Fixes
- Addon-docs: Fix canvas support expand code for non-story [#18808](https://github.com/storybooks/storybook/pull/18808)
- Components: Avoid including line numbers when copying the code [#18725](https://github.com/storybooks/storybook/pull/18725)
- Vue: Fix enum check in extractArgTypes [#18959](https://github.com/storybooks/storybook/pull/18959)
- Core: Fix frameworkOptions preset [#18979](https://github.com/storybooks/storybook/pull/18979)
- Addon-docs: Fix canvas support expand code for non-story [#18808](https://github.com/storybooks/storybook/pull/18808)
- Components: Avoid including line numbers when copying the code [#18725](https://github.com/storybooks/storybook/pull/18725)
- Vue: Fix enum check in extractArgTypes [#18959](https://github.com/storybooks/storybook/pull/18959)
- Core: Fix frameworkOptions preset [#18979](https://github.com/storybooks/storybook/pull/18979)
#### Maintenance
- Addon-a11y: Remove achromatomaly color filter [#18852](https://github.com/storybooks/storybook/pull/18852)
- Build: Use ts-up to build core-webpack [#18912](https://github.com/storybooks/storybook/pull/18912)
- Build: Use ts-up to build addon-viewport [#18943](https://github.com/storybooks/storybook/pull/18943)
- Build: Improve generate-repros-next [#19001](https://github.com/storybooks/storybook/pull/19001)
- Examples: Remove refs in angular example [#18986](https://github.com/storybooks/storybook/pull/18986)
- Build: Use ts-up to build client-logger [#18893](https://github.com/storybooks/storybook/pull/18893)
- Generate-repros: Run local registry on `--local-registry` option [#18997](https://github.com/storybooks/storybook/pull/18997)
- Build: Remove unused bootstrap --cleanup [#18981](https://github.com/storybooks/storybook/pull/18981)
- CLI: Fix local repro publishing [#18977](https://github.com/storybooks/storybook/pull/18977)
- Build: Run verdaccio on 6001 to enable web UI [#18983](https://github.com/storybooks/storybook/pull/18983)
- CLI: determine whether to add interactive stories from `renderer` rather than `framework` [#18968](https://github.com/storybooks/storybook/pull/18968)
- CLI: Auto-accept migrations when running `generate-repros-next` [#18969](https://github.com/storybooks/storybook/pull/18969)
- Addon-a11y: Remove achromatomaly color filter [#18852](https://github.com/storybooks/storybook/pull/18852)
- Build: Use ts-up to build core-webpack [#18912](https://github.com/storybooks/storybook/pull/18912)
- Build: Use ts-up to build addon-viewport [#18943](https://github.com/storybooks/storybook/pull/18943)
- Build: Improve generate-repros-next [#19001](https://github.com/storybooks/storybook/pull/19001)
- Examples: Remove refs in angular example [#18986](https://github.com/storybooks/storybook/pull/18986)
- Build: Use ts-up to build client-logger [#18893](https://github.com/storybooks/storybook/pull/18893)
- Generate-repros: Run local registry on `--local-registry` option [#18997](https://github.com/storybooks/storybook/pull/18997)
- Build: Remove unused bootstrap --cleanup [#18981](https://github.com/storybooks/storybook/pull/18981)
- CLI: Fix local repro publishing [#18977](https://github.com/storybooks/storybook/pull/18977)
- Build: Run verdaccio on 6001 to enable web UI [#18983](https://github.com/storybooks/storybook/pull/18983)
- CLI: determine whether to add interactive stories from `renderer` rather than `framework` [#18968](https://github.com/storybooks/storybook/pull/18968)
- CLI: Auto-accept migrations when running `generate-repros-next` [#18969](https://github.com/storybooks/storybook/pull/18969)
## 7.0.0-alpha.23 (August 18, 2022)
#### Features
- UI: Polish canvas and sidebar for 7.0 [#18894](https://github.com/storybooks/storybook/pull/18894)
- UI: Polish canvas and sidebar for 7.0 [#18894](https://github.com/storybooks/storybook/pull/18894)
#### Maintenance
- Sandbox: Add ability to run from local repro [#18950](https://github.com/storybooks/storybook/pull/18950)
- Repros: Add ability to generate repros using local registry [#18948](https://github.com/storybooks/storybook/pull/18948)
- CLI: Move write/read package json into JsPackageManager [#18942](https://github.com/storybooks/storybook/pull/18942)
- Sandbox: Add ability to run from local repro [#18950](https://github.com/storybooks/storybook/pull/18950)
- Repros: Add ability to generate repros using local registry [#18948](https://github.com/storybooks/storybook/pull/18948)
- CLI: Move write/read package json into JsPackageManager [#18942](https://github.com/storybooks/storybook/pull/18942)
## 7.0.0-alpha.22 (August 18, 2022)
@ -242,111 +289,111 @@ Failed publish to npm
#### Maintenance
- UI: Update every icon for v7 design [#18809](https://github.com/storybooks/storybook/pull/18809)
- UI: Update every icon for v7 design [#18809](https://github.com/storybooks/storybook/pull/18809)
## 7.0.0-alpha.20 (August 16, 2022)
#### Features
- CLI: Automigration for new frameworks [#18919](https://github.com/storybooks/storybook/pull/18919)
- CLI: Automigration for new frameworks [#18919](https://github.com/storybooks/storybook/pull/18919)
#### Bug Fixes
- UI: Fix the order of addons appearing in prebuilt manager [#18918](https://github.com/storybooks/storybook/pull/18918)
- UI: Fix the order of addons appearing in prebuilt manager [#18918](https://github.com/storybooks/storybook/pull/18918)
#### Maintenance
- Exit sandbox gracefully on cancel [#18936](https://github.com/storybooks/storybook/pull/18936)
- Disable telemetry in monorepo and CI [#18935](https://github.com/storybooks/storybook/pull/18935)
- Convert cypress e2e tests to playwright [#18932](https://github.com/storybooks/storybook/pull/18932)
- CI: Refactor to use tasks [#18922](https://github.com/storybooks/storybook/pull/18922)
- Angular: Add renderer components / stories [#18934](https://github.com/storybooks/storybook/pull/18934)
- Examples: Add angular repro template and refactor [#18931](https://github.com/storybooks/storybook/pull/18931)
- Exit sandbox gracefully on cancel [#18936](https://github.com/storybooks/storybook/pull/18936)
- Disable telemetry in monorepo and CI [#18935](https://github.com/storybooks/storybook/pull/18935)
- Convert cypress e2e tests to playwright [#18932](https://github.com/storybooks/storybook/pull/18932)
- CI: Refactor to use tasks [#18922](https://github.com/storybooks/storybook/pull/18922)
- Angular: Add renderer components / stories [#18934](https://github.com/storybooks/storybook/pull/18934)
- Examples: Add angular repro template and refactor [#18931](https://github.com/storybooks/storybook/pull/18931)
## 7.0.0-alpha.19 (August 12, 2022)
#### Features
- CLI: add "storybook scripts 7.0" automigrate command [#18769](https://github.com/storybooks/storybook/pull/18769)
- Interactions: Run conditionally based on query param [#18706](https://github.com/storybooks/storybook/pull/18706)
- CLI: add "storybook scripts 7.0" automigrate command [#18769](https://github.com/storybooks/storybook/pull/18769)
- Interactions: Run conditionally based on query param [#18706](https://github.com/storybooks/storybook/pull/18706)
#### Bug Fixes
- API: Return defaultValue in useParameter if story is not prepared [#18887](https://github.com/storybooks/storybook/pull/18887)
- Store: always call composeConfigs in setProjectAnnotations [#18916](https://github.com/storybooks/storybook/pull/18916)
- CLI: install the same version as the user in sb-scripts automigration [#18917](https://github.com/storybooks/storybook/pull/18917)
- Theming: Add `create` export for lib/theming [#18906](https://github.com/storybooks/storybook/pull/18906)
- Telemetry: Improve addon extraction logic [#18868](https://github.com/storybooks/storybook/pull/18868)
- UI: Add image support to builder-manager [#18857](https://github.com/storybooks/storybook/pull/18857)
- ArgTypes: Fix check for undefined before [#18710](https://github.com/storybooks/storybook/pull/18710)
- API: Return defaultValue in useParameter if story is not prepared [#18887](https://github.com/storybooks/storybook/pull/18887)
- Store: always call composeConfigs in setProjectAnnotations [#18916](https://github.com/storybooks/storybook/pull/18916)
- CLI: install the same version as the user in sb-scripts automigration [#18917](https://github.com/storybooks/storybook/pull/18917)
- Theming: Add `create` export for lib/theming [#18906](https://github.com/storybooks/storybook/pull/18906)
- Telemetry: Improve addon extraction logic [#18868](https://github.com/storybooks/storybook/pull/18868)
- UI: Add image support to builder-manager [#18857](https://github.com/storybooks/storybook/pull/18857)
- ArgTypes: Fix check for undefined before [#18710](https://github.com/storybooks/storybook/pull/18710)
#### Maintenance
- Build: use ts-up to build addon-toolbars [#18847](https://github.com/storybooks/storybook/pull/18847)
- Build: Use ts-up to build channels [#18882](https://github.com/storybooks/storybook/pull/18882)
- Build: Use ts-up to build addon-links [#18908](https://github.com/storybooks/storybook/pull/18908)
- CLI: Fix remove dependencies logic [#18905](https://github.com/storybooks/storybook/pull/18905)
- CLI: Add uninstall deps to jsPackageManager [#18900](https://github.com/storybooks/storybook/pull/18900)
- Examples: Improve sandbox command error handling and debugging [#18869](https://github.com/storybooks/storybook/pull/18869)
- Examples: Change to self-hosted placeholder images [#18878](https://github.com/storybooks/storybook/pull/18878)
- CLI: add --no-init to repro-next command [#18866](https://github.com/storybooks/storybook/pull/18866)
- Build: Got verdaccio working, borrowing heavily from the old repro command [#18844](https://github.com/storybooks/storybook/pull/18844)
- Core-server: Move webpack to be a devDependency [#18856](https://github.com/storybooks/storybook/pull/18856)
- Build: use ts-up to build addon-toolbars [#18847](https://github.com/storybooks/storybook/pull/18847)
- Build: Use ts-up to build channels [#18882](https://github.com/storybooks/storybook/pull/18882)
- Build: Use ts-up to build addon-links [#18908](https://github.com/storybooks/storybook/pull/18908)
- CLI: Fix remove dependencies logic [#18905](https://github.com/storybooks/storybook/pull/18905)
- CLI: Add uninstall deps to jsPackageManager [#18900](https://github.com/storybooks/storybook/pull/18900)
- Examples: Improve sandbox command error handling and debugging [#18869](https://github.com/storybooks/storybook/pull/18869)
- Examples: Change to self-hosted placeholder images [#18878](https://github.com/storybooks/storybook/pull/18878)
- CLI: add --no-init to repro-next command [#18866](https://github.com/storybooks/storybook/pull/18866)
- Build: Got verdaccio working, borrowing heavily from the old repro command [#18844](https://github.com/storybooks/storybook/pull/18844)
- Core-server: Move webpack to be a devDependency [#18856](https://github.com/storybooks/storybook/pull/18856)
## 7.0.0-alpha.18 (August 2, 2022)
#### Features
- CLI: Add temporary sb repro-next command that only degits repros [#18834](https://github.com/storybooks/storybook/pull/18834)
- Interactions: Add step function to play context [#18673](https://github.com/storybooks/storybook/pull/18673)
- UI: Add preloading to stories highlighted in the sidebar [#17964](https://github.com/storybooks/storybook/pull/17964)
- CLI: Add temporary sb repro-next command that only degits repros [#18834](https://github.com/storybooks/storybook/pull/18834)
- Interactions: Add step function to play context [#18673](https://github.com/storybooks/storybook/pull/18673)
- UI: Add preloading to stories highlighted in the sidebar [#17964](https://github.com/storybooks/storybook/pull/17964)
#### Bug Fixes
- UI: Fix refs with authentication being broken if the fetch for `iframe.html` succeeds (but with a request to authenticate) [#18160](https://github.com/storybooks/storybook/pull/18160)
- HTML: Fix missing ability to set `docs.extractArgTypes` [#18831](https://github.com/storybooks/storybook/pull/18831)
- React: Fix callback behavior in `react@18` [#18737](https://github.com/storybooks/storybook/pull/18737)
- CLI: Throw error on failure in sb init [#18816](https://github.com/storybooks/storybook/pull/18816)
- CLI: Fix package.json version detection [#18806](https://github.com/storybooks/storybook/pull/18806)
- UI: Fix refs with authentication being broken if the fetch for `iframe.html` succeeds (but with a request to authenticate) [#18160](https://github.com/storybooks/storybook/pull/18160)
- HTML: Fix missing ability to set `docs.extractArgTypes` [#18831](https://github.com/storybooks/storybook/pull/18831)
- React: Fix callback behavior in `react@18` [#18737](https://github.com/storybooks/storybook/pull/18737)
- CLI: Throw error on failure in sb init [#18816](https://github.com/storybooks/storybook/pull/18816)
- CLI: Fix package.json version detection [#18806](https://github.com/storybooks/storybook/pull/18806)
#### Maintenance
- Build: Use ts-up to build `addon-outline` [#18842](https://github.com/storybooks/storybook/pull/18842)
- Core: Fix default framework options handling [#18676](https://github.com/storybooks/storybook/pull/18676)
- Build: Use tsup to build `addon-measure` and fix related imports in `examples/official-storybook` [#18837](https://github.com/storybooks/storybook/pull/18837)
- Build: Use tsup to build addon-jest [#18836](https://github.com/storybooks/storybook/pull/18836)
- Examples: Use `repro-next` in the example script! [#18839](https://github.com/storybooks/storybook/pull/18839)
- Examples: Rename `example` => `sandbox` [#18838](https://github.com/storybooks/storybook/pull/18838)
- Examples: Use a set of test components in addon stories [#18825](https://github.com/storybooks/storybook/pull/18825)
- Examples: Copy example stories over from renderer + addons [#18824](https://github.com/storybooks/storybook/pull/18824)
- Examples: Set `resolve.symlinks` based on node option [#18827](https://github.com/storybooks/storybook/pull/18827)
- Examples: Add command to publish repros + GH action [#18800](https://github.com/storybooks/storybook/pull/18800)
- Examples: Create a new `yarn example` command [#18781](https://github.com/storybooks/storybook/pull/18781)
- Build: Fix yarn build command [#18817](https://github.com/storybooks/storybook/pull/18817)
- Build: Use tsup to build core-event [#18798](https://github.com/storybooks/storybook/pull/18798)
- Build: Use ts-up to build `addon-outline` [#18842](https://github.com/storybooks/storybook/pull/18842)
- Core: Fix default framework options handling [#18676](https://github.com/storybooks/storybook/pull/18676)
- Build: Use tsup to build `addon-measure` and fix related imports in `examples/official-storybook` [#18837](https://github.com/storybooks/storybook/pull/18837)
- Build: Use tsup to build addon-jest [#18836](https://github.com/storybooks/storybook/pull/18836)
- Examples: Use `repro-next` in the example script! [#18839](https://github.com/storybooks/storybook/pull/18839)
- Examples: Rename `example` => `sandbox` [#18838](https://github.com/storybooks/storybook/pull/18838)
- Examples: Use a set of test components in addon stories [#18825](https://github.com/storybooks/storybook/pull/18825)
- Examples: Copy example stories over from renderer + addons [#18824](https://github.com/storybooks/storybook/pull/18824)
- Examples: Set `resolve.symlinks` based on node option [#18827](https://github.com/storybooks/storybook/pull/18827)
- Examples: Add command to publish repros + GH action [#18800](https://github.com/storybooks/storybook/pull/18800)
- Examples: Create a new `yarn example` command [#18781](https://github.com/storybooks/storybook/pull/18781)
- Build: Fix yarn build command [#18817](https://github.com/storybooks/storybook/pull/18817)
- Build: Use tsup to build core-event [#18798](https://github.com/storybooks/storybook/pull/18798)
## 7.0.0-alpha.17 (July 27, 2022)
#### Features
- Addon-docs: Support DocsPage in v6 store [#18763](https://github.com/storybooks/storybook/pull/18763)
- Addon-docs: Support DocsPage in v6 store [#18763](https://github.com/storybooks/storybook/pull/18763)
#### Bug Fixes
- Preact: Typescript pragma fix [#15564](https://github.com/storybooks/storybook/pull/15564)
- Core: Clear addon cache directory before starting the manager [#18731](https://github.com/storybooks/storybook/pull/18731)
- UI: Pass full docs options to manager [#18762](https://github.com/storybooks/storybook/pull/18762)
- Preview: Fix standalone MDX files not HMR-ing [#18747](https://github.com/storybooks/storybook/pull/18747)
- Preact: Typescript pragma fix [#15564](https://github.com/storybooks/storybook/pull/15564)
- Core: Clear addon cache directory before starting the manager [#18731](https://github.com/storybooks/storybook/pull/18731)
- UI: Pass full docs options to manager [#18762](https://github.com/storybooks/storybook/pull/18762)
- Preview: Fix standalone MDX files not HMR-ing [#18747](https://github.com/storybooks/storybook/pull/18747)
#### Maintenance
- CLI: Add next-repro command [#18787](https://github.com/storybooks/storybook/pull/18787)
- Build: Remove old scripts that are no longer used [#18790](https://github.com/storybooks/storybook/pull/18790)
- Build: Addon-backgrounds with ts-up [#18784](https://github.com/storybooks/storybook/pull/18784)
- Build: Addon-controls with tsup [#18786](https://github.com/storybooks/storybook/pull/18786)
- Build: Use updated circleci node images [#18785](https://github.com/storybooks/storybook/pull/18785)
- Build: Move all code into a `code` directory [#18759](https://github.com/storybooks/storybook/pull/18759)
- Build: Lint css, html, json, md, mdx, yml files [#18735](https://github.com/storybooks/storybook/pull/18735)
- CLI: Add next-repro command [#18787](https://github.com/storybooks/storybook/pull/18787)
- Build: Remove old scripts that are no longer used [#18790](https://github.com/storybooks/storybook/pull/18790)
- Build: Addon-backgrounds with ts-up [#18784](https://github.com/storybooks/storybook/pull/18784)
- Build: Addon-controls with tsup [#18786](https://github.com/storybooks/storybook/pull/18786)
- Build: Use updated circleci node images [#18785](https://github.com/storybooks/storybook/pull/18785)
- Build: Move all code into a `code` directory [#18759](https://github.com/storybooks/storybook/pull/18759)
- Build: Lint css, html, json, md, mdx, yml files [#18735](https://github.com/storybooks/storybook/pull/18735)
## 7.0.0-alpha.16 (July 25, 2022)

8
MIGRATION.md
View File

@ -23,6 +23,7 @@
- [Removed STORYBOOK_REACT_CLASSES global](#removed-storybook_react_classes-global)
- [Icons API changed](#icons-api-changed)
- ['config' preset entry replaced with 'previewAnnotations'](#config-preset-entry-replaced-with-previewannotations)
- [Dropped support for Angular 12 and below](#dropped-support-for-angular-12-and-below)
- [Docs Changes](#docs-changes)
- [Standalone docs files](#standalone-docs-files)
- [Referencing stories in docs files](#referencing-stories-in-docs-files)
@ -555,6 +556,13 @@ The preset field `'config'` has been replaced with `'previewAnnotations'`. `'con
Additionally, the internal field `'previewEntries'` has been removed. If you need a preview entry, just use a `'previewAnnotations'` file and don't export anything.
#### Dropped support for Angular 12 and below
Official [Angular 12 LTS support ends Nov 2022](https://angular.io/guide/releases#actively-supported-versions). With that, Storybook also drops its support
for Angular 12 and below.
In order to use Storybook 7.0, you need to upgrade to at least Angular 13.
#### Vue2 DOM structure changed
In 6.x, `@storybook/vue` would replace the "root" element (formerly `#root`, now `#storybook-root`) with a new node that contains the rendered children. This was problematic because it broke the `play` function, which often starts with `within(canvasElement)` and the old `canvasElement` would get replaced out from under the play function.

11
README.md
View File

@ -36,8 +36,9 @@
</a>
</p>
<p align="center">Storybook is a development environment for UI components.<br/>
It allows you to browse a component library, view the different states of each component, and interactively develop and test components.<br/>Find out more at https://storybook.js.org.</p>
<p align="center">
Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. Find out more at https://storybook.js.org.
</p>
<center>
<img src="https://raw.githubusercontent.com/storybookjs/storybook/main/media/storybook-intro.gif" width="100%" />
@ -75,7 +76,7 @@ Documentation can be found [Storybook's docs site](https://storybook.js.org/docs
### Examples
Here are some featured examples that you can reference to see how Storybook works: <https://storybook.js.org/showcase>
View [Component Encyclopedia](https://storybook.js.org/showcase) to see how leading teams use Storybook.
Storybook comes with a lot of [addons](https://storybook.js.org/docs/react/configure/storybook-addons) for component design, documentation, testing, interactivity, and so on. Storybook's API makes it possible to configure and extend in various ways. It has even been extended to support React Native, Android, iOS, and Flutter development for mobile.
@ -163,7 +164,7 @@ If you're looking for material to use in your presentation about storybook, like
- Tweeting via [@storybookjs](https://twitter.com/storybookjs)
- Blogging at [storybook.js.org](https://storybook.js.org/blog/) and [Medium](https://medium.com/storybookjs)
- Chatting on [Discord](https://discord.gg/storybook)
- Streaming saved at [Youtube](https://www.youtube.com/channel/UCr7Quur3eIyA_oe8FNYexfg)
- Videos and streams at [Youtube](https://www.youtube.com/channel/UCr7Quur3eIyA_oe8FNYexfg)
## Contributing
@ -182,7 +183,7 @@ Looking for a first issue to tackle?
Storybook is organized as a monorepo using [Lerna](https://lerna.js.org/). Useful scripts include:
#### `yarn bootstrap`
#### `./bootstrap.sh`
> Installs package dependencies and links packages together - using lerna

20
code/addons/a11y/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-a11y",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Test component compliance with web accessibility standards",
"keywords": [
"a11y",
@ -62,15 +62,15 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/addon-highlight": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.34",
"@storybook/channels": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/addon-highlight": "7.0.0-alpha.35",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/channels": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.35",
"axe-core": "^4.2.0",
"global": "^4.4.0",
"lodash": "^4.17.21",
@ -104,7 +104,7 @@
"./src/preview.tsx"
]
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"storybook": {
"displayName": "Accessibility",
"icon": "https://user-images.githubusercontent.com/263385/101991665-47042f80-3c7c-11eb-8f00-64b5a18f498a.png",

6
code/addons/a11y/src/components/A11YPanel.tsx
View File

@ -30,15 +30,15 @@ const RotatingIcon = styled(Icon)(({ theme }) => ({
}));
const Passes = styled.span(({ theme }) => ({
color: theme.color.positive,
color: theme.color.positiveText,
}));
const Violations = styled.span(({ theme }) => ({
color: theme.color.negative,
color: theme.color.negativeText,
}));
const Incomplete = styled.span(({ theme }) => ({
color: theme.color.warning,
color: theme.color.warningText,
}));
const Centered = styled.span({

2
code/addons/a11y/src/components/Report/Item.tsx
View File

@ -23,7 +23,7 @@ const Icon = styled(Icons)(({ theme }) => ({
height: 10,
width: 10,
minWidth: 10,
color: theme.color.mediumdark,
color: theme.textMutedColor,
marginRight: 10,
transition: 'transform 0.1s ease-in-out',
alignSelf: 'center',

2
code/addons/a11y/src/components/Tabs.tsx
View File

@ -78,7 +78,7 @@ const TabsWrapper = styled.div({});
const List = styled.div(({ theme }) => ({
boxShadow: `${theme.appBorderColor} 0 -1px 0 0 inset`,
background: 'rgba(0, 0, 0, .05)',
background: theme.background.app,
display: 'flex',
justifyContent: 'space-between',
whiteSpace: 'nowrap',

16
code/addons/actions/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-actions",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Get UI feedback when an action is performed on an interactive element",
"keywords": [
"storybook",
@ -58,13 +58,13 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.35",
"dequal": "^2.0.2",
"global": "^4.4.0",
"lodash": "^4.17.21",
@ -102,7 +102,7 @@
"./src/preview.ts"
]
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"storybook": {
"displayName": "Actions",
"unsupportedFrameworks": [

16
code/addons/backgrounds/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-backgrounds",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Switch backgrounds to view components in different settings",
"keywords": [
"addon",
@ -62,13 +62,13 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.35",
"global": "^4.4.0",
"memoizerific": "^1.11.3",
"ts-dedent": "^2.0.0",
@ -99,7 +99,7 @@
"./src/preview.tsx"
]
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"storybook": {
"displayName": "Backgrounds",
"icon": "https://user-images.githubusercontent.com/263385/101991667-479cc600-3c7c-11eb-96d3-410e936252e7.png",

22
code/addons/controls/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-controls",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Interact with component inputs dynamically in the Storybook UI",
"keywords": [
"addon",
@ -57,16 +57,16 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.34",
"@storybook/blocks": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/blocks": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"@storybook/node-logger": "7.0.0-alpha.34",
"@storybook/store": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/node-logger": "7.0.0-alpha.35",
"@storybook/store": "7.0.0-alpha.35",
"@storybook/theming": "7.0.0-alpha.35",
"lodash": "^4.17.21",
"ts-dedent": "^2.0.0"
},
@ -92,7 +92,7 @@
],
"platform": "browser"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"storybook": {
"displayName": "Controls",
"icon": "https://user-images.githubusercontent.com/263385/101991669-479cc600-3c7c-11eb-93d9-38b67e8371f2.png",

32
code/addons/docs/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-docs",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Document component usage and properties in Markdown",
"keywords": [
"addon",
@ -53,22 +53,22 @@
"@babel/preset-env": "^7.12.11",
"@jest/transform": "^26.6.2",
"@mdx-js/react": "^1.6.22",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.34",
"@storybook/blocks": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/blocks": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"@storybook/csf-tools": "7.0.0-alpha.34",
"@storybook/docs-tools": "7.0.0-alpha.34",
"@storybook/csf-tools": "7.0.0-alpha.35",
"@storybook/docs-tools": "7.0.0-alpha.35",
"@storybook/mdx1-csf": "0.0.5-canary.13.9ce928a.0",
"@storybook/node-logger": "7.0.0-alpha.34",
"@storybook/postinstall": "7.0.0-alpha.34",
"@storybook/preview-web": "7.0.0-alpha.34",
"@storybook/source-loader": "7.0.0-alpha.34",
"@storybook/store": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/node-logger": "7.0.0-alpha.35",
"@storybook/postinstall": "7.0.0-alpha.35",
"@storybook/preview-web": "7.0.0-alpha.35",
"@storybook/source-loader": "7.0.0-alpha.35",
"@storybook/store": "7.0.0-alpha.35",
"@storybook/theming": "7.0.0-alpha.35",
"babel-loader": "^8.2.5",
"dequal": "^2.0.2",
"global": "^4.4.0",
@ -103,7 +103,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"storybook": {
"displayName": "Docs",
"icon": "https://user-images.githubusercontent.com/263385/101991672-48355c80-3c7c-11eb-82d9-95fa12438f64.png",

32
code/addons/essentials/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-essentials",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Curated addons to bring out the best of Storybook",
"keywords": [
"addon",
@ -41,24 +41,24 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/addon-actions": "7.0.0-alpha.34",
"@storybook/addon-backgrounds": "7.0.0-alpha.34",
"@storybook/addon-controls": "7.0.0-alpha.34",
"@storybook/addon-docs": "7.0.0-alpha.34",
"@storybook/addon-highlight": "7.0.0-alpha.34",
"@storybook/addon-measure": "7.0.0-alpha.34",
"@storybook/addon-outline": "7.0.0-alpha.34",
"@storybook/addon-toolbars": "7.0.0-alpha.34",
"@storybook/addon-viewport": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/node-logger": "7.0.0-alpha.34",
"@storybook/addon-actions": "7.0.0-alpha.35",
"@storybook/addon-backgrounds": "7.0.0-alpha.35",
"@storybook/addon-controls": "7.0.0-alpha.35",
"@storybook/addon-docs": "7.0.0-alpha.35",
"@storybook/addon-highlight": "7.0.0-alpha.35",
"@storybook/addon-measure": "7.0.0-alpha.35",
"@storybook/addon-outline": "7.0.0-alpha.35",
"@storybook/addon-toolbars": "7.0.0-alpha.35",
"@storybook/addon-viewport": "7.0.0-alpha.35",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/node-logger": "7.0.0-alpha.35",
"ts-dedent": "^2.0.0"
},
"devDependencies": {
"@babel/core": "^7.12.10",
"@storybook/vue": "7.0.0-alpha.34",
"@storybook/vue": "7.0.0-alpha.35",
"@types/jest": "^26.0.16",
"typescript": "~4.6.3"
},
@ -112,5 +112,5 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

8
code/addons/highlight/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-highlight",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Highlight DOM nodes within your stories",
"keywords": [
"storybook-addons",
@ -37,8 +37,8 @@
"prep": "node ../../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"global": "^4.4.0"
},
"devDependencies": {
@ -48,7 +48,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"sbmodern": "dist/modern/index.js",
"storybook": {
"displayName": "Highlight",

20
code/addons/interactions/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-interactions",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Automate, test and debug user interactions",
"keywords": [
"storybook-addons",
@ -59,15 +59,15 @@
},
"dependencies": {
"@devtools-ds/object-inspector": "^1.1.2",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"@storybook/instrumenter": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/instrumenter": "7.0.0-alpha.35",
"@storybook/theming": "7.0.0-alpha.35",
"global": "^4.4.0",
"jest-mock": "^27.0.6",
"polished": "^4.2.2",
@ -104,7 +104,7 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"storybook": {
"displayName": "Interactions",
"unsupportedFrameworks": [

2
code/addons/interactions/src/components/Interaction.tsx
View File

@ -92,7 +92,7 @@ const RowActions = styled.div({
});
export const StyledIconButton = styled(IconButton as any)(({ theme }) => ({
color: theme.color.mediumdark,
color: theme.textMutedColor,
margin: '0 3px',
}));

2
code/addons/interactions/src/components/InteractionsPanel.tsx
View File

@ -60,7 +60,7 @@ const CaughtExceptionCode = styled.code(({ theme }) => ({
lineHeight: 1,
verticalAlign: 'top',
background: 'rgba(0, 0, 0, 0.05)',
border: `1px solid ${theme.color.border}`,
border: `1px solid ${theme.appBorderColor}`,
borderRadius: 3,
}));
const CaughtExceptionTitle = styled.div({

2
code/addons/interactions/src/components/List.tsx
View File

@ -22,7 +22,7 @@ const Icon = styled(Icons)<IconsProps>({
height: 10,
width: 10,
minWidth: 10,
color: convert(themes.light).color.mediumdark,
color: convert(themes.light).textMutedColor,
marginRight: 10,
transition: 'transform 0.1s ease-in-out',
alignSelf: 'center',

4
code/addons/interactions/src/components/MatcherResult.tsx
View File

@ -20,11 +20,11 @@ const parseValue = (value: string): any => {
};
const StyledExpected = styled.span(({ theme }) => ({
color: theme.color.positive,
color: theme.base === 'light' ? theme.color.positiveText : theme.color.positive,
}));
const StyledReceived = styled.span(({ theme }) => ({
color: theme.color.negative,
color: theme.base === 'light' ? theme.color.negativeText : theme.color.negative,
}));
export const Received = ({ value, parsed }: { value: any; parsed?: boolean }) =>

4
code/addons/interactions/src/components/StatusIcon.stories.tsx
View File

@ -10,6 +10,10 @@ export const Pending = {
args: { status: CallStates.WAITING },
};
export const Active = {
args: { status: CallStates.ACTIVE },
};
export const Error = {
args: { status: CallStates.ERROR },
};

2
code/addons/interactions/src/components/Subnav.tsx
View File

@ -57,7 +57,7 @@ const Note = styled(TooltipNote)(({ theme }) => ({
}));
export const StyledIconButton = styled(IconButton as any)(({ theme }) => ({
color: theme.color.mediumdark,
color: theme.textMutedColor,
margin: '0 3px',
}));

16
code/addons/jest/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-jest",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "React storybook addon that show component jest report",
"keywords": [
"addon",
@ -59,12 +59,12 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/theming": "7.0.0-alpha.35",
"global": "^4.4.0",
"react-sizeme": "^3.0.1",
"upath": "^1.2.0"
@ -94,7 +94,7 @@
],
"platform": "browser"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"storybook": {
"displayName": "Jest",
"icon": "https://pbs.twimg.com/profile_images/821713465245102080/mMtKIMax_400x400.jpg",

4
code/addons/jest/src/components/Result.tsx
View File

@ -33,7 +33,7 @@ const Icon = styled(Icons)(({ theme }) => ({
height: 10,
width: 10,
minWidth: 10,
color: theme.color.mediumdark,
color: theme.textMutedColor,
marginRight: 10,
transition: 'transform 0.1s ease-in-out',
alignSelf: 'center',
@ -66,7 +66,7 @@ export function Result(props: ResultProps) {
{status === `failed` ? (
<Icon
icon="arrowdown"
color={convert(themes.light).color.mediumdark}
color={convert(themes.light).textMutedColor}
style={{
transform: `rotate(${isOpen ? 0 : -90}deg)`,
}}

12
code/addons/links/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-links",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Link stories together to build demos and prototypes with your UI components",
"keywords": [
"addon",
@ -63,11 +63,11 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"@storybook/router": "7.0.0-alpha.34",
"@storybook/router": "7.0.0-alpha.35",
"global": "^4.4.0",
"prop-types": "^15.7.2",
"ts-dedent": "^2.0.0"
@ -98,7 +98,7 @@
"./src/react/index.ts"
]
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"storybook": {
"displayName": "Links",
"icon": "https://user-images.githubusercontent.com/263385/101991673-48355c80-3c7c-11eb-9b6e-b627c96a75f6.png",

14
code/addons/measure/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-measure",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Inspect layouts by visualizing the box model",
"keywords": [
"storybook-addons",
@ -61,11 +61,11 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"global": "^4.4.0"
},
@ -94,7 +94,7 @@
"./src/preview.tsx"
]
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"storybook": {
"displayName": "Measure",
"unsupportedFrameworks": [

14
code/addons/outline/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-outline",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Outline all elements with CSS to help with layout placement and alignment",
"keywords": [
"storybook-addons",
@ -64,11 +64,11 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"global": "^4.4.0",
"ts-dedent": "^2.0.0"
@ -98,7 +98,7 @@
"./src/preset/preview.tsx"
]
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"storybook": {
"displayName": "Outline",
"unsupportedFrameworks": [

28
code/addons/storyshots/storyshots-core/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-storyshots",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Take a code snapshot of every story automatically with Jest",
"keywords": [
"addon",
@ -38,12 +38,12 @@
},
"dependencies": {
"@jest/transform": "^26.6.2",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/babel-plugin-require-context-hook": "1.0.1",
"@storybook/client-api": "7.0.0-alpha.34",
"@storybook/core-client": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/core-webpack": "7.0.0-alpha.34",
"@storybook/client-api": "7.0.0-alpha.35",
"@storybook/core-client": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/core-webpack": "7.0.0-alpha.35",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"@types/glob": "^7.1.3",
"@types/jest": "^26.0.16",
@ -62,11 +62,11 @@
"@angular/core": "^13.3.6",
"@angular/platform-browser-dynamic": "^13.3.6",
"@emotion/jest": "^11.8.0",
"@storybook/addon-docs": "7.0.0-alpha.34",
"@storybook/angular": "7.0.0-alpha.34",
"@storybook/react": "7.0.0-alpha.34",
"@storybook/vue": "7.0.0-alpha.34",
"@storybook/vue3": "7.0.0-alpha.34",
"@storybook/addon-docs": "7.0.0-alpha.35",
"@storybook/angular": "7.0.0-alpha.35",
"@storybook/react": "7.0.0-alpha.35",
"@storybook/vue": "7.0.0-alpha.35",
"@storybook/vue3": "7.0.0-alpha.35",
"babel-loader": "^8.2.5",
"enzyme": "^3.11.0",
"enzyme-to-json": "^3.6.1",
@ -77,8 +77,8 @@
"vue-jest": "^5.0.0-alpha.8"
},
"peerDependencies": {
"@angular/core": ">=6.0.0",
"@angular/platform-browser-dynamic": ">=6.0.0",
"@angular/core": ">=13.0.0",
"@angular/platform-browser-dynamic": ">=13.0.0",
"@storybook/angular": "*",
"@storybook/react": "*",
"@storybook/vue": "*",
@ -144,7 +144,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"storybook": {
"displayName": "Storyshots",
"icon": "https://user-images.githubusercontent.com/263385/101991676-48cdf300-3c7c-11eb-8aa1-944dab6ab29b.png",

8
code/addons/storyshots/storyshots-puppeteer/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-storyshots-puppeteer",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Image snapshots addition to StoryShots based on puppeteer",
"keywords": [
"addon",
@ -35,7 +35,7 @@
"dependencies": {
"@axe-core/puppeteer": "^4.2.0",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"@storybook/node-logger": "7.0.0-alpha.34",
"@storybook/node-logger": "7.0.0-alpha.35",
"@types/jest-image-snapshot": "^4.1.3",
"jest-image-snapshot": "^4.3.0"
},
@ -44,7 +44,7 @@
"puppeteer": "^2.0.0 || ^3.0.0"
},
"peerDependencies": {
"@storybook/addon-storyshots": "7.0.0-alpha.34",
"@storybook/addon-storyshots": "7.0.0-alpha.35",
"puppeteer": ">=2.0.0"
},
"peerDependenciesMeta": {
@ -55,5 +55,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

18
code/addons/storysource/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-storysource",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "View a story’s source code to see how it works and paste into your app",
"keywords": [
"addon",
@ -35,13 +35,13 @@
"prep": "node ../../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/router": "7.0.0-alpha.34",
"@storybook/source-loader": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/router": "7.0.0-alpha.35",
"@storybook/source-loader": "7.0.0-alpha.35",
"@storybook/theming": "7.0.0-alpha.35",
"estraverse": "^5.2.0",
"prop-types": "^15.7.2",
"react-syntax-highlighter": "^15.5.0"
@ -66,7 +66,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"storybook": {
"displayName": "Storysource",
"icon": "https://user-images.githubusercontent.com/263385/101991675-48cdf300-3c7c-11eb-9400-58de5ac6daa7.png",

14
code/addons/toolbars/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-toolbars",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Create your own toolbar items that control story rendering",
"keywords": [
"addon",
@ -57,11 +57,11 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.34"
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/theming": "7.0.0-alpha.35"
},
"devDependencies": {
"typescript": "~4.6.3"
@ -88,7 +88,7 @@
],
"platform": "browser"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"storybook": {
"displayName": "Toolbars",
"icon": "https://user-images.githubusercontent.com/263385/101991677-48cdf300-3c7c-11eb-93b4-19b0e3366959.png",

16
code/addons/viewport/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-viewport",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
"keywords": [
"addon",
@ -59,12 +59,12 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/theming": "7.0.0-alpha.35",
"global": "^4.4.0",
"memoizerific": "^1.11.3",
"prop-types": "^15.7.2"
@ -95,7 +95,7 @@
"./src/preview.ts"
]
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"storybook": {
"displayName": "Viewport",
"icon": "https://user-images.githubusercontent.com/263385/101991678-48cdf300-3c7c-11eb-9764-f8af293c1b28.png",

32
code/examples/angular-cli/package.json
View File

@ -1,6 +1,6 @@
{
"name": "angular-cli",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"private": true,
"license": "MIT",
"workspaces": {
@ -43,22 +43,22 @@
"@angular/compiler-cli": "^13.3.6",
"@angular/elements": "^13.3.6",
"@compodoc/compodoc": "^1.1.18",
"@storybook/addon-a11y": "7.0.0-alpha.34",
"@storybook/addon-actions": "7.0.0-alpha.34",
"@storybook/addon-backgrounds": "7.0.0-alpha.34",
"@storybook/addon-controls": "7.0.0-alpha.34",
"@storybook/addon-docs": "7.0.0-alpha.34",
"@storybook/addon-highlight": "7.0.0-alpha.34",
"@storybook/addon-interactions": "7.0.0-alpha.34",
"@storybook/addon-jest": "7.0.0-alpha.34",
"@storybook/addon-links": "7.0.0-alpha.34",
"@storybook/addon-storyshots": "7.0.0-alpha.34",
"@storybook/addon-storysource": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/angular": "7.0.0-alpha.34",
"@storybook/addon-a11y": "7.0.0-alpha.35",
"@storybook/addon-actions": "7.0.0-alpha.35",
"@storybook/addon-backgrounds": "7.0.0-alpha.35",
"@storybook/addon-controls": "7.0.0-alpha.35",
"@storybook/addon-docs": "7.0.0-alpha.35",
"@storybook/addon-highlight": "7.0.0-alpha.35",
"@storybook/addon-interactions": "7.0.0-alpha.35",
"@storybook/addon-jest": "7.0.0-alpha.35",
"@storybook/addon-links": "7.0.0-alpha.35",
"@storybook/addon-storyshots": "7.0.0-alpha.35",
"@storybook/addon-storysource": "7.0.0-alpha.35",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/angular": "7.0.0-alpha.35",
"@storybook/babel-plugin-require-context-hook": "1.0.1",
"@storybook/jest": "^0.0.10",
"@storybook/source-loader": "7.0.0-alpha.34",
"@storybook/source-loader": "7.0.0-alpha.35",
"@storybook/testing-library": "0.0.14-next.0",
"@types/jest": "^26.0.16",
"@types/node": "^14.14.20 || ^16.0.0",
@ -70,7 +70,7 @@
"jest": "^26.6.3",
"jest-preset-angular": "^8.3.2",
"protractor": "~7.0.0",
"storybook": "7.0.0-alpha.34",
"storybook": "7.0.0-alpha.35",
"storybook-addon-angular-ivy": "^0.0.1",
"ts-jest": "^26.4.4",
"ts-node": "^10.4.0",

20
code/examples/doc-blocks/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/example-doc-blocks",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"private": true,
"scripts": {
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true sb build",
@ -15,20 +15,20 @@
"@babel/preset-env": "^7.12.11",
"@babel/preset-react": "^7.12.10",
"@babel/preset-typescript": "^7.12.7",
"@storybook/addon-essentials": "7.0.0-alpha.34",
"@storybook/addon-storyshots": "7.0.0-alpha.34",
"@storybook/addon-storysource": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/cli": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/react-webpack5": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/addon-essentials": "7.0.0-alpha.35",
"@storybook/addon-storyshots": "7.0.0-alpha.35",
"@storybook/addon-storysource": "7.0.0-alpha.35",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/cli": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/react-webpack5": "7.0.0-alpha.35",
"@storybook/theming": "7.0.0-alpha.35",
"@types/babel__preset-env": "^7",
"@types/react": "^16.14.23",
"@types/react-dom": "^16.9.14",
"cross-env": "^7.0.3",
"lodash": "^4.17.21",
"sb": "7.0.0-alpha.34",
"sb": "7.0.0-alpha.35",
"typescript": "~4.6.3",
"webpack": "5"
},

28
code/examples/ember-cli/package.json
View File

@ -1,6 +1,6 @@
{
"name": "ember-example",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"private": true,
"scripts": {
"--build-storybook": "yarn storybook-prebuild && storybook build",
@ -17,19 +17,19 @@
"devDependencies": {
"@babel/core": "^7.12.10",
"@ember/optional-features": "^2.0.0",
"@storybook/addon-a11y": "7.0.0-alpha.34",
"@storybook/addon-actions": "7.0.0-alpha.34",
"@storybook/addon-backgrounds": "7.0.0-alpha.34",
"@storybook/addon-controls": "7.0.0-alpha.34",
"@storybook/addon-docs": "7.0.0-alpha.34",
"@storybook/addon-highlight": "7.0.0-alpha.34",
"@storybook/addon-links": "7.0.0-alpha.34",
"@storybook/addon-storysource": "7.0.0-alpha.34",
"@storybook/addon-viewport": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/ember": "7.0.0-alpha.34",
"@storybook/addon-a11y": "7.0.0-alpha.35",
"@storybook/addon-actions": "7.0.0-alpha.35",
"@storybook/addon-backgrounds": "7.0.0-alpha.35",
"@storybook/addon-controls": "7.0.0-alpha.35",
"@storybook/addon-docs": "7.0.0-alpha.35",
"@storybook/addon-highlight": "7.0.0-alpha.35",
"@storybook/addon-links": "7.0.0-alpha.35",
"@storybook/addon-storysource": "7.0.0-alpha.35",
"@storybook/addon-viewport": "7.0.0-alpha.35",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/ember": "7.0.0-alpha.35",
"@storybook/ember-cli-storybook": "^0.2.1",
"@storybook/source-loader": "7.0.0-alpha.34",
"@storybook/source-loader": "7.0.0-alpha.35",
"babel-loader": "^8.2.5",
"broccoli-asset-rev": "^3.0.0",
"browserify-zlib": "^0.2.0",
@ -49,7 +49,7 @@
"loader.js": "^4.7.0",
"os-browserify": "^0.3.0",
"shx": "^0.3.2",
"storybook": "7.0.0-alpha.34",
"storybook": "7.0.0-alpha.35",
"stream-browserify": "^3.0.0",
"vm-browserify": "^1.1.2",
"webpack": "5",

20
code/examples/external-docs/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/external-docs",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"private": true,
"scripts": {
"build": "next build",
@ -11,15 +11,15 @@
"storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook dev -p 9011 --no-manager-cache -c .storybook"
},
"dependencies": {
"@storybook/addon-docs": "7.0.0-alpha.34",
"@storybook/addon-essentials": "7.0.0-alpha.34",
"@storybook/blocks": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/addon-docs": "7.0.0-alpha.35",
"@storybook/addon-essentials": "7.0.0-alpha.35",
"@storybook/blocks": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"@storybook/preview-web": "7.0.0-alpha.34",
"@storybook/react": "7.0.0-alpha.34",
"@storybook/react-webpack5": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/preview-web": "7.0.0-alpha.35",
"@storybook/react": "7.0.0-alpha.35",
"@storybook/react-webpack5": "7.0.0-alpha.35",
"@storybook/theming": "7.0.0-alpha.35",
"formik": "^2.2.9",
"next": "^12.1.0",
"nextra": "^1.1.0",
@ -38,7 +38,7 @@
"cross-env": "^7.0.3",
"eslint": "8.7.0",
"eslint-config-next": "12.0.8",
"storybook": "7.0.0-alpha.34",
"storybook": "7.0.0-alpha.35",
"typescript": "~4.6.3",
"webpack": "5"
}

38
code/examples/html-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{
"name": "html-kitchen-sink",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"private": true,
"description": "",
"keywords": [],
@ -13,31 +13,31 @@
"storybook": "storybook dev -p 9006 --no-manager-cache"
},
"devDependencies": {
"@storybook/addon-a11y": "7.0.0-alpha.34",
"@storybook/addon-actions": "7.0.0-alpha.34",
"@storybook/addon-backgrounds": "7.0.0-alpha.34",
"@storybook/addon-controls": "7.0.0-alpha.34",
"@storybook/addon-docs": "7.0.0-alpha.34",
"@storybook/addon-highlight": "7.0.0-alpha.34",
"@storybook/addon-jest": "7.0.0-alpha.34",
"@storybook/addon-links": "7.0.0-alpha.34",
"@storybook/addon-a11y": "7.0.0-alpha.35",
"@storybook/addon-actions": "7.0.0-alpha.35",
"@storybook/addon-backgrounds": "7.0.0-alpha.35",
"@storybook/addon-controls": "7.0.0-alpha.35",
"@storybook/addon-docs": "7.0.0-alpha.35",
"@storybook/addon-highlight": "7.0.0-alpha.35",
"@storybook/addon-jest": "7.0.0-alpha.35",
"@storybook/addon-links": "7.0.0-alpha.35",
"@storybook/addon-postcss": "^2.0.0",
"@storybook/addon-storyshots": "7.0.0-alpha.34",
"@storybook/addon-storysource": "7.0.0-alpha.34",
"@storybook/addon-viewport": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/client-api": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/html": "7.0.0-alpha.34",
"@storybook/html-webpack5": "7.0.0-alpha.34",
"@storybook/source-loader": "7.0.0-alpha.34",
"@storybook/addon-storyshots": "7.0.0-alpha.35",
"@storybook/addon-storysource": "7.0.0-alpha.35",
"@storybook/addon-viewport": "7.0.0-alpha.35",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/client-api": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/html": "7.0.0-alpha.35",
"@storybook/html-webpack5": "7.0.0-alpha.35",
"@storybook/source-loader": "7.0.0-alpha.35",
"autoprefixer": "^10.0.1",
"eventemitter3": "^4.0.7",
"format-json": "^1.0.3",
"global": "^4.4.0",
"postcss": "^8.2.4",
"postcss-color-rebeccapurple": "^6.0.0",
"storybook": "7.0.0-alpha.34"
"storybook": "7.0.0-alpha.35"
},
"storybook": {
"chromatic": {

52
code/examples/official-storybook/package.json
View File

@ -1,6 +1,6 @@
{
"name": "official-storybook",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"private": true,
"scripts": {
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook build -c ./",
@ -16,33 +16,33 @@
"devDependencies": {
"@emotion/jest": "^11.10.0",
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
"@storybook/addon-a11y": "7.0.0-alpha.34",
"@storybook/addon-actions": "7.0.0-alpha.34",
"@storybook/addon-backgrounds": "7.0.0-alpha.34",
"@storybook/addon-controls": "7.0.0-alpha.34",
"@storybook/addon-docs": "7.0.0-alpha.34",
"@storybook/addon-highlight": "7.0.0-alpha.34",
"@storybook/addon-interactions": "7.0.0-alpha.34",
"@storybook/addon-jest": "7.0.0-alpha.34",
"@storybook/addon-links": "7.0.0-alpha.34",
"@storybook/addon-storyshots": "7.0.0-alpha.34",
"@storybook/addon-storyshots-puppeteer": "7.0.0-alpha.34",
"@storybook/addon-storysource": "7.0.0-alpha.34",
"@storybook/addon-toolbars": "7.0.0-alpha.34",
"@storybook/addon-viewport": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/cli": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/addon-a11y": "7.0.0-alpha.35",
"@storybook/addon-actions": "7.0.0-alpha.35",
"@storybook/addon-backgrounds": "7.0.0-alpha.35",
"@storybook/addon-controls": "7.0.0-alpha.35",
"@storybook/addon-docs": "7.0.0-alpha.35",
"@storybook/addon-highlight": "7.0.0-alpha.35",
"@storybook/addon-interactions": "7.0.0-alpha.35",
"@storybook/addon-jest": "7.0.0-alpha.35",
"@storybook/addon-links": "7.0.0-alpha.35",
"@storybook/addon-storyshots": "7.0.0-alpha.35",
"@storybook/addon-storyshots-puppeteer": "7.0.0-alpha.35",
"@storybook/addon-storysource": "7.0.0-alpha.35",
"@storybook/addon-toolbars": "7.0.0-alpha.35",
"@storybook/addon-viewport": "7.0.0-alpha.35",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/cli": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/design-system": "^5.4.7",
"@storybook/jest": "^0.0.10",
"@storybook/node-logger": "7.0.0-alpha.34",
"@storybook/react": "7.0.0-alpha.34",
"@storybook/react-webpack5": "7.0.0-alpha.34",
"@storybook/router": "7.0.0-alpha.34",
"@storybook/source-loader": "7.0.0-alpha.34",
"@storybook/node-logger": "7.0.0-alpha.35",
"@storybook/react": "7.0.0-alpha.35",
"@storybook/react-webpack5": "7.0.0-alpha.35",
"@storybook/router": "7.0.0-alpha.35",
"@storybook/source-loader": "7.0.0-alpha.35",
"@storybook/testing-library": "0.0.14-next.0",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.35",
"@testing-library/dom": "^7.31.2",
"@testing-library/user-event": "^13.1.9",
"chromatic": "^6.0.2",
@ -58,7 +58,7 @@
"prop-types": "^15.7.2",
"react": "16.14.0",
"react-dom": "16.14.0",
"storybook": "7.0.0-alpha.34",
"storybook": "7.0.0-alpha.35",
"terser-webpack-plugin": "^5.3.1",
"uuid-browser": "^3.1.0",
"webpack": "5"

10
code/examples/official-storybook/preview.js
View File

@ -46,7 +46,7 @@ const ThemeBlock = styled.div(
padding: 10,
},
({ theme }) => ({
background: theme.background.app,
background: theme.background.content,
color: theme.color.defaultText,
}),
({ side }) =>
@ -67,7 +67,7 @@ const ThemeStack = styled.div(
minHeight: 'calc(50vh - 15px)',
},
({ theme }) => ({
background: theme.background.app,
background: theme.background.content,
color: theme.color.defaultText,
})
);
@ -86,7 +86,7 @@ const PlayFnNotice = styled.div(
},
},
({ theme }) => ({
background: theme.background.app,
background: theme.background.content,
color: theme.color.defaultText,
})
);
@ -95,8 +95,8 @@ const ThemedSetRoot = () => {
const theme = useTheme();
useEffect(() => {
document.body.style.background = theme.background.app;
document.body.style.color = theme.defaultText;
document.body.style.background = theme.background.content;
document.body.style.color = theme.color.defaultText;
return () => {
//
};

3
code/examples/official-storybook/stories/addon-interactions/AccountForm.tsx
View File

@ -377,6 +377,7 @@ const Wrapper = styled.section(({ theme }) => ({
alignItems: 'center',
width: 450,
padding: 32,
color: theme.color.defaultText,
backgroundColor: theme.background.content,
borderRadius: 7,
}));
@ -540,7 +541,7 @@ const Button = styled.button<ButtonProps>({
const Submit = styled(Button)(({ theme, dirty }) => ({
marginRight: 8,
backgroundColor: theme.color.secondary,
color: theme.color.inverseText,
color: theme.color.lightest,
opacity: dirty ? 1 : 0.6,
boxShadow: 'rgb(30 167 253 / 10%) 0 0 0 1px inset',
}));

28
code/examples/preact-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{
"name": "preact-example",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"private": true,
"scripts": {
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@ -14,18 +14,18 @@
},
"devDependencies": {
"@babel/core": "^7.12.10",
"@storybook/addon-a11y": "7.0.0-alpha.34",
"@storybook/addon-actions": "7.0.0-alpha.34",
"@storybook/addon-backgrounds": "7.0.0-alpha.34",
"@storybook/addon-highlight": "7.0.0-alpha.34",
"@storybook/addon-links": "7.0.0-alpha.34",
"@storybook/addon-storyshots": "7.0.0-alpha.34",
"@storybook/addon-storysource": "7.0.0-alpha.34",
"@storybook/addon-viewport": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/preact": "7.0.0-alpha.34",
"@storybook/preact-webpack5": "7.0.0-alpha.34",
"@storybook/source-loader": "7.0.0-alpha.34",
"@storybook/addon-a11y": "7.0.0-alpha.35",
"@storybook/addon-actions": "7.0.0-alpha.35",
"@storybook/addon-backgrounds": "7.0.0-alpha.35",
"@storybook/addon-highlight": "7.0.0-alpha.35",
"@storybook/addon-links": "7.0.0-alpha.35",
"@storybook/addon-storyshots": "7.0.0-alpha.35",
"@storybook/addon-storysource": "7.0.0-alpha.35",
"@storybook/addon-viewport": "7.0.0-alpha.35",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/preact": "7.0.0-alpha.35",
"@storybook/preact-webpack5": "7.0.0-alpha.35",
"@storybook/source-loader": "7.0.0-alpha.35",
"@types/prop-types": "^15.7.3",
"@types/react": "^17",
"@types/react-dom": "^17",
@ -38,7 +38,7 @@
"raw-loader": "^4.0.2",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"storybook": "7.0.0-alpha.34",
"storybook": "7.0.0-alpha.35",
"svg-url-loader": "^7.1.1",
"webpack": "5",
"webpack-dev-server": "^4.8.1"

22
code/examples/react-ts/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/example-react-ts",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"private": true,
"scripts": {
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook build",
@ -17,15 +17,15 @@
"@babel/preset-env": "^7.12.11",
"@babel/preset-react": "^7.12.10",
"@babel/preset-typescript": "^7.12.7",
"@storybook/addon-essentials": "7.0.0-alpha.34",
"@storybook/addon-storyshots": "7.0.0-alpha.34",
"@storybook/addon-storysource": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/cli": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/react": "7.0.0-alpha.34",
"@storybook/react-webpack5": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/addon-essentials": "7.0.0-alpha.35",
"@storybook/addon-storyshots": "7.0.0-alpha.35",
"@storybook/addon-storysource": "7.0.0-alpha.35",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/cli": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/react": "7.0.0-alpha.35",
"@storybook/react-webpack5": "7.0.0-alpha.35",
"@storybook/theming": "7.0.0-alpha.35",
"@testing-library/dom": "^7.31.2",
"@testing-library/react": "12.1.2",
"@testing-library/user-event": "^13.1.9",
@ -34,7 +34,7 @@
"@types/react-dom": "^16.9.14",
"cross-env": "^7.0.3",
"lodash": "^4.17.21",
"storybook": "7.0.0-alpha.34",
"storybook": "7.0.0-alpha.35",
"typescript": "~4.6.3",
"webpack": "5"
}

24
code/examples/react-ts/src/__snapshots__/storyshots.test.ts.snap
View File

@ -30,9 +30,9 @@ exports[`Storyshots Custom Prefix/AutoTitle Basic 1`] = `
font-size: 12px;
font-weight: 700;
line-height: 1;
background: #fafafa;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
background: #F5FBFF;
color: #2E3438;
box-shadow: #D9E8F2 0 0 0 1px inset;
border-radius: 4px;
padding: 10px 16px;
display: inline;
@ -60,15 +60,15 @@ exports[`Storyshots Custom Prefix/AutoTitle Basic 1`] = `
}
.emotion-0:hover {
background: #f2f2f2;
background: #ebf7ff;
}
.emotion-0:active {
background: #FFFFFF;
background: #F5FBFF;
}
.emotion-0:focus {
box-shadow: rgba(30,167,253,1) 0 0 0 1px inset;
box-shadow: rgba(2,156,253,1) 0 0 0 1px inset;
outline: none;
}
@ -116,9 +116,9 @@ exports[`Storyshots Custom Prefix/CustomTitle Basic 1`] = `
font-size: 12px;
font-weight: 700;
line-height: 1;
background: #fafafa;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
background: #F5FBFF;
color: #2E3438;
box-shadow: #D9E8F2 0 0 0 1px inset;
border-radius: 4px;
padding: 10px 16px;
display: inline;
@ -146,15 +146,15 @@ exports[`Storyshots Custom Prefix/CustomTitle Basic 1`] = `
}
.emotion-0:hover {
background: #f2f2f2;
background: #ebf7ff;
}
.emotion-0:active {
background: #FFFFFF;
background: #F5FBFF;
}
.emotion-0:focus {
box-shadow: rgba(30,167,253,1) 0 0 0 1px inset;
box-shadow: rgba(2,156,253,1) 0 0 0 1px inset;
outline: none;
}

22
code/examples/server-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{
"name": "server-kitchen-sink",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"private": true,
"description": "",
"keywords": [],
@ -14,15 +14,15 @@
"storybook": "SERVER_PORT=1137 storybook dev -p 9006 --quiet"
},
"devDependencies": {
"@storybook/addon-a11y": "7.0.0-alpha.34",
"@storybook/addon-actions": "7.0.0-alpha.34",
"@storybook/addon-backgrounds": "7.0.0-alpha.34",
"@storybook/addon-controls": "7.0.0-alpha.34",
"@storybook/addon-highlight": "7.0.0-alpha.34",
"@storybook/addon-links": "7.0.0-alpha.34",
"@storybook/node-logger": "7.0.0-alpha.34",
"@storybook/server": "7.0.0-alpha.34",
"@storybook/server-webpack5": "7.0.0-alpha.34",
"@storybook/addon-a11y": "7.0.0-alpha.35",
"@storybook/addon-actions": "7.0.0-alpha.35",
"@storybook/addon-backgrounds": "7.0.0-alpha.35",
"@storybook/addon-controls": "7.0.0-alpha.35",
"@storybook/addon-highlight": "7.0.0-alpha.35",
"@storybook/addon-links": "7.0.0-alpha.35",
"@storybook/node-logger": "7.0.0-alpha.35",
"@storybook/server": "7.0.0-alpha.35",
"@storybook/server-webpack5": "7.0.0-alpha.35",
"concurrently": "^5.3.0",
"cors": "^2.8.5",
"express": "~4.17.1",
@ -30,6 +30,6 @@
"nodemon": "^2.0.7",
"pug": "^3.0.0",
"safe-identifier": "^0.4.1",
"storybook": "7.0.0-alpha.34"
"storybook": "7.0.0-alpha.35"
}
}

12
code/examples/standalone-preview/package.json
View File

@ -1,20 +1,20 @@
{
"name": "standalone-preview",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"private": true,
"scripts": {
"storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook dev -p 9011 -c ../official-storybook --no-manager-cache --preview-url=http://localhost:1337/external-iframe.html",
"storybook-preview": "cross-env PREVIEW_URL=external-iframe.html parcel ./storybook.html --port 1337"
},
"devDependencies": {
"@storybook/addon-docs": "7.0.0-alpha.34",
"@storybook/cli": "7.0.0-alpha.34",
"@storybook/react": "7.0.0-alpha.34",
"@storybook/react-webpack5": "7.0.0-alpha.34",
"@storybook/addon-docs": "7.0.0-alpha.35",
"@storybook/cli": "7.0.0-alpha.35",
"@storybook/react": "7.0.0-alpha.35",
"@storybook/react-webpack5": "7.0.0-alpha.35",
"cross-env": "^7.0.3",
"parcel": "2.0.1",
"react": "16.14.0",
"react-dom": "16.14.0",
"storybook": "7.0.0-alpha.34"
"storybook": "7.0.0-alpha.35"
}
}

34
code/examples/svelte-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{
"name": "svelte-example",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"private": true,
"scripts": {
"build-storybook": "storybook build",
@ -10,24 +10,24 @@
"global": "^4.4.0"
},
"devDependencies": {
"@storybook/addon-a11y": "7.0.0-alpha.34",
"@storybook/addon-actions": "7.0.0-alpha.34",
"@storybook/addon-backgrounds": "7.0.0-alpha.34",
"@storybook/addon-controls": "7.0.0-alpha.34",
"@storybook/addon-docs": "7.0.0-alpha.34",
"@storybook/addon-highlight": "7.0.0-alpha.34",
"@storybook/addon-interactions": "7.0.0-alpha.34",
"@storybook/addon-links": "7.0.0-alpha.34",
"@storybook/addon-storyshots": "7.0.0-alpha.34",
"@storybook/addon-storysource": "7.0.0-alpha.34",
"@storybook/addon-viewport": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/addon-a11y": "7.0.0-alpha.35",
"@storybook/addon-actions": "7.0.0-alpha.35",
"@storybook/addon-backgrounds": "7.0.0-alpha.35",
"@storybook/addon-controls": "7.0.0-alpha.35",
"@storybook/addon-docs": "7.0.0-alpha.35",
"@storybook/addon-highlight": "7.0.0-alpha.35",
"@storybook/addon-interactions": "7.0.0-alpha.35",
"@storybook/addon-links": "7.0.0-alpha.35",
"@storybook/addon-storyshots": "7.0.0-alpha.35",
"@storybook/addon-storysource": "7.0.0-alpha.35",
"@storybook/addon-viewport": "7.0.0-alpha.35",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/jest": "^0.0.10",
"@storybook/source-loader": "7.0.0-alpha.34",
"@storybook/svelte": "7.0.0-alpha.34",
"@storybook/svelte-webpack5": "7.0.0-alpha.34",
"@storybook/source-loader": "7.0.0-alpha.35",
"@storybook/svelte": "7.0.0-alpha.35",
"@storybook/svelte-webpack5": "7.0.0-alpha.35",
"@storybook/testing-library": "0.0.14-next.0",
"storybook": "7.0.0-alpha.34",
"storybook": "7.0.0-alpha.35",
"svelte-jester": "^2.3.2",
"svelte-preprocess": "^4.10.6"
},

14
code/examples/vue-cli/package.json
View File

@ -1,6 +1,6 @@
{
"name": "vue-cli-example",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"private": true,
"scripts": {
"build": "vue-cli-service build",
@ -14,16 +14,16 @@
"vue-property-decorator": "^9.1.2"
},
"devDependencies": {
"@storybook/addon-controls": "7.0.0-alpha.34",
"@storybook/addon-essentials": "7.0.0-alpha.34",
"@storybook/addon-controls": "7.0.0-alpha.35",
"@storybook/addon-essentials": "7.0.0-alpha.35",
"@storybook/preset-scss": "^1.0.3",
"@storybook/source-loader": "7.0.0-alpha.34",
"@storybook/vue": "7.0.0-alpha.34",
"@storybook/vue-webpack5": "7.0.0-alpha.34",
"@storybook/source-loader": "7.0.0-alpha.35",
"@storybook/vue": "7.0.0-alpha.35",
"@storybook/vue-webpack5": "7.0.0-alpha.35",
"@vue/cli-plugin-babel": "^5.0.4",
"@vue/cli-plugin-typescript": "^5.0.4",
"@vue/cli-service": "^5.0.4",
"storybook": "7.0.0-alpha.34",
"storybook": "7.0.0-alpha.35",
"typescript": "~4.6.3",
"vue-template-compiler": "^2.6.14"
}

34
code/examples/vue-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{
"name": "vue-example",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"private": true,
"scripts": {
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@ -14,29 +14,29 @@
},
"devDependencies": {
"@babel/core": "^7.12.10",
"@storybook/addon-a11y": "7.0.0-alpha.34",
"@storybook/addon-actions": "7.0.0-alpha.34",
"@storybook/addon-backgrounds": "7.0.0-alpha.34",
"@storybook/addon-controls": "7.0.0-alpha.34",
"@storybook/addon-docs": "7.0.0-alpha.34",
"@storybook/addon-highlight": "7.0.0-alpha.34",
"@storybook/addon-interactions": "7.0.0-alpha.34",
"@storybook/addon-links": "7.0.0-alpha.34",
"@storybook/addon-storyshots": "7.0.0-alpha.34",
"@storybook/addon-storysource": "7.0.0-alpha.34",
"@storybook/addon-viewport": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/addon-a11y": "7.0.0-alpha.35",
"@storybook/addon-actions": "7.0.0-alpha.35",
"@storybook/addon-backgrounds": "7.0.0-alpha.35",
"@storybook/addon-controls": "7.0.0-alpha.35",
"@storybook/addon-docs": "7.0.0-alpha.35",
"@storybook/addon-highlight": "7.0.0-alpha.35",
"@storybook/addon-interactions": "7.0.0-alpha.35",
"@storybook/addon-links": "7.0.0-alpha.35",
"@storybook/addon-storyshots": "7.0.0-alpha.35",
"@storybook/addon-storysource": "7.0.0-alpha.35",
"@storybook/addon-viewport": "7.0.0-alpha.35",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/jest": "^0.0.10",
"@storybook/source-loader": "7.0.0-alpha.34",
"@storybook/source-loader": "7.0.0-alpha.35",
"@storybook/testing-library": "0.0.14-next.0",
"@storybook/vue": "7.0.0-alpha.34",
"@storybook/vue-webpack5": "7.0.0-alpha.34",
"@storybook/vue": "7.0.0-alpha.35",
"@storybook/vue-webpack5": "7.0.0-alpha.35",
"@vue/babel-preset-jsx": "^1.2.4",
"babel-loader": "^8.2.5",
"cross-env": "^7.0.3",
"file-loader": "^6.2.0",
"prop-types": "^15.7.2",
"storybook": "7.0.0-alpha.34",
"storybook": "7.0.0-alpha.35",
"svg-url-loader": "^7.1.1",
"vue-loader": "^15.9.6",
"vue-style-loader": "^4.1.3",

2
code/examples/web-components-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{
"name": "web-components-kitchen-sink",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"private": true,
"description": "",
"keywords": [],

48
code/frameworks/angular/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/angular",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
"keywords": [
"storybook",
@ -34,19 +34,19 @@
"prep": "node ../../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.34",
"@storybook/builder-webpack5": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/core-client": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/core-server": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/builder-webpack5": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/core-client": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/core-server": "7.0.0-alpha.35",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"@storybook/docs-tools": "7.0.0-alpha.34",
"@storybook/node-logger": "7.0.0-alpha.34",
"@storybook/docs-tools": "7.0.0-alpha.35",
"@storybook/node-logger": "7.0.0-alpha.35",
"@storybook/semver": "^7.3.2",
"@storybook/store": "7.0.0-alpha.34",
"@storybook/store": "7.0.0-alpha.35",
"@types/node": "^14.14.20 || ^16.0.0",
"@types/react": "^16.14.23",
"@types/react-dom": "^16.9.14",
@ -97,17 +97,17 @@
"webpack": "5"
},
"peerDependencies": {
"@angular-devkit/architect": ">=0.8.9",
"@angular-devkit/build-angular": ">=0.8.9 || >= 12.0.0",
"@angular-devkit/core": "^0.6.1 || >=7.0.0",
"@angular/cli": ">=6.0.0",
"@angular/common": ">=6.0.0",
"@angular/compiler": ">=6.0.0",
"@angular/compiler-cli": ">=6.0.0",
"@angular/core": ">=6.0.0",
"@angular/forms": ">=6.0.0",
"@angular/platform-browser": ">=6.0.0",
"@angular/platform-browser-dynamic": ">=6.0.0",
"@angular-devkit/architect": ">=0.1300.0",
"@angular-devkit/build-angular": ">=13.0.0",
"@angular-devkit/core": ">=13.0.0",
"@angular/cli": ">=13.0.0",
"@angular/common": ">=13.0.0",
"@angular/compiler": ">=13.0.0",
"@angular/compiler-cli": ">=13.0.0",
"@angular/core": ">=13.0.0",
"@angular/forms": ">=13.0.0",
"@angular/platform-browser": ">=13.0.0",
"@angular/platform-browser-dynamic": ">=13.0.0",
"@babel/core": "*",
"@nrwl/workspace": "14.6.1",
"rxjs": "^6.0.0 || ^7.4.0",
@ -129,5 +129,5 @@
"access": "public"
},
"builders": "dist/types/builders/builders.json",
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

1
code/frameworks/angular/src/preset.ts
View File

@ -3,7 +3,6 @@ import type { PresetProperty } from '@storybook/core-common';
import { StorybookConfig } from './types';
export const addons: PresetProperty<'addons', StorybookConfig> = [
require.resolve('./server/framework-preset-angular'),
require.resolve('./server/framework-preset-angular-cli'),
require.resolve('./server/framework-preset-angular-ivy'),
require.resolve('./server/framework-preset-angular-docs'),

45
code/frameworks/angular/src/server/__tests__/create-fork-ts-checker-plugin.test.ts
View File

@ -1,45 +0,0 @@
// import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
// import getTsLoaderOptions from '../ts_config';
// import createForkTsCheckerInstance from '../create-fork-ts-checker-plugin';
// // eslint-disable-next-line global-require, jest/no-mocks-import
// jest.mock('fs', () => require('../../../../../__mocks__/fs'));
// // jest.mock('path', () => ({
// // resolve: () => 'tsconfig.json',
// // posix: { dirname: jest.fn(() => '') },
// // extname: jest.fn(() => ''),
// // }));
// jest.mock('@storybook/node-logger');
// const setupFiles = (files: any) => {
// // eslint-disable-next-line no-underscore-dangle, global-require
// require('fs').__setMockFiles(files);
// };
// describe('create-fork-ts-checker-plugin.test', () => {
// it('should create a ForkTsCheckerWebpackPlugin instance', () => {
// setupFiles({ 'tsconfig.json': '{}' });
// const tsLoaderOptions = getTsLoaderOptions('.foo');
// // todo resolve any
// const instance: any = createForkTsCheckerInstance(tsLoaderOptions);
// expect(instance).toBeInstanceOf(ForkTsCheckerWebpackPlugin);
// expect(instance.tsconfig).toEqual(tsLoaderOptions.configFile);
// });
// it('should create a ForkTsCheckerWebpackPlugin instance without passing options', () => {
// // add proper typing
// const instance = createForkTsCheckerInstance({} as any);
// expect(instance).toBeInstanceOf(ForkTsCheckerWebpackPlugin);
// });
// });
it('work-around', () => {
expect(true).toBe(true);
});
// Make it work with --isolatedModules, we need a dummy export
/* eslint-disable jest/no-export */
export default {};

42
code/frameworks/angular/src/server/__tests__/ts_config.test.ts
View File

@ -1,42 +0,0 @@
import getTsLoaderOptions from '../ts_config';
// eslint-disable-next-line global-require, jest/no-mocks-import
jest.mock('fs', () => require('../../../../../__mocks__/fs'));
jest.mock('path', () => ({
resolve: () => 'tsconfig.json',
}));
jest.mock('@storybook/node-logger');
const setupFiles = (files: any) => {
// eslint-disable-next-line no-underscore-dangle, global-require
require('fs').__setMockFiles(files);
};
describe('ts_config', () => {
it('should return the config with the path to the tsconfig.json', () => {
setupFiles({ 'tsconfig.json': '{}' });
const config = getTsLoaderOptions('.foo');
expect(config).toEqual({
transpileOnly: true,
compilerOptions: {
emitDecoratorMetadata: true,
},
configFile: 'tsconfig.json',
});
});
it('should return object with transpileOnly: true when there is no tsconfig.json', () => {
setupFiles({});
const config = getTsLoaderOptions('.foo');
expect(config).toEqual({
transpileOnly: true,
compilerOptions: {
emitDecoratorMetadata: true,
},
});
});
});

7
code/frameworks/angular/src/server/angular-cli-webpack-12.2.x.d.ts vendored
View File

@ -1,7 +0,0 @@
import { JsonObject } from '@angular-devkit/core';
import { BuilderContext } from '@angular-devkit/architect';
export declare function getWebpackConfig(
baseConfig: any,
options: { builderOptions: JsonObject; builderContext: BuilderContext }
): any;

85
code/frameworks/angular/src/server/angular-cli-webpack-12.2.x.js
View File

@ -1,85 +0,0 @@
// Private angular devkit stuff
const {
generateI18nBrowserWebpackConfigFromContext,
} = require('@angular-devkit/build-angular/src/utils/webpack-browser-config');
const {
getCommonConfig,
getStylesConfig,
getTypeScriptConfig,
} = require('@angular-devkit/build-angular/src/webpack/configs');
const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
const { filterOutStylingRules } = require('./utils/filter-out-styling-rules');
/**
* Extract webpack config from angular-cli 12.2.x
* ⚠️ This file is in JavaScript to not use TypeScript. Because current storybook TypeScript version is not compatible with Angular CLI.
* FIXME: Try another way with TypeScript on future storybook version (7 maybe 🤞)
*
* @param {*} baseConfig Previous webpack config from storybook
* @param {*} options { builderOptions, builderContext }
*/
exports.getWebpackConfig = async (baseConfig, { builderOptions, builderContext }) => {
/**
* Get angular-cli Webpack config
*/
const { config: cliConfig } = await generateI18nBrowserWebpackConfigFromContext(
{
// Default options
index: 'noop-index',
main: 'noop-main',
outputPath: 'noop-out',
// Options provided by user
...builderOptions,
// Fixed options
optimization: false,
namedChunks: false,
progress: false,
buildOptimizer: false,
aot: false,
},
builderContext,
(wco) => [getCommonConfig(wco), getStylesConfig(wco), getTypeScriptConfig(wco)]
);
/**
* Merge baseConfig Webpack with angular-cli Webpack
*/
const entry = [
...baseConfig.entry,
...(cliConfig.entry.styles ?? []),
...(cliConfig.entry.polyfills ?? []),
];
// Don't use storybooks styling rules because we have to use rules created by @angular-devkit/build-angular
// because @angular-devkit/build-angular created rules have include/exclude for global style files.
const rulesExcludingStyles = filterOutStylingRules(baseConfig);
const module = {
...baseConfig.module,
rules: [...cliConfig.module.rules, ...rulesExcludingStyles],
};
const plugins = [...(cliConfig.plugins ?? []), ...baseConfig.plugins];
const resolve = {
...baseConfig.resolve,
modules: Array.from(new Set([...baseConfig.resolve.modules, ...cliConfig.resolve.modules])),
plugins: [
new TsconfigPathsPlugin({
configFile: builderOptions.tsConfig,
mainFields: ['browser', 'module', 'main'],
}),
],
};
return {
...baseConfig,
entry,
module,
plugins,
resolve,
resolveLoader: cliConfig.resolveLoader,
};
};

148
code/frameworks/angular/src/server/angular-cli-webpack-older.ts
View File

@ -1,148 +0,0 @@
import webpack, { Configuration } from 'webpack';
import { logger } from '@storybook/node-logger';
import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin';
import { targetFromTargetString, Target } from '@angular-devkit/architect';
import { workspaces } from '@angular-devkit/core';
import {
findAngularProjectTarget,
getDefaultProjectName,
readAngularWorkspaceConfig,
} from './angular-read-workspace';
import {
AngularCliWebpackConfig,
extractAngularCliWebpackConfig,
} from './angular-devkit-build-webpack';
import { filterOutStylingRules } from './utils/filter-out-styling-rules';
import type { PresetOptions } from './preset-options';
/**
* Old way currently support version lower than 12.2.x
*/
export async function getWebpackConfig(
baseConfig: webpack.Configuration,
options: PresetOptions
): Promise<Configuration> {
const dirToSearch = process.cwd();
// Read angular workspace
let workspaceConfig;
try {
workspaceConfig = await readAngularWorkspaceConfig(dirToSearch);
} catch (error) {
logger.error(
`=> Could not find angular workspace config (angular.json) on this path "${dirToSearch}"`
);
logger.info(`=> Fail to load angular-cli config. Using base config`);
return baseConfig;
}
// Find angular project target
let project: workspaces.ProjectDefinition;
let target: workspaces.TargetDefinition;
let confName: string;
try {
// Default behavior when `angularBrowserTarget` are not explicitly defined to null
if (options.angularBrowserTarget !== null) {
const browserTarget = options.angularBrowserTarget
? targetFromTargetString(options.angularBrowserTarget)
: ({
configuration: undefined,
project: getDefaultProjectName(workspaceConfig),
target: 'build',
} as Target);
const fondProject = findAngularProjectTarget(
workspaceConfig,
browserTarget.project,
browserTarget.target
);
project = fondProject.project;
target = fondProject.target;
confName = browserTarget.configuration;
logger.info(
`=> Using angular project "${browserTarget.project}:${browserTarget.target}${
confName ? `:${confName}` : ''
}" for configuring Storybook`
);
}
// Start storybook when only tsConfig is provided.
if (options.angularBrowserTarget === null && options.tsConfig) {
logger.info(`=> Using default angular project with "tsConfig:${options.tsConfig}"`);
project = { root: '', extensions: {}, targets: undefined };
target = { builder: '', options: { tsConfig: options.tsConfig } };
}
} catch (error) {
logger.error(`=> Could not find angular project: ${error.message}`);
logger.info(`=> Fail to load angular-cli config. Using base config`);
return baseConfig;
}
// Use angular-cli to get some webpack config
let angularCliWebpackConfig: AngularCliWebpackConfig;
try {
angularCliWebpackConfig = await extractAngularCliWebpackConfig(
dirToSearch,
project,
target,
confName
);
logger.info(`=> Using angular-cli webpack config`);
} catch (error) {
logger.error(`=> Could not get angular cli webpack config`);
throw error;
}
return mergeAngularCliWebpackConfig(angularCliWebpackConfig, baseConfig);
}
function mergeAngularCliWebpackConfig(
{ cliCommonWebpackConfig, cliStyleWebpackConfig, tsConfigPath }: AngularCliWebpackConfig,
baseConfig: webpack.Configuration
) {
// Don't use storybooks styling rules because we have to use rules created by @angular-devkit/build-angular
// because @angular-devkit/build-angular created rules have include/exclude for global style files.
const rulesExcludingStyles = filterOutStylingRules(baseConfig);
// styleWebpackConfig.entry adds global style files to the webpack context
const entry = [
...(baseConfig.entry as string[]),
...Object.values(cliStyleWebpackConfig.entry).reduce((acc, item) => acc.concat(item), []),
];
const module = {
...baseConfig.module,
rules: [...cliStyleWebpackConfig.module.rules, ...rulesExcludingStyles],
};
// We use cliCommonConfig plugins to serve static assets files.
const plugins = [
...cliStyleWebpackConfig.plugins,
...cliCommonWebpackConfig.plugins,
...baseConfig.plugins,
];
const resolve = {
...baseConfig.resolve,
modules: Array.from(
new Set([...baseConfig.resolve.modules, ...cliCommonWebpackConfig.resolve.modules])
),
plugins: [
new TsconfigPathsPlugin({
configFile: tsConfigPath,
mainFields: ['browser', 'module', 'main'],
}),
],
};
return {
...baseConfig,
entry,
module,
plugins,
resolve,
resolveLoader: cliCommonWebpackConfig.resolveLoader,
};
}

215
code/frameworks/angular/src/server/angular-devkit-build-webpack.ts
View File

@ -1,215 +0,0 @@
/**
* This file is to be watched !
* The code must be compatible from @angular-devkit version 6.1.0 to the latest supported
*
* It uses code block of angular cli to extract parts of webpack configuration
*/
import path from 'path';
import webpack, { Configuration } from 'webpack';
import { normalize, resolve, workspaces, getSystemPath } from '@angular-devkit/core';
import { createConsoleLogger } from '@angular-devkit/core/node';
// Only type, so not dependent on the client version
import {
WebpackConfigOptions,
BuildOptions,
} from '@angular-devkit/build-angular/src/utils/build-options';
import { moduleIsAvailable } from './utils/module-is-available';
import { normalizeAssetPatterns } from './utils/normalize-asset-patterns';
import { normalizeOptimization } from './utils/normalize-optimization';
const importAngularCliWebpackConfigGenerator = (): {
getCommonConfig: (config: unknown) => webpack.Configuration;
getStylesConfig: (config: unknown) => webpack.Configuration;
} => {
let angularWebpackConfig;
// First we look for webpack config according to directory structure of Angular 11
if (moduleIsAvailable('@angular-devkit/build-angular/src/webpack/configs')) {
// eslint-disable-next-line global-require
angularWebpackConfig = require('@angular-devkit/build-angular/src/webpack/configs');
}
// We fallback on directory structure of Angular 10 (and below)
else if (
moduleIsAvailable('@angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs')
) {
// eslint-disable-next-line global-require
angularWebpackConfig = require('@angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs');
} else {
throw new Error('Webpack config not found in "@angular-devkit/build-angular"');
}
return {
getCommonConfig: angularWebpackConfig.getCommonConfig,
getStylesConfig: angularWebpackConfig.getStylesConfig,
};
};
const importAngularCliReadTsconfigUtil =
(): typeof import('@angular-devkit/build-angular/src/utils/read-tsconfig') => {
// First we look for webpack config according to directory structure of Angular 11
if (moduleIsAvailable('@angular-devkit/build-angular/src/utils/read-tsconfig')) {
// eslint-disable-next-line global-require
return require('@angular-devkit/build-angular/src/utils/read-tsconfig');
}
// We fallback on directory structure of Angular 10 (and below)
if (
moduleIsAvailable(
'@angular-devkit/build-angular/src/angular-cli-files/utilities/read-tsconfig'
)
) {
// eslint-disable-next-line global-require
return require('@angular-devkit/build-angular/src/angular-cli-files/utilities/read-tsconfig');
}
throw new Error('ReadTsconfig not found in "@angular-devkit/build-angular"');
};
const buildWebpackConfigOptions = async (
dirToSearch: string,
project: workspaces.ProjectDefinition,
target: workspaces.TargetDefinition,
confName?: string
): Promise<WebpackConfigOptions> => {
let conf: Record<string, unknown> = {};
if (confName) {
if (!target.configurations) {
throw new Error('Missing "configurations" section in project target');
}
if (!target.configurations[confName]) {
throw new Error(`Missing required configuration in project target. Check "${confName}"`);
}
conf = target.configurations[confName];
}
const projectBuildOptions = { ...target.options, ...conf };
const requiredOptions = ['tsConfig'];
if (!requiredOptions.every((key) => !!projectBuildOptions[key])) {
throw new Error(
`Missing required options in project target. Check "${requiredOptions.join(', ')}"`
);
}
const workspaceRootNormalized = normalize(dirToSearch);
const projectRootNormalized = resolve(
workspaceRootNormalized,
normalize((project.root as string) || '')
);
const sourceRootNormalized = project.sourceRoot
? resolve(workspaceRootNormalized, normalize(project.sourceRoot))
: undefined;
const tsConfigPath = path.resolve(
getSystemPath(workspaceRootNormalized),
projectBuildOptions.tsConfig as string
);
const tsConfig = await importAngularCliReadTsconfigUtil().readTsconfig(tsConfigPath);
const ts = await import('typescript');
const scriptTarget = tsConfig.options.target || ts.ScriptTarget.ES5;
const buildOptions: BuildOptions = {
// Default options
budgets: [],
fileReplacements: [],
main: '',
outputPath: 'dist/storybook-angular',
scripts: [],
sourceMap: {},
styles: [],
// Deleted in angular 12. Keep for compatibility with versions lower than angular 12
lazyModules: [],
// Project Options
...projectBuildOptions,
assets: normalizeAssetPatterns(
(projectBuildOptions.assets as any[]) || [],
workspaceRootNormalized,
projectRootNormalized,
sourceRootNormalized
),
optimization: normalizeOptimization(projectBuildOptions.optimization as any),
// Forced options
statsJson: false,
// Deleted in angular 12. Keep for compatibility with versions lower than angular 12
// @ts-expect-error (Converted from ts-ignore)
forkTypeChecker: false,
};
return {
projectName: 'this-is-just-a-fake-name-for-getting-rid-of-the-error',
root: getSystemPath(workspaceRootNormalized),
// The dependency of `@angular-devkit/build-angular` to `@angular-devkit/core` is not exactly the same version as the one for storybook (node modules of node modules ^^)
logger: createConsoleLogger() as unknown as WebpackConfigOptions['logger'],
projectRoot: getSystemPath(projectRootNormalized),
sourceRoot: sourceRootNormalized ? getSystemPath(sourceRootNormalized) : undefined,
buildOptions,
tsConfig,
tsConfigPath,
scriptTarget,
};
};
export type AngularCliWebpackConfig = {
cliCommonWebpackConfig: {
plugins: Configuration['plugins'];
resolve: {
modules: string[];
};
resolveLoader: Configuration['resolveLoader'];
};
cliStyleWebpackConfig: {
entry: Configuration['entry'];
module: {
rules: Configuration['module']['rules'];
};
plugins: Configuration['plugins'];
};
tsConfigPath: string;
};
/**
* Uses angular cli to extract webpack configuration.
* The `AngularCliWebpackConfig` type lists the parts used by storybook
*/
export async function extractAngularCliWebpackConfig(
dirToSearch: string,
project: workspaces.ProjectDefinition,
target: workspaces.TargetDefinition,
confName?: string
): Promise<AngularCliWebpackConfig> {
const { getCommonConfig, getStylesConfig } = importAngularCliWebpackConfigGenerator();
const webpackConfigOptions = await buildWebpackConfigOptions(
dirToSearch,
project,
target,
confName
);
const cliCommonConfig = getCommonConfig(webpackConfigOptions);
const cliStyleConfig = getStylesConfig(webpackConfigOptions);
return {
cliCommonWebpackConfig: {
plugins: cliCommonConfig.plugins,
resolve: {
modules: cliCommonConfig.resolve?.modules,
},
resolveLoader: cliCommonConfig.resolveLoader,
},
cliStyleWebpackConfig: {
entry: cliStyleConfig.entry,
module: {
rules: [...cliStyleConfig.module.rules],
},
plugins: cliStyleConfig.plugins,
},
tsConfigPath: webpackConfigOptions.tsConfigPath,
};
}

17
code/frameworks/angular/src/server/create-fork-ts-checker-plugin.ts
View File

@ -1,17 +0,0 @@
/* eslint-disable func-names */
import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
import { logger } from '@storybook/node-logger';
import { Options } from 'ts-loader';
export default function (tsLoaderOptions: Partial<Options>) {
if (tsLoaderOptions && tsLoaderOptions.configFile) {
return new ForkTsCheckerWebpackPlugin({
typescript: { configFile: tsLoaderOptions.configFile },
async: true,
});
}
logger.info('=> Using default options for ForkTsCheckerWebpackPlugin');
return new ForkTsCheckerWebpackPlugin();
}

20
code/frameworks/angular/src/server/framework-preset-angular-cli.ts
View File

@ -8,9 +8,7 @@ import { dedent } from 'ts-dedent';
import { logging, JsonObject } from '@angular-devkit/core';
import { moduleIsAvailable } from './utils/module-is-available';
import { getWebpackConfig as getWebpackConfig12_2_x } from './angular-cli-webpack-12.2.x';
import { getWebpackConfig as getWebpackConfig13_x_x } from './angular-cli-webpack-13.x.x';
import { getWebpackConfig as getWebpackConfigOlder } from './angular-cli-webpack-older';
import type { PresetOptions } from './preset-options';
import {
getDefaultProjectName,
@ -55,24 +53,6 @@ export async function webpackFinal(baseConfig: webpack.Configuration, options: P
});
},
},
{
info: '=> Loading angular-cli config for angular 12.2.x',
condition: semver.satisfies(angularCliVersion, '12.2.x') && options.angularBuilderContext,
getWebpackConfig: async (_baseConfig, _options) => {
const builderContext = getBuilderContext(_options);
const builderOptions = await getBuilderOptions(_options, builderContext);
return getWebpackConfig12_2_x(_baseConfig, {
builderOptions,
builderContext,
});
},
},
{
info: '=> Loading angular-cli config for angular lower than 12.2.0',
condition: true,
getWebpackConfig: getWebpackConfigOlder,
},
];
const webpackGetter = webpackGetterByVersions.find((wg) => wg.condition);

84
code/frameworks/angular/src/server/framework-preset-angular.ts
View File

@ -1,84 +0,0 @@
import path from 'path';
import semver from '@storybook/semver';
import { ContextReplacementPlugin, Configuration } from 'webpack';
import autoprefixer from 'autoprefixer';
import getTsLoaderOptions from './ts_config';
import createForkTsCheckerInstance from './create-fork-ts-checker-plugin';
export async function webpack(
config: Configuration,
{ configDir, angularBuilderContext }: { configDir: string; angularBuilderContext: any }
): Promise<Configuration> {
try {
// Disable all this webpack stuff if we use angular-cli >= 12
// Angular cli is in charge of doing all the necessary for angular. If there is any additional configuration to add, it must be done in the preset angular-cli versioned.
const angularCliVersion = await import('@angular/cli').then((m) =>
semver.coerce(m.VERSION.full)
);
if (
(semver.satisfies(angularCliVersion, '12.2.x') && angularBuilderContext) ||
semver.satisfies(angularCliVersion, '>=13.0.0')
) {
return config;
}
} catch (error) {
// do nothing, continue
}
const tsLoaderOptions = getTsLoaderOptions(configDir);
return {
...config,
module: {
...config.module,
rules: [
...config.module.rules,
{
test: /\.tsx?$/,
use: [
{
loader: require.resolve('ts-loader'),
options: tsLoaderOptions,
},
{ loader: path.resolve(__dirname, 'ngx-template-loader') },
],
},
{
test: /[/\\]@angular[/\\]core[/\\].+\.js$/,
parser: { system: false },
},
{
test: /\.html$/,
loader: require.resolve('raw-loader'),
exclude: /\.async\.html$/,
},
{
test: /\.s(c|a)ss$/,
use: [
{ loader: require.resolve('raw-loader') },
{
loader: require.resolve('postcss-loader'),
options: {
postcssOptions: {
plugins: [autoprefixer()],
},
},
},
{ loader: require.resolve('sass-loader') },
],
},
],
},
resolve: {
...config.resolve,
},
plugins: [
...config.plugins,
// See https://github.com/angular/angular/issues/11580#issuecomment-401127742
new ContextReplacementPlugin(
/@angular(\\|\/)core(\\|\/)(fesm5|bundles)/,
path.resolve(__dirname, '..')
),
createForkTsCheckerInstance(tsLoaderOptions) as any as Configuration['plugins'][0],
],
};
}

48
code/frameworks/angular/src/server/ngx-template-loader/index.ts
View File

@ -1,48 +0,0 @@
/*
* By the time this file was added the repository for angular2-template-loader received no updates in 3 years
* This is just a copy of https://github.com/TheLarkInn/angular2-template-loader/blob/master/index.js in order
* to fix a bug that prevents Storybook from updating raw-loader > ^1.0.0
*
* As suggested in https://github.com/storybookjs/storybook/issues/7877#issuecomment-536556755 this code was
* modified to be compatible with newer versions of raw-loader as well as backwards compatible with raw-loader ^1.0.0
*/
// using: regex, capture groups, and capture group variables.
const templateUrlRegex = /templateUrl\s*:(\s*['"`](.*?)['"`]\s*([,}]))/gm;
const stylesRegex = /styleUrls *:(\s*\[[^\]]*?\])/g;
const stringRegex = /(['`"])((?:[^\\]\\\1|.)*?)\1/g;
const replaceStringsWithRequires = (string: string) => {
return string.replace(stringRegex, (match, quote, url) => {
let newUrl = url;
if (url.charAt(0) !== '.') {
newUrl = `./${url}`;
}
const requireString = `(require('${newUrl}').default || require('${newUrl}'))`;
// without the length check an empty style file will throw
// "Expected 'styles' to be an array of strings"
return `${requireString}.length ? ${requireString} : ''`;
});
};
export default function (source: string) {
const styleProperty = 'styles';
const templateProperty = 'template';
return source
.replace(templateUrlRegex, (_, templateUrlString: string) => {
// replace: templateUrl: './path/to/template.html'
// with: template: require('./path/to/template.html')
// or: templateUrl: require('./path/to/template.html')
// if `keepUrl` query parameter is set to true.
return `${templateProperty}:${replaceStringsWithRequires(templateUrlString)}`;
})
.replace(stylesRegex, (_, styleUrlsString: string) => {
// replace: stylesUrl: ['./foo.css', "./baz.css", "./index.component.css"]
// with: styles: [require('./foo.css'), require("./baz.css"), require("./index.component.css")]
// or: styleUrls: [require('./foo.css'), require("./baz.css"), require("./index.component.css")]
// if `keepUrl` query parameter is set to true.
return `${styleProperty}:${replaceStringsWithRequires(styleUrlsString)}`;
});
}

26
code/frameworks/angular/src/server/ts_config.ts
View File

@ -1,26 +0,0 @@
import fs from 'fs';
import path from 'path';
import { logger } from '@storybook/node-logger';
import { Options } from 'ts-loader';
function resolveTsConfig(tsConfigPath: string): string | undefined {
if (fs.existsSync(tsConfigPath)) {
logger.info('=> Found custom tsconfig.json');
return tsConfigPath;
}
return undefined;
}
export default function (configDir: string) {
const tsLoaderOptions: Partial<Options> = {
transpileOnly: true,
compilerOptions: {
emitDecoratorMetadata: true,
},
};
const configFilePath = resolveTsConfig(path.resolve(configDir, 'tsconfig.json'));
if (configFilePath) tsLoaderOptions.configFile = configFilePath;
return tsLoaderOptions;
}

14
code/frameworks/ember/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/ember",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
"homepage": "https://github.com/storybookjs/storybook/tree/main/frameworks/ember",
"bugs": {
@ -30,11 +30,11 @@
"prep": "node ../../../scripts/prepare.js"
},
"dependencies": {
"@storybook/builder-webpack5": "7.0.0-alpha.34",
"@storybook/core-client": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/docs-tools": "7.0.0-alpha.34",
"@storybook/store": "7.0.0-alpha.34",
"@storybook/builder-webpack5": "7.0.0-alpha.35",
"@storybook/core-client": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/docs-tools": "7.0.0-alpha.35",
"@storybook/store": "7.0.0-alpha.35",
"global": "^4.4.0",
"react": "16.14.0",
"react-dom": "16.14.0",
@ -57,5 +57,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

12
code/frameworks/html-webpack5/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/html-webpack5",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -50,10 +50,10 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/builder-webpack5": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/html": "7.0.0-alpha.34",
"@storybook/preset-html-webpack": "7.0.0-alpha.34",
"@storybook/builder-webpack5": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/html": "7.0.0-alpha.35",
"@storybook/preset-html-webpack": "7.0.0-alpha.35",
"@types/node": "^14.14.20 || ^16.0.0",
"global": "^4.4.0",
"react": "16.14.0",
@ -78,5 +78,5 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

12
code/frameworks/preact-webpack5/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/preact-webpack5",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook for Preact: Develop Preact Component in isolation.",
"keywords": [
"storybook"
@ -50,10 +50,10 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/builder-webpack5": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/preact": "7.0.0-alpha.34",
"@storybook/preset-preact-webpack": "7.0.0-alpha.34",
"@storybook/builder-webpack5": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/preact": "7.0.0-alpha.35",
"@storybook/preset-preact-webpack": "7.0.0-alpha.35",
"@types/node": "^14.14.20 || ^16.0.0",
"react": "16.14.0",
"react-dom": "16.14.0"
@ -79,5 +79,5 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

18
code/frameworks/react-vite/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/react-vite",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook for React and Vite: Develop React components in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -53,13 +53,13 @@
"dependencies": {
"@joshwooding/vite-plugin-react-docgen-typescript": "^0.0.5",
"@rollup/pluginutils": "^4.2.0",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/builder-vite": "7.0.0-alpha.34",
"@storybook/channel-postmessage": "7.0.0-alpha.34",
"@storybook/channel-websocket": "7.0.0-alpha.34",
"@storybook/client-api": "7.0.0-alpha.34",
"@storybook/preview-web": "7.0.0-alpha.34",
"@storybook/react": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/builder-vite": "7.0.0-alpha.35",
"@storybook/channel-postmessage": "7.0.0-alpha.35",
"@storybook/channel-websocket": "7.0.0-alpha.35",
"@storybook/client-api": "7.0.0-alpha.35",
"@storybook/preview-web": "7.0.0-alpha.35",
"@storybook/react": "7.0.0-alpha.35",
"@vitejs/plugin-react": "^2.0.0",
"ast-types": "^0.14.2",
"magic-string": "^0.26.1",
@ -88,5 +88,5 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

10
code/frameworks/react-webpack5/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/react-webpack5",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -51,9 +51,9 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/builder-webpack5": "7.0.0-alpha.34",
"@storybook/preset-react-webpack": "7.0.0-alpha.34",
"@storybook/react": "7.0.0-alpha.34",
"@storybook/builder-webpack5": "7.0.0-alpha.35",
"@storybook/preset-react-webpack": "7.0.0-alpha.35",
"@storybook/react": "7.0.0-alpha.35",
"@types/node": "^14.14.20 || ^16.0.0"
},
"devDependencies": {
@ -86,5 +86,5 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

12
code/frameworks/server-webpack5/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/server-webpack5",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -50,10 +50,10 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/builder-webpack5": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/preset-server-webpack": "7.0.0-alpha.34",
"@storybook/server": "7.0.0-alpha.34",
"@storybook/builder-webpack5": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/preset-server-webpack": "7.0.0-alpha.35",
"@storybook/server": "7.0.0-alpha.35",
"@types/node": "^14.14.20 || ^16.0.0",
"react": "16.14.0",
"react-dom": "16.14.0"
@ -74,5 +74,5 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

28
code/frameworks/svelte-vite/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/svelte-vite",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook for Svelte and Vite: Develop Svelte components in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -52,14 +52,14 @@
},
"dependencies": {
"@storybook/addon-svelte-csf": "^2.0.0",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/builder-vite": "7.0.0-alpha.34",
"@storybook/channel-postmessage": "7.0.0-alpha.34",
"@storybook/channel-websocket": "7.0.0-alpha.34",
"@storybook/client-api": "7.0.0-alpha.34",
"@storybook/node-logger": "7.0.0-alpha.34",
"@storybook/preview-web": "7.0.0-alpha.34",
"@storybook/svelte": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/builder-vite": "7.0.0-alpha.35",
"@storybook/channel-postmessage": "7.0.0-alpha.35",
"@storybook/channel-websocket": "7.0.0-alpha.35",
"@storybook/client-api": "7.0.0-alpha.35",
"@storybook/node-logger": "7.0.0-alpha.35",
"@storybook/preview-web": "7.0.0-alpha.35",
"@storybook/svelte": "7.0.0-alpha.35",
"@sveltejs/vite-plugin-svelte": "^1.0.0",
"magic-string": "^0.26.1",
"svelte": "^3.0.0",
@ -71,6 +71,14 @@
"typescript": "~4.6.3",
"vite": "^3.1.3"
},
"peerDependencies": {
"@storybook/addon-svelte-csf": "^2.0.0"
},
"peerDependenciesMeta": {
"@storybook/addon-svelte-csf": {
"optional": true
}
},
"engines": {
"node": "^14.18 || >=16"
},
@ -84,5 +92,5 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

3
code/frameworks/svelte-vite/src/plugins/csf-plugin.ts
View File

@ -5,12 +5,13 @@ import type { Options } from '@sveltejs/vite-plugin-svelte';
import * as svelte from 'svelte/compiler';
import MagicString from 'magic-string';
import { createFilter } from 'vite';
import type { PluginOption } from 'vite';
const parser = require
.resolve('@storybook/addon-svelte-csf/dist/esm/parser/collect-stories')
.replace(/[/\\]/g, '/');
export default function csfPlugin(svelteOptions?: Options) {
export default function csfPlugin(svelteOptions?: Options): PluginOption {
const include = /\.stories\.svelte$/;
const filter = createFilter(include);

25
code/frameworks/svelte-vite/src/preset.ts
View File

@ -8,17 +8,36 @@ export const core: StorybookConfig['core'] = {
builder: '@storybook/builder-vite',
};
export const viteFinal: StorybookConfig['viteFinal'] = async (config, { presets }) => {
export const viteFinal: StorybookConfig['viteFinal'] = async (config, options) => {
const { plugins = [] } = config;
const { svelte, loadSvelteConfig } = await import('@sveltejs/vite-plugin-svelte');
const svelteOptions: Record<string, any> = await options.presets.apply(
'svelteOptions',
{},
options
);
const svelteConfig = { ...(await loadSvelteConfig()), ...svelteOptions };
// Add svelte plugin if not present
if (!hasPlugin(plugins, 'vite-plugin-svelte')) {
const { svelte } = await import('@sveltejs/vite-plugin-svelte');
plugins.push(svelte());
}
// Add docgen plugin
plugins.push(svelteDocgen(config));
plugins.push(svelteDocgen(svelteConfig));
// TODO: temporary until/unless https://github.com/storybookjs/addon-svelte-csf/issues/64 is fixed
// Wrapping in try-catch in case `@storybook/addon-svelte-csf is not installed
try {
const { default: svelteCsfPlugin } = await import('./plugins/csf-plugin');
plugins.push(svelteCsfPlugin(svelteConfig));
} catch (err) {
// Not all projects use `.stories.svelte` for stories, and by default 6.5+ does not auto-install @storybook/addon-svelte-csf.
// If it's any other kind of error, re-throw.
if ((err as NodeJS.ErrnoException).code !== 'MODULE_NOT_FOUND') {
throw err;
}
}
return {
...config,

12
code/frameworks/svelte-webpack5/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/svelte-webpack5",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -51,10 +51,10 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/builder-webpack5": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/preset-svelte-webpack": "7.0.0-alpha.34",
"@storybook/svelte": "7.0.0-alpha.34",
"@storybook/builder-webpack5": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/preset-svelte-webpack": "7.0.0-alpha.35",
"@storybook/svelte": "7.0.0-alpha.35",
"react": "16.14.0",
"react-dom": "16.14.0"
},
@ -81,5 +81,5 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

22
code/frameworks/vue-vite/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/vue-vite",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook for Vue2 and Vite: Develop Vue2 Components in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -50,15 +50,15 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/builder-vite": "7.0.0-alpha.34",
"@storybook/channel-postmessage": "7.0.0-alpha.34",
"@storybook/channel-websocket": "7.0.0-alpha.34",
"@storybook/client-api": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/core-server": "7.0.0-alpha.34",
"@storybook/preview-web": "7.0.0-alpha.34",
"@storybook/vue": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/builder-vite": "7.0.0-alpha.35",
"@storybook/channel-postmessage": "7.0.0-alpha.35",
"@storybook/channel-websocket": "7.0.0-alpha.35",
"@storybook/client-api": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/core-server": "7.0.0-alpha.35",
"@storybook/preview-web": "7.0.0-alpha.35",
"@storybook/vue": "7.0.0-alpha.35",
"magic-string": "^0.26.1",
"vite": "^3.1.3",
"vue-docgen-api": "^4.40.0"
@ -83,5 +83,5 @@
],
"platform": "node"
},
"gitHead": "5da5b0fabd04cc5cd5771e8242a960f05d03234a"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

12
code/frameworks/vue-webpack5/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/vue-webpack5",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -50,10 +50,10 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/builder-webpack5": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/preset-vue-webpack": "7.0.0-alpha.34",
"@storybook/vue": "7.0.0-alpha.34",
"@storybook/builder-webpack5": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/preset-vue-webpack": "7.0.0-alpha.35",
"@storybook/vue": "7.0.0-alpha.35",
"@types/node": "^14.14.20 || ^16.0.0",
"react": "16.14.0",
"react-dom": "16.14.0"
@ -85,5 +85,5 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

20
code/frameworks/vue3-vite/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/vue3-vite",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook for Vue3 and Vite: Develop Vue3 components in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -51,14 +51,14 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/builder-vite": "7.0.0-alpha.34",
"@storybook/channel-postmessage": "7.0.0-alpha.34",
"@storybook/channel-websocket": "7.0.0-alpha.34",
"@storybook/client-api": "7.0.0-alpha.34",
"@storybook/core-server": "7.0.0-alpha.34",
"@storybook/preview-web": "7.0.0-alpha.34",
"@storybook/vue3": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/builder-vite": "7.0.0-alpha.35",
"@storybook/channel-postmessage": "7.0.0-alpha.35",
"@storybook/channel-websocket": "7.0.0-alpha.35",
"@storybook/client-api": "7.0.0-alpha.35",
"@storybook/core-server": "7.0.0-alpha.35",
"@storybook/preview-web": "7.0.0-alpha.35",
"@storybook/vue3": "7.0.0-alpha.35",
"@vitejs/plugin-vue": "^3.0.0",
"magic-string": "^0.26.1",
"vite": "^3.1.3",
@ -82,5 +82,5 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

12
code/frameworks/vue3-webpack5/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/vue3-webpack5",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -50,10 +50,10 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/builder-webpack5": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/preset-vue3-webpack": "7.0.0-alpha.34",
"@storybook/vue3": "7.0.0-alpha.34",
"@storybook/builder-webpack5": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/preset-vue3-webpack": "7.0.0-alpha.35",
"@storybook/vue3": "7.0.0-alpha.35",
"@types/node": "^14.14.20 || ^16.0.0",
"react": "16.14.0",
"react-dom": "16.14.0"
@ -82,5 +82,5 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

22
code/frameworks/web-components-vite/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/web-components-vite",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook for web-components and Vite: Develop Web Components in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -51,15 +51,15 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/builder-vite": "7.0.0-alpha.34",
"@storybook/channel-postmessage": "7.0.0-alpha.34",
"@storybook/channel-websocket": "7.0.0-alpha.34",
"@storybook/client-api": "7.0.0-alpha.34",
"@storybook/core-server": "7.0.0-alpha.34",
"@storybook/node-logger": "7.0.0-alpha.34",
"@storybook/preview-web": "7.0.0-alpha.34",
"@storybook/web-components": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/builder-vite": "7.0.0-alpha.35",
"@storybook/channel-postmessage": "7.0.0-alpha.35",
"@storybook/channel-websocket": "7.0.0-alpha.35",
"@storybook/client-api": "7.0.0-alpha.35",
"@storybook/core-server": "7.0.0-alpha.35",
"@storybook/node-logger": "7.0.0-alpha.35",
"@storybook/preview-web": "7.0.0-alpha.35",
"@storybook/web-components": "7.0.0-alpha.35",
"@vitejs/plugin-vue": "^3.0.3",
"magic-string": "^0.26.1",
"vite": "3"
@ -82,5 +82,5 @@
],
"platform": "node"
},
"gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

12
code/frameworks/web-components-webpack5/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/web-components-webpack5",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
"keywords": [
"lit-html",
@ -53,10 +53,10 @@
},
"dependencies": {
"@babel/preset-env": "^7.12.11",
"@storybook/builder-webpack5": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/preset-web-components-webpack": "7.0.0-alpha.34",
"@storybook/web-components": "7.0.0-alpha.34",
"@storybook/builder-webpack5": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/preset-web-components-webpack": "7.0.0-alpha.35",
"@storybook/web-components": "7.0.0-alpha.35",
"@types/node": "^14.14.20 || ^16.0.0",
"react": "16.14.0",
"react-dom": "16.14.0"
@ -81,5 +81,5 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

2
code/lerna.json
View File

@ -2,5 +2,5 @@
"npmClient": "yarn",
"useWorkspaces": true,
"registry": "https://registry.npmjs.org",
"version": "7.0.0-alpha.34"
"version": "7.0.0-alpha.35"
}

16
code/lib/addons/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addons",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook addons store",
"keywords": [
"storybook"
@ -42,13 +42,13 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/api": "7.0.0-alpha.34",
"@storybook/channels": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/channels": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"@storybook/router": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/router": "7.0.0-alpha.35",
"@storybook/theming": "7.0.0-alpha.35",
"global": "^4.4.0"
},
"peerDependencies": {
@ -63,5 +63,5 @@
"./src/index.ts"
]
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

16
code/lib/api/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/api",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Core Storybook API & Context",
"keywords": [
"storybook"
@ -45,13 +45,13 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/channels": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/channels": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"@storybook/router": "7.0.0-alpha.34",
"@storybook/router": "7.0.0-alpha.35",
"@storybook/semver": "^7.3.2",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.35",
"dequal": "^2.0.2",
"global": "^4.4.0",
"lodash": "^4.17.21",
@ -63,7 +63,7 @@
},
"devDependencies": {
"@jest/globals": "^26.6.2",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.35",
"@types/lodash": "^4.14.167",
"@types/qs": "^6",
"flush-promises": "^1.0.2",
@ -83,5 +83,5 @@
"./src/shortcut.ts"
]
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

2
code/lib/api/src/version.ts
View File

@ -1 +1 @@
export const version = '7.0.0-alpha.34';
export const version = '7.0.0-alpha.35';

26
code/lib/blocks/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/blocks",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook Doc Blocks",
"keywords": [
"storybook"
@ -41,16 +41,16 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/api": "7.0.0-alpha.34",
"@storybook/channels": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/channels": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"@storybook/docs-tools": "7.0.0-alpha.34",
"@storybook/preview-web": "7.0.0-alpha.34",
"@storybook/store": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/docs-tools": "7.0.0-alpha.35",
"@storybook/preview-web": "7.0.0-alpha.35",
"@storybook/store": "7.0.0-alpha.35",
"@storybook/theming": "7.0.0-alpha.35",
"color-convert": "^2.0.1",
"dequal": "^2.0.2",
"global": "^4.4.0",
@ -63,8 +63,8 @@
"util-deprecate": "^1.0.2"
},
"devDependencies": {
"@storybook/addon-actions": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/addon-actions": "7.0.0-alpha.35",
"@storybook/addons": "7.0.0-alpha.35",
"@types/color-convert": "^2.0.0"
},
"peerDependencies": {
@ -78,5 +78,5 @@
"./src/index.ts"
]
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

11
code/lib/blocks/src/controls/Boolean.tsx
View File

@ -14,7 +14,7 @@ const Label = styled.label(({ theme }) => ({
display: 'inline-block',
position: 'relative',
whiteSpace: 'nowrap',
background: `${opacify(0.05, theme.appBorderColor)}`,
background: theme.boolean.background,
borderRadius: '3em',
padding: 1,
@ -50,7 +50,7 @@ const Label = styled.label(({ theme }) => ({
userSelect: 'none',
borderRadius: '3em',
color: transparentize(0.4, theme.color.defaultText),
color: transparentize(0.5, theme.color.defaultText),
background: 'transparent',
'&:hover': {
@ -71,8 +71,11 @@ const Label = styled.label(({ theme }) => ({
},
'input:checked ~ span:last-of-type, input:not(:checked) ~ span:first-of-type': {
background: theme.background.app,
boxShadow: `${opacify(0.1, theme.appBorderColor)} 0 0 2px`,
background: theme.boolean.selectedBackground,
boxShadow:
theme.base === 'light'
? `${opacify(0.1, theme.appBorderColor)} 0 0 2px`
: `${theme.appBorderColor} 0 0 0 1px`,
color: theme.color.defaultText,
padding: '7px 15px',
},

2
code/lib/blocks/src/controls/Color.tsx
View File

@ -59,7 +59,7 @@ const SwatchColor = styled.div<{ active: boolean }>(({ theme, active }) => ({
width: 16,
height: 16,
boxShadow: active
? `${theme.appBorderColor} 0 0 0 1px inset, ${theme.color.mediumdark}50 0 0 0 4px`
? `${theme.appBorderColor} 0 0 0 1px inset, ${theme.textMutedColor}50 0 0 0 4px`
: `${theme.appBorderColor} 0 0 0 1px inset`,
borderRadius: theme.appBorderRadius,
}));

12
code/lib/blocks/src/controls/Object.tsx
View File

@ -124,8 +124,8 @@ const Wrapper = styled.div(({ theme }) => ({
color: theme.color.defaultText,
},
'.rejt-value-node:hover > .rejt-value': {
background: theme.background.app,
borderColor: theme.color.border,
background: theme.color.lighter,
borderColor: theme.appBorderColor,
},
}));
@ -151,7 +151,7 @@ const ActionIcon = styled(Icons)(({ theme, icon, disabled }: ActionIconProps) =>
padding: 3,
marginLeft: 5,
cursor: disabled ? 'not-allowed' : 'pointer',
color: theme.color.mediumdark,
color: theme.textMutedColor,
'&:hover': disabled
? {}
: {
@ -168,7 +168,7 @@ const Input = styled.input(({ theme, placeholder }) => ({
padding: '3px 4px',
color: theme.color.defaultText,
background: theme.background.app,
border: `1px solid ${theme.color.border}`,
border: `1px solid ${theme.appBorderColor}`,
borderRadius: 4,
lineHeight: '14px',
width: placeholder === 'Key' ? 80 : 120,
@ -185,9 +185,9 @@ const RawButton = styled(IconButton)(({ theme }) => ({
height: 21,
padding: '0 3px',
background: theme.background.bar,
border: `1px solid ${theme.color.border}`,
border: `1px solid ${theme.appBorderColor}`,
borderRadius: 3,
color: theme.color.mediumdark,
color: theme.textMutedColor,
fontSize: '9px',
fontWeight: 'bold',
textDecoration: 'none',

4
code/lib/blocks/src/controls/Range.tsx
View File

@ -96,9 +96,9 @@ const RangeInput = styled.input<{ min: number; max: number; value: number }>(
'&::-moz-range-thumb': {
width: 16,
height: 16,
border: `1px solid ${rgba(theme.color.border, 0.2)}`,
border: `1px solid ${rgba(theme.appBorderColor, 0.2)}`,
borderRadius: '50px',
boxShadow: `0 1px 3px 0px ${rgba(theme.color.border, 0.2)}`,
boxShadow: `0 1px 3px 0px ${rgba(theme.appBorderColor, 0.2)}`,
cursor: 'grab',
background: `${theme.input.background}`,
transition: 'all 150ms ease-out',

43
code/lib/blocks/src/controls/options/Select.tsx
View File

@ -47,7 +47,7 @@ const OptionsSelect = styled.select(({ theme }) => ({
},
'::placeholder': {
color: theme.color.mediumdark,
color: theme.textMutedColor,
},
'&[multiple]': {
@ -63,28 +63,29 @@ const OptionsSelect = styled.select(({ theme }) => ({
},
}));
const SelectWrapper = styled.span`
display: inline-block;
line-height: normal;
overflow: hidden;
position: relative;
vertical-align: top;
width: 100%;
const SelectWrapper = styled.span(({ theme }) => ({
display: 'inline-block',
lineHeight: 'normal',
overflow: 'hidden',
position: 'relative',
verticalAlign: 'top',
width: '100%',
svg {
position: absolute;
z-index: 1;
pointer-events: none;
height: 12px;
margin-top: -6px;
right: 12px;
top: 50%;
svg: {
position: 'absolute',
zIndex: 1,
pointerEvents: 'none',
height: '12px',
marginTop: '-6px',
right: '12px',
top: '50%',
fill: theme.textMutedColor,
path {
fill: currentColor;
}
}
`;
path: {
fill: theme.textMutedColor,
},
},
}));
type SelectConfig = NormalizedOptionsConfig & { isMulti: boolean };
type SelectProps = ControlProps<OptionsSelection> & SelectConfig;

10
code/lib/builder-manager/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/builder-manager",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook manager builder",
"keywords": [
"storybook"
@ -42,9 +42,9 @@
},
"dependencies": {
"@fal-works/esbuild-plugin-global-externals": "^2.1.2",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/node-logger": "7.0.0-alpha.34",
"@storybook/ui": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/node-logger": "7.0.0-alpha.35",
"@storybook/ui": "7.0.0-alpha.35",
"@types/ejs": "^3.1.1",
"@yarnpkg/esbuild-plugin-pnp": "^3.0.0-rc.10",
"browser-assert": "^1.2.1",
@ -68,5 +68,5 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

16
code/lib/builder-vite/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/builder-vite",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "A plugin to run and build Storybooks with Vite",
"homepage": "https://github.com/storybookjs/storybook/tree/main/code/lib/builder-vite/#readme",
"repository": {
@ -19,13 +19,13 @@
},
"dependencies": {
"@joshwooding/vite-plugin-react-docgen-typescript": "0.0.5",
"@storybook/client-api": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/client-api": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/mdx1-csf": "0.0.5-canary.13.9ce928a.0",
"@storybook/node-logger": "7.0.0-alpha.34",
"@storybook/preview-web": "7.0.0-alpha.34",
"@storybook/source-loader": "7.0.0-alpha.34",
"@storybook/node-logger": "7.0.0-alpha.35",
"@storybook/preview-web": "7.0.0-alpha.35",
"@storybook/source-loader": "7.0.0-alpha.35",
"@vitejs/plugin-react": "^2.0.0",
"browser-assert": "^1.2.1",
"es-module-lexer": "^0.9.3",
@ -53,5 +53,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

36
code/lib/builder-webpack5/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/builder-webpack5",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook framework-agnostic API",
"keywords": [
"storybook"
@ -34,23 +34,23 @@
},
"dependencies": {
"@babel/core": "^7.12.10",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.34",
"@storybook/channel-postmessage": "7.0.0-alpha.34",
"@storybook/channel-websocket": "7.0.0-alpha.34",
"@storybook/channels": "7.0.0-alpha.34",
"@storybook/client-api": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/core-webpack": "7.0.0-alpha.34",
"@storybook/node-logger": "7.0.0-alpha.34",
"@storybook/preview-web": "7.0.0-alpha.34",
"@storybook/router": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/channel-postmessage": "7.0.0-alpha.35",
"@storybook/channel-websocket": "7.0.0-alpha.35",
"@storybook/channels": "7.0.0-alpha.35",
"@storybook/client-api": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/core-webpack": "7.0.0-alpha.35",
"@storybook/node-logger": "7.0.0-alpha.35",
"@storybook/preview-web": "7.0.0-alpha.35",
"@storybook/router": "7.0.0-alpha.35",
"@storybook/semver": "^7.3.2",
"@storybook/store": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/store": "7.0.0-alpha.35",
"@storybook/theming": "7.0.0-alpha.35",
"@types/node": "^14.0.10 || ^16.0.0",
"babel-loader": "^8.2.5",
"babel-plugin-named-exports-order": "^0.0.2",
@ -92,5 +92,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

14
code/lib/builder-webpack5/src/preview/base-webpack.config.ts
View File

@ -1,7 +1,6 @@
import { logger } from '@storybook/node-logger';
import type { Options, CoreConfig } from '@storybook/core-common';
import type { Options } from '@storybook/core-common';
import type { Configuration } from 'webpack';
import type { BuilderOptions } from '../types';
export async function createDefaultWebpackConfig(
storybookBaseConfig: Configuration,
@ -45,15 +44,6 @@ export async function createDefaultWebpackConfig(
const isProd = storybookBaseConfig.mode !== 'development';
const coreOptions = await options.presets.apply<CoreConfig>('core');
const builderOptions: BuilderOptions =
typeof coreOptions.builder === 'string'
? {}
: coreOptions.builder?.options || ({} as BuilderOptions);
const cacheConfig = builderOptions.fsCache ? { cache: { type: 'filesystem' as const } } : {};
const lazyCompilationConfig =
builderOptions.lazyCompilation && !isProd ? { lazyCompilation: { entries: false } } : {};
return {
...storybookBaseConfig,
module: {
@ -94,7 +84,5 @@ export async function createDefaultWebpackConfig(
...storybookBaseConfig.resolve?.fallback,
},
},
...cacheConfig,
experiments: { ...storybookBaseConfig.experiments, ...lazyCompilationConfig },
};
}

14
code/lib/builder-webpack5/src/preview/iframe-webpack.config.ts
View File

@ -78,7 +78,9 @@ export default async (
const template = await presets.apply<string>('previewMainTemplate');
const coreOptions = await presets.apply<CoreConfig>('core');
const builderOptions: BuilderOptions =
typeof coreOptions.builder === 'string' ? {} : coreOptions.builder?.options || {};
typeof coreOptions.builder === 'string'
? {}
: coreOptions.builder?.options || ({} as BuilderOptions);
const docsOptions = await presets.apply<DocsOptions>('docs');
const previewAnnotations = [
@ -160,6 +162,14 @@ export default async (
const shouldCheckTs = typescriptOptions.check && !typescriptOptions.skipBabel;
const tsCheckOptions = typescriptOptions.checkOptions || {};
const cacheConfig = builderOptions.fsCache ? { cache: { type: 'filesystem' as const } } : {};
const lazyCompilationConfig =
builderOptions.lazyCompilation && !isProd
? {
lazyCompilation: { entries: false },
}
: {};
return {
name: 'preview',
mode: isProd ? 'production' : 'development',
@ -289,5 +299,7 @@ export default async (
performance: {
hints: isProd ? 'warning' : false,
},
...cacheConfig,
experiments: { ...lazyCompilationConfig },
};
};

10
code/lib/channel-postmessage/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/channel-postmessage",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "",
"keywords": [
"storybook"
@ -34,9 +34,9 @@
"prep": "node ../../../scripts/prepare.js"
},
"dependencies": {
"@storybook/channels": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/channels": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"global": "^4.4.0",
"qs": "^6.10.0",
"telejson": "^6.0.8"
@ -47,5 +47,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

8
code/lib/channel-websocket/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/channel-websocket",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "",
"keywords": [
"storybook"
@ -34,8 +34,8 @@
"prep": "node ../../../scripts/prepare.js"
},
"dependencies": {
"@storybook/channels": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/channels": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"global": "^4.4.0",
"telejson": "^6.0.8"
},
@ -45,5 +45,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

4
code/lib/channels/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/channels",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "",
"keywords": [
"storybook"
@ -56,5 +56,5 @@
"./src/index.ts"
]
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

6
code/lib/cli-sb/package.json
View File

@ -1,6 +1,6 @@
{
"name": "sb",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook CLI",
"keywords": [
"storybook"
@ -25,7 +25,7 @@
"prep": "node ../../../scripts/prepare.js"
},
"dependencies": {
"@storybook/cli": "7.0.0-alpha.34"
"@storybook/cli": "7.0.0-alpha.35"
},
"devDependencies": {
"typescript": "~4.6.3"
@ -33,5 +33,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

6
code/lib/cli-storybook/package.json
View File

@ -1,6 +1,6 @@
{
"name": "storybook",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook CLI",
"keywords": [
"storybook"
@ -28,7 +28,7 @@
"prep": "node ../../../scripts/prepare.js"
},
"dependencies": {
"@storybook/cli": "7.0.0-alpha.34"
"@storybook/cli": "7.0.0-alpha.35"
},
"devDependencies": {
"typescript": "~4.6.3"
@ -36,5 +36,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

18
code/lib/cli/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/cli",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook's CLI - easiest method of adding storybook to your projects",
"keywords": [
"cli",
@ -43,13 +43,13 @@
"dependencies": {
"@babel/core": "^7.12.10",
"@babel/preset-env": "^7.12.11",
"@storybook/codemod": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/core-server": "7.0.0-alpha.34",
"@storybook/csf-tools": "7.0.0-alpha.34",
"@storybook/node-logger": "7.0.0-alpha.34",
"@storybook/codemod": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/core-server": "7.0.0-alpha.35",
"@storybook/csf-tools": "7.0.0-alpha.35",
"@storybook/node-logger": "7.0.0-alpha.35",
"@storybook/semver": "^7.3.2",
"@storybook/telemetry": "7.0.0-alpha.34",
"@storybook/telemetry": "7.0.0-alpha.35",
"boxen": "^5.1.2",
"chalk": "^4.1.0",
"commander": "^6.2.1",
@ -73,7 +73,7 @@
"update-notifier": "^5.0.1"
},
"devDependencies": {
"@storybook/client-api": "7.0.0-alpha.34",
"@storybook/client-api": "7.0.0-alpha.35",
"@types/cross-spawn": "^6.0.2",
"@types/degit": "^2.8.3",
"@types/prompts": "^2.0.9",
@ -94,5 +94,5 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

24
code/lib/cli/src/repro-templates.ts
View File

@ -120,20 +120,16 @@ const svelteViteTemplates = {
builder: '@storybook/builder-vite',
},
},
/*
* I disabled this, because it was flaky
* TODO: we should fixd the instability and re-enable it
*/
// 'svelte-vite/default-ts': {
// name: 'Svelte Vite (TS)',
// script: 'yarn create vite . --template svelte-ts',
// cadence: ['ci', 'daily', 'weekly'],
// expected: {
// framework: '@storybook/svelte-vite',
// renderer: '@storybook/svelte',
// builder: '@storybook/builder-vite'
// }
// }
'svelte-vite/default-ts': {
name: 'Svelte Vite (TS)',
script: 'yarn create vite . --template svelte-ts',
cadence: ['ci', 'daily', 'weekly'],
expected: {
framework: '@storybook/svelte-vite',
renderer: '@storybook/svelte',
builder: '@storybook/builder-vite',
},
},
};
const litViteTemplates = {

Some files were not shown because too many files have changed in this diff Show More