Update examples to recover from HMR error (#763)

Author: jackjocross

examples/basic/src/index.js

@@ -1,9 +1,15 @@
 import express from 'express';
-import app from './server';
+
+let app = require('./server').default;
 
 if (module.hot) {
   module.hot.accept('./server', function() {
     console.log('🔁  HMR Reloading `./server`...');
+    try {
+      app = require('./server').default;
+    } catch (error) {
+      console.error(error);
+    }
   });
   console.info('✅  Server-side HMR Enabled!');
 }

examples/with-afterjs/src/index.js

@@ -1,26 +1,27 @@
-import app from './server';
-import http from 'http';
+import express from 'express';
 
-const server = http.createServer(app);
-
-let currentApp = app;
-
-server.listen(process.env.PORT || 3000, error => {
-  if (error) {
-    console.log(error);
-  }
-
-  console.log('🚀 started');
-});
+let app = require('./server').default;
 
 if (module.hot) {
-  console.log('✅  Server-side HMR Enabled!');
-
-  module.hot.accept('./server', () => {
+  module.hot.accept('./server', function() {
     console.log('🔁  HMR Reloading `./server`...');
-    server.removeListener('request', currentApp);
-    const newApp = require('./server').default;
-    server.on('request', newApp);
-    currentApp = newApp;
+    try {
+      app = require('./server').default;
+    } catch (error) {
+      console.error(error);
+    }
   });
+  console.info('✅  Server-side HMR Enabled!');
 }
+
+const port = process.env.PORT || 3000;
+
+export default express()
+  .use((req, res) => app.handle(req, res))
+  .listen(port, function(err) {
+    if (err) {
+      console.error(err);
+      return;
+    }
+    console.log(`> Started on port ${port}`);
+  });

examples/with-custom-babel-config/src/index.js

@@ -1,9 +1,15 @@
 import express from 'express';
-import app from './server';
+
+let app = require('./server').default;
 
 if (module.hot) {
   module.hot.accept('./server', function() {
     console.log('🔁  HMR Reloading `./server`...');
+    try {
+      app = require('./server').default;
+    } catch (error) {
+      console.error(error);
+    }
   });
   console.info('✅  Server-side HMR Enabled!');
 }

examples/with-custom-environment-variables/src/index.js

@@ -1,9 +1,15 @@
 import express from 'express';
-import app from './server';
+
+let app = require('./server').default;
 
 if (module.hot) {
   module.hot.accept('./server', function() {
     console.log('🔁  HMR Reloading `./server`...');
+    try {
+      app = require('./server').default;
+    } catch (error) {
+      console.error(error);
+    }
   });
   console.info('✅  Server-side HMR Enabled!');
 }

examples/with-custom-webpack-config/src/index.js

@@ -1,9 +1,15 @@
 import express from 'express';
-import app from './server';
+
+let app = require('./server').default;
 
 if (module.hot) {
   module.hot.accept('./server', function() {
     console.log('🔁  HMR Reloading `./server`...');
+    try {
+      app = require('./server').default;
+    } catch (error) {
+      console.error(error);
+    }
   });
   console.info('✅  Server-side HMR Enabled!');
 }

examples/with-elm/src/index.js

@@ -1,20 +1,27 @@
-import app from './server';
-import http from 'http';
+import express from 'express';
 
-const server = http.createServer(app);
-
-let currentApp = app;
-
-server.listen(process.env.PORT || 3000);
+let app = require('./server').default;
 
 if (module.hot) {
-  console.log('✅  Server-side HMR Enabled!');
-
-  module.hot.accept('./server', () => {
+  module.hot.accept('./server', function() {
     console.log('🔁  HMR Reloading `./server`...');
-    server.removeListener('request', currentApp);
-    const newApp = require('./server').default;
-    server.on('request', newApp);
-    currentApp = newApp;
+    try {
+      app = require('./server').default;
+    } catch (error) {
+      console.error(error);
+    }
   });
+  console.info('✅  Server-side HMR Enabled!');
 }
+
+const port = process.env.PORT || 3000;
+
+export default express()
+  .use((req, res) => app.handle(req, res))
+  .listen(port, function(err) {
+    if (err) {
+      console.error(err);
+      return;
+    }
+    console.log(`> Started on port ${port}`);
+  });

examples/with-firebase-functions/src/index.js

@@ -1,9 +1,15 @@
 import express from 'express';
-import app from './server';
+
+let app = require('./server').default;
 
 if (module.hot) {
   module.hot.accept('./server', function() {
     console.log('🔁  HMR Reloading `./server`...');
+    try {
+      app = require('./server').default;
+    } catch (error) {
+      console.error(error);
+    }
   });
   console.info('✅  Server-side HMR Enabled!');
 }

examples/with-heroku/src/index.js

@@ -1,9 +1,15 @@
 import express from 'express';
-import app from './server';
+
+let app = require('./server').default;
 
 if (module.hot) {
   module.hot.accept('./server', function() {
     console.log('🔁  HMR Reloading `./server`...');
+    try {
+      app = require('./server').default;
+    } catch (error) {
+      console.error(error);
+    }
   });
   console.info('✅  Server-side HMR Enabled!');
 }

examples/with-hyperapp/src/index.js

@@ -1,9 +1,15 @@
 import express from 'express';
-import app from './server';
+
+let app = require('./server').default;
 
 if (module.hot) {
   module.hot.accept('./server', function() {
     console.log('🔁  HMR Reloading `./server`...');
+    try {
+      app = require('./server').default;
+    } catch (error) {
+      console.error(error);
+    }
   });
   console.info('✅  Server-side HMR Enabled!');
 }

examples/with-inferno/src/index.js

@@ -1,9 +1,15 @@
 import express from 'express';
-import app from './server';
+
+let app = require('./server').default;
 
 if (module.hot) {
   module.hot.accept('./server', function() {
     console.log('🔁  HMR Reloading `./server`...');
+    try {
+      app = require('./server').default;
+    } catch (error) {
+      console.error(error);
+    }
   });
   console.info('✅  Server-side HMR Enabled!');
 }