UNPKG

one

Version:

One is a React framework for web, iOS, and Android apps.

121 lines (118 loc) • 5.83 kB
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