one
Version:
One is a React framework for web, iOS, and Android apps.
121 lines (118 loc) • 5.83 kB
JavaScript
import path from "node:path";
import { createRequire } from "node:module";
import mm from "micromatch";
import tsconfigPaths from "tsconfig-paths";
import { pickOnePublicEnv } from "../native/env.mjs";
import { API_ROUTE_GLOB_PATTERN, ROUTE_NATIVE_EXCLUSION_GLOB_PATTERNS } from "../router/glob-patterns.mjs";
function toPosixRelativePath(relativePath) {
return path.sep === "\\" ? relativePath.replace(/\\/g, "/") : relativePath;
}
function oneBabelPreset(api, options = {}) {
const hasViteInjectedOnePlugins = typeof api?.caller === "function" ? api.caller((caller) => !!caller?.oneViteMetroBabelConfig) : false;
const isVxrnCompiler = typeof api?.caller === "function" ? api.caller((caller) => caller?.name === "vxrn") : false;
if (isVxrnCompiler) {
return {
presets: [],
plugins: []
};
}
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 require2 = createRequire(projectRoot + "/");
let reactNativePresetPath;
try {
reactNativePresetPath = require2.resolve("@react-native/babel-preset");
} catch {
throw new Error(`[one/babel-preset] Could not resolve '@react-native/babel-preset' from ${projectRoot}. Install it as a project dependency (it ships with every React Native app template).`);
}
return {
presets: [{ plugins: [createRequire(require2.resolve("one/package.json")).resolve("@babel/plugin-transform-export-namespace-from")] }, require2(reactNativePresetPath)],
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 = 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 toPosixRelativePath(path.relative(path.dirname(metroEntryPath), path.join(projectRoot, file)));
})();
return [
...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", { 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: toPosixRelativePath(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 expoPlatform = process.env.ONE_PLATFORM === "ios" || process.env.ONE_PLATFORM === "android" ? process.env.ONE_PLATFORM : process.env.EXPO_OS === "ios" || process.env.EXPO_OS === "android" ? process.env.EXPO_OS : void 0;
const env = {
...pickOnePublicEnv(process.env),
MODE: isProduction ? "production" : "development",
BASE_URL: "/",
PROD: isProduction,
DEV: !isProduction,
SSR: false,
ONE_PLATFORM: process.env.ONE_PLATFORM ?? "web",
...expoPlatform ? { EXPO_OS: expoPlatform } : {}
};
for (const [key, value] of Object.entries(process.env)) {
if (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