@storybook/react-native 10.2.2-next.6 → 10.2.2-next.8

package/dist/metro/withStorybook.js

@@ -72,16 +72,17 @@ var require_common = __commonJS({
     }
     function resolveAddonFile(addon, file, extensions = ["js", "mjs", "ts"], configPath) {
       if (!addon || typeof addon !== "string") return null;
+      const resolvePaths = { paths: [cwd2] };
       try {
         const basePath = `${addon}/${file}`;
-        require.resolve(basePath);
+        require.resolve(basePath, resolvePaths);
         return basePath;
       } catch (_error) {
       }
       for (const ext of extensions) {
         try {
           const filePath = `${addon}/${file}.${ext}`;
-          require.resolve(filePath);
+          require.resolve(filePath, resolvePaths);
           return filePath;
         } catch (_error) {
         }

package/dist/node.js

@@ -72,16 +72,17 @@ var require_common = __commonJS({
     }
     function resolveAddonFile(addon, file, extensions = ["js", "mjs", "ts"], configPath) {
       if (!addon || typeof addon !== "string") return null;
+      const resolvePaths = { paths: [cwd2] };
       try {
         const basePath = `${addon}/${file}`;
-        require.resolve(basePath);
+        require.resolve(basePath, resolvePaths);
         return basePath;
       } catch (_error) {
       }
       for (const ext of extensions) {
         try {
           const filePath = `${addon}/${file}.${ext}`;
-          require.resolve(filePath);
+          require.resolve(filePath, resolvePaths);
           return filePath;
         } catch (_error) {
         }

package/dist/repack/withStorybook.js

@@ -72,16 +72,17 @@ var require_common = __commonJS({
     }
     function resolveAddonFile(addon, file, extensions = ["js", "mjs", "ts"], configPath) {
       if (!addon || typeof addon !== "string") return null;
+      const resolvePaths = { paths: [cwd2] };
       try {
         const basePath = `${addon}/${file}`;
-        require.resolve(basePath);
+        require.resolve(basePath, resolvePaths);
         return basePath;
       } catch (_error) {
       }
       for (const ext of extensions) {
         try {
           const filePath = `${addon}/${file}.${ext}`;
-          require.resolve(filePath);
+          require.resolve(filePath, resolvePaths);
           return filePath;
         } catch (_error) {
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "10.2.2-next.6",
+  "version": "10.2.2-next.8",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -43,9 +43,9 @@
   ],
   "dependencies": {
     "@storybook/react": "^10.2.2",
-    "@storybook/react-native-theming": "^10.2.2-next.6",
-    "@storybook/react-native-ui": "^10.2.2-next.6",
-    "@storybook/react-native-ui-common": "^10.2.2-next.6",
+    "@storybook/react-native-theming": "^10.2.2-next.8",
+    "@storybook/react-native-ui": "^10.2.2-next.8",
+    "@storybook/react-native-ui-common": "^10.2.2-next.8",
     "commander": "^14.0.2",
     "dedent": "^1.7.0",
     "deepmerge": "^4.3.1",
@@ -102,9 +102,7 @@
   "gitHead": "4aa2ae40569ea7f61e438ce568a39c580b3097d8",
   "scripts": {
     "dev": "npx --yes tsx buildscripts/gendtsdev.ts && tsup --watch",
-    "test": "jest && pnpm test:generate",
-    "test:ci": "jest && pnpm test:generate",
-    "test:generate": "node --test scripts/generate.test.js",
-    "test:generate:update": "node --test --test-update-snapshots scripts/generate.test.js"
+    "test": "jest",
+    "test:ci": "jest"
   }
 }

package/scripts/common.js

@@ -55,10 +55,12 @@ function getPreviewExists({ configPath }) {
 function resolveAddonFile(addon, file, extensions = ['js', 'mjs', 'ts'], configPath) {
   if (!addon || typeof addon !== 'string') return null;
 
+  const resolvePaths = { paths: [cwd] };
+
   try {
     const basePath = `${addon}/${file}`;
 
-    require.resolve(basePath);
+    require.resolve(basePath, resolvePaths);
 
     return basePath;
   } catch (_error) {}
@@ -67,7 +69,7 @@ function resolveAddonFile(addon, file, extensions = ['js', 'mjs', 'ts'], configP
     try {
       const filePath = `${addon}/${file}.${ext}`;
 
-      require.resolve(filePath);
+      require.resolve(filePath, resolvePaths);
 
       return filePath;
     } catch (_error) {}

package/scripts/generate.test.js

@@ -1,218 +0,0 @@
-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: {} };
-
-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', 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')
-        );
-        t.assert.snapshot(fileContentMock);
-      });
-    });
-
-    describe('when using js', () => {
-      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')
-        );
-        t.assert.snapshot(fileContentMock);
-      });
-    });
-
-    describe('when there are different file extensions', () => {
-      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')
-        );
-        t.assert.snapshot(fileContentMock);
-      });
-    });
-
-    // TODO can we support exclude globs?
-    // describe('when there is a story glob and exclude paths globs', () => {
-    //   it('writes the story imports', () => {
-    //     generate({ configPath: 'scripts/mocks/exclude-config-files' });
-    //     assert.strictEqual(
-    //       pathMock,
-    //       path.resolve(__dirname, 'mocks/exclude-config-files/storybook.requires.ts')
-    //     );
-
-    //     assert.ok(fileContentMock.includes('include-components/FakeStory.stories.tsx'));
-    //     assert.ok(!fileContentMock.includes('exclude-components/FakeStory.stories.tsx'));
-
-    //     t.assert.snapshot(fileContentMock);
-    //   });
-    // });
-
-    describe('when there is no story glob or addons', () => {
-      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', 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);
-      });
-    });
-
-    // TODO does this still make sense?
-    // 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 });
-    //     assert.strictEqual(
-    //       pathMock,
-    //       path.resolve(__dirname, 'mocks/all-config-files/storybook.requires.ts')
-    //     );
-
-    //     // 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', 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')
-        );
-        t.assert.snapshot(fileContentMock);
-      });
-    });
-
-    describe('when host and port are provided', () => {
-      it('includes STORYBOOK_WEBSOCKET with host and port', async (t) => {
-        mock.method(require('fs'), 'writeFileSync', mockFs.writeFileSync);
-        await generate({
-          configPath: 'scripts/mocks/all-config-files',
-          host: '192.168.1.100',
-          port: 8080,
-        });
-        mock.reset();
-
-        assert.ok(
-          fileContentMock.includes(
-            "globalThis.STORYBOOK_WEBSOCKET = { host: '192.168.1.100', port: 8080 };"
-          )
-        );
-        t.assert.snapshot(fileContentMock);
-      });
-    });
-
-    describe('when only host is provided', () => {
-      it('includes STORYBOOK_WEBSOCKET with host and default port', async (t) => {
-        mock.method(require('fs'), 'writeFileSync', mockFs.writeFileSync);
-        await generate({
-          configPath: 'scripts/mocks/all-config-files',
-          host: 'localhost',
-        });
-        mock.reset();
-
-        assert.ok(
-          fileContentMock.includes(
-            "globalThis.STORYBOOK_WEBSOCKET = { host: 'localhost', port: 7007 };"
-          )
-        );
-        t.assert.snapshot(fileContentMock);
-      });
-    });
-
-    describe('when host is not provided', () => {
-      it('does not include STORYBOOK_WEBSOCKET assignment', async (t) => {
-        mock.method(require('fs'), 'writeFileSync', mockFs.writeFileSync);
-        await generate({ configPath: 'scripts/mocks/all-config-files' });
-        mock.reset();
-
-        assert.ok(!fileContentMock.includes('globalThis.STORYBOOK_WEBSOCKET ='));
-        t.assert.snapshot(fileContentMock);
-      });
-    });
-
-    describe('when only port is provided without host', () => {
-      it('does not include STORYBOOK_WEBSOCKET assignment', async (t) => {
-        mock.method(require('fs'), 'writeFileSync', mockFs.writeFileSync);
-        await generate({
-          configPath: 'scripts/mocks/all-config-files',
-          port: 8080,
-        });
-        mock.reset();
-
-        assert.ok(!fileContentMock.includes('globalThis.STORYBOOK_WEBSOCKET ='));
-        t.assert.snapshot(fileContentMock);
-      });
-    });
-
-    describe('when host and port are provided with useJs', () => {
-      it('includes STORYBOOK_WEBSOCKET in JS file', async (t) => {
-        mock.method(require('fs'), 'writeFileSync', mockFs.writeFileSync);
-        await generate({
-          configPath: 'scripts/mocks/all-config-files',
-          useJs: true,
-          host: '192.168.1.100',
-          port: 8080,
-        });
-        mock.reset();
-
-        assert.ok(
-          fileContentMock.includes(
-            "globalThis.STORYBOOK_WEBSOCKET = { host: '192.168.1.100', port: 8080 };"
-          )
-        );
-        t.assert.snapshot(fileContentMock);
-      });
-    });
-  });
-});

