Update hapi example to support hapi@17 (#3357)

examples/custom-server-hapi/next-wrapper.js

@@ -1,13 +1,19 @@
-const pathWrapper = (app, pathName, opts) => ({ raw, query }, hapiReply) =>
+const { parse } = require('url')
-app.renderToHTML(raw.req, raw.res, pathName, query, opts)
-.then(hapiReply)
 
-const defaultHandlerWrapper = app => {
+const nextHandlerWrapper = app => {
   const handler = app.getRequestHandler()
-  return ({ raw, url }, hapiReply) =>
+  return async ({ raw, url }, h) => {
-    handler(raw.req, raw.res, url)
+    await handler(raw.req, raw.res, url)
-      .then(() => {
+    return h.close
-        hapiReply.close(false)
-      })
   }
-module.exports = { pathWrapper, defaultHandlerWrapper }
+}
+const defaultHandlerWrapper = app => async ({ raw: { req, res }, url }) => {
+  const { pathname, query } = parse(url, true)
+  return app.renderToHTML(req, res, pathname, query)
+}
+
+const pathWrapper = (app, pathName, opts) => async ({ raw, query, params }) => {
+  return app.renderToHTML(raw.req, raw.res, pathName, { ...query, ...params }, opts)
+}
+
+module.exports = { pathWrapper, defaultHandlerWrapper, nextHandlerWrapper }

examples/custom-server-hapi/package.json

@@ -7,11 +7,9 @@
     "start": "NODE_ENV=production node server.js"
   },
   "dependencies": {
-    "hapi": "^16.1.0",
+    "hapi": "^17.1.1",
     "next": "latest",
     "react": "^16.0.0",
-    "react-dom": "^16.0.0",
+    "react-dom": "^16.0.0"
-    "good": "^7.1.0",
-    "good-console": "^6.2.0"
   }
 }

examples/custom-server-hapi/server.js

@@ -1,32 +1,17 @@
 const next = require('next')
 const Hapi = require('hapi')
-const Good = require('good')
+const { pathWrapper, defaultHandlerWrapper, nextHandlerWrapper } = require('./next-wrapper')
-const { pathWrapper, defaultHandlerWrapper } = require('./next-wrapper')
 
 const port = parseInt(process.env.PORT, 10) || 3000
 const dev = process.env.NODE_ENV !== 'production'
 const app = next({ dev })
-const server = new Hapi.Server()
+const server = new Hapi.Server({
+  port
+})
 
-// add request logging (optional)
+app
-const pluginOptions = [
+.prepare()
-  {
+.then(async () => {
-    register: Good,
-    options: {
-      reporters: {
-        console: [{
-          module: 'good-console'
-        }, 'stdout']
-      }
-    }
-  }
-]
-
-app.prepare()
-.then(() => {
-  server.connection({ port })
-  server.register(pluginOptions)
-  .then(() => {
   server.route({
     method: 'GET',
     path: '/a',
@@ -39,17 +24,23 @@ app.prepare()
     handler: pathWrapper(app, '/b')
   })
 
+  server.route({
+    method: 'GET',
+    path: '/_next/{p*}', /* next specific routes */
+    handler: nextHandlerWrapper(app)
+  })
+
   server.route({
     method: 'GET',
     path: '/{p*}', /* catch all route */
     handler: defaultHandlerWrapper(app)
   })
 
-    server.start().catch(error => {
+  try {
+    await server.start()
+    console.log(`> Ready on http://localhost:${port}`)
+  } catch (error) {
     console.log('Error starting server')
     console.log(error)
-    }).then(() => {
+  }
-      console.log(`> Ready on http://localhost:${port}`)
-    })
-  })
 })