Merge pull request #21832 from storybookjs/fix/polyfill-global

Vite: Polyfill global by default

code/addons/interactions/src/preview.ts

@@ -1,6 +1,7 @@
 /// <reference types="node" />
 
 import { addons } from '@storybook/preview-api';
+import { global } from '@storybook/global';
 import { FORCE_REMOUNT, STORY_RENDER_PHASE_CHANGED } from '@storybook/core-events';
 import type {
   Renderer,

code/lib/builder-vite/input/iframe.html

@@ -26,6 +26,7 @@
     // We do this so that "module && module.hot" etc. in Storybook source code
     // doesn't fail (it will simply be disabled)
     window.module = undefined;
+    window.global = window;
   </script>
   <!-- [HEAD HTML SNIPPET HERE] -->
 </head>

code/lib/cli/src/generators/baseGenerator.ts

@@ -258,28 +258,6 @@ export async function baseGenerator(
 
   await configurePreview({ frameworkPreviewParts, storybookConfigFolder, language, rendererId });
 
-  // FIXME: temporary workaround for https://github.com/storybookjs/storybook/issues/17516
-  // Vite workaround regex for internal and external frameworks as f.e:
-  // Internal: @storybook/xxxxx-vite
-  // External: storybook-xxxxx-vite
-  if (
-    frameworkPackages.find(
-      (pkg) =>
-        pkg.match(/^(@storybook\/|storybook).*-vite$/) ||
-        pkg === '@storybook/sveltekit' ||
-        pkg === ''
-    )
-  ) {
-    const previewHead = dedent`
-      <script>
-        window.global = window;
-      </script>
-    `;
-    await fse.writeFile(`${storybookConfigFolder}/preview-head.html`, previewHead, {
-      encoding: 'utf8',
-    });
-  }
-
   const babelDependencies =
     addBabel && builder !== CoreBuilder.Vite
       ? await getBabelDependencies(packageManager, packageJson)