package/scripts/generate.test.js.snapshot

@@ -1,39 +0,0 @@
-exports[`loader > writeRequires > when host and port are provided > includes STORYBOOK_WEBSOCKET with host and port 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  var STORYBOOK_WEBSOCKET: { host: string; port: number } | undefined;\\n}\\n\\n\\nconst annotations = [\\n  require('./preview'),\\n  require(\\"@storybook/react-native/preview\\")\\n];\\n\\nglobalThis.STORIES = normalizedStories;\\nglobalThis.STORYBOOK_WEBSOCKET = { host: '192.168.1.100', port: 8080 };\\n\\n// @ts-ignore\\nmodule?.hot?.accept?.();\\n\\n\\n\\nif (!globalThis.view) {\\n  globalThis.view = start({\\n    annotations,\\n    storyEntries: normalizedStories,\\n\\n  });\\n} else {\\n  updateView(globalThis.view, annotations, normalizedStories);\\n}\\n\\nexport const view: View = globalThis.view;\\n"
-`;
-
-exports[`loader > writeRequires > when host and port are provided with useJs > includes STORYBOOK_WEBSOCKET in JS file 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\\nglobalThis.STORIES = normalizedStories;\\nglobalThis.STORYBOOK_WEBSOCKET = { host: '192.168.1.100', port: 8080 };\\n\\n\\nmodule?.hot?.accept?.();\\n\\n\\n\\nif (!globalThis.view) {\\n  globalThis.view = start({\\n    annotations,\\n    storyEntries: normalizedStories,\\n\\n  });\\n} else {\\n  updateView(globalThis.view, annotations, normalizedStories);\\n}\\n\\nexport const view = globalThis.view;\\n"
-`;
-
-exports[`loader > writeRequires > when host is not provided > does not include STORYBOOK_WEBSOCKET assignment 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  var STORYBOOK_WEBSOCKET: { host: string; port: number } | undefined;\\n}\\n\\n\\nconst annotations = [\\n  require('./preview'),\\n  require(\\"@storybook/react-native/preview\\")\\n];\\n\\nglobalThis.STORIES = normalizedStories;\\n\\n\\n// @ts-ignore\\nmodule?.hot?.accept?.();\\n\\n\\n\\nif (!globalThis.view) {\\n  globalThis.view = start({\\n    annotations,\\n    storyEntries: normalizedStories,\\n\\n  });\\n} else {\\n  updateView(globalThis.view, annotations, normalizedStories);\\n}\\n\\nexport const view: View = globalThis.view;\\n"
-`;
-
-exports[`loader > writeRequires > when only host is provided > includes STORYBOOK_WEBSOCKET with host and default port 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  var STORYBOOK_WEBSOCKET: { host: string; port: number } | undefined;\\n}\\n\\n\\nconst annotations = [\\n  require('./preview'),\\n  require(\\"@storybook/react-native/preview\\")\\n];\\n\\nglobalThis.STORIES = normalizedStories;\\nglobalThis.STORYBOOK_WEBSOCKET = { host: 'localhost', port: 7007 };\\n\\n// @ts-ignore\\nmodule?.hot?.accept?.();\\n\\n\\n\\nif (!globalThis.view) {\\n  globalThis.view = start({\\n    annotations,\\n    storyEntries: normalizedStories,\\n\\n  });\\n} else {\\n  updateView(globalThis.view, annotations, normalizedStories);\\n}\\n\\nexport const view: View = globalThis.view;\\n"
-`;
-
-exports[`loader > writeRequires > when only port is provided without host > does not include STORYBOOK_WEBSOCKET assignment 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  var STORYBOOK_WEBSOCKET: { host: string; port: number } | undefined;\\n}\\n\\n\\nconst annotations = [\\n  require('./preview'),\\n  require(\\"@storybook/react-native/preview\\")\\n];\\n\\nglobalThis.STORIES = normalizedStories;\\n\\n\\n// @ts-ignore\\nmodule?.hot?.accept?.();\\n\\n\\n\\nif (!globalThis.view) {\\n  globalThis.view = start({\\n    annotations,\\n    storyEntries: normalizedStories,\\n\\n  });\\n} else {\\n  updateView(globalThis.view, annotations, normalizedStories);\\n}\\n\\nexport const view: View = globalThis.view;\\n"
-`;
-
-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  var STORYBOOK_WEBSOCKET: { host: string; port: number } | undefined;\\n}\\n\\n\\nconst annotations = [\\n  require('./preview'),\\n  require(\\"@storybook/react-native/preview\\")\\n];\\n\\nglobalThis.STORIES = normalizedStories;\\n\\n\\n// @ts-ignore\\nmodule?.hot?.accept?.();\\n\\n\\n\\nif (!globalThis.view) {\\n  globalThis.view = start({\\n    annotations,\\n    storyEntries: normalizedStories,\\n\\n  });\\n} else {\\n  updateView(globalThis.view, annotations, normalizedStories);\\n}\\n\\nexport const view: View = globalThis.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  var STORYBOOK_WEBSOCKET: { host: string; port: number } | undefined;\\n}\\n\\n\\nconst annotations = [\\n  require('./preview'),\\n  require(\\"@storybook/react-native/preview\\")\\n];\\n\\nglobalThis.STORIES = normalizedStories;\\n\\n\\n// @ts-ignore\\nmodule?.hot?.accept?.();\\n\\n\\n\\nif (!globalThis.view) {\\n  globalThis.view = start({\\n    annotations,\\n    storyEntries: normalizedStories,\\n\\n  });\\n} else {\\n  updateView(globalThis.view, annotations, normalizedStories);\\n}\\n\\nexport const view: View = globalThis.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  var STORYBOOK_WEBSOCKET: { host: string; port: number } | undefined;\\n}\\n\\n\\nconst annotations = [\\n  require('./preview'),\\n  require(\\"@storybook/react-native/preview\\")\\n];\\n\\nglobalThis.STORIES = normalizedStories;\\n\\n\\n// @ts-ignore\\nmodule?.hot?.accept?.();\\n\\n\\n\\nif (!globalThis.view) {\\n  globalThis.view = start({\\n    annotations,\\n    storyEntries: normalizedStories,\\n\\n  });\\n} else {\\n  updateView(globalThis.view, annotations, normalizedStories);\\n}\\n\\nexport const view: View = globalThis.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  var STORYBOOK_WEBSOCKET: { host: string; port: number } | undefined;\\n}\\n\\n\\nconst annotations = [\\n  require(\\"@storybook/react-native/preview\\")\\n];\\n\\nglobalThis.STORIES = normalizedStories;\\n\\n\\n// @ts-ignore\\nmodule?.hot?.accept?.();\\n\\n\\n\\nif (!globalThis.view) {\\n  globalThis.view = start({\\n    annotations,\\n    storyEntries: normalizedStories,\\n\\n  });\\n} else {\\n  updateView(globalThis.view, annotations, normalizedStories);\\n}\\n\\nexport const view: View = globalThis.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\\nglobalThis.STORIES = normalizedStories;\\n\\n\\n\\nmodule?.hot?.accept?.();\\n\\n\\n\\nif (!globalThis.view) {\\n  globalThis.view = start({\\n    annotations,\\n    storyEntries: normalizedStories,\\n\\n  });\\n} else {\\n  updateView(globalThis.view, annotations, normalizedStories);\\n}\\n\\nexport const view = globalThis.view;\\n"
-`;

package/scripts/mocks/all-config-files/FakeComponent.tsx

@@ -1 +0,0 @@
-export const FakeComponent = () => null;

package/scripts/mocks/all-config-files/FakeStory.stories.tsx

@@ -1,10 +0,0 @@
-import { FakeComponent } from './FakeComponent';
-
-export default {
-  title: 'components/FakeComponent',
-  component: FakeComponent,
-};
-
-export const Basic = {
-  args: {},
-};

package/scripts/mocks/all-config-files/main.js

@@ -1,9 +0,0 @@
-module.exports = {
-  stories: ['./FakeStory.stories.tsx'],
-  addons: [
-    '@storybook/addon-ondevice-notes',
-    '@storybook/addon-ondevice-controls',
-    '@storybook/addon-ondevice-backgrounds',
-    '@storybook/addon-ondevice-actions',
-  ],
-};

package/scripts/mocks/all-config-files/preview.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import { View, StyleSheet } from 'react-native';
-import { withBackgrounds } from '@storybook/addon-ondevice-backgrounds';
-
-export const decorators = [
-  (StoryFn) => (
-    <View style={styles.container}>
-      <StoryFn />
-    </View>
-  ),
-  withBackgrounds,
-];
-export const parameters = {
-  my_param: 'anything',
-  backgrounds: [
-    { name: 'plain', value: 'white', default: true },
-    { name: 'warm', value: 'hotpink' },
-    { name: 'cool', value: 'deepskyblue' },
-  ],
-};
-
-const styles = StyleSheet.create({
-  container: { padding: 8, flex: 1 },
-});

package/scripts/mocks/blank-config/main.js

@@ -1,4 +0,0 @@
-module.exports = {
-  stories: [],
-  addons: [],
-};

package/scripts/mocks/configuration-objects/components/FakeComponent.tsx

@@ -1 +0,0 @@
-export const FakeComponent = () => null;

package/scripts/mocks/configuration-objects/components/FakeStory.stories.tsx

@@ -1,9 +0,0 @@
-import { FakeComponent } from './FakeComponent';
-
-export default {
-  component: FakeComponent,
-};
-
-export const Basic = {
-  args: {},
-};

package/scripts/mocks/configuration-objects/main.js

@@ -1,15 +0,0 @@
-module.exports = {
-  stories: [
-    {
-      files: '**/*.stories.tsx',
-      directory: './components',
-      titlePrefix: 'ComponentsPrefix',
-    },
-  ],
-  addons: [
-    '@storybook/addon-ondevice-notes',
-    '@storybook/addon-ondevice-controls',
-    '@storybook/addon-ondevice-backgrounds',
-    '@storybook/addon-ondevice-actions',
-  ],
-};

package/scripts/mocks/configuration-objects/preview.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import { View, StyleSheet } from 'react-native';
-import { withBackgrounds } from '@storybook/addon-ondevice-backgrounds';
-
-export const decorators = [
-  (StoryFn) => (
-    <View style={styles.container}>
-      <StoryFn />
-    </View>
-  ),
-  withBackgrounds,
-];
-export const parameters = {
-  my_param: 'anything',
-  backgrounds: [
-    { name: 'plain', value: 'white', default: true },
-    { name: 'warm', value: 'hotpink' },
-    { name: 'cool', value: 'deepskyblue' },
-  ],
-};
-
-const styles = StyleSheet.create({
-  container: { padding: 8, flex: 1 },
-});

package/scripts/mocks/exclude-config-files/exclude-components/FakeComponent.tsx

@@ -1 +0,0 @@
-export const FakeComponentExcluded = () => null;

package/scripts/mocks/exclude-config-files/exclude-components/FakeStory.stories.tsx

@@ -1,10 +0,0 @@
-import { FakeComponentExcluded } from './FakeComponent';
-
-export default {
-  title: 'components/FakeComponentExcluded',
-  component: FakeComponentExcluded,
-};
-
-export const Basic = {
-  args: {},
-};

package/scripts/mocks/exclude-config-files/include-components/FakeComponent.tsx

@@ -1 +0,0 @@
-export const FakeComponent = () => null;

package/scripts/mocks/exclude-config-files/include-components/FakeStory.stories.tsx

@@ -1,10 +0,0 @@
-import { FakeComponent } from './FakeComponent';
-
-export default {
-  title: 'components/FakeComponent',
-  component: FakeComponent,
-};
-
-export const Basic = {
-  args: {},
-};

package/scripts/mocks/exclude-config-files/main.js

@@ -1,12 +0,0 @@
-module.exports = {
-  stories: ['**/*.stories.tsx'],
-  reactNativeOptions: {
-    excludePaths: '**/exclude-components/**',
-  },
-  addons: [
-    '@storybook/addon-ondevice-notes',
-    '@storybook/addon-ondevice-controls',
-    '@storybook/addon-ondevice-backgrounds',
-    '@storybook/addon-ondevice-actions',
-  ],
-};

package/scripts/mocks/exclude-config-files/preview.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import { View, StyleSheet } from 'react-native';
-import { withBackgrounds } from '@storybook/addon-ondevice-backgrounds';
-
-export const decorators = [
-  (StoryFn) => (
-    <View style={styles.container}>
-      <StoryFn />
-    </View>
-  ),
-  withBackgrounds,
-];
-export const parameters = {
-  my_param: 'anything',
-  backgrounds: [
-    { name: 'plain', value: 'white', default: true },
-    { name: 'warm', value: 'hotpink' },
-    { name: 'cool', value: 'deepskyblue' },
-  ],
-};
-
-const styles = StyleSheet.create({
-  container: { padding: 8, flex: 1 },
-});

package/scripts/mocks/file-extensions/FakeComponent.tsx

@@ -1 +0,0 @@
-export const FakeComponent = () => null;

package/scripts/mocks/file-extensions/FakeStory.stories.tsx

@@ -1,10 +0,0 @@
-import { FakeComponent } from './FakeComponent';
-
-export default {
-  title: 'components/FakeComponent',
-  component: FakeComponent,
-};
-
-export const Basic = {
-  args: {},
-};

package/scripts/mocks/file-extensions/main.ts

@@ -1,11 +0,0 @@
-const config = {
-  stories: ['./FakeStory.stories.tsx'],
-  addons: [
-    '@storybook/addon-ondevice-notes',
-    '@storybook/addon-ondevice-controls',
-    '@storybook/addon-ondevice-backgrounds',
-    '@storybook/addon-ondevice-actions',
-  ],
-};
-
-export default config;

package/scripts/mocks/file-extensions/preview.tsx

@@ -1,23 +0,0 @@
-import { View, StyleSheet } from 'react-native';
-import { withBackgrounds } from '@storybook/addon-ondevice-backgrounds';
-
-export const decorators = [
-  (StoryFn) => (
-    <View style={styles.container}>
-      <StoryFn />
-    </View>
-  ),
-  withBackgrounds,
-];
-export const parameters = {
-  my_param: 'anything',
-  backgrounds: [
-    { name: 'plain', value: 'white', default: true },
-    { name: 'warm', value: 'hotpink' },
-    { name: 'cool', value: 'deepskyblue' },
-  ],
-};
-
-const styles = StyleSheet.create({
-  container: { padding: 8, flex: 1 },
-});

package/scripts/mocks/no-preview/FakeComponent.tsx

@@ -1 +0,0 @@
-export const FakeComponent = () => null;

package/scripts/mocks/no-preview/FakeStory.stories.tsx

@@ -1,10 +0,0 @@
-import { FakeComponent } from './FakeComponent';
-
-export default {
-  title: 'components/FakeComponent',
-  component: FakeComponent,
-};
-
-export const Basic = {
-  args: {},
-};

package/scripts/mocks/no-preview/main.js

@@ -1,9 +0,0 @@
-module.exports = {
-  stories: ['./FakeStory.stories.tsx'],
-  addons: [
-    '@storybook/addon-ondevice-notes',
-    '@storybook/addon-ondevice-controls',
-    '@storybook/addon-ondevice-backgrounds',
-    '@storybook/addon-ondevice-actions',
-  ],
-};

package/scripts/mocks/preview-files/js/preview.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import { View, StyleSheet } from 'react-native';
-import { withBackgrounds } from '@storybook/addon-ondevice-backgrounds';
-
-export const decorators = [
-  (StoryFn) => (
-    <View style={styles.container}>
-      <StoryFn />
-    </View>
-  ),
-  withBackgrounds,
-];
-export const parameters = {
-  my_param: 'anything',
-  backgrounds: [
-    { name: 'plain', value: 'white', default: true },
-    { name: 'warm', value: 'hotpink' },
-    { name: 'cool', value: 'deepskyblue' },
-  ],
-};
-
-const styles = StyleSheet.create({
-  container: { padding: 8, flex: 1 },
-});

package/scripts/mocks/preview-files/jsx/preview.jsx

@@ -1,24 +0,0 @@
-import React from 'react';
-import { View, StyleSheet } from 'react-native';
-import { withBackgrounds } from '@storybook/addon-ondevice-backgrounds';
-
-export const decorators = [
-  (StoryFn) => (
-    <View style={styles.container}>
-      <StoryFn />
-    </View>
-  ),
-  withBackgrounds,
-];
-export const parameters = {
-  my_param: 'anything',
-  backgrounds: [
-    { name: 'plain', value: 'white', default: true },
-    { name: 'warm', value: 'hotpink' },
-    { name: 'cool', value: 'deepskyblue' },
-  ],
-};
-
-const styles = StyleSheet.create({
-  container: { padding: 8, flex: 1 },
-});

package/scripts/mocks/preview-files/ts/preview.ts

@@ -1,9 +0,0 @@
-export const decorators: any = [];
-export const parameters = {
-  my_param: 'anything',
-  backgrounds: [
-    { name: 'plain', value: 'white', default: true },
-    { name: 'warm', value: 'hotpink' },
-    { name: 'cool', value: 'deepskyblue' },
-  ],
-};

package/scripts/mocks/preview-files/tsx/preview.tsx

@@ -1,9 +0,0 @@
-export const decorators: any = [];
-export const parameters = {
-  my_param: 'anything',
-  backgrounds: [
-    { name: 'plain', value: 'white', default: true },
-    { name: 'warm', value: 'hotpink' },
-    { name: 'cool', value: 'deepskyblue' },
-  ],
-};

package/scripts/mocks/wrong-extension-preview/FakeComponent.tsx

@@ -1 +0,0 @@
-export const FakeComponent = () => null;

package/scripts/mocks/wrong-extension-preview/FakeStory.stories.tsx

@@ -1,10 +0,0 @@
-import { FakeComponent } from './FakeComponent';
-
-export default {
-  title: 'components/FakeComponent',
-  component: FakeComponent,
-};
-
-export const Basic = {
-  args: {},
-};

package/scripts/mocks/wrong-extension-preview/main.js

@@ -1,9 +0,0 @@
-module.exports = {
-  stories: ['./FakeStory.stories.tsx'],
-  addons: [
-    '@storybook/addon-ondevice-notes',
-    '@storybook/addon-ondevice-controls',
-    '@storybook/addon-ondevice-backgrounds',
-    '@storybook/addon-ondevice-actions',
-  ],
-};

package/scripts/mocks/wrong-extension-preview/preview.txt

@@ -1,24 +0,0 @@
-import React from 'react';
-import { View, StyleSheet } from 'react-native';
-import { withBackgrounds } from '@storybook/addon-ondevice-backgrounds';
-
-export const decorators = [
-  (StoryFn) => (
-    <View style={styles.container}>
-      <StoryFn />
-    </View>
-  ),
-  withBackgrounds,
-];
-export const parameters = {
-  my_param: 'anything',
-  backgrounds: [
-    { name: 'plain', value: 'white', default: true },
-    { name: 'warm', value: 'hotpink' },
-    { name: 'cool', value: 'deepskyblue' },
-  ],
-};
-
-const styles = StyleSheet.create({
-  container: { padding: 8, flex: 1 },
-});