serverless-next.js: Update files to v1.9.10

A new version of serverless-nextjs-component has been released. It
introduces support for dynamic catch-all routes. Integrating these
changes means that we can also support dynamic catch-all routes.

Author: FinnWoelm

lib/serverless-next.js/expressifyDynamicRoute.js

@@ -1,4 +1,4 @@
-// Copied from serverless-next.js (v1.8.0)
+// Copied from serverless-next.js (v1.9.10)
 // https://github.com/danielcondemarin/serverless-next.js/blob/master/packages/serverless-nextjs-component/lib/expressifyDynamicRoute.js
 
 // converts a nextjs dynamic route /[param]/ -> /:param

lib/serverless-next.js/isDynamicRoute.js

@@ -1,4 +1,4 @@
-// Copied from serverless-next.js (v1.8.0)
+// Copied from serverless-next.js (v1.9.10)
 // https://github.com/danielcondemarin/serverless-next.js/blob/master/packages/serverless-nextjs-component/lib/isDynamicRoute.js
 
 module.exports = route => {

lib/serverless-next.js/pathToRegexStr.js

@@ -1,4 +1,4 @@
-// Copied from serverless-next.js (v1.8.0)
+// Copied from serverless-next.js (v1.9.10)
 // https://github.com/danielcondemarin/serverless-next.js/blob/master/packages/serverless-nextjs-component/lib/pathToRegexStr.js
 
 const pathToRegexp = require("path-to-regexp");

lib/serverless-next.js/prepareBuildManifests.js

@@ -1,4 +1,4 @@
-// Copied from serverless-next.js (v1.8.0)
+// Copied from serverless-next.js (v1.9.10)
 // https://github.com/danielcondemarin/serverless-next.js/blob/master/packages/serverless-nextjs-component/serverless.js
 // This file is for reference purposes only.
 
@@ -37,7 +37,6 @@ async prepareBuildManifests(nextConfigPath) {
   Object.entries(pagesManifest).forEach(([route, pageFile]) => {
     const dynamicRoute = isDynamicRoute(route);
     const expressRoute = dynamicRoute ? expressifyDynamicRoute(route) : null;
-
     if (isHtmlPage(pageFile)) {
       if (dynamicRoute) {
         htmlPages.dynamic[expressRoute] = {

lib/serverless-next.js/readPagesManifest.js

@@ -1,4 +1,4 @@
-// Original function from serverless-next.js (v1.8.0)
+// Original function from serverless-next.js (v1.9.10)
 // https://github.com/danielcondemarin/serverless-next.js/blob/master/packages/serverless-nextjs-component/serverless.js
 // This file is for reference purposes only.
 

lib/serverless-next.js/sortedRoutes.js

@@ -1,87 +1,142 @@
-// Copied from serverless-next.js (v1.8.0)
+// Copied from serverless-next.js (v1.9.10)
 // https://github.com/danielcondemarin/serverless-next.js/blob/master/packages/serverless-nextjs-component/lib/sortedRoutes.js
 
-// This file Taken was from next.js repo
-// https://github.com/zeit/next.js/blob/820a9790baafd36f14a79cf416162e3263cb00c4/packages/next/next-server/lib/router/utils/sorted-routes.ts#L89
+/// This file taken was from next.js repo and converted to JS.
+// https://github.com/zeit/next.js/blob/canary/packages/next/next-server/lib/router/utils/sorted-routes.ts
 
 class UrlNode {
   constructor() {
     this.placeholder = true;
     this.children = new Map();
     this.slugName = null;
+    this.restSlugName = null;
   }
-  hasSlug() {
-    return this.slugName != null;
-  }
+
   insert(urlPath) {
-    this._insert(urlPath.split("/").filter(Boolean));
+    this._insert(urlPath.split("/").filter(Boolean), [], false);
   }
+
   smoosh() {
     return this._smoosh();
   }
+
   _smoosh(prefix = "/") {
     const childrenPaths = [...this.children.keys()].sort();
-    if (this.hasSlug()) {
+    if (this.slugName !== null) {
       childrenPaths.splice(childrenPaths.indexOf("[]"), 1);
     }
+    if (this.restSlugName !== null) {
+      childrenPaths.splice(childrenPaths.indexOf("[...]"), 1);
+    }
+
     const routes = childrenPaths
       .map(c => this.children.get(c)._smoosh(`${prefix}${c}/`))
       .reduce((prev, curr) => [...prev, ...curr], []);
-    if (this.hasSlug()) {
+
+    if (this.slugName !== null) {
       routes.push(
         ...this.children.get("[]")._smoosh(`${prefix}[${this.slugName}]/`)
       );
     }
+
     if (!this.placeholder) {
       routes.unshift(prefix === "/" ? "/" : prefix.slice(0, -1));
     }
+
+    if (this.restSlugName !== null) {
+      routes.push(
+        ...this.children
+          .get("[...]")
+          ._smoosh(`${prefix}[...${this.restSlugName}]/`)
+      );
+    }
+
     return routes;
   }
-  _insert(urlPaths, slugNames = []) {
+
+  _insert(urlPaths, slugNames, isCatchAll) {
     if (urlPaths.length === 0) {
       this.placeholder = false;
       return;
     }
+
+    if (isCatchAll) {
+      throw new Error(`Catch-all must be the last part of the URL.`);
+    }
+
     // The next segment in the urlPaths list
     let nextSegment = urlPaths[0];
+
     // Check if the segment matches `[something]`
     if (nextSegment.startsWith("[") && nextSegment.endsWith("]")) {
       // Strip `[` and `]`, leaving only `something`
-      const slugName = nextSegment.slice(1, -1);
-      // If the specific segment already has a slug but the slug is not `something`
-      // This prevents collisions like:
-      // pages/[post]/index.js
-      // pages/[id]/index.js
-      // Because currently multiple dynamic params on the same segment level are not supported
-      if (this.hasSlug() && slugName !== this.slugName) {
-        // TODO: This error seems to be confusing for users, needs an err.sh link, the description can be based on above comment.
-        throw new Error(
-          "You cannot use different slug names for the same dynamic path."
-        );
+      let segmentName = nextSegment.slice(1, -1);
+      if (segmentName.startsWith("...")) {
+        segmentName = segmentName.substring(3);
+        isCatchAll = true;
       }
-      if (slugNames.indexOf(slugName) !== -1) {
+
+      if (segmentName.startsWith(".")) {
         throw new Error(
-          `You cannot have the same slug name "${slugName}" repeat within a single dynamic path`
+          `Segment names may not start with erroneous periods ('${segmentName}').`
         );
       }
-      slugNames.push(slugName);
-      // slugName is kept as it can only be one particular slugName
-      this.slugName = slugName;
-      // nextSegment is overwritten to [] so that it can later be sorted specifically
-      nextSegment = "[]";
+
+      function handleSlug(previousSlug, nextSlug) {
+        if (previousSlug !== null) {
+          // If the specific segment already has a slug but the slug is not `something`
+          // This prevents collisions like:
+          // pages/[post]/index.js
+          // pages/[id]/index.js
+          // Because currently multiple dynamic params on the same segment level are not supported
+          if (previousSlug !== nextSlug) {
+            // TODO: This error seems to be confusing for users, needs an err.sh link, the description can be based on above comment.
+            throw new Error(
+              `You cannot use different slug names for the same dynamic path ('${previousSlug}' !== '${nextSlug}').`
+            );
+          }
+        }
+
+        if (slugNames.indexOf(nextSlug) !== -1) {
+          throw new Error(
+            `You cannot have the same slug name "${nextSlug}" repeat within a single dynamic path`
+          );
+        }
+
+        slugNames.push(nextSlug);
+      }
+
+      if (isCatchAll) {
+        handleSlug(this.restSlugName, segmentName);
+        // slugName is kept as it can only be one particular slugName
+        this.restSlugName = segmentName;
+        // nextSegment is overwritten to [] so that it can later be sorted specifically
+        nextSegment = "[...]";
+      } else {
+        handleSlug(this.slugName, segmentName);
+        // slugName is kept as it can only be one particular slugName
+        this.slugName = segmentName;
+        // nextSegment is overwritten to [] so that it can later be sorted specifically
+        nextSegment = "[]";
+      }
     }
+
     // If this UrlNode doesn't have the nextSegment yet we create a new child UrlNode
     if (!this.children.has(nextSegment)) {
       this.children.set(nextSegment, new UrlNode());
     }
-    this.children.get(nextSegment)._insert(urlPaths.slice(1), slugNames);
+
+    this.children
+      .get(nextSegment)
+      ._insert(urlPaths.slice(1), slugNames, isCatchAll);
   }
 }
 
 module.exports = function getSortedRoutes(normalizedPages) {
   // First the UrlNode is created, and every UrlNode can have only 1 dynamic segment
   // Eg you can't have pages/[post]/abc.js and pages/[hello]/something-else.js
   // Only 1 dynamic segment per nesting level
+
   // So in the case that is test/integration/dynamic-routing it'll be this:
   // pages/[post]/comments.js
   // pages/blog/[post]/comment/[id].js
@@ -90,6 +145,7 @@ module.exports = function getSortedRoutes(normalizedPages) {
   // And since your PR passed through `slugName` as an array basically it'd including it in too many possibilities
   // Instead what has to be passed through is the upwards path's dynamic names
   const root = new UrlNode();
+
   // Here the `root` gets injected multiple paths, and insert will break them up into sublevels
   normalizedPages.forEach(pagePath => root.insert(pagePath));
   // Smoosh will then sort those sublevels up to the point where you get the correct route definition priority