Fixed deployment

MiroMargineanu · MiroMargineanu · commit 97218ac9d880 · 2025-10-13T15:45:12.000+03:00
diff --git a/.storybook/generate-iframe.ts b/.storybook/generate-iframe.ts
@@ -3,24 +3,37 @@ const filePath = require('path');
 
 function generateIframe(): void {
   const iframePath = filePath.join(__dirname, '../storybook-static/iframe.html');
-  const indexPath = filePath.join(__dirname, '../storybook-static/index.html');
 
   if (fileSystem.existsSync(iframePath)) {
     return;
   }
 
-  if (!fileSystem.existsSync(indexPath)) {
-    process.exit(1);
-  }
+  const iframeContent = `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <title>Storybook Preview</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="icon" type="image/svg+xml" href="./favicon.svg" />
+
+  <style>
+    body {
+      margin: 0;
+      padding: 0;
+    }
+    #storybook-root {
+      height: 100vh;
+      overflow: auto;
+    }
+  </style>
 
-  const indexContent = fileSystem.readFileSync(indexPath, 'utf8');
-  const iframeContent = indexContent
-    .replace(/<title>.*?<\/title>/, '<title>Storybook Preview</title>')
-    .replace(/<!--\s*Storybook manager.*?-->/g, '')
-    .replace(
-      /<div id="storybook-manager-root">[\s\S]*?<\/div>/,
-      '<div id="storybook-root"></div><div id="docs-root"></div>',
-    );
+  <script type="module" src="./index.js"></script>
+</head>
+<body>
+  <div id="storybook-root"></div>
+  <div id="docs-root"></div>
+</body>
+</html>`;
 
   fileSystem.writeFileSync(iframePath, iframeContent);
 }
