@expo/cli
Version:
72 lines (71 loc) • 3.37 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "serializeHtmlWithAssets", {
enumerable: true,
get: ()=>serializeHtmlWithAssets
});
const debug = require("debug")("expo:metro:html");
function serializeHtmlWithAssets({ resources , template , devBundleUrl , baseUrl , route , isExporting }) {
if (!resources) {
return "";
}
return htmlFromSerialAssets(resources, {
isExporting,
template,
baseUrl,
bundleUrl: isExporting ? undefined : devBundleUrl,
route
});
}
/**
* Combine the path segments of a URL.
* This filters out empty segments and avoids duplicate slashes when joining.
* If base url is empty, it will be treated as a root path, adding `/` to the beginning.
*/ function combineUrlPath(baseUrl, ...segments) {
return [
baseUrl || "/",
...segments
].filter(Boolean).map((segment, index)=>{
const segmentIsBaseUrl = index === 0;
// Do not remove leading slashes from baseUrl
return segment.replace(segmentIsBaseUrl ? /\/+$/g : /^\/+|\/+$/g, "");
}).join("/");
}
function htmlFromSerialAssets(assets, { isExporting , template , baseUrl , bundleUrl , route }) {
// Combine the CSS modules into tags that have hot refresh data attributes.
const styleString = assets.filter((asset)=>asset.type === "css").map(({ metadata , filename , source })=>{
if (isExporting) {
return [
`<link rel="preload" href="${combineUrlPath(baseUrl, filename)}" as="style">`,
`<link rel="stylesheet" href="${combineUrlPath(baseUrl, filename)}">`,
].join("");
} else {
return `<style data-expo-css-hmr="${metadata.hmrId}">` + source + "\n</style>";
}
}).join("");
const jsAssets = assets.filter((asset)=>asset.type === "js");
const scripts = bundleUrl ? `<script src="${bundleUrl}" defer></script>` : jsAssets.map(({ filename , metadata })=>{
// TODO: Mark dependencies of the HTML and include them to prevent waterfalls.
if (metadata.isAsync) {
// We have the data required to match async chunks to the route's HTML file.
if ((route == null ? void 0 : route.entryPoints) && metadata.modulePaths && Array.isArray(route.entryPoints) && Array.isArray(metadata.modulePaths)) {
// TODO: Handle module IDs like `expo-router/build/views/Unmatched.js`
const doesAsyncChunkContainRouteEntryPoint = route.entryPoints.some((entryPoint)=>metadata.modulePaths.includes(entryPoint));
if (!doesAsyncChunkContainRouteEntryPoint) {
return "";
}
debug("Linking async chunk %s to HTML for route %s", filename, route.contextKey);
// Pass through to the next condition.
} else {
return "";
}
// Mark async chunks as defer so they don't block the page load.
// return `<script src="${combineUrlPath(baseUrl, filename)" defer></script>`;
}
return `<script src="${combineUrlPath(baseUrl, filename)}" defer></script>`;
}).join("");
return template.replace("</head>", `${styleString}</head>`).replace("</body>", `${scripts}\n</body>`);
}
//# sourceMappingURL=serializeHtml.js.map