one
Version:
One is a new React Framework that makes Vite serve both native and web.
81 lines (76 loc) • 4.26 kB
JavaScript
import fs from "fs-extra";
import { join, resolve } from "node:path";
import { serverlessVercelNodeJsConfig } from "../config/vc-config-base.mjs";
import { serverlessVercelPackageJson } from "../config/vc-package-base.mjs";
import { getPathFromRoute } from "../getPathFromRoute.mjs";
async function createSsrServerlessFunction(route, buildInfo, oneOptionsRoot, postBuildLogs) {
try {
const path = getPathFromRoute(route);
postBuildLogs.push(`[one.build][vercel.createSsrServerlessFunction] path: ${path}`);
const buildInfoAsString = JSON.stringify(buildInfo),
funcFolder = resolve(join(oneOptionsRoot, `.vercel/output/functions/${path}.func`));
await fs.ensureDir(funcFolder);
const 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"));
const 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}\`);
const loaderProps = {
path: url.pathname,
params: Object.fromEntries(url.searchParams.entries())
}
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 render = entry.default.render;
const exported = await import(route.serverJsPath.replace('dist/','../'))
const loaderData = await exported.loader?.(loaderProps)
const preloads = route.preloads
const rendered = await render({
mode: route.type,
loaderData,
loaderProps,
path: loaderProps?.path || '/',
preloads,
})
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;
`);
const packageJsonFilePath = resolve(join(funcFolder, "package.json"));
postBuildLogs.push(`[one.build][vercel.createSsrServerlessFunction] writing package.json to ${packageJsonFilePath}`), await fs.writeJSON(packageJsonFilePath, serverlessVercelPackageJson);
const 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.mjs.map