fix: generate script not found with bun and reanimated warnings on expo 52 (#651)

* fix: generate script sometimes not found with bun

* v8.4.3-alpha.0

* fix: reanimated warnings

* v8.4.3-alpha.1

* fix: example app

* fix: remove references to v6 and watcher

* fix: lock

Author: dannyhw

examples/expo-example/app.config.js renamed to examples/expo-example/app.config.ts

@@ -1,9 +1,11 @@
-/** @type{import("expo/config").ExpoConfig} */
-module.exports = {
+import type { ExpoConfig } from 'expo/config';
+
+export default {
   name: 'Expo Example',
   slug: 'expo-example',
   web: {
     bundler: 'metro',
   },
   userInterfaceStyle: 'automatic',
-};
+  newArchEnabled: true,
+} satisfies ExpoConfig;

examples/expo-example/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo-example",
-  "version": "8.4.2",
+  "version": "8.4.3-alpha.1",
   "private": true,
   "main": "index.js",
   "scripts": {
@@ -20,30 +20,30 @@
   },
   "dependencies": {
     "@babel/preset-env": "^7.25.4",
-    "@expo/metro-runtime": "~4.0.0-preview.0",
+    "@expo/metro-runtime": "~4.0.0",
     "@gorhom/bottom-sheet": "^5.0.5",
     "@react-native-async-storage/async-storage": "1.23.1",
     "@react-native-community/datetimepicker": "8.2.0",
     "@react-native-community/slider": "4.5.5",
     "@storybook/addon-essentials": "^8.4.2",
     "@storybook/addon-interactions": "^8.4.2",
     "@storybook/addon-links": "^8.4.2",
-    "@storybook/addon-ondevice-actions": "^8.4.2",
-    "@storybook/addon-ondevice-backgrounds": "^8.4.2",
-    "@storybook/addon-ondevice-controls": "^8.4.2",
-    "@storybook/addon-ondevice-notes": "^8.4.2",
+    "@storybook/addon-ondevice-actions": "^8.4.3-alpha.1",
+    "@storybook/addon-ondevice-backgrounds": "^8.4.3-alpha.1",
+    "@storybook/addon-ondevice-controls": "^8.4.3-alpha.1",
+    "@storybook/addon-ondevice-notes": "^8.4.3-alpha.1",
     "@storybook/addon-react-native-server": "0.0.6",
     "@storybook/addon-react-native-web": "^0.0.22",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
     "@storybook/blocks": "^8.4.2",
     "@storybook/builder-webpack5": "^8.4.2",
     "@storybook/global": "^5.0.0",
     "@storybook/react": "^8.4.2",
-    "@storybook/react-native": "^8.4.2",
-    "@storybook/react-native-theming": "^8.4.2",
+    "@storybook/react-native": "^8.4.3-alpha.1",
+    "@storybook/react-native-theming": "^8.4.3-alpha.1",
     "@storybook/react-webpack5": "^8.4.2",
     "@storybook/test": "^8.4.2",
-    "expo": "52.0.0-preview.21",
+    "expo": "~52.0.5",
     "history": "^5.3.0",
     "querystring": "^0.2.1",
     "react": "18.3.1",
@@ -70,7 +70,7 @@
     "babel-loader": "^9.1.3",
     "babel-plugin-react-docgen-typescript": "^1.5.1",
     "jest": "^29.7.0",
-    "jest-expo": "~52.0.0-preview.3",
+    "jest-expo": "~52.0.0",
     "metro-react-native-babel-preset": "^0.77.0",
     "typescript": "^5.3.3"
   }

lerna.json

@@ -1,5 +1,5 @@
 {
   "npmClient": "yarn",
   "registry": "https://registry.npmjs.org",
-  "version": "8.4.2"
+  "version": "8.4.3-alpha.1"
 }

packages/ondevice-actions/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-actions",
-  "version": "8.4.2",
+  "version": "8.4.3-alpha.1",
   "description": "Action Logger addon for react-native storybook",
   "keywords": [
     "storybook"

packages/ondevice-backgrounds/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-backgrounds",
-  "version": "8.4.2",
+  "version": "8.4.3-alpha.1",
   "description": "A react-native storybook addon to show different backgrounds for your preview",
   "keywords": [
     "addon",
@@ -33,7 +33,7 @@
   },
   "dependencies": {
     "@storybook/core": "^8.4.2",
-    "@storybook/react-native-theming": "^8.4.2"
+    "@storybook/react-native-theming": "^8.4.3-alpha.1"
   },
   "devDependencies": {
     "typescript": "^5.3.3"

packages/ondevice-controls/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-controls",
-  "version": "8.4.2",
+  "version": "8.4.3-alpha.1",
   "description": "Display storybook controls on your device.",
   "keywords": [
     "addon",
@@ -32,8 +32,8 @@
   "dependencies": {
     "@storybook/addon-controls": "^8.4.2",
     "@storybook/core": "^8.4.2",
-    "@storybook/react-native-theming": "^8.4.2",
-    "@storybook/react-native-ui": "^8.4.2",
+    "@storybook/react-native-theming": "^8.4.3-alpha.1",
+    "@storybook/react-native-ui": "^8.4.3-alpha.1",
     "deep-equal": "^1.0.1",
     "prop-types": "^15.7.2",
     "react-native-modal-datetime-picker": "^14.0.0",

packages/ondevice-notes/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-notes",
-  "version": "8.4.2",
+  "version": "8.4.3-alpha.1",
   "description": "Write notes for your react-native Storybook stories.",
   "keywords": [
     "addon",
@@ -30,7 +30,7 @@
   },
   "dependencies": {
     "@storybook/core": "^8.4.2",
-    "@storybook/react-native-theming": "^8.4.2",
+    "@storybook/react-native-theming": "^8.4.3-alpha.1",
     "react-native-markdown-display": "^7.0.2"
   },
   "devDependencies": {

packages/react-native-theming/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native-theming",
-  "version": "8.4.2",
+  "version": "8.4.3-alpha.1",
   "description": "A wrapper library around emotion 11 to provide theming support for react-native storybook",
   "keywords": [
     "react",

packages/react-native-ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native-ui",
-  "version": "8.4.2",
+  "version": "8.4.3-alpha.1",
   "description": "ui components for react native storybook",
   "keywords": [
     "react",
@@ -60,7 +60,7 @@
   "dependencies": {
     "@storybook/core": "^8.4.2",
     "@storybook/react": "^8.4.2",
-    "@storybook/react-native-theming": "^8.4.2",
+    "@storybook/react-native-theming": "^8.4.3-alpha.1",
     "fuse.js": "^7.0.0",
     "memoizerific": "^1.11.3",
     "polished": "^4.3.1",

packages/react-native-ui/src/MobileAddonsPanel.tsx

@@ -50,7 +50,7 @@ export const MobileAddonsPanel = forwardRef<MobileAddonsPanelRef, { storyId?: st
       return {
         maxHeight: height - animatedPosition.value - insets.bottom,
       };
-    }, [animatedPosition.value, height, insets.bottom]);
+    }, [animatedPosition, height, insets.bottom]);
 
     return (
       <BottomSheetModal

packages/react-native-ui/src/Tree.stories.tsx

@@ -77,6 +77,7 @@ export const SingleStoryComponents: Story = {
         data={{
           ...{
             single: {
+              tags: [],
               type: 'component',
               name: 'Single',
               id: 'single',

packages/react-native/bin/watcher.js

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "8.4.2",
+  "version": "8.4.3-alpha.1",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -19,13 +19,13 @@
   "license": "MIT",
   "main": "dist/index.js",
   "bin": {
-    "sb-rn-get-stories": "./bin/get-stories.js",
-    "sb-rn-watcher": "./bin/watcher.js"
+    "sb-rn-get-stories": "./bin/get-stories.js"
   },
   "exports": {
     ".": "./dist/index.js",
     "./metro/withStorybook": "./dist/metro/withStorybook.js",
-    "./preview": "./dist/preview.js"
+    "./preview": "./dist/preview.js",
+    "./scripts/generate": "./scripts/generate.js"
   },
   "files": [
     "bin/**/*",
@@ -49,8 +49,8 @@
     "@storybook/csf": "^0.1.1",
     "@storybook/global": "^5.0.0",
     "@storybook/react": "^8.4.2",
-    "@storybook/react-native-theming": "^8.4.2",
-    "@storybook/react-native-ui": "^8.4.2",
+    "@storybook/react-native-theming": "^8.4.3-alpha.1",
+    "@storybook/react-native-ui": "^8.4.3-alpha.1",
     "chokidar": "^3.5.1",
     "commander": "^8.2.0",
     "dedent": "^1.5.1",