Publish Canary

- vercel@24.0.1-canary.4
 - @vercel/node@1.13.1-canary.4

package.json

@@ -56,7 +56,8 @@
     "build": "turbo run build",
     "vercel-build": "mkdir -p public && echo '<a href=\"https://vercel.com/import\">Import</a>' > public/output.html",
     "pre-commit": "lint-staged",
-    "test-unit": "node utils/run.js test-unit",
+    "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",

packages/cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vercel",
-  "version": "24.0.1-canary.3",
+  "version": "24.0.1-canary.4",
   "preferGlobal": true,
   "license": "Apache-2.0",
   "description": "The command-line interface for Vercel",
@@ -45,7 +45,7 @@
   "dependencies": {
     "@vercel/build-utils": "2.14.1-canary.3",
     "@vercel/go": "1.3.1-canary.3",
-    "@vercel/node": "1.13.1-canary.3",
+    "@vercel/node": "1.13.1-canary.4",
     "@vercel/python": "2.2.1-canary.3",
     "@vercel/ruby": "1.3.1-canary.3",
     "update-notifier": "4.1.0"

packages/node/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vercel/node",
-  "version": "1.13.1-canary.3",
+  "version": "1.13.1-canary.4",
   "license": "MIT",
   "main": "./dist/index",
   "homepage": "https://vercel.com/docs/runtimes#official-runtimes/node-js",
@@ -19,6 +19,7 @@
   ],
   "dependencies": {
     "@types/node": "*",
+    "@vercel/node-bridge": "2.1.2-canary.0",
     "ts-node": "8.9.1",
     "typescript": "4.3.4"
   },
@@ -34,7 +35,6 @@
     "@vercel/build-utils": "2.14.1-canary.3",
     "@vercel/ncc": "0.24.0",
     "@vercel/nft": "0.17.5",
-    "@vercel/node-bridge": "2.1.2-canary.0",
     "content-type": "1.0.4",
     "cookie": "0.4.0",
     "etag": "1.8.1",

packages/redwood/build.js

@@ -0,0 +1,12 @@
+const execa = require('execa');
+const { remove } = require('fs-extra');
+
+async function main() {
+  await remove('dist');
+  await execa('tsc', [], { stdio: 'inherit' });
+}
+
+main().catch(err => {
+  console.error(err);
+  process.exit(1);
+});

packages/redwood/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@vercel/redwood",
+  "version": "0.5.2-canary.1",
+  "main": "./dist/index.js",
+  "license": "MIT",
+  "homepage": "https://vercel.com/docs",
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vercel/vercel.git",
+    "directory": "packages/redwood"
+  },
+  "scripts": {
+    "build": "node build.js",
+    "test-integration-once": "jest --env node --verbose --runInBand --bail",
+    "prepublishOnly": "node build.js"
+  },
+  "dependencies": {
+    "@vercel/nft": "0.17.5",
+    "semver": "6.1.1"
+  },
+  "devDependencies": {
+    "@types/aws-lambda": "8.10.19",
+    "@types/node": "*",
+    "@types/semver": "6.0.0",
+    "@vercel/build-utils": "2.14.1-canary.3"
+  }
+}

packages/redwood/src/index.ts

