feat: start v10

dannyhw · dannyhw · commit 05d2c60d9ee7 · 2025-08-20T13:00:23.000+01:00
diff --git a/.github/workflows/docs.yml b/.github/workflows/docs.yml
@@ -22,7 +22,7 @@ jobs:
       - name: Set node version
         uses: actions/setup-node@v4
         with:
-          node-version: 22.18.0
+          node-version: 24
 
       - name: Install
         shell: 'bash'
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
@@ -16,7 +16,7 @@ jobs:
       - name: Set node version
         uses: actions/setup-node@v4
         with:
-          node-version: 22.18.0
+          node-version: 24
       - name: install and compile
         run: yarn
       - name: build
diff --git a/.yarn/releases/yarn-4.1.0.cjs b/.yarn/releases/yarn-4.1.0.cjs
diff --git a/.yarn/releases/yarn-4.9.2.cjs b/.yarn/releases/yarn-4.9.2.cjs
diff --git a/.yarnrc.yml b/.yarnrc.yml
@@ -4,4 +4,4 @@ enableGlobalCache: false
 
 nodeLinker: node-modules
 
-yarnPath: .yarn/releases/yarn-4.1.0.cjs
+yarnPath: .yarn/releases/yarn-4.9.2.cjs
diff --git a/docs/package.json b/docs/package.json
@@ -44,6 +44,6 @@
     ]
   },
   "engines": {
-    "node": ">=18.0"
+    "node": ">=22.18.0"
   }
 }
diff --git a/examples/expo-example/package.json b/examples/expo-example/package.json
@@ -34,11 +34,11 @@
     "@storybook/addon-ondevice-notes": "^9.1.1",
     "@storybook/addon-react-native-server": "^1.0.0",
     "@storybook/global": "^5.0.0",
-    "@storybook/react": "^9.1.2",
+    "@storybook/react": "10.0.0-beta.0",
     "@storybook/react-native": "^9.1.1",
     "@storybook/react-native-theming": "^9.1.1",
     "@storybook/react-native-ui-lite": "^9.1.1",
-    "@storybook/react-native-web-vite": "^9.1.2",
+    "@storybook/react-native-web-vite": "10.0.0-beta.0",
     "babel-plugin-react-compiler": "^19.1.0-rc.2",
     "expo": "next",
     "react": "19.1.0",
@@ -51,7 +51,7 @@
     "react-native-svg": "15.12.1",
     "react-native-web": "^0.21.0",
     "react-native-worklets": "^0.4.1",
-    "storybook": "^9.1.2",
+    "storybook": "10.0.0-beta.0",
     "storybook-addon-deep-controls": "^0.9.3",
     "ws": "^8.18.0"
   },
diff --git a/package.json b/package.json
@@ -67,12 +67,11 @@
     "@types/markdown-it": "^14.0.1"
   },
   "engines": {
-    "node": ">=16",
-    "yarn": ">=1.3.2"
+    "node": ">=22.18.0"
   },
   "collective": {
     "type": "opencollective",
     "url": "https://opencollective.com/storybook"
   },
-  "packageManager": "yarn@4.1.0"
+  "packageManager": "yarn@4.9.2"
 }
