Merge pull request #23504 from storybookjs/version-prerelease-from-7.1.0

Release: Preminor alpha 7.2.0-alpha.0

.github/workflows/canary-release-pr.yml

@@ -0,0 +1,33 @@
+name: Publish canary release of PR
+run-name: 'Canary release: PR #${{ inputs.pr }}, triggered by ${{ github.triggering_actor }}'
+
+on:
+ workflow_dispatch:
+ inputs:
+ pr:
+ description: 'Which pull request number to create a canary release for'
+ required: true
+ type: number
+
+env:
+ PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+ PUPPETEER_SKIP_CHROMIUM_DOWNLOAD: 1
+
+concurrency:
+ group: ${{ github.workflow }}-${{ inputs.pr }}
+ cancel-in-progress: true
+
+permissions:
+ pull-requests: write
+
+jobs:
+ release-canary:
+ name: Release canary version
+ runs-on: ubuntu-latest
+ environment: release
+ defaults:
+ run:
+ working-directory: scripts
+ steps:
+ - name: Do nothing
+ run: echo "I'm not doing anything"

CHANGELOG.prerelease.md

@@ -1,3 +1,20 @@
+## 7.2.0-alpha.0
+
+- Angular: Make enableProdMode optional - [#23489](https://github.com/storybookjs/storybook/pull/23489), thanks [@valentinpalkovic](https://github.com/valentinpalkovic)!
+- Svelte-vite: Improve error when sveltekit plugins found in non-sveltekit projects - [#23472](https://github.com/storybookjs/storybook/pull/23472), thanks [@yannbf](https://github.com/yannbf)!
+- Svelte-vite: Remove unused import - [#23475](https://github.com/storybookjs/storybook/pull/23475), thanks [@yannbf](https://github.com/yannbf)!
+- Router: Support RegExp in Route component - [#23292](https://github.com/storybookjs/storybook/pull/23292), thanks [@ndelangen](https://github.com/ndelangen)!
+- UI: Improve tabs component, more type correct, allow for FC as title - [#23288](https://github.com/storybookjs/storybook/pull/23288), thanks [@ndelangen](https://github.com/ndelangen)!
+- Addons: Improve code quality by using title as FC & sharing state via useAddonState - [#23298](https://github.com/storybookjs/storybook/pull/23298), thanks [@ndelangen](https://github.com/ndelangen)!
+- InteractionsAddon: Improve code quality by using title as FC & sharing state via useAddonState - [#23291](https://github.com/storybookjs/storybook/pull/23291), thanks [@ndelangen](https://github.com/ndelangen)!
+- UI: Add storyStatus to sidebar UI - [#23342](https://github.com/storybookjs/storybook/pull/23342), thanks [@ndelangen](https://github.com/ndelangen)!
+- Addon API: Add experimental page addon type - [#23307](https://github.com/storybookjs/storybook/pull/23307), thanks [@ndelangen](https://github.com/ndelangen)!
+- UI: refactor Canvas component so we can improve types for PREVIEW addons and TAB addons - [#23311](https://github.com/storybookjs/storybook/pull/23311), thanks [@ndelangen](https://github.com/ndelangen)!
+- UI: Improve Button layout and props - [#23356](https://github.com/storybookjs/storybook/pull/23356), thanks [@cdedreuille](https://github.com/cdedreuille)!
+- Dependencies: Remove references to api and the 2 deprecated channel packages - [#23384](https://github.com/storybookjs/storybook/pull/23384), thanks [@ndelangen](https://github.com/ndelangen)!
+- UI: Show the story status in the search results - [#23441](https://github.com/storybookjs/storybook/pull/23441), thanks [@ndelangen](https://github.com/ndelangen)!
+- UI: Create new form elements in the new Core UI (Input, TextArea, Select) - [#23469](https://github.com/storybookjs/storybook/pull/23469), thanks [@cdedreuille](https://github.com/cdedreuille)!
+
 ## 7.1.0-rc.2
 
 - CLI: Exit when user does not select a storybook project type - [#23201](https://github.com/storybookjs/storybook/pull/23201), thanks [@yannbf](https://github.com/yannbf)!
@@ -605,4 +622,4 @@ Promote beta to rc without any changes. 🎉
 
 #### Dependency Upgrades
 
-- Update `@emotion/cache` version [#21941](https://github.com/storybooks/storybook/pull/21941)
+- Update `@emotion/cache` version [#21941](https://github.com/storybooks/storybook/pull/21941)

CODEOWNERS

@@ -0,0 +1,98 @@
+# Code Owners
+
+# Root
+.github/ @JReinhold @yannbf @vanessayuenn
+.circleci/ @yannbf @kasperpeulen
+.yarnrc.yml @ndelangen @JReinhold
+
+# Docs
+docs/ @kylegach @jonniebigodes
+
+# Scripts
+/scripts/ @ndelangen @kasperpeulen
+/scripts/release/ @jreinhold @ndelangen @kasperpeulen
+
+# Addons
+/code/addons/a11y/ @ndelangen @yannbf
+/code/addons/actions/ @ndelangen @yannbf
+/code/addons/backgrounds/ @yannbf @ndelangen
+/code/addons/controls/ @kasperpeulen @ndelangen
+/code/addons/docs/ @JReinhold @kasperpeulen
+/code/addons/essentials/ @valentinpalkovic @ndelangen
+/code/addons/gfm/ @ndelangen @valentinpalkovic
+/code/addons/highlight/ @yannbf @valentinpalkovic
+/code/addons/interactions/ @yannbf @ndelangen
+/code/addons/jest/ @ndelangen
+/code/addons/links/ @yannbf @JReinhold
+/code/addons/measure/ @yannbf @valentinpalkovic
+/code/addons/outline/ @yannbf @valentinpalkovic
+/code/addons/storyshots-core/ @ndelangen
+/code/addons/storyshots-puppeteer/ @ndelangen
+/code/addons/storysource/ @ndelangen
+/code/addons/toolbars/ @ndelangen @JReinhold
+/code/addons/viewport/ @yannbf @ndelangen
+
+# Builder
+/code/builders/builder-manager/ @ndelangen @valentinpalkovic
+/code/builders/builder-vite/ @JReinhold @valentinpalkovic @IanVS
+/code/builders/builder-webpack5/ @ndelangen @valentinpalkovic
+
+# Frameworks
+/code/frameworks/angular/ @valentinpalkovic @yannbf
+/code/frameworks/html-vite/ @kasperpeulen @JReinhold 
+/code/frameworks/html-webpack5/ @kasperpeulen @JReinhold 
+/code/frameworks/nextjs/ @valentinpalkovic @kasperpeulen @yannbf
+/code/frameworks/react-vite/ @valentinpalkovic @kasperpeulen
+/code/frameworks/react-webpack5/ @valentinpalkovic @kasperpeulen
+/code/frameworks/svelte-vite/ @kasperpeulen @JReinhold
+/code/frameworks/svelte-webpack5/ @kasperpeulen @JReinhold
+/code/frameworks/sveltekit/ @kasperpeulen @JReinhold
+/code/frameworks/vue3-vite/ @kasperpeulen @yannbf @JReinhold
+/code/frameworks/vue3-webpack5/ @kasperpeulen @yannbf @JReinhold
+/code/frameworks/web-components-vite/ @kasperpeulen @JReinhold
+/code/frameworks/web-components-webpack5/ @kasperpeulen @JReinhold
+
+# Lib
+/code/lib/channels/ @ndelangen @kasperpeulen
+/code/lib/cli/ @yannbf @valentinpalkovic @ndelangen
+/code/lib/cli-sb/ @yannbf @valentinpalkovic @ndelangen
+/code/lib/cli-storybook/ @yannbf @valentinpalkovic @ndelangen
+/code/lib/client-logger/ @ndelangen @yannbf
+/code/lib/codemod/ @kasperpeulen @ndelangen
+/code/lib/core-common/ @ndelangen @yannbf
+/code/lib/core-events/ @ndelangen @kasperpeulen
+/code/lib/core-server/ @ndelangen @JReinhold @tmeasday @shilman 
+/code/lib/core-webpack/ @valentinpalkovic @ndelangen
+/code/lib/csf-plugin/ @ndelangen @valentinpalkovic
+/code/lib/csf-tools/ @kasperpeulen @shilman
+/code/lib/docs-tools/ @JReinhold @shilman
+/code/lib/instrumenter/ @yannbf @kasperpeulen
+/code/lib/manager-api/ @ndelangen @valentinpalkovic @kasperpeulen
+/code/lib/node-logger/ @yannbf @ndelangen
+/code/lib/preview/ @ndelangen @kasperpeulen
+/code/lib/preview-api/ @yannbf @ndelangen @tmeasday
+/code/lib/react-dom-shim/ @ndelangen @valentinpalkovic @tmeasday 
+/code/lib/router/ @ndelangen @JReinhold
+/code/lib/telemetry/ @shilman @yannbf @ndelangen
+/code/lib/theming/ @cdedreuille @ndelangen @JReinhold
+/code/lib/types/ @kasperpeulen @ndelangen
+
+# Presets
+/code/presets/create-react-app/ @valentinpalkovic @ndelangen
+
+# Renderers
+/code/renderers/html/ @kasperpeulen @JReinhold
+/code/renderers/react/ @valentinpalkovic @kasperpeulen
+/code/renderers/server/ @shilman @valentinpalkovic
+/code/renderers/svelte/ @JReinhold @kasperpeulen
+/code/renderers/vue3/ @kasperpeulen @JReinhold
+/code/renderers/web-components/ @kasperpeulen @JReinhold
+
+# UI
+/code/ui/.storybook/ @JReinhold @cdedreuille
+/code/ui/blocks/ @JReinhold @cdedreuille
+/code/ui/components/ @cdedreuille @JReinhold
+/code/ui/manager/ @ndelangen @JReinhold @cdedreuille @tmeasday
+
+# E2E
+/code/e2e-tests/ @yannbf @valentinpalkovic

MIGRATION.md

@@ -1,5 +1,7 @@
 <h1>Migration</h1>
 
+- [From version 7.0.0 to 7.2.0](#from-version-700-to-720)
+ - [Addon API is more type-strict](#addon-api-is-more-type-strict)
 - [From version 6.5.x to 7.0.0](#from-version-65x-to-700)
  - [7.0 breaking changes](#70-breaking-changes)
  - [Dropped support for Node 15 and below](#dropped-support-for-node-15-and-below)
@@ -300,6 +302,31 @@
  - [Packages renaming](#packages-renaming)
  - [Deprecated embedded addons](#deprecated-embedded-addons)
 
+## From version 7.0.0 to 7.2.0
+
+#### Addon API is more type-strict
+
+When registering an addon using `@storybook/manager-api`, the addon API is now more type-strict. This means if you use TypeScript to compile your addon before publishing, it might start giving you errors.
+
+The `type` property is now a required field, and the `id` property should not be set anymore.
+
+Here's a correct example:
+```tsx
+import { addons, types } from '@storybook/manager-api';
+
+addons.register('my-addon', () => {
+ addons.add('my-addon/panel', {
+ type: types.PANEL,
+ title: 'My Addon',
+ render: ({ active }) => active ? <div>Hello World</div> : null,
+ });
+});
+```
+
+The API: `addons.addPanel()` is now deprecated, and will be removed in 8.0.0. Please use `addons.add()` instead.
+
+The `render` method can now be a `React.FunctionComponent` (without the `children` prop). Storybook will now render it, rather than calling it as a function.
+
 ## From version 6.5.x to 7.0.0
 
 A number of these changes can be made automatically by the Storybook CLI. To take advantage of these "automigrations", run `npx storybook@latest upgrade --prerelease` or `pnpx dlx storybook@latest upgrade --prerelease`.

README.md

@@ -131,7 +131,7 @@ For additional help, join us in the [Storybook Discord](https://discord.gg/story
 | [measure](code/addons/measure/) | Visually inspect the layout and box model within the Storybook UI |
 | [outline](code/addons/outline/) | Visually debug the CSS layout and alignment within the Storybook UI |
 | [query params](https://github.com/storybookjs/addon-queryparams) | Mock query params |
-| [storyshots](code/addons/storyshots/)  | Snapshot testing for components in Storybook |
+| [storyshots](code/addons/storyshots-core/) | Snapshot testing for components in Storybook |
 | [storysource](code/addons/storysource/) | View the code of your stories within the Storybook UI |
 | [viewport](code/addons/viewport/) | Change display sizes and layouts for responsive components using Storybook |
 

code/addons/a11y/package.json

@@ -59,7 +59,7 @@
  "*.d.ts"
  ],
  "scripts": {
- "check": "../../../scripts/node_modules/.bin/tsc --noEmit",
+ "check": "../../../scripts/prepare/check.ts",
  "prep": "../../../scripts/prepare/bundle.ts"
  },
  "dependencies": {