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/ember/package.json

@@ -48,6 +48,6 @@
     "qunit-dom": "^0.8.4"
   },
   "engines": {
-    "node": "8.* || >= 10.*"
+    "node": "14.x"
   }
 }

examples/nuxtjs/.vercelignore

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

examples/remix/package-lock.json

@@ -21,7 +21,7 @@
         "typescript": "^4.1.2"
       },
       "engines": {
-        "node": ">=14"
+        "node": "14.x"
       }
     },
     "node_modules/@babel/code-frame": {

examples/remix/package.json

@@ -23,7 +23,7 @@
     "typescript": "^4.1.2"
   },
   "engines": {
-    "node": ">=14"
+    "node": "14.x"
   },
   "sideEffects": false
-}
+}

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
 

examples/solidstart/jsconfig.json

@@ -1,9 +0,0 @@
-{
-  "compilerOptions": {
-    "jsx": "preserve",
-    "jsxImportSource": "solid-js",
-    "paths": {
-      "~/*": ["./src/*"]
-    }
-  }
-}

examples/solidstart/package.json

@@ -7,14 +7,14 @@
   "type": "module",
   "private": true,
   "devDependencies": {
-    "solid-app-router": "^0.1.14",
-    "solid-js": "^1.2.6",
-    "solid-meta": "^0.27.2",
+    "solid-app-router": "^0.3.2",
+    "solid-js": "^1.3.15",
+    "solid-meta": "^0.27.3",
     "solid-start": "next",
     "solid-start-vercel": "next",
-    "vite": "^2.7.1"
+    "vite": "^2.9.9"
   },
   "engines": {
-    "node": ">=14"
+    "node": "16.x"
   }
 }

examples/solidstart/src/entry-client.tsx

@@ -0,0 +1,4 @@
+import { hydrate } from "solid-js/web";
+import { StartClient } from "solid-start/entry-client";
+
+hydrate(() => <StartClient />, document);

examples/solidstart/src/entry-server.tsx

@@ -0,0 +1,7 @@
+import { StartServer, createHandler, renderAsync } from "solid-start/entry-server";
+import { inlineServerModules } from "solid-start/server";
+
+export default createHandler(
+  inlineServerModules,
+  renderAsync((context) => <StartServer context={context} />)
+);

examples/solidstart/src/root.jsx

@@ -1,21 +0,0 @@
-// @refresh reload
-import { Links, Meta, Outlet, Scripts } from "solid-start/components";
-
-export default function Root({ Start }) {
-  return (
-    <Start>
-      <html lang="en">
-        <head>
-          <meta charset="utf-8" />
-          <meta name="viewport" content="width=device-width, initial-scale=1" />
-          <Meta />
-          <Links />
-        </head>
-        <body>
-          <Outlet />
-          <Scripts />
-        </body>
-      </html>
-    </Start>
-  );
-}

examples/solidstart/src/root.tsx

@@ -0,0 +1,25 @@
+// @refresh reload
+import { Links, Meta, Routes, Scripts } from "solid-start/root";
+import { ErrorBoundary } from "solid-start/error-boundary";
+import { Suspense } from "solid-js";
+
+export default function Root() {
+  return (
+    <html lang="en">
+      <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <Meta />
+        <Links />
+      </head>
+      <body>
+        <ErrorBoundary>
+          <Suspense>
+            <Routes />
+          </Suspense>
+        </ErrorBoundary>
+        <Scripts />
+      </body>
+    </html>
+  );
+}

examples/solidstart/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "jsxImportSource": "solid-js",
+    "jsx": "preserve",
+    "types": ["vite/client"],
+    "baseUrl": "./",
+    "paths": {
+      "~/*": ["./src/*"]
+    }
+  }
+}

examples/solidstart/vercel.json

@@ -0,0 +1,7 @@
+{
+  "build": {
+    "env": {
+      "ENABLE_VC_BUILD": "1"
+    }
+  }
+}

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": "2.17.0",
+  "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/detectors/filesystem.ts