diff --git a/packages/ondevice-actions/package.json b/packages/ondevice-actions/package.json
@@ -36,7 +36,7 @@
   "peerDependencies": {
     "react": "*",
     "react-native": "*",
-    "storybook": ">=9"
+    "storybook": ">=10 || 10.0.0-beta.0 || ^10"
   },
   "publishConfig": {
     "access": "public"
diff --git a/packages/ondevice-backgrounds/package.json b/packages/ondevice-backgrounds/package.json
@@ -40,7 +40,7 @@
   "peerDependencies": {
     "react": "*",
     "react-native": "*",
-    "storybook": ">=9"
+    "storybook": ">=10 || 10.0.0-beta.0 || ^10"
   },
   "publishConfig": {
     "access": "public"
diff --git a/packages/ondevice-controls/package.json b/packages/ondevice-controls/package.json
@@ -47,7 +47,7 @@
     "@react-native-community/slider": "*",
     "react": "*",
     "react-native": "*",
-    "storybook": ">=9"
+    "storybook": ">=10 || 10.0.0-beta.0 || ^10"
   },
   "peerDependenciesMeta": {
     "@gorhom/bottom-sheet": {
diff --git a/packages/ondevice-notes/package.json b/packages/ondevice-notes/package.json
@@ -39,7 +39,7 @@
   "peerDependencies": {
     "react": "*",
     "react-native": "*",
-    "storybook": ">=9"
+    "storybook": ">=10 || 10.0.0-beta.0 || ^10"
   },
   "publishConfig": {
     "access": "public"
diff --git a/packages/react-native-ui-common/package.json b/packages/react-native-ui-common/package.json
@@ -57,7 +57,7 @@
     "typescript": "~5.9.2"
   },
   "dependencies": {
-    "@storybook/react": "^9.1.2",
+    "@storybook/react": "10.0.0-beta.0",
     "@storybook/react-native-theming": "^9.1.1",
     "es-toolkit": "^1.38.0",
     "fuse.js": "^7.0.0",
@@ -69,10 +69,10 @@
   "peerDependencies": {
     "react": "*",
     "react-native": ">=0.57.0",
-    "storybook": ">=9"
+    "storybook": ">=10 || 10.0.0-beta.0 || ^10"
   },
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=20.0.0"
   },
   "publishConfig": {
     "access": "public"
diff --git a/packages/react-native-ui-lite/package.json b/packages/react-native-ui-lite/package.json
@@ -58,7 +58,7 @@
     "typescript": "~5.9.2"
   },
   "dependencies": {
-    "@storybook/react": "^9.1.2",
+    "@storybook/react": "10.0.0-beta.0",
     "@storybook/react-native-theming": "^9.1.1",
     "@storybook/react-native-ui-common": "^9.1.1",
     "fuse.js": "^7.0.0",
@@ -69,10 +69,10 @@
   "peerDependencies": {
     "react": "*",
     "react-native": ">=0.57.0",
-    "storybook": ">=9"
+    "storybook": ">=10 || 10.0.0-beta.0 || ^10"
   },
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=20.0.0"
   },
   "publishConfig": {
     "access": "public"
diff --git a/packages/react-native-ui/package.json b/packages/react-native-ui/package.json
@@ -58,7 +58,7 @@
     "typescript": "~5.9.2"
   },
   "dependencies": {
-    "@storybook/react": "^9.1.2",
+    "@storybook/react": "10.0.0-beta.0",
     "@storybook/react-native-theming": "^9.1.1",
     "@storybook/react-native-ui-common": "^9.1.1",
     "es-toolkit": "^1.38.0",
@@ -75,10 +75,10 @@
     "react-native-reanimated": ">=3",
     "react-native-safe-area-context": "*",
     "react-native-svg": ">=14",
-    "storybook": ">=9"
+    "storybook": ">=10 || 10.0.0-beta.0 || ^10"
   },
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=20.0.0"
   },
   "publishConfig": {
     "access": "public"
diff --git a/packages/react-native/jest.config.js b/packages/react-native/jest.config.js
@@ -6,5 +6,6 @@ const config = {
   transformIgnorePatterns: [
     'node_modules/(?!((jest-)?react-native|@react-native(-community)?)|expo(nent)?|@expo(nent)?/.*|@expo-google-fonts/.*|react-navigation|@react-navigation/.*|@sentry/react-native|native-base|react-native-svg|storybook/.*|@storybook/.*|uuid)',
   ],
+  testPathIgnorePatterns: ['/node_modules/', '/scripts/generate\\.test\\.js$'],
 };
 module.exports = config;
diff --git a/packages/react-native/package.json b/packages/react-native/package.json
@@ -44,24 +44,27 @@
     "prepare": "rm -rf dist/ && tsup",
     "test": "jest",
     "test:ci": "jest",
-    "test:update": "jest --updateSnapshot"
+    "test:generate": "node --test scripts/generate.test.js",
+    "test:generate:update": "node --test --test-update-snapshots scripts/generate.test.js"
   },
   "dependencies": {
     "@storybook/global": "^5.0.0",
-    "@storybook/react": "^9.1.2",
+    "@storybook/react": "10.0.0-beta.0",
     "@storybook/react-native-theming": "^9.1.1",
     "@storybook/react-native-ui": "^9.1.1",
     "@storybook/react-native-ui-common": "^9.1.1",
     "commander": "^8.2.0",
     "dedent": "^1.5.1",
     "deepmerge": "^4.3.0",
+    "esbuild-register": "^3.6.0",
     "react-native-url-polyfill": "^2.0.0",
     "setimmediate": "^1.0.5",
     "type-fest": "~2.19",
     "util": "^0.12.4",
     "ws": "^8.18.0"
   },
   "devDependencies": {
+    "@babel/plugin-transform-class-static-block": "^7.27.1",
     "@types/jest": "^29.4.3",
     "@types/react": "~19.1.10",
     "babel-jest": "^29.7.0",
@@ -71,7 +74,7 @@
     "jotai": "^2.6.2",
     "react": "19.1.0",
     "react-native": "0.81.0",
-    "storybook": "^9.1.2",
+    "storybook": "10.0.0-beta.0",
     "tsup": "^8.5.0",
     "typescript": "~5.9.2",
     "universal-test-renderer": "^0.6.0"
@@ -83,7 +86,7 @@
     "react-native-gesture-handler": ">=2",
     "react-native-reanimated": ">=2",
     "react-native-safe-area-context": "*",
-    "storybook": ">=9"
+    "storybook": ">=10 || 10.0.0-beta.0 || ^10"
   },
   "peerDependenciesMeta": {
     "@gorhom/bottom-sheet": {
diff --git a/packages/react-native/scripts/common.js b/packages/react-native/scripts/common.js
@@ -1,4 +1,4 @@
-const { globToRegexp, serverRequire } = require('storybook/internal/common');
+const { globToRegexp } = require('storybook/internal/common');
 const path = require('path');
 const fs = require('fs');
 
@@ -18,12 +18,6 @@ const toRequireContext = (specifier) => {
   };
 };
 
-function requireUncached(module) {
-  delete require.cache[require.resolve(module)];
-
-  return serverRequire(module);
-}
-
 const supportedExtensions = ['js', 'jsx', 'ts', 'tsx', 'cjs', 'mjs'];
 
 function getFilePathExtension({ configPath }, fileName) {
@@ -38,18 +32,6 @@ function getFilePathExtension({ configPath }, fileName) {
   return null;
 }
 
-function getMain({ configPath }) {
-  const fileExtension = getFilePathExtension({ configPath }, 'main');
-
-  if (fileExtension === null) {
-    throw new Error('main config file not found');
-  }
-
-  const mainPath = path.resolve(cwd, configPath, `main.${fileExtension}`);
-
-  return requireUncached(mainPath);
-}
-
 function ensureRelativePathHasDot(relativePath) {
   return relativePath.startsWith('.') ? relativePath : `./${relativePath}`;
 }
@@ -105,9 +87,7 @@ function getAddonName(addon) {
 
 module.exports = {
   toRequireContext,
-  requireUncached,
   getFilePathExtension,
-  getMain,
   ensureRelativePathHasDot,
   getPreviewExists,
   resolveAddonFile,
diff --git a/packages/react-native/scripts/generate.js b/packages/react-native/scripts/generate.js
@@ -1,28 +1,25 @@
 const {
   toRequireContext,
   ensureRelativePathHasDot,
-  getMain,
   getPreviewExists,
   resolveAddonFile,
   getAddonName,
 } = require('./common');
-const { normalizeStories, globToRegexp } = require('storybook/internal/common');
+const { normalizeStories, globToRegexp, loadMainConfig } = require('storybook/internal/common');
 const fs = require('fs');
 
 const path = require('path');
 
 const cwd = process.cwd();
 
-function generate({ configPath, /* absolute = false, */ useJs = false, docTools = true }) {
+async function generate({ configPath, /* absolute = false, */ useJs = false, docTools = true }) {
   const storybookRequiresLocation = path.resolve(
     cwd,
     configPath,
     `storybook.requires.${useJs ? 'js' : 'ts'}`
   );
 
-  const mainImport = getMain({ configPath });
-
-  const main = mainImport.default ?? mainImport;
+  const main = await loadMainConfig({ configDir: configPath, cwd });
 
   // const reactNativeOptions = main.reactNativeOptions;
 
diff --git a/packages/react-native/scripts/generate.test.js b/packages/react-native/scripts/generate.test.js
diff --git a/packages/react-native/src/preview.ts b/packages/react-native/src/preview.ts
diff --git a/tsconfig.json b/tsconfig.json
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -4,4 +4,4 @@ enableGlobalCache: false`
`4`	`4`
`5`	`5`	`nodeLinker: node-modules`
`6`	`6`
`7`		`-yarnPath: .yarn/releases/yarn-4.1.0.cjs`
	`7`	`+yarnPath: .yarn/releases/yarn-4.9.2.cjs`
Original file line number	Diff line number	Diff line change
`@@ -44,6 +44,6 @@`
`44`	`44`	`]`
`45`	`45`	`},`
`46`	`46`	`"engines": {`
`47`		`- "node": ">=18.0"`
	`47`	`+ "node": ">=22.18.0"`
`48`	`48`	`}`
`49`	`49`	`}`