Publish Stable

- @vercel/build-utils@3.1.0
 - vercel@24.2.4
 - @vercel/client@11.0.3
 - @vercel/frameworks@0.9.1
 - @vercel/go@1.4.3
 - @vercel/next@2.8.66
 - @vercel/node-bridge@2.2.2
 - @vercel/node@1.15.3
 - @vercel/python@2.3.3
 - @vercel/redwood@0.8.3
 - @vercel/routing-utils@1.13.3
 - @vercel/ruby@1.3.6
 - @vercel/static-build@0.25.2
 - @vercel/static-config@1.0.1

.eslintignore

@@ -19,6 +19,10 @@ packages/cli/src/util/dev/templates/*.ts
 packages/client/tests/fixtures
 packages/client/lib
 
+# next
+packages/next/test/integration/middleware
+packages/next/test/integration/middleware-eval
+
 # node-bridge
 packages/node-bridge/bridge.js
 packages/node-bridge/launcher.js

.github/CODEOWNERS

@@ -1,29 +1,26 @@
 # Documentation
 # https://help.github.com/en/articles/about-code-owners
 
-*                                        @TooTallNate
-/.github/workflows                       @AndyBitz @styfle
-/packages/frameworks                     @AndyBitz
-/packages/cli/src/commands/build         @TooTallNate @styfle @AndyBitz @gdborton @jaredpalmer
-/packages/cli/src/commands/dev           @TooTallNate @styfle @AndyBitz
-/packages/cli/src/util/dev               @TooTallNate @styfle @AndyBitz
+*                                        @TooTallNate @EndangeredMassa @styfle
+/.github/workflows                       @TooTallNate @EndangeredMassa @styfle @ijjk
+/packages/frameworks                     @TooTallNate @EndangeredMassa @styfle @AndyBitz
 /packages/cli/src/commands/domains       @javivelasco @mglagola @anatrajkovska
 /packages/cli/src/commands/certs         @javivelasco @mglagola @anatrajkovska
 /packages/cli/src/commands/env           @styfle @lucleray
-/packages/client                         @styfle @TooTallNate
-/packages/build-utils                    @styfle @AndyBitz @TooTallNate
+/packages/client                         @TooTallNate @EndangeredMassa @styfle
+/packages/build-utils                    @TooTallNate @EndangeredMassa @styfle @AndyBitz
 /packages/middleware                     @gdborton @javivelasco
-/packages/node                           @styfle @TooTallNate @lucleray
-/packages/node-bridge                    @styfle @TooTallNate @lucleray
-/packages/next                           @Timer @ijjk
-/packages/go                             @styfle @TooTallNate
-/packages/python                         @styfle @TooTallNate
-/packages/ruby                           @styfle @TooTallNate
-/packages/static-build                   @styfle @AndyBitz
-/packages/routing-utils                  @styfle @dav-is @ijjk
-/examples                                @mcsdevv
+/packages/node                           @TooTallNate @EndangeredMassa @styfle
+/packages/node-bridge                    @TooTallNate @EndangeredMassa @styfle @ijjk
+/packages/next                           @TooTallNate @ijjk
+/packages/go                             @TooTallNate @EndangeredMassa @styfle
+/packages/python                         @TooTallNate @EndangeredMassa @styfle
+/packages/ruby                           @TooTallNate @EndangeredMassa @styfle
+/packages/static-build                   @TooTallNate @EndangeredMassa @styfle @AndyBitz
+/packages/routing-utils                  @TooTallNate @EndangeredMassa @styfle @ijjk
+/examples                                @leerob
 /examples/create-react-app               @Timer
-/examples/nextjs                         @timneutkens @Timer
-/examples/hugo                           @mcsdevv @styfle
-/examples/jekyll                         @mcsdevv @styfle
-/examples/zola                           @mcsdevv @styfle
+/examples/nextjs                         @timneutkens @ijjk @styfle
+/examples/hugo                           @styfle
+/examples/jekyll                         @styfle
+/examples/zola                           @styfle

.github/workflows/cancel.yml

@@ -13,6 +13,5 @@ jobs:
     steps:
       - uses: styfle/cancel-workflow-action@0.9.1
         with:
-          workflow_id: 849295, 849296, 849297, 849298
+          workflow_id: test.yml, test-integration-cli.yml, test-unit.yml
           access_token: ${{ github.token }}
-

.github/workflows/test-integration-cli.yml

@@ -18,6 +18,10 @@ jobs:
         os: [ubuntu-latest]
         node: [12]
     runs-on: ${{ matrix.os }}
+    env:
+      TURBO_REMOTE_ONLY: true
+      TURBO_TEAM: vercel
+      TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
     steps:
       - uses: actions/setup-go@v2
         with:

.github/workflows/test-integration-dev.yml

@@ -1,43 +0,0 @@
-name: Dev
-
-on:
-  push:
-    branches:
-    - main
-    tags:
-    - '!*'
-  pull_request:
-
-jobs:
-  test:
-    name: Dev
-    timeout-minutes: 75
-    strategy:
-      fail-fast: false
-      matrix:
-        os: [ubuntu-latest, macos-latest]
-        node: [12]
-    runs-on: ${{ matrix.os }}
-    steps:
-      - uses: actions/setup-go@v2
-        with:
-          go-version: '1.13.15'
-      - uses: actions/setup-node@v2
-        with:
-          node-version: ${{ matrix.node }}
-      - uses: actions/checkout@v2
-        with:
-          fetch-depth: 100
-      - run: git --version
-      - run: git fetch origin main --depth=100
-      - run: git fetch origin ${{ github.ref }} --depth=100
-      - run: git diff origin/main...HEAD --name-only
-      - name: Install Hugo
-        if: matrix.os == 'macos-latest'
-        run: curl -L -O https://github.com/gohugoio/hugo/releases/download/v0.56.0/hugo_0.56.0_macOS-64bit.tar.gz && tar -xzf hugo_0.56.0_macOS-64bit.tar.gz && mv ./hugo packages/cli/test/dev/fixtures/08-hugo/
-      - run: yarn install --network-timeout 1000000
-      - run: yarn run build
-      - run: yarn test-integration-dev
-        env:
-          VERCEL_TEAM_TOKEN: ${{ secrets.VERCEL_TEAM_TOKEN }}
-          VERCEL_REGISTRATION_URL: ${{ secrets.VERCEL_REGISTRATION_URL }}

.github/workflows/test-integration-once.yml

@@ -1,35 +0,0 @@
-name: E2E
-
-on:
-  push:
-    branches:
-    - main
-    tags:
-    - '!*'
-  pull_request:
-
-jobs:
-  test:
-    name: E2E
-    timeout-minutes: 120
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/setup-go@v2
-        with:
-          go-version: '1.13.15'
-      - uses: actions/setup-node@v2
-        with:
-          node-version: 12
-      - uses: actions/checkout@v2
-        with:
-          fetch-depth: 100
-      - run: git --version
-      - run: git fetch origin main --depth=100
-      - run: git fetch origin ${{ github.ref }} --depth=100
-      - run: git diff origin/main...HEAD --name-only
-      - run: yarn install --network-timeout 1000000
-      - run: yarn run build
-      - run: yarn test-integration-once
-        env:
-          VERCEL_TEAM_TOKEN: ${{ secrets.VERCEL_TEAM_TOKEN }}
-          VERCEL_REGISTRATION_URL: ${{ secrets.VERCEL_REGISTRATION_URL }}

.github/workflows/test-unit.yml

@@ -18,6 +18,10 @@ jobs:
         os: [ubuntu-latest, macos-latest, windows-latest]
         node: [12]
     runs-on: ${{ matrix.os }}
+    env:
+      TURBO_REMOTE_ONLY: true
+      TURBO_TEAM: vercel
+      TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
     steps:
       - uses: actions/setup-go@v2
         with:
@@ -40,4 +44,4 @@ jobs:
       - run: yarn workspace vercel run coverage
         if: matrix.os == 'ubuntu-latest' && matrix.node == 12 # only run coverage once
         env:
-          CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}
+          CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}

.github/workflows/test.yml

@@ -0,0 +1,88 @@
+name: Tests
+
+on:
+  push:
+    branches:
+    - main
+    tags:
+    - '!*'
+  pull_request:
+
+env:
+  NODE_VERSION: '14'
+
+jobs:
+  setup:
+    name: Find Changes
+    runs-on: ubuntu-latest
+    outputs:
+      tests: ${{ steps['set-tests'].outputs['tests'] }}
+    steps:
+      - uses: actions/checkout@v2
+      - run: git --version
+      - run: git fetch origin main
+      - uses: actions/setup-node@v2
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+          cache: 'yarn'
+      - run: yarn install --network-timeout 1000000
+      - id: set-tests
+        run: |
+          TESTS_ARRAY=$(node utils/chunk-tests.js $SCRIPT_NAME)
+          echo "Files to test:"
+          echo "$TESTS_ARRAY"
+          echo "::set-output name=tests::$TESTS_ARRAY"
+
+  test:
+    timeout-minutes: 120
+    runs-on: ${{ matrix.runner }}
+    name: ${{matrix.scriptName}} (${{matrix.packageName}}, ${{matrix.chunkNumber}}, ${{ matrix.runner }})
+    if: ${{ needs.setup.outputs['tests'] != '[]' }}
+    env:
+      TURBO_REMOTE_ONLY: true
+      TURBO_TEAM: vercel
+      TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
+    needs:
+      - setup
+    strategy:
+      fail-fast: false
+      matrix:
+        include: ${{ fromJson(needs.setup.outputs['tests']) }}
+    steps:
+      - uses: actions/checkout@v2
+        with:
+          fetch-depth: 2
+      - uses: actions/setup-go@v2
+        with:
+          go-version: '1.13.15'
+      - uses: actions/setup-node@v2
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+          cache: 'yarn'
+          
+      - name: Install Hugo
+        if: matrix.runner == 'macos-latest'
+        run: curl -L -O https://github.com/gohugoio/hugo/releases/download/v0.56.0/hugo_0.56.0_macOS-64bit.tar.gz && tar -xzf hugo_0.56.0_macOS-64bit.tar.gz && mv ./hugo packages/cli/test/dev/fixtures/08-hugo/
+      
+      - run: yarn install --network-timeout 1000000
+
+      - name: Build ${{matrix.packageName}} and all its dependencies
+        run: yarn turbo run build --cache-dir=".turbo" --scope=${{matrix.packageName}} --include-dependencies --no-deps
+        env:
+          FORCE_COLOR: '1'
+      - name: Test ${{matrix.packageName}}
+        run: node_modules/.bin/turbo run test --cache-dir=".turbo" --scope=${{matrix.packageName}} --no-deps -- ${{ join(matrix.testPaths, ' ') }}
+        shell: bash
+        env:
+          VERCEL_TEAM_TOKEN: ${{ secrets.VERCEL_TEAM_TOKEN }}
+          VERCEL_REGISTRATION_URL: ${{ secrets.VERCEL_REGISTRATION_URL }}
+          FORCE_COLOR: '1'
+
+  conclusion:
+    needs:
+      - test
+    runs-on: ubuntu-latest
+    name: E2E
+    steps:
+      - name: Done
+        run: echo "Done."

examples/nuxtjs/.vercelignore

@@ -2,3 +2,4 @@ README.md
 .nuxt
 node_modules
 *.log
+.output

examples/solidstart/.gitignore

@@ -2,7 +2,6 @@ dist
 worker
 .solid
 .vercel
-.output
 
 # dependencies
 /node_modules

examples/solidstart/README.md

@@ -1,6 +1,6 @@
 # SolidStart
 
-This directory is a brief example of a [SolidStart](https://github.com/ryansolid/solid-startp) site that can be deployed to Vercel with zero configuration.
+This directory is a brief example of a [SolidStart](https://github.com/ryansolid/solid-start) site that can be deployed to Vercel with zero configuration.
 
 ## Deploy Your Own
 

package.json

@@ -31,7 +31,7 @@
     "prettier": "2.6.2",
     "ts-eager": "2.0.2",
     "ts-jest": "28.0.0-next.1",
-    "turbo": "1.2.5"
+    "turbo": "1.2.9"
   },
   "scripts": {
     "lerna": "lerna",
@@ -44,10 +44,10 @@
     "vercel-build": "yarn build && cd api && node -r ts-eager/register ./_lib/script/build.ts",
     "pre-commit": "lint-staged",
     "test": "jest --rootDir=\"test\" --testPathPattern=\"\\.test.js\"",
-    "test-unit": "yarn test && node utils/run.js test-unit",
-    "test-integration-cli": "node utils/run.js test-integration-cli",
-    "test-integration-once": "node utils/run.js test-integration-once",
-    "test-integration-dev": "node utils/run.js test-integration-dev",
+    "test-unit": "yarn test && turbo run test-unit",
+    "test-integration-cli": "turbo run test-integration-cli",
+    "test-integration-once": "turbo run test-integration-once",
+    "test-integration-dev": "turbo run test-integration-dev",
     "lint": "eslint . --ext .ts,.js",
     "prepare": "husky install"
   },

packages/build-utils/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vercel/build-utils",
-  "version": "3.0.1",
+  "version": "3.1.0",
   "license": "MIT",
   "main": "./dist/index.js",
   "types": "./dist/index.d.js",
@@ -12,8 +12,9 @@
   },
   "scripts": {
     "build": "node build",
-    "test-unit": "jest --env node --verbose --runInBand --bail test/unit.*test.*",
-    "test-integration-once": "jest --env node --verbose --runInBand --bail test/integration.test.ts",
+    "test": "jest --env node --verbose --runInBand --bail",
+    "test-unit": "yarn test test/unit.*test.*",
+    "test-integration-once": "yarn test test/integration.test.ts",
     "prepublishOnly": "node build"
   },
   "devDependencies": {
@@ -30,7 +31,7 @@
     "@types/node-fetch": "^2.1.6",
     "@types/semver": "6.0.0",
     "@types/yazl": "2.4.2",
-    "@vercel/frameworks": "0.9.0",
+    "@vercel/frameworks": "0.9.1",
     "@vercel/ncc": "0.24.0",
     "aggregate-error": "3.0.1",
     "async-retry": "1.2.3",

packages/build-utils/src/fs/node-version.ts

@@ -6,7 +6,12 @@ import debug from '../debug';
 const allOptions = [
   { major: 16, range: '16.x', runtime: 'nodejs16.x' },
   { major: 14, range: '14.x', runtime: 'nodejs14.x' },
-  { major: 12, range: '12.x', runtime: 'nodejs12.x' },
+  {
+    major: 12,
+    range: '12.x',
+    runtime: 'nodejs12.x',
+    discontinueDate: new Date('2022-08-09'),
+  },
   {
     major: 10,
     range: '10.x',

packages/build-utils/test/unit.test.ts

@@ -296,17 +296,20 @@ it('should get latest node version', async () => {
 it('should throw for discontinued versions', async () => {
   // Mock a future date so that Node 8 and 10 become discontinued
   const realDateNow = Date.now.bind(global.Date);
-  global.Date.now = () => new Date('2021-05-01').getTime();
+  global.Date.now = () => new Date('2022-09-01').getTime();
 
   expect(getSupportedNodeVersion('8.10.x', false)).rejects.toThrow();
   expect(getSupportedNodeVersion('8.10.x', true)).rejects.toThrow();
   expect(getSupportedNodeVersion('10.x', false)).rejects.toThrow();
   expect(getSupportedNodeVersion('10.x', true)).rejects.toThrow();
+  expect(getSupportedNodeVersion('12.x', false)).rejects.toThrow();
+  expect(getSupportedNodeVersion('12.x', true)).rejects.toThrow();
 
   const discontinued = getDiscontinuedNodeVersions();
-  expect(discontinued.length).toBe(2);
-  expect(discontinued[0]).toHaveProperty('range', '10.x');
-  expect(discontinued[1]).toHaveProperty('range', '8.10.x');
+  expect(discontinued.length).toBe(3);
+  expect(discontinued[0]).toHaveProperty('range', '12.x');
+  expect(discontinued[1]).toHaveProperty('range', '10.x');
+  expect(discontinued[2]).toHaveProperty('range', '8.10.x');
 
   global.Date.now = realDateNow;
 });
@@ -324,9 +327,19 @@ it('should warn for deprecated versions, soon to be discontinued', async () => {
     'major',
     10
   );
+  expect(await getSupportedNodeVersion('12.x', false)).toHaveProperty(
+    'major',
+    12
+  );
+  expect(await getSupportedNodeVersion('12.x', true)).toHaveProperty(
+    'major',
+    12
+  );
   expect(warningMessages).toStrictEqual([
     'Error: Node.js version 10.x is deprecated. Deployments created on or after 2021-04-20 will fail to build. Please set "engines": { "node": "16.x" } in your `package.json` file to use Node.js 16. This change is the result of a decision made by an upstream infrastructure provider (AWS).',
     'Error: Node.js version 10.x is deprecated. Deployments created on or after 2021-04-20 will fail to build. Please set Node.js Version to 16.x in your Project Settings to use Node.js 16. This change is the result of a decision made by an upstream infrastructure provider (AWS).',
+    'Error: Node.js version 12.x is deprecated. Deployments created on or after 2022-08-09 will fail to build. Please set "engines": { "node": "16.x" } in your `package.json` file to use Node.js 16. This change is the result of a decision made by an upstream infrastructure provider (AWS).',
+    'Error: Node.js version 12.x is deprecated. Deployments created on or after 2022-08-09 will fail to build. Please set Node.js Version to 16.x in your Project Settings to use Node.js 16. This change is the result of a decision made by an upstream infrastructure provider (AWS).',
   ]);
 
   global.Date.now = realDateNow;

packages/cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vercel",
-  "version": "24.2.2",
+  "version": "24.2.4",
   "preferGlobal": true,
   "license": "Apache-2.0",
   "description": "The command-line interface for Vercel",
@@ -12,10 +12,10 @@
   },
   "scripts": {
     "preinstall": "node ./scripts/preinstall.js",
-    "test": "jest",
-    "test-unit": "jest --coverage --verbose",
+    "test": "jest --env node --verbose --runInBand --bail --forceExit",
+    "test-unit": "yarn test test/unit/",
     "test-integration-cli": "rimraf test/fixtures/integration && ava test/integration.js --serial --fail-fast --verbose",
-    "test-integration-dev": "ava test/dev/integration.js --serial --fail-fast --verbose",
+    "test-integration-dev": "yarn test test/dev/",
     "prepublishOnly": "yarn build",
     "coverage": "codecov",
     "build": "node -r ts-eager/register ./scripts/build.ts",
@@ -43,11 +43,11 @@
     "node": ">= 12"
   },
   "dependencies": {
-    "@vercel/build-utils": "3.0.1",
-    "@vercel/go": "1.4.2",
-    "@vercel/node": "1.15.2",
-    "@vercel/python": "2.3.2",
-    "@vercel/ruby": "1.3.5",
+    "@vercel/build-utils": "3.1.0",
+    "@vercel/go": "1.4.3",
+    "@vercel/node": "1.15.3",
+    "@vercel/python": "2.3.3",
+    "@vercel/ruby": "1.3.6",
     "update-notifier": "4.1.0"
   },
   "devDependencies": {
@@ -90,8 +90,8 @@
     "@types/update-notifier": "5.1.0",
     "@types/which": "1.3.2",
     "@types/write-json-file": "2.2.1",
-    "@vercel/client": "11.0.2",
-    "@vercel/frameworks": "0.9.0",
+    "@vercel/client": "11.0.3",
+    "@vercel/frameworks": "0.9.1",
     "@vercel/ncc": "0.24.0",
     "@zeit/fun": "0.11.2",
     "@zeit/source-map-support": "0.6.2",

packages/cli/scripts/build.ts

@@ -13,7 +13,7 @@ async function createConstants() {
 export const GA_TRACKING_ID: string | undefined = ${envToString(
     'GA_TRACKING_ID'
   )};
-export const SENTRY_DSN: string | undefined =  ${envToString('SENTRY_DSN')};
+export const SENTRY_DSN: string | undefined = ${envToString('SENTRY_DSN')};
 `;
   await writeFile(filename, contents, 'utf8');
 }

packages/cli/src/util/dev/server.ts

@@ -89,6 +89,7 @@ import {
 } from './types';
 import { ProjectEnvVariable, ProjectSettings } from '../../types';
 import exposeSystemEnvs from './expose-system-envs';
+import { treeKill } from '../tree-kill';
 
 const frontendRuntimeSet = new Set(
   frameworkList.map(f => f.useRuntime?.use || '@vercel/static-build')
@@ -998,20 +999,7 @@ export default class DevServer {
     }
 
     if (devProcess) {
-      ops.push(
-        new Promise<void>((resolve, reject) => {
-          devProcess.once('exit', () => resolve());
-          try {
-            process.kill(devProcess.pid);
-          } catch (err) {
-            if (err.code === 'ESRCH') {
-              // Process already exited
-              return resolve();
-            }
-            reject(err);
-          }
-        })
-      );
+      ops.push(treeKill(devProcess.pid));
     }
 
     ops.push(close(this.server));
@@ -1052,12 +1040,7 @@ export default class DevServer {
     const { debug } = this.output;
     debug(`Killing builder dev server with PID ${pid}`);
     this.devServerPids.delete(pid);
-    try {
-      process.kill(pid, 'SIGTERM');
-      debug(`Killed builder dev server with PID ${pid}`);
-    } catch (err) {
-      debug(`Failed to kill builder dev server with PID ${pid}: ${err}`);
-    }
+    await treeKill(pid);
   }
 
   async send404(
@@ -2120,7 +2103,7 @@ export default class DevServer {
       .replace(/%PORT%/g, `${port}`);
 
     this.output.debug(
-      `Starting dev command with parameters : ${JSON.stringify({
+      `Starting dev command with parameters: ${JSON.stringify({
         cwd,
         command,
         port,
@@ -2152,6 +2135,7 @@ export default class DevServer {
       cwd,
       env,
     });
+    this.devProcess = p;
 
     if (!p.stdout || !p.stderr) {
       throw new Error('Expected child process to have stdout and stderr');
@@ -2164,17 +2148,14 @@ export default class DevServer {
       process.stdout.write(data.replace(proxyPort, devPort));
     });
 
-    p.on('exit', (code: number) => {
-      if (code > 0) {
-        process.exit(code);
-      }
+    p.on('exit', (code, signal) => {
+      this.output.debug(`Dev command exited with "${signal || code}"`);
       this.devProcessPort = undefined;
     });
 
     await checkForPort(port, 1000 * 60 * 5);
 
     this.devProcessPort = port;
-    this.devProcess = p;
   }
 }
 

packages/cli/src/util/projects/link.ts

@@ -8,7 +8,7 @@ import { promisify } from 'util';
 
 import getProjectByIdOrName from '../projects/get-project-by-id-or-name';
 import Client from '../client';
-import { ProjectNotFound } from '../errors-ts';
+import { InvalidToken, ProjectNotFound } from '../errors-ts';
 import getUser from '../get-user';
 import getTeamById from '../teams/get-team-by-id';
 import { Output } from '../output';
@@ -150,15 +150,20 @@ export async function getLinkedProject(
       getProjectByIdOrName(client, link.projectId, link.orgId),
     ]);
   } catch (err) {
-    if (err?.status === 403) {
+    if (err && err.status === 403) {
       output.stopSpinner();
-      throw new NowBuildError({
-        message: `Could not retrieve Project Settings. To link your Project, remove the ${outputCode(
-          VERCEL_DIR
-        )} directory and deploy again.`,
-        code: 'PROJECT_UNAUTHORIZED',
-        link: 'https://vercel.link/cannot-load-project-settings',
-      });
+
+      if (err.missingToken) {
+        throw new InvalidToken();
+      } else {
+        throw new NowBuildError({
+          message: `Could not retrieve Project Settings. To link your Project, remove the ${outputCode(
+            VERCEL_DIR
+          )} directory and deploy again.`,
+          code: 'PROJECT_UNAUTHORIZED',
+          link: 'https://vercel.link/cannot-load-project-settings',
+        });
+      }
     }
 
     // Not a special case 403, we should still throw it

packages/cli/test/dev/fixtures/26-nextjs-secrets/.env

@@ -1 +0,0 @@
-ANOTHER_SECRET=runtime

packages/cli/test/dev/fixtures/26-nextjs-secrets/.env.build

@@ -1 +0,0 @@
-SECRET=buildtime

packages/cli/test/dev/fixtures/26-nextjs-secrets/.gitignore

@@ -1,7 +0,0 @@
-.now
-.vercel
-.next
-.idea
-node_modules
-!.env
-!.env.build

packages/cli/test/dev/fixtures/26-nextjs-secrets/next.config.js

@@ -1,10 +0,0 @@
-console.log({
-  SECRET: process.env.SECRET,
-  ANOTHER_SECRET: process.env.ANOTHER_SECRET,
-});
-
-module.exports = {
-  env: {
-    SECRET: process.env.SECRET,
-  },
-};

packages/cli/test/dev/fixtures/26-nextjs-secrets/pages/api/user.js

@@ -1,3 +0,0 @@
-export default async (_req, res) => {
-  return res.end(process.env.ANOTHER_SECRET);
-};

packages/cli/test/dev/fixtures/26-nextjs-secrets/pages/index.js

@@ -1 +0,0 @@
-export default () => <p>{process.env.SECRET}</p>;

packages/cli/test/dev/fixtures/26-nextjs-secrets/vercel.json

@@ -1,10 +0,0 @@
-{
-  "build": {
-    "env": {
-      "SECRET": "@buildtime"
-    }
-  },
-  "env": {
-    "ANOTHER_SECRET": "@runtime"
-  }
-}

packages/cli/test/dev/fixtures/monorepo-dynamic-paths/blog/next.config.js

@@ -1,6 +0,0 @@
-module.exports = {
-  assetPrefix: '/blog',
-  env: {
-    ASSET_PREFIX: '/blog',
-  },
-};

packages/cli/test/dev/fixtures/monorepo-dynamic-paths/blog/pages/blog/index.js

@@ -1,22 +0,0 @@
-import Link from 'next/link';
-
-export default function Blog() {
-  return (
-    <div>
-      <h3>This is our blog</h3>
-      <ul>
-        <li>
-          <Link href="/blog/post/[id]" as="/blog/post/1">
-            <a>Post 1</a>
-          </Link>
-        </li>
-        <li>
-          <Link href="/blog/post/[id]" as="/blog/post/2">
-            <a>Post 2</a>
-          </Link>
-        </li>
-      </ul>
-      <a href="/">Home</a>
-    </div>
-  );
-}

packages/cli/test/dev/fixtures/monorepo-dynamic-paths/blog/pages/blog/post/[id].js

@@ -1,15 +0,0 @@
-import Link from 'next/link'
-import { useRouter } from 'next/router'
-
-export default function Post() {
-  const router = useRouter()
-  return (
-    <div>
-      <h3>Post #{router.query.id}</h3>
-      <p>Lorem ipsum</p>
-      <Link href="/blog">
-        <a>Back to blog</a>
-      </Link>
-    </div>
-  )
-}

packages/cli/test/dev/fixtures/monorepo-dynamic-paths/home/components/Header.js

@@ -1,7 +0,0 @@
-const Header = () => (
-  <div>
-    <h2>The Company</h2>
-  </div>
-);
-
-export default Header;

packages/cli/test/dev/fixtures/monorepo-dynamic-paths/home/pages/1/[id].js

@@ -1,21 +0,0 @@
-import Link from 'next/link';
-
-const About = ({ id }) => {
-  return (
-    <div>
-      <p>This is the {id} page with static props.</p>
-      <div>
-        <Link href="/">
-          <a>Go Back</a>
-        </Link>
-      </div>
-    </div>
-  );
-};
-
-export const getStaticProps = ({ params }) => {
-  return { props: { id: params.id } };
-};
-export const getStaticPaths = () => ({ paths: ['/1/dynamic'], fallback: true });
-
-export default About;

packages/cli/test/dev/fixtures/monorepo-dynamic-paths/home/pages/[id].js

@@ -1,19 +0,0 @@
-import Link from 'next/link';
-import { useRouter } from 'next/router';
-
-const About = () => {
-  const router = useRouter();
-  const { id } = router.query;
-  return (
-    <div>
-      <p>This is the {id} page without static props.</p>
-      <div>
-        <Link href="/">
-          <a>Go Back</a>
-        </Link>
-      </div>
-    </div>
-  );
-};
-
-export default About;

packages/cli/test/dev/fixtures/monorepo-dynamic-paths/home/pages/about.js

@@ -1,19 +0,0 @@
-import Link from 'next/link';
-import { useRouter } from 'next/router';
-
-const About = () => {
-  const router = useRouter();
-  const { id } = router.query;
-  return (
-    <div>
-      <p>This is the about static page.</p>
-      <div>
-        <Link href="/">
-          <a>Go Back</a>
-        </Link>
-      </div>
-    </div>
-  );
-};
-
-export default About;

packages/cli/test/dev/fixtures/monorepo-dynamic-paths/home/pages/index.js

@@ -1,36 +0,0 @@
-import Link from 'next/link';
-import dynamic from 'next/dynamic';
-
-const Header = dynamic(import('../components/Header'));
-
-export default function Home() {
-  return (
-    <div>
-      <Header />
-      <p>This is our homepage</p>
-      <div>
-        <a href="/blog">Blog</a>
-      </div>
-      <div>
-        <Link href="/about">
-          <a>About us</a>
-        </Link>
-      </div>
-      <div>
-        <Link href="/foo">
-          <a>foo</a>
-        </Link>
-      </div>
-      <div>
-        <Link href="/1/dynamic">
-          <a>1/dynamic</a>
-        </Link>
-      </div>
-      <div>
-        <Link href="/1/foo">
-          <a>1/foo</a>
-        </Link>
-      </div>
-    </div>
-  );
-}

packages/cli/test/dev/fixtures/monorepo-dynamic-paths/package.json

@@ -1,11 +0,0 @@
-{
-  "name": "with-zones-example",
-  "private": true,
-  "workspaces": [
-    "home",
-    "blog"
-  ],
-  "devDependencies": {
-    "vercel": "canary"
-  }
-}

packages/cli/test/dev/fixtures/monorepo-dynamic-paths/vercel.json

@@ -1,12 +0,0 @@
-{
-  "version": 2,
-  "builds": [
-    { "src": "blog/package.json", "use": "@vercel/next@canary" },
-    { "src": "home/package.json", "use": "@vercel/next@canary" }
-  ],
-  "routes": [
-    { "src": "/blog/_next(.*)", "dest": "blog/_next$1" },
-    { "src": "/blog(.*)", "dest": "blog/blog$1" },
-    { "src": "(.*)", "dest": "home$1" }
-  ]
-}

packages/cli/test/dev/integration-1.test.ts

@@ -0,0 +1,356 @@
+import os from 'os';
+import fs from 'fs-extra';
+import { join } from 'path';
+
+const {
+  exec,
+  fetch,
+  fixture,
+  testFixture,
+  testFixtureStdio,
+} = require('./utils.js');
+
+test('[vercel dev] prints `npm install` errors', async () => {
+  const dir = fixture('runtime-not-installed');
+  const result = await exec(dir);
+  expect(result.stderr.includes('npm ERR! 404')).toBeTruthy();
+  expect(
+    result.stderr.includes('Failed to install `vercel dev` dependencies')
+  ).toBeTruthy();
+  expect(
+    result.stderr.includes('https://vercel.link/npm-install-failed-dev')
+  ).toBeTruthy();
+});
+
+test('[vercel dev] `vercel.json` should be invalidated if deleted', async () => {
+  const dir = fixture('invalidate-vercel-config');
+  const configPath = join(dir, 'vercel.json');
+  const originalConfig = await fs.readJSON(configPath);
+  const { dev, port, readyResolver } = await testFixture(dir);
+
+  try {
+    await readyResolver;
+
+    {
+      // Env var should be set from `vercel.json`
+      const res = await fetch(`http://localhost:${port}/api`);
+      const body = await res.json();
+      expect(body.FOO).toBe('bar');
+    }
+
+    {
+      // Env var should not be set after `vercel.json` is deleted
+      await fs.remove(configPath);
+
+      const res = await fetch(`http://localhost:${port}/api`);
+      const body = await res.json();
+      expect(body.FOO).toBe(undefined);
+    }
+  } finally {
+    dev.kill('SIGTERM');
+    await fs.writeJSON(configPath, originalConfig);
+  }
+});
+
+test('[vercel dev] reflects changes to config and env without restart', async () => {
+  const dir = fixture('node-helpers');
+  const configPath = join(dir, 'vercel.json');
+  const originalConfig = await fs.readJSON(configPath);
+  const { dev, port, readyResolver } = await testFixture(dir);
+
+  try {
+    await readyResolver;
+
+    {
+      // Node.js helpers should be available by default
+      const res = await fetch(`http://localhost:${port}/?foo=bar`);
+      const body = await res.json();
+      expect(body.hasHelpers).toBe(true);
+      expect(body.query.foo).toBe('bar');
+    }
+
+    {
+      // Disable the helpers via `config.helpers = false`
+      const config = {
+        ...originalConfig,
+        builds: [
+          {
+            ...originalConfig.builds[0],
+            config: {
+              helpers: false,
+            },
+          },
+        ],
+      };
+      await fs.writeJSON(configPath, config);
+
+      const res = await fetch(`http://localhost:${port}/?foo=bar`);
+      const body = await res.json();
+      expect(body.hasHelpers).toBe(false);
+      expect(body.query).toBe(undefined);
+    }
+
+    {
+      // Enable the helpers via `config.helpers = true`
+      const config = {
+        ...originalConfig,
+        builds: [
+          {
+            ...originalConfig.builds[0],
+            config: {
+              helpers: true,
+            },
+          },
+        ],
+      };
+      await fs.writeJSON(configPath, config);
+
+      const res = await fetch(`http://localhost:${port}/?foo=baz`);
+      const body = await res.json();
+      expect(body.hasHelpers).toBe(true);
+      expect(body.query.foo).toBe('baz');
+    }
+
+    {
+      // Disable the helpers via `NODEJS_HELPERS = '0'`
+      const config = {
+        ...originalConfig,
+        build: {
+          env: {
+            NODEJS_HELPERS: '0',
+          },
+        },
+      };
+      await fs.writeJSON(configPath, config);
+
+      const res = await fetch(`http://localhost:${port}/?foo=baz`);
+      const body = await res.json();
+      expect(body.hasHelpers).toBe(false);
+      expect(body.query).toBe(undefined);
+    }
+
+    {
+      // Enable the helpers via `NODEJS_HELPERS = '1'`
+      const config = {
+        ...originalConfig,
+        build: {
+          env: {
+            NODEJS_HELPERS: '1',
+          },
+        },
+      };
+      await fs.writeJSON(configPath, config);
+
+      const res = await fetch(`http://localhost:${port}/?foo=boo`);
+      const body = await res.json();
+      expect(body.hasHelpers).toBe(true);
+      expect(body.query.foo).toBe('boo');
+    }
+  } finally {
+    dev.kill('SIGTERM');
+    await fs.writeJSON(configPath, originalConfig);
+  }
+});
+
+test('[vercel dev] `@vercel/node` TypeScript should be resolved by default', async () => {
+  // The purpose of this test is to test that `@vercel/node` can properly
+  // resolve the default "typescript" module when the project doesn't include
+  // its own version. To properly test for this, a fixture needs to be created
+  // *outside* of the `vercel` repo, since otherwise the root-level
+  // "node_modules/typescript" is resolved as relative to the project, and
+  // not relative to `@vercel/node` which is what we are testing for here.
+  const dir = join(os.tmpdir(), 'vercel-node-typescript-resolve-test');
+  const apiDir = join(dir, 'api');
+  await fs.mkdirp(apiDir);
+  await fs.writeFile(
+    join(apiDir, 'hello.js'),
+    'export default (req, res) => { res.end("world"); }'
+  );
+
+  const { dev, port, readyResolver } = await testFixture(dir);
+
+  try {
+    await readyResolver;
+
+    const res = await fetch(`http://localhost:${port}/api/hello`);
+    const body = await res.text();
+    expect(body).toBe('world');
+  } finally {
+    dev.kill('SIGTERM');
+    await fs.remove(dir);
+  }
+});
+
+test(
+  '[vercel dev] validate routes that use `check: true`',
+  testFixtureStdio('routes-check-true', async (testPath: any) => {
+    await testPath(200, '/blog/post', 'Blog Home');
+  })
+);
+
+test(
+  '[vercel dev] validate routes that use `check: true` and `status` code',
+  testFixtureStdio('routes-check-true-status', async (testPath: any) => {
+    await testPath(403, '/secret');
+    await testPath(200, '/post', 'This is a post.');
+    await testPath(200, '/post.html', 'This is a post.');
+  })
+);
+
+test(
+  '[vercel dev] validate routes that use custom 404 page',
+  testFixtureStdio('routes-custom-404', async (testPath: any) => {
+    await testPath(200, '/', 'Home Page');
+    await testPath(404, '/nothing', 'Custom User 404');
+    await testPath(404, '/exact', 'Exact Custom 404');
+    await testPath(200, '/api/hello', 'Hello');
+    await testPath(404, '/api/nothing', 'Custom User 404');
+  })
+);
+
+test(
+  '[vercel dev] handles miss after route',
+  testFixtureStdio('handle-miss-after-route', async (testPath: any) => {
+    await testPath(200, '/post', 'Blog Post Page', {
+      test: '1',
+      override: 'one',
+    });
+  })
+);
+
+test(
+  '[vercel dev] handles miss after rewrite',
+  testFixtureStdio('handle-miss-after-rewrite', async (testPath: any) => {
+    await testPath(200, '/post', 'Blog Post Page', {
+      test: '1',
+      override: 'one',
+    });
+    await testPath(200, '/blog/post', 'Blog Post Page', {
+      test: '1',
+      override: 'two',
+    });
+    await testPath(404, '/blog/about.html', undefined, {
+      test: '1',
+      override: 'two',
+    });
+  })
+);
+
+test(
+  '[vercel dev] does not display directory listing after 404',
+  testFixtureStdio('handle-miss-hide-dir-list', async (testPath: any) => {
+    await testPath(404, '/post');
+    await testPath(200, '/post/one.html', 'First Post');
+  })
+);
+
+test(
+  '[vercel dev] should preserve query string even after miss phase',
+  testFixtureStdio('handle-miss-querystring', async (testPath: any) => {
+    await testPath(200, '/', 'Index Page');
+    if (process.env.CI && process.platform === 'darwin') {
+      console.log('Skipping since GH Actions hangs for some reason');
+    } else {
+      await testPath(200, '/echo/first/second', 'a=first,b=second');
+      await testPath(200, '/functions/echo.js?a=one&b=two', 'a=one,b=two');
+    }
+  })
+);
+
+test(
+  '[vercel dev] handles hit after handle: filesystem',
+  testFixtureStdio('handle-hit-after-fs', async (testPath: any) => {
+    await testPath(200, '/blog.html', 'Blog Page', { test: '1' });
+  })
+);
+
+test(
+  '[vercel dev] handles hit after dest',
+  testFixtureStdio('handle-hit-after-dest', async (testPath: any) => {
+    await testPath(200, '/post', 'Blog Post', { test: '1', override: 'one' });
+  })
+);
+
+test(
+  '[vercel dev] handles hit after rewrite',
+  testFixtureStdio('handle-hit-after-rewrite', async (testPath: any) => {
+    await testPath(200, '/post', 'Blog Post', { test: '1', override: 'one' });
+  })
+);
+
+test(
+  '[vercel dev] should serve the public directory and api functions',
+  testFixtureStdio('public-and-api', async (testPath: any) => {
+    await testPath(200, '/', 'This is the home page');
+    await testPath(200, '/about.html', 'This is the about page');
+    await testPath(200, '/.well-known/humans.txt', 'We come in peace');
+    await testPath(200, '/api/date', /current date/);
+    await testPath(200, '/api/rand', /random number/);
+    await testPath(200, '/api/rand.js', /random number/);
+    await testPath(404, '/api/api', /NOT_FOUND/m);
+    await testPath(404, '/nothing', /Custom 404 Page/);
+  })
+);
+
+test(
+  '[vercel dev] should allow user rewrites for path segment files',
+  testFixtureStdio('test-zero-config-rewrite', async (testPath: any) => {
+    await testPath(404, '/');
+    await testPath(200, '/echo/1', '{"id":"1"}', {
+      'Access-Control-Allow-Origin': '*',
+    });
+    await testPath(200, '/echo/2', '{"id":"2"}', {
+      'Access-Control-Allow-Headers': '*',
+    });
+  })
+);
+
+test('[vercel dev] validate builds', async () => {
+  const directory = fixture('invalid-builds');
+  const output = await exec(directory);
+
+  expect(output.exitCode).toBe(1);
+  expect(output.stderr).toMatch(
+    /Invalid vercel\.json - `builds\[0\].src` should be string/m
+  );
+});
+
+test('[vercel dev] validate routes', async () => {
+  const directory = fixture('invalid-routes');
+  const output = await exec(directory);
+
+  expect(output.exitCode).toBe(1);
+  expect(output.stderr).toMatch(
+    /Invalid vercel\.json - `routes\[0\].src` should be string/m
+  );
+});
+
+test('[vercel dev] validate cleanUrls', async () => {
+  const directory = fixture('invalid-clean-urls');
+  const output = await exec(directory);
+
+  expect(output.exitCode).toBe(1);
+  expect(output.stderr).toMatch(
+    /Invalid vercel\.json - `cleanUrls` should be boolean/m
+  );
+});
+
+test('[vercel dev] validate trailingSlash', async () => {
+  const directory = fixture('invalid-trailing-slash');
+  const output = await exec(directory);
+
+  expect(output.exitCode).toBe(1);
+  expect(output.stderr).toMatch(
+    /Invalid vercel\.json - `trailingSlash` should be boolean/m
+  );
+});
+
+test('[vercel dev] validate rewrites', async () => {
+  const directory = fixture('invalid-rewrites');
+  const output = await exec(directory);
+
+  expect(output.exitCode).toBe(1);
+  expect(output.stderr).toMatch(
+    /Invalid vercel\.json - `rewrites\[0\].destination` should be string/m
+  );
+});

packages/cli/test/dev/integration-2.test.ts

@@ -0,0 +1,336 @@
+// eslint-disable-next-line
+import path from 'path';
+
+const { exec, fixture, testFixture, testFixtureStdio } = require('./utils.js');
+
+test('[vercel dev] validate redirects', async () => {
+  const directory = fixture('invalid-redirects');
+  const output = await exec(directory);
+
+  expect(output.exitCode).toBe(1);
+  expect(output.stderr).toMatch(
+    /Invalid vercel\.json - `redirects\[0\].statusCode` should be integer/m
+  );
+});
+
+test('[vercel dev] validate headers', async () => {
+  const directory = fixture('invalid-headers');
+  const output = await exec(directory);
+
+  expect(output.exitCode).toBe(1);
+  expect(output.stderr).toMatch(
+    /Invalid vercel\.json - `headers\[0\].headers\[0\].value` should be string/m
+  );
+});
+
+test('[vercel dev] validate mixed routes and rewrites', async () => {
+  const directory = fixture('invalid-mixed-routes-rewrites');
+  const output = await exec(directory);
+
+  expect(output.exitCode).toBe(1);
+  expect(output.stderr).toMatch(
+    /If `rewrites`, `redirects`, `headers`, `cleanUrls` or `trailingSlash` are used, then `routes` cannot be present./m
+  );
+  expect(output.stderr).toMatch(/vercel\.link\/mix-routing-props/m);
+});
+
+// Test seems unstable: It won't return sometimes.
+test('[vercel dev] validate env var names', async () => {
+  const directory = fixture('invalid-env-var-name');
+  const { dev } = await testFixture(directory, { stdio: 'pipe' });
+
+  try {
+    let stderr = '';
+    dev.stderr.setEncoding('utf8');
+
+    await new Promise<void>((resolve, reject) => {
+      dev.stderr.on('data', (b: any) => {
+        stderr += b.toString();
+
+        if (
+          stderr.includes('Ignoring env var "1" because name is invalid') &&
+          stderr.includes(
+            'Ignoring build env var "_a" because name is invalid'
+          ) &&
+          stderr.includes(
+            'Env var names must start with letters, and can only contain alphanumeric characters and underscores'
+          )
+        ) {
+          resolve();
+        }
+      });
+
+      dev.on('error', reject);
+      dev.on('exit', resolve);
+    });
+  } finally {
+    dev.kill('SIGTERM');
+  }
+});
+
+test(
+  '[vercel dev] test rewrites with segments serve correct content',
+  testFixtureStdio('test-rewrites-with-segments', async (testPath: any) => {
+    await testPath(200, '/api/users/first', 'first');
+    await testPath(200, '/api/fourty-two', '42');
+    await testPath(200, '/rand', '42');
+    await testPath(200, '/api/dynamic', 'dynamic');
+    await testPath(404, '/api');
+  })
+);
+
+test(
+  '[vercel dev] test rewrites serve correct content',
+  testFixtureStdio('test-rewrites', async (testPath: any) => {
+    await testPath(200, '/hello', 'Hello World');
+  })
+);
+
+test(
+  '[vercel dev] test rewrites and redirects serve correct external content',
+  testFixtureStdio(
+    'test-external-rewrites-and-redirects',
+    async (testPath: any) => {
+      const vcRobots = `https://vercel.com/robots.txt`;
+      await testPath(200, '/rewrite', /User-Agent: \*/m);
+      await testPath(308, '/redirect', `Redirecting to ${vcRobots} (308)`, {
+        Location: vcRobots,
+      });
+      await testPath(307, '/tempRedirect', `Redirecting to ${vcRobots} (307)`, {
+        Location: vcRobots,
+      });
+    }
+  )
+);
+
+test(
+  '[vercel dev] test rewrites and redirects is case sensitive',
+  testFixtureStdio('test-routing-case-sensitive', async (testPath: any) => {
+    await testPath(200, '/Path', 'UPPERCASE');
+    await testPath(200, '/path', 'lowercase');
+    await testPath(308, '/GoTo', 'Redirecting to /upper.html (308)', {
+      Location: '/upper.html',
+    });
+    await testPath(308, '/goto', 'Redirecting to /lower.html (308)', {
+      Location: '/lower.html',
+    });
+  })
+);
+
+test(
+  '[vercel dev] test cleanUrls serve correct content',
+  testFixtureStdio('test-clean-urls', async (testPath: any) => {
+    await testPath(200, '/', 'Index Page');
+    await testPath(200, '/about', 'About Page');
+    await testPath(200, '/sub', 'Sub Index Page');
+    await testPath(200, '/sub/another', 'Sub Another Page');
+    await testPath(200, '/style.css', 'body { color: green }');
+    await testPath(308, '/index.html', 'Redirecting to / (308)', {
+      Location: '/',
+    });
+    await testPath(308, '/about.html', 'Redirecting to /about (308)', {
+      Location: '/about',
+    });
+    await testPath(308, '/sub/index.html', 'Redirecting to /sub (308)', {
+      Location: '/sub',
+    });
+    await testPath(
+      308,
+      '/sub/another.html',
+      'Redirecting to /sub/another (308)',
+      { Location: '/sub/another' }
+    );
+  })
+);
+
+test(
+  '[vercel dev] test cleanUrls serve correct content when using `outputDirectory`',
+  testFixtureStdio(
+    'test-clean-urls-with-output-directory',
+    async (testPath: any) => {
+      await testPath(200, '/', 'Index Page');
+      await testPath(200, '/about', 'About Page');
+      await testPath(200, '/sub', 'Sub Index Page');
+      await testPath(200, '/sub/another', 'Sub Another Page');
+      await testPath(200, '/style.css', 'body { color: green }');
+      await testPath(308, '/index.html', 'Redirecting to / (308)', {
+        Location: '/',
+      });
+      await testPath(308, '/about.html', 'Redirecting to /about (308)', {
+        Location: '/about',
+      });
+      await testPath(308, '/sub/index.html', 'Redirecting to /sub (308)', {
+        Location: '/sub',
+      });
+      await testPath(
+        308,
+        '/sub/another.html',
+        'Redirecting to /sub/another (308)',
+        { Location: '/sub/another' }
+      );
+    }
+  )
+);
+
+test(
+  '[vercel dev] should serve custom 404 when `cleanUrls: true`',
+  testFixtureStdio('test-clean-urls-custom-404', async (testPath: any) => {
+    await testPath(200, '/', 'This is the home page');
+    await testPath(200, '/about', 'The about page');
+    await testPath(200, '/contact/me', 'Contact Me Subdirectory');
+    await testPath(404, '/nothing', 'Custom 404 Page');
+    await testPath(404, '/nothing/', 'Custom 404 Page');
+  })
+);
+
+test(
+  '[vercel dev] test cleanUrls and trailingSlash serve correct content',
+  testFixtureStdio('test-clean-urls-trailing-slash', async (testPath: any) => {
+    await testPath(200, '/', 'Index Page');
+    await testPath(200, '/about/', 'About Page');
+    await testPath(200, '/sub/', 'Sub Index Page');
+    await testPath(200, '/sub/another/', 'Sub Another Page');
+    await testPath(200, '/style.css', 'body { color: green }');
+    //TODO: fix this test so that location is `/` instead of `//`
+    //await testPath(308, '/index.html', 'Redirecting to / (308)', { Location: '/' });
+    await testPath(308, '/about.html', 'Redirecting to /about/ (308)', {
+      Location: '/about/',
+    });
+    await testPath(308, '/sub/index.html', 'Redirecting to /sub/ (308)', {
+      Location: '/sub/',
+    });
+    await testPath(
+      308,
+      '/sub/another.html',
+      'Redirecting to /sub/another/ (308)',
+      {
+        Location: '/sub/another/',
+      }
+    );
+  })
+);
+
+test(
+  '[vercel dev] test cors headers work with OPTIONS',
+  testFixtureStdio('test-cors-routes', async (testPath: any) => {
+    const headers = {
+      'Access-Control-Allow-Origin': '*',
+      'Access-Control-Allow-Headers':
+        'Content-Type, Authorization, Accept, Content-Length, Origin, User-Agent',
+      'Access-Control-Allow-Methods':
+        'GET, POST, OPTIONS, HEAD, PATCH, PUT, DELETE',
+    };
+    await testPath(200, '/', 'status api', headers, { method: 'GET' });
+    await testPath(200, '/', 'status api', headers, { method: 'POST' });
+    await testPath(200, '/api/status.js', 'status api', headers, {
+      method: 'GET',
+    });
+    await testPath(200, '/api/status.js', 'status api', headers, {
+      method: 'POST',
+    });
+    await testPath(204, '/', '', headers, { method: 'OPTIONS' });
+    await testPath(204, '/api/status.js', '', headers, { method: 'OPTIONS' });
+  })
+);
+
+test(
+  '[vercel dev] test trailingSlash true serve correct content',
+  testFixtureStdio('test-trailing-slash', async (testPath: any) => {
+    await testPath(200, '/', 'Index Page');
+    await testPath(200, '/index.html', 'Index Page');
+    await testPath(200, '/about.html', 'About Page');
+    await testPath(200, '/sub/', 'Sub Index Page');
+    await testPath(200, '/sub/index.html', 'Sub Index Page');
+    await testPath(200, '/sub/another.html', 'Sub Another Page');
+    await testPath(200, '/style.css', 'body { color: green }');
+    await testPath(308, '/about.html/', 'Redirecting to /about.html (308)', {
+      Location: '/about.html',
+    });
+    await testPath(308, '/style.css/', 'Redirecting to /style.css (308)', {
+      Location: '/style.css',
+    });
+    await testPath(308, '/sub', 'Redirecting to /sub/ (308)', {
+      Location: '/sub/',
+    });
+  })
+);
+
+test(
+  '[vercel dev] should serve custom 404 when `trailingSlash: true`',
+  testFixtureStdio('test-trailing-slash-custom-404', async (testPath: any) => {
+    await testPath(200, '/', 'This is the home page');
+    await testPath(200, '/about.html', 'The about page');
+    await testPath(200, '/contact/', 'Contact Subdirectory');
+    await testPath(404, '/nothing/', 'Custom 404 Page');
+  })
+);
+
+test(
+  '[vercel dev] test trailingSlash false serve correct content',
+  testFixtureStdio('test-trailing-slash-false', async (testPath: any) => {
+    await testPath(200, '/', 'Index Page');
+    await testPath(200, '/index.html', 'Index Page');
+    await testPath(200, '/about.html', 'About Page');
+    await testPath(200, '/sub', 'Sub Index Page');
+    await testPath(200, '/sub/index.html', 'Sub Index Page');
+    await testPath(200, '/sub/another.html', 'Sub Another Page');
+    await testPath(200, '/style.css', 'body { color: green }');
+    await testPath(308, '/about.html/', 'Redirecting to /about.html (308)', {
+      Location: '/about.html',
+    });
+    await testPath(308, '/sub/', 'Redirecting to /sub (308)', {
+      Location: '/sub',
+    });
+    await testPath(
+      308,
+      '/sub/another.html/',
+      'Redirecting to /sub/another.html (308)',
+      {
+        Location: '/sub/another.html',
+      }
+    );
+  })
+);
+
+test(
+  '[vercel dev] throw when invalid builder routes detected',
+  testFixtureStdio(
+    'invalid-builder-routes',
+    async (testPath: any) => {
+      await testPath(
+        500,
+        '/',
+        /Route at index 0 has invalid `src` regular expression/m
+      );
+    },
+    { skipDeploy: true }
+  )
+);
+
+test(
+  '[vercel dev] support legacy `@now` scope runtimes',
+  testFixtureStdio('legacy-now-runtime', async (testPath: any) => {
+    await testPath(200, '/', /A simple deployment with the Vercel API!/m);
+  })
+);
+
+test(
+  '[vercel dev] 00-list-directory',
+  testFixtureStdio(
+    '00-list-directory',
+    async (testPath: any) => {
+      await testPath(200, '/', /Files within/m);
+      await testPath(200, '/', /test[0-3]\.txt/m);
+      await testPath(200, '/', /\.well-known/m);
+      await testPath(200, '/.well-known/keybase.txt', 'proof goes here');
+    },
+    { projectSettings: { directoryListing: true } }
+  )
+);
+
+test(
+  '[vercel dev] 01-node',
+  testFixtureStdio('01-node', async (testPath: any) => {
+    await testPath(200, '/', /A simple deployment with the Vercel API!/m);
+  })
+);

