@storybook/react-native 8.0.0-alpha.0 → 8.0.0-alpha.1

package/dist/{index.d-b039fbf0.d.ts → index.d-ab512c60.d.ts}

@@ -1079,6 +1079,7 @@ interface CLIOptions {
     test?: boolean;
     debugWebpack?: boolean;
     webpackStatsJson?: string | boolean;
+    statsJson?: string | boolean;
     outputDir?: string;
 }
 interface BuilderOptions {
@@ -1210,10 +1211,6 @@ interface StorybookConfigRaw {
          * Filter args with a "target" on the type from the render function (EXPERIMENTAL)
          */
         argTypeTargetsV7?: boolean;
-        /**
-         * Use legacy MDX1, to help smooth migration to 7.0
-         */
-        legacyMdx1?: boolean;
         /**
          * Apply decorators from preview.js before decorators from addons or frameworks
          */

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { S as StoryIndex, P as PreparedStory, N as NormalizedStoriesSpecifier, a as StorybookConfig$1 } from './index.d-b039fbf0.js';
+import { S as StoryIndex, P as PreparedStory, N as NormalizedStoriesSpecifier, a as StorybookConfig$1 } from './index.d-ab512c60.js';
 import { Theme } from '@storybook/react-native-theming';
 export { Theme, darkTheme, theme } from '@storybook/react-native-theming';
 import * as react_jsx_runtime from 'react/jsx-runtime';

package/dist/index.js

@@ -1248,12 +1248,26 @@ var ErrorBoundary = class extends import_react4.default.Component {
   static getDerivedStateFromError(_error) {
     return { hasError: true };
   }
-  componentDidCatch(error, errorInfo) {
-    console.warn(error, errorInfo);
+  componentDidCatch(error, info) {
+    this.props.onError(error, info.componentStack);
   }
   render() {
     if (this.state.hasError) {
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { children: "Something went wrong rendering your story" });
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_react_native3.View,
+        {
+          style: {
+            margin: 16,
+            padding: 16,
+            borderColor: "red",
+            borderWidth: 2,
+            alignItems: "center",
+            justifyContent: "center",
+            borderRadius: 4
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: { fontWeight: "bold" }, children: "Something went wrong rendering your story" })
+        }
+      );
     }
     return this.props.children;
   }
@@ -1277,7 +1291,15 @@ var StoryView = () => {
         style: { flex: 1, backgroundColor },
         testID: id,
         onStartShouldSetResponder: dismissOnStartResponder,
-        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ErrorBoundary, { children: StoryComponent && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(StoryComponent, { ...context }) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          ErrorBoundary,
+          {
+            onError: () => {
+              console.log(`Error rendering story for ${context.title} ${context.name}`);
+            },
+            children: StoryComponent && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(StoryComponent, { ...context })
+          }
+        )
       },
       id
     );
