Prepare for SB9

.github/workflows/build.yml

@@ -0,0 +1,29 @@
+name: Build
+
+on: [push]
+
+jobs:
+  release:
+    runs-on: ubuntu-latest
+    if: "!contains(github.event.head_commit.message, 'ci skip') && !contains(github.event.head_commit.message, 'skip ci')"
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Prepare repository
+        run: git fetch --unshallow --tags
+
+      - name: Use Node.js 20.x
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20.x
+
+      - name: Install dependencies
+        run: npm install --ignore-scripts
+
+      - name: Build
+        run: |
+          npm run build
+
+      - name: Build Storybook
+        run: |
+          npm run build-storybook

.github/workflows/release.yml

@@ -12,10 +12,10 @@ jobs:
       - name: Prepare repository
         run: git fetch --unshallow --tags
 
-      - name: Use Node.js 18.x
+      - name: Use Node.js 20.x
         uses: actions/setup-node@v4
         with:
-          node-version: 18.x
+          node-version: 20.x
 
       - name: Install dependencies
         run: npm install --ignore-scripts

.storybook/main.ts

@@ -1,18 +1,9 @@
-import type { StorybookConfig } from "@storybook/react-vite";
-const config: StorybookConfig = {
+import { defineMain } from "@storybook/react-vite/node";
+
+const config = defineMain({
   stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
-  addons: [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "@storybook/addon-interactions",
-    "./local-preset.js",
-  ],
-  framework: {
-    name: "@storybook/react-vite",
-    options: {},
-  },
-  docs: {
-    autodocs: "tag",
-  },
-};
+  addons: ["@storybook/addon-docs", "./local-preset.cjs"],
+  framework: "@storybook/react-vite",
+});
+
 export default config;

.storybook/preview.ts

@@ -1,4 +1,4 @@
-import type { Preview } from "@storybook/react";
+import type { Preview } from "@storybook/react-vite";
 
 const preview: Preview = {
   parameters: {

README.md

@@ -98,7 +98,7 @@ Storybook addons are listed in the [catalog](https://storybook.js.org/addons) an
 
 To help the community use your addon and understand its capabilities, please document it thoroughly.
 
-To get started, replace this README with the content in this sample template, modeled after how essential addons (like [Actions](https://storybook.js.org/docs/essentials/actions)) are documented. Then update the content to describe your addon.
+To get started, replace this README with the content in this sample template.
 
 ### Sample documentation template
 
@@ -124,7 +124,7 @@ import type { StorybookConfig } from '@storybook/your-framework';
 const config: StorybookConfig = {
   // ...rest of config
   addons: [
-    '@storybook/addon-essentials'
+    '@storybook/addon-docs'
     'my-addon', // 👈 register the addon here
   ],
 };
@@ -183,14 +183,14 @@ registering the addon, like so:
 // .storybook/main.ts
 
 // Replace your-framework with the framework you are using (e.g., react-webpack5, vue3-vite)
-import type { StorybookConfig } from '@storybook/your-framework';
+import type { StorybookConfig } from "@storybook/your-framework";
 
 const config: StorybookConfig = {
   // ...rest of config
   addons: [
-    '@storybook/essentials',
+    "@storybook/addon-docs",
     {
-      name: 'my-addon',
+      name: "my-addon",
       options: {
         // 👈 options for my-addon go here
       },
@@ -206,7 +206,6 @@ export default config;
 Type: `boolean`
 
 Enable experimental behavior to...
-
 ````
 
 ## Release Management