@@ -0,0 +1,259 @@
+import { join, dirname, relative, parse as parsePath, sep } from 'path';
+import { readFileSync, lstatSync } from 'fs';
+import { intersects, validRange } from 'semver';
+import {
+  Lambda,
+  Files,
+  download,
+  glob,
+  debug,
+  getNodeVersion,
+  getSpawnOptions,
+  runNpmInstall,
+  runPackageJsonScript,
+  execCommand,
+  File,
+  FileBlob,
+  FileFsRef,
+  PackageJson,
+  getLambdaOptionsFromFunction,
+  readConfigFile,
+  isSymbolicLink,
+  scanParentDirs,
+  NodejsLambda,
+  BuildV2,
+  PrepareCache,
+} from '@vercel/build-utils';
+import { nodeFileTrace } from '@vercel/nft';
+
+interface RedwoodToml {
+  web: { port?: number; apiProxyPath?: string };
+  api: { port?: number };
+  browser: { open?: boolean };
+}
+
+export const version = 2;
+
+export const build: BuildV2 = async ({
+  workPath,
+  files,
+  entrypoint,
+  meta = {},
+  config = {},
+}) => {
+  await download(files, workPath, meta);
+
+  Object.keys(process.env)
+    .filter(key => key.startsWith('VERCEL_'))
+    .forEach(key => {
+      const newKey = `REDWOOD_ENV_${key}`;
+      if (!(newKey in process.env)) {
+        process.env[newKey] = process.env[key];
+      }
+    });
+
+  const { installCommand, buildCommand } = config;
+  const mountpoint = dirname(entrypoint);
+  const entrypointFsDirname = join(workPath, mountpoint);
+  const nodeVersion = await getNodeVersion(
+    entrypointFsDirname,
+    undefined,
+    config,
+    meta
+  );
+
+  const spawnOpts = getSpawnOptions(meta, nodeVersion);
+  if (typeof installCommand === 'string') {
+    if (installCommand.trim()) {
+      console.log(`Running "install" command: \`${installCommand}\`...`);
+      const { cliType, lockfileVersion } = await scanParentDirs(
+        entrypointFsDirname
+      );
+      const env: Record<string, string> = {
+        YARN_NODE_LINKER: 'node-modules',
+        ...spawnOpts.env,
+      };
+
+      if (cliType === 'npm') {
+        if (
+          typeof lockfileVersion === 'number' &&
+          lockfileVersion >= 2 &&
+          (nodeVersion?.major || 0) < 16
+        ) {
+          // Ensure that npm 7 is at the beginning of the `$PATH`
+          env.PATH = `/node16/bin-npm7:${env.PATH}`;
+          console.log('Detected `package-lock.json` generated by npm 7...');
+        }
+      }
+
+      await execCommand(installCommand, {
+        ...spawnOpts,
+        env,
+        cwd: entrypointFsDirname,
+      });
+    } else {
+      console.log(`Skipping "install" command...`);
+    }
+  } else {
+    console.log('Installing dependencies...');
+    const installTime = Date.now();
+    await runNpmInstall(entrypointFsDirname, [], spawnOpts, meta, nodeVersion);
+    debug(`Install complete [${Date.now() - installTime}ms]`);
+  }
+
+  if (meta.isDev) {
+    throw new Error('Detected `@vercel/redwood` dev but this is not supported');
+  }
+
+  const pkg = await readConfigFile<PackageJson>(join(workPath, 'package.json'));
+
+  const toml = await readConfigFile<RedwoodToml>(
+    join(workPath, 'redwood.toml')
+  );
+
+  if (buildCommand) {
+    debug(`Executing build command "${buildCommand}"`);
+    await execCommand(buildCommand, {
+      ...spawnOpts,
+      cwd: workPath,
+    });
+  } else if (hasScript('vercel-build', pkg)) {
+    debug(`Executing "yarn vercel-build"`);
+    await runPackageJsonScript(workPath, 'vercel-build', spawnOpts);
+  } else if (hasScript('build', pkg)) {
+    debug(`Executing "yarn build"`);
+    await runPackageJsonScript(workPath, 'build', spawnOpts);
+  } else {
+    const { devDependencies = {} } = pkg || {};
+    const versionRange = devDependencies['@redwoodjs/core'];
+    let cmd: string;
+    if (!versionRange || !validRange(versionRange)) {
+      console.log(
+        'WARNING: Unable to detect RedwoodJS version in package.json devDependencies'
+      );
+      cmd = 'yarn rw deploy vercel'; // Assume 0.25.0 and newer
+    } else if (intersects(versionRange, '<0.25.0')) {
+      // older than 0.25.0
+      cmd =
+        'yarn rw build && yarn rw db up --no-db-client --auto-approve && yarn rw dataMigrate up';
+    } else {
+      // 0.25.0 and newer
+      cmd = 'yarn rw deploy vercel';
+    }
+    await execCommand(cmd, {
+      ...spawnOpts,
+      cwd: workPath,
+    });
+  }
+
+  const apiDir = toml?.web?.apiProxyPath?.replace(/^\//, '') ?? 'api';
+  const apiDistPath = join(workPath, 'api', 'dist', 'functions');
+  const webDistPath = join(workPath, 'web', 'dist');
+  const lambdaOutputs: { [filePath: string]: Lambda } = {};
+  const staticOutputs = await glob('**', webDistPath);
+
+  // Each file in the `functions` dir will become a lambda
+  const functionFiles = await glob('*.js', apiDistPath);
+
+  const sourceCache = new Map<string, string | Buffer | null>();
+  const fsCache = new Map<string, File>();
+
+  for (const [funcName, fileFsRef] of Object.entries(functionFiles)) {
+    const outputName = join(apiDir, parsePath(funcName).name); // remove `.js` extension
+    const absEntrypoint = fileFsRef.fsPath;
+    const relativeEntrypoint = relative(workPath, absEntrypoint);
+    const awsLambdaHandler = getAWSLambdaHandler(relativeEntrypoint, 'handler');
+    const sourceFile = relativeEntrypoint.replace('/dist/', '/src/');
+
+    const { fileList, esmFileList, warnings } = await nodeFileTrace(
+      [absEntrypoint],
+      {
+        base: workPath,
+        processCwd: workPath,
+        ts: true,
+        mixedModules: true,
+        ignore: config.excludeFiles,
+        async readFile(fsPath: string): Promise<Buffer | string | null> {
+          const relPath = relative(workPath, fsPath);
+          const cached = sourceCache.get(relPath);
+          if (cached) return cached.toString();
+          // null represents a not found
+          if (cached === null) return null;
+          try {
+            const source = readFileSync(fsPath);
+            const { mode } = lstatSync(fsPath);
+            let entry: File;
+            if (isSymbolicLink(mode)) {
+              entry = new FileFsRef({ fsPath, mode });
+            } else {
+              entry = new FileBlob({ data: source, mode });
+            }
+            fsCache.set(relPath, entry);
+            sourceCache.set(relPath, source);
+            return source.toString();
+          } catch (e: any) {
+            if (e.code === 'ENOENT' || e.code === 'EISDIR') {
+              sourceCache.set(relPath, null);
+              return null;
+            }
+            throw e;
+          }
+        },
+      }
+    );
+
+    for (const warning of warnings) {
+      if (warning?.stack) {
+        debug(warning.stack.replace('Error: ', 'Warning: '));
+      }
+    }
+
+    const lambdaFiles: Files = {};
+
+    const allFiles = [...fileList, ...esmFileList];
+    for (const filePath of allFiles) {
+      lambdaFiles[filePath] = await FileFsRef.fromFsPath({
+        fsPath: join(workPath, filePath),
+      });
+    }
+
+    lambdaFiles[relative(workPath, fileFsRef.fsPath)] = fileFsRef;
+
+    const { memory, maxDuration } = await getLambdaOptionsFromFunction({
+      sourceFile,
+      config,
+    });
+
+    const lambda = new NodejsLambda({
+      files: lambdaFiles,
+      handler: relativeEntrypoint,
+      runtime: nodeVersion.runtime,
+      memory,
+      maxDuration,
+      shouldAddHelpers: false,
+      shouldAddSourcemapSupport: false,
+      awsLambdaHandler,
+    });
+    lambdaOutputs[outputName] = lambda;
+  }
+
+  return {
+    output: { ...staticOutputs, ...lambdaOutputs },
+    routes: [{ handle: 'filesystem' }, { src: '/.*', dest: '/index.html' }],
+  };
+};
+
+function getAWSLambdaHandler(filePath: string, handlerName: string) {
+  const { dir, name } = parsePath(filePath);
+  return `${dir}${dir ? sep : ''}${name}.${handlerName}`;
+}
+
+function hasScript(scriptName: string, pkg: PackageJson | null) {
+  const scripts = (pkg && pkg.scripts) || {};
+  return typeof scripts[scriptName] === 'string';
+}
+
+export const prepareCache: PrepareCache = async ({ workPath }) => {
+  const cache = await glob('**/node_modules/**', workPath);
+  return cache;
+};

packages/redwood/test/fixtures/01-create-redwood-app/.env.defaults

@@ -0,0 +1,7 @@
+# These environment variables will be used by default if you do not create any
+# yourself in .env. This file should be safe to check into your version control
+# system. Any custom values should go in .env and .env should *not* be checked
+# into version control.
+
+DATABASE_URL=file:./dev.db
+BINARY_TARGET=native

packages/redwood/test/fixtures/01-create-redwood-app/.gitignore

@@ -0,0 +1,10 @@
+.DS_Store
+.env
+.netlify
+dev.db
+dist
+dist-babel
+node_modules
+yarn-error.log
+
+.vercel

packages/redwood/test/fixtures/01-create-redwood-app/.nvmrc

@@ -0,0 +1 @@
+lts/*

packages/redwood/test/fixtures/01-create-redwood-app/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Redwood
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

packages/redwood/test/fixtures/01-create-redwood-app/README.md

@@ -0,0 +1,44 @@
+# Redwood
+
+> **HEADS UP:** RedwoodJS is _NOT_ ready for use in Production. It relies heavily on Prisma2, which is currently in testing with an expected production release coming soon. See status at ["Is Prisma2 Ready?"](https://isprisma2ready.com)
+
+## Getting Started
+
+- [Redwoodjs.com](https://redwoodjs.com): home to all things RedwoodJS.
+- [Tutorial](https://redwoodjs.com/tutorial/welcome-to-redwood): getting started and complete overview guide.
+- [Docs](https://redwoodjs.com/docs/introduction): using the Redwood Router, handling assets and files, list of command-line tools, and more.
+- [Redwood Community](https://community.redwoodjs.com): get help, share tips and tricks, and collaborate on everything about RedwoodJS.
+
+### Setup
+
+We use Yarn as our package manager. To get the dependencies installed, just do this in the root directory:
+
+```terminal
+yarn install
+```
+
+### Fire it up
+
+```terminal
+yarn redwood dev
+```
+
+Your browser should open automatically to `http://localhost:8910` to see the web app. Lambda functions run on `http://localhost:8911` and are also proxied to `http://localhost:8910/api/functions/*`.
+
+## Development
+
+### Database
+
+We're using [Prisma2](https://github.com/prisma/prisma2), a modern DB toolkit to query, migrate and model your database.
+
+Prisma2 is [not ready for production](https://isprisma2ready.com) at the moment.
+
+To create a development database:
+
+```terminal
+yarn redwood db up
+```
+
+This will read the schema definition in `api/prisma/schema.prisma` and generate a sqlite database in `api/prisma/dev.db`
+
+If you've made changes to the schema run `yarn redwood db save` to generate a migration, and `yarn redwood db up` to apply the migration/ generate a new ORM client.

packages/redwood/test/fixtures/01-create-redwood-app/api/.babelrc.js

@@ -0,0 +1 @@
+module.exports = { extends: '../babel.config.js' }

packages/redwood/test/fixtures/01-create-redwood-app/api/jsconfig.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "src/*": ["./src/*"]
+    }
+  },
+  "include": ["src/**/*"]
+}

