@storybook/react-native 9.1.1 → 10.0.0-beta.0

package/dist/metro/withStorybook.js

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 // scripts/common.js
 var require_common = __commonJS({
   "scripts/common.js"(exports2, module2) {
-    var { globToRegexp, serverRequire } = require("storybook/internal/common");
+    var { globToRegexp } = require("storybook/internal/common");
     var path2 = require("path");
     var fs = require("fs");
     var cwd = process.cwd();
@@ -40,10 +40,6 @@ var require_common = __commonJS({
         match
       };
     };
-    function requireUncached(module3) {
-      delete require.cache[require.resolve(module3)];
-      return serverRequire(module3);
-    }
     var supportedExtensions = ["js", "jsx", "ts", "tsx", "cjs", "mjs"];
     function getFilePathExtension({ configPath }, fileName) {
       for (const ext of supportedExtensions) {
@@ -54,14 +50,6 @@ var require_common = __commonJS({
       }
       return null;
     }
-    function getMain({ configPath }) {
-      const fileExtension = getFilePathExtension({ configPath }, "main");
-      if (fileExtension === null) {
-        throw new Error("main config file not found");
-      }
-      const mainPath = path2.resolve(cwd, configPath, `main.${fileExtension}`);
-      return requireUncached(mainPath);
-    }
     function ensureRelativePathHasDot(relativePath) {
       return relativePath.startsWith(".") ? relativePath : `./${relativePath}`;
     }
@@ -103,9 +91,7 @@ var require_common = __commonJS({
     }
     module2.exports = {
       toRequireContext,
-      requireUncached,
       getFilePathExtension,
-      getMain,
       ensureRelativePathHasDot,
       getPreviewExists,
       resolveAddonFile,
@@ -120,16 +106,15 @@ var require_generate = __commonJS({
     var {
       toRequireContext,
       ensureRelativePathHasDot,
-      getMain,
       getPreviewExists,
       resolveAddonFile,
       getAddonName
     } = require_common();
-    var { normalizeStories, globToRegexp } = require("storybook/internal/common");
+    var { normalizeStories, globToRegexp, loadMainConfig } = require("storybook/internal/common");
     var fs = require("fs");
     var path2 = require("path");
     var cwd = process.cwd();
-    function generate2({
+    async function generate2({
       configPath,
       /* absolute = false, */
       useJs = false,
@@ -140,8 +125,7 @@ var require_generate = __commonJS({
         configPath,
         `storybook.requires.${useJs ? "js" : "ts"}`
       );
-      const mainImport = getMain({ configPath });
-      const main = mainImport.default ?? mainImport;
+      const main = await loadMainConfig({ configDir: configPath, cwd });
       const storiesSpecifiers = normalizeStories(main.stories, {
         configDir: configPath,
         workingDir: cwd

package/dist/metro/withStorybookConfig.js

@@ -32,7 +32,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // scripts/common.js
 var require_common = __commonJS({
   "scripts/common.js"(exports2, module2) {
-    var { globToRegexp, serverRequire } = require("storybook/internal/common");
+    var { globToRegexp } = require("storybook/internal/common");
     var path2 = require("path");
     var fs = require("fs");
     var cwd = process.cwd();
@@ -45,10 +45,6 @@ var require_common = __commonJS({
         match
       };
     };
-    function requireUncached(module3) {
-      delete require.cache[require.resolve(module3)];
-      return serverRequire(module3);
-    }
     var supportedExtensions = ["js", "jsx", "ts", "tsx", "cjs", "mjs"];
     function getFilePathExtension({ configPath }, fileName) {
       for (const ext of supportedExtensions) {
@@ -59,14 +55,6 @@ var require_common = __commonJS({
       }
       return null;
     }
-    function getMain({ configPath }) {
-      const fileExtension = getFilePathExtension({ configPath }, "main");
-      if (fileExtension === null) {
-        throw new Error("main config file not found");
-      }
-      const mainPath = path2.resolve(cwd, configPath, `main.${fileExtension}`);
-      return requireUncached(mainPath);
-    }
     function ensureRelativePathHasDot(relativePath) {
       return relativePath.startsWith(".") ? relativePath : `./${relativePath}`;
     }
@@ -108,9 +96,7 @@ var require_common = __commonJS({
     }
     module2.exports = {
       toRequireContext,
-      requireUncached,
       getFilePathExtension,
-      getMain,
       ensureRelativePathHasDot,
       getPreviewExists,
       resolveAddonFile,
@@ -125,16 +111,15 @@ var require_generate = __commonJS({
     var {
       toRequireContext,
       ensureRelativePathHasDot,
-      getMain,
       getPreviewExists,
       resolveAddonFile,
       getAddonName
     } = require_common();
-    var { normalizeStories, globToRegexp } = require("storybook/internal/common");
+    var { normalizeStories, globToRegexp, loadMainConfig } = require("storybook/internal/common");
     var fs = require("fs");
     var path2 = require("path");
     var cwd = process.cwd();
-    function generate2({
+    async function generate2({
       configPath,
       /* absolute = false, */
       useJs = false,
@@ -145,8 +130,7 @@ var require_generate = __commonJS({
         configPath,
         `storybook.requires.${useJs ? "js" : "ts"}`
       );
-      const mainImport = getMain({ configPath });
-      const main = mainImport.default ?? mainImport;
+      const main = await loadMainConfig({ configDir: configPath, cwd });
       const storiesSpecifiers = normalizeStories(main.stories, {
         configDir: configPath,
         workingDir: cwd

package/dist/preview.js

@@ -22,7 +22,7 @@ __export(preview_exports, {
   default: () => preview_default
 });
 module.exports = __toCommonJS(preview_exports);
-var import_entry_preview_docs = require("@storybook/react/dist/entry-preview-docs.mjs");
+var import_entry_preview_docs = require("@storybook/react/entry-preview-docs");
 var preview = {
   argTypesEnhancers: import_entry_preview_docs.argTypesEnhancers,
   parameters: {

package/jest.config.js

@@ -1,8 +1,11 @@
 /** @type {import('jest').Config} */
 const config = {
   preset: 'jest-expo',
+  setupFiles: ['<rootDir>/setup.js'],
+
   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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "9.1.1",
+  "version": "10.0.0-beta.0",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -42,19 +42,21 @@
   "scripts": {
     "dev": "npx --yes tsx buildscripts/gendtsdev.ts && tsup --watch",
     "prepare": "rm -rf dist/ && tsup",
-    "test": "jest",
-    "test:ci": "jest",
-    "test:update": "jest --updateSnapshot"
+    "test": "jest && yarn test:generate",
+    "test:ci": "jest && yarn test:generate",
+    "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-native-theming": "^9.1.1",
-    "@storybook/react-native-ui": "^9.1.1",
-    "@storybook/react-native-ui-common": "^9.1.1",
+    "@storybook/react": "10.0.0-beta.0",
+    "@storybook/react-native-theming": "^10.0.0-beta.0",
+    "@storybook/react-native-ui": "^10.0.0-beta.0",
+    "@storybook/react-native-ui-common": "^10.0.0-beta.0",
     "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",
@@ -62,19 +64,20 @@
     "ws": "^8.18.0"
   },
   "devDependencies": {
+    "@babel/plugin-transform-class-static-block": "^7.27.1",
     "@types/jest": "^29.4.3",
-    "@types/react": "~19.0.10",
+    "@types/react": "~19.1.10",
     "babel-jest": "^29.7.0",
     "babel-preset-expo": "^12.0.9",
     "jest": "^29.7.0",
-    "jest-expo": "~53.0.9",
+    "jest-expo": "~54.0.1",
     "jotai": "^2.6.2",
-    "react": "19.0.0",
-    "react-native": "0.79.5",
-    "react-test-renderer": "^19.1.0",
-    "storybook": "^9.1.2",
+    "react": "19.1.0",
+    "react-native": "0.81.0",
+    "storybook": "10.0.0-beta.0",
     "tsup": "^8.5.0",
-    "typescript": "~5.8.3"
+    "typescript": "~5.9.2",
+    "universal-test-renderer": "^0.6.0"
   },
   "peerDependencies": {
     "@gorhom/bottom-sheet": ">=4",
@@ -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": {
@@ -100,10 +103,10 @@
     }
   },
   "engines": {
-    "node": ">=8.0.0"
+    "node": ">=20"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "105eafb68700cd6d137ed9f893481af963189a28"
+  "gitHead": "2a6a4f7e68024b71178cad8ea0dc08cbba7dca1b"
 }

package/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,

package/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;
 

package/scripts/generate.test.js

@@ -1,48 +1,66 @@
-const path = require('path');
+const { describe, it, beforeEach, mock } = require('node:test');
+const assert = require('node:assert');
+const path = require('node:path');
 const { generate } = require('./generate');
 
 let pathMock;
 let fileContentMock;
 
-global.window.navigator = {};
+global.window = { navigator: {} };
 
-jest.mock('fs', () => ({
-  ...jest.requireActual('fs'),
+const mockFs = {
   writeFileSync: (filePath, fileContent, opts) => {
     pathMock = filePath;
     fileContentMock = fileContent;
   },
-}));
+};
 
 describe('loader', () => {
+  beforeEach(() => {
+    pathMock = undefined;
+    fileContentMock = undefined;
+  });
+
   describe('writeRequires', () => {
     describe('when there is a story glob', () => {
-      it('writes the story imports', () => {
-        generate({ configPath: 'scripts/mocks/all-config-files' });
-        expect(pathMock).toEqual(
+      it('writes the story imports', async (t) => {
+        mock.method(require('fs'), 'writeFileSync', mockFs.writeFileSync);
+        await generate({ configPath: 'scripts/mocks/all-config-files' });
+        mock.reset();
+
+        assert.strictEqual(
+          pathMock,
           path.resolve(__dirname, 'mocks/all-config-files/storybook.requires.ts')
         );
-        expect(fileContentMock).toMatchSnapshot();
+        t.assert.snapshot(fileContentMock);
       });
     });
 
     describe('when using js', () => {
-      it('writes the story imports without types', () => {
-        generate({ configPath: 'scripts/mocks/all-config-files', useJs: true });
-        expect(pathMock).toEqual(
+      it('writes the story imports without types', async (t) => {
+        mock.method(require('fs'), 'writeFileSync', mockFs.writeFileSync);
+        await generate({ configPath: 'scripts/mocks/all-config-files', useJs: true });
+        mock.reset();
+
+        assert.strictEqual(
+          pathMock,
           path.resolve(__dirname, 'mocks/all-config-files/storybook.requires.js')
         );
-        expect(fileContentMock).toMatchSnapshot();
+        t.assert.snapshot(fileContentMock);
       });
     });
 
     describe('when there are different file extensions', () => {
-      it('writes the story imports', () => {
-        generate({ configPath: 'scripts/mocks/file-extensions' });
-        expect(pathMock).toEqual(
+      it('writes the story imports', async (t) => {
+        mock.method(require('fs'), 'writeFileSync', mockFs.writeFileSync);
+        await generate({ configPath: 'scripts/mocks/file-extensions' });
+        mock.reset();
+
+        assert.strictEqual(
+          pathMock,
           path.resolve(__dirname, 'mocks/file-extensions/storybook.requires.ts')
         );
-        expect(fileContentMock).toMatchSnapshot();
+        t.assert.snapshot(fileContentMock);
       });
     });
 
@@ -50,28 +68,40 @@ describe('loader', () => {
     // describe('when there is a story glob and exclude paths globs', () => {
     //   it('writes the story imports', () => {
     //     generate({ configPath: 'scripts/mocks/exclude-config-files' });
-    //     expect(pathMock).toEqual(
+    //     assert.strictEqual(
+    //       pathMock,
     //       path.resolve(__dirname, 'mocks/exclude-config-files/storybook.requires.ts')
     //     );
 
-    //     expect(fileContentMock).toContain('include-components/FakeStory.stories.tsx');
-    //     expect(fileContentMock).not.toContain('exclude-components/FakeStory.stories.tsx');
+    //     assert.ok(fileContentMock.includes('include-components/FakeStory.stories.tsx'));
+    //     assert.ok(!fileContentMock.includes('exclude-components/FakeStory.stories.tsx'));
 
-    //     expect(fileContentMock).toMatchSnapshot();
+    //     t.assert.snapshot(fileContentMock);
     //   });
     // });
 
     describe('when there is no story glob or addons', () => {
-      it('throws an error', () => {
-        expect(() => generate({ configPath: 'scripts/mocks/blank-config' })).toThrow();
+      it('throws an error', async () => {
+        mock.method(require('fs'), 'writeFileSync', mockFs.writeFileSync);
+        await assert.rejects(
+          async () => await generate({ configPath: 'scripts/mocks/blank-config' }),
+          Error
+        );
+        mock.reset();
       });
     });
 
     describe('when there is no preview', () => {
-      it('does not add preview related stuff', () => {
-        generate({ configPath: 'scripts/mocks/no-preview' });
-        expect(pathMock).toEqual(path.resolve(__dirname, 'mocks/no-preview/storybook.requires.ts'));
-        expect(fileContentMock).toMatchSnapshot();
+      it('does not add preview related stuff', async (t) => {
+        mock.method(require('fs'), 'writeFileSync', mockFs.writeFileSync);
+        await generate({ configPath: 'scripts/mocks/no-preview' });
+        mock.reset();
+
+        assert.strictEqual(
+          pathMock,
+          path.resolve(__dirname, 'mocks/no-preview/storybook.requires.ts')
+        );
+        t.assert.snapshot(fileContentMock);
       });
     });
 
@@ -79,22 +109,27 @@ describe('loader', () => {
     // describe('when the absolute option is true', () => {
     //   it('should write absolute paths to the requires file', () => {
     //     generate({ configPath: 'scripts/mocks/all-config-files', absolute: true });
-    //     expect(pathMock).toEqual(
+    //     assert.strictEqual(
+    //       pathMock,
     //       path.resolve(__dirname, 'mocks/all-config-files/storybook.requires.ts')
     //     );
 
-    //     // expect(fileContentMock).toContain(`FakeStory.stories.tsx`);
-    //     expect(fileContentMock).toContain(path.resolve(__dirname, 'mocks/all-config-files'));
+    //     // assert.ok(fileContentMock.includes(`FakeStory.stories.tsx`));
+    //     assert.ok(fileContentMock.includes(path.resolve(__dirname, 'mocks/all-config-files')));
     //   });
     // });
 
     describe('when there is a configuration object', () => {
-      it('writes the story imports', () => {
-        generate({ configPath: 'scripts/mocks/configuration-objects' });
-        expect(pathMock).toEqual(
+      it('writes the story imports', async (t) => {
+        mock.method(require('fs'), 'writeFileSync', mockFs.writeFileSync);
+        await generate({ configPath: 'scripts/mocks/configuration-objects' });
+        mock.reset();
+
+        assert.strictEqual(
+          pathMock,
           path.resolve(__dirname, 'mocks/configuration-objects/storybook.requires.ts')
         );
-        expect(fileContentMock).toMatchSnapshot();
+        t.assert.snapshot(fileContentMock);
       });
     });
   });

package/scripts/generate.test.js.snapshot

@@ -0,0 +1,19 @@
+exports[`loader > writeRequires > when there are different file extensions > writes the story imports 1`] = `
+"/* do not change this file, it is auto generated by storybook. */\\nimport { start, updateView, View } from '@storybook/react-native';\\n\\nimport \\"@storybook/addon-ondevice-notes/register\\";\\nimport \\"@storybook/addon-ondevice-controls/register\\";\\nimport \\"@storybook/addon-ondevice-backgrounds/register\\";\\nimport \\"@storybook/addon-ondevice-actions/register\\";\\n\\nconst normalizedStories = [\\n  {\\n    titlePrefix: \\"\\",\\n    directory: \\"./scripts/mocks/file-extensions\\",\\n    files: \\"FakeStory.stories.tsx\\",\\n    importPathMatcher: /^\\\\.[\\\\\\\\/](?:FakeStory\\\\.stories\\\\.tsx)$/,\\n    // @ts-ignore\\n    req: require.context(\\n      './',\\n      false,\\n      /^\\\\.[\\\\\\\\/](?:FakeStory\\\\.stories\\\\.tsx)$/\\n    ),\\n  }\\n];\\n\\n\\ndeclare global {\\n  var view: View;\\n  var STORIES: typeof normalizedStories;\\n}\\n\\n\\nconst annotations = [\\n  require('./preview'),\\n  require(\\"@storybook/react-native/preview\\")\\n];\\n\\nglobal.STORIES = normalizedStories;\\n\\n// @ts-ignore\\nmodule?.hot?.accept?.();\\n\\n\\n\\nif (!global.view) {\\n  global.view = start({\\n    annotations,\\n    storyEntries: normalizedStories,\\n\\n  });\\n} else {\\n  updateView(global.view, annotations, normalizedStories);\\n}\\n\\nexport const view: View = global.view;\\n"
+`;
+
+exports[`loader > writeRequires > when there is a configuration object > writes the story imports 1`] = `
+"/* do not change this file, it is auto generated by storybook. */\\nimport { start, updateView, View } from '@storybook/react-native';\\n\\nimport \\"@storybook/addon-ondevice-notes/register\\";\\nimport \\"@storybook/addon-ondevice-controls/register\\";\\nimport \\"@storybook/addon-ondevice-backgrounds/register\\";\\nimport \\"@storybook/addon-ondevice-actions/register\\";\\n\\nconst normalizedStories = [\\n  {\\n    titlePrefix: \\"ComponentsPrefix\\",\\n    directory: \\"./scripts/mocks/configuration-objects/components\\",\\n    files: \\"**/*.stories.tsx\\",\\n    importPathMatcher: /^\\\\.(?:(?:^|\\\\/|(?:(?:(?!(?:^|\\\\/)\\\\.).)*?)\\\\/)(?!\\\\.)(?=.)[^/]*?\\\\.stories\\\\.tsx)$/,\\n    // @ts-ignore\\n    req: require.context(\\n      './components',\\n      true,\\n      /^\\\\.(?:(?:^|\\\\/|(?:(?:(?!(?:^|\\\\/)\\\\.).)*?)\\\\/)(?!\\\\.)(?=.)[^/]*?\\\\.stories\\\\.tsx)$/\\n    ),\\n  }\\n];\\n\\n\\ndeclare global {\\n  var view: View;\\n  var STORIES: typeof normalizedStories;\\n}\\n\\n\\nconst annotations = [\\n  require('./preview'),\\n  require(\\"@storybook/react-native/preview\\")\\n];\\n\\nglobal.STORIES = normalizedStories;\\n\\n// @ts-ignore\\nmodule?.hot?.accept?.();\\n\\n\\n\\nif (!global.view) {\\n  global.view = start({\\n    annotations,\\n    storyEntries: normalizedStories,\\n\\n  });\\n} else {\\n  updateView(global.view, annotations, normalizedStories);\\n}\\n\\nexport const view: View = global.view;\\n"
+`;
+
+exports[`loader > writeRequires > when there is a story glob > writes the story imports 1`] = `
+"/* do not change this file, it is auto generated by storybook. */\\nimport { start, updateView, View } from '@storybook/react-native';\\n\\nimport \\"@storybook/addon-ondevice-notes/register\\";\\nimport \\"@storybook/addon-ondevice-controls/register\\";\\nimport \\"@storybook/addon-ondevice-backgrounds/register\\";\\nimport \\"@storybook/addon-ondevice-actions/register\\";\\n\\nconst normalizedStories = [\\n  {\\n    titlePrefix: \\"\\",\\n    directory: \\"./scripts/mocks/all-config-files\\",\\n    files: \\"FakeStory.stories.tsx\\",\\n    importPathMatcher: /^\\\\.[\\\\\\\\/](?:FakeStory\\\\.stories\\\\.tsx)$/,\\n    // @ts-ignore\\n    req: require.context(\\n      './',\\n      false,\\n      /^\\\\.[\\\\\\\\/](?:FakeStory\\\\.stories\\\\.tsx)$/\\n    ),\\n  }\\n];\\n\\n\\ndeclare global {\\n  var view: View;\\n  var STORIES: typeof normalizedStories;\\n}\\n\\n\\nconst annotations = [\\n  require('./preview'),\\n  require(\\"@storybook/react-native/preview\\")\\n];\\n\\nglobal.STORIES = normalizedStories;\\n\\n// @ts-ignore\\nmodule?.hot?.accept?.();\\n\\n\\n\\nif (!global.view) {\\n  global.view = start({\\n    annotations,\\n    storyEntries: normalizedStories,\\n\\n  });\\n} else {\\n  updateView(global.view, annotations, normalizedStories);\\n}\\n\\nexport const view: View = global.view;\\n"
+`;
+
+exports[`loader > writeRequires > when there is no preview > does not add preview related stuff 1`] = `
+"/* do not change this file, it is auto generated by storybook. */\\nimport { start, updateView, View } from '@storybook/react-native';\\n\\nimport \\"@storybook/addon-ondevice-notes/register\\";\\nimport \\"@storybook/addon-ondevice-controls/register\\";\\nimport \\"@storybook/addon-ondevice-backgrounds/register\\";\\nimport \\"@storybook/addon-ondevice-actions/register\\";\\n\\nconst normalizedStories = [\\n  {\\n    titlePrefix: \\"\\",\\n    directory: \\"./scripts/mocks/no-preview\\",\\n    files: \\"FakeStory.stories.tsx\\",\\n    importPathMatcher: /^\\\\.[\\\\\\\\/](?:FakeStory\\\\.stories\\\\.tsx)$/,\\n    // @ts-ignore\\n    req: require.context(\\n      './',\\n      false,\\n      /^\\\\.[\\\\\\\\/](?:FakeStory\\\\.stories\\\\.tsx)$/\\n    ),\\n  }\\n];\\n\\n\\ndeclare global {\\n  var view: View;\\n  var STORIES: typeof normalizedStories;\\n}\\n\\n\\nconst annotations = [\\n  require(\\"@storybook/react-native/preview\\")\\n];\\n\\nglobal.STORIES = normalizedStories;\\n\\n// @ts-ignore\\nmodule?.hot?.accept?.();\\n\\n\\n\\nif (!global.view) {\\n  global.view = start({\\n    annotations,\\n    storyEntries: normalizedStories,\\n\\n  });\\n} else {\\n  updateView(global.view, annotations, normalizedStories);\\n}\\n\\nexport const view: View = global.view;\\n"
+`;
+
+exports[`loader > writeRequires > when using js > writes the story imports without types 1`] = `
+"/* do not change this file, it is auto generated by storybook. */\\nimport { start, updateView } from '@storybook/react-native';\\n\\nimport \\"@storybook/addon-ondevice-notes/register\\";\\nimport \\"@storybook/addon-ondevice-controls/register\\";\\nimport \\"@storybook/addon-ondevice-backgrounds/register\\";\\nimport \\"@storybook/addon-ondevice-actions/register\\";\\n\\nconst normalizedStories = [\\n  {\\n    titlePrefix: \\"\\",\\n    directory: \\"./scripts/mocks/all-config-files\\",\\n    files: \\"FakeStory.stories.tsx\\",\\n    importPathMatcher: /^\\\\.[\\\\\\\\/](?:FakeStory\\\\.stories\\\\.tsx)$/,\\n    \\n    req: require.context(\\n      './',\\n      false,\\n      /^\\\\.[\\\\\\\\/](?:FakeStory\\\\.stories\\\\.tsx)$/\\n    ),\\n  }\\n];\\n\\n\\n\\nconst annotations = [\\n  require('./preview'),\\n  require(\\"@storybook/react-native/preview\\")\\n];\\n\\nglobal.STORIES = normalizedStories;\\n\\n\\nmodule?.hot?.accept?.();\\n\\n\\n\\nif (!global.view) {\\n  global.view = start({\\n    annotations,\\n    storyEntries: normalizedStories,\\n\\n  });\\n} else {\\n  updateView(global.view, annotations, normalizedStories);\\n}\\n\\nexport const view = global.view;\\n"
+`;

package/setup.js

@@ -0,0 +1,6 @@
+// eslint-disable-next-line no-undef
+jest.doMock('react-native/Libraries/NativeComponent/ViewConfigIgnore', () => ({
+  ConditionallyIgnoredEventHandlers: () => undefined,
+  DynamicallyInjectedByGestureHandler: () => ({}),
+  isIgnored: () => true,
+}));

package/template/cli/stories/Button.stories.tsx

@@ -17,7 +17,7 @@ const meta = {
   ],
   // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
   tags: ['autodocs'],
-  // Use `fn` to spy on the onPress arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#action-args
+  // Use `fn` to spy on the onPress arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#story-args
   args: { onPress: fn() },
 } satisfies Meta<typeof Button>;
 

package/scripts/__snapshots__/generate.test.js.snap

@@ -1,280 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`loader writeRequires when there are different file extensions writes the story imports 1`] = `
-"/* do not change this file, it is auto generated by storybook. */
-import { start, updateView, View } from '@storybook/react-native';
-
-import "@storybook/addon-ondevice-notes/register";
-import "@storybook/addon-ondevice-controls/register";
-import "@storybook/addon-ondevice-backgrounds/register";
-import "@storybook/addon-ondevice-actions/register";
-
-const normalizedStories = [
-  {
-    titlePrefix: "",
-    directory: "./scripts/mocks/file-extensions",
-    files: "FakeStory.stories.tsx",
-    importPathMatcher: /^\\.[\\\\/](?:FakeStory\\.stories\\.tsx)$/,
-    // @ts-ignore
-    req: require.context(
-      './',
-      false,
-      /^\\.[\\\\/](?:FakeStory\\.stories\\.tsx)$/
-    ),
-  }
-];
-
-
-declare global {
-  var view: View;
-  var STORIES: typeof normalizedStories;
-}
-
-
-const annotations = [
-  require('./preview'),
-  require("@storybook/react-native/preview")
-];
-
-global.STORIES = normalizedStories;
-
-// @ts-ignore
-module?.hot?.accept?.();
-
-
-
-if (!global.view) {
-  global.view = start({
-    annotations,
-    storyEntries: normalizedStories,
-
-  });
-} else {
-  updateView(global.view, annotations, normalizedStories);
-}
-
-export const view: View = global.view;
-"
-`;
-
-exports[`loader writeRequires when there is a configuration object writes the story imports 1`] = `
-"/* do not change this file, it is auto generated by storybook. */
-import { start, updateView, View } from '@storybook/react-native';
-
-import "@storybook/addon-ondevice-notes/register";
-import "@storybook/addon-ondevice-controls/register";
-import "@storybook/addon-ondevice-backgrounds/register";
-import "@storybook/addon-ondevice-actions/register";
-
-const normalizedStories = [
-  {
-    titlePrefix: "ComponentsPrefix",
-    directory: "./scripts/mocks/configuration-objects/components",
-    files: "**/*.stories.tsx",
-    importPathMatcher: /^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.tsx)$/,
-    // @ts-ignore
-    req: require.context(
-      './components',
-      true,
-      /^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.tsx)$/
-    ),
-  }
-];
-
-
-declare global {
-  var view: View;
-  var STORIES: typeof normalizedStories;
-}
-
-
-const annotations = [
-  require('./preview'),
-  require("@storybook/react-native/preview")
-];
-
-global.STORIES = normalizedStories;
-
-// @ts-ignore
-module?.hot?.accept?.();
-
-
-
-if (!global.view) {
-  global.view = start({
-    annotations,
-    storyEntries: normalizedStories,
-
-  });
-} else {
-  updateView(global.view, annotations, normalizedStories);
-}
-
-export const view: View = global.view;
-"
-`;
-
-exports[`loader writeRequires when there is a story glob writes the story imports 1`] = `
-"/* do not change this file, it is auto generated by storybook. */
-import { start, updateView, View } from '@storybook/react-native';
-
-import "@storybook/addon-ondevice-notes/register";
-import "@storybook/addon-ondevice-controls/register";
-import "@storybook/addon-ondevice-backgrounds/register";
-import "@storybook/addon-ondevice-actions/register";
-
-const normalizedStories = [
-  {
-    titlePrefix: "",
-    directory: "./scripts/mocks/all-config-files",
-    files: "FakeStory.stories.tsx",
-    importPathMatcher: /^\\.[\\\\/](?:FakeStory\\.stories\\.tsx)$/,
-    // @ts-ignore
-    req: require.context(
-      './',
-      false,
-      /^\\.[\\\\/](?:FakeStory\\.stories\\.tsx)$/
-    ),
-  }
-];
-
-
-declare global {
-  var view: View;
-  var STORIES: typeof normalizedStories;
-}
-
-
-const annotations = [
-  require('./preview'),
-  require("@storybook/react-native/preview")
-];
-
-global.STORIES = normalizedStories;
-
-// @ts-ignore
-module?.hot?.accept?.();
-
-
-
-if (!global.view) {
-  global.view = start({
-    annotations,
-    storyEntries: normalizedStories,
-
-  });
-} else {
-  updateView(global.view, annotations, normalizedStories);
-}
-
-export const view: View = global.view;
-"
-`;
-
-exports[`loader writeRequires when there is no preview does not add preview related stuff 1`] = `
-"/* do not change this file, it is auto generated by storybook. */
-import { start, updateView, View } from '@storybook/react-native';
-
-import "@storybook/addon-ondevice-notes/register";
-import "@storybook/addon-ondevice-controls/register";
-import "@storybook/addon-ondevice-backgrounds/register";
-import "@storybook/addon-ondevice-actions/register";
-
-const normalizedStories = [
-  {
-    titlePrefix: "",
-    directory: "./scripts/mocks/no-preview",
-    files: "FakeStory.stories.tsx",
-    importPathMatcher: /^\\.[\\\\/](?:FakeStory\\.stories\\.tsx)$/,
-    // @ts-ignore
-    req: require.context(
-      './',
-      false,
-      /^\\.[\\\\/](?:FakeStory\\.stories\\.tsx)$/
-    ),
-  }
-];
-
-
-declare global {
-  var view: View;
-  var STORIES: typeof normalizedStories;
-}
-
-
-const annotations = [
-  require("@storybook/react-native/preview")
-];
-
-global.STORIES = normalizedStories;
-
-// @ts-ignore
-module?.hot?.accept?.();
-
-
-
-if (!global.view) {
-  global.view = start({
-    annotations,
-    storyEntries: normalizedStories,
-
-  });
-} else {
-  updateView(global.view, annotations, normalizedStories);
-}
-
-export const view: View = global.view;
-"
-`;
-
-exports[`loader writeRequires when using js writes the story imports without types 1`] = `
-"/* do not change this file, it is auto generated by storybook. */
-import { start, updateView } from '@storybook/react-native';
-
-import "@storybook/addon-ondevice-notes/register";
-import "@storybook/addon-ondevice-controls/register";
-import "@storybook/addon-ondevice-backgrounds/register";
-import "@storybook/addon-ondevice-actions/register";
-
-const normalizedStories = [
-  {
-    titlePrefix: "",
-    directory: "./scripts/mocks/all-config-files",
-    files: "FakeStory.stories.tsx",
-    importPathMatcher: /^\\.[\\\\/](?:FakeStory\\.stories\\.tsx)$/,
-    
-    req: require.context(
-      './',
-      false,
-      /^\\.[\\\\/](?:FakeStory\\.stories\\.tsx)$/
-    ),
-  }
-];
-
-
-
-const annotations = [
-  require('./preview'),
-  require("@storybook/react-native/preview")
-];
-
-global.STORIES = normalizedStories;
-
-
-module?.hot?.accept?.();
-
-
-
-if (!global.view) {
-  global.view = start({
-    annotations,
-    storyEntries: normalizedStories,
-
-  });
-} else {
-  updateView(global.view, annotations, normalizedStories);
-}
-
-export const view = global.view;
-"
-`;