@@ -1995,7 +2017,7 @@ function getHost(hostname) {
 // src/View.tsx
 var import_jsx_runtime16 = require("react/jsx-runtime");
 var STORAGE_KEY = "lastOpenedStory";
-var View10 = class {
+var View11 = class {
   _storyIndex;
   _setStory = () => {
   };
@@ -2065,7 +2087,6 @@ var View10 = class {
         this._idToPrepared[storyId] = await this._preview.loadStory({ storyId });
       })
     );
-    console.log("Storybook: Finished building story index");
   };
   getStorybookUI = (params = {}) => {
     const {
@@ -2272,6 +2293,7 @@ function start({
     },
     showStoryDuringRender: () => {
     }
+    // TODO what happened to this type?
   };
   const selectionStore = {
     selection: null,
@@ -2305,7 +2327,7 @@ function start({
     selectionStore,
     previewView
   );
-  const view = new View10(preview, channel);
+  const view = new View11(preview, channel);
   if (global) {
     global.__STORYBOOK_ADDONS_CHANNEL__ = channel;
     global.__STORYBOOK_PREVIEW__ = preview;

package/dist/preview.d.ts

@@ -1,5 +1,5 @@
 import * as _storybook_docs_tools from '@storybook/docs-tools';
-import { R as Renderer, b as StoryContextForEnhancers, A as Args, c as StrictArgTypes } from './index.d-b039fbf0.js';
+import { R as Renderer, b as StoryContextForEnhancers, A as Args, c as StrictArgTypes } from './index.d-ab512c60.js';
 import 'file-system-cache';
 import 'http';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "8.0.0-alpha.0",
+  "version": "8.0.0-alpha.1",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -34,7 +34,8 @@
   "scripts": {
     "dev": "ts-node ./buildscripts/gentsdev.ts && tsup --watch",
     "prepare": "rm -rf dist/ && tsup",
-    "test": "jest"
+    "test": "jest",
+    "test:ci": "jest"
   },
   "jest": {
     "modulePathIgnorePatterns": [
@@ -51,17 +52,17 @@
     "preset": "react-native"
   },
   "dependencies": {
-    "@storybook/channels": "8.0.0-alpha.15",
-    "@storybook/client-logger": "8.0.0-alpha.15",
-    "@storybook/core-common": "8.0.0-alpha.15",
-    "@storybook/core-events": "8.0.0-alpha.15",
+    "@storybook/channels": "8.0.0-rc.1",
+    "@storybook/client-logger": "8.0.0-rc.1",
+    "@storybook/core-common": "8.0.0-rc.1",
+    "@storybook/core-events": "8.0.0-rc.1",
     "@storybook/csf": "^0.1.1",
-    "@storybook/docs-tools": "8.0.0-alpha.15",
+    "@storybook/docs-tools": "8.0.0-rc.1",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "8.0.0-alpha.15",
-    "@storybook/preview-api": "8.0.0-alpha.15",
-    "@storybook/react": "8.0.0-alpha.15",
-    "@storybook/react-native-theming": "^8.0.0-alpha.0",
+    "@storybook/manager-api": "8.0.0-rc.1",
+    "@storybook/preview-api": "8.0.0-rc.1",
+    "@storybook/react": "8.0.0-rc.1",
+    "@storybook/react-native-theming": "^8.0.0-alpha.1",
     "chokidar": "^3.5.1",
     "commander": "^8.2.0",
     "dedent": "^1.5.1",
@@ -73,11 +74,11 @@
     "util": "^0.12.4"
   },
   "devDependencies": {
-    "@storybook/types": "8.0.0-alpha.15",
+    "@storybook/types": "8.0.0-rc.1",
     "@types/jest": "^29.4.3",
     "@types/react": "~18.2.14",
     "babel-jest": "^29.4.3",
-    "jest": "^29.4.3",
+    "jest": "^29.7.0",
     "jotai": "^2.6.2",
     "react-test-renderer": "18.2.0",
     "ts-node": "^10.9.1",
@@ -95,5 +96,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "14ffe40751c45e03046117bec794fb4e34c56418"
+  "gitHead": "1865884a1c866ff61bacd82d02fdc18e845e4132"
 }

package/scripts/handle-args.js

@@ -9,12 +9,7 @@ function getArguments() {
       './.storybook'
     )
     .option('-js, --use-js', 'Use a js file for storybook.requires')
-    .option('-a, --absolute', 'Use absolute paths for story imports')
-    .option('-v6, --v6-store', 'Use v6 store, for storiesof compatibility')
-    .option(
-      '-rc, --v6-require-context',
-      'When using v6 store should use require.context to load stories'
-    );
+    .option('-a, --absolute', 'Use absolute paths for story imports');
 
   program.parse();
 

package/scripts/watcher.js

@@ -6,6 +6,15 @@ const { writeRequires, getMain, getFilePathExtension } = require('./loader');
 const { getArguments } = require('./handle-args');
 
 const args = getArguments();
+
+if (!args.v6Store) {
+  console.log(
+    "in v7 you don't need the watcher anymore, if you are using v6 compat mode then pass the -v6 flag"
+  );
+
+  process.exit(0);
+}
+
 const log = console.log.bind(console);
 
 const mainExt = getFilePathExtension(args, 'main');
@@ -17,6 +26,8 @@ if (previewExt) {
   watchPaths.push(`./preview.${previewExt}`);
 }
 
+console.log(watchPaths);
+
 const updateRequires = (event, watchPath) => {
   if (typeof watchPath === 'string') {
     log(`event ${event} for file ${path.basename(watchPath)}`);
@@ -25,6 +36,14 @@ const updateRequires = (event, watchPath) => {
 };
 
 const globs = getMain(args).stories;
+// directory
+// files
+const globsStrings = globs.map((g) => {
+  if (typeof g === 'string') return g;
+  if (g.directory && g.files) {
+    return `${g.directory}/${g.files}`;
+  }
+});
 
 chokidar
   .watch(watchPaths, { cwd: args.configPath })
@@ -33,7 +52,7 @@ chokidar
 let isReady = false;
 
 chokidar
-  .watch(globs, { cwd: args.configPath })
+  .watch(globsStrings, { cwd: args.configPath })
   .on('ready', () => {
     log('Watcher is ready, performing initial write');
     writeRequires(args);