packages/redwood/test/fixtures/01-create-redwood-app/api/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "api",
+  "version": "0.0.0",
+  "private": true,
+  "dependencies": {
+    "@redwoodjs/api": "0.15.0"
+  }
+}

packages/redwood/test/fixtures/01-create-redwood-app/api/prisma/schema.prisma

@@ -0,0 +1,18 @@
+datasource DS {
+  provider = "sqlite"
+  url      = env("DATABASE_URL")
+}
+
+generator client {
+  provider      = "prisma-client-js"
+  binaryTargets = env("BINARY_TARGET")
+}
+
+// Define your own datamodels here and run `yarn redwood db save` to create
+// migrations for them.
+// TODO: Please remove the following example:
+model UserExample {
+  id    Int     @id @default(autoincrement())
+  email String  @unique
+  name  String?
+}

packages/redwood/test/fixtures/01-create-redwood-app/api/prisma/seeds.js

@@ -0,0 +1,26 @@
+/* eslint-disable no-console */
+const { PrismaClient } = require('@prisma/client')
+const dotenv = require('dotenv')
+
+dotenv.config()
+const db = new PrismaClient()
+
+async function main() {
+  // Seed data is database data that needs to exist for your app to run.
+  // Ideally this file should be idempotent: running it multiple times
+  // will result in the same database state (usually by checking for the
+  // existence of a record before trying to create it). For example:
+  //
+  //   const existing = await db.user.findMany({ where: { email: 'admin@email.com' }})
+  //   if (!existing.length) {
+  //     await db.user.create({ data: { name: 'Admin', email: 'admin@email.com' }})
+  //   }
+
+  console.info('No data to seed. See api/prisma/seeds.js for info.')
+}
+
+main()
+  .catch((e) => console.error(e))
+  .finally(async () => {
+    await db.disconnect()
+  })

packages/redwood/test/fixtures/01-create-redwood-app/api/src/functions/graphql.js

@@ -0,0 +1,19 @@
+import {
+  createGraphQLHandler,
+  makeMergedSchema,
+  makeServices,
+} from '@redwoodjs/api'
+import importAll from '@redwoodjs/api/importAll.macro'
+
+import { db } from 'src/lib/db'
+
+const schemas = importAll('api', 'graphql')
+const services = importAll('api', 'services')
+
+export const handler = createGraphQLHandler({
+  schema: makeMergedSchema({
+    schemas,
+    services: makeServices({ services }),
+  }),
+  db,
+})

packages/redwood/test/fixtures/01-create-redwood-app/api/src/functions/memory.js

@@ -0,0 +1,9 @@
+async function handler() {
+  return {
+    statusCode: 200,
+    headers: {},
+    body: `Memory is: ${process.env.AWS_LAMBDA_FUNCTION_MEMORY_SIZE}`,
+  }
+}
+
+module.exports = { handler }

packages/redwood/test/fixtures/01-create-redwood-app/api/src/functions/permission.js

@@ -0,0 +1,26 @@
+const {
+  promises: { access },
+  constants: { X_OK },
+} = require('fs')
+
+async function isExecutable(fsPath) {
+  console.log(`Testing is file is executable: ${fsPath}`)
+  try {
+    await access(fsPath, X_OK)
+    return true
+  } catch (e) {
+    console.error(e)
+    return e.message
+  }
+}
+
+async function handler() {
+  const isExec = await isExecutable(module.id)
+  return {
+    statusCode: 200,
+    headers: {},
+    body: `File is executable: ${isExec}`,
+  }
+}
+
+module.exports = { handler }

packages/redwood/test/fixtures/01-create-redwood-app/api/src/lib/db.js

@@ -0,0 +1,6 @@
+// See https://github.com/prisma/prisma2/blob/master/docs/prisma-client-js/api.md#constructor
+// for options.
+
+import { PrismaClient } from '@prisma/client'
+
+export const db = new PrismaClient()

packages/redwood/test/fixtures/01-create-redwood-app/babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ['@redwoodjs/core/config/babel-preset'],
+}

packages/redwood/test/fixtures/01-create-redwood-app/package.json

@@ -0,0 +1,19 @@
+{
+  "private": true,
+  "workspaces": {
+    "packages": [
+      "api",
+      "web"
+    ]
+  },
+  "scripts": {
+    "build": "rw db up --no-db-client --auto-approve && rw build"
+  },
+  "devDependencies": {
+    "@redwoodjs/core": "0.15.0"
+  },
+  "engines": {
+    "node": ">=12",
+    "yarn": ">=1.15"
+  }
+}

packages/redwood/test/fixtures/01-create-redwood-app/prettier.config.js

@@ -0,0 +1,9 @@
+// https://prettier.io/docs/en/options.html
+module.exports = {
+  trailingComma: 'es5',
+  bracketSpacing: true,
+  tabWidth: 2,
+  semi: false,
+  singleQuote: true,
+  arrowParens: 'always',
+}

packages/redwood/test/fixtures/01-create-redwood-app/redwood.toml

@@ -0,0 +1,7 @@
+[web]
+  port = 8910
+  apiProxyPath = "/api"
+[api]
+  port = 8911
+[browser]
+  open = false

packages/redwood/test/fixtures/01-create-redwood-app/vercel.json

