@storybook/react-native 10.2.2-canary.1 → 10.2.2-next.7

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) {
         }
@@ -199,10 +200,7 @@ var require_generate = __commonJS({
       host = void 0,
       port = 7007
     }) {
-      const envChannelHost = process.env.STORYBOOK_CHANNEL_HOST;
-      const envChannelPort = process.env.STORYBOOK_CHANNEL_PORT;
-      const channelHost = envChannelHost || (host === "auto" ? getLocalIPAddress() : host);
-      const channelPort = envChannelPort || port;
+      const channelHost = host === "auto" ? getLocalIPAddress() : host;
       const storybookRequiresLocation = path3.resolve(
         cwd2,
         configPath,
@@ -278,7 +276,6 @@ declare global {
   var view: View;
   var STORIES: typeof normalizedStories;
   var STORYBOOK_WEBSOCKET: { host: string; port: number } | undefined;
-  var STORYBOOK_FORCE_ENABLED: boolean | undefined;
 }
 `;
       const fileContent = `/* do not change this file, it is auto generated by storybook. */
@@ -294,10 +291,9 @@ ${useJs ? "" : globalTypes}
 
 const annotations = ${annotations};
 
-
 globalThis.STORIES = normalizedStories;
-${channelHost ? `globalThis.STORYBOOK_WEBSOCKET = { host: '${channelHost}', port: ${channelPort} };` : ""}
-${process.env.STORYBOOK_FORCE_ENABLED ? `globalThis.STORYBOOK_FORCE_ENABLED = true;` : ""}
+${channelHost ? `globalThis.STORYBOOK_WEBSOCKET = { host: '${channelHost}', port: ${port ?? 7007} };` : ""}
+
 ${useJs ? "" : "// @ts-ignore"}
 module?.hot?.accept?.();
 
@@ -534,11 +530,11 @@ function withStorybook(config, options = {
     configPath = path2.resolve(process.cwd(), "./.rnstorybook"),
     websockets,
     useJs = false,
+    enabled = true,
     docTools = true,
     liteMode = false
   } = options;
   const disableTelemetry = (0, import_common3.optionalEnvToBoolean)(process.env.STORYBOOK_DISABLE_TELEMETRY);
-  const enabled = (0, import_common3.optionalEnvToBoolean)(process.env.STORYBOOK_FORCE_ENABLED) || (options.enabled ?? true);
   if (!disableTelemetry && enabled) {
     const event = process.env.NODE_ENV === "production" ? "build" : "dev";
     (0, import_telemetry.telemetry)(event, {}).catch((e) => {

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) {
         }
@@ -199,10 +200,7 @@ var require_generate = __commonJS({
       host = void 0,
       port = 7007
     }) {
-      const envChannelHost = process.env.STORYBOOK_CHANNEL_HOST;
-      const envChannelPort = process.env.STORYBOOK_CHANNEL_PORT;
-      const channelHost = envChannelHost || (host === "auto" ? getLocalIPAddress() : host);
-      const channelPort = envChannelPort || port;
+      const channelHost = host === "auto" ? getLocalIPAddress() : host;
       const storybookRequiresLocation = path3.resolve(
         cwd2,
         configPath,
@@ -278,7 +276,6 @@ declare global {
   var view: View;
   var STORIES: typeof normalizedStories;
   var STORYBOOK_WEBSOCKET: { host: string; port: number } | undefined;
-  var STORYBOOK_FORCE_ENABLED: boolean | undefined;
 }
 `;
       const fileContent = `/* do not change this file, it is auto generated by storybook. */
@@ -294,10 +291,9 @@ ${useJs ? "" : globalTypes}
 
 const annotations = ${annotations};
 
-
 globalThis.STORIES = normalizedStories;
-${channelHost ? `globalThis.STORYBOOK_WEBSOCKET = { host: '${channelHost}', port: ${channelPort} };` : ""}
-${process.env.STORYBOOK_FORCE_ENABLED ? `globalThis.STORYBOOK_FORCE_ENABLED = true;` : ""}
+${channelHost ? `globalThis.STORYBOOK_WEBSOCKET = { host: '${channelHost}', port: ${port ?? 7007} };` : ""}
+
 ${useJs ? "" : "// @ts-ignore"}
 module?.hot?.accept?.();
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "10.2.2-canary.1",
+  "version": "10.2.2-next.7",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -41,19 +41,11 @@
     "template/**/*",
     "metro/**/*"
   ],
-  "scripts": {
-    "dev": "npx --yes tsx buildscripts/gendtsdev.ts && tsup --watch",
-    "prepare": "rm -rf dist/ && tsup",
-    "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/react": "^10.2.2",
-    "@storybook/react-native-theming": "^10.2.2-canary.1",
-    "@storybook/react-native-ui": "^10.2.2-canary.1",
-    "@storybook/react-native-ui-common": "^10.2.2-canary.1",
+    "@storybook/react-native-theming": "^10.2.2-next.7",
+    "@storybook/react-native-ui": "^10.2.2-next.7",
+    "@storybook/react-native-ui-common": "^10.2.2-next.7",
     "commander": "^14.0.2",
     "dedent": "^1.7.0",
     "deepmerge": "^4.3.1",
@@ -70,7 +62,7 @@
     "babel-preset-expo": "^54.0.6",
     "jest": "^29.7.0",
     "jest-expo": "~54.0.16",
-    "jotai": "^2.6.2",
+    "jotai": "^2.17.1",
     "react": "19.1.0",
     "react-native": "0.81.5",
     "storybook": "^10.2.2",
@@ -107,5 +99,10 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1626205fb105d17ee86111d277a7a939140b5e87"
-}
+  "gitHead": "4aa2ae40569ea7f61e438ce568a39c580b3097d8",
+  "scripts": {
+    "dev": "npx --yes tsx buildscripts/gendtsdev.ts && tsup --watch",
+    "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.js

@@ -58,11 +58,7 @@ async function generate({
   port = 7007,
 }) {
   // here we want to get the ip address and pass it to rn storybook so that devices can connect over lan easily
-  const envChannelHost = process.env.STORYBOOK_CHANNEL_HOST;
-  const envChannelPort = process.env.STORYBOOK_CHANNEL_PORT;
-
-  const channelHost = envChannelHost || (host === 'auto' ? getLocalIPAddress() : host);
-  const channelPort = envChannelPort || port;
+  const channelHost = host === 'auto' ? getLocalIPAddress() : host;
   const storybookRequiresLocation = path.resolve(
     cwd,
     configPath,
@@ -158,7 +154,6 @@ declare global {
   var view: View;
   var STORIES: typeof normalizedStories;
   var STORYBOOK_WEBSOCKET: { host: string; port: number } | undefined;
-  var STORYBOOK_FORCE_ENABLED: boolean | undefined;
 }
 `;
 
@@ -175,10 +170,9 @@ ${useJs ? '' : globalTypes}
 
 const annotations = ${annotations};
 
-
 globalThis.STORIES = normalizedStories;
-${channelHost ? `globalThis.STORYBOOK_WEBSOCKET = { host: '${channelHost}', port: ${channelPort} };` : ''}
-${process.env.STORYBOOK_FORCE_ENABLED ? `globalThis.STORYBOOK_FORCE_ENABLED = true;` : ''}
+${channelHost ? `globalThis.STORYBOOK_WEBSOCKET = { host: '${channelHost}', port: ${port ?? 7007} };` : ''}
+
 ${useJs ? '' : '// @ts-ignore'}
 module?.hot?.accept?.();
 

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  var STORYBOOK_FORCE_ENABLED: boolean | undefined;\\n}\\n\\n\\nconst annotations = [\\n  require('./preview'),\\n  require(\\"@storybook/react-native/preview\\")\\n];\\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\\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  var STORYBOOK_FORCE_ENABLED: boolean | undefined;\\n}\\n\\n\\nconst annotations = [\\n  require('./preview'),\\n  require(\\"@storybook/react-native/preview\\")\\n];\\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  var STORYBOOK_FORCE_ENABLED: boolean | undefined;\\n}\\n\\n\\nconst annotations = [\\n  require('./preview'),\\n  require(\\"@storybook/react-native/preview\\")\\n];\\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  var STORYBOOK_FORCE_ENABLED: boolean | undefined;\\n}\\n\\n\\nconst annotations = [\\n  require('./preview'),\\n  require(\\"@storybook/react-native/preview\\")\\n];\\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  var STORYBOOK_FORCE_ENABLED: boolean | undefined;\\n}\\n\\n\\nconst annotations = [\\n  require('./preview'),\\n  require(\\"@storybook/react-native/preview\\")\\n];\\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  var STORYBOOK_FORCE_ENABLED: boolean | undefined;\\n}\\n\\n\\nconst annotations = [\\n  require('./preview'),\\n  require(\\"@storybook/react-native/preview\\")\\n];\\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  var STORYBOOK_FORCE_ENABLED: boolean | undefined;\\n}\\n\\n\\nconst annotations = [\\n  require('./preview'),\\n  require(\\"@storybook/react-native/preview\\")\\n];\\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  var STORYBOOK_FORCE_ENABLED: boolean | undefined;\\n}\\n\\n\\nconst annotations = [\\n  require(\\"@storybook/react-native/preview\\")\\n];\\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\\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;