@@ -1,3 +1,8 @@
+export interface Stat {
+  name: string;
+  path: string;
+  type: 'file' | 'dir';
+}
 /**
  * `DetectorFilesystem` is an abstract class that represents a virtual filesystem
  * to perform read-only operations on in order to detect which framework is being
@@ -27,15 +32,19 @@ export abstract class DetectorFilesystem {
   protected abstract _hasPath(name: string): Promise<boolean>;
   protected abstract _readFile(name: string): Promise<Buffer>;
   protected abstract _isFile(name: string): Promise<boolean>;
+  protected abstract _readdir(name: string): Promise<Stat[]>;
+  protected abstract _chdir(name: string): DetectorFilesystem;
 
   private pathCache: Map<string, Promise<boolean>>;
   private fileCache: Map<string, Promise<boolean>>;
   private readFileCache: Map<string, Promise<Buffer>>;
+  private readdirCache: Map<string, Promise<Stat[]>>;
 
   constructor() {
     this.pathCache = new Map();
     this.fileCache = new Map();
     this.readFileCache = new Map();
+    this.readdirCache = new Map();
   }
 
   public hasPath = async (path: string): Promise<boolean> => {
@@ -64,4 +73,23 @@ export abstract class DetectorFilesystem {
     }
     return p;
   };
+
+  /**
+   * Returns a list of Stat objects from the current working directory.
+   */
+  public readdir = async (name: string): Promise<Stat[]> => {
+    let p = this.readdirCache.get(name);
+    if (!p) {
+      p = this._readdir(name);
+      this.readdirCache.set(name, p);
+    }
+    return p;
+  };
+
+  /**
+   * Changes the current directory to the specified path and returns a new instance of DetectorFilesystem.
+   */
+  public chdir = (name: string): DetectorFilesystem => {
+    return this._chdir(name);
+  };
 }

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/src/fs/run-user-scripts.ts