@@ -0,0 +1,41 @@
+{
+  "version": 2,
+  "builds": [
+    {
+      "src": "package.json",
+      "use": "@vercel/redwood",
+      "config": {
+        "zeroConfig": true,
+        "functions": {
+          "api/src/functions/memory.js": {
+            "memory": 128
+          }
+        }
+      }
+    }
+  ],
+  "probes": [
+    { "path": "/", "mustContain": "<div id=\"redwood-app\">" },
+    { "path": "/about", "mustContain": "<div id=\"redwood-app\">" },
+    {
+      "path": "/api/graphql",
+      "headers": { "Accept": "text/html" },
+      "mustContain": "<title>GraphQL Playground</title>"
+    },
+    {
+      "path": "/api/graphql",
+      "method": "POST",
+      "headers": { "Accept": "application/json" },
+      "body": { "query": "{ redwood { version } }" },
+      "mustContain": "0.15.0"
+    },
+    {
+      "path": "/api/permission",
+      "mustContain": "File is executable: true"
+    },
+    {
+      "path": "/api/memory",
+      "mustContain": "Memory is: 128"
+    }
+  ]
+}

packages/redwood/test/fixtures/01-create-redwood-app/web/.babelrc.js

@@ -0,0 +1 @@
+module.exports = { extends: '../babel.config.js' }

packages/redwood/test/fixtures/01-create-redwood-app/web/jsconfig.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "src/*": ["./src/*"]
+    },
+    "jsx": "preserve"
+  },
+  "include": ["src/**/*"]
+}

packages/redwood/test/fixtures/01-create-redwood-app/web/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "web",
+  "version": "0.0.0",
+  "private": true,
+  "browserslist": [
+    "defaults"
+  ],
+  "dependencies": {
+    "@redwoodjs/router": "0.15.0",
+    "@redwoodjs/web": "0.15.0",
+    "prop-types": "^15.7.2",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1"
+  }
+}

packages/redwood/test/fixtures/01-create-redwood-app/web/public/README.md

@@ -0,0 +1,45 @@
+# Static Assets
+
+Use this folder to add static files directly to your app. All included files and folders will be copied directly into the `/dist` folder (created when Webpack builds for production). They will also be available during development when you run `yarn rw dev`.
+
+> Note: files will _not_ hot reload while the development server is running. You'll need to manually stop/start to access file changes.
+
+### Example Use
+
+A file like `favicon.png` will be copied to `/dist/favicon.png`. A folder containing a file such as `static-files/my-logo.jpg` will be copied to `/dist/static-files/my-logo.jpg`. These can be referenced in your code directly without any special handling, e.g.
+
+```
+<link rel="icon" type="image/png" href="/favicon.png" />
+```
+
+and
+
+```
+<img src="/static-files/my-logo.jpg"> alt="Logo" />
+```
+
+Behind the scenes, we are using Webpack's ["copy-webpack-plugin"](https://github.com/webpack-contrib/copy-webpack-plugin).
+
+## Best Practices
+
+Because assets in this folder are bypassing the javascript module system, **this folder should be used sparingly** for assets such as favicons, robots.txt, manifests, libraries incompatible with Webpack, etc.
+
+In general, it's best to import files directly into a template, page, or component. This allows Webpack to include that file in the bundle, which ensures Webpack will correctly process and move assets into the distribution folder, providing error checks and correct paths along the way.
+
+### Example Asset Import with Webpack
+
+Instead of handling our logo image as a static file per the example above, we can do the following:
+
+```
+import React from "react"
+import logo from "./my-logo.jpg"
+
+
+function Header() {
+  return <img src={logo} alt="Logo" />
+}
+
+export default Header
+```
+
+Behind the scenes, we are using Webpack's ["file-loader"](https://webpack.js.org/loaders/file-loader/) and ["url-loader](https://webpack.js.org/loaders/url-loader/) (for files smaller than 10kb).

packages/redwood/test/fixtures/01-create-redwood-app/web/public/robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Disallow:

packages/redwood/test/fixtures/01-create-redwood-app/web/src/Routes.js

@@ -0,0 +1,22 @@
+// In this file, all Page components from 'src/pages` are auto-imported. Nested
+// directories are supported, and should be uppercase. Each subdirectory will be
+// prepended onto the component name.
+//
+// Examples:
+//
+// 'src/pages/HomePage/HomePage.js'         -> HomePage
+// 'src/pages/Admin/BooksPage/BooksPage.js' -> AdminBooksPage
+
+import { Router, Route } from '@redwoodjs/router'
+
+const Routes = () => {
+  return (
+    <Router>
+      <Route path="/" page={HomePage} name="home" />
+      <Route path="/about" page={AboutPage} name="about" />
+      <Route notfound page={NotFoundPage} />
+    </Router>
+  )
+}
+
+export default Routes

packages/redwood/test/fixtures/01-create-redwood-app/web/src/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/png" href="/favicon.png" />
+    <title><%= htmlWebpackPlugin.options.title %></title>
+  </head>
+  <body>
+    <div id="redwood-app"></div>
+  </body>
+</html>

packages/redwood/test/fixtures/01-create-redwood-app/web/src/index.js

@@ -0,0 +1,16 @@
+import ReactDOM from 'react-dom'
+import { RedwoodProvider, FatalErrorBoundary } from '@redwoodjs/web'
+import FatalErrorPage from 'src/pages/FatalErrorPage'
+
+import Routes from 'src/Routes'
+
+import './index.css'
+
+ReactDOM.render(
+  <FatalErrorBoundary page={FatalErrorPage}>
+    <RedwoodProvider>
+      <Routes />
+    </RedwoodProvider>
+  </FatalErrorBoundary>,
+  document.getElementById('redwood-app')
+)

packages/redwood/test/fixtures/01-create-redwood-app/web/src/pages/AboutPage/AboutPage.js

@@ -0,0 +1,45 @@
+export default () => (
+  <main>
+    <style
+      dangerouslySetInnerHTML={{
+        __html: `
+              html, body {
+                margin: 0;
+              }
+              html * {
+                box-sizing: border-box;
+              }
+              main {
+                display: flex;
+                align-items: center;
+                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
+                text-align: center;
+                background-color: #E2E8F0;
+                height: 100vh;
+              }
+              section {
+                background-color: white;
+                border-radius: 0.25rem;
+                width: 32rem;
+                padding: 1rem;
+                margin: 0 auto;
+                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+              }
+              h1 {
+                font-size: 2rem;
+                margin: 0;
+                font-weight: 500;
+                line-height: 1;
+                color: #2D3748;
+              }
+            `,
+      }}
+    />
+    <section>
+      <h1>
+        <span>About RedwoodJS</span>
+      </h1>
+      <p>{process.env.REDWOOD_ENV_VERCEL_URL}</p>
+    </section>
+  </main>
+)

packages/redwood/test/fixtures/01-create-redwood-app/web/src/pages/FatalErrorPage/FatalErrorPage.js