packages/cli/test/dev/integration-3.test.ts

@@ -0,0 +1,348 @@
+import { resolve, delimiter } from 'path';
+
+const {
+  fetch,
+  sleep,
+  fixture,
+  isCanary,
+  shouldSkip,
+  testFixture,
+  fetchWithRetry,
+  testFixtureStdio,
+  validateResponseHeaders,
+} = require('./utils.js');
+
+// Angular has `engines: { node: "10.x" }` in its `package.json`
+test('[vercel dev] 02-angular-node', async () => {
+  if (shouldSkip('02-angular-node', '10.x')) return;
+
+  const directory = fixture('02-angular-node');
+  const { dev, port } = await testFixture(directory, { stdio: 'pipe' }, [
+    '--debug',
+  ]);
+
+  let stderr = '';
+
+  try {
+    dev.stderr.on('data', async (data: any) => {
+      stderr += data.toString();
+    });
+
+    // start `vercel dev` detached in child_process
+    dev.unref();
+
+    const response = await fetchWithRetry(`http://localhost:${port}`, {
+      retries: 180,
+      status: 200,
+    });
+
+    validateResponseHeaders(response);
+
+    const body = await response.text();
+    expect(body).toMatch(/Angular \+ Node.js API/m);
+  } finally {
+    dev.kill('SIGTERM');
+  }
+
+  await sleep(5000);
+
+  if (isCanary()) {
+    stderr.includes('@now/build-utils@canary');
+  } else {
+    stderr.includes('@now/build-utils@latest');
+  }
+});
+
+test(
+  '[vercel dev] 03-aurelia',
+  testFixtureStdio(
+    '03-aurelia',
+    async (testPath: any) => {
+      await testPath(200, '/', /Aurelia Navigation Skeleton/m);
+    },
+    { skipDeploy: true }
+  )
+);
+
+test(
+  '[vercel dev] 04-create-react-app',
+  testFixtureStdio('04-create-react-app', async (testPath: any) => {
+    await testPath(200, '/', /React App/m);
+  })
+);
+/*
+test(
+  '[vercel dev] 05-gatsby',
+  testFixtureStdio('05-gatsby', async (testPath: any) => {
+    await testPath(200, '/', /Gatsby Default Starter/m);
+  })
+);
+*/
+test(
+  '[vercel dev] 06-gridsome',
+  testFixtureStdio('06-gridsome', async (testPath: any) => {
+    await testPath(200, '/');
+    await testPath(200, '/about');
+    await testPath(308, '/support', 'Redirecting to /about?ref=support (308)', {
+      Location: '/about?ref=support',
+    });
+    // Bug with gridsome's dev server: https://github.com/gridsome/gridsome/issues/831
+    // Works in prod only so leave out for now
+    // await testPath(404, '/nothing');
+  })
+);
+
+test(
+  '[vercel dev] 07-hexo-node',
+  testFixtureStdio('07-hexo-node', async (testPath: any) => {
+    await testPath(200, '/', /Hexo \+ Node.js API/m);
+    await testPath(200, '/api/date', new RegExp(new Date().getFullYear() + ''));
+    await testPath(200, '/contact.html', /Contact Us/m);
+    await testPath(200, '/support', /Contact Us/m);
+  })
+);
+
+test('[vercel dev] 08-hugo', async () => {
+  if (process.platform === 'darwin') {
+    // Update PATH to find the Hugo executable installed via GH Actions
+    process.env.PATH = `${resolve(fixture('08-hugo'))}${delimiter}${
+      process.env.PATH
+    }`;
+    const tester = testFixtureStdio('08-hugo', async (testPath: any) => {
+      await testPath(200, '/', /Hugo/m);
+    });
+    await tester();
+  } else {
+    console.log(`Skipping 08-hugo on platform ${process.platform}`);
+  }
+});
+
+test(
+  '[vercel dev] 10-nextjs-node',
+  testFixtureStdio('10-nextjs-node', async (testPath: any) => {
+    await testPath(200, '/', /Next.js \+ Node.js API/m);
+    await testPath(200, '/api/date', new RegExp(new Date().getFullYear() + ''));
+    await testPath(200, '/contact', /Contact Page/);
+    await testPath(200, '/support', /Contact Page/);
+    // TODO: Fix this test assertion that fails intermittently
+    // await testPath(404, '/nothing', /Custom Next 404/);
+  })
+);
+
+test(
+  '[vercel dev] 10a-nextjs-routes',
+  testFixtureStdio('10a-nextjs-routes', async (testPath: any) => {
+    await testPath(200, '/', /Next.js with routes/m);
+    await testPath(200, '/hello', /Hello Routes/m);
+  })
+);
+
+test(
+  '[vercel dev] 12-polymer-node',
+  testFixtureStdio(
+    '12-polymer-node',
+    async (testPath: any) => {
+      await testPath(200, '/', /Polymer \+ Node.js API/m);
+      await testPath(
+        200,
+        '/api/date',
+        new RegExp(new Date().getFullYear() + '')
+      );
+    },
+    { skipDeploy: true }
+  )
+);
+
+test(
+  '[vercel dev] 13-preact-node',
+  testFixtureStdio(
+    '13-preact-node',
+    async (testPath: any) => {
+      await testPath(200, '/', /Preact/m);
+      await testPath(
+        200,
+        '/api/date',
+        new RegExp(new Date().getFullYear() + '')
+      );
+    },
+    { skipDeploy: true }
+  )
+);
+
+test(
+  '[vercel dev] 14-svelte-node',
+  testFixtureStdio(
+    '14-svelte-node',
+    async (testPath: any) => {
+      await testPath(200, '/', /Svelte/m);
+      await testPath(
+        200,
+        '/api/date',
+        new RegExp(new Date().getFullYear() + '')
+      );
+    },
+    { skipDeploy: true }
+  )
+);
+
+test(
+  '[vercel dev] 16-vue-node',
+  testFixtureStdio(
+    '16-vue-node',
+    async (testPath: any) => {
+      await testPath(200, '/', /Vue.js \+ Node.js API/m);
+      await testPath(
+        200,
+        '/api/date',
+        new RegExp(new Date().getFullYear() + '')
+      );
+    },
+    { skipDeploy: true }
+  )
+);
+
+test(
+  '[vercel dev] 17-vuepress-node',
+  testFixtureStdio(
+    '17-vuepress-node',
+    async (testPath: any) => {
+      await testPath(200, '/', /VuePress \+ Node.js API/m);
+      await testPath(
+        200,
+        '/api/date',
+        new RegExp(new Date().getFullYear() + '')
+      );
+    },
+    { skipDeploy: true }
+  )
+);
+
+test(
+  '[vercel dev] double slashes redirect',
+  testFixtureStdio(
+    '01-node',
+    async (_testPath: any, port: any) => {
+      {
+        const res = await fetch(`http://localhost:${port}////?foo=bar`, {
+          redirect: 'manual',
+        });
+
+        validateResponseHeaders(res);
+
+        const body = await res.text();
+        expect(res.status).toBe(301);
+        expect(res.headers.get('location')).toBe(
+          `http://localhost:${port}/?foo=bar`
+        );
+        expect(body).toBe('Redirecting to /?foo=bar (301)\n');
+      }
+
+      {
+        const res = await fetch(`http://localhost:${port}///api////date.js`, {
+          method: 'POST',
+          redirect: 'manual',
+        });
+
+        validateResponseHeaders(res);
+
+        const body = await res.text();
+        expect(res.status).toBe(200);
+        expect(
+          body.startsWith('January') ||
+            body.startsWith('February') ||
+            body.startsWith('March') ||
+            body.startsWith('April') ||
+            body.startsWith('May') ||
+            body.startsWith('June') ||
+            body.startsWith('July') ||
+            body.startsWith('August') ||
+            body.startsWith('September') ||
+            body.startsWith('October') ||
+            body.startsWith('November') ||
+            body.startsWith('December')
+        ).toBeTruthy();
+      }
+    },
+    { skipDeploy: true }
+  )
+);
+
+test(
+  '[vercel dev] 18-marko',
+  testFixtureStdio(
+    '18-marko',
+    async (testPath: any) => {
+      await testPath(200, '/', /Marko Starter/m);
+    },
+    { skipDeploy: true }
+  )
+);
+
+test(
+  '[vercel dev] 19-mithril',
+  testFixtureStdio(
+    '19-mithril',
+    async (testPath: any) => {
+      await testPath(200, '/', /Mithril on Vercel/m);
+    },
+    { skipDeploy: true }
+  )
+);
+
+test(
+  '[vercel dev] 20-riot',
+  testFixtureStdio(
+    '20-riot',
+    async (testPath: any) => {
+      await testPath(200, '/', /Riot on Vercel/m);
+    },
+    { skipDeploy: true }
+  )
+);
+
+test(
+  '[vercel dev] 21-charge',
+  testFixtureStdio(
+    '21-charge',
+    async (testPath: any) => {
+      await testPath(200, '/', /Welcome to my new Charge site/m);
+    },
+    { skipDeploy: true }
+  )
+);
+
+test(
+  '[vercel dev] 22-brunch',
+  testFixtureStdio(
+    '22-brunch',
+    async (testPath: any) => {
+      await testPath(200, '/', /Bon Appétit./m);
+    },
+    { skipDeploy: true }
+  )
+);
+
+test(
+  '[vercel dev] 23-docusaurus',
+  testFixtureStdio(
+    '23-docusaurus',
+    async (testPath: any) => {
+      await testPath(200, '/', /My Site/m);
+    },
+    { skipDeploy: true }
+  )
+);
+
+test('[vercel dev] 24-ember', async () => {
+  if (shouldSkip('24-ember', '>^6.14.0 || ^8.10.0 || >=9.10.0')) return;
+
+  const tester = testFixtureStdio(
+    '24-ember',
+    async (testPath: any) => {
+      await testPath(200, '/', /HelloWorld/m);
+    },
+    { skipDeploy: true }
+  );
+
+  await tester();
+});

