@expo/cli
Version:
111 lines (110 loc) • 4 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
createTemplateHtmlAsync: function() {
return createTemplateHtmlAsync;
},
createTemplateHtmlFromExpoConfigAsync: function() {
return createTemplateHtmlFromExpoConfigAsync;
}
});
function _config() {
const data = require("@expo/config");
_config = function() {
return data;
};
return data;
}
function _fs() {
const data = /*#__PURE__*/ _interop_require_default(require("fs"));
_fs = function() {
return data;
};
return data;
}
function _path() {
const data = /*#__PURE__*/ _interop_require_default(require("path"));
_path = function() {
return data;
};
return data;
}
const _templates = require("../../customize/templates");
const _html = require("../../export/html");
const _env = require("../../utils/env");
function _interop_require_default(obj) {
return obj && obj.__esModule ? obj : {
default: obj
};
}
async function createTemplateHtmlFromExpoConfigAsync(projectRoot, { scripts, cssLinks, exp = (0, _config().getConfig)(projectRoot, {
skipSDKVersionRequirement: true
}).exp }) {
var _exp_web, _exp_web1, _exp_web2;
return createTemplateHtmlAsync(projectRoot, {
langIsoCode: ((_exp_web = exp.web) == null ? void 0 : _exp_web.lang) ?? 'en',
scripts,
cssLinks,
title: (0, _config().getNameFromConfig)(exp).webName ?? 'Expo App',
description: (_exp_web1 = exp.web) == null ? void 0 : _exp_web1.description,
themeColor: (_exp_web2 = exp.web) == null ? void 0 : _exp_web2.themeColor
});
}
function getFileFromLocalPublicFolder(projectRoot, { publicFolder, filePath }) {
const localFilePath = _path().default.resolve(projectRoot, publicFolder, filePath);
if (!_fs().default.existsSync(localFilePath)) {
return null;
}
return localFilePath;
}
/** Attempt to read the `index.html` from the local project before falling back on the template `index.html`. */ async function getTemplateIndexHtmlAsync(projectRoot) {
let filePath = getFileFromLocalPublicFolder(projectRoot, {
// TODO: Maybe use the app.json override.
publicFolder: _env.env.EXPO_PUBLIC_FOLDER,
filePath: 'index.html'
});
if (!filePath) {
filePath = _templates.TEMPLATES.find((value)=>value.id === 'index.html').file(projectRoot);
}
return _fs().default.promises.readFile(filePath, 'utf8');
}
async function createTemplateHtmlAsync(projectRoot, { scripts, cssLinks, description, langIsoCode, title, themeColor }) {
// Resolve the best possible index.html template file.
let contents = await getTemplateIndexHtmlAsync(projectRoot);
contents = contents.replace('%LANG_ISO_CODE%', langIsoCode);
contents = contents.replace('%WEB_TITLE%', title);
contents = (0, _html.appendScriptsToHtml)(contents, scripts);
if (cssLinks) {
contents = (0, _html.appendLinkToHtml)(contents, cssLinks.map((href)=>[
// NOTE: We probably don't have to preload the CSS files for SPA-styled websites.
{
as: 'style',
rel: 'preload',
href
},
{
rel: 'stylesheet',
href
}
]).flat());
}
if (themeColor) {
contents = addMeta(contents, `name="theme-color" content="${themeColor}"`);
}
if (description) {
contents = addMeta(contents, `name="description" content="${description}"`);
}
return contents;
}
/** Add a `<meta />` tag to the `<head />` element. */ function addMeta(contents, meta) {
return contents.replace('</head>', `<meta ${meta}>\n</head>`);
}
//# sourceMappingURL=webTemplate.js.map