demo(fix): Workaround for incomplete node 22 network interfaces

Author: ntucker

examples/coin-app/webpack.config.js

@@ -14,6 +14,15 @@ module.exports = (env, argv) => {
   const config = generateConfig(env, argv);
   if (!config.experiments) config.experiments = {};
   config.experiments.backCompat = false;
+  if (config.devServer) {
+    // Avoid network interface enumeration that crashes in StackBlitz WebContainers
+    config.devServer.host = 'localhost';
+    config.devServer.allowedHosts = [
+      '.stackblitz.io',
+      'localhost',
+      '127.0.0.1',
+    ];
+  }
 
   return config;
 };

examples/github-app/webpack.config.js

@@ -18,6 +18,15 @@ const generateConfig = makeConfig(options);
 
 module.exports = (env, argv) => {
   const config = generateConfig(env, argv);
+  if (config.devServer) {
+    // Avoid network interface enumeration that crashes in StackBlitz WebContainers
+    config.devServer.host = '127.0.0.1';
+    config.devServer.allowedHosts = [
+      '.stackblitz.io',
+      'localhost',
+      '127.0.0.1',
+    ];
+  }
   return config;
 };
 

examples/todo-app/webpack.config.js

@@ -18,7 +18,14 @@ module.exports = (env, argv) => {
   const config = generateConfig(env, argv);
   config.entry = config.entry.App;
   if (config.devServer) {
-    config.devServer.allowedHosts = ['.csb.app', 'localhost', '127.0.0.1'];
+    // Avoid network interface enumeration that crashes in StackBlitz WebContainers
+    config.devServer.host = 'localhost';
+    config.devServer.allowedHosts = [
+      '.csb.app',
+      '.stackblitz.io',
+      'localhost',
+      '127.0.0.1',
+    ];
   }
   return config;
 };