packages/cli/test/dev/integration-4.test.ts

@@ -0,0 +1,427 @@
+import ms from 'ms';
+import fs from 'fs-extra';
+import { isIP } from 'net';
+import { join } from 'path';
+
+const {
+  fetch,
+  sleep,
+  fixture,
+  testFixture,
+  testFixtureStdio,
+  validateResponseHeaders,
+} = require('./utils.js');
+
+test(
+  '[vercel dev] temporary directory listing',
+  testFixtureStdio(
+    'temporary-directory-listing',
+    async (_testPath: any, port: any) => {
+      const directory = fixture('temporary-directory-listing');
+      await fs.unlink(join(directory, 'index.txt')).catch(() => null);
+
+      await sleep(ms('20s'));
+
+      const firstResponse = await fetch(`http://localhost:${port}`);
+      validateResponseHeaders(firstResponse);
+      const body = await firstResponse.text();
+      console.log(body);
+      expect(firstResponse.status).toBe(404);
+
+      await fs.writeFile(join(directory, 'index.txt'), 'hello');
+
+      for (let i = 0; i < 20; i++) {
+        const response = await fetch(`http://localhost:${port}`);
+        validateResponseHeaders(response);
+
+        if (response.status === 200) {
+          const body = await response.text();
+          expect(body).toBe('hello');
+        }
+
+        await sleep(ms('1s'));
+      }
+    },
+    { skipDeploy: true }
+  )
+);
+
+test('[vercel dev] add a `package.json` to trigger `@vercel/static-build`', async () => {
+  const directory = fixture('trigger-static-build');
+
+  await fs.unlink(join(directory, 'package.json')).catch(() => null);
+
+  await fs.unlink(join(directory, 'public', 'index.txt')).catch(() => null);
+
+  await fs.rmdir(join(directory, 'public')).catch(() => null);
+
+  const tester = testFixtureStdio(
+    'trigger-static-build',
+    async (_testPath: any, port: any) => {
+      {
+        const response = await fetch(`http://localhost:${port}`);
+        validateResponseHeaders(response);
+        const body = await response.text();
+        expect(body.trim()).toBe('hello:index.txt');
+      }
+
+      const rnd = Math.random().toString();
+      const pkg = {
+        private: true,
+        scripts: { build: `mkdir -p public && echo ${rnd} > public/index.txt` },
+      };
+
+      await fs.writeFile(join(directory, 'package.json'), JSON.stringify(pkg));
+
+      // Wait until file events have been processed
+      await sleep(ms('2s'));
+
+      {
+        const response = await fetch(`http://localhost:${port}`);
+        validateResponseHeaders(response);
+        const body = await response.text();
+        expect(body.trim()).toBe(rnd);
+      }
+    },
+    { skipDeploy: true }
+  );
+
+  await tester();
+});
+
+test('[vercel dev] no build matches warning', async () => {
+  const directory = fixture('no-build-matches');
+  const { dev } = await testFixture(directory, {
+    stdio: ['ignore', 'pipe', 'pipe'],
+  });
+
+  try {
+    // start `vercel dev` detached in child_process
+    dev.unref();
+
+    dev.stderr.setEncoding('utf8');
+    await new Promise<void>(resolve => {
+      dev.stderr.on('data', (str: string) => {
+        if (str.includes('did not match any source files')) {
+          resolve();
+        }
+      });
+    });
+  } finally {
+    dev.kill('SIGTERM');
+  }
+});
+
+test(
+  '[vercel dev] do not recursivly check the path',
+  testFixtureStdio('handle-filesystem-missing', async (testPath: any) => {
+    await testPath(200, '/', /hello/m);
+    await testPath(404, '/favicon.txt');
+  })
+);
+
+test('[vercel dev] render warning for empty cwd dir', async () => {
+  const directory = fixture('empty');
+  const { dev, port } = await testFixture(directory, {
+    stdio: ['ignore', 'pipe', 'pipe'],
+  });
+
+  try {
+    dev.unref();
+
+    // Monitor `stderr` for the warning
+    dev.stderr.setEncoding('utf8');
+    const msg = 'There are no files inside your deployment.';
+    await new Promise<void>(resolve => {
+      dev.stderr.on('data', (str: string) => {
+        if (str.includes(msg)) {
+          resolve();
+        }
+      });
+    });
+
+    // Issue a request to ensure a 404 response
+    await sleep(ms('3s'));
+    const response = await fetch(`http://localhost:${port}`);
+    validateResponseHeaders(response);
+    expect(response.status).toBe(404);
+  } finally {
+    dev.kill('SIGTERM');
+  }
+});
+
+test('[vercel dev] do not rebuild for changes in the output directory', async () => {
+  const directory = fixture('output-is-source');
+
+  const { dev, port } = await testFixture(directory, {
+    stdio: ['ignore', 'pipe', 'pipe'],
+  });
+
+  try {
+    dev.unref();
+
+    let stderr: any = [];
+    const start = Date.now();
+
+    dev.stderr.on('data', (str: any) => stderr.push(str));
+
+    while (stderr.join('').includes('Ready') === false) {
+      await sleep(ms('3s'));
+
+      if (Date.now() - start > ms('30s')) {
+        console.log('stderr:', stderr.join(''));
+        break;
+      }
+    }
+
+    const resp1 = await fetch(`http://localhost:${port}`);
+    const text1 = await resp1.text();
+    expect(text1.trim()).toBe('hello first');
+
+    await fs.writeFile(join(directory, 'public', 'index.html'), 'hello second');
+
+    await sleep(ms('3s'));
+
+    const resp2 = await fetch(`http://localhost:${port}`);
+    const text2 = await resp2.text();
+    expect(text2.trim()).toBe('hello second');
+  } finally {
+    dev.kill('SIGTERM');
+  }
+});
+
+test(
+  '[vercel dev] 25-nextjs-src-dir',
+  testFixtureStdio('25-nextjs-src-dir', async (testPath: any) => {
+    await testPath(200, '/', /Next.js \+ Node.js API/m);
+  })
+);
+
+test(
+  '[vercel dev] 27-zero-config-env',
+  testFixtureStdio(
+    '27-zero-config-env',
+    async (testPath: any) => {
+      await testPath(200, '/api/print', /build-and-runtime/m);
+      await testPath(200, '/', /build-and-runtime/m);
+    },
+    { skipDeploy: true }
+  )
+);
+
+test(
+  '[vercel dev] 28-vercel-json-and-ignore',
+  testFixtureStdio('28-vercel-json-and-ignore', async (testPath: any) => {
+    await testPath(200, '/api/one', 'One');
+    await testPath(404, '/api/two');
+    await testPath(200, '/api/three', 'One');
+  })
+);
+
+test(
+  '[vercel dev] 30-next-image-optimization',
+  testFixtureStdio('30-next-image-optimization', async (testPath: any) => {
+    const toUrl = (url: any, w: any, q: any) => {
+      // @ts-ignore
+      const query = new URLSearchParams();
+      query.append('url', url);
+      query.append('w', w);
+      query.append('q', q);
+      return `/_next/image?${query}`;
+    };
+
+    const expectHeader = (accept: any) => ({
+      'content-type': accept,
+      'cache-control': 'public, max-age=0, must-revalidate',
+    });
+    const fetchOpts = (accept: any) => ({ method: 'GET', headers: { accept } });
+    await testPath(200, '/', /Home Page/m);
+    await testPath(
+      200,
+      toUrl('/test.jpg', 64, 100),
+      null,
+      expectHeader('image/webp'),
+      fetchOpts('image/webp')
+    );
+    await testPath(
+      200,
+      toUrl('/test.png', 64, 90),
+      null,
+      expectHeader('image/webp'),
+      fetchOpts('image/webp')
+    );
+    /*
+     * Disabled gif in https://github.com/vercel/next.js/pull/22253
+     * Eventually we should enable again when `next dev` supports it
+    await testPath(
+      200,
+      toUrl('/test.gif', 64, 80),
+      null,
+      expectHeader('image/webp'),
+      fetchOpts('image/webp')
+    );
+    */
+    /*
+     * Disabled svg in https://github.com/vercel/next.js/pull/34431
+     * We can test for 400 status since config option is not enabled.
+     */
+    await testPath(400, toUrl('/test.svg', 64, 70));
+    /* Disabled bmp because `next dev` bypasses
+     * and production will convert. Eventually
+     * we can enable once `next dev` supports it.
+    await testPath(
+      200,
+      toUrl('/test.bmp', 64, 50),
+      null,
+      expectHeader('image/bmp'),
+      fetchOpts('image/webp')
+    );
+    */
+    // animated gif should bypass: serve as-is
+    await testPath(
+      200,
+      toUrl('/animated.gif', 64, 60),
+      null,
+      expectHeader('image/gif'),
+      fetchOpts('image/webp')
+    );
+  })
+);
+
+test(
+  '[vercel dev] 40-mixed-modules',
+  testFixtureStdio('40-mixed-modules', async (testPath: any) => {
+    await testPath(200, '/entrypoint.js', 'mixed-modules:js');
+    await testPath(200, '/entrypoint.mjs', 'mixed-modules:mjs');
+    await testPath(200, '/entrypoint.ts', 'mixed-modules:ts');
+    await testPath(
+      200,
+      '/type-module-package-json/auto.js',
+      'mixed-modules:auto'
+    );
+    await testPath(
+      200,
+      '/type-module-package-json/nested/also.js',
+      'mixed-modules:also'
+    );
+  })
+);
+
+test(
+  '[vercel dev] 41-tsconfig-jsx',
+  testFixtureStdio('41-tsconfig-jsx', async (testPath: any) => {
+    await testPath(200, '/', /Solid App/m);
+    await testPath(200, '/api/test', 'working');
+  })
+);
+
+test(
+  '[vercel dev] Use `@vercel/python` with Flask requirements.txt',
+  testFixtureStdio('python-flask', async (testPath: any) => {
+    const name = 'Alice';
+    const year = new Date().getFullYear();
+    await testPath(200, `/api/user?name=${name}`, new RegExp(`Hello ${name}`));
+    await testPath(200, `/api/date`, new RegExp(`Current date is ${year}`));
+    await testPath(200, `/api/date.py`, new RegExp(`Current date is ${year}`));
+    await testPath(200, `/api/headers`, (body: any, res: any) => {
+      // @ts-ignore
+      const { host } = new URL(res.url);
+      expect(body).toBe(host);
+    });
+  })
+);
+
+test(
+  '[vercel dev] Use custom runtime from the "functions" property',
+  testFixtureStdio('custom-runtime', async (testPath: any) => {
+    await testPath(200, `/api/user`, /Hello, from Bash!/m);
+    await testPath(200, `/api/user.sh`, /Hello, from Bash!/m);
+  })
+);
+
+test(
+  '[vercel dev] Should work with nested `tsconfig.json` files',
+  testFixtureStdio('nested-tsconfig', async (testPath: any) => {
+    await testPath(200, `/`, /Nested tsconfig.json test page/);
+    await testPath(200, `/api`, 'Nested `tsconfig.json` API endpoint');
+  })
+);
+
+test(
+  '[vercel dev] Should force `tsc` option "module: commonjs" for `startDevServer()`',
+  testFixtureStdio('force-module-commonjs', async (testPath: any) => {
+    await testPath(200, `/`, /Force &quot;module: commonjs&quot; test page/);
+    await testPath(
+      200,
+      `/api`,
+      'Force "module: commonjs" JavaScript with ES Modules API endpoint'
+    );
+    await testPath(
+      200,
+      `/api/ts`,
+      'Force "module: commonjs" TypeScript API endpoint'
+    );
+  })
+);
+
+test(
+  '[vercel dev] should prioritize index.html over other file named index.*',
+  testFixtureStdio('index-html-priority', async (testPath: any) => {
+    await testPath(200, '/', 'This is index.html');
+    await testPath(200, '/index.css', 'This is index.css');
+  })
+);
+
+test(
+  '[vercel dev] Should support `*.go` API serverless functions',
+  testFixtureStdio('go', async (testPath: any) => {
+    await testPath(200, `/api`, 'This is the index page');
+    await testPath(200, `/api/index`, 'This is the index page');
+    await testPath(200, `/api/index.go`, 'This is the index page');
+    await testPath(200, `/api/another`, 'This is another page');
+    await testPath(200, '/api/another.go', 'This is another page');
+    await testPath(200, `/api/foo`, 'Req Path: /api/foo');
+    await testPath(200, `/api/bar`, 'Req Path: /api/bar');
+  })
+);
+
+test(
+  '[vercel dev] Should set the `ts-node` "target" to match Node.js version',
+  testFixtureStdio('node-ts-node-target', async (testPath: any) => {
+    await testPath(200, `/api/subclass`, '{"ok":true}');
+    await testPath(
+      200,
+      `/api/array`,
+      '{"months":[1,2,3,4,5,6,7,8,9,10,11,12]}'
+    );
+
+    await testPath(200, `/api/dump`, (body: any, res: any, isDev: any) => {
+      // @ts-ignore
+      const { host } = new URL(res.url);
+      const { env, headers } = JSON.parse(body);
+
+      // Test that the API endpoint receives the Vercel proxy request headers
+      expect(headers['x-forwarded-host']).toBe(host);
+      expect(headers['x-vercel-deployment-url']).toBe(host);
+      expect(isIP(headers['x-real-ip'])).toBeTruthy();
+      expect(isIP(headers['x-forwarded-for'])).toBeTruthy();
+      expect(isIP(headers['x-vercel-forwarded-for'])).toBeTruthy();
+
+      // Test that the API endpoint has the Vercel platform env vars defined.
+      expect(env.NOW_REGION).toMatch(/^[a-z]{3}\d$/);
+      if (isDev) {
+        // Only dev is tested because in production these are opt-in.
+        expect(env.VERCEL_URL).toBe(host);
+        expect(env.VERCEL_REGION).toBe('dev1');
+      }
+    });
+  })
+);
+
+test(
+  '[vercel dev] Do not fail if `src` is missing',
+  testFixtureStdio('missing-src-property', async (testPath: any) => {
+    await testPath(200, '/', /hello:index.txt/m);
+    await testPath(404, '/i-do-not-exist');
+  })
+);