@@ -0,0 +1,53 @@
+// This page will be rendered when an error makes it all the way to the top of the
+// application without being handled by a Javascript catch statement or React error
+// boundary.
+//
+// You can modify this page as you wish, but it is important to keep things simple to
+// avoid the possibility that it will cause its own error. If it does, Redwood will
+// still render a generic error page, but your users will prefer something a bit more
+// thoughtful. =)
+
+export default () => (
+  <main>
+    <style
+      dangerouslySetInnerHTML={{
+        __html: `
+              html, body {
+                margin: 0;
+              }
+              html * {
+                box-sizing: border-box;
+              }
+              main {
+                display: flex;
+                align-items: center;
+                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
+                text-align: center;
+                background-color: #E2E8F0;
+                height: 100vh;
+              }
+              section {
+                background-color: white;
+                border-radius: 0.25rem;
+                width: 32rem;
+                padding: 1rem;
+                margin: 0 auto;
+                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+              }
+              h1 {
+                font-size: 2rem;
+                margin: 0;
+                font-weight: 500;
+                line-height: 1;
+                color: #2D3748;
+              }
+            `,
+      }}
+    />
+    <section>
+      <h1>
+        <span>Something went wrong</span>
+      </h1>
+    </section>
+  </main>
+)

packages/redwood/test/fixtures/01-create-redwood-app/web/src/pages/HomePage/HomePage.js

@@ -0,0 +1,44 @@
+export default () => (
+  <main>
+    <style
+      dangerouslySetInnerHTML={{
+        __html: `
+              html, body {
+                margin: 0;
+              }
+              html * {
+                box-sizing: border-box;
+              }
+              main {
+                display: flex;
+                align-items: center;
+                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
+                text-align: center;
+                background-color: #E2E8F0;
+                height: 100vh;
+              }
+              section {
+                background-color: white;
+                border-radius: 0.25rem;
+                width: 32rem;
+                padding: 1rem;
+                margin: 0 auto;
+                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+              }
+              h1 {
+                font-size: 2rem;
+                margin: 0;
+                font-weight: 500;
+                line-height: 1;
+                color: #2D3748;
+              }
+            `,
+      }}
+    />
+    <section>
+      <h1>
+        <span>Welcome to RedwoodJS!</span>
+      </h1>
+    </section>
+  </main>
+)

packages/redwood/test/fixtures/01-create-redwood-app/web/src/pages/NotFoundPage/NotFoundPage.js

@@ -0,0 +1,44 @@
+export default () => (
+  <main>
+    <style
+      dangerouslySetInnerHTML={{
+        __html: `
+              html, body {
+                margin: 0;
+              }
+              html * {
+                box-sizing: border-box;
+              }
+              main {
+                display: flex;
+                align-items: center;
+                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
+                text-align: center;
+                background-color: #E2E8F0;
+                height: 100vh;
+              }
+              section {
+                background-color: white;
+                border-radius: 0.25rem;
+                width: 32rem;
+                padding: 1rem;
+                margin: 0 auto;
+                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+              }
+              h1 {
+                font-size: 2rem;
+                margin: 0;
+                font-weight: 500;
+                line-height: 1;
+                color: #2D3748;
+              }
+            `,
+      }}
+    />
+    <section>
+      <h1>
+        <span>404 Page Not Found</span>
+      </h1>
+    </section>
+  </main>
+)

packages/redwood/test/fixtures/02-create-redwood-app/.env.defaults

@@ -0,0 +1,7 @@
+# These environment variables will be used by default if you do not create any
+# yourself in .env. This file should be safe to check into your version control
+# system. Any custom values should go in .env and .env should *not* be checked
+# into version control.
+
+DATABASE_URL=file:./dev.db
+BINARY_TARGET=native

packages/redwood/test/fixtures/02-create-redwood-app/.gitignore

@@ -0,0 +1,10 @@
+.idea
+.DS_Store
+.env
+.netlify
+dev.db
+dist
+dist-babel
+node_modules
+yarn-error.log
+web/public/mockServiceWorker.js

packages/redwood/test/fixtures/02-create-redwood-app/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Redwood
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

packages/redwood/test/fixtures/02-create-redwood-app/README.md

