@storybook/react-native 8.3.8 → 8.3.10-alpha.0

package/metro/withStorybook.js

@@ -5,9 +5,35 @@ const { WebSocketServer } = require('ws');
 
 module.exports = (
   config,
-  { configPath, enabled = true, websockets, useJs = false } = { enabled: true, useJs: false }
+  { configPath, enabled = true, websockets, useJs = false, onDisabledRemoveStorybook = false } = {
+    enabled: true,
+    useJs: false,
+    onDisabledRemoveStorybook: false,
+  }
 ) => {
   if (!enabled) {
+    if (onDisabledRemoveStorybook) {
+      return {
+        ...config,
+        resolver: {
+          ...config.resolver,
+          resolveRequest: (context, moduleName, platform) => {
+            const resolveFunction = config?.resolver?.resolveRequest
+              ? config?.resolver?.resolveRequest
+              : context.resolveRequest;
+
+            if (moduleName.startsWith('storybook') || moduleName.startsWith('@storybook')) {
+              return {
+                type: 'empty',
+              };
+            }
+
+            return resolveFunction(context, moduleName, platform);
+          },
+        },
+      };
+    }
+
     return config;
   }
 
@@ -56,12 +82,15 @@ module.exports = (
         const isStorybookModule =
           moduleName.startsWith('storybook') || moduleName.startsWith('@storybook');
 
-        if (isStorybookModule) {
-          context.unstable_enablePackageExports = true;
-          context.unstable_conditionNames = ['import'];
-        }
+        const theContext = isStorybookModule
+          ? {
+              ...context,
+              unstable_enablePackageExports: true,
+              unstable_conditionNames: ['import'],
+            }
+          : context;
 
-        const resolveResult = resolveFunction(context, moduleName, platform);
+        const resolveResult = resolveFunction(theContext, moduleName, platform);
 
         // workaround for template files with invalid imports
         if (resolveResult?.filePath?.includes?.('@storybook/react/template/cli')) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "8.3.8",
+  "version": "8.3.10-alpha.0",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -43,8 +43,8 @@
     "@storybook/csf": "^0.1.1",
     "@storybook/global": "^5.0.0",
     "@storybook/react": "^8.3.5",
-    "@storybook/react-native-theming": "^8.3.8",
-    "@storybook/react-native-ui": "^8.3.8",
+    "@storybook/react-native-theming": "^8.3.10-alpha.0",
+    "@storybook/react-native-ui": "^8.3.10-alpha.0",
     "chokidar": "^3.5.1",
     "commander": "^8.2.0",
     "dedent": "^1.5.1",
@@ -82,5 +82,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8c7d02652d29dc2ba84a26362e5a45851d77f1a4"
+  "gitHead": "7abe94ef9ccc96fb583d8653a193ae0f3ca7c8a0"
 }

package/readme.md

@@ -1,12 +1,10 @@
 # Storybook for React Native
 
 > [!IMPORTANT]  
-> This readme is in the process of being updated for v8 which is not yet released to stable, for v7 docs see the [v7.6 docs](https://github.com/storybookjs/react-native/tree/v7.6.20-stable).
+> This readme is for v8, for v7 docs see the [v7.6 docs](https://github.com/storybookjs/react-native/tree/v7.6.20-stable).
 
 With Storybook for React Native you can design and develop individual React Native components without running your app.
 
-This readme is for the 8.3.1 version, you can find the 7.6 docs [here](https://github.com/storybookjs/react-native/tree/v7.6.20-stable).
-
 If you are migrating from 7.6 to 8.3 you can find the migration guide [here](https://github.com/storybookjs/react-native/blob/next/MIGRATION.md#from-version-76x-to-83x)
 
 For more information about storybook visit: [storybook.js.org](https://storybook.js.org)
@@ -330,6 +328,13 @@ module.exports = withStorybook(defaultConfig, {
 });
 ```
 
+#### onDisabledRemoveStorybook
+
+Type: `boolean`, default: `false`
+
+If onDisabledRemoveStorybook `true` and `enabled` is `false`, the storybook package will be removed from the build.
+This is useful if you want to remove storybook from your production build.
+
 #### useJs
 
 Type: `boolean`, default: `false`