packages/cli/test/dev/utils.js

@@ -0,0 +1,495 @@
+const fs = require('fs-extra');
+const { join, resolve } = require('path');
+const _execa = require('execa');
+const fetch = require('node-fetch');
+const retry = require('async-retry');
+const { satisfies } = require('semver');
+const stripAnsi = require('strip-ansi');
+const { getDistTag } = require('../../src/util/get-dist-tag');
+const { version: cliVersion } = require('../../package.json');
+const {
+  fetchCachedToken,
+} = require('../../../../test/lib/deployment/now-deploy');
+
+jest.setTimeout(6 * 60 * 1000);
+
+const sleep = ms => new Promise(resolve => setTimeout(resolve, ms));
+const isCanary = () => getDistTag(cliVersion) === 'canary';
+
+let port = 3000;
+
+const binaryPath = resolve(__dirname, `../../scripts/start.js`);
+const fixture = name => join('test', 'dev', 'fixtures', name);
+const fixtureAbsolute = name => join(__dirname, 'fixtures', name);
+const exampleAbsolute = name =>
+  join(__dirname, '..', '..', '..', '..', 'examples', name);
+
+let processCounter = 0;
+const processList = new Map();
+
+function execa(...args) {
+  const procId = ++processCounter;
+  const child = _execa(...args);
+
+  processList.set(procId, child);
+  child.on('exit', () => processList.delete(procId));
+
+  return child;
+}
+
+function fetchWithRetry(url, opts = {}) {
+  return retry(
+    async () => {
+      const res = await fetch(url, opts);
+
+      if (res.status !== opts.status) {
+        const text = await res.text();
+        throw new Error(
+          `Failed to fetch ${url} with status ${res.status} (expected ${opts.status}):\n\n${text}\n\n`
+        );
+      }
+
+      return res;
+    },
+    {
+      retries: opts.retries || 3,
+      factor: 1,
+    }
+  );
+}
+
+function createResolver() {
+  let resolver;
+  const p = new Promise(res => (resolver = res));
+  p.resolve = resolver;
+  return p;
+}
+
+function formatOutput({ stderr, stdout }) {
+  return `Received:\n"${stderr}"\n"${stdout}"`;
+}
+
+function printOutput(fixture, stdout, stderr) {
+  const lines = (
+    `\nOutput for "${fixture}"\n` +
+    `\n----- stdout -----\n` +
+    stdout +
+    `\n----- stderr -----\n` +
+    stderr
+  ).split('\n');
+
+  const getPrefix = nr => {
+    return nr === 0 ? '╭' : nr === lines.length - 1 ? '╰' : '│';
+  };
+
+  console.log(
+    lines.map((line, index) => ` ${getPrefix(index)} ${line}`).join('\n')
+  );
+}
+
+function shouldSkip(name, versions) {
+  if (!satisfies(process.version, versions)) {
+    console.log(`Skipping "${name}" because it requires "${versions}".`);
+    return true;
+  }
+
+  return false;
+}
+
+function validateResponseHeaders(res) {
+  if (res.status < 500) {
+    expect(res.headers.get('x-vercel-id')).toBeTruthy();
+    expect(res.headers.get('cache-control').length > 0).toBeTruthy;
+  }
+}
+
+async function exec(directory, args = []) {
+  const token = await fetchCachedToken();
+  return execa(
+    binaryPath,
+    [
+      'dev',
+      directory,
+      '-t',
+      token,
+      ...(process.env.VERCEL_TEAM_ID
+        ? ['--scope', process.env.VERCEL_TEAM_ID]
+        : []),
+      ...args,
+    ],
+    {
+      reject: false,
+      shell: true,
+      env: { __VERCEL_SKIP_DEV_CMD: 1 },
+    }
+  );
+}
+
+async function runNpmInstall(fixturePath) {
+  if (await fs.pathExists(join(fixturePath, 'package.json'))) {
+    await execa('yarn', ['install'], {
+      cwd: fixturePath,
+      shell: true,
+    });
+  }
+}
+
+async function testPath(
+  isDev,
+  origin,
+  status,
+  path,
+  expectedText,
+  expectedHeaders = {},
+  fetchOpts = {}
+) {
+  const opts = {
+    ...fetchOpts,
+    redirect: 'manual-dont-change',
+    retries: 5,
+    status,
+  };
+  const url = `${origin}${path}`;
+  const res = await fetchWithRetry(url, opts);
+  const msg = `Testing response from ${fetchOpts.method || 'GET'} ${url}`;
+  console.log(msg);
+  expect(res.status).toBe(status);
+  validateResponseHeaders(res);
+  if (typeof expectedText === 'string') {
+    const actualText = await res.text();
+    expect(actualText.trim()).toBe(expectedText.trim());
+  } else if (typeof expectedText === 'function') {
+    const actualText = await res.text();
+    await expectedText(actualText, res, isDev);
+  } else if (expectedText instanceof RegExp) {
+    const actualText = await res.text();
+    expectedText.lastIndex = 0; // reset since we test twice
+    expect(actualText).toMatch(expectedText);
+  }
+  if (expectedHeaders) {
+    Object.entries(expectedHeaders).forEach(([key, expectedValue]) => {
+      let actualValue = res.headers.get(key);
+      if (key.toLowerCase() === 'location' && actualValue === '//') {
+        // HACK: `node-fetch` has strange behavior for location header so fix it
+        // with `manual-dont-change` opt and convert double slash to single.
+        // See https://github.com/node-fetch/node-fetch/issues/417#issuecomment-587233352
+        actualValue = '/';
+      }
+      expect(actualValue).toBe(expectedValue);
+    });
+  }
+}
+
+async function testFixture(directory, opts = {}, args = []) {
+  await runNpmInstall(directory);
+
+  const token = await fetchCachedToken();
+  const dev = execa(
+    binaryPath,
+    [
+      'dev',
+      directory,
+      '-t',
+      token,
+      ...(process.env.VERCEL_TEAM_ID
+        ? ['--scope', process.env.VERCEL_TEAM_ID]
+        : []),
+      '-l',
+      String(port),
+      ...args,
+    ],
+    {
+      reject: false,
+      detached: true,
+      shell: true,
+      stdio: 'pipe',
+      ...opts,
+      env: { ...opts.env, __VERCEL_SKIP_DEV_CMD: 1 },
+    }
+  );
+
+  let stdout = '';
+  let stderr = '';
+  const readyResolver = createResolver();
+  const exitResolver = createResolver();
+
+  dev.stdout.setEncoding('utf8');
+  dev.stderr.setEncoding('utf8');
+
+  dev.stdout.on('data', data => {
+    stdout += data;
+  });
+  dev.stderr.on('data', data => {
+    stderr += data;
+
+    if (stripAnsi(stderr).includes('Ready! Available at')) {
+      readyResolver.resolve();
+    }
+  });
+
+  let printedOutput = false;
+
+  dev.on('exit', () => {
+    if (!printedOutput) {
+      printOutput(directory, stdout, stderr);
+      printedOutput = true;
+    }
+    exitResolver.resolve();
+    readyResolver.resolve();
+  });
+
+  dev.on('error', () => {
+    if (!printedOutput) {
+      printOutput(directory, stdout, stderr);
+      printedOutput = true;
+    }
+    exitResolver.resolve();
+    readyResolver.resolve();
+  });
+
+  dev._kill = dev.kill;
+  dev.kill = async (...args) => {
+    dev._kill(...args);
+    await exitResolver;
+  };
+
+  return {
+    dev,
+    port,
+    readyResolver,
+  };
+}
+
+function testFixtureStdio(
+  directory,
+  fn,
+  { expectedCode = 0, skipDeploy, isExample, projectSettings } = {}
+) {
+  return async () => {
+    const nodeMajor = Number(process.versions.node.split('.')[0]);
+    if (isExample && nodeMajor < 12) {
+      console.log(`Skipping ${directory} on Node ${process.version}`);
+      return;
+    }
+    const cwd = isExample
+      ? exampleAbsolute(directory)
+      : fixtureAbsolute(directory);
+    const token = await fetchCachedToken();
+    let deploymentUrl;
+
+    // Deploy fixture and link project
+    if (!skipDeploy) {
+      const projectJsonPath = join(cwd, '.vercel', 'project.json');
+      await fs.remove(projectJsonPath);
+      const gitignore = join(cwd, '.gitignore');
+      const hasGitignore = await fs.pathExists(gitignore);
+
+      try {
+        // Run `vc link`
+        const linkResult = await execa(
+          binaryPath,
+          [
+            '-t',
+            token,
+            ...(process.env.VERCEL_TEAM_ID
+              ? ['--scope', process.env.VERCEL_TEAM_ID]
+              : []),
+            'link',
+            '--confirm',
+          ],
+          { cwd, stdio: 'pipe', reject: false }
+        );
+        console.log({
+          stderr: linkResult.stderr,
+          stdout: linkResult.stdout,
+        });
+        expect(linkResult.exitCode).toBe(0);
+
+        // Patch the project with any non-default properties
+        if (projectSettings) {
+          const { projectId } = await fs.readJson(projectJsonPath);
+          const res = await fetchWithRetry(
+            `https://api.vercel.com/v2/projects/${projectId}${
+              process.env.VERCEL_TEAM_ID
+                ? `?teamId=${process.env.VERCEL_TEAM_ID}`
+                : ''
+            }`,
+            {
+              method: 'PATCH',
+              headers: {
+                Authorization: `Bearer ${token}`,
+              },
+              body: JSON.stringify(projectSettings),
+              retries: 3,
+              status: 200,
+            }
+          );
+          expect(res.status).toBe(200);
+        }
+
+        // Run `vc deploy`
+        let deployResult = await execa(
+          binaryPath,
+          [
+            '-t',
+            token,
+            ...(process.env.VERCEL_TEAM_ID
+              ? ['--scope', process.env.VERCEL_TEAM_ID]
+              : []),
+            'deploy',
+            '--public',
+            '--no-clipboard',
+            '--debug',
+          ],
+          { cwd, stdio: 'pipe', reject: false }
+        );
+        console.log({
+          exitCode: deployResult.exitCode,
+          stdout: deployResult.stdout,
+          stderr: deployResult.stderr,
+        });
+        expect(deployResult.exitCode).toBe(expectedCode);
+        if (expectedCode === 0) {
+          deploymentUrl = new URL(deployResult.stdout).host;
+        }
+      } finally {
+        if (!hasGitignore) {
+          await fs.remove(gitignore);
+        }
+      }
+    }
+
+    // Start dev
+    let dev;
+
+    await runNpmInstall(cwd);
+
+    let stdout = '';
+    let stderr = '';
+    const readyResolver = createResolver();
+    const exitResolver = createResolver();
+
+    try {
+      let printedOutput = false;
+
+      const env = skipDeploy
+        ? { ...process.env, __VERCEL_SKIP_DEV_CMD: 1 }
+        : process.env;
+      dev = execa(
+        binaryPath,
+        [
+          'dev',
+          '-l',
+          port,
+          '-t',
+          token,
+          ...(process.env.VERCEL_TEAM_ID
+            ? ['--scope', process.env.VERCEL_TEAM_ID]
+            : []),
+          '--debug',
+        ],
+        {
+          cwd,
+          env,
+        }
+      );
+
+      dev.stdout.setEncoding('utf8');
+      dev.stderr.setEncoding('utf8');
+
+      dev.stdout.pipe(process.stdout);
+      dev.stderr.pipe(process.stderr);
+
+      dev.stdout.on('data', data => {
+        stdout += data;
+      });
+
+      dev.stderr.on('data', data => {
+        stderr += data;
+
+        if (stripAnsi(data).includes('Ready! Available at')) {
+          readyResolver.resolve();
+        }
+
+        if (stderr.includes(`Requested port ${port} is already in use`)) {
+          dev.kill('SIGTERM');
+          throw new Error(
+            `Failed for "${directory}" with port ${port} with stderr "${stderr}".`
+          );
+        }
+
+        if (stderr.includes('Command failed') || stderr.includes('Error!')) {
+          dev.kill('SIGTERM');
+          throw new Error(`Failed for "${directory}" with stderr "${stderr}".`);
+        }
+      });
+
+      dev.on('exit', () => {
+        if (!printedOutput) {
+          printOutput(directory, stdout, stderr);
+          printedOutput = true;
+        }
+        exitResolver.resolve();
+      });
+
+      dev.on('error', () => {
+        if (!printedOutput) {
+          printOutput(directory, stdout, stderr);
+          printedOutput = true;
+        }
+        exitResolver.resolve();
+      });
+
+      await readyResolver;
+
+      const helperTestPath = async (...args) => {
+        if (!skipDeploy) {
+          await testPath(false, `https://${deploymentUrl}`, ...args);
+        }
+        await testPath(true, `http://localhost:${port}`, ...args);
+      };
+      await fn(helperTestPath, port);
+    } finally {
+      dev.kill('SIGTERM');
+      await exitResolver;
+    }
+  };
+}
+
+beforeEach(() => {
+  port = ++port;
+});
+
+afterEach(async () => {
+  await Promise.all(
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    Array.from(processList).map(([_procId, proc]) => {
+      if (proc.killed === false) {
+        console.log(
+          `killing process ${proc.pid} "${proc.spawnargs.join(' ')}"`
+        );
+
+        try {
+          process.kill(proc.pid, 'SIGTERM');
+        } catch (err) {
+          // Was already killed
+          console.error(`Failed to kill process`, proc.pid, err);
+        }
+      }
+    })
+  );
+});
+
+module.exports = {
+  sleep,
+  isCanary,
+  testPath,
+  testFixture,
+  testFixtureStdio,
+  exec,
+  formatOutput,
+  shouldSkip,
+  fixture,
+  fetch,
+  validateResponseHeaders,
+};

