one
Version:
One is a new React Framework that makes Vite serve both native and web.
117 lines (116 loc) • 5.47 kB
JavaScript
import module from "node:module";
import path from "node:path";
import mm from "micromatch";
import tsconfigPaths from "tsconfig-paths";
import { API_ROUTE_GLOB_PATTERN, ROUTE_NATIVE_EXCLUSION_GLOB_PATTERNS } from "../router/glob-patterns.mjs";
function oneBabelPreset(api, options = {}) {
const hasViteInjectedOnePlugins = typeof api?.caller === "function" ? api.caller(caller => !!caller?.oneViteMetroBabelConfig) : false;
if (!api?.caller && typeof api?.cache === "function") {
api.cache(true);
}
const projectRoot = path.resolve(options.projectRoot ?? (typeof api?.cwd === "function" ? api.cwd() : process.cwd()));
const presets = [];
if (options.includeExpoPreset !== false) {
const require2 = module.createRequire(projectRoot + "/");
try {
const expoPresetPath = require2.resolve("babel-preset-expo");
presets.push(require2(expoPresetPath));
} catch (e) {
throw new Error(`[one/babel-preset] Could not resolve 'babel-preset-expo' from ${projectRoot}. Install it as a project dependency (it ships with the Expo SDK). If you don't want the Expo base preset, pass { includeExpoPreset: false }.`);
}
}
return {
presets,
plugins: hasViteInjectedOnePlugins ? [] : buildOneBabelPlugins({
projectRoot,
relativeRouterRoot: options.routerRoot ?? "app",
ignoredRouteFiles: options.ignoredRouteFiles,
linking: options.linking,
setupFile: options.setupFile,
includeImportMetaEnv: options.includeImportMetaEnv
})
};
}
function buildOneBabelPlugins({
projectRoot,
relativeRouterRoot,
ignoredRouteFiles,
linking,
setupFile,
includeImportMetaEnv = true
}) {
const tsconfig = tsconfigPaths.loadConfig(projectRoot);
if (tsconfig.resultType === "failed") {
throw new Error("[one/babel-preset] tsconfig.json paths could not be loaded");
}
const require2 = module.createRequire(projectRoot + "/");
const metroEntryPath = require2.resolve("one/metro-entry", {
paths: [projectRoot]
});
const setupFileRelativeToMetroEntry = (() => {
if (!setupFile) return void 0;
const file = typeof setupFile === "string" ? setupFile : setupFile.native || setupFile.ios || setupFile.android;
if (!file) return void 0;
return path.relative(path.dirname(metroEntryPath), path.join(projectRoot, file));
})();
return [
// standalone Metro CLI (expo export, eas update) needs `import.meta.env.*` /
// `process.env.*` baked in. The Vite path passes `false` here and injects
// its own version with the user's `define` env via the server hook.
...(includeImportMetaEnv ? [["@vxrn/vite-plugin-metro/babel-plugins/import-meta-env-plugin", {
env: buildStandaloneImportMetaEnv()
}]] : []), "one/babel-plugin-environment-guard", ["one/babel-plugin-remove-server-code", {
routerRoot: relativeRouterRoot
}], ["babel-plugin-module-resolver",
// "vite-tsconfig-paths" for Metro
{
alias: Object.fromEntries(Object.entries(tsconfig.paths).map(([k, v]) => {
const key = k.endsWith("/*") ? k.replace(/\/\*$/, "") : `${k}$`;
let value = v[0].replace(/\/\*$/, "");
if (!value.startsWith("./")) value = `./${value}`;
return [key, value];
}))
}], ["one/babel-plugin-one-router-metro", {
ONE_ROUTER_APP_ROOT_RELATIVE_TO_ENTRY: path.relative(path.dirname(metroEntryPath), path.join(projectRoot, relativeRouterRoot)),
ONE_ROUTER_ROOT_FOLDER_NAME: relativeRouterRoot,
ONE_ROUTER_REQUIRE_CONTEXT_REGEX_STRING: buildRouterRequireContextRegexString(ignoredRouteFiles),
ONE_ROUTER_LINKING_CONFIG: linking,
ONE_SETUP_FILE_NATIVE: setupFileRelativeToMetroEntry
}], "one/babel-plugin-inline-one-server-url"];
}
function buildStandaloneImportMetaEnv() {
const isProduction = process.env.NODE_ENV !== "development";
const env = {
MODE: isProduction ? "production" : "development",
BASE_URL: "/",
PROD: isProduction,
DEV: !isProduction,
SSR: false
};
for (const [key, value] of Object.entries(process.env)) {
if (key.startsWith("EXPO_PUBLIC_") || key.startsWith("ONE_") || key.startsWith("VITE_")) {
env[key] = value;
}
}
return env;
}
function normalizeReSource(source) {
return source.replace(/\[\\\\\/\]/g, "\\/").replace(/\[\^\\\\\/\]/g, "[^/]");
}
function buildRouterRequireContextRegexString(ignoredRouteFiles) {
const excludeRes = [...(ignoredRouteFiles || []).map(pattern => mm.makeRe(pattern)), ...ROUTE_NATIVE_EXCLUSION_GLOB_PATTERNS.map(pattern => mm.makeRe(pattern)), mm.makeRe(API_ROUTE_GLOB_PATTERN)];
const mustStartWith = String.raw`^(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?`;
const mustEndWith = String.raw`)$`;
const negatives = excludeRes.map((re, i) => {
const reSource = normalizeReSource(re.source);
if (!(reSource.startsWith(mustStartWith) && reSource.endsWith(mustEndWith))) {
const pattern = ignoredRouteFiles?.[i];
throw new Error(pattern ? `[one/metro] ignoredRouteFile pattern "${pattern}" is not supported. We cannot process the corresponding regex "${reSource}" for now.` : `Unsupported regex "${reSource}" in "ignoredRouteFiles".`);
}
const inner = reSource.slice(mustStartWith.length, reSource.length - mustEndWith.length);
return String.raw`(?:.*${inner})`;
});
return String.raw`^(?:\.\/)(?!${negatives.join("|")}$).*\.tsx?$`;
}
export { buildOneBabelPlugins, buildRouterRequireContextRegexString, oneBabelPreset as default };
//# sourceMappingURL=index.mjs.map