Merge pull request #22575 from storybookjs/norbert/serverchannel-mana…

…ger-fix only connect to serverChannel in development mode
storybookjs · May 23, 2023 · ad50f72 · ad50f72
1 parent be81fda
commit ad50f72
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 10 deletions.
diff --git a/code/lib/builder-manager/src/utils/template.ts b/code/lib/builder-manager/src/utils/template.ts
@@ -58,7 +58,7 @@ export const renderHTML = async (
   refs: Promise<Record<string, Ref>>,
   logLevel: Promise<string>,
   docsOptions: Promise<DocsOptions>,
-  { versionCheck, releaseNotesData, previewUrl, serverChannelUrl, configType }: Options
+  { versionCheck, releaseNotesData, previewUrl, configType }: Options
 ) => {
   const customHeadRef = await customHead;
   const titleRef = await title;

diff --git a/code/lib/builder-vite/src/codegen-set-addon-channel.ts b/code/lib/builder-vite/src/codegen-set-addon-channel.ts
@@ -1,15 +1,18 @@
 export async function generateAddonSetupCode() {
   return `
+    import { global } from '@storybook/global';
     import { createChannel as createPostMessageChannel } from '@storybook/channel-postmessage';
     import { createChannel as createWebSocketChannel } from '@storybook/channel-websocket';
     import { addons } from '@storybook/preview-api';
 
     const channel = createPostMessageChannel({ page: 'preview' });
     addons.setChannel(channel);
     window.__STORYBOOK_ADDONS_CHANNEL__ = channel;
-
-    const serverChannel = createWebSocketChannel({});
-    addons.setServerChannel(serverChannel);
-    window.__STORYBOOK_SERVER_CHANNEL__ = serverChannel;
+    
+    if (global.CONFIG_TYPE === 'DEVELOPMENT'){
+      const serverChannel = createWebSocketChannel({});
+      addons.setServerChannel(serverChannel);
+      window.__STORYBOOK_SERVER_CHANNEL__ = serverChannel;
+    }
   `.trim();
 }
diff --git a/code/lib/builder-webpack5/templates/virtualModuleModernEntry.js.handlebars b/code/lib/builder-webpack5/templates/virtualModuleModernEntry.js.handlebars
@@ -12,9 +12,11 @@ const getProjectAnnotations = () =>
 const channel = createPostMessageChannel({ page: 'preview' });
 addons.setChannel(channel);
 
-const serverChannel = createWebSocketChannel({});
-addons.setServerChannel(serverChannel);
-window.__STORYBOOK_SERVER_CHANNEL__ = serverChannel;
+if (global.CONFIG_TYPE === 'DEVELOPMENT'){
+  const serverChannel = createWebSocketChannel({});
+  addons.setServerChannel(serverChannel);
+  window.__STORYBOOK_SERVER_CHANNEL__ = serverChannel;
+}
 
 const preview = new PreviewWeb();
 

diff --git a/code/ui/manager/src/runtime.ts b/code/ui/manager/src/runtime.ts
@@ -13,7 +13,7 @@ import { renderStorybookUI } from './index';
 import { values } from './globals/runtime';
 import { Keys } from './globals/types';
 
-const { FEATURES } = global;
+const { FEATURES, CONFIG_TYPE } = global;
 
 class ReactProvider extends Provider {
   private addons: AddonStore;
@@ -35,7 +35,7 @@ class ReactProvider extends Provider {
     this.addons = addons;
     this.channel = postMessageChannel;
 
-    if (FEATURES?.storyStoreV7) {
+    if (FEATURES?.storyStoreV7 && CONFIG_TYPE === 'DEVELOPMENT') {
       const serverChannel = webSocket.createChannel({});
       this.serverChannel = serverChannel;
       addons.setServerChannel(this.serverChannel);