vxrn 2.0.0-beta.99.1 → 2.6.1

package/dist/utils/createNativeDevEngine.native.js

@@ -10,6 +10,7 @@ import { withExpoPublicEnvAliases } from "@vxrn/utils/publicEnv";
 import { DEFAULT_ASSET_EXTS } from "../constants/defaults.native.js";
 import { getNativePrelude } from "../runtime/native-prelude.native.js";
 import { rnCodegenPlugin } from "../plugins/rnCodegenPlugin.native.js";
+import { dedupe } from "../config/getBaseViteConfigOnly.native.js";
 
 var HERMES_CLASS_TRANSFORMS = [
 	"transform-classes",
@@ -60,12 +61,14 @@ function getResolveExtensions(platform) {
 function getNativeResolveConfig(platform) {
 	return {
 		extensions: getResolveExtensions(platform),
-		conditionNames: ["react-native"],
+		conditionNames: ["react-native", "browser"],
 		mainFields: [
 			"react-native",
-			"module",
-			"main"
-		]
+			"browser",
+			"main",
+			"module"
+		],
+		aliasFields: [["react-native"], ["browser"]]
 	};
 }
 function getNativeTransformConfig(platform, dev, root) {
@@ -187,14 +190,12 @@ function getNativePlugins(root, platform, viteImportGlobPlugin, dev, assetsDest,
 		...((_globalThis___vxrnAddNativePlugins = (_globalThis = globalThis).__vxrnAddNativePlugins) === null || _globalThis___vxrnAddNativePlugins === void 0 ? void 0 : _globalThis___vxrnAddNativePlugins.call(_globalThis, platform)) || [],
 		serverFileExclusionPlugin(),
 		environmentGuardPlugin(),
+		missingDynamicImportPlugin(),
 		hmrClientNoopPlugin(),
-		{
-			name: "vxrn:legacy-asset-registry",
-			resolveId(source, importer) {
-				if (source === "@react-native/assets-registry/registry") return this.resolve("react-native/asset-registry", importer, { skipSelf: true });
-			}
-		},
+		nativeIdentityAliasPlugin(platform),
+		nativeAssetRegistryPlugin(root),
 		reactNativeDedupePlugin(root),
+		nativePackageDedupePlugin(root),
 		cssStubPlugin(),
 		viteImportGlobPlugin({ root }),
 		vxrnCompilerPlugin(platform, dev, root, sourceMaps),
@@ -209,7 +210,9 @@ function getNativePlugins(root, platform, viteImportGlobPlugin, dev, assetsDest,
 		}),
 		hermesCompatSWCPlugin(dev, sourceMaps),
 		hermesLoopsPlugin(sourceMaps),
-		...userPlugins
+		...userPlugins,
+		nativeExportsPrecedencePlugin(root, platform),
+		nativeDeclarationAliasPlugin(root, platform)
 	].map(function(plugin) {
 		var _plugin_api;
 		return ((_plugin_api = plugin.api) === null || _plugin_api === void 0 ? void 0 : _plugin_api.vxrnNative) ? plugin.api.vxrnNative(context) : plugin;
@@ -219,7 +222,7 @@ function getNativeOutputOptions(prelude, sourcemap, minify) {
 	return {
 		format: "esm",
 		sourcemap,
-		sourcemapPathTransform: function(relativeSourcePath, sourcemapPath) {
+		sourcemapPathTransform: function sourcemapPathTransform(relativeSourcePath, sourcemapPath) {
 			return normalizePath(resolve(dirname(sourcemapPath), relativeSourcePath));
 		},
 		intro: prelude,
@@ -332,14 +335,13 @@ async function createNativeDevEngine(options) {
 	var bundleResolve = null;
 	var bundleReject = null;
 	var bundlePromise = null;
-	var resolvedHost = host === "0.0.0.0" ? "localhost" : host;
 	var virtualEntry = nativeVirtualEntryPlugin(root, {
 		dev: true,
 		platform,
 		dynamicRoutes: true
 	});
 	var engineWork = Promise.resolve();
-	var queueEngineWork = function(work) {
+	var queueEngineWork = function queueEngineWork2(work) {
 		var result = engineWork.then(work, work);
 		engineWork = result.catch(function() {});
 		return result;
@@ -369,7 +371,8 @@ async function createNativeDevEngine(options) {
 		outro: `
 try {
   var __WS = (init_WebSocket(), __toCommonJS(WebSocket_exports)).default;
-  var __hmrUrl = 'ws://${resolvedHost}:${port}/hot?platform=${platform}&clientId=' + encodeURIComponent(__rolldown_runtime__.clientId);
+  var __devServer = (init_getDevServer(), __toCommonJS(getDevServer_exports)).default();
+  var __hmrUrl = __devServer.url.replace(/^http/, 'ws') + 'hot?platform=${platform}&clientId=' + encodeURIComponent(__rolldown_runtime__.clientId);
   __rolldown_runtime__.setup(new __WS(__hmrUrl));
 } catch(e) {
   // a swallowed failure here leaves the app permanently without Fast Refresh and
@@ -381,7 +384,7 @@ try {
 	var outputProcessed = Promise.resolve();
 	var engine;
 	var routeWatcher;
-	var rebuildIfRouteGraphChanged = function() {
+	var rebuildIfRouteGraphChanged = function rebuildIfRouteGraphChanged2() {
 		return queueEngineWork(async function() {
 			var { files: knownRoutes, scanFiles, updateFiles } = virtualEntry.routes;
 			var currentRoutes = scanFiles();
@@ -393,8 +396,8 @@ try {
 		});
 	};
 	engine = await dev(inputOptions, outputOptions, {
-		onOutput: async function(result) {
-			var finishOutput = function() {};
+		onOutput: async function onOutput(result) {
+			var finishOutput = function finishOutput2() {};
 			outputProcessed = new Promise(function(resolve2) {
 				finishOutput = resolve2;
 			});
@@ -404,7 +407,7 @@ try {
 				finishOutput();
 			}
 		},
-		onHmrUpdates: async function(result) {
+		onHmrUpdates: async function onHmrUpdates(result) {
 			if (result instanceof Error) {
 				console.error("[vxrn] HMR error:", result.message);
 				onHmrUpdate === null || onHmrUpdate === void 0 || onHmrUpdate({ type: "hmr:error" });
@@ -512,11 +515,11 @@ try {
 			if (!bundlePromise) {
 				var timeoutId;
 				bundlePromise = new Promise(function(resolve2, reject) {
-					bundleResolve = function(value) {
+					bundleResolve = function bundleResolve2(value) {
 						clearTimeout(timeoutId);
 						resolve2(value);
 					};
-					bundleReject = function(error) {
+					bundleReject = function bundleReject2(error) {
 						clearTimeout(timeoutId);
 						reject(error);
 					};
@@ -567,7 +570,10 @@ async function buildNativeBundle(options) {
 			...getNativePlugins(root, platform, viteImportGlobPlugin, dev, assetsDest, void 0, sourcemap, userPlugins),
 			nativeBundlePostProcessPlugin()
 		],
-		output: getNativeOutputOptions(prelude, sourcemap, minify)
+		output: {
+			...getNativeOutputOptions(prelude, sourcemap, minify),
+			format: "iife"
+		}
 	})).output.find(function(o) {
 		return o.type === "chunk" && o.isEntry;
 	});
@@ -618,7 +624,7 @@ globalThis.$RefreshReg$ = function(type, id) {
 };
 globalThis.$RefreshSig$ = RefreshRuntime.createSignatureFunctionForTransform;
 ` : "";
-	var entryCode = function() {
+	var entryCode = function entryCode2() {
 		return `
 ${refreshSetup}
 import * as ReactNativeInitializeCore from 'react-native/Libraries/Core/InitializeCore';
@@ -649,7 +655,7 @@ ${routeHmr}
 `;
 	};
 	var routeRoot = resolve(root, routerRoot);
-	var stripDot = function(pattern) {
+	var stripDot = function stripDot2(pattern) {
 		return pattern.replace(/^\.\//, "");
 	};
 	var includeGlobs = routeGlobs.filter(function(p) {
@@ -660,14 +666,14 @@ ${routeHmr}
 	}).map(function(p) {
 		return stripDot(p.slice(1));
 	});
-	var isRouteFile = function(file) {
+	var isRouteFile = function isRouteFile2(file) {
 		var relativeToRoot = normalizePath(relative(root, file));
 		return micromatch.isMatch(relativeToRoot, includeGlobs) && !micromatch.isMatch(relativeToRoot, excludeGlobs);
 	};
-	var scanFiles = function() {
+	var scanFiles = function scanFiles2() {
 		var _statSync;
 		var files = /* @__PURE__ */ new Set();
-		var walkRouteRoot = function(dir) {
+		var walkRouteRoot = function walkRouteRoot1(dir) {
 			var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
 			try {
 				for (var _iterator = readdirSync(dir, { withFileTypes: true })[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
@@ -700,16 +706,17 @@ ${routeHmr}
 		updateFiles(files) {
 			routes.files = files;
 			if (!useDynamicRouteRegistry) return;
+			mkdirSync(dirname(registryPath), { recursive: true });
+			var registryDir = realpathSync(dirname(registryPath));
 			var source = `export const routes = {
 ${[...files].sort().map(function(file) {
 				var routeKey = `/${normalizePath(relative(root, file))}`;
-				var importPath = normalizePath(relative(dirname(registryPath), file));
+				var importPath = normalizePath(relative(registryDir, file));
 				if (!importPath.startsWith(".")) importPath = `./${importPath}`;
 				return `  ${JSON.stringify(routeKey)}: () => import(${JSON.stringify(importPath)})`;
 			}).join(",\n")}
 }
 `;
-			mkdirSync(dirname(registryPath), { recursive: true });
 			if (!existsSync(registryPath) || readFileSync(registryPath, "utf8") !== source) writeFileSync(registryPath, source);
 		}
 	};
@@ -779,6 +786,33 @@ function serverFileExclusionPlugin() {
 		}
 	};
 }
+function missingDynamicImportPlugin() {
+	var PREFIX = "\0vxrn-missing-module:";
+	return {
+		name: "vxrn:missing-dynamic-import",
+		async resolveId(source, importer, options) {
+			if (options.kind !== "dynamic-import") return;
+			if (source.startsWith(".") || source.startsWith("/") || source.includes(":")) return;
+			if (source.startsWith("\0")) return;
+			var resolved = await this.resolve(source, importer, {
+				skipSelf: true,
+				kind: options.kind
+			});
+			if (resolved) return resolved;
+			return {
+				id: `${PREFIX}${source}`,
+				external: false
+			};
+		},
+		load(id) {
+			if (!id.startsWith(PREFIX)) return;
+			return {
+				code: `throw new Error(${JSON.stringify(`Cannot find module '${id.slice(21)}'`)});`,
+				moduleType: "js"
+			};
+		}
+	};
+}
 function environmentGuardPlugin() {
 	var THROWING = [
 		"server-only",
@@ -829,6 +863,170 @@ export default HMRClient`,
 		}
 	};
 }
+function nativeIdentityAliasPlugin(platform) {
+	var packages = /* @__PURE__ */ new Map();
+	var resolver;
+	var findPackage = function findPackage1(directory) {
+		if (packages.has(directory)) return packages.get(directory);
+		var result = null;
+		var manifest = join(directory, "package.json");
+		if (existsSync(manifest)) try {
+			var field = JSON.parse(readFileSync(manifest, "utf8"))["react-native"];
+			result = {
+				root: directory,
+				aliases: field && typeof field === "object" ? field : {}
+			};
+		} catch (unused) {}
+		else {
+			var parent = dirname(directory);
+			if (parent !== directory) result = findPackage(parent);
+		}
+		packages.set(directory, result);
+		return result;
+	};
+	return {
+		name: "vxrn:native-identity-alias",
+		async resolveId(source, importer) {
+			if (!importer || !source.startsWith(".")) return;
+			var pkg = findPackage(dirname(importer));
+			if (!pkg) return;
+			var key = `./${normalizePath(relative(pkg.root, resolve(dirname(importer), source)))}`;
+			if (pkg.aliases[key] !== key) return;
+			if (!resolver) {
+				var { ResolverFactory } = await import("rolldown/experimental");
+				resolver = new ResolverFactory({
+					...getNativeResolveConfig(platform),
+					aliasFields: []
+				});
+			}
+			var result = resolver.sync(dirname(importer), source);
+			if (result.path) return result.path;
+		}
+	};
+}
+function nativeExportsPrecedencePlugin(root, platform) {
+	var manifests = /* @__PURE__ */ new Map();
+	var readManifest = function readManifest2(directory) {
+		if (!manifests.has(directory)) {
+			var manifest = null;
+			try {
+				manifest = JSON.parse(readFileSync(join(directory, "package.json"), "utf8"));
+			} catch (unused) {}
+			manifests.set(directory, manifest);
+		}
+		return manifests.get(directory);
+	};
+	var resolvers = /* @__PURE__ */ new Map();
+	return {
+		name: "vxrn:native-exports-precedence",
+		async resolveId(source, importer, options) {
+			var _ref;
+			var _readManifest, _readManifest1;
+			if (source.startsWith(".") || source.startsWith("/") || source.includes(":")) return;
+			var resolved = await this.resolve(source, importer, {
+				skipSelf: true,
+				kind: options.kind
+			});
+			if (!resolved || resolved.external || resolved.id.startsWith("\0")) return resolved;
+			var name = source.split("/").slice(0, source.startsWith("@") ? 2 : 1).join("/");
+			var directory = dirname(resolved.id);
+			while (((_readManifest = readManifest(directory)) === null || _readManifest === void 0 ? void 0 : _readManifest.name) !== name) {
+				if (dirname(directory) === directory) return resolved;
+				directory = dirname(directory);
+			}
+			var exportsMap = JSON.stringify((_ref = (_readManifest1 = readManifest(directory)) === null || _readManifest1 === void 0 ? void 0 : _readManifest1.exports) !== null && _ref !== void 0 ? _ref : null);
+			if (!exportsMap.includes("\"react-native\"") || !exportsMap.includes("\"browser\"")) return resolved;
+			var kind = options.kind === "require-call" ? "require" : "import";
+			var resolver = resolvers.get(kind);
+			if (!resolver) {
+				var { ResolverFactory } = await import("rolldown/experimental");
+				resolver = new ResolverFactory({
+					...getNativeResolveConfig(platform),
+					conditionNames: [
+						"react-native",
+						kind,
+						"default"
+					]
+				});
+				resolvers.set(kind, resolver);
+			}
+			var native = resolver.sync(importer ? dirname(importer) : root, source);
+			if (!native.path || native.path === resolved.id) return resolved;
+			return this.resolve(native.path, importer, {
+				skipSelf: true,
+				kind: options.kind
+			});
+		}
+	};
+}
+function nativeDeclarationAliasPlugin(root, platform) {
+	var resolvers = /* @__PURE__ */ new Map();
+	return {
+		name: "vxrn:declaration-alias",
+		async resolveId(source, importer, options) {
+			if (source.startsWith(".") || source.startsWith("/") || source.includes(":")) return;
+			var resolved = await this.resolve(source, importer, {
+				skipSelf: true,
+				kind: options.kind
+			});
+			if (!resolved || resolved.external || !/\.d\.[cm]?ts$/.test(resolved.id)) return resolved;
+			var kind = options.kind === "require-call" ? "require" : "import";
+			var resolver = resolvers.get(kind);
+			if (!resolver) {
+				var { ResolverFactory } = await import("rolldown/experimental");
+				resolver = new ResolverFactory({
+					...getNativeResolveConfig(platform),
+					conditionNames: [
+						"react-native",
+						"browser",
+						kind,
+						"default"
+					]
+				});
+				resolvers.set(kind, resolver);
+			}
+			var runtime = resolver.sync(importer ? dirname(importer) : root, source);
+			if (!runtime.path || /\.d\.[cm]?ts$/.test(runtime.path)) this.error(`Native import ${source} resolves to a declaration without a runtime export`);
+			return this.resolve(runtime.path, importer, {
+				skipSelf: true,
+				kind: options.kind
+			});
+		}
+	};
+}
+function nativeAssetRegistryPlugin(root) {
+	var registryPath;
+	return {
+		name: "vxrn:asset-registry",
+		async resolveId(source, importer) {
+			if (source !== "react-native/asset-registry" && source !== "@react-native/assets-registry/registry") return;
+			if (registryPath === void 0) try {
+				var reactNativeRoot = dirname(resolvePath("react-native/package.json", root));
+				var exportedRegistry = join(reactNativeRoot, "src/asset-registry.js");
+				registryPath = existsSync(exportedRegistry) ? exportedRegistry : resolvePath("@react-native/assets-registry/registry", reactNativeRoot);
+			} catch (unused) {
+				registryPath = null;
+			}
+			if (registryPath) return this.resolve(normalizePath(registryPath), importer, { skipSelf: true });
+		}
+	};
+}
+function nativePackageDedupePlugin(root) {
+	var packages = /* @__PURE__ */ new Set([
+		...dedupe,
+		"react-native-worklets",
+		"react-native-nitro-modules"
+	]);
+	return {
+		name: "vxrn:native-package-dedupe",
+		async resolveId(source) {
+			var parts = source.split("/");
+			var packageName = source.startsWith("@") ? parts.slice(0, 2).join("/") : parts[0];
+			if (!packages.has(packageName)) return;
+			return this.resolve(source, join(root, "package.json"), { skipSelf: true });
+		}
+	};
+}
 function reactNativeDedupePlugin(root) {
 	var reactNativeRoot;
 	return {
@@ -860,7 +1058,7 @@ function cssStubPlugin() {
 function vxrnCompilerPlugin(platform, dev) {
 	var projectRoot = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : process.cwd(), sourceMaps = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false;
 	var compiler = null;
-	var isRefreshCandidate = function(id) {
+	var isRefreshCandidate = function isRefreshCandidate2(id) {
 		return dev && !id.includes("node_modules") && !id.includes("__virtual-native-entry") && /\.[tj]sx?$/.test(id);
 	};
 	return {
@@ -883,7 +1081,7 @@ function vxrnCompilerPlugin(platform, dev) {
 			var babelOptions = compiler.getBabelOptions(props);
 			var curCode = code;
 			var intermediateMaps = [];
-			var isWorkletPlugin = function(entry) {
+			var isWorkletPlugin = function isWorkletPlugin2(entry) {
 				if (!entry) return false;
 				var name = typeof entry === "string" ? entry : Array.isArray(entry) ? entry[0] : null;
 				return typeof name === "string" && (name.includes("react-native-worklets") || name.includes("react-native-reanimated"));
@@ -1297,12 +1495,12 @@ function hermesCompatSWCPlugin(dev) {
 			var _ref;
 			if (!/\.[cm]?[jt]sx?$/.test(id)) return;
 			if (id.includes("\0") || id.includes("virtual:")) return;
-			var hasClass = code.includes("class ") || code.includes("class{");
+			var hasClass = /\bclass(?:\s|\{)/.test(code);
 			var hasAsync = code.includes("async");
-			var hasBlockScopedLoop = /\bfor\s*\(\s*(?:const|let)\b/.test(code);
-			if (!hasClass && !hasAsync && !hasBlockScopedLoop) return;
+			var hasBlockScopedBinding = /\b(?:const|let)\s/.test(code);
+			if (!hasClass && !hasAsync && !hasBlockScopedBinding) return;
 			var output;
-			if (code.length <= 5e5) {
+			if (code.length <= 5e5 || hasClass) {
 				var _result_errors;
 				if (!oxc) oxc = await import("oxc-transform");
 				var lang = /\.[cm]?ts$/.test(id) ? "ts" : id.endsWith(".tsx") ? "tsx" : "jsx";
@@ -1324,11 +1522,25 @@ ${err.codeframe}` : ""));
 					map: sourceMaps ? result.map : void 0
 				};
 			}
+			if (hasClass || hasBlockScopedBinding) {
+				var _ref1;
+				var { transformHermesClasses } = await import("@vxrn/compiler");
+				var classes = await transformHermesClasses((_ref1 = output === null || output === void 0 ? void 0 : output.code) !== null && _ref1 !== void 0 ? _ref1 : code, id, sourceMaps);
+				if (classes) {
+					if (classes.map && (output === null || output === void 0 ? void 0 : output.map)) {
+						var remapping = (await import("@jridgewell/remapping")).default;
+						classes.map = remapping([classes.map, output.map], function() {
+							return null;
+						});
+					}
+					output = classes;
+				}
+			}
 			var lowered = await transformHermesAsync((_ref = output === null || output === void 0 ? void 0 : output.code) !== null && _ref !== void 0 ? _ref : code, id, sourceMaps);
 			if (!lowered) return output;
 			if (lowered.map && (output === null || output === void 0 ? void 0 : output.map)) {
-				var remapping = (await import("@jridgewell/remapping")).default;
-				lowered.map = remapping([lowered.map, output.map], function() {
+				var remapping1 = (await import("@jridgewell/remapping")).default;
+				lowered.map = remapping1([lowered.map, output.map], function() {
 					return null;
 				});
 			}