one
Version:
One is a new React Framework that makes Vite serve both native and web.
136 lines (135 loc) • 5.88 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";
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), emptyPath = require2.resolve("@vxrn/vite-plugin-metro/empty", {
paths: [projectRoot]
}), metroEntryPath = require2.resolve("one/metro-entry", {
paths: [projectRoot]
}), 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)
], supportedRegexMustStartWith = String.raw`^(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?`, supportedRegexMustEndWith = String.raw`)$`, negativeLookaheadGroups = excludeRes.map((re, i) => {
const reSource = re.source;
if (!(reSource.startsWith(supportedRegexMustStartWith) && reSource.endsWith(supportedRegexMustEndWith))) {
const ignoredRouteFile = ignoredRouteFiles?.[i];
throw ignoredRouteFile ? new Error(
`[one/metro] ignoredRouteFile pattern "${ignoredRouteFile}" is not supported. We cannot process the corresponding regex "${reSource}" for now.`
) : 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) => moduleName.endsWith(".css") ? {
type: "sourceFile",
filePath: emptyPath
} : /_middleware.tsx?$/.test(moduleName) ? {
type: "sourceFile",
filePath: emptyPath
} : (defaultConfig?.resolver?.resolveRequest || context.resolveRequest)(context, moduleName, platform)
}
};
return typeof userDefaultConfigOverrides == "function" && (config = userDefaultConfigOverrides(config)), 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 = k.endsWith("/*") ? k.replace(/\/\*$/, "") : `${k}$`;
let value = v[0].replace(/\/\*$/, "");
return value.startsWith("./") || (value = `./${value}`), [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;
const nativeSetupFile = typeof setupFile == "string" ? setupFile : setupFile.native || setupFile.ios || setupFile.android;
if (nativeSetupFile)
return path.relative(
path.dirname(metroEntryPath),
path.join(projectRoot, nativeSetupFile)
);
})()
}
]
]
}
};
}
export {
getViteMetroPluginOptions
};
//# sourceMappingURL=getViteMetroPluginOptions.js.map