one
Version:
One is a new React Framework that makes Vite serve both native and web.
156 lines (155 loc) • 7.07 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 getViteMetroPluginOptions({
projectRoot,
relativeRouterRoot,
ignoredRouteFiles,
userDefaultConfigOverrides,
setupFile
}) {
const tsconfigPathsConfigLoadResult = tsconfigPaths.loadConfig(projectRoot);
if (tsconfigPathsConfigLoadResult.resultType === "failed") {
throw new Error("tsconfigPathsConfigLoadResult.resultType is not success");
}
const require2 = module.createRequire(projectRoot);
const emptyPath = require2.resolve("@vxrn/vite-plugin-metro/empty", {
paths: [projectRoot]
});
const metroEntryPath = require2.resolve("one/metro-entry", {
paths: [projectRoot]
});
const routerRequireContextRegexString = (() => {
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 supportedRegexMustStartWith = String.raw`^(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?`;
const supportedRegexMustEndWith = String.raw`)$`;
const negativeLookaheadGroups = excludeRes.map((re, i) => {
const reSource = re.source;
if (!(reSource.startsWith(supportedRegexMustStartWith) && reSource.endsWith(supportedRegexMustEndWith))) {
const ignoredRouteFile = ignoredRouteFiles?.[i];
if (ignoredRouteFile) {
throw new Error(`[one/metro] ignoredRouteFile pattern "${ignoredRouteFile}" is not supported. We cannot process the corresponding regex "${reSource}" for now.`);
}
throw new Error(`Unsupported regex "${reSource}" in "ignoredRouteFiles".`);
}
const rePart = reSource.slice(supportedRegexMustStartWith.length, reSource.length - supportedRegexMustEndWith.length);
return String.raw`(?:.*${rePart})`;
});
return String.raw`^(?:\.\/)(?!${negativeLookaheadGroups.join("|")}$).*\.tsx?$`;
})();
return {
defaultConfigOverrides: defaultConfig => {
let config = {
...defaultConfig,
resolver: {
...defaultConfig?.resolver,
extraNodeModules: {
...defaultConfig?.resolver?.extraNodeModules
// "vite-tsconfig-paths" for Metro
// Commenting out since we are using babel-plugin-module-resolver alias instead
// ...Object.fromEntries(
// Object.entries(tsconfigPathsConfigLoadResult.paths)
// .map(([k, v]) => {
// if (k.endsWith('/*') && v[0]?.endsWith('/*')) {
// const key = k.replace(/\/\*$/, '')
// let value = v[0].replace(/\/\*$/, '')
// value = path.join(tsconfigPathsConfigLoadResult.absoluteBaseUrl, value)
// return [key, value]
// }
// })
// .filter((i): i is NonNullable<typeof i> => !!i)
// ),
},
nodeModulesPaths: tsconfigPathsConfigLoadResult.absoluteBaseUrl ? [
// "vite-tsconfig-paths" for Metro
tsconfigPathsConfigLoadResult.absoluteBaseUrl, ...(defaultConfig?.resolver?.nodeModulesPaths || [])] : defaultConfig?.resolver?.nodeModulesPaths,
resolveRequest: (context, moduleName, platform) => {
if (moduleName.endsWith(".css")) {
return {
type: "sourceFile",
filePath: emptyPath
};
}
if (/_middleware.tsx?$/.test(moduleName)) {
return {
type: "sourceFile",
filePath: emptyPath
};
}
if (/\.server(\.[jt]sx?)?$/.test(moduleName)) {
return {
type: "sourceFile",
filePath: emptyPath
};
}
if (moduleName === "react-native-svg") {
const defaultResolveRequest2 = defaultConfig?.resolver?.resolveRequest || context.resolveRequest;
const res2 = defaultResolveRequest2(context, moduleName, platform);
if (res2 && "filePath" in res2 && res2.filePath.includes("/src/index.ts")) {
return {
...res2,
filePath: res2.filePath.replace("/src/index.ts", "/lib/commonjs/index.js")
};
}
return res2;
}
const defaultResolveRequest = defaultConfig?.resolver?.resolveRequest || context.resolveRequest;
const res = defaultResolveRequest(context, moduleName, platform);
if (res && "filePath" in res && /\.server\.[jt]sx?$/.test(res.filePath)) {
return {
type: "sourceFile",
filePath: emptyPath
};
}
return res;
}
}
};
if (typeof userDefaultConfigOverrides === "function") {
config = userDefaultConfigOverrides(config);
}
return config;
},
babelConfig: {
plugins: [
// enforce environment guard imports (server-only, client-only, etc.)
"one/babel-plugin-environment-guard",
// Remove server-only code (loader, generateStaticParams) from route files
// This must run early to prevent server-only imports from being bundled
["one/babel-plugin-remove-server-code", {
routerRoot: relativeRouterRoot
}], ["babel-plugin-module-resolver", {
// "vite-tsconfig-paths" for Metro
alias: Object.fromEntries(Object.entries(tsconfigPathsConfigLoadResult.paths).map(([k, v]) => {
const key = (() => {
if (k.endsWith("/*")) {
return k.replace(/\/\*$/, "");
}
return `${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: routerRequireContextRegexString,
ONE_SETUP_FILE_NATIVE: (() => {
if (!setupFile) return void 0;
const nativeSetupFile = typeof setupFile === "string" ? setupFile : setupFile.native || setupFile.ios || setupFile.android;
if (!nativeSetupFile) return void 0;
return path.relative(path.dirname(metroEntryPath), path.join(projectRoot, nativeSetupFile));
})()
}],
// inline ONE_SERVER_URL so native prod bundles know where to fetch loaders
"one/babel-plugin-inline-one-server-url"]
}
};
}
export { getViteMetroPluginOptions };
//# sourceMappingURL=getViteMetroPluginOptions.mjs.map