UNPKG

one

Version:

One is a new React Framework that makes Vite serve both native and web.

191 lines 8.91 kB
var __create = Object.create; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __getProtoOf = Object.getPrototypeOf; var __hasOwnProp = Object.prototype.hasOwnProperty; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( // If the importer is in node compatibility mode or this is not an ESM // file that has been converted to a CommonJS file using a Babel- // compatible transform (i.e. "__esModule" has not been set), then set // "default" to the CommonJS "module.exports" for node compatibility. isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod)); var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", { value: true }), mod); var getViteMetroPluginOptions_exports = {}; __export(getViteMetroPluginOptions_exports, { getViteMetroPluginOptions: () => getViteMetroPluginOptions }); module.exports = __toCommonJS(getViteMetroPluginOptions_exports); var import_node_module = __toESM(require("node:module"), 1); var import_node_path = __toESM(require("node:path"), 1); var import_micromatch = __toESM(require("micromatch"), 1); var import_tsconfig_paths = __toESM(require("tsconfig-paths"), 1); var import_glob_patterns = require("../router/glob-patterns.cjs"); function getViteMetroPluginOptions({ projectRoot, relativeRouterRoot, ignoredRouteFiles, userDefaultConfigOverrides, setupFile }) { const tsconfigPathsConfigLoadResult = import_tsconfig_paths.default.loadConfig(projectRoot); if (tsconfigPathsConfigLoadResult.resultType === "failed") { throw new Error("tsconfigPathsConfigLoadResult.resultType is not success"); } const require2 = import_node_module.default.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 => import_micromatch.default.makeRe(pattern)), ...import_glob_patterns.ROUTE_NATIVE_EXCLUSION_GLOB_PATTERNS.map(pattern => import_micromatch.default.makeRe(pattern)), import_micromatch.default.makeRe(import_glob_patterns.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: import_node_path.default.relative(import_node_path.default.dirname(metroEntryPath), import_node_path.default.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 import_node_path.default.relative(import_node_path.default.dirname(metroEntryPath), import_node_path.default.join(projectRoot, nativeSetupFile)); })() }], // inline ONE_SERVER_URL so native prod bundles know where to fetch loaders "one/babel-plugin-inline-one-server-url"] } }; }