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": {