@@ -437,13 +437,9 @@ export function getEnvForPackageManager({
       console.log('Detected `package-lock.json` generated by npm 7...');
     }
   } else if (cliType === 'pnpm') {
-    if (
-      typeof lockfileVersion === 'number' &&
-      lockfileVersion === 5.4 &&
-      (nodeVersion?.major || 0) > 12
-    ) {
+    if (typeof lockfileVersion === 'number' && lockfileVersion === 5.4) {
       // Ensure that pnpm 7 is at the beginning of the `$PATH`
-      newEnv.PATH = `/pnpm7/pnpm:${env.PATH}`;
+      newEnv.PATH = `/pnpm7/node_modules/.bin:${env.PATH}`;
       console.log('Detected `pnpm-lock.yaml` generated by pnpm 7...');
     }
   } else {

packages/build-utils/test/fixtures/28-pnpm-7/vercel.json

@@ -4,8 +4,7 @@
   "probes": [
     {
       "path": "/",
-      "mustContain": "pnpm version: 7",
-      "logMustContain": "pnpm run build"
+      "mustContain": "pnpm version: 7"
     }
   ]
 }

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

@@ -1,21 +1,32 @@
+import path from 'path';
 import frameworkList from '@vercel/frameworks';
 import { detectFramework, DetectorFilesystem } from '../src';
+import { Stat } from '../src/detectors/filesystem';
+
+const posixPath = path.posix;
 
 class VirtualFilesystem extends DetectorFilesystem {
   private files: Map<string, Buffer>;
+  private cwd: string;
 
-  constructor(files: { [key: string]: string | Buffer }) {
+  constructor(files: { [key: string]: string | Buffer }, cwd = '') {
     super();
     this.files = new Map();
+    this.cwd = cwd;
     Object.entries(files).map(([key, value]) => {
       const buffer = typeof value === 'string' ? Buffer.from(value) : value;
       this.files.set(key, buffer);
     });
   }
 
-  async _hasPath(path: string): Promise<boolean> {
+  private _normalizePath(rawPath: string): string {
+    return posixPath.normalize(rawPath);
+  }
+
+  async _hasPath(name: string): Promise<boolean> {
+    const basePath = this._normalizePath(posixPath.join(this.cwd, name));
     for (const file of this.files.keys()) {
-      if (file.startsWith(path)) {
+      if (file.startsWith(basePath)) {
         return true;
       }
     }
@@ -24,11 +35,13 @@ class VirtualFilesystem extends DetectorFilesystem {
   }
 
   async _isFile(name: string): Promise<boolean> {
-    return this.files.has(name);
+    const basePath = this._normalizePath(posixPath.join(this.cwd, name));
+    return this.files.has(basePath);
   }
 
   async _readFile(name: string): Promise<Buffer> {
-    const file = this.files.get(name);
+    const basePath = this._normalizePath(posixPath.join(this.cwd, name));
+    const file = this.files.get(basePath);
 
     if (file === undefined) {
       throw new Error('File does not exist');
@@ -40,115 +53,291 @@ class VirtualFilesystem extends DetectorFilesystem {
 
     return file;
   }
+
+  /**
+   * An example of how to implement readdir for a virtual filesystem.
+   */
+  async _readdir(name = '/'): Promise<Stat[]> {
+    return (
+      [...this.files.keys()]
+        .map(filepath => {
+          const basePath = this._normalizePath(
+            posixPath.join(this.cwd, name === '/' ? '' : name)
+          );
+          const fileDirectoryName = posixPath.dirname(filepath);
+
+          if (fileDirectoryName === basePath) {
+            return {
+              name: posixPath.basename(filepath),
+              path: filepath.replace(
+                this.cwd === '' ? this.cwd : `${this.cwd}/`,
+                ''
+              ),
+              type: 'file',
+            };
+          }
+
+          if (
+            (basePath === '.' && fileDirectoryName !== '.') ||
+            fileDirectoryName.startsWith(basePath)
+          ) {
+            let subDirectoryName = fileDirectoryName.replace(
+              basePath === '.' ? '' : `${basePath}/`,
+              ''
+            );
+
+            if (subDirectoryName.includes('/')) {
+              subDirectoryName = subDirectoryName.split('/')[0];
+            }
+
+            return {
+              name: subDirectoryName,
+              path:
+                name === '/'
+                  ? subDirectoryName
+                  : this._normalizePath(posixPath.join(name, subDirectoryName)),
+              type: 'dir',
+            };
+          }
+
+          return null;
+        })
+        // remove nulls
+        .filter((stat): stat is Stat => stat !== null)
+        // remove duplicates
+        .filter(
+          (stat, index, self) =>
+            index ===
+            self.findIndex(s => s.name === stat.name && s.path === stat.path)
+        )
+    );
+  }
+
+  /**
+   * An example of how to implement chdir for a virtual filesystem.
+   */
+  _chdir(name: string): DetectorFilesystem {
+    const basePath = this._normalizePath(posixPath.join(this.cwd, name));
+    const files = Object.fromEntries(
+      [...this.files.keys()].map(key => [key, this.files.get(key) ?? ''])
+    );
+
+    return new VirtualFilesystem(files, basePath);
+  }
 }
 
-describe('#detectFramework', () => {
-  it('Do not detect anything', async () => {
-    const fs = new VirtualFilesystem({
-      'README.md': '# hi',
-      'api/cheese.js': 'export default (req, res) => res.end("cheese");',
-    });
+describe('DetectorFilesystem', () => {
+  it('should return the directory contents relative to the cwd', async () => {
+    const files = {
+      'package.json': '{}',
+      'packages/app1/package.json': '{}',
+      'packages/app2/package.json': '{}',
+    };
 
-    expect(await detectFramework({ fs, frameworkList })).toBe(null);
+    const fs = new VirtualFilesystem(files);
+
+    expect(await fs.readdir('/')).toEqual([
+      { name: 'package.json', path: 'package.json', type: 'file' },
+      { name: 'packages', path: 'packages', type: 'dir' },
+    ]);
+
+    expect(await fs.readdir('packages')).toEqual([
+      { name: 'app1', path: 'packages/app1', type: 'dir' },
+      { name: 'app2', path: 'packages/app2', type: 'dir' },
+    ]);
+
+    expect(await fs.readdir('./packages')).toEqual([
+      { name: 'app1', path: 'packages/app1', type: 'dir' },
+      { name: 'app2', path: 'packages/app2', type: 'dir' },
+    ]);
+
+    expect(await fs.readdir('packages/app1')).toEqual([
+      {
+        name: 'package.json',
+        path: 'packages/app1/package.json',
+        type: 'file',
+      },
+    ]);
   });
 
-  it('Detect Next.js', async () => {
-    const fs = new VirtualFilesystem({
-      'package.json': JSON.stringify({
-        dependencies: {
-          next: '9.0.0',
-        },
-      }),
+  it('should be able to change directories', async () => {
+    const nextPackageJson = JSON.stringify({
+      dependencies: {
+        next: '9.0.0',
+      },
+    });
+    const gatsbyPackageJson = JSON.stringify({
+      dependencies: {
+        gatsby: '1.0.0',
+      },
     });
 
-    expect(await detectFramework({ fs, frameworkList })).toBe('nextjs');
+    const files = {
+      'package.json': '{}',
+      'packages/app1/package.json': nextPackageJson,
+      'packages/app2/package.json': gatsbyPackageJson,
+    };
+
+    const fs = new VirtualFilesystem(files);
+    const packagesFs = fs.chdir('packages');
+
+    expect(await packagesFs.readdir('/')).toEqual([
+      { name: 'app1', path: 'app1', type: 'dir' },
+      { name: 'app2', path: 'app2', type: 'dir' },
+    ]);
+
+    expect(await packagesFs.hasPath('app1')).toBe(true);
+    expect(await packagesFs.hasPath('app3')).toBe(false);
+    expect(await packagesFs.isFile('app1')).toBe(false);
+    expect(await packagesFs.isFile('app2')).toBe(false);
+    expect(await packagesFs.isFile('app1/package.json')).toBe(true);
+    expect(await packagesFs.isFile('app2/package.json')).toBe(true);
+    expect(
+      await (await packagesFs.readFile('app1/package.json')).toString()
+    ).toEqual(nextPackageJson);
+    expect(
+      await (await packagesFs.readFile('app2/package.json')).toString()
+    ).toEqual(gatsbyPackageJson);
+
+    expect(await detectFramework({ fs: packagesFs, frameworkList })).toBe(null);
+
+    const nextAppFs = packagesFs.chdir('app1');
+
+    expect(await nextAppFs.readdir('/')).toEqual([
+      { name: 'package.json', path: 'package.json', type: 'file' },
+    ]);
+
+    expect(await (await nextAppFs.readFile('package.json')).toString()).toEqual(
+      nextPackageJson
+    );
+
+    expect(await detectFramework({ fs: nextAppFs, frameworkList })).toBe(
+      'nextjs'
+    );
+
+    const gatsbyAppFs = packagesFs.chdir('./app2');
+
+    expect(await gatsbyAppFs.readdir('/')).toEqual([
+      { name: 'package.json', path: 'package.json', type: 'file' },
+    ]);
+
+    expect(
+      await (await gatsbyAppFs.readFile('package.json')).toString()
+    ).toEqual(gatsbyPackageJson);
+
+    expect(await detectFramework({ fs: gatsbyAppFs, frameworkList })).toBe(
+      'gatsby'
+    );
   });
 
-  it('Detect Nuxt.js', async () => {
-    const fs = new VirtualFilesystem({
-      'package.json': JSON.stringify({
-        dependencies: {
-          nuxt: '1.0.0',
-        },
-      }),
+  describe('#detectFramework', () => {
+    it('Do not detect anything', async () => {
+      const fs = new VirtualFilesystem({
+        'README.md': '# hi',
+        'api/cheese.js': 'export default (req, res) => res.end("cheese");',
+      });
+
+      expect(await detectFramework({ fs, frameworkList })).toBe(null);
     });
 
-    expect(await detectFramework({ fs, frameworkList })).toBe('nuxtjs');
-  });
+    it('Detect Next.js', async () => {
+      const fs = new VirtualFilesystem({
+        'package.json': JSON.stringify({
+          dependencies: {
+            next: '9.0.0',
+          },
+        }),
+      });
 
-  it('Detect Gatsby', async () => {
-    const fs = new VirtualFilesystem({
-      'package.json': JSON.stringify({
-        dependencies: {
-          gatsby: '1.0.0',
-        },
-      }),
+      expect(await detectFramework({ fs, frameworkList })).toBe('nextjs');
     });
 
-    expect(await detectFramework({ fs, frameworkList })).toBe('gatsby');
-  });
+    it('Detect Nuxt.js', async () => {
+      const fs = new VirtualFilesystem({
+        'package.json': JSON.stringify({
+          dependencies: {
+            nuxt: '1.0.0',
+          },
+        }),
+      });
 
-  it('Detect Hugo #1', async () => {
-    const fs = new VirtualFilesystem({
-      'config.yaml': 'baseURL: http://example.org/',
-      'content/post.md': '# hello world',
+      expect(await detectFramework({ fs, frameworkList })).toBe('nuxtjs');
     });
 
-    expect(await detectFramework({ fs, frameworkList })).toBe('hugo');
-  });
+    it('Detect Gatsby', async () => {
+      const fs = new VirtualFilesystem({
+        'package.json': JSON.stringify({
+          dependencies: {
+            gatsby: '1.0.0',
+          },
+        }),
+      });
 
-  it('Detect Hugo #2', async () => {
-    const fs = new VirtualFilesystem({
-      'config.json': '{ "baseURL": "http://example.org/" }',
-      'content/post.md': '# hello world',
+      expect(await detectFramework({ fs, frameworkList })).toBe('gatsby');
     });
 
-    expect(await detectFramework({ fs, frameworkList })).toBe('hugo');
-  });
+    it('Detect Hugo #1', async () => {
+      const fs = new VirtualFilesystem({
+        'config.yaml': 'baseURL: http://example.org/',
+        'content/post.md': '# hello world',
+      });
 
-  it('Detect Hugo #3', async () => {
-    const fs = new VirtualFilesystem({
-      'config.toml': 'baseURL = "http://example.org/"',
-      'content/post.md': '# hello world',
+      expect(await detectFramework({ fs, frameworkList })).toBe('hugo');
     });
 
-    expect(await detectFramework({ fs, frameworkList })).toBe('hugo');
-  });
+    it('Detect Hugo #2', async () => {
+      const fs = new VirtualFilesystem({
+        'config.json': '{ "baseURL": "http://example.org/" }',
+        'content/post.md': '# hello world',
+      });
 
-  it('Detect Jekyll', async () => {
-    const fs = new VirtualFilesystem({
-      '_config.yml': 'config',
+      expect(await detectFramework({ fs, frameworkList })).toBe('hugo');
     });
 
-    expect(await detectFramework({ fs, frameworkList })).toBe('jekyll');
-  });
+    it('Detect Hugo #3', async () => {
+      const fs = new VirtualFilesystem({
+        'config.toml': 'baseURL = "http://example.org/"',
+        'content/post.md': '# hello world',
+      });
 
-  it('Detect Middleman', async () => {
-    const fs = new VirtualFilesystem({
-      'config.rb': 'config',
+      expect(await detectFramework({ fs, frameworkList })).toBe('hugo');
     });
 
-    expect(await detectFramework({ fs, frameworkList })).toBe('middleman');
-  });
+    it('Detect Jekyll', async () => {
+      const fs = new VirtualFilesystem({
+        '_config.yml': 'config',
+      });
 
-  it('Detect Scully', async () => {
-    const fs = new VirtualFilesystem({
-      'package.json': JSON.stringify({
-        dependencies: {
-          '@angular/cli': 'latest',
-          '@scullyio/init': 'latest',
-        },
-      }),
+      expect(await detectFramework({ fs, frameworkList })).toBe('jekyll');
     });
 
-    expect(await detectFramework({ fs, frameworkList })).toBe('scully');
-  });
+    it('Detect Middleman', async () => {
+      const fs = new VirtualFilesystem({
+        'config.rb': 'config',
+      });
 
-  it('Detect Zola', async () => {
-    const fs = new VirtualFilesystem({
-      'config.toml': 'base_url = "/"',
+      expect(await detectFramework({ fs, frameworkList })).toBe('middleman');
     });
 
-    expect(await detectFramework({ fs, frameworkList })).toBe('zola');
+    it('Detect Scully', async () => {
+      const fs = new VirtualFilesystem({
+        'package.json': JSON.stringify({
+          dependencies: {
+            '@angular/cli': 'latest',
+            '@scullyio/init': 'latest',
+          },
+        }),
+      });
+
+      expect(await detectFramework({ fs, frameworkList })).toBe('scully');
+    });
+
+    it('Detect Zola', async () => {
+      const fs = new VirtualFilesystem({
+        'config.toml': 'base_url = "/"',
+      });
+
+      expect(await detectFramework({ fs, frameworkList })).toBe('zola');
+    });
   });
 });

packages/build-utils/test/unit.get-env-for-package-manager.test.ts

@@ -85,7 +85,7 @@ describe('Test `getEnvForPackageManager()`', () => {
       },
     },
     {
-      name: 'should set path if pnpm 7+ is detected and Node version is greater than 12',
+      name: 'should set path if pnpm 7+ is detected',
       args: {
         cliType: 'pnpm',
         nodeVersion: { major: 16, range: '16.x', runtime: 'nodejs16.x' },
@@ -97,21 +97,7 @@ describe('Test `getEnvForPackageManager()`', () => {
       },
       want: {
         FOO: 'bar',
-        PATH: '/pnpm7/pnpm:foo',
-      },
-    },
-    {
-      name: 'should not set path if pnpm 7+ is detected and Node version is less than or equal to 12',
-      args: {
-        cliType: 'pnpm',
-        nodeVersion: { major: 12, range: '12.x', runtime: 'nodejs12.x' },
-        lockfileVersion: 5.4,
-        env: {
-          FOO: 'bar',
-        },
-      },
-      want: {
-        FOO: 'bar',
+        PATH: '/pnpm7/node_modules/.bin:foo',
       },
     },
     {

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/build-utils/test/utils/fixture-filesystem.ts

@@ -2,8 +2,9 @@ import { promises } from 'fs';
 import path from 'path';
 
 import { DetectorFilesystem } from '../../src';
+import { Stat } from '../../src/detectors/filesystem';
 
-const { stat, readFile } = promises;
+const { stat, readFile, readdir } = promises;
 
 export class FixtureFilesystem extends DetectorFilesystem {
   private rootPath: string;
@@ -32,4 +33,19 @@ export class FixtureFilesystem extends DetectorFilesystem {
     const filePath = path.join(this.rootPath, name);
     return (await stat(filePath)).isFile();
   }
+
+  async _readdir(name: string): Promise<Stat[]> {
+    const dirPath = path.join(this.rootPath, name);
+    const files = await readdir(dirPath, { withFileTypes: true });
+
+    return files.map(file => ({
+      name: file.name,
+      type: file.isFile() ? 'file' : 'dir',
+      path: path.join(name, file.name),
+    }));
+  }
+
+  _chdir(name: string): DetectorFilesystem {
+    return new FixtureFilesystem(path.join(this.rootPath, name));
+  }
 }

packages/cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vercel",
-  "version": "24.2.1",
+  "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": "2.17.0",
-    "@vercel/go": "1.4.1",
-    "@vercel/node": "1.15.1",
-    "@vercel/python": "2.3.1",
-    "@vercel/ruby": "1.3.4",
+    "@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.1",
-    "@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/commands/dev/dev.ts

@@ -91,7 +91,7 @@ export default async function dev(
     }
 
     [{ envs: projectEnvs }, { systemEnvValues }] = await Promise.all([
-      getDecryptedEnvRecords(output, client, project.id),
+      getDecryptedEnvRecords(output, client, project.id, 'vercel-cli:dev'),
       project.autoExposeSystemEnvs
         ? getSystemEnvValues(output, client, project.id)
         : { systemEnvValues: [] },

packages/cli/src/commands/env/add.ts

@@ -79,7 +79,12 @@ export default async function add(
     }
   }
 
-  const { envs } = await getEnvRecords(output, client, project.id);
+  const { envs } = await getEnvRecords(
+    output,
+    client,
+    project.id,
+    'vercel-cli:env:add'
+  );
   const existing = new Set(
     envs.filter(r => r.key === envName).map(r => r.target)
   );

packages/cli/src/commands/env/index.ts

@@ -147,7 +147,8 @@ export default async function main(client: Client) {
           argv,
           args,
           output,
-          cwd
+          cwd,
+          'vercel-cli:env:pull'
         );
       default:
         output.error(getInvalidSubcommand(COMMAND_CONFIG));

packages/cli/src/commands/env/ls.ts

@@ -48,10 +48,16 @@ export default async function ls(
 
   const lsStamp = stamp();
 
-  const { envs } = await getEnvRecords(output, client, project.id, {
-    target: envTarget,
-    gitBranch: envGitBranch,
-  });
+  const { envs } = await getEnvRecords(
+    output,
+    client,
+    project.id,
+    'vercel-cli:env:ls',
+    {
+      target: envTarget,
+      gitBranch: envGitBranch,
+    }
+  );
 
   if (envs.length === 0) {
     output.log(

packages/cli/src/commands/env/pull.ts

@@ -13,6 +13,7 @@ import { Output } from '../../util/output';
 import param from '../../util/output/param';
 import stamp from '../../util/output/stamp';
 import { getCommandName } from '../../util/pkg-name';
+import { EnvRecordsSource } from '../../util/env/get-env-records';
 
 const CONTENTS_PREFIX = '# Created by Vercel CLI\n';
 
@@ -49,7 +50,8 @@ export default async function pull(
   opts: Partial<Options>,
   args: string[],
   output: Output,
-  cwd: string
+  cwd: string,
+  source: Extract<EnvRecordsSource, 'vercel-cli:env:pull' | 'vercel-cli:pull'>
 ) {
   if (args.length > 1) {
     output.error(
@@ -90,7 +92,7 @@ export default async function pull(
   output.spinner('Downloading');
 
   const [{ envs: projectEnvs }, { systemEnvValues }] = await Promise.all([
-    getDecryptedEnvRecords(output, client, project.id, environment),
+    getDecryptedEnvRecords(output, client, project.id, source, environment),
     project.autoExposeSystemEnvs
       ? getSystemEnvValues(output, client, project.id)
       : { systemEnvValues: [] },

packages/cli/src/commands/env/rm.ts

@@ -67,10 +67,16 @@ export default async function rm(
     return 1;
   }
 
-  const result = await getEnvRecords(output, client, project.id, {
-    target: envTarget,
-    gitBranch: envGitBranch,
-  });
+  const result = await getEnvRecords(
+    output,
+    client,
+    project.id,
+    'vercel-cli:env:rm',
+    {
+      target: envTarget,
+      gitBranch: envGitBranch,
+    }
+  );
 
   let envs = result.envs.filter(env => env.key === envName);
 

packages/cli/src/commands/pull.ts

@@ -131,7 +131,8 @@ async function pullAllEnvFiles(
     argv,
     [join('.vercel', environmentFile)],
     client.output,
-    cwd
+    cwd,
+    'vercel-cli:pull'
   );
 }
 

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/env/get-env-records.ts

@@ -3,10 +3,20 @@ import Client from '../client';
 import { ProjectEnvVariable, ProjectEnvTarget } from '../../types';
 import { URLSearchParams } from 'url';
 
+/** The CLI command that was used that needs the environment variables. */
+export type EnvRecordsSource =
+  | 'vercel-cli:env:ls'
+  | 'vercel-cli:env:add'
+  | 'vercel-cli:env:rm'
+  | 'vercel-cli:env:pull'
+  | 'vercel-cli:dev'
+  | 'vercel-cli:pull';
+
 export default async function getEnvRecords(
   output: Output,
   client: Client,
   projectId: string,
+  source: EnvRecordsSource,
   {
     target,
     gitBranch,
@@ -31,6 +41,9 @@ export default async function getEnvRecords(
   if (decrypt) {
     query.set('decrypt', decrypt.toString());
   }
+  if (source) {
+    query.set('source', source);
+  }
 
   const url = `/v8/projects/${projectId}/env?${query}`;
 

packages/cli/src/util/get-decrypted-env-records.ts

@@ -6,15 +6,16 @@ import {
   ProjectEnvVariable,
   Secret,
 } from '../types';
-import getEnvRecords from './env/get-env-records';
+import getEnvRecords, { EnvRecordsSource } from './env/get-env-records';
 
 export default async function getDecryptedEnvRecords(
   output: Output,
   client: Client,
   projectId: string,
+  source: EnvRecordsSource,
   target?: ProjectEnvTarget
 ): Promise<{ envs: ProjectEnvVariable[] }> {
-  const { envs } = await getEnvRecords(output, client, projectId, {
+  const { envs } = await getEnvRecords(output, client, projectId, source, {
     target: target || ProjectEnvTarget.Development,
     decrypt: true,
   });

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,23 +143,32 @@ describe('DevServer', () => {
 
   it(
     'should maintain query when builder defines routes',
-    testFixture('now-dev-next', async server => {
-      const res = await fetch(`${server.address}/something?url-param=a`);
-      validateResponseHeaders(res);
+    testFixture(
+      'now-dev-next',
+      async server => {
+        const res = await fetch(`${server.address}/test?url-param=a`);
+        validateResponseHeaders(res);
 
-      const text = await res.text();
+        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);
+        // 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(parsed.query['url-param']).toEqual('a');
-      expect(parsed.query['route-param']).toEqual('b');
-    })
+        expect(query['url-param']).toEqual('a');
+        expect(query['route-param']).toEqual('b');
+      },
+      {
+        devCommand: 'next dev --port $PORT',
+      }
+    )
   );
 
   it(
@@ -158,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');
@@ -170,30 +196,36 @@ describe('DevServer', () => {
 
   it(
     'should support default builds and routes',
-    testFixture('now-dev-default-builds-and-routes', async server => {
-      let podId: string;
+    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();
+        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`);
+        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/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');
-    })
+        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',
+      }
+    )
   );
 
   it(
@@ -206,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.1",
+  "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": "2.17.0",
+    "@vercel/build-utils": "3.1.0",
     "@zeit/fetch": "5.2.0",
     "async-retry": "1.2.3",
     "async-sema": "3.0.0",