@storybook/react-native 10.1.11 → 10.2.0-beta.2

package/scripts/generate.test.js

@@ -132,5 +132,87 @@ describe('loader', () => {
         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,19 +1,39 @@
+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}\\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"
+"/* 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}\\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"
+"/* 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}\\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"
+"/* 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}\\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"
+"/* 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\\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"
+"/* 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/handle-args.js

@@ -10,7 +10,17 @@ function getArguments() {
     )
     .option('-j, --use-js', 'Use a js file for storybook.requires')
     .option('-D, --no-doc-tools', 'Do not include doc tools in the storybook.requires file')
-    .option('-a, --absolute', 'Use absolute paths for story imports');
+    .option(
+      '-w, --host <host>',
+      "Host for websockets, the value 'auto' will tell storybook to use your local ip address"
+    )
+    .option('-p, --port <port>', 'Port for websockets', (value) => {
+      const port = parseInt(value, 10);
+      if (isNaN(port)) {
+        throw new Error(`Invalid port number: "${value}"`);
+      }
+      return port;
+    });
 
   program.parse();