@@ -0,0 +1,54 @@
+# Redwood
+
+> **HEADS UP:** RedwoodJS is _NOT_ ready for use in Production. It relies heavily on Prisma2, which is currently in testing with an expected production release coming soon. See status at ["Is Prisma2 Ready?"](https://isprisma2ready.com)
+
+## Getting Started
+
+- [Redwoodjs.com](https://redwoodjs.com): home to all things RedwoodJS.
+- [Tutorial](https://redwoodjs.com/tutorial/welcome-to-redwood): getting started and complete overview guide.
+- [Docs](https://redwoodjs.com/docs/introduction): using the Redwood Router, handling assets and files, list of command-line tools, and more.
+- [Redwood Community](https://community.redwoodjs.com): get help, share tips and tricks, and collaborate on everything about RedwoodJS.
+
+### Setup
+
+We use Yarn as our package manager. To get the dependencies installed, just do this in the root directory:
+
+```terminal
+yarn install
+```
+
+### Fire it up
+
+```terminal
+yarn redwood dev
+```
+
+Your browser should open automatically to `http://localhost:8910` to see the web app. Lambda functions run on `http://localhost:8911` and are also proxied to `http://localhost:8910/api/functions/*`.
+
+### Updating Redwood
+
+Redwood comes with a helpful command to update itself and its dependencies. Why not try a new and improved version today?
+
+> :point_right: IMPORTANT: Skipping versions when upgrading is not recommended and will likely cause problems. Do read through all [Release Notes](https://github.com/redwoodjs/redwood/releases) between your current version and the latest version. Each minor release will likely require you to implement breaking change fixes and apply manual code modifications.
+
+```terminal
+yarn rw upgrade
+```
+
+## Development
+
+### Database
+
+We're using [Prisma2](https://github.com/prisma/prisma2), a modern DB toolkit to query, migrate and model your database.
+
+Prisma2 is [not ready for production](https://isprisma2ready.com) at the moment.
+
+To create a development database:
+
+```terminal
+yarn redwood db up
+```
+
+This will read the schema definition in `api/prisma/schema.prisma` and generate a sqlite database in `api/prisma/dev.db`
+
+If you've made changes to the schema run `yarn redwood db save` to generate a migration, and `yarn redwood db up` to apply the migration/ generate a new ORM client.

packages/redwood/test/fixtures/02-create-redwood-app/api/.babelrc.js

@@ -0,0 +1 @@
+module.exports = { extends: '../babel.config.js' }

packages/redwood/test/fixtures/02-create-redwood-app/api/jest.config.js

@@ -0,0 +1,6 @@
+const { getConfig } = require('@redwoodjs/core')
+
+const config = getConfig({ type: 'jest', target: 'node' })
+config.displayName.name = 'api'
+
+module.exports = config

packages/redwood/test/fixtures/02-create-redwood-app/api/jsconfig.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "src/*": ["./src/*"]
+    }
+  },
+  "include": ["src/**/*"]
+}

packages/redwood/test/fixtures/02-create-redwood-app/api/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "api",
+  "version": "0.0.0",
+  "private": true,
+  "dependencies": {
+    "@redwoodjs/api": "^0.15.3"
+  }
+}

packages/redwood/test/fixtures/02-create-redwood-app/api/prisma/schema.prisma

@@ -0,0 +1,18 @@
+datasource DS {
+  provider = "sqlite"
+  url      = env("DATABASE_URL")
+}
+
+generator client {
+  provider      = "prisma-client-js"
+  binaryTargets = "native"
+}
+
+// Define your own datamodels here and run `yarn redwood db save` to create
+// migrations for them.
+// TODO: Please remove the following example:
+model UserExample {
+  id    Int     @id @default(autoincrement())
+  email String  @unique
+  name  String?
+}

packages/redwood/test/fixtures/02-create-redwood-app/api/prisma/seeds.js

@@ -0,0 +1,26 @@
+/* eslint-disable no-console */
+const { PrismaClient } = require('@prisma/client')
+const dotenv = require('dotenv')
+
+dotenv.config()
+const db = new PrismaClient()
+
+async function main() {
+  // Seed data is database data that needs to exist for your app to run.
+  // Ideally this file should be idempotent: running it multiple times
+  // will result in the same database state (usually by checking for the
+  // existence of a record before trying to create it). For example:
+  //
+  //   const existing = await db.user.findMany({ where: { email: 'admin@email.com' }})
+  //   if (!existing.length) {
+  //     await db.user.create({ data: { name: 'Admin', email: 'admin@email.com' }})
+  //   }
+
+  console.info('No data to seed. See api/prisma/seeds.js for info.')
+}
+
+main()
+  .catch((e) => console.error(e))
+  .finally(async () => {
+    await db.disconnect()
+  })

packages/redwood/test/fixtures/02-create-redwood-app/api/src/functions/graphql.js

@@ -0,0 +1,17 @@
+import {
+  createGraphQLHandler,
+  makeMergedSchema,
+  makeServices,
+} from '@redwoodjs/api'
+import schemas from 'src/graphql/**/*.{js,ts}'
+import services from 'src/services/**/*.{js,ts}'
+
+import { db } from 'src/lib/db'
+
+export const handler = createGraphQLHandler({
+  schema: makeMergedSchema({
+    schemas,
+    services: makeServices({ services }),
+  }),
+  db,
+})

packages/redwood/test/fixtures/02-create-redwood-app/api/src/lib/db.js

@@ -0,0 +1,6 @@
+// See https://www.prisma.io/docs/reference/tools-and-interfaces/prisma-client/constructor
+// for options.
+
+import { PrismaClient } from '@prisma/client'
+
+export const db = new PrismaClient()

packages/redwood/test/fixtures/02-create-redwood-app/babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ['@redwoodjs/core/config/babel-preset'],
+}

packages/redwood/test/fixtures/02-create-redwood-app/package.json

@@ -0,0 +1,17 @@
+{
+  "private": true,
+  "workspaces": {
+    "packages": [
+      "api",
+      "web"
+    ]
+  },
+  "devDependencies": {
+    "@redwoodjs/core": "^0.15.3",
+    "netlify-plugin-prisma-provider": "^0.3.0"
+  },
+  "engines": {
+    "node": ">=12",
+    "yarn": ">=1.15"
+  }
+}

packages/redwood/test/fixtures/02-create-redwood-app/prettier.config.js

@@ -0,0 +1,9 @@
+// https://prettier.io/docs/en/options.html
+module.exports = {
+  trailingComma: 'es5',
+  bracketSpacing: true,
+  tabWidth: 2,
+  semi: false,
+  singleQuote: true,
+  arrowParens: 'always',
+}

packages/redwood/test/fixtures/02-create-redwood-app/redwood.toml

@@ -0,0 +1,7 @@
+[web]
+  port = 8910
+  apiProxyPath = "/api"
+[api]
+  port = 8911
+[browser]
+  open = false

packages/redwood/test/fixtures/02-create-redwood-app/vercel.json

@@ -0,0 +1,20 @@
+{
+  "version": 2,
+  "builds": [{ "src": "package.json", "use": "@vercel/redwood" }],
+  "probes": [
+    { "path": "/", "mustContain": "<div id=\"redwood-app\">" },
+    { "path": "/about", "mustContain": "<div id=\"redwood-app\">" },
+    {
+      "path": "/api/graphql",
+      "headers": { "Accept": "text/html" },
+      "mustContain": "<title>GraphQL Playground</title>"
+    },
+    {
+      "path": "/api/graphql",
+      "method": "POST",
+      "headers": { "Accept": "application/json" },
+      "body": { "query": "{ redwood { version } }" },
+      "mustContain": "0.15.3"
+    }
+  ]
+}

packages/redwood/test/fixtures/02-create-redwood-app/web/.babelrc.js

@@ -0,0 +1 @@
+module.exports = { extends: '../babel.config.js' }

packages/redwood/test/fixtures/02-create-redwood-app/web/jest.config.js

@@ -0,0 +1,6 @@
+const { getConfig } = require('@redwoodjs/core')
+
+const config = getConfig({ type: 'jest', target: 'browser' })
+config.displayName.name = 'web'
+
+module.exports = config

packages/redwood/test/fixtures/02-create-redwood-app/web/jsconfig.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "src/*": ["./src/*"]
+    },
+    "jsx": "preserve"
+  },
+  "include": ["src/**/*"]
+}

packages/redwood/test/fixtures/02-create-redwood-app/web/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "web",
+  "version": "0.0.0",
+  "private": true,
+  "browserslist": [
+    "defaults"
+  ],
+  "dependencies": {
+    "@redwoodjs/router": "^0.15.3",
+    "@redwoodjs/web": "^0.15.3",
+    "prop-types": "^15.7.2",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1"
+  }
+}

packages/redwood/test/fixtures/02-create-redwood-app/web/public/README.md

@@ -0,0 +1,45 @@
+# Static Assets
+
+Use this folder to add static files directly to your app. All included files and folders will be copied directly into the `/dist` folder (created when Webpack builds for production). They will also be available during development when you run `yarn rw dev`.
+
+> Note: files will _not_ hot reload while the development server is running. You'll need to manually stop/start to access file changes.
+
+### Example Use
+
+A file like `favicon.png` will be copied to `/dist/favicon.png`. A folder containing a file such as `static-files/my-logo.jpg` will be copied to `/dist/static-files/my-logo.jpg`. These can be referenced in your code directly without any special handling, e.g.
+
+```
+<link rel="icon" type="image/png" href="/favicon.png" />
+```
+
+and
+
+```
+<img src="/static-files/my-logo.jpg"> alt="Logo" />
+```
+
+Behind the scenes, we are using Webpack's ["copy-webpack-plugin"](https://github.com/webpack-contrib/copy-webpack-plugin).
+
+## Best Practices
+
+Because assets in this folder are bypassing the javascript module system, **this folder should be used sparingly** for assets such as favicons, robots.txt, manifests, libraries incompatible with Webpack, etc.
+
+In general, it's best to import files directly into a template, page, or component. This allows Webpack to include that file in the bundle, which ensures Webpack will correctly process and move assets into the distribution folder, providing error checks and correct paths along the way.
+
+### Example Asset Import with Webpack
+
+Instead of handling our logo image as a static file per the example above, we can do the following:
+
+```
+import React from "react"
+import logo from "./my-logo.jpg"
+
+
+function Header() {
+  return <img src={logo} alt="Logo" />
+}
+
+export default Header
+```
+
+Behind the scenes, we are using Webpack's ["file-loader"](https://webpack.js.org/loaders/file-loader/) and ["url-loader](https://webpack.js.org/loaders/url-loader/) (for files smaller than 10kb).

