one
Version:
One is a new React Framework that makes Vite serve both native and web.
139 lines (134 loc) • 6.38 kB
JavaScript
;
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: !0 });
}, __copyProps = (to, from, except, desc) => {
if (from && typeof from == "object" || typeof from == "function")
for (let key of __getOwnPropNames(from))
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
mod
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
var buildPage_exports = {};
__export(buildPage_exports, {
buildPage: () => buildPage
});
module.exports = __toCommonJS(buildPage_exports);
var import_fs_extra = __toESM(require("fs-extra"), 1), import_node_path = require("node:path"), constants = __toESM(require("../constants"), 1), import_cleanUrl = require("../utils/cleanUrl"), import_toAbsolute = require("../utils/toAbsolute"), import_replaceLoader = require("../vite/replaceLoader"), { readFile, outputFile } = import_fs_extra.default;
async function buildPage(serverEntry, path, relativeId, params, foundRoute, clientManifestEntry, staticDir, clientDir, builtMiddlewares, serverJsPath, preloads, allCSS) {
var render = await getRender(serverEntry), htmlPath = `${path.endsWith("/") ? `${removeTrailingSlash(path)}/index` : path}.html`, clientJsPath = (0, import_node_path.join)("dist/client", clientManifestEntry.file), htmlOutPath = (0, import_toAbsolute.toAbsolute)((0, import_node_path.join)(staticDir, htmlPath)), preloadPath = (0, import_cleanUrl.getPreloadPath)(path), loaderPath = "", loaderData = {};
try {
await import_fs_extra.default.writeFile((0, import_node_path.join)(clientDir, preloadPath), preloads.map(function(preload) {
return `import "${preload}"`;
}).join(`
`));
var exported = await import((0, import_toAbsolute.toAbsolute)(serverJsPath));
if (exported.loader) {
var _exported_loader, _ref;
loaderData = (_ref = await ((_exported_loader = exported.loader) === null || _exported_loader === void 0 ? void 0 : _exported_loader.call(exported, {
path,
params
}))) !== null && _ref !== void 0 ? _ref : null;
var code = await readFile(clientJsPath, "utf-8"), withLoader = (
// super dirty to quickly make ssr loaders work until we have better
`
if (typeof document === 'undefined') globalThis.document = {}
` + (0, import_replaceLoader.replaceLoader)({
code,
loaderData
})
), loaderPartialPath = (0, import_node_path.join)(clientDir, (0, import_cleanUrl.getLoaderPath)(path));
await outputFile(loaderPartialPath, withLoader), loaderPath = (0, import_cleanUrl.getLoaderPath)(path);
}
if (foundRoute.type !== "ssr") {
var _globalThis___vxrnresetState, _globalThis, loaderProps = {
path,
params
};
if ((_globalThis___vxrnresetState = (_globalThis = globalThis).__vxrnresetState) === null || _globalThis___vxrnresetState === void 0 || _globalThis___vxrnresetState.call(_globalThis), foundRoute.type === "ssg") {
var html = await render({
path,
preloads,
loaderProps,
loaderData,
css: allCSS,
mode: "ssg"
});
await outputFile(htmlOutPath, html);
} else foundRoute.type === "spa" && await outputFile(htmlOutPath, `<html><head>
${constants.getSpaHeaderElements({
serverContext: {
loaderProps,
loaderData
}
})}
${preloads.map(function(preload) {
return ` <script type="module" src="${preload}"></script>`;
}).join(`
`)}
${allCSS.map(function(file) {
return ` <link rel="stylesheet" href=${file} />`;
}).join(`
`)}
</head></html>`);
}
} catch (err) {
var errMsg = err instanceof Error ? `${err.message}
${err.stack}` : `${err}`;
console.error(`Error building static page at ${path} with id ${relativeId}:
${errMsg}
loaderData:
${JSON.stringify(loaderData || null, null, 2)}
params:
${JSON.stringify(params || null, null, 2)}`), console.error(err), process.exit(1);
}
var middlewares = (foundRoute.middlewares || []).map(function(x) {
return builtMiddlewares[x.contextKey];
}), cleanPath = path === "/" ? path : removeTrailingSlash(path);
return {
type: foundRoute.type,
css: allCSS,
routeFile: foundRoute.file,
middlewares,
cleanPath,
preloadPath,
loaderPath,
clientJsPath,
serverJsPath,
htmlPath,
loaderData,
params,
path,
preloads
};
}
async function getRender(serverEntry) {
var render = null;
try {
var _serverImport_default_default, serverImport = await import(serverEntry);
render = serverImport.default.render || ((_serverImport_default_default = serverImport.default.default) === null || _serverImport_default_default === void 0 ? void 0 : _serverImport_default_default.render), typeof render != "function" && (console.error("\u274C Error: didn't find render function in entry", serverImport), process.exit(1));
} catch (err) {
console.error("\u274C Error importing the root entry:"), console.error(` This error happened in the built file: ${serverEntry}`), console.error(err.stack), process.exit(1);
}
return render;
}
function removeTrailingSlash(path) {
return path.endsWith("/") ? path.slice(0, path.length - 1) : path;
}
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
buildPage
});
//# sourceMappingURL=buildPage.js.map