one
Version:
One is a new React Framework that makes Vite serve both native and web.
143 lines (127 loc) • 6.66 kB
JavaScript
import { join, resolve } from "path";
import fs from "fs-extra";
import { serverlessVercelNodeJsConfig } from "../config/vc-config-base.native.js";
import { serverlessVercelPackageJson } from "../config/vc-package-base.native.js";
import { getPathFromRoute } from "../getPathFromRoute.native.js";
async function createSsrServerlessFunction(route, buildInfo, oneOptionsRoot, postBuildLogs) {
try {
var path = getPathFromRoute(route, {
includeIndex: !0
});
postBuildLogs.push(`[one.build][vercel.createSsrServerlessFunction] path: ${path}`);
var buildInfoAsString = JSON.stringify(buildInfo),
funcFolder = resolve(join(oneOptionsRoot, `.vercel/output/functions/${path}.func`));
await fs.ensureDir(funcFolder);
var distServerFrom = resolve(join(oneOptionsRoot, "dist", "server")),
distServerTo = resolve(join(funcFolder, "server"));
await fs.ensureDir(distServerTo), postBuildLogs.push(`[one.build][vercel.createSsrServerlessFunction] copy server dist files from ${distServerFrom} to ${distServerTo}`), await fs.copy(distServerFrom, distServerTo), postBuildLogs.push("[one.build][vercel.createSsrServerlessFunction] writing buildInfo.json"), await fs.writeFile(join(funcFolder, "buildInfo.js"), `export default ${buildInfoAsString}`), await fs.ensureDir(join(funcFolder, "entrypoint"));
var entrypointFilePath = resolve(join(funcFolder, "entrypoint", "index.js"));
postBuildLogs.push(`[one.build][vercel.createSsrServerlessFunction] writing entrypoint to ${entrypointFilePath}`), await fs.writeFile(entrypointFilePath, `
const buildInfoConfig = await import('../buildInfo.js');
const entry = await import('../server/_virtual_one-entry.js');
const routeFile = ${JSON.stringify(route.file)}
const handler = async (req, res) => {
// console.debug("req.url", req.url);
const url = new URL(req.url, \`https://\${process.env.VERCEL_URL}\`);
// Check if this is a loader request (routed here by config.json rewrite)
const isLoaderRequest = url.searchParams.get('__loader') === '1';
// Extract route params - from URL path match OR from query params (for loader requests)
const routePattern = ${JSON.stringify(route.page)};
const paramNames = [];
const regexPattern = routePattern
.replace(/\\[\\.\\.\\.(\\w+)\\]/g, (_, name) => { paramNames.push({ name, catch: true }); return '(.+)'; })
.replace(/\\[(\\w+)\\]/g, (_, name) => { paramNames.push({ name, catch: false }); return '([^/]+)'; });
const routeParams = {};
// First try to get params from query string (set by Vercel rewrite rules)
// This handles both loader requests and regular page requests that went through rewrites
for (const param of paramNames) {
const value = url.searchParams.get(param.name);
if (value) {
routeParams[param.name] = param.catch ? value.split('/') : value;
}
}
// If no params found in query string, try extracting from URL path
if (Object.keys(routeParams).length === 0) {
const match = url.pathname.match(new RegExp(\`^\${regexPattern}$\`));
if (match) {
paramNames.forEach((param, index) => {
const value = match[index + 1];
routeParams[param.name] = param.catch ? value.split('/') : value;
});
}
}
// Create a proper Request object for SSR loaders
const request = new Request(url.toString(), {
method: req.method || 'GET',
headers: new Headers(req.headers || {}),
});
// Reconstruct the original path by replacing :param placeholders with actual values
// The pathname might be the rewritten path (e.g., /dynamic/:id instead of /dynamic/123)
let originalPath = url.pathname;
for (const [key, value] of Object.entries(routeParams)) {
originalPath = originalPath.replace(\`:\${key}\`, String(value));
}
const loaderProps = {
path: originalPath,
params: routeParams,
request,
}
const postfix = url.pathname.endsWith('/') ? 'index.tsx' : '+ssr.tsx';
// const routeFile = \`.\${url.pathname}\${postfix}\`;
let route = buildInfoConfig.default.routeToBuildInfo[routeFile];
// If we cannot find the route by direct match, try to find it by looking it up in the
// pathToRoute mapping. Currently this handles cases such as "(some-group)/index.tsx",
// "index.web.tsx".
if (!route) {
const routeName = buildInfoConfig.default.pathToRoute[url.pathname];
route = buildInfoConfig.default.routeToBuildInfo[routeName];
}
const exported = await import(route.serverJsPath.replace('dist/','../'))
const loaderData = await exported.loader?.(loaderProps)
// For loader requests, return the loader data as a JavaScript module
if (isLoaderRequest) {
res.setHeader('Content-Type', 'application/javascript; charset=utf-8')
res.setHeader('Cache-Control', 'no-store')
res.end(\`export function loader() { return \${JSON.stringify(loaderData)} }\`)
return
}
// For page requests, render the full HTML
const render = entry.default.render;
const preloads = route.preloads
const css = route.css || []
const rendered = await render({
mode: route.type,
loaderData,
loaderProps,
path: loaderProps?.path || '/',
preloads,
css,
})
res.setHeader('Content-Type', 'text/html; charset=utf-8')
// https://vercel.com/docs/deployments/skew-protection#supported-frameworks__
if (process.env.VERCEL_SKEW_PROTECTION_ENABLED === '1') {
res.setHeader('Set-Cookie', [
\`__vdpl=\${process.env.VERCEL_DEPLOYMENT_ID}; HttpOnly\`,
]);
}
res.end(rendered)
}
export default handler;
`);
var packageJsonFilePath = resolve(join(funcFolder, "package.json"));
postBuildLogs.push(`[one.build][vercel.createSsrServerlessFunction] writing package.json to ${packageJsonFilePath}`), await fs.writeJSON(packageJsonFilePath, serverlessVercelPackageJson);
var vcConfigFilePath = resolve(join(funcFolder, ".vc-config.json"));
return postBuildLogs.push(`[one.build][vercel.createSsrServerlessFunction] writing .vc-config.json to ${vcConfigFilePath}`), fs.writeJson(vcConfigFilePath, {
...serverlessVercelNodeJsConfig,
handler: "entrypoint/index.js",
environment: {
...serverlessVercelNodeJsConfig.environment,
ONE_DEFAULT_RENDER_MODE: "ssr"
}
});
} catch (e) {
console.error(`[one.build][vercel.createSsrServerlessFunction] failed to generate func for ${route.file}`, e);
}
}
export { createSsrServerlessFunction };
//# sourceMappingURL=createSsrServerlessFunction.native.js.map