packages/redwood/test/fixtures/02-create-redwood-app/web/public/robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Disallow:

packages/redwood/test/fixtures/02-create-redwood-app/web/src/Routes.js

@@ -0,0 +1,20 @@
+// In this file, all Page components from 'src/pages` are auto-imported. Nested
+// directories are supported, and should be uppercase. Each subdirectory will be
+// prepended onto the component name.
+//
+// Examples:
+//
+// 'src/pages/HomePage/HomePage.js'         -> HomePage
+// 'src/pages/Admin/BooksPage/BooksPage.js' -> AdminBooksPage
+
+import { Router, Route } from '@redwoodjs/router'
+
+const Routes = () => {
+  return (
+    <Router>
+      <Route notfound page={NotFoundPage} />
+    </Router>
+  )
+}
+
+export default Routes

packages/redwood/test/fixtures/02-create-redwood-app/web/src/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/png" href="/favicon.png" />
+    <title><%= htmlWebpackPlugin.options.title %></title>
+  </head>
+  <body>
+    <div id="redwood-app"></div>
+  </body>
+</html>

packages/redwood/test/fixtures/02-create-redwood-app/web/src/index.js

@@ -0,0 +1,16 @@
+import ReactDOM from 'react-dom'
+import { RedwoodProvider, FatalErrorBoundary } from '@redwoodjs/web'
+import FatalErrorPage from 'src/pages/FatalErrorPage'
+
+import Routes from 'src/Routes'
+
+import './index.css'
+
+ReactDOM.render(
+  <FatalErrorBoundary page={FatalErrorPage}>
+    <RedwoodProvider>
+      <Routes />
+    </RedwoodProvider>
+  </FatalErrorBoundary>,
+  document.getElementById('redwood-app')
+)

packages/redwood/test/fixtures/02-create-redwood-app/web/src/pages/FatalErrorPage/FatalErrorPage.js

@@ -0,0 +1,53 @@
+// This page will be rendered when an error makes it all the way to the top of the
+// application without being handled by a Javascript catch statement or React error
+// boundary.
+//
+// You can modify this page as you wish, but it is important to keep things simple to
+// avoid the possibility that it will cause its own error. If it does, Redwood will
+// still render a generic error page, but your users will prefer something a bit more
+// thoughtful. =)
+
+export default () => (
+  <main>
+    <style
+      dangerouslySetInnerHTML={{
+        __html: `
+              html, body {
+                margin: 0;
+              }
+              html * {
+                box-sizing: border-box;
+              }
+              main {
+                display: flex;
+                align-items: center;
+                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
+                text-align: center;
+                background-color: #E2E8F0;
+                height: 100vh;
+              }
+              section {
+                background-color: white;
+                border-radius: 0.25rem;
+                width: 32rem;
+                padding: 1rem;
+                margin: 0 auto;
+                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+              }
+              h1 {
+                font-size: 2rem;
+                margin: 0;
+                font-weight: 500;
+                line-height: 1;
+                color: #2D3748;
+              }
+            `,
+      }}
+    />
+    <section>
+      <h1>
+        <span>Something went wrong</span>
+      </h1>
+    </section>
+  </main>
+)

packages/redwood/test/fixtures/02-create-redwood-app/web/src/pages/NotFoundPage/NotFoundPage.js

@@ -0,0 +1,44 @@
+export default () => (
+  <main>
+    <style
+      dangerouslySetInnerHTML={{
+        __html: `
+              html, body {
+                margin: 0;
+              }
+              html * {
+                box-sizing: border-box;
+              }
+              main {
+                display: flex;
+                align-items: center;
+                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
+                text-align: center;
+                background-color: #E2E8F0;
+                height: 100vh;
+              }
+              section {
+                background-color: white;
+                border-radius: 0.25rem;
+                width: 32rem;
+                padding: 1rem;
+                margin: 0 auto;
+                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+              }
+              h1 {
+                font-size: 2rem;
+                margin: 0;
+                font-weight: 500;
+                line-height: 1;
+                color: #2D3748;
+              }
+            `,
+      }}
+    />
+    <section>
+      <h1>
+        <span>404 Page Not Found</span>
+      </h1>
+    </section>
+  </main>
+)

packages/redwood/test/fixtures/16-create-redwood-app/.env.defaults

@@ -0,0 +1,10 @@
+# These environment variables will be used by default if you do not create any
+# yourself in .env. This file should be safe to check into your version control
+# system. Any custom values should go in .env and .env should *not* be checked
+# into version control.
+
+# schema.prisma defaults
+DATABASE_URL=file:./dev.db
+
+# disables Prisma CLI update notifier
+PRISMA_HIDE_UPDATE_MESSAGE=true

packages/redwood/test/fixtures/16-create-redwood-app/.gitignore

@@ -0,0 +1,10 @@
+.idea
+.DS_Store
+.env
+.netlify
+dev.db
+dist
+dist-babel
+node_modules
+yarn-error.log
+web/public/mockServiceWorker.js

packages/redwood/test/fixtures/16-create-redwood-app/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Redwood
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

packages/redwood/test/fixtures/16-create-redwood-app/README.md

@@ -0,0 +1,25 @@
+# Redwood
+
+> **WARNING:** RedwoodJS software has not reached a stable version 1.0 and should not be considered suitable for production use. In the "make it work; make it right; make it fast" paradigm, Redwood is in the later stages of the "make it work" phase.
+
+## Getting Started
+
+- [Tutorial](https://redwoodjs.com/tutorial/welcome-to-redwood): getting started and complete overview guide.
+- [Docs](https://redwoodjs.com/docs/introduction): using the Redwood Router, handling assets and files, list of command-line tools, and more.
+- [Redwood Community](https://community.redwoodjs.com): get help, share tips and tricks, and collaborate on everything about RedwoodJS.
+
+### Setup
+
+We use Yarn as our package manager. To get the dependencies installed, just do this in the root directory:
+
+```terminal
+yarn install
+```
+
+### Fire it up
+
+```terminal
+yarn redwood dev
+```
+
+Your browser should open automatically to `http://localhost:8910` to see the web app. Lambda functions run on `http://localhost:8911` and are also proxied to `http://localhost:8910/.redwood/functions/*`.

packages/redwood/test/fixtures/16-create-redwood-app/api/.babelrc.js

@@ -0,0 +1 @@
+module.exports = { extends: '../babel.config.js' }

packages/redwood/test/fixtures/16-create-redwood-app/api/jest.config.js

@@ -0,0 +1,6 @@
+const { getConfig } = require('@redwoodjs/core')
+
+const config = getConfig({ type: 'jest', target: 'node' })
+config.displayName.name = 'api'
+
+module.exports = config

packages/redwood/test/fixtures/16-create-redwood-app/api/jsconfig.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "src/*": ["./src/*"]
+    }
+  },
+  "include": ["src/**/*"]
+}

packages/redwood/test/fixtures/16-create-redwood-app/api/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "api",
+  "version": "0.0.0",
+  "private": true,
+  "dependencies": {
+    "@redwoodjs/api": "^0.16.0"
+  }
+}

packages/redwood/test/fixtures/16-create-redwood-app/api/prisma/schema.prisma

@@ -0,0 +1,20 @@
+datasource DS {
+  // optionally set multiple providers
+  // example: provider = ["sqlite", "postgresql"]
+  provider = "sqlite"
+  url      = env("DATABASE_URL")
+}
+
+generator client {
+  provider      = "prisma-client-js"
+  binaryTargets = "native"
+}
+
+// Define your own datamodels here and run `yarn redwood db save` to create
+// migrations for them.
+// TODO: Please remove the following example:
+model UserExample {
+  id    Int     @id @default(autoincrement())
+  email String  @unique
+  name  String?
+}

packages/redwood/test/fixtures/16-create-redwood-app/api/prisma/seeds.js

@@ -0,0 +1,26 @@
+/* eslint-disable no-console */
+const { PrismaClient } = require('@prisma/client')
+const dotenv = require('dotenv')
+
+dotenv.config()
+const db = new PrismaClient()
+
+async function main() {
+  // Seed data is database data that needs to exist for your app to run.
+  // Ideally this file should be idempotent: running it multiple times
+  // will result in the same database state (usually by checking for the
+  // existence of a record before trying to create it). For example:
+  //
+  //   const existing = await db.user.findMany({ where: { email: 'admin@email.com' }})
+  //   if (!existing.length) {
+  //     await db.user.create({ data: { name: 'Admin', email: 'admin@email.com' }})
+  //   }
+
+  console.info('No data to seed. See api/prisma/seeds.js for info.')
+}
+
+main()
+  .catch((e) => console.error(e))
+  .finally(async () => {
+    await db.disconnect()
+  })

packages/redwood/test/fixtures/16-create-redwood-app/api/src/functions/graphql.js

@@ -0,0 +1,17 @@
+import {
+  createGraphQLHandler,
+  makeMergedSchema,
+  makeServices,
+} from '@redwoodjs/api'
+import schemas from 'src/graphql/**/*.{js,ts}'
+import services from 'src/services/**/*.{js,ts}'
+
+import { db } from 'src/lib/db'
+
+export const handler = createGraphQLHandler({
+  schema: makeMergedSchema({
+    schemas,
+    services: makeServices({ services }),
+  }),
+  db,
+})

packages/redwood/test/fixtures/16-create-redwood-app/api/src/lib/db.js

@@ -0,0 +1,6 @@
+// See https://www.prisma.io/docs/reference/tools-and-interfaces/prisma-client/constructor
+// for options.
+
+import { PrismaClient } from '@prisma/client'
+
+export const db = new PrismaClient()

packages/redwood/test/fixtures/16-create-redwood-app/babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ['@redwoodjs/core/config/babel-preset'],
+}

packages/redwood/test/fixtures/16-create-redwood-app/install.js

@@ -0,0 +1,22 @@
+const path = require('path')
+const { promises: fs } = require('fs')
+
+async function main() {
+  console.log('installCommand...')
+
+  await fs.writeFile(
+    path.join(__dirname, 'web', 'public', 'install.txt'),
+    `installCommand.`
+  )
+
+  console.log('Finished installing...')
+}
+
+main()
+  .then(() => {
+    process.exit(0)
+  })
+  .catch((error) => {
+    console.error(error)
+    process.exit(1)
+  })

packages/redwood/test/fixtures/16-create-redwood-app/package.json

@@ -0,0 +1,16 @@
+{
+  "private": true,
+  "workspaces": {
+    "packages": [
+      "api",
+      "web"
+    ]
+  },
+  "devDependencies": {
+    "@redwoodjs/core": "^0.16.0"
+  },
+  "engines": {
+    "node": ">=12",
+    "yarn": ">=1.15"
+  }
+}

packages/redwood/test/fixtures/16-create-redwood-app/prettier.config.js

@@ -0,0 +1,9 @@
+// https://prettier.io/docs/en/options.html
+module.exports = {
+  trailingComma: 'es5',
+  bracketSpacing: true,
+  tabWidth: 2,
+  semi: false,
+  singleQuote: true,
+  arrowParens: 'always',
+}

packages/redwood/test/fixtures/16-create-redwood-app/redwood.toml

@@ -0,0 +1,14 @@
+# This file contains the configuration settings for your Redwood app.
+# This file is also what makes your Redwood app a Redwood app.
+# If you remove it and try to run `yarn rw dev`, you'll get an error.
+#
+# For the full list of options, see the "App Configuration: redwood.toml" doc:
+# https://redwoodjs.com/docs/app-configuration-redwood-toml
+
+[web]
+  port = 8910
+  apiProxyPath = "/.redwood/functions"
+[api]
+  port = 8911
+[browser]
+  open = true

packages/redwood/test/fixtures/16-create-redwood-app/vercel.json

@@ -0,0 +1,29 @@
+{
+  "version": 2,
+  "builds": [
+    {
+      "src": "package.json",
+      "use": "@vercel/redwood",
+      "config": {
+        "zeroConfig": true,
+        "installCommand": "node install.js && yarn"
+      }
+    }
+  ],
+  "probes": [
+    { "path": "/", "mustContain": "<div id=\"redwood-app\">" },
+    {
+      "path": "/.redwood/functions/graphql",
+      "headers": { "Accept": "text/html" },
+      "mustContain": "<title>GraphQL Playground</title>"
+    },
+    {
+      "path": "/.redwood/functions/graphql",
+      "method": "POST",
+      "headers": { "Accept": "application/json" },
+      "body": { "query": "{ redwood { version } }" },
+      "mustContain": "0.16.0"
+    },
+    { "path": "/install.txt", "mustContain": "installCommand." }
+  ]
+}

packages/redwood/test/fixtures/16-create-redwood-app/web/.babelrc.js

@@ -0,0 +1 @@
+module.exports = { extends: '../babel.config.js' }