packages/cli/test/fixtures/unit/now-dev-next/.gitignore

@@ -1,2 +1,3 @@
 .next
 yarn.lock
+.vercel

packages/cli/test/fixtures/unit/now-dev-next/next.config.js

@@ -1,3 +0,0 @@
-module.exports = {
-  target: 'serverless'
-}

packages/cli/test/fixtures/unit/now-dev-next/package.json

@@ -5,8 +5,8 @@
     "now-build": "next build"
   },
   "dependencies": {
-    "next": "^8.0.0",
-    "react": "^16.7.0",
-    "react-dom": "^16.7.0"
+    "next": "12.1.6",
+    "react": "18.1.0",
+    "react-dom": "18.1.0"
   }
 }

packages/cli/test/fixtures/unit/now-dev-next/pages/index.js

@@ -1,11 +1,11 @@
-import { withRouter } from 'next/router';
-
-function Index({ router }) {
-  const data = {
-    pathname: router.pathname,
-    query: router.query
+export async function getServerSideProps({ req }) {
+  return {
+    props: {
+      url: req.url,
+    },
   };
-  return <div>{ JSON.stringify(data) }</div>;
 }
 
-export default withRouter(Index);
+export default function Index(props) {
+  return <pre>{JSON.stringify(props)}</pre>;
+}

packages/cli/test/fixtures/unit/now-dev-next/vercel.json

@@ -1,11 +1,9 @@
 {
   "version": 2,
-  "name": "now-dev-next",
-  "builds": [{ "src": "package.json", "use": "@vercel/next@canary" }],
   "routes": [
     {
-      "src": "/(.*)",
-      "dest": "/index?route-param=b"
+      "src": "/test",
+      "dest": "/?route-param=b"
     }
   ]
 }

packages/cli/test/integration.js

@@ -3495,6 +3495,24 @@ test('reject deploying with wrong team .vercel config', async t => {
   );
 });
 
+test('reject deploying with invalid token', async t => {
+  const directory = fixture('unauthorized-vercel-config');
+  const { exitCode, stderr, stdout } = await execa(
+    binaryPath,
+    [...defaultArgs, '--confirm'],
+    {
+      cwd: directory,
+      reject: false,
+    }
+  );
+
+  t.is(exitCode, 1, formatOutput({ stderr, stdout }));
+  t.regex(
+    stderr,
+    /Error! Could not retrieve Project Settings\. To link your Project, remove the `\.vercel` directory and deploy again\./g
+  );
+});
+
 test('[vc link] should show prompts to set up project', async t => {
   const dir = fixture('project-link-zeroconf');
   const projectName = `project-link-zeroconf-${

packages/cli/test/mocks/team.ts

@@ -1,7 +1,16 @@
 import chance from 'chance';
 import { client } from './client';
 
-export function useTeams(teamId?: string) {
+export function useTeams(
+  teamId?: string,
+  options: {
+    failMissingToken?: boolean;
+    failNoAccess?: boolean;
+  } = {
+    failMissingToken: false,
+    failNoAccess: false,
+  }
+) {
   const id = teamId || chance().guid();
   const teams = [
     {
@@ -16,6 +25,25 @@ export function useTeams(teamId?: string) {
 
   for (let team of teams) {
     client.scenario.get(`/teams/${team.id}`, (_req, res) => {
+      if (options.failMissingToken) {
+        res.statusCode = 403;
+        res.json({
+          message: 'The request is missing an authentication token',
+          code: 'forbidden',
+          missingToken: true,
+        });
+        return;
+      }
+
+      if (options.failNoAccess) {
+        res.statusCode = 403;
+        res.send({
+          code: 'team_unauthorized',
+          message: 'You are not authorized',
+        });
+        return;
+      }
+
       res.json(team);
     });
   }

packages/cli/test/unit/commands/deploy.test.ts

@@ -1,11 +1,11 @@
 import { join } from 'path';
 import { fileNameSymbol } from '@vercel/client';
-import { client } from '../mocks/client';
-import deploy from '../../src/commands/deploy';
-import { setupFixture } from '../helpers/setup-fixture';
-import { defaultProject, useProject } from '../mocks/project';
-import { useTeams } from '../mocks/team';
-import { useUser } from '../mocks/user';
+import { client } from '../../mocks/client';
+import deploy from '../../../src/commands/deploy';
+import { setupFixture } from '../../helpers/setup-fixture';
+import { defaultProject, useProject } from '../../mocks/project';
+import { useTeams } from '../../mocks/team';
+import { useUser } from '../../mocks/user';
 
 describe('deploy', () => {
   it('should reject deploying a single file', async () => {

packages/cli/test/unit/commands/env.test.ts

@@ -1,11 +1,11 @@
 import fs from 'fs-extra';
 import path from 'path';
-import env from '../../src/commands/env';
-import { setupFixture } from '../helpers/setup-fixture';
-import { client } from '../mocks/client';
-import { defaultProject, useProject } from '../mocks/project';
-import { useTeams } from '../mocks/team';
-import { useUser } from '../mocks/user';
+import env from '../../../src/commands/env';
+import { setupFixture } from '../../helpers/setup-fixture';
+import { client } from '../../mocks/client';
+import { defaultProject, useProject } from '../../mocks/project';
+import { useTeams } from '../../mocks/team';
+import { useUser } from '../../mocks/user';
 
 describe('env', () => {
   describe('pull', () => {

packages/cli/test/unit/commands/inspect.test.ts

@@ -1,7 +1,7 @@
-import { client } from '../mocks/client';
-import { useUser } from '../mocks/user';
-import { useDeployment } from '../mocks/deployment';
-import inspect from '../../src/commands/inspect';
+import { client } from '../../mocks/client';
+import { useUser } from '../../mocks/user';
+import { useDeployment } from '../../mocks/deployment';
+import inspect from '../../../src/commands/inspect';
 
 describe('inspect', () => {
   it('should print out deployment information', async () => {

packages/cli/test/unit/commands/login.test.ts

@@ -1,6 +1,6 @@
-import login from '../../src/commands/login';
-import { client } from '../mocks/client';
-import { useUser } from '../mocks/user';
+import login from '../../../src/commands/login';
+import { client } from '../../mocks/client';
+import { useUser } from '../../mocks/user';
 
 describe('login', () => {
   it('should not allow the `--token` flag', async () => {

packages/cli/test/unit/commands/pull.test.ts

@@ -1,11 +1,11 @@
 import fs from 'fs-extra';
 import path from 'path';
-import pull from '../../src/commands/pull';
-import { setupFixture } from '../helpers/setup-fixture';
-import { client } from '../mocks/client';
-import { defaultProject, useProject } from '../mocks/project';
-import { useTeams } from '../mocks/team';
-import { useUser } from '../mocks/user';
+import pull from '../../../src/commands/pull';
+import { setupFixture } from '../../helpers/setup-fixture';
+import { client } from '../../mocks/client';
+import { defaultProject, useProject } from '../../mocks/project';
+import { useTeams } from '../../mocks/team';
+import { useUser } from '../../mocks/user';
 
 describe('pull', () => {
   it('should handle pulling', async () => {

packages/cli/test/unit/commands/whoami.test.ts

@@ -1,6 +1,6 @@
-import { client } from '../mocks/client';
-import { useUser } from '../mocks/user';
-import whoami from '../../src/commands/whoami';
+import { client } from '../../mocks/client';
+import { useUser } from '../../mocks/user';
+import whoami from '../../../src/commands/whoami';
 
 describe('whoami', () => {
   it('should reject invalid arguments', async () => {

packages/cli/test/unit/util/deploy/parse-target.test.ts

@@ -1,5 +1,5 @@
-import parseTarget from '../../../src/util/deploy/parse-target';
-import { Output } from '../../../src/util/output';
+import parseTarget from '../../../../src/util/deploy/parse-target';
+import { Output } from '../../../../src/util/output';
 
 describe('parseTarget', () => {
   let output: Output;

packages/cli/test/unit/util/dev/builder-cache.test.ts

@@ -3,7 +3,7 @@ import {
   filterPackage,
   getBuildUtils,
   isBundledBuilder,
-} from '../../../src/util/dev/builder-cache';
+} from '../../../../src/util/dev/builder-cache';
 
 describe('filterPackage', () => {
   it('should filter install "latest", cached canary', () => {

packages/cli/test/unit/util/dev/parse-listen.test.ts

@@ -1,4 +1,6 @@
-import parseListen from '../../../src/util/dev/parse-listen';
+import parseListen from '../../../../src/util/dev/parse-listen';
+
+const IS_WINDOWS = process.platform === 'win32';
 
 describe('parseListen', () => {
   it('should parse "0" as port 0', () => {
@@ -34,19 +36,27 @@ describe('parseListen', () => {
     expect(result[1]).toEqual('127.0.0.1');
   });
 
-  if (process.platform !== 'win32') {
-    it('should parse "unix:/home/user/server.sock" as UNIX socket file', () => {
-      const result = parseListen('unix:/home/user/server.sock');
-      expect(result).toHaveLength(1);
-      expect(result[0]).toEqual('/home/user/server.sock');
-    });
+  it('should parse "unix:/home/user/server.sock" as UNIX socket file', () => {
+    if (IS_WINDOWS) {
+      console.log('Skipping this test on Windows.');
+      return;
+    }
 
-    it('should parse "pipe:\\\\.\\pipe\\PipeName" as UNIX pipe', () => {
-      const result = parseListen('pipe:\\\\.\\pipe\\PipeName');
-      expect(result).toHaveLength(1);
-      expect(result[0]).toEqual('\\\\.\\pipe\\PipeName');
-    });
-  }
+    const result = parseListen('unix:/home/user/server.sock');
+    expect(result).toHaveLength(1);
+    expect(result[0]).toEqual('/home/user/server.sock');
+  });
+
+  it('should parse "pipe:\\\\.\\pipe\\PipeName" as UNIX pipe', () => {
+    if (IS_WINDOWS) {
+      console.log('Skipping this test on Windows.');
+      return;
+    }
+
+    const result = parseListen('pipe:\\\\.\\pipe\\PipeName');
+    expect(result).toHaveLength(1);
+    expect(result[0]).toEqual('\\\\.\\pipe\\PipeName');
+  });
 
   it('should fail to parse "bad://url"', () => {
     let err: Error;

packages/cli/test/unit/util/dev/router.test.ts

@@ -1,4 +1,4 @@
-import { devRouter } from '../../../src/util/dev/router';
+import { devRouter } from '../../../../src/util/dev/router';
 
 describe('devRouter', () => {
   it('should handle 301 redirection', async () => {

packages/cli/test/unit/util/dev/server.test.ts

@@ -6,8 +6,11 @@ import fs from 'fs-extra';
 import fetch, { Response } from 'node-fetch';
 import listen from 'async-listen';
 import { createServer } from 'http';
-import { client } from '../../mocks/client';
-import DevServer from '../../../src/util/dev/server';
+import { client } from '../../../mocks/client';
+import DevServer from '../../../../src/util/dev/server';
+import { DevServerOptions } from '../../../../src/util/dev/types';
+
+const IS_WINDOWS = process.platform === 'win32';
 
 async function runNpmInstall(fixturePath: string) {
   if (await fs.pathExists(path.join(fixturePath, 'package.json'))) {
@@ -18,19 +21,34 @@ async function runNpmInstall(fixturePath: string) {
   }
 }
 
+interface TestFixtureOptions extends Omit<DevServerOptions, 'output'> {
+  skip?: boolean;
+}
+
 const testFixture =
-  (name: string, fn: (server: DevServer) => Promise<void>) => async () => {
-    let server: DevServer | null = null;
+  (
+    name: string,
+    fn: (server: DevServer) => Promise<void>,
+    options?: TestFixtureOptions
+  ) =>
+  async () => {
+    if (options?.skip) {
+      console.log('Skipping this test for this platform.');
+      return;
+    }
+
+    let server: DevServer | undefined;
     const fixturePath = path.join(__dirname, '../../fixtures/unit', name);
     await runNpmInstall(fixturePath);
     try {
-      server = new DevServer(fixturePath, { output: client.output });
+      server = new DevServer(fixturePath, {
+        ...options,
+        output: client.output,
+      });
       await server.start(0);
       await fn(server);
     } finally {
-      if (server) {
-        await server.stop();
-      }
+      await server?.stop();
     }
   };
 
@@ -125,29 +143,32 @@ describe('DevServer', () => {
 
   it(
     'should maintain query when builder defines routes',
-    testFixture('now-dev-next', async server => {
-      if (process.platform === 'darwin') {
-        // this test very often fails on Mac OS only due to timeouts
-        console.log('Skipping test on macOS');
-        return;
+    testFixture(
+      'now-dev-next',
+      async server => {
+        const res = await fetch(`${server.address}/test?url-param=a`);
+        validateResponseHeaders(res);
+
+        const text = await res.text();
+
+        // Hacky way of getting the page payload from the response
+        // HTML since we don't have a HTML parser handy.
+        const json = text
+          .match(/<pre>(.*)<\/pre>/)![1]
+          .replace('</pre>', '')
+          .replace('<!-- -->', '')
+          .replace(/&amp;/g, '&')
+          .replace(/&quot;/g, '"');
+        const parsed = JSON.parse(json);
+        const query = url.parse(parsed.url, true).query;
+
+        expect(query['url-param']).toEqual('a');
+        expect(query['route-param']).toEqual('b');
+      },
+      {
+        devCommand: 'next dev --port $PORT',
       }
-
-      const res = await fetch(`${server.address}/something?url-param=a`);
-      validateResponseHeaders(res);
-
-      const text = await res.text();
-
-      // Hacky way of getting the page payload from the response
-      // HTML since we don't have a HTML parser handy.
-      const json = text
-        .match(/<div>(.*)<\/div>/)![1]
-        .replace('</div>', '')
-        .replace(/&quot;/g, '"');
-      const parsed = JSON.parse(json);
-
-      expect(parsed.query['url-param']).toEqual('a');
-      expect(parsed.query['route-param']).toEqual('b');
-    })
+    )
   );
 
   it(
@@ -164,10 +185,9 @@ describe('DevServer', () => {
     'should send `etag` header for static files',
     testFixture('now-dev-headers', async server => {
       const res = await fetch(`${server.address}/foo.txt`);
-      const expected =
-        process.platform === 'win32'
-          ? '9dc423ab77c2e0446cd355256efff2ea1be27cbf'
-          : 'd263af8ab880c0b97eb6c5c125b5d44f9e5addd9';
+      const expected = IS_WINDOWS
+        ? '9dc423ab77c2e0446cd355256efff2ea1be27cbf'
+        : 'd263af8ab880c0b97eb6c5c125b5d44f9e5addd9';
       expect(res.headers.get('etag')).toEqual(`"${expected}"`);
       const body = await res.text();
       expect(body.trim()).toEqual('hi');
@@ -176,36 +196,36 @@ describe('DevServer', () => {
 
   it(
     'should support default builds and routes',
-    testFixture('now-dev-default-builds-and-routes', async server => {
-      if (process.platform === 'darwin') {
-        // this test very often fails on Mac OS only due to timeouts
-        console.log('Skipping test on macOS');
-        return;
+    testFixture(
+      'now-dev-default-builds-and-routes',
+      async server => {
+        let podId: string;
+
+        let res = await fetch(`${server.address}/`);
+        validateResponseHeaders(res);
+        podId = res.headers.get('x-vercel-id')!.match(/:(\w+)-/)![1];
+        let body = await res.text();
+        expect(body.includes('hello, this is the frontend')).toBeTruthy();
+
+        res = await fetch(`${server.address}/api/users`);
+        validateResponseHeaders(res, podId);
+        body = await res.text();
+        expect(body).toEqual('users');
+
+        res = await fetch(`${server.address}/api/users/1`);
+        validateResponseHeaders(res, podId);
+        body = await res.text();
+        expect(body).toEqual('users/1');
+
+        res = await fetch(`${server.address}/api/welcome`);
+        validateResponseHeaders(res, podId);
+        body = await res.text();
+        expect(body).toEqual('hello and welcome');
+      },
+      {
+        devCommand: 'next dev --port $PORT',
       }
-
-      let podId: string;
-
-      let res = await fetch(`${server.address}/`);
-      validateResponseHeaders(res);
-      podId = res.headers.get('x-vercel-id')!.match(/:(\w+)-/)![1];
-      let body = await res.text();
-      expect(body.includes('hello, this is the frontend')).toBeTruthy();
-
-      res = await fetch(`${server.address}/api/users`);
-      validateResponseHeaders(res, podId);
-      body = await res.text();
-      expect(body).toEqual('users');
-
-      res = await fetch(`${server.address}/api/users/1`);
-      validateResponseHeaders(res, podId);
-      body = await res.text();
-      expect(body).toEqual('users/1');
-
-      res = await fetch(`${server.address}/api/welcome`);
-      validateResponseHeaders(res, podId);
-      body = await res.text();
-      expect(body).toEqual('hello and welcome');
-    })
+    )
   );
 
   it(
@@ -218,22 +238,26 @@ describe('DevServer', () => {
     })
   );
 
-  if (process.platform !== 'win32') {
-    // This test is currently failing on Windows, so skip for now:
-    //   > Creating initial build
-    //   $ serve -l $PORT src
-    //   'serve' is not recognized as an internal or external command,
-    // https://github.com/vercel/vercel/pull/6638/checks?check_run_id=3449662836
-    it(
-      'should support `@vercel/static-build` routing',
-      testFixture('now-dev-static-build-routing', async server => {
+  it(
+    'should support `@vercel/static-build` routing',
+    testFixture(
+      'now-dev-static-build-routing',
+      async server => {
         const res = await fetch(`${server.address}/api/date`);
         expect(res.status).toEqual(200);
         const body = await res.text();
         expect(body.startsWith('The current date:')).toBeTruthy();
-      })
-    );
-  }
+      },
+      {
+        // This test is currently failing on Windows, so skip for now:
+        //   > Creating initial build
+        //   $ serve -l $PORT src
+        //   'serve' is not recognized as an internal or external command,
+        // https://github.com/vercel/vercel/pull/6638/checks?check_run_id=3449662836
+        skip: IS_WINDOWS,
+      }
+    )
+  );
 
   it(
     'should support directory listing',

packages/cli/test/unit/util/dev/validate.test.ts

@@ -1,4 +1,4 @@
-import { validateConfig } from '../../../src/util/dev/validate';
+import { validateConfig } from '../../../../src/util/dev/validate';
 
 describe('validateConfig', () => {
   it('should not error with empty config', async () => {

packages/cli/test/unit/util/error.test.ts

@@ -1,8 +1,8 @@
 import fetch from 'node-fetch';
 import listen from 'async-listen';
 import { createServer, IncomingMessage, Server, ServerResponse } from 'http';
-import { JSONValue } from '../../src/types';
-import { responseError, responseErrorMessage } from '../../src/util/error';
+import { JSONValue } from '../../../src/types';
+import { responseError, responseErrorMessage } from '../../../src/util/error';
 
 const send = (res: ServerResponse, statusCode: number, body: JSONValue) => {
   res.statusCode = statusCode;

packages/cli/test/unit/util/get-files.test.ts

@@ -1,11 +1,11 @@
 import { join, sep } from 'path';
 // @ts-ignore - Missing types for "alpha-sort"
 import { asc as alpha } from 'alpha-sort';
-import createOutput from '../../src/util/output';
-import { staticFiles as getStaticFiles_ } from '../../src/util/get-files';
+import createOutput from '../../../src/util/output';
+import { staticFiles as getStaticFiles_ } from '../../../src/util/get-files';
 
 const output = createOutput({ debug: false });
-const prefix = `${join(__dirname, '../fixtures/unit')}${sep}`;
+const prefix = `${join(__dirname, '../../fixtures/unit')}${sep}`;
 const base = (path: string) => path.replace(prefix, '');
 const fixture = (name: string) => join(prefix, name);
 

packages/cli/test/unit/util/get-project-name.test.ts

@@ -1,4 +1,4 @@
-import getProjectName from '../../src/util/get-project-name';
+import getProjectName from '../../../src/util/get-project-name';
 
 describe('getProjectName', () => {
   it('should work with argv', () => {

packages/cli/test/unit/util/get-update-command.test.ts

@@ -1,5 +1,5 @@
-import { isCanary } from '../../src/util/is-canary';
-import getUpdateCommand from '../../src/util/get-update-command';
+import { isCanary } from '../../../src/util/is-canary';
+import getUpdateCommand from '../../../src/util/get-update-command';
 
 describe('getUpdateCommand', () => {
   it('should detect update command', async () => {

packages/cli/test/unit/util/init/did-you-mean.test.ts

@@ -1,4 +1,4 @@
-import didYouMean from '../../../src/util/init/did-you-mean';
+import didYouMean from '../../../../src/util/init/did-you-mean';
 
 describe('didYouMean', () => {
   const examples = [

packages/cli/test/unit/util/is-valid-name.test.ts

@@ -1,4 +1,4 @@
-import { isValidName } from '../../src/util/is-valid-name';
+import { isValidName } from '../../../src/util/is-valid-name';
 
 const tests = {
   'hello world': true,

packages/cli/test/unit/util/projects/get-vercel-directory.test.ts

@@ -1,5 +1,5 @@
 import { basename, join } from 'path';
-import { getVercelDirectory } from '../../../src/util/projects/link';
+import { getVercelDirectory } from '../../../../src/util/projects/link';
 
 const fixture = (name: string) => join(__dirname, '../../fixtures/unit', name);
 

packages/cli/test/unit/util/projects/link.test.ts

@@ -0,0 +1,71 @@
+import { join } from 'path';
+import { getLinkedProject } from '../../../../src/util/projects/link';
+import { client } from '../../../mocks/client';
+
+import { defaultProject, useProject } from '../../../mocks/project';
+import { useTeams } from '../../../mocks/team';
+import { useUser } from '../../../mocks/user';
+
+type UnPromisify<T> = T extends Promise<infer U> ? U : T;
+
+const fixture = (name: string) => join(__dirname, '../../fixtures/unit', name);
+
+describe('getLinkedProject', () => {
+  it('should fail to return a link when token is missing', async () => {
+    const cwd = fixture('vercel-pull-next');
+
+    useUser();
+    useTeams('team_dummy', { failMissingToken: true });
+    useProject({
+      ...defaultProject,
+      id: 'vercel-pull-next',
+      name: 'vercel-pull-next',
+    });
+
+    let link: UnPromisify<ReturnType<typeof getLinkedProject>> | undefined;
+    let error: Error | undefined;
+    try {
+      link = await getLinkedProject(client, cwd);
+    } catch (err) {
+      error = err;
+    }
+
+    expect(link).toBeUndefined();
+
+    if (!error) {
+      throw new Error(`Expected an error to be thrown.`);
+    }
+    expect(error.message).toBe(
+      'The specified token is not valid. Use `vercel login` to generate a new token.'
+    );
+  });
+
+  it('should fail to return a link when no access to team', async () => {
+    const cwd = fixture('vercel-pull-next');
+
+    useUser();
+    useTeams('team_dummy', { failNoAccess: true });
+    useProject({
+      ...defaultProject,
+      id: 'vercel-pull-next',
+      name: 'vercel-pull-next',
+    });
+
+    let link: UnPromisify<ReturnType<typeof getLinkedProject>> | undefined;
+    let error: Error | undefined;
+    try {
+      link = await getLinkedProject(client, cwd);
+    } catch (err) {
+      error = err;
+    }
+
+    expect(link).toBeUndefined();
+
+    if (!error) {
+      throw new Error(`Expected an error to be thrown.`);
+    }
+    expect(error.message).toBe(
+      'Could not retrieve Project Settings. To link your Project, remove the `.vercel` directory and deploy again.'
+    );
+  });
+});

packages/cli/test/unit/util/to-host.test.ts

@@ -1,4 +1,4 @@
-import toHost from '../../src/util/to-host';
+import toHost from '../../../src/util/to-host';
 
 describe('toHost', () => {
   it('should parse simple to host', () => {

packages/client/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vercel/client",
-  "version": "11.0.2",
+  "version": "11.0.3",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
   "homepage": "https://vercel.com",
@@ -15,8 +15,9 @@
   },
   "scripts": {
     "build": "tsc",
-    "test-integration-once": "jest --verbose --runInBand --bail tests/create-deployment.test.ts tests/create-legacy-deployment.test.ts tests/paths.test.ts",
-    "test-unit": "jest --verbose --runInBand --bail tests/unit.*test.*"
+    "test-integration-once": "yarn test tests/create-deployment.test.ts tests/create-legacy-deployment.test.ts tests/paths.test.ts",
+    "test": "jest --env node --verbose --runInBand --bail",
+    "test-unit": "yarn test tests/unit.*test.*"
   },
   "engines": {
     "node": ">= 12"
@@ -41,7 +42,7 @@
     ]
   },
   "dependencies": {
-    "@vercel/build-utils": "3.0.1",
+    "@vercel/build-utils": "3.1.0",
     "@zeit/fetch": "5.2.0",
     "async-retry": "1.2.3",
     "async-sema": "3.0.0",

packages/frameworks/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vercel/frameworks",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "main": "./dist/frameworks.js",
   "types": "./dist/frameworks.d.ts",
   "files": [
@@ -9,7 +9,8 @@
   "license": "UNLICENSED",
   "scripts": {
     "build": "tsc",
-    "test-unit": "jest --env node --verbose --runInBand --bail"
+    "test": "jest --env node --verbose --runInBand --bail",
+    "test-unit": "yarn test"
   },
   "dependencies": {
     "@iarna/toml": "2.2.3",
@@ -20,7 +21,7 @@
     "@types/js-yaml": "3.12.1",
     "@types/node": "12.0.4",
     "@types/node-fetch": "2.5.8",
-    "@vercel/routing-utils": "1.13.2",
+    "@vercel/routing-utils": "1.13.3",
     "ajv": "6.12.2",
     "typescript": "4.3.4"
   }

packages/frameworks/test/frameworks.unit.test.ts

@@ -7,6 +7,9 @@ import fetch from 'node-fetch';
 import { URL, URLSearchParams } from 'url';
 import frameworkList from '../src/frameworks';
 
+// bump timeout for Windows as network can be slower
+jest.setTimeout(15 * 1000);
+
 const SchemaFrameworkDetectionItem = {
   type: 'array',
   items: [

packages/go/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vercel/go",
-  "version": "1.4.2",
+  "version": "1.4.3",
   "license": "MIT",
   "main": "./dist/index",
   "homepage": "https://vercel.com/docs/runtimes#official-runtimes/go",
@@ -11,7 +11,8 @@
   },
   "scripts": {
     "build": "node build",
-    "test-integration-once": "jest --env node --verbose --runInBand --bail",
+    "test": "yarn jest --env node --verbose --runInBand --bail",
+    "test-integration-once": "yarn test",
     "prepublishOnly": "node build"
   },
   "files": [
@@ -24,7 +25,7 @@
     "@types/fs-extra": "^5.0.5",
     "@types/node-fetch": "^2.3.0",
     "@types/tar": "^4.0.0",
-    "@vercel/build-utils": "3.0.1",
+    "@vercel/build-utils": "3.1.0",
     "@vercel/ncc": "0.24.0",
     "async-retry": "1.3.1",
     "execa": "^1.0.0",

packages/go/test/test.js

@@ -21,10 +21,15 @@ beforeAll(async () => {
   console.log('builderUrl', builderUrl);
 });
 
+const skipFixtures = ['08-include-files'];
 const fixturesPath = path.resolve(__dirname, 'fixtures');
 
 // eslint-disable-next-line no-restricted-syntax
 for (const fixture of fs.readdirSync(fixturesPath)) {
+  if (skipFixtures.includes(fixture)) {
+    console.log(`Skipping test fixture ${fixture}`);
+    continue;
+  }
   // eslint-disable-next-line no-loop-func
   it(`should build ${fixture}`, async () => {
     await expect(

packages/next/.gitignore

@@ -0,0 +1,2 @@
+/dist
+test/builder-info.json

packages/next/build.js

@@ -0,0 +1,36 @@
+const execa = require('execa');
+const { remove, rename } = require('fs-extra');
+const buildEdgeFunctionTemplate = require('./scripts/build-edge-function-template');
+
+async function main() {
+  const isDevBuild = process.argv.includes('--dev');
+
+  await remove('dist');
+  await execa('tsc', [], { stdio: 'inherit' });
+  await buildEdgeFunctionTemplate();
+
+  if (!isDevBuild) {
+    await execa(
+      'ncc',
+      [
+        'build',
+        'src/index.ts',
+        '--minify',
+        '-e',
+        'esbuild',
+        '-e',
+        '@vercel/build-utils',
+        '-o',
+        'dist/main',
+      ],
+      { stdio: 'inherit' }
+    );
+    await rename('dist/main/index.js', 'dist/index.js');
+    await remove('dist/main');
+  }
+}
+
+main().catch(err => {
+  console.error(err);
+  process.exit(1);
+});

packages/next/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "@vercel/next",
+  "version": "2.8.66",
+  "license": "MIT",
+  "main": "./dist/index",
+  "homepage": "https://vercel.com/docs/runtimes#official-runtimes/next-js",
+  "scripts": {
+    "build": "node build.js",
+    "build-dev": "node build.js --dev",
+    "test": "jest --env node --verbose --bail --runInBand",
+    "test-unit": "yarn test test/build.test.ts  test/unit/",
+    "test-next-local": "jest --env node --verbose --bail --forceExit --testTimeout=360000 test/integration/*.test.js test/integration/*.test.ts",
+    "test-next-local:middleware": "jest --env node --verbose --bail --useStderr --testTimeout=360000 test/integration/middleware.test.ts",
+    "test-integration-once": "rm test/builder-info.json; jest --env node --verbose --runInBand --bail test/fixtures/**/*.test.js",
+    "prepublishOnly": "yarn build"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vercel/vercel.git",
+    "directory": "packages/next"
+  },
+  "files": [
+    "dist"
+  ],
+  "jest": {
+    "preset": "ts-jest/presets/default",
+    "testEnvironment": "node",
+    "globals": {
+      "ts-jest": {
+        "diagnostics": true,
+        "isolatedModules": true
+      }
+    }
+  },
+  "devDependencies": {
+    "@types/aws-lambda": "8.10.19",
+    "@types/buffer-crc32": "0.2.0",
+    "@types/convert-source-map": "1.5.2",
+    "@types/find-up": "4.0.0",
+    "@types/fs-extra": "8.0.0",
+    "@types/glob": "7.1.3",
+    "@types/next-server": "8.0.0",
+    "@types/node": "14.17.27",
+    "@types/resolve-from": "5.0.1",
+    "@types/semver": "6.0.0",
+    "@types/text-table": "0.2.1",
+    "@types/webpack-sources": "3.2.0",
+    "@vercel/build-utils": "3.1.0",
+    "@vercel/nft": "0.19.0",
+    "@vercel/routing-utils": "1.13.3",
+    "async-sema": "3.0.1",
+    "buffer-crc32": "0.2.13",
+    "cheerio": "1.0.0-rc.10",
+    "convert-source-map": "1.8.0",
+    "esbuild": "0.12.22",
+    "escape-string-regexp": "2.0.0",
+    "execa": "2.0.4",
+    "find-up": "4.1.0",
+    "fs-extra": "7.0.0",
+    "get-port": "5.0.0",
+    "nanoid": "3.3.4",
+    "ndjson": "2.0.0",
+    "pretty-bytes": "5.6.0",
+    "resolve-from": "5.0.0",
+    "semver": "6.1.1",
+    "set-cookie-parser": "2.4.6",
+    "source-map": "0.7.3",
+    "test-listen": "1.1.0",
+    "text-table": "0.2.0",
+    "typescript": "4.5.2",
+    "webpack-sources": "3.2.3"
+  }
+}

packages/next/scripts/build-edge-function-template.js

@@ -0,0 +1,46 @@
+const { build } = require('esbuild');
+const assert = require('assert');
+const { outputFile } = require('fs-extra');
+
+/**
+ * @param {Pick<import('esbuild').BuildOptions, 'outfile' | 'format' | 'entryPoints' | 'write'>} options
+ */
+async function buildTemplate(options) {
+  return build({
+    bundle: true,
+    entryPoints: options.entryPoints,
+    format: options.format,
+    legalComments: 'none',
+    minify: process.env.NODE_ENV !== 'test',
+    outfile: options.outfile,
+    // Cloudflare Workers uses the V8 JavaScript engine from Google Chrome.
+    // The Workers runtime is updated at least once a week, to at least the version
+    // that is currently used by Chrome's stable release.
+    // To see the latest stable chrome version: https://www.chromestatus.com/features/schedule
+    target: 'esnext',
+    write: options.write,
+  });
+}
+
+async function buildNextjsWrapper() {
+  const { outputFiles } = await buildTemplate({
+    entryPoints: ['./src/edge-function-source/get-edge-function'],
+    outfile: 'dist/___get-nextjs-edge-function.js',
+    format: 'cjs', // https://esbuild.github.io/api/#format
+    write: false,
+  });
+
+  assert(outputFiles);
+  const [src] = outputFiles;
+
+  return outputFile(src.path, `module.exports = ${JSON.stringify(src.text)}`);
+}
+
+module.exports = buildNextjsWrapper;
+
+if (!module.parent) {
+  buildNextjsWrapper().catch(err => {
+    console.error(err);
+    process.exit(1);
+  });
+}

packages/next/src/create-serverless-config.ts

@@ -0,0 +1,95 @@
+import fs from 'fs-extra';
+import path from 'path';
+import semver from 'semver';
+
+import { ExperimentalTraceVersion } from './utils';
+
+function getCustomData(importName: string, target: string) {
+  return `
+// @ts-nocheck
+module.exports = function(...args) {
+  let original = require('./${importName}');
+
+  const finalConfig = {};
+  const target = { target: '${target}' };
+
+  if (typeof original === 'function' && original.constructor.name === 'AsyncFunction') {
+    // AsyncFunctions will become promises
+    original = original(...args);
+  }
+
+  if (original instanceof Promise) {
+    // Special case for promises, as it's currently not supported
+    // and will just error later on
+    return original
+      .then((orignalConfig) => Object.assign(finalConfig, orignalConfig))
+      .then((config) => Object.assign(config, target));
+  } else if (typeof original === 'function') {
+    Object.assign(finalConfig, original(...args));
+  } else if (typeof original === 'object') {
+    Object.assign(finalConfig, original);
+  }
+
+  Object.assign(finalConfig, target);
+
+  return finalConfig;
+}
+  `.trim();
+}
+
+function getDefaultData(target: string) {
+  return `
+// @ts-nocheck
+module.exports = { target: '${target}' };
+  `.trim();
+}
+
+export default async function createServerlessConfig(
+  workPath: string,
+  entryPath: string,
+  nextVersion: string | undefined
+) {
+  let target = 'serverless';
+
+  if (nextVersion) {
+    try {
+      if (semver.gte(nextVersion, ExperimentalTraceVersion)) {
+        target = 'experimental-serverless-trace';
+      }
+    } catch (
+      _ignored
+      // eslint-disable-next-line
+    ) {}
+  }
+  const primaryConfigPath = path.join(entryPath, 'next.config.js');
+  const secondaryConfigPath = path.join(workPath, 'next.config.js');
+  const backupConfigName = `next.config.__vercel_builder_backup__.js`;
+
+  const hasPrimaryConfig = fs.existsSync(primaryConfigPath);
+  const hasSecondaryConfig = fs.existsSync(secondaryConfigPath);
+
+  let configPath: string;
+  let backupConfigPath: string;
+
+  if (hasPrimaryConfig) {
+    // Prefer primary path
+    configPath = primaryConfigPath;
+    backupConfigPath = path.join(entryPath, backupConfigName);
+  } else if (hasSecondaryConfig) {
+    // Work with secondary path (some monorepo setups)
+    configPath = secondaryConfigPath;
+    backupConfigPath = path.join(workPath, backupConfigName);
+  } else {
+    // Default to primary path for creation
+    configPath = primaryConfigPath;
+    backupConfigPath = path.join(entryPath, backupConfigName);
+  }
+
+  if (fs.existsSync(configPath)) {
+    await fs.rename(configPath, backupConfigPath);
+    await fs.writeFile(configPath, getCustomData(backupConfigName, target));
+  } else {
+    await fs.writeFile(configPath, getDefaultData(target));
+  }
+  return target;
+}

packages/next/src/edge-function-source/constants.ts

@@ -0,0 +1,24 @@
+const KIB = 1024;
+const MIB = 1024 * KIB;
+
+/**
+ * The limit after compression. it has to be kibibyte instead of kilobyte
+ * See https://github.com/cloudflare/wrangler/blob/8907b12add3d70ee21ac597b69cd66f6807571f4/src/wranglerjs/output.rs#L44
+ */
+const EDGE_FUNCTION_SCRIPT_SIZE_LIMIT = MIB;
+
+/**
+ * This safety buffer must cover the size of our whole runtime layer compressed
+ * plus some extra space to allow it to grow in the future. At the time of
+ * writing this comment the compressed size size is ~7KiB so 20KiB should
+ * be more than enough.
+ */
+const EDGE_FUNCTION_SCRIPT_SIZE_BUFFER = 20 * KIB;
+
+/**
+ * The max size we allow for compressed user code is the compressed script
+ * limit minus the compressed safety buffer. We must check this limit after
+ * compressing the user code.
+ */
+export const EDGE_FUNCTION_USER_SCRIPT_SIZE_LIMIT =
+  EDGE_FUNCTION_SCRIPT_SIZE_LIMIT - EDGE_FUNCTION_SCRIPT_SIZE_BUFFER;

packages/next/src/edge-function-source/get-edge-function-source.ts

@@ -0,0 +1,84 @@
+import type { NextjsParams } from './get-edge-function';
+import { readFile } from 'fs-extra';
+import { ConcatSource, Source } from 'webpack-sources';
+import { fileToSource, raw, sourcemapped } from '../sourcemapped';
+import { join } from 'path';
+import { EDGE_FUNCTION_USER_SCRIPT_SIZE_LIMIT } from './constants';
+import zlib from 'zlib';
+import { promisify } from 'util';
+import bytes from 'pretty-bytes';
+
+// @ts-expect-error this is a prebuilt file, based on `../../scripts/build-edge-function-template.js`
+import template from '../../dist/___get-nextjs-edge-function.js';
+
+const gzip = promisify<zlib.InputType, Buffer>(zlib.gzip);
+
+/**
+ * Allows to get the source code for a Next.js Edge Function where the output
+ * is defined by a set of filePaths that compose all chunks. Those will write
+ * to a global namespace _ENTRIES. The Next.js parameters will allow to adapt
+ * the function into the core Edge Function signature.
+ *
+ * @param filePaths Array of relative file paths for the function chunks.
+ * @param params Next.js parameters to adapt it to core edge functions.
+ * @param outputDir The output directory the files in `filePaths` stored in.
+ * @returns The source code of the edge function.
+ */
+export async function getNextjsEdgeFunctionSource(
+  filePaths: string[],
+  params: NextjsParams,
+  outputDir: string,
+  wasm?: { filePath: string; name: string }[]
+): Promise<Source> {
+  const chunks = new ConcatSource(raw(`let _ENTRIES = {};`));
+  for (const filePath of filePaths) {
+    const fullFilePath = join(outputDir, filePath);
+    const content = await readFile(fullFilePath, 'utf8');
+    chunks.add(raw(`\n/**/;`));
+    chunks.add(await fileToSource(content, filePath, fullFilePath));
+  }
+
+  const text = chunks.source();
+
+  /**
+   * We validate at this point because we want to verify against user code.
+   * It should not count the Worker wrapper nor the Next.js wrapper.
+   */
+  await validateScript(text);
+
+  // Wrap to fake module.exports
+  const getPageMatchCode = `(function () {
+    const module = { exports: {}, loaded: false };
+    const fn = (function(module,exports) {${template}\n});
+    fn(module, module.exports);
+    return module.exports;
+  })`;
+
+  return sourcemapped`
+  ${raw(getWasmImportStatements(wasm))}
+  ${chunks};
+  export default ${raw(getPageMatchCode)}.call({}).default(
+    ${raw(JSON.stringify(params))}
+  )`;
+}
+
+function getWasmImportStatements(wasm: { name: string }[] = []) {
+  return wasm
+    .filter(({ name }) => name.startsWith('wasm_'))
+    .map(({ name }) => {
+      const pathname = `/wasm/${name}.wasm`;
+      return `const ${name} = require(${JSON.stringify(pathname)});`;
+    })
+    .join('\n');
+}
+
+async function validateScript(content: string) {
+  const gzipped = await gzip(content);
+  if (gzipped.length > EDGE_FUNCTION_USER_SCRIPT_SIZE_LIMIT) {
+    throw new Error(
+      `Exceeds maximum edge function script size: ${bytes(
+        gzipped.length
+      )} / ${bytes(EDGE_FUNCTION_USER_SCRIPT_SIZE_LIMIT)}`
+    );
+  }
+}

packages/next/src/edge-function-source/get-edge-function.ts

@@ -0,0 +1,242 @@
+/// <reference lib="DOM" />
+
+import { toPlainHeaders } from './to-plain-headers';
+
+export interface NextjsParams {
+  /**
+   * The name of the function exposed in _ENTRIES that will be wrapped.
+   */
+  name: string;
+  /**
+   * An array with all static pages that the Next.js application contains.
+   * This is required to estimate if a pathname will match a page.
+   */
+  staticRoutes: { page: string; namedRegex?: string }[];
+  /**
+   * An array with dynamic page names and their matching regular expression.
+   * This is required to estimate if a request will match a dynamic page.
+   */
+  dynamicRoutes?: { page: string; namedRegex?: string }[];
+  /**
+   * The Next.js minimal configuration that the Middleware Edge Function
+   * requires to parse the URL. This must include the locale config and
+   * the basePath.
+   */
+  nextConfig: NextConfig | null;
+}
+
+type EdgeFunction = (
+  request: Request,
+  context: { waitUntil(promise: Promise<unknown>): void }
+) => Promise<Response>;
+
+/**
+ * A template to adapt the Next.js Edge Function signature into the core Edge
+ * Function signature. This will automatically inject parameters that are
+ * missing in default Edge Functions from the provided configuration
+ * parameters. Static and Dynamic RegExp are calculated in the module scope
+ * to avoid recomputing them for each function invocation.
+ */
+export default function getNextjsEdgeFunction(
+  params: NextjsParams
+): EdgeFunction {
+  const staticRoutes = params.staticRoutes.map(route => ({
+    regexp: new RegExp(route.namedRegex!),
+    page: route.page,
+  }));
+
+  const dynamicRoutes =
+    params.dynamicRoutes?.map(route => ({
+      regexp: new RegExp(route.namedRegex!),
+      page: route.page,
+    })) || [];
+
+  return async function edgeFunction(request, context) {
+    let pathname = new URL(request.url).pathname;
+    let pageMatch: PageMatch = {};
+
+    // Remove the basePath from the URL
+    if (params.nextConfig?.basePath) {
+      if (pathname.startsWith(params.nextConfig.basePath)) {
+        pathname = pathname.replace(params.nextConfig.basePath, '') || '/';
+      }
+    }
+
+    // Remove the locale from the URL
+    if (params.nextConfig?.i18n) {
+      for (const locale of params.nextConfig.i18n.locales) {
+        const regexp = new RegExp(`^/${locale}($|/)`, 'i');
+        if (pathname.match(regexp)) {
+          pathname = pathname.replace(regexp, '/') || '/';
+          break;
+        }
+      }
+    }
+
+    // Find the page match that will happen if there are no assets matching
+    for (const route of staticRoutes) {
+      const result = route.regexp.exec(pathname);
+      if (result) {
+        pageMatch.name = route.page;
+        break;
+      }
+    }
+
+    if (!pageMatch.name) {
+      const isApi = isApiRoute(pathname);
+      for (const route of dynamicRoutes || []) {
+        /**
+         * Dynamic API routes should not be checked against dynamic non API
+         * routes so we skip it in such case. For example, a request to
+         * /api/test should not match /pages/[slug].test having:
+         *   - pages/api/foo.js
+         *   - pages/[slug]/test.js
+         */
+        if (isApi && !isApiRoute(route.page)) {
+          continue;
+        }
+
+        const result = route.regexp.exec(pathname);
+        if (result) {
+          pageMatch = {
+            name: route.page,
+            params: result.groups,
+          };
+          break;
+        }
+      }
+    }
+
+    // Invoke the function injecting missing parameters
+    const result = await _ENTRIES[`middleware_${params.name}`].default.call(
+      {},
+      {
+        request: {
+          url: request.url,
+          method: request.method,
+          headers: toPlainHeaders(request.headers),
+          ip: header(request.headers, IncomingHeaders.Ip),
+          geo: {
+            city: header(request.headers, IncomingHeaders.City, true),
+            country: header(request.headers, IncomingHeaders.Country, true),
+            latitude: header(request.headers, IncomingHeaders.Latitude),
+            longitude: header(request.headers, IncomingHeaders.Longitude),
+            region: header(request.headers, IncomingHeaders.Region, true),
+          },
+          nextConfig: params.nextConfig,
+          page: pageMatch,
+          body: request.body,
+        },
+      }
+    );
+
+    context.waitUntil(result.waitUntil);
+
+    return result.response;
+  };
+}
+
+/**
+ * Allows to get a header value by name but falling back to `undefined` when
+ * the value does not exist. Optionally, we can make this function decode
+ * what it reads for certain cases.
+ *
+ * @param headers The Headers object.
+ * @param name The name of the header to extract.
+ * @param decode Tells if we should decode the value.
+ * @returns The header value or undefined.
+ */
+function header(headers: Headers, name: string, decode = false) {
+  const value = headers.get(name) || undefined;
+  return decode && value ? decodeURIComponent(value) : value;
+}
+
+/**
+ * Next.js current output will write in the global variable _ENTRIES all of
+ * the middleware that exist in the application. This global describes its
+ * signature which we should adapt into the core Edge Function.
+ */
+declare let _ENTRIES: {
+  [key: string]: {
+    default: (params: {
+      request: {
+        url: string;
+        method: string;
+        headers: {
+          [header: string]: string | string[] | undefined;
+        };
+        ip?: string;
+        geo?: {
+          city?: string;
+          country?: string;
+          region?: string;
+          latitude?: string;
+          longitude?: string;
+        };
+        nextConfig?: NextConfig | null;
+        page?: PageMatch;
+        body: ReadableStream<Uint8Array> | null;
+      };
+    }) => Promise<{ response: Response; waitUntil: Promise<any> }>;
+  };
+};
+
+/**
+ * A partial Next.js configuration object that contains the required info
+ * to parse the URL and figure out the pathname.
+ */
+interface NextConfig {
+  basePath?: string;
+  i18n?: {
+    defaultLocale: string;
+    domains?: {
+      defaultLocale: string;
+      domain: string;
+      http?: boolean;
+      locales?: string[];
+    }[];
+    localeDetection?: boolean;
+    locales: string[];
+  };
+}
+
+/**
+ * Information about the page and parameters that the Middleware Edge
+ * Function will match in case it doesn't intercept the request.
+ * TODO We must consider if this should be removed as it is misleading.
+ */
+interface PageMatch {
+  name?: string;
+  params?: { [key: string]: string };
+}
+
+function isApiRoute(path: string) {
+  return path === '/api' || path.startsWith('/api/');
+}
+
+enum IncomingHeaders {
+  /**
+   * City of the original client IP calculated by Vercel Proxy.
+   */
+  City = 'x-vercel-ip-city',
+  /**
+   * Country of the original client IP calculated by Vercel Proxy.
+   */
+  Country = 'x-vercel-ip-country',
+  /**
+   * Ip from Vercel Proxy. Do not confuse it with the client Ip.
+   */
+  Ip = 'x-real-ip',
+  /**
+   * Latitude of the original client IP calculated by Vercel Proxy.
+   */
+  Latitude = 'x-vercel-ip-latitude',
+  /**
+   * Longitude of the original client IP calculated by Vercel Proxy.
+   */
+  Longitude = 'x-vercel-ip-longitude',
+  /**
+   * Region of the original client IP calculated by Vercel Proxy.
+   */
+  Region = 'x-vercel-ip-country-region',
+}

packages/next/src/edge-function-source/to-plain-headers.ts

@@ -0,0 +1,94 @@
+interface PlainHeaders {
+  [header: string]: string | string[] | undefined;
+}
+
+/**
+ * Transforms a standard Headers object into a plean Headers object. This is
+ * done to support a plain format for headers which is used in the Edge
+ * Function signature.
+ *
+ * @param headers Headers from the original request.
+ * @returns The same headers formatted as Node Headers.
+ */
+export function toPlainHeaders(headers?: Headers): PlainHeaders {
+  const result: PlainHeaders = {};
+  if (!headers) return result;
+  headers.forEach((value, key) => {
+    result[key] = value;
+    if (key.toLowerCase() === 'set-cookie') {
+      result[key] = splitCookiesString(value);
+    }
+  });
+  return result;
+}
+
+/**
+ * Set-Cookie header field-values are sometimes comma joined in one string.
+ * This splits them without choking on commas that are within a single
+ * set-cookie field-value, such as in the Expires portion. This is uncommon,
+ * but explicitly allowed (https://tools.ietf.org/html/rfc2616#section-4.2)
+ */
+export function splitCookiesString(cookiesString: string) {
+  const cookiesStrings: string[] = [];
+
+  let pos = 0;
+  let start: number;
+  let ch: string;
+  let lastComma: number;
+  let nextStart: number;
+  let cookiesSeparatorFound: boolean;
+
+  function skipWhitespace() {
+    while (pos < cookiesString.length && /\s/.test(cookiesString.charAt(pos)))
+      pos += 1;
+    return pos < cookiesString.length;
+  }
+
+  function notSpecialChar() {
+    ch = cookiesString.charAt(pos);
+    return ch !== '=' && ch !== ';' && ch !== ',';
+  }
+
+  while (pos < cookiesString.length) {
+    start = pos;
+    cookiesSeparatorFound = false;
+
+    while (skipWhitespace()) {
+      ch = cookiesString.charAt(pos);
+      if (ch === ',') {
+        // ',' is a cookie separator if we have later first '=', not ';' or ','
+        lastComma = pos;
+        pos += 1;
+
+        skipWhitespace();
+        nextStart = pos;
+
+        while (pos < cookiesString.length && notSpecialChar()) {
+          pos += 1;
+        }
+
+        // currently special character
+        if (pos < cookiesString.length && cookiesString.charAt(pos) === '=') {
+          // we found cookies separator
+          cookiesSeparatorFound = true;
+          // pos is inside the next cookie, so back up and return it.
+          pos = nextStart;
+          cookiesStrings.push(cookiesString.substring(start, lastComma));
+          start = pos;
+        } else {
+          // in param ',' or param separator ';',
+          // we continue from that comma
+          pos = lastComma + 1;
+        }
+      } else {
+        pos += 1;
+      }
+    }
+
+    if (!cookiesSeparatorFound || pos >= cookiesString.length) {
+      cookiesStrings.push(cookiesString.substring(start, cookiesString.length));
+    }
+  }
+
+  return cookiesStrings;
+}

packages/next/src/legacy-launcher.ts

@@ -0,0 +1,15 @@
+import { IncomingMessage, ServerResponse } from 'http';
+import next from 'next-server';
+import url from 'url';
+
+if (!process.env.NODE_ENV) {
+  const region = process.env.VERCEL_REGION || process.env.NOW_REGION;
+  process.env.NODE_ENV = region === 'dev1' ? 'development' : 'production';
+}
+
+const app = next({});
+
+module.exports = (req: IncomingMessage, res: ServerResponse) => {
+  const parsedUrl = url.parse(req.url || '', true);
+  app.render(req, res, 'PATHNAME_PLACEHOLDER', parsedUrl.query, parsedUrl);
+};

packages/next/src/legacy-versions.ts

@@ -0,0 +1,336 @@
+export default [
+  '0.1.0',
+  '0.1.1',
+  '0.2.0',
+  '0.2.1',
+  '0.2.2',
+  '0.2.3',
+  '0.2.4',
+  '0.2.5',
+  '0.2.6',
+  '0.2.7',
+  '0.2.8',
+  '0.2.9',
+  '0.2.10',
+  '0.2.11',
+  '0.2.12',
+  '0.2.13',
+  '0.2.14',
+  '0.3.0',
+  '0.3.1',
+  '0.3.2',
+  '0.3.3',
+  '0.4.0',
+  '0.4.1',
+  '0.9.9',
+  '0.9.10',
+  '0.9.11',
+  '1.0.0',
+  '1.0.1',
+  '1.0.2',
+  '1.1.0',
+  '1.1.1',
+  '1.1.2',
+  '1.2.0',
+  '1.2.1',
+  '1.2.2',
+  '1.2.3',
+  '2.0.0-beta.0',
+  '2.0.0-beta.1',
+  '2.0.0-beta.2',
+  '2.0.0-beta.3',
+  '2.0.0-beta.4',
+  '2.0.0-beta.5',
+  '2.0.0-beta.6',
+  '2.0.0-beta.7',
+  '2.0.0-beta.8',
+  '2.0.0-beta.9',
+  '2.0.0-beta.10',
+  '2.0.0-beta.11',
+  '2.0.0-beta.12',
+  '2.0.0-beta.13',
+  '2.0.0-beta.14',
+  '2.0.0-beta.15',
+  '2.0.0-beta.16',
+  '2.0.0-beta.17',
+  '2.0.0-beta.18',
+  '2.0.0-beta.19',
+  '2.0.0-beta.20',
+  '2.0.0-beta.21',
+  '2.0.0-beta.22',
+  '2.0.0-beta.23',
+  '2.0.0-beta.24',
+  '2.0.0-beta.25',
+  '2.0.0-beta.26',
+  '2.0.0-beta.27',
+  '2.0.0-beta.28',
+  '2.0.0-beta.29',
+  '2.0.0-beta.30',
+  '2.0.0-beta.31',
+  '2.0.0-beta.32',
+  '2.0.0-beta.33',
+  '2.0.0-beta.34',
+  '2.0.0-beta.35',
+  '2.0.0-beta.36',
+  '2.0.0-beta.37',
+  '2.0.0-beta.38',
+  '2.0.0-beta.39',
+  '2.0.0-beta.40',
+  '2.0.0-beta.41',
+  '2.0.0-beta.42',
+  '2.0.0',
+  '2.0.1',
+  '2.1.0',
+  '2.1.1',
+  '2.2.0',
+  '2.3.0-alpha1',
+  '2.3.0',
+  '2.3.1',
+  '2.4.0',
+  '2.4.1',
+  '2.4.2',
+  '2.4.3',
+  '2.4.4',
+  '2.4.5',
+  '2.4.6',
+  '2.4.7',
+  '2.4.8',
+  '2.4.9',
+  '3.0.0-beta1',
+  '3.0.0-beta10',
+  '3.0.0-beta11',
+  '3.0.0-beta12',
+  '3.0.0-beta13',
+  '3.0.0-beta14',
+  '3.0.0-beta15',
+  '3.0.0-beta16',
+  '3.0.0-beta2',
+  '3.0.0-beta3',
+  '3.0.0-beta4',
+  '3.0.0-beta5',
+  '3.0.0-beta6',
+  '3.0.0-beta7',
+  '3.0.0-beta8',
+  '3.0.0-beta9',
+  '3.0.1-beta.1',
+  '3.0.1-beta.2',
+  '3.0.1-beta.3',
+  '3.0.1-beta.4',
+  '3.0.1-beta.5',
+  '3.0.1-beta.6',
+  '3.0.1-beta.7',
+  '3.0.1-beta.8',
+  '3.0.1-beta.9',
+  '3.0.1-beta.10',
+  '3.0.1-beta.11',
+  '3.0.1-beta.12',
+  '3.0.1-beta.13',
+  '3.0.1-beta.14',
+  '3.0.1-beta.15',
+  '3.0.1-beta.16',
+  '3.0.1-beta.17',
+  '3.0.1-beta.18',
+  '3.0.1-beta.19',
+  '3.0.1-beta.20',
+  '3.0.1-beta.21',
+  '3.0.1',
+  '3.0.2',
+  '3.0.3',
+  '3.0.4',
+  '3.0.5',
+  '3.0.6',
+  '3.1.0',
+  '3.2.0',
+  '3.2.1',
+  '3.2.2',
+  '3.2.3',
+  '4.0.0-beta.1',
+  '4.0.0-beta.2',
+  '4.0.0-beta.3',
+  '4.0.0-beta.4',
+  '4.0.0-beta.5',
+  '4.0.0-beta.6',
+  '4.0.0',
+  '4.0.1',
+  '4.0.2',
+  '4.0.3',
+  '4.0.4',
+  '4.0.5',
+  '4.1.0',
+  '4.1.1',
+  '4.1.2',
+  '4.1.3',
+  '4.1.4-canary.1',
+  '4.1.4-canary.2',
+  '4.1.4',
+  '4.2.0-canary.1',
+  '4.2.0-zones.2',
+  '4.2.0',
+  '4.2.1',
+  '4.2.2',
+  '4.2.3',
+  '4.3.0-canary.1',
+  '4.3.0-universal-alpha.1',
+  '4.3.0-universal-alpha.2',
+  '4.3.0-universal-alpha.3',
+  '4.3.0-universal-alpha.4',
+  '4.3.0-zones.1',
+  '4.4.0-canary.2',
+  '4.4.0-canary.3',
+  '5.0.0-universal-alpha.1',
+  '5.0.0-universal-alpha.2',
+  '5.0.0-universal-alpha.3',
+  '5.0.0-universal-alpha.4',
+  '5.0.0-universal-alpha.5',
+  '5.0.0-universal-alpha.6',
+  '5.0.0-universal-alpha.7',
+  '5.0.0-universal-alpha.8',
+  '5.0.0-universal-alpha.9',
+  '5.0.0-universal-alpha.10',
+  '5.0.0-universal-alpha.11',
+  '5.0.0-universal-alpha.12',
+  '5.0.0-universal-alpha.13',
+  '5.0.0-universal-alpha.14',
+  '5.0.0-universal-alpha.15',
+  '5.0.0-universal-alpha.16',
+  '5.0.0-universal-alpha.17',
+  '5.0.0-universal-alpha.18',
+  '5.0.0-universal-alpha.19',
+  '5.0.0-universal-alpha.20',
+  '5.0.0-universal-alpha.21',
+  '5.0.0-universal-alpha.22',
+  '5.0.0-universal-alpha.23',
+  '5.0.0-zones.1',
+  '5.0.0',
+  '5.0.1-canary.1',
+  '5.0.1-canary.2',
+  '5.0.1-canary.3',
+  '5.0.1-canary.4',
+  '5.0.1-canary.5',
+  '5.0.1-canary.6',
+  '5.0.1-canary.7',
+  '5.0.1-canary.8',
+  '5.0.1-canary.9',
+  '5.0.1-canary.10',
+  '5.0.1-canary.11',
+  '5.0.1-canary.12',
+  '5.0.1-canary.13',
+  '5.0.1-canary.14',
+  '5.0.1-canary.15',
+  '5.0.1-canary.16',
+  '5.0.1-canary.17',
+  '5.1.0',
+  '6.0.0-canary.1',
+  '6.0.0-canary.2',
+  '6.0.0-canary.3',
+  '6.0.0-canary.4',
+  '6.0.0-canary.5',
+  '6.0.0-canary.6',
+  '6.0.0-canary.7',
+  '6.0.0',
+  '6.0.1-canary.0',
+  '6.0.1-canary.1',
+  '6.0.1-canary.2',
+  '6.0.1',
+  '6.0.2-canary.0',
+  '6.0.2',
+  '6.0.3-canary.0',
+  '6.0.3-canary.1',
+  '6.0.3',
+  '6.0.4-canary.0',
+  '6.0.4-canary.1',
+  '6.0.4-canary.2',
+  '6.0.4-canary.3',
+  '6.0.4-canary.4',
+  '6.0.4-canary.5',
+  '6.0.4-canary.6',
+  '6.0.4-canary.7',
+  '6.0.4-canary.8',
+  '6.0.4-canary.9',
+  '6.1.0-canary.0',
+  '6.1.0',
+  '6.1.1-canary.0',
+  '6.1.1-canary.1',
+  '6.1.1-canary.2',
+  '6.1.1-canary.3',
+  '6.1.1-canary.4',
+  '6.1.1-canary.5',
+  '6.1.1',
+  '6.1.2',
+  '7.0.0-canary.0',
+  '7.0.0-canary.1',
+  '7.0.0-canary.2',
+  '7.0.0-canary.3',
+  '7.0.0-canary.4',
+  '7.0.0-canary.5',
+  '7.0.0-canary.6',
+  '7.0.0-canary.7',
+  '7.0.0-canary.8',
+  '7.0.0-canary.9',
+  '7.0.0-canary.10',
+  '7.0.0-canary.11',
+  '7.0.0-canary.12',
+  '7.0.0-canary.13',
+  '7.0.0-canary.14',
+  '7.0.0-canary.15',
+  '7.0.0-canary.16',
+  '7.0.0-canary.18',
+  '7.0.0-canary.19',
+  '7.0.0-canary.20',
+  '7.0.0',
+  '7.0.1-canary.0',
+  '7.0.1-canary.1',
+  '7.0.1-canary.2',
+  '7.0.1-canary.3',
+  '7.0.1-canary.4',
+  '7.0.1-canary.5',
+  '7.0.1-canary.6',
+  '7.0.1',
+  '7.0.2-alpha.1',
+  '7.0.2-alpha.3',
+  '7.0.2-canary.5',
+  '7.0.2-canary.6',
+  '7.0.2-canary.7',
+  '7.0.2-canary.8',
+  '7.0.2-canary.9',
+  '7.0.2-canary.10',
+  '7.0.2-canary.11',
+  '7.0.2-canary.12',
+  '7.0.2-canary.13',
+  '7.0.2-canary.14',
+  '7.0.2-canary.15',
+  '7.0.2-canary.16',
+  '7.0.2-canary.17',
+  '7.0.2-canary.18',
+  '7.0.2-canary.19',
+  '7.0.2-canary.20',
+  '7.0.2-canary.21',
+  '7.0.2-canary.22',
+  '7.0.2-canary.23',
+  '7.0.2-canary.24',
+  '7.0.2-canary.25',
+  '7.0.2-canary.26',
+  '7.0.2-canary.27',
+  '7.0.2-canary.28',
+  '7.0.2-canary.29',
+  '7.0.2-canary.31',
+  '7.0.2-canary.33',
+  '7.0.2-canary.34',
+  '7.0.2-canary.35',
+  '7.0.2-canary.36',
+  '7.0.2-canary.37',
+  '7.0.2-canary.38',
+  '7.0.2-canary.39',
+  '7.0.2-canary.40',
+  '7.0.2-canary.41',
+  '7.0.2-canary.42',
+  '7.0.2-canary.43',
+  '7.0.2-canary.44',
+  '7.0.2-canary.45',
+  '7.0.2-canary.46',
+  '7.0.2-canary.47',
+  '7.0.2-canary.48',
+  '7.0.2-canary.49',
+  '7.0.2-canary.50',
+  '7.0.2',
+];

packages/next/src/server-launcher.ts

@@ -0,0 +1,43 @@
+import { IncomingMessage, ServerResponse } from 'http';
+// The Next.js builder can emit the project in a subdirectory depending on how
+// many folder levels of `node_modules` are traced. To ensure `process.cwd()`
+// returns the proper path, we change the directory to the folder with the
+// launcher. This mimics `yarn workspace run` behavior.
+process.chdir(__dirname);
+
+const region = process.env.VERCEL_REGION || process.env.NOW_REGION;
+
+if (!process.env.NODE_ENV) {
+  process.env.NODE_ENV = region === 'dev1' ? 'development' : 'production';
+}
+
+if (process.env.NODE_ENV !== 'production' && region !== 'dev1') {
+  console.warn(
+    `Warning: NODE_ENV was incorrectly set to "${process.env.NODE_ENV}", this value is being overridden to "production"`
+  );
+  process.env.NODE_ENV = 'production';
+}
+
+// eslint-disable-next-line
+const NextServer = require('__NEXT_SERVER_PATH__').default;
+const nextServer = new NextServer({
+  // @ts-ignore __NEXT_CONFIG__ value is injected
+  conf: __NEXT_CONFIG__,
+  dir: '.',
+  minimalMode: true,
+  customServer: false,
+});
+const requestHandler = nextServer.getRequestHandler();
+
+module.exports = async (req: IncomingMessage, res: ServerResponse) => {
+  try {
+    // entryDirectory handler
+    await requestHandler(req, res);
+  } catch (err) {
+    console.error(err);
+    // crash the lambda immediately to clean up any bad module state,
+    // this was previously handled in ___vc_bridge on an unhandled rejection
+    // but we can do this quicker by triggering here
+    process.exit(1);
+  }
+};

packages/next/src/sourcemapped.ts

@@ -0,0 +1,101 @@
+import type { RawSourceMap } from 'source-map';
+import convertSourceMap from 'convert-source-map';
+import fs from 'fs-extra';
+import {
+  ConcatSource,
+  OriginalSource,
+  SourceMapSource,
+  Source,
+} from 'webpack-sources';
+
+/**
+ * A template literal tag that preserves existing source maps, if any. This
+ * allows to compose multiple sources and preserve the source maps, so we can
+ * resolve the correct line numbers in the stack traces later on.
+ *
+ * @param strings The string literals.
+ * @param sources All the sources that may optionally have source maps. Use
+ * `raw` to pass a string that should be inserted raw (with no source map
+ * attached).
+ */
+export function sourcemapped(
+  strings: TemplateStringsArray,
+  ...sources: Source[]
+): Source {
+  const concat = new ConcatSource();
+
+  for (let i = 0; i < Math.max(strings.length, sources.length); i++) {
+    const string = strings[i];
+    const source = sources[i];
+    if (string) concat.add(raw(string));
+    if (source) concat.add(source);
+  }
+
+  return concat;
+}
+
+/**
+ * A helper to create a Source from a string with no source map.
+ * This allows to obfuscate the source code from the user and print `[native code]`
+ * when resolving the stack trace.
+ */
+export function raw(value: string) {
+  return new OriginalSource(value, '[native code]');
+}
+
+/**
+ * Takes a file with contents and tries to extract its source maps it will
+ * first try to use a `${fullFilePath}.map` file if it exists. Then, it will
+ * try to use the inline source map comment.
+ *
+ * @param content The file contents.
+ * @param sourceName the name of the source.
+ * @param fullFilePath The full path to the file.
+ */
+export async function fileToSource(
+  content: string,
+  sourceName: string,
+  fullFilePath?: string
+): Promise<Source> {
+  const sourcemap = await getSourceMap(content, fullFilePath);
+  const cleanContent = convertSourceMap.removeComments(content);
+  return sourcemap
+    ? new SourceMapSource(cleanContent, sourceName, sourcemap)
+    : new OriginalSource(cleanContent, sourceName);
+}
+
+/**
+ * Finds a source map for a given content and file path. First it will try to
+ * use a `${fullFilePath}.map` file if it exists. Then, it will try to use
+ * the inline source map comment.
+ */
+async function getSourceMap(
+  content: string,
+  fullFilePath?: string
+): Promise<RawSourceMap | null> {
+  try {
+    if (fullFilePath && (await fs.pathExists(`${fullFilePath}.map`))) {
+      const mapJson = await fs.readFile(`${fullFilePath}.map`, 'utf8');
+      return convertSourceMap.fromJSON(mapJson).toObject();
+    }
+    return convertSourceMap.fromComment(content).toObject();
+  } catch {
+    return null;
+  }
+}
+
+/**
+ * Stringifies a source map, removing unnecessary data:
+ * * `sourcesContent` is not needed to trace back frames.
+ */
+export function stringifySourceMap(
+  sourceMap?: RawSourceMap | string | null
+): string | undefined {
+  if (!sourceMap) return;
+  const obj =
+    typeof sourceMap === 'object'
+      ? { ...sourceMap }
+      : convertSourceMap.fromJSON(sourceMap).toObject();
+  delete obj.sourcesContent;
+  return JSON.stringify(obj);
+}

packages/next/src/templated-launcher-shared.ts

@@ -0,0 +1,28 @@
+// The Next.js builder can emit the project in a subdirectory depending on how
+// many folder levels of `node_modules` are traced. To ensure `process.cwd()`
+// returns the proper path, we change the directory to the folder with the
+// launcher. This mimics `yarn workspace run` behavior.
+process.chdir(__dirname);
+
+const region = process.env.VERCEL_REGION || process.env.NOW_REGION;
+
+if (!process.env.NODE_ENV) {
+  process.env.NODE_ENV = region === 'dev1' ? 'development' : 'production';
+}
+
+if (process.env.NODE_ENV !== 'production' && region !== 'dev1') {
+  console.warn(
+    `Warning: NODE_ENV was incorrectly set to "${process.env.NODE_ENV}", this value is being overridden to "production"`
+  );
+  process.env.NODE_ENV = 'production';
+}
+
+// @ts-ignore
+// eslint-disable-next-line
+let page: any = {};
+// __LAUNCHER_PAGE_HANDLER__
+
+// page.render is for React rendering
+// page.default is for /api rendering
+// page is for module.exports in /api
+module.exports = page.render || page.default || page;

packages/next/src/templated-launcher.ts

@@ -0,0 +1,19 @@
+// The Next.js builder can emit the project in a subdirectory depending on how
+// many folder levels of `node_modules` are traced. To ensure `process.cwd()`
+// returns the proper path, we change the directory to the folder with the
+// launcher. This mimics `yarn workspace run` behavior.
+process.chdir(__dirname);
+
+if (!process.env.NODE_ENV) {
+  const region = process.env.VERCEL_REGION || process.env.NOW_REGION;
+  process.env.NODE_ENV = region === 'dev1' ? 'development' : 'production';
+}
+
+// @ts-ignore
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const page = require(__LAUNCHER_PAGE_PATH__);
+
+// page.render is for React rendering
+// page.default is for /api rendering
+// page is for module.exports in /api
+module.exports = page.render || page.default || page;

packages/next/test/fixtures/00-base-path-index-revalidate/index.test.js

@@ -0,0 +1,185 @@
+/* eslint-env jest */
+const path = require('path');
+const cheerio = require('cheerio');
+const { check, deployAndTest } = require('../../utils');
+const fetch = require('../../../../../test/lib/deployment/fetch-retry');
+
+async function checkForChange(url, initialValue, hardError) {
+  if (isNaN(initialValue)) {
+    throw new Error(
+      `expected number for initialValue, received ${initialValue}`
+    );
+  }
+
+  return check(
+    async () => {
+      const res = await fetch(url);
+
+      if (res.status !== 200) {
+        throw new Error(`Invalid status code ${res.status}`);
+      }
+      const $ = cheerio.load(await res.text());
+      const props = JSON.parse($('#props').text());
+
+      if (isNaN(props.random)) {
+        throw new Error(`Invalid random value ${props.random}`);
+      }
+      const newValue = props.random;
+      return initialValue !== newValue ? 'success' : 'fail';
+    },
+    'success',
+    hardError
+  );
+}
+
+const ctx = {};
+
+describe(`${__dirname.split(path.sep).pop()}`, () => {
+  it('should deploy and pass probe checks', async () => {
+    const info = await deployAndTest(__dirname);
+    Object.assign(ctx, info);
+  });
+
+  it('should revalidate content properly from /docs', async () => {
+    const dataRes = await fetch(
+      `${ctx.deploymentUrl}/docs/_next/data/testing-build-id/index.json`
+    );
+    expect(dataRes.status).toBe(200);
+
+    const data = await dataRes.json();
+    expect(data.pageProps.index).toBe(true);
+
+    const res = await fetch(`${ctx.deploymentUrl}/docs`);
+    expect(res.status).toBe(200);
+
+    let $ = cheerio.load(await res.text());
+    const props = JSON.parse($('#props').text());
+    const initialRandom = props.random;
+
+    expect(props.index).toBe(true);
+    expect(JSON.parse($('#query').text())).toEqual({});
+    expect($('#pathname').text()).toBe('pathname /');
+    expect($('#asPath').text()).toBe('asPath /');
+
+    await checkForChange(`${ctx.deploymentUrl}/docs`, initialRandom);
+
+    const res2 = await fetch(`${ctx.deploymentUrl}/docs`);
+    expect(res2.status).toBe(200);
+    $ = cheerio.load(await res2.text());
+    const props2 = JSON.parse($('#props').text());
+
+    expect(props2.index).toBe(true);
+    expect(JSON.parse($('#query').text())).toEqual({});
+    expect($('#pathname').text()).toBe('pathname /');
+    expect($('#asPath').text()).toBe('asPath /');
+  });
+
+  it('should load content properly from /docs/hello', async () => {
+    const dataRes = await fetch(
+      `${ctx.deploymentUrl}/docs/_next/data/testing-build-id/hello.json`
+    );
+    expect(dataRes.status).toBe(200);
+
+    const data = await dataRes.json();
+    expect(data.pageProps.id).toBe(true);
+    expect(data.pageProps.params).toEqual({ id: 'hello' });
+
+    const res = await fetch(`${ctx.deploymentUrl}/docs/hello`);
+    expect(res.status).toBe(200);
+
+    let $ = cheerio.load(await res.text());
+    const props = JSON.parse($('#props').text());
+    const initialRandom = props.random;
+
+    expect(props.id).toBe(true);
+    expect(JSON.parse($('#query').text())).toEqual({ id: 'hello' });
+    expect($('#pathname').text()).toBe('pathname /[id]');
+    expect($('#asPath').text()).toBe('asPath /hello');
+
+    await checkForChange(`${ctx.deploymentUrl}/docs/hello`, initialRandom);
+
+    const res2 = await fetch(`${ctx.deploymentUrl}/docs/hello`);
+    expect(res2.status).toBe(200);
+    $ = cheerio.load(await res2.text());
+    const props2 = JSON.parse($('#props').text());
+
+    expect(props2.id).toBe(true);
+    expect(JSON.parse($('#query').text())).toEqual({ id: 'hello' });
+    expect($('#pathname').text()).toBe('pathname /[id]');
+    expect($('#asPath').text()).toBe('asPath /hello');
+  });
+
+  it('should revalidate content properly from /docs/blog', async () => {
+    const dataRes = await fetch(
+      `${ctx.deploymentUrl}/docs/_next/data/testing-build-id/blog.json`
+    );
+    expect(dataRes.status).toBe(200);
+
+    const data = await dataRes.json();
+    expect(data.pageProps.blogIndex).toBe(true);
+
+    const res = await fetch(`${ctx.deploymentUrl}/docs/blog`);
+    expect(res.status).toBe(200);
+
+    let $ = cheerio.load(await res.text());
+    const props = JSON.parse($('#props').text());
+    const initialRandom = props.random;
+
+    expect(props.blogIndex).toBe(true);
+    expect(JSON.parse($('#query').text())).toEqual({});
+    expect($('#pathname').text()).toBe('pathname /blog');
+    expect($('#asPath').text()).toBe('asPath /blog');
+
+    await checkForChange(`${ctx.deploymentUrl}/docs/blog`, initialRandom);
+
+    const res2 = await fetch(`${ctx.deploymentUrl}/docs/blog`);
+    expect(res2.status).toBe(200);
+    $ = cheerio.load(await res2.text());
+    const props2 = JSON.parse($('#props').text());
+
+    expect(props2.blogIndex).toBe(true);
+    expect(JSON.parse($('#query').text())).toEqual({});
+    expect($('#pathname').text()).toBe('pathname /blog');
+    expect($('#asPath').text()).toBe('asPath /blog');
+  });
+
+  it('should revalidate content properly from /docs/blog/another', async () => {
+    const dataRes = await fetch(
+      `${ctx.deploymentUrl}/docs/_next/data/testing-build-id/blog/another.json`
+    );
+    expect(dataRes.status).toBe(200);
+
+    const data = await dataRes.json();
+    expect(data.pageProps.blogSlug).toBe(true);
+    expect(data.pageProps.params).toEqual({
+      slug: 'another',
+    });
+
+    const res = await fetch(`${ctx.deploymentUrl}/docs/blog/another`);
+    expect(res.status).toBe(200);
+
+    let $ = cheerio.load(await res.text());
+    const props = JSON.parse($('#props').text());
+    const initialRandom = props.random;
+
+    expect(props.blogSlug).toBe(true);
+    expect(JSON.parse($('#query').text())).toEqual({ slug: 'another' });
+    expect($('#pathname').text()).toBe('pathname /blog/[slug]');
+    expect($('#asPath').text()).toBe('asPath /blog/another');
+
+    await checkForChange(
+      `${ctx.deploymentUrl}/docs/blog/another`,
+      initialRandom
+    );
+
+    const res2 = await fetch(`${ctx.deploymentUrl}/docs/blog/another`);
+    expect(res2.status).toBe(200);
+    $ = cheerio.load(await res2.text());
+    const props2 = JSON.parse($('#props').text());
+
+    expect(props2.blogSlug).toBe(true);
+    expect(JSON.parse($('#query').text())).toEqual({ slug: 'another' });
+    expect($('#pathname').text()).toBe('pathname /blog/[slug]');
+    expect($('#asPath').text()).toBe('asPath /blog/another');
+  });
+});

packages/next/test/fixtures/00-base-path-index-revalidate/next.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  basePath: '/docs',
+
+  generateBuildId() {
+    return 'testing-build-id';
+  },
+};

packages/next/test/fixtures/00-base-path-index-revalidate/package.json

@@ -0,0 +1,7 @@
+{
+  "dependencies": {
+    "next": "canary",
+    "react": "latest",
+    "react-dom": "latest"
+  }
+}

packages/next/test/fixtures/00-base-path-index-revalidate/pages/[id].js

@@ -0,0 +1,24 @@
+import { useRouter } from 'next/router';
+
+export default function Home(props) {
+  const router = useRouter();
+  return (
+    <>
+      <p id="info">id page</p>
+      <p id="props">{JSON.stringify(props)}</p>
+      <p id="query">{JSON.stringify(router.query)}</p>
+      <p id="pathname">{`pathname ${router.pathname}`}</p>
+      <p id="asPath">{`asPath ${router.asPath}`}</p>
+    </>
+  );
+}
+
+export async function getServerSideProps({ params }) {
+  return {
+    props: {
+      random: Math.random() + Date.now(),
+      id: true,
+      params,
+    },
+  };
+}

packages/next/test/fixtures/00-base-path-index-revalidate/pages/blog/[slug].js

@@ -0,0 +1,32 @@
+import { useRouter } from 'next/router';
+
+export default function Home(props) {
+  const router = useRouter();
+  return (
+    <>
+      <p id="info">blog slug page</p>
+      <p id="props">{JSON.stringify(props)}</p>
+      <p id="query">{JSON.stringify(router.query)}</p>
+      <p id="pathname">{`pathname ${router.pathname}`}</p>
+      <p id="asPath">{`asPath ${router.asPath}`}</p>
+    </>
+  );
+}
+
+export async function getStaticProps({ params }) {
+  return {
+    revalidate: 1,
+    props: {
+      random: Math.random() + Date.now(),
+      blogSlug: true,
+      params,
+    },
+  };
+}
+
+export async function getStaticPaths() {
+  return {
+    paths: ['/blog/first'],
+    fallback: 'blocking',
+  };
+}

packages/next/test/fixtures/00-base-path-index-revalidate/pages/blog/index.js

@@ -0,0 +1,24 @@
+import { useRouter } from 'next/router';
+
+export default function Home(props) {
+  const router = useRouter();
+  return (
+    <>
+      <p id="info">blog index page</p>
+      <p id="props">{JSON.stringify(props)}</p>
+      <p id="query">{JSON.stringify(router.query)}</p>
+      <p id="pathname">{`pathname ${router.pathname}`}</p>
+      <p id="asPath">{`asPath ${router.asPath}`}</p>
+    </>
+  );
+}
+
+export async function getStaticProps() {
+  return {
+    revalidate: 1,
+    props: {
+      random: Math.random() + Date.now(),
+      blogIndex: true,
+    },
+  };
+}

packages/next/test/fixtures/00-base-path-index-revalidate/pages/index.js

@@ -0,0 +1,24 @@
+import { useRouter } from 'next/router';
+
+export default function Home(props) {
+  const router = useRouter();
+  return (
+    <>
+      <p id="info">index page</p>
+      <p id="props">{JSON.stringify(props)}</p>
+      <p id="query">{JSON.stringify(router.query)}</p>
+      <p id="pathname">{`pathname ${router.pathname}`}</p>
+      <p id="asPath">{`asPath ${router.asPath}`}</p>
+    </>
+  );
+}
+
+export async function getStaticProps() {
+  return {
+    revalidate: 1,
+    props: {
+      random: Math.random() + Date.now(),
+      index: true,
+    },
+  };
+}