@vercel/build-utils 2.12.3-canary.19 → 2.12.3-canary.22

package/dist/convert-runtime-to-plugin.d.ts

@@ -1,5 +1,5 @@
 import { Lambda } from './lambda';
-import type { BuildOptions } from './types';
+import type { BuilderFunctions, BuildOptions } from './types';
 /**
  * Convert legacy Runtime to a Plugin.
  * @param buildRuntime - a legacy build() function from a Runtime
@@ -7,7 +7,13 @@ import type { BuildOptions } from './types';
  */
 export declare function convertRuntimeToPlugin(buildRuntime: (options: BuildOptions) => Promise<{
     output: Lambda;
-}>, ext: string): ({ workPath }: {
+}>, ext: string): ({ vercelConfig, workPath, }: {
+    vercelConfig: {
+        functions?: BuilderFunctions;
+        regions?: string[];
+        trailingSlash?: boolean;
+        cleanUrls?: boolean;
+    };
     workPath: string;
 }) => Promise<void>;
 /**
@@ -15,9 +21,55 @@ export declare function convertRuntimeToPlugin(buildRuntime: (options: BuildOpti
  * property. Otherwise write a new file. This will also read `vercel.json`
  * and apply relevant `functions` property config.
  */
-export declare function updateFunctionsManifest({ workPath, pages, }: {
+export declare function updateFunctionsManifest({ vercelConfig, workPath, pages, }: {
+    vercelConfig: {
+        functions?: BuilderFunctions;
+        regions?: string[];
+    };
     workPath: string;
     pages: {
         [key: string]: any;
     };
 }): Promise<void>;
+/**
+ * Append routes to the `routes-manifest.json` file.
+ * If the file does not exist, it will be created.
+ */
+export declare function updateRoutesManifest({ workPath, redirects, rewrites, headers, dynamicRoutes, staticRoutes, }: {
+    workPath: string;
+    redirects?: {
+        source: string;
+        destination: string;
+        statusCode: number;
+        regex: string;
+    }[];
+    rewrites?: {
+        source: string;
+        destination: string;
+        regex: string;
+    }[];
+    headers?: {
+        source: string;
+        headers: {
+            key: string;
+            value: string;
+        }[];
+        regex: string;
+    }[];
+    dynamicRoutes?: {
+        page: string;
+        regex: string;
+        namedRegex?: string;
+        routeKeys?: {
+            [named: string]: string;
+        };
+    }[];
+    staticRoutes?: {
+        page: string;
+        regex: string;
+        namedRegex?: string;
+        routeKeys?: {
+            [named: string]: string;
+        };
+    }[];
+}): Promise<void>;

package/dist/convert-runtime-to-plugin.js

@@ -3,11 +3,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateFunctionsManifest = exports.convertRuntimeToPlugin = void 0;
+exports.updateRoutesManifest = exports.updateFunctionsManifest = exports.convertRuntimeToPlugin = void 0;
 const fs_extra_1 = __importDefault(require("fs-extra"));
 const path_1 = require("path");
 const glob_1 = __importDefault(require("./fs/glob"));
 const normalize_path_1 = require("./fs/normalize-path");
+const detect_builders_1 = require("./detect-builders");
 const lambda_1 = require("./lambda");
 const minimatch_1 = __importDefault(require("minimatch"));
 /**
@@ -16,13 +17,15 @@ const minimatch_1 = __importDefault(require("minimatch"));
  * @param ext - the file extension, for example `.py`
  */
 function convertRuntimeToPlugin(buildRuntime, ext) {
-    return async function build({ workPath }) {
+    // This `build()` signature should match `plugin.build()` signature in `vercel build`.
+    return async function build({ vercelConfig, workPath, }) {
+        var _a;
         const opts = { cwd: workPath };
         const files = await glob_1.default('**', opts);
         delete files['vercel.json']; // Builders/Runtimes didn't have vercel.json
         const entrypoints = await glob_1.default(`api/**/*${ext}`, opts);
         const pages = {};
-        const { functions = {} } = await readVercelConfig(workPath);
+        const { functions = {}, cleanUrls, trailingSlash } = vercelConfig;
         const traceDir = path_1.join(workPath, '.output', 'runtime-traced-files');
         await fs_extra_1.default.ensureDir(traceDir);
         for (const entrypoint of Object.keys(entrypoints)) {
@@ -78,7 +81,54 @@ function convertRuntimeToPlugin(buildRuntime, ext) {
             await fs_extra_1.default.ensureDir(path_1.dirname(nft));
             await fs_extra_1.default.writeFile(nft, json);
         }
-        await updateFunctionsManifest({ workPath, pages });
+        await updateFunctionsManifest({ vercelConfig, workPath, pages });
+        const { warnings, errors, 
+        //defaultRoutes,
+        redirectRoutes, 
+        //rewriteRoutes,
+        dynamicRoutesWithKeys,
+        // errorRoutes, already handled by pages404
+         } = await detect_builders_1.detectBuilders(Object.keys(files), null, {
+            tag: 'latest',
+            functions: functions,
+            projectSettings: undefined,
+            featHandleMiss: true,
+            cleanUrls,
+            trailingSlash,
+        });
+        if (errors) {
+            throw new Error(errors[0].message);
+        }
+        if (warnings) {
+            warnings.forEach(warning => console.warn(warning.message, warning.link));
+        }
+        const redirects = (_a = redirectRoutes === null || redirectRoutes === void 0 ? void 0 : redirectRoutes.filter(r => r.src && 'headers' in r)) === null || _a === void 0 ? void 0 : _a.map(r => {
+            var _a;
+            return ({
+                source: r.src || '',
+                destination: 'headers' in r && ((_a = r.headers) === null || _a === void 0 ? void 0 : _a.Location) ? r.headers.Location : '',
+                statusCode: 'status' in r && r.status ? r.status : 307,
+                regex: r.src || '',
+            });
+        });
+        const dynamicRoutes = dynamicRoutesWithKeys === null || dynamicRoutesWithKeys === void 0 ? void 0 : dynamicRoutesWithKeys.map(r => {
+            const keys = Object.keys(r.routeKeys);
+            return {
+                page: '/' + r.fileName.slice(0, -ext.length),
+                regex: r.regex,
+                routeKeys: r.routeKeys,
+                namedRegex: r.regex
+                    .split('([^/]+)')
+                    .map((str, i) => str + (keys[i] ? `(?<${keys[i]}>[^/]+)` : ''))
+                    .join(''),
+            };
+        });
+        await updateRoutesManifest({
+            workPath,
+            redirects,
+            rewrites: [],
+            dynamicRoutes,
+        });
     };
 }
 exports.convertRuntimeToPlugin = convertRuntimeToPlugin;
@@ -104,18 +154,13 @@ async function readJson(filePath) {
         throw err;
     }
 }
-async function readVercelConfig(workPath) {
-    const vercelJsonPath = path_1.join(workPath, 'vercel.json');
-    return readJson(vercelJsonPath);
-}
 /**
  * If `.output/functions-manifest.json` exists, append to the pages
  * property. Otherwise write a new file. This will also read `vercel.json`
  * and apply relevant `functions` property config.
  */
-async function updateFunctionsManifest({ workPath, pages, }) {
+async function updateFunctionsManifest({ vercelConfig, workPath, pages, }) {
     const functionsManifestPath = path_1.join(workPath, '.output', 'functions-manifest.json');
-    const vercelConfig = await readVercelConfig(workPath);
     const functionsManifest = await readJson(functionsManifestPath);
     if (!functionsManifest.version)
         functionsManifest.version = 1;
@@ -136,3 +181,42 @@ async function updateFunctionsManifest({ workPath, pages, }) {
     await fs_extra_1.default.writeFile(functionsManifestPath, JSON.stringify(functionsManifest));
 }
 exports.updateFunctionsManifest = updateFunctionsManifest;
+/**
+ * Append routes to the `routes-manifest.json` file.
+ * If the file does not exist, it will be created.
+ */
+async function updateRoutesManifest({ workPath, redirects, rewrites, headers, dynamicRoutes, staticRoutes, }) {
+    const routesManifestPath = path_1.join(workPath, '.output', 'routes-manifest.json');
+    const routesManifest = await readJson(routesManifestPath);
+    if (!routesManifest.version)
+        routesManifest.version = 3;
+    if (routesManifest.pages404 === undefined)
+        routesManifest.pages404 = true;
+    if (redirects) {
+        if (!routesManifest.redirects)
+            routesManifest.redirects = [];
+        routesManifest.redirects.push(...redirects);
+    }
+    if (rewrites) {
+        if (!routesManifest.rewrites)
+            routesManifest.rewrites = [];
+        routesManifest.rewrites.push(...rewrites);
+    }
+    if (headers) {
+        if (!routesManifest.headers)
+            routesManifest.headers = [];
+        routesManifest.headers.push(...headers);
+    }
+    if (dynamicRoutes) {
+        if (!routesManifest.dynamicRoutes)
+            routesManifest.dynamicRoutes = [];
+        routesManifest.dynamicRoutes.push(...dynamicRoutes);
+    }
+    if (staticRoutes) {
+        if (!routesManifest.staticRoutes)
+            routesManifest.staticRoutes = [];
+        routesManifest.staticRoutes.push(...staticRoutes);
+    }
+    await fs_extra_1.default.writeFile(routesManifestPath, JSON.stringify(routesManifest));
+}
+exports.updateRoutesManifest = updateRoutesManifest;

package/dist/detect-builders.d.ts

@@ -6,6 +6,13 @@ interface ErrorResponse {
     action?: string;
     link?: string;
 }
+interface DynamicRoutesWithKeys {
+    fileName: string;
+    regex: string;
+    routeKeys: {
+        [key: string]: string;
+    };
+}
 interface Options {
     tag?: 'canary' | 'latest' | string;
     functions?: BuilderFunctions;
@@ -34,5 +41,6 @@ export declare function detectBuilders(files: string[], pkg?: PackageJson | unde
     redirectRoutes: Route[] | null;
     rewriteRoutes: Route[] | null;
     errorRoutes: Route[] | null;
+    dynamicRoutesWithKeys: DynamicRoutesWithKeys[] | null;
 }>;
 export {};

package/dist/detect-builders.js

@@ -66,6 +66,7 @@ async function detectBuilders(files, pkg, options = {}) {
             redirectRoutes: null,
             rewriteRoutes: null,
             errorRoutes: null,
+            dynamicRoutesWithKeys: null,
         };
     }
     const sortedFiles = files.sort(sortFiles);
@@ -99,11 +100,12 @@ async function detectBuilders(files, pkg, options = {}) {
     let fallbackEntrypoint = null;
     const apiRoutes = [];
     const dynamicRoutes = [];
+    const dynamicRoutesWithKeys = [];
     // API
     for (const fileName of sortedFiles) {
         const apiBuilder = maybeGetApiBuilder(fileName, apiMatches, options);
         if (apiBuilder) {
-            const { routeError, apiRoute, isDynamic } = getApiRoute(fileName, apiSortedFiles, options, absolutePathCache);
+            const { routeError, apiRoute, isDynamic, routeKeys } = getApiRoute(fileName, apiSortedFiles, options, absolutePathCache);
             if (routeError) {
                 return {
                     builders: null,
@@ -113,12 +115,18 @@ async function detectBuilders(files, pkg, options = {}) {
                     redirectRoutes: null,
                     rewriteRoutes: null,
                     errorRoutes: null,
+                    dynamicRoutesWithKeys: null,
                 };
             }
             if (apiRoute) {
                 apiRoutes.push(apiRoute);
                 if (isDynamic) {
                     dynamicRoutes.push(apiRoute);
+                    dynamicRoutesWithKeys.push({
+                        fileName,
+                        regex: apiRoute.src,
+                        routeKeys,
+                    });
                 }
             }
             addToUsedFunctions(apiBuilder);
@@ -167,6 +175,7 @@ async function detectBuilders(files, pkg, options = {}) {
                 defaultRoutes: null,
                 rewriteRoutes: null,
                 errorRoutes: null,
+                dynamicRoutesWithKeys: null,
             };
         }
         // If `outputDirectory` is an empty string,
@@ -203,6 +212,7 @@ async function detectBuilders(files, pkg, options = {}) {
             defaultRoutes: null,
             rewriteRoutes: null,
             errorRoutes: null,
+            dynamicRoutesWithKeys: null,
         };
     }
     const builders = [];
@@ -230,6 +240,7 @@ async function detectBuilders(files, pkg, options = {}) {
         defaultRoutes: routesResult.defaultRoutes,
         rewriteRoutes: routesResult.rewriteRoutes,
         errorRoutes: routesResult.errorRoutes,
+        dynamicRoutesWithKeys,
     };
 }
 exports.detectBuilders = detectBuilders;
@@ -484,6 +495,7 @@ function getApiRoute(fileName, sortedFiles, options, absolutePathCache) {
         return {
             apiRoute: null,
             isDynamic: false,
+            routeKeys: {},
             routeError: {
                 code: 'conflicting_path_segment',
                 message: `The segment "${conflictingSegment}" occurs more than ` +
@@ -498,6 +510,7 @@ function getApiRoute(fileName, sortedFiles, options, absolutePathCache) {
         return {
             apiRoute: null,
             isDynamic: false,
+            routeKeys: {},
             routeError: {
                 code: 'conflicting_file_path',
                 message: `Two or more files have conflicting paths or names. ` +
@@ -510,6 +523,7 @@ function getApiRoute(fileName, sortedFiles, options, absolutePathCache) {
     return {
         apiRoute: out.route,
         isDynamic: out.isDynamic,
+        routeKeys: out.routeKeys,
         routeError: null,
     };
 }
@@ -619,6 +633,7 @@ function createRouteFromPath(filePath, featHandleMiss, cleanUrls) {
     const parts = filePath.split('/');
     let counter = 1;
     const query = [];
+    const routeKeys = {};
     let isDynamic = false;
     const srcParts = parts.map((segment, i) => {
         const name = getSegmentName(segment);
@@ -626,6 +641,7 @@ function createRouteFromPath(filePath, featHandleMiss, cleanUrls) {
         if (name !== null) {
             // We can't use `URLSearchParams` because `$` would get escaped
             query.push(`${name}=$${counter++}`);
+            routeKeys[name] = name;
             isDynamic = true;
             return `([^/]+)`;
         }
@@ -668,7 +684,7 @@ function createRouteFromPath(filePath, featHandleMiss, cleanUrls) {
             dest: `/${filePath}${queryString}`,
         };
     }
-    return { route, isDynamic };
+    return { route, isDynamic, routeKeys };
 }
 function getRouteResult(apiRoutes, dynamicRoutes, outputDirectory, apiBuilders, frontendBuilder, options) {
     var _a, _b;

package/dist/index.d.ts

@@ -18,7 +18,7 @@ export { detectFramework } from './detect-framework';
 export { DetectorFilesystem } from './detectors/filesystem';
 export { readConfigFile } from './fs/read-config-file';
 export { normalizePath } from './fs/normalize-path';
-export { convertRuntimeToPlugin, updateFunctionsManifest, } from './convert-runtime-to-plugin';
+export { convertRuntimeToPlugin, updateFunctionsManifest, updateRoutesManifest, } from './convert-runtime-to-plugin';
 export * from './schemas';
 export * from './types';
 export * from './errors';

package/dist/index.js

@@ -26195,7 +26195,7 @@ exports.frameworks = [
         tagline: 'Gatsby helps developers build blazing fast websites and apps with React.',
         description: 'A Gatsby app, using the default starter theme and a Serverless Function API.',
         website: 'https://gatsbyjs.org',
-        sort: 2,
+        sort: 5,
         envPrefix: 'GATSBY_',
         detectors: {
             every: [
@@ -26270,6 +26270,73 @@ exports.frameworks = [
         },
         cachePattern: '{.cache,public}/**',
     },
+    {
+        name: 'Remix',
+        slug: 'remix',
+        demo: 'https://remix.examples.vercel.com',
+        logo: 'https://raw.githubusercontent.com/vercel/vercel/main/packages/frameworks/logos/remix.svg',
+        tagline: 'Build Better Websites',
+        description: 'A new Remix app — the result of running `npx create-remix`.',
+        website: 'https://remix.run',
+        sort: 6,
+        detectors: {
+            every: [
+                {
+                    path: 'package.json',
+                    matchContent: '"(dev)?(d|D)ependencies":\\s*{[^}]*"remix":\\s*".+?"[^}]*}',
+                },
+            ],
+        },
+        settings: {
+            installCommand: {
+                placeholder: '`yarn install` or `npm install`',
+            },
+            buildCommand: {
+                value: 'remix build',
+                placeholder: '`npm run build` or `remix build`',
+            },
+            devCommand: {
+                value: 'remix dev',
+                placeholder: 'remix dev',
+            },
+            outputDirectory: {
+                value: 'public',
+            },
+        },
+        dependency: 'remix',
+        getFsOutputDir: async () => 'public',
+        getOutputDirName: async () => 'public',
+        defaultRoutes: [
+            {
+                src: '^/build/(.*)$',
+                headers: { 'cache-control': 'public, max-age=31536000, immutable' },
+                continue: true,
+            },
+            {
+                handle: 'filesystem',
+            },
+            {
+                src: '/(.*)',
+                dest: '/api',
+            },
+        ],
+        defaultRewrites: [
+            {
+                source: '/(.*)',
+                regex: '/(.*)',
+                destination: '/api',
+            },
+        ],
+        defaultHeaders: [
+            {
+                source: '^/build/(.*)$',
+                regex: '^/build/(.*)$',
+                headers: [
+                    { key: 'cache-control', value: 'public, max-age=31536000, immutable' },
+                ],
+            },
+        ]
+    },
     {
         name: 'Hexo',
         slug: 'hexo',
@@ -26278,7 +26345,6 @@ exports.frameworks = [
         tagline: 'Hexo is a fast, simple & powerful blog framework powered by Node.js.',
         description: 'A Hexo site, created with the Hexo CLI.',
         website: 'https://hexo.io',
-        sort: 3,
         detectors: {
             every: [
                 {
@@ -26315,7 +26381,6 @@ exports.frameworks = [
         tagline: '11ty is a simpler static site generator written in JavaScript, created to be an alternative to Jekyll.',
         description: 'An Eleventy site, created with npm init.',
         website: 'https://www.11ty.dev',
-        sort: 4,
         detectors: {
             every: [
                 {
@@ -27027,6 +27092,7 @@ exports.frameworks = [
         tagline: 'Svelte lets you write high performance reactive apps with significantly less boilerplate.',
         description: 'A basic Svelte app using the default template.',
         website: 'https://svelte.dev',
+        sort: 3,
         detectors: {
             every: [
                 {
@@ -27216,6 +27282,7 @@ exports.frameworks = [
         tagline: 'Create React App allows you to get going with React in no time.',
         description: 'A React app, bootstrapped with create-react-app, and a Serverless Function API.',
         website: 'https://create-react-app.dev',
+        sort: 4,
         envPrefix: 'REACT_APP_',
         detectors: {
             some: [
@@ -27597,6 +27664,7 @@ exports.frameworks = [
         tagline: 'Nuxt.js is the web comprehensive framework that lets you dream big with Vue.js.',
         description: 'A Nuxt.js app, bootstrapped with create-nuxt-app.',
         website: 'https://nuxtjs.org',
+        sort: 2,
         envPrefix: 'NUXT_ENV_',
         detectors: {
             every: [
@@ -27690,7 +27758,6 @@ exports.frameworks = [
         tagline: 'Hugo is the world’s fastest framework for building websites, written in Go.',
         description: 'A Hugo site, created with the Hugo CLI.',
         website: 'https://gohugo.io',
-        sort: 5,
         detectors: {
             some: [
                 {
@@ -32213,11 +32280,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.updateFunctionsManifest = exports.convertRuntimeToPlugin = void 0;
+exports.updateRoutesManifest = exports.updateFunctionsManifest = exports.convertRuntimeToPlugin = void 0;
 const fs_extra_1 = __importDefault(__webpack_require__(5392));
 const path_1 = __webpack_require__(5622);
 const glob_1 = __importDefault(__webpack_require__(4240));
 const normalize_path_1 = __webpack_require__(6261);
+const detect_builders_1 = __webpack_require__(4246);
 const lambda_1 = __webpack_require__(6721);
 const minimatch_1 = __importDefault(__webpack_require__(9566));
 /**
@@ -32226,13 +32294,15 @@ const minimatch_1 = __importDefault(__webpack_require__(9566));
  * @param ext - the file extension, for example `.py`
  */
 function convertRuntimeToPlugin(buildRuntime, ext) {
-    return async function build({ workPath }) {
+    // This `build()` signature should match `plugin.build()` signature in `vercel build`.
+    return async function build({ vercelConfig, workPath, }) {
+        var _a;
         const opts = { cwd: workPath };
         const files = await glob_1.default('**', opts);
         delete files['vercel.json']; // Builders/Runtimes didn't have vercel.json
         const entrypoints = await glob_1.default(`api/**/*${ext}`, opts);
         const pages = {};
-        const { functions = {} } = await readVercelConfig(workPath);
+        const { functions = {}, cleanUrls, trailingSlash } = vercelConfig;
         const traceDir = path_1.join(workPath, '.output', 'runtime-traced-files');
         await fs_extra_1.default.ensureDir(traceDir);
         for (const entrypoint of Object.keys(entrypoints)) {
@@ -32288,7 +32358,54 @@ function convertRuntimeToPlugin(buildRuntime, ext) {
             await fs_extra_1.default.ensureDir(path_1.dirname(nft));
             await fs_extra_1.default.writeFile(nft, json);
         }
-        await updateFunctionsManifest({ workPath, pages });
+        await updateFunctionsManifest({ vercelConfig, workPath, pages });
+        const { warnings, errors, 
+        //defaultRoutes,
+        redirectRoutes, 
+        //rewriteRoutes,
+        dynamicRoutesWithKeys,
+        // errorRoutes, already handled by pages404
+         } = await detect_builders_1.detectBuilders(Object.keys(files), null, {
+            tag: 'latest',
+            functions: functions,
+            projectSettings: undefined,
+            featHandleMiss: true,
+            cleanUrls,
+            trailingSlash,
+        });
+        if (errors) {
+            throw new Error(errors[0].message);
+        }
+        if (warnings) {
+            warnings.forEach(warning => console.warn(warning.message, warning.link));
+        }
+        const redirects = (_a = redirectRoutes === null || redirectRoutes === void 0 ? void 0 : redirectRoutes.filter(r => r.src && 'headers' in r)) === null || _a === void 0 ? void 0 : _a.map(r => {
+            var _a;
+            return ({
+                source: r.src || '',
+                destination: 'headers' in r && ((_a = r.headers) === null || _a === void 0 ? void 0 : _a.Location) ? r.headers.Location : '',
+                statusCode: 'status' in r && r.status ? r.status : 307,
+                regex: r.src || '',
+            });
+        });
+        const dynamicRoutes = dynamicRoutesWithKeys === null || dynamicRoutesWithKeys === void 0 ? void 0 : dynamicRoutesWithKeys.map(r => {
+            const keys = Object.keys(r.routeKeys);
+            return {
+                page: '/' + r.fileName.slice(0, -ext.length),
+                regex: r.regex,
+                routeKeys: r.routeKeys,
+                namedRegex: r.regex
+                    .split('([^/]+)')
+                    .map((str, i) => str + (keys[i] ? `(?<${keys[i]}>[^/]+)` : ''))
+                    .join(''),
+            };
+        });
+        await updateRoutesManifest({
+            workPath,
+            redirects,
+            rewrites: [],
+            dynamicRoutes,
+        });
     };
 }
 exports.convertRuntimeToPlugin = convertRuntimeToPlugin;
@@ -32314,18 +32431,13 @@ async function readJson(filePath) {
         throw err;
     }
 }
-async function readVercelConfig(workPath) {
-    const vercelJsonPath = path_1.join(workPath, 'vercel.json');
-    return readJson(vercelJsonPath);
-}
 /**
  * If `.output/functions-manifest.json` exists, append to the pages
  * property. Otherwise write a new file. This will also read `vercel.json`
  * and apply relevant `functions` property config.
  */
-async function updateFunctionsManifest({ workPath, pages, }) {
+async function updateFunctionsManifest({ vercelConfig, workPath, pages, }) {
     const functionsManifestPath = path_1.join(workPath, '.output', 'functions-manifest.json');
-    const vercelConfig = await readVercelConfig(workPath);
     const functionsManifest = await readJson(functionsManifestPath);
     if (!functionsManifest.version)
         functionsManifest.version = 1;
@@ -32346,6 +32458,45 @@ async function updateFunctionsManifest({ workPath, pages, }) {
     await fs_extra_1.default.writeFile(functionsManifestPath, JSON.stringify(functionsManifest));
 }
 exports.updateFunctionsManifest = updateFunctionsManifest;
+/**
+ * Append routes to the `routes-manifest.json` file.
+ * If the file does not exist, it will be created.
+ */
+async function updateRoutesManifest({ workPath, redirects, rewrites, headers, dynamicRoutes, staticRoutes, }) {
+    const routesManifestPath = path_1.join(workPath, '.output', 'routes-manifest.json');
+    const routesManifest = await readJson(routesManifestPath);
+    if (!routesManifest.version)
+        routesManifest.version = 3;
+    if (routesManifest.pages404 === undefined)
+        routesManifest.pages404 = true;
+    if (redirects) {
+        if (!routesManifest.redirects)
+            routesManifest.redirects = [];
+        routesManifest.redirects.push(...redirects);
+    }
+    if (rewrites) {
+        if (!routesManifest.rewrites)
+            routesManifest.rewrites = [];
+        routesManifest.rewrites.push(...rewrites);
+    }
+    if (headers) {
+        if (!routesManifest.headers)
+            routesManifest.headers = [];
+        routesManifest.headers.push(...headers);
+    }
+    if (dynamicRoutes) {
+        if (!routesManifest.dynamicRoutes)
+            routesManifest.dynamicRoutes = [];
+        routesManifest.dynamicRoutes.push(...dynamicRoutes);
+    }
+    if (staticRoutes) {
+        if (!routesManifest.staticRoutes)
+            routesManifest.staticRoutes = [];
+        routesManifest.staticRoutes.push(...staticRoutes);
+    }
+    await fs_extra_1.default.writeFile(routesManifestPath, JSON.stringify(routesManifest));
+}
+exports.updateRoutesManifest = updateRoutesManifest;
 
 
 /***/ }),
@@ -32439,6 +32590,7 @@ async function detectBuilders(files, pkg, options = {}) {
             redirectRoutes: null,
             rewriteRoutes: null,
             errorRoutes: null,
+            dynamicRoutesWithKeys: null,
         };
     }
     const sortedFiles = files.sort(sortFiles);
@@ -32472,11 +32624,12 @@ async function detectBuilders(files, pkg, options = {}) {
     let fallbackEntrypoint = null;
     const apiRoutes = [];
     const dynamicRoutes = [];
+    const dynamicRoutesWithKeys = [];
     // API
     for (const fileName of sortedFiles) {
         const apiBuilder = maybeGetApiBuilder(fileName, apiMatches, options);
         if (apiBuilder) {
-            const { routeError, apiRoute, isDynamic } = getApiRoute(fileName, apiSortedFiles, options, absolutePathCache);
+            const { routeError, apiRoute, isDynamic, routeKeys } = getApiRoute(fileName, apiSortedFiles, options, absolutePathCache);
             if (routeError) {
                 return {
                     builders: null,
@@ -32486,12 +32639,18 @@ async function detectBuilders(files, pkg, options = {}) {
                     redirectRoutes: null,
                     rewriteRoutes: null,
                     errorRoutes: null,
+                    dynamicRoutesWithKeys: null,
                 };
             }
             if (apiRoute) {
                 apiRoutes.push(apiRoute);
                 if (isDynamic) {
                     dynamicRoutes.push(apiRoute);
+                    dynamicRoutesWithKeys.push({
+                        fileName,
+                        regex: apiRoute.src,
+                        routeKeys,
+                    });
                 }
             }
             addToUsedFunctions(apiBuilder);
@@ -32540,6 +32699,7 @@ async function detectBuilders(files, pkg, options = {}) {
                 defaultRoutes: null,
                 rewriteRoutes: null,
                 errorRoutes: null,
+                dynamicRoutesWithKeys: null,
             };
         }
         // If `outputDirectory` is an empty string,
@@ -32576,6 +32736,7 @@ async function detectBuilders(files, pkg, options = {}) {
             defaultRoutes: null,
             rewriteRoutes: null,
             errorRoutes: null,
+            dynamicRoutesWithKeys: null,
         };
     }
     const builders = [];
@@ -32603,6 +32764,7 @@ async function detectBuilders(files, pkg, options = {}) {
         defaultRoutes: routesResult.defaultRoutes,
         rewriteRoutes: routesResult.rewriteRoutes,
         errorRoutes: routesResult.errorRoutes,
+        dynamicRoutesWithKeys,
     };
 }
 exports.detectBuilders = detectBuilders;
@@ -32857,6 +33019,7 @@ function getApiRoute(fileName, sortedFiles, options, absolutePathCache) {
         return {
             apiRoute: null,
             isDynamic: false,
+            routeKeys: {},
             routeError: {
                 code: 'conflicting_path_segment',
                 message: `The segment "${conflictingSegment}" occurs more than ` +
@@ -32871,6 +33034,7 @@ function getApiRoute(fileName, sortedFiles, options, absolutePathCache) {
         return {
             apiRoute: null,
             isDynamic: false,
+            routeKeys: {},
             routeError: {
                 code: 'conflicting_file_path',
                 message: `Two or more files have conflicting paths or names. ` +
@@ -32883,6 +33047,7 @@ function getApiRoute(fileName, sortedFiles, options, absolutePathCache) {
     return {
         apiRoute: out.route,
         isDynamic: out.isDynamic,
+        routeKeys: out.routeKeys,
         routeError: null,
     };
 }
@@ -32992,6 +33157,7 @@ function createRouteFromPath(filePath, featHandleMiss, cleanUrls) {
     const parts = filePath.split('/');
     let counter = 1;
     const query = [];
+    const routeKeys = {};
     let isDynamic = false;
     const srcParts = parts.map((segment, i) => {
         const name = getSegmentName(segment);
@@ -32999,6 +33165,7 @@ function createRouteFromPath(filePath, featHandleMiss, cleanUrls) {
         if (name !== null) {
             // We can't use `URLSearchParams` because `$` would get escaped
             query.push(`${name}=$${counter++}`);
+            routeKeys[name] = name;
             isDynamic = true;
             return `([^/]+)`;
         }
@@ -33041,7 +33208,7 @@ function createRouteFromPath(filePath, featHandleMiss, cleanUrls) {
             dest: `/${filePath}${queryString}`,
         };
     }
-    return { route, isDynamic };
+    return { route, isDynamic, routeKeys };
 }
 function getRouteResult(apiRoutes, dynamicRoutes, outputDirectory, apiBuilders, frontendBuilder, options) {
     var _a, _b;
@@ -34318,7 +34485,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.getPlatformEnv = exports.isStaticRuntime = exports.isOfficialRuntime = exports.updateFunctionsManifest = exports.convertRuntimeToPlugin = exports.normalizePath = exports.readConfigFile = exports.DetectorFilesystem = exports.detectFramework = exports.detectApiExtensions = exports.detectApiDirectory = exports.detectOutputDirectory = exports.detectBuilders = exports.scanParentDirs = exports.getLambdaOptionsFromFunction = exports.isSymbolicLink = exports.debug = exports.shouldServe = exports.streamToBuffer = exports.getSpawnOptions = exports.getDiscontinuedNodeVersions = exports.getLatestNodeVersion = exports.getNodeVersion = exports.runShellScript = exports.runPipInstall = exports.runBundleInstall = exports.runNpmInstall = exports.getNodeBinPath = exports.walkParentDirs = exports.spawnCommand = exports.execCommand = exports.runPackageJsonScript = exports.installDependencies = exports.getScriptName = exports.spawnAsync = exports.execAsync = exports.rename = exports.glob = exports.getWriteableDirectory = exports.download = exports.Prerender = exports.createLambda = exports.Lambda = exports.FileRef = exports.FileFsRef = exports.FileBlob = void 0;
+exports.getPlatformEnv = exports.isStaticRuntime = exports.isOfficialRuntime = exports.updateRoutesManifest = exports.updateFunctionsManifest = exports.convertRuntimeToPlugin = exports.normalizePath = exports.readConfigFile = exports.DetectorFilesystem = exports.detectFramework = exports.detectApiExtensions = exports.detectApiDirectory = exports.detectOutputDirectory = exports.detectBuilders = exports.scanParentDirs = exports.getLambdaOptionsFromFunction = exports.isSymbolicLink = exports.debug = exports.shouldServe = exports.streamToBuffer = exports.getSpawnOptions = exports.getDiscontinuedNodeVersions = exports.getLatestNodeVersion = exports.getNodeVersion = exports.runShellScript = exports.runPipInstall = exports.runBundleInstall = exports.runNpmInstall = exports.getNodeBinPath = exports.walkParentDirs = exports.spawnCommand = exports.execCommand = exports.runPackageJsonScript = exports.installDependencies = exports.getScriptName = exports.spawnAsync = exports.execAsync = exports.rename = exports.glob = exports.getWriteableDirectory = exports.download = exports.Prerender = exports.createLambda = exports.Lambda = exports.FileRef = exports.FileFsRef = exports.FileBlob = void 0;
 const file_blob_1 = __importDefault(__webpack_require__(2397));
 exports.FileBlob = file_blob_1.default;
 const file_fs_ref_1 = __importDefault(__webpack_require__(9331));
@@ -34383,6 +34550,7 @@ Object.defineProperty(exports, "normalizePath", ({ enumerable: true, get: functi
 var convert_runtime_to_plugin_1 = __webpack_require__(7276);
 Object.defineProperty(exports, "convertRuntimeToPlugin", ({ enumerable: true, get: function () { return convert_runtime_to_plugin_1.convertRuntimeToPlugin; } }));
 Object.defineProperty(exports, "updateFunctionsManifest", ({ enumerable: true, get: function () { return convert_runtime_to_plugin_1.updateFunctionsManifest; } }));
+Object.defineProperty(exports, "updateRoutesManifest", ({ enumerable: true, get: function () { return convert_runtime_to_plugin_1.updateRoutesManifest; } }));
 __exportStar(__webpack_require__(2416), exports);
 __exportStar(__webpack_require__(5748), exports);
 __exportStar(__webpack_require__(3983), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vercel/build-utils",
-  "version": "2.12.3-canary.19",
+  "version": "2.12.3-canary.22",
   "license": "MIT",
   "main": "./dist/index.js",
   "types": "./dist/index.d.js",
@@ -30,7 +30,7 @@
     "@types/node-fetch": "^2.1.6",
     "@types/semver": "6.0.0",
     "@types/yazl": "^2.4.1",
-    "@vercel/frameworks": "0.5.1-canary.12",
+    "@vercel/frameworks": "0.5.1-canary.13",
     "@vercel/ncc": "0.24.0",
     "aggregate-error": "3.0.1",
     "async-retry": "1.2.3",
@@ -49,5 +49,5 @@
     "typescript": "4.3.4",
     "yazl": "2.4.3"
   },
-  "gitHead": "32664cd13b5d7a771d465a091bff2e966eed2f94"
+  "gitHead": "0cacb1bdace342133fad4bd7a98354e5b2948df0"
 }