Next

.babelrc

@@ -1,3 +1,10 @@
 {
-  "presets": ["@babel/preset-env"]
+  "presets": [
+    "@babel/preset-env"
+  ],
+  "plugins": [
+    ["@babel/plugin-transform-runtime", {
+      "regenerator": true
+    }]
+  ]
 }

CHANGELOG.md

@@ -0,0 +1,12 @@
+# nextjs-middleware-chain
+
+## v0.0.8
+
+_2021-02-14_
+
+### Features
+
+### Updates
+
+- fix: swap @babel/polyfill for @babel/plugin-transform-runtime to prevent undefined regeneratorRuntime
+- fix: set client project to install from parent directory rather than registry

client/.babelrc

@@ -0,0 +1,9 @@
+{
+  "presets": [
+      "next/babel",
+      // Add your babel presets here
+   ],
+  "plugins": [
+      // Add your babel plugins here
+  ]
+}

client/package.json

@@ -9,8 +9,8 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "next": "^11.0.0",
-    "nextjs-middleware-chain": "^0.0.3",
+    "next": "^11.1.2",
+    "nextjs-middleware-chain": "file:..",
     "react": "17.0.2",
     "react-dom": "17.0.2"
   },

client/src/middleware/index.js

@@ -1,4 +1,5 @@
-import { createMiddleware } from '../../../src/index'
+// import { createMiddleware } from '../../../src/index'
+import { createMiddleware } from 'nextjs-middleware-chain'
 
 const fnA = (req, res, next) => {
   console.log('Running A', next)
@@ -9,8 +10,8 @@ const fnA = (req, res, next) => {
 const fnB = async (req, res, next) => {
   console.log('Running B', next)
 
-  const result = await new Promise(resolve => setTimeout(resolve, 2000));
-  
+  const result = await new Promise((resolve) => setTimeout(resolve, 2000))
+
   return next('B')
 }
 
@@ -43,8 +44,9 @@ const decorate = (req, res, next) => {
 
 const unauthorized = (req, res, next) => {
   if (req.nmc.type === 'api') {
-    res.status(401).json({error: 'unauthorize', message: 'access denied'})
-  } else if (req.nmc.type === 'ssr') {
+    res.status(401).json({ error: 'unauthorize', message: 'access denied' })
+  }
+  else if (req.nmc.type === 'ssr') {
     return next('end', {
       redirect: {
         destination: '/',
@@ -62,9 +64,11 @@ const unauthorized = (req, res, next) => {
 
 const common = async (req, res, next) => {
   const aReturn = fnA(req, res, next)
+
   console.log('aRes', aReturn)
 
   const bReturn = await fnB(req, res, next)
+
   console.log('bRes', aReturn)
 
   const authReturn = unauthorized(req, res, next)
@@ -114,4 +118,4 @@ const mwFactory = createMiddleware(middlewareFunctionsArray, optionsObject)
 const preBuiltChain = mwFactory().fnA().fnB().fnC()
 
 export { preBuiltChain }
-export default mwFactory
+export default mwFactory

client/src/pages/ssr-route.js

@@ -35,5 +35,5 @@ export const getServerSideProps = middleware()
   .finish(getProps, 'SSR Import')
 
 // export const getServerSideProps = preBuiltChain
-  // .fnD()
-  // .finish(getProps, 'SSR Import PreBuilt')
+// .fnD()
+// .finish(getProps, 'SSR Import PreBuilt')