tamagui-loader 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/TamaguiPlugin.cjs

@@ -1,3 +1,4 @@
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -5,199 +6,419 @@ 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
-  });
+	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;
+	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
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var TamaguiPlugin_exports = {};
-__export(TamaguiPlugin_exports, {
-  TamaguiPlugin: () => TamaguiPlugin
-});
+__export(TamaguiPlugin_exports, { TamaguiPlugin: () => TamaguiPlugin });
 module.exports = __toCommonJS(TamaguiPlugin_exports);
-var StaticWorker = __toESM(require("@tamagui/static-worker"), 1);
+var import_static = __toESM(require("@tamagui/static"), 1);
+var import_node_crypto = require("node:crypto");
 var import_node_fs = require("node:fs");
 var import_node_path = require("node:path");
+var import_node_zlib = require("node:zlib");
 var import_webpack = __toESM(require("webpack"), 1);
 var import_requireResolve = require("./requireResolve.cjs");
-class TamaguiPlugin {
-  constructor(options = {
-    platform: "web",
-    components: ["@tamagui/core"]
-  }) {
-    this.options = options;
-  }
-  options;
-  pluginName = "TamaguiPlugin";
-  safeResolves = (resolves, multiple = false) => {
-    const res = [];
-    for (const [out, mod] of resolves) {
-      if (out.endsWith("$")) {
-        res.push([out, mod]);
-        continue;
-      }
-      try {
-        res.push([out, (0, import_requireResolve.requireResolve)(mod)]);
-        if (multiple) {
-          res.push([out, (0, import_requireResolve.requireResolve)(mod)]);
-        }
-      } catch (err) {
-        if (out.includes(`@gorhom/bottom-sheet`)) {
-          continue;
-        }
-        if (process.env.DEBUG?.startsWith("tamagui")) {
-          console.info(`  withTamagui skipping resolving ${out}`, err);
-        }
-      }
-    }
-    return res;
-  };
-  get componentsFullPaths() {
-    return this.safeResolves(this.options.components?.map(moduleName => [moduleName, moduleName]) || [], true);
-  }
-  get componentsBaseDirs() {
-    return this.componentsFullPaths.map(([_, fullPath]) => {
-      let rootPath = (0, import_node_path.dirname)(fullPath);
-      while (rootPath.length > 1) {
-        const pkg = (0, import_node_path.join)(rootPath, "package.json");
-        const hasPkg = (0, import_node_fs.existsSync)(pkg);
-        if (hasPkg) {
-          return rootPath;
-        }
-        rootPath = (0, import_node_path.join)(rootPath, "..");
-      }
-      throw new Error(`Couldn't find package.json in any path above: ${fullPath}`);
-    });
-  }
-  isInComponentModule = fullPath => {
-    return this.componentsBaseDirs.some(componentDir => fullPath.startsWith(componentDir));
-  };
-  get defaultAliases() {
-    return Object.fromEntries(this.safeResolves([["@tamagui/core/reset.css", "@tamagui/core/reset.css"],
-    // fixes https://github.com/kentcdodds/mdx-bundler/issues/143
-    // `react/jsx-runtime` and `react/jsx-dev-runtime` will break the build in nextjs 15 + app router
-    ["react/jsx-runtime.js", "react/jsx-runtime"], ["react/jsx-dev-runtime.js", "react/jsx-dev-runtime"], ...(this.options.useTamaguiSVG ? [["react-native-svg", "@tamagui/react-native-svg"]] : []), ...(this.options.useReactNativeWebLite ? [["react-native$", "@tamagui/react-native-web-lite"], ["react-native-web$", "@tamagui/react-native-web-lite"]] : [["react-native$", "react-native-web"], ["react-native-web$", "react-native-web"]])]));
-  }
-  apply(compiler) {
-    const serializableOptions = {
-      ...this.options
-    };
-    for (const key in serializableOptions) {
-      const value = serializableOptions[key];
-      if (typeof value === "function") {
-        delete serializableOptions[key];
-      }
-    }
-    void StaticWorker.loadTamagui({
-      components: ["tamagui"],
-      platform: "web",
-      ...serializableOptions
-    });
-    if (compiler.options.mode === "development" && !this.options.disableWatchConfig) {
-      void StaticWorker.watchTamaguiConfig(serializableOptions).then(watcher => {
-        process.once("exit", () => {
-          watcher?.dispose();
-        });
-      });
-    }
-    process.once("exit", () => {
-      void StaticWorker.destroyPool();
-    });
-    compiler.hooks.normalModuleFactory.tap(this.pluginName, nmf => {
-      nmf.hooks.createModule.tap(this.pluginName,
-      // @ts-expect-error CreateData is typed as 'object'...
-      createData => {
-        if (createData.matchResource?.endsWith(".tamagui.css")) {
-          createData.settings.sideEffects = true;
-        }
-      });
-    });
-    if (!this.options.disableAliases) {
-      const existingAlias = compiler.options.resolve.alias;
-      if (Array.isArray(existingAlias)) {} else if (typeof existingAlias === "object") {
-        Object.assign(existingAlias, this.defaultAliases);
-      }
-    }
-    const excludeExports = this.options.excludeReactNativeWebExports;
-    if (excludeExports) {
-      if (Array.isArray(excludeExports)) {
-        try {
-          const regexStr = `react-native-web(-lite)?/.*(${excludeExports.join("|")}).*js`;
-          const regex = new RegExp(regexStr);
-          compiler.hooks.environment.tap("MyPlugin", () => {
-            const definePlugin = new import_webpack.default.NormalModuleReplacementPlugin(regex, (0, import_requireResolve.requireResolve)("@tamagui/proxy-worm"));
-            definePlugin.apply(compiler);
-          });
-        } catch (err) {
-          console.warn(`Invalid names provided to excludeReactNativeWebExports: ${excludeExports.join(", ")}`);
-        }
-      }
-    }
-    compiler.options.resolve.extensions = [... /* @__PURE__ */new Set([".web.tsx", ".web.ts", ".web.js", ".ts", ".tsx", ".js", ...(compiler.options.resolve.extensions || [])])];
-    compiler.options.resolve.fallback ||= {};
-    compiler.options.resolve.fallback["crypto"] ||= false;
-    const mainFields = compiler.options.resolve.mainFields;
-    if (mainFields) {
-      compiler.options.resolve.mainFields = Array.isArray(mainFields) ? mainFields : [mainFields];
-      if (!this.options.disableModuleJSXEntry) mainFields.unshift("module:jsx");
-    }
-    if (!compiler.options.module) {
-      return;
-    }
-    const {
-      jsLoader
-    } = this.options;
-    const existing = compiler.options.module.rules;
-    const rules = existing.find(x => typeof x === "object" && "oneOf" in x ? x : null)?.oneOf ?? existing;
-    const tamaguiLoader = {
-      loader: (0, import_requireResolve.requireResolve)("tamagui-loader"),
-      options: {
-        ...this.options,
-        _disableLoadTamagui: true
-      }
-    };
-    let didReplaceNextJS = false;
-    for (const [index, rule] of rules.entries()) {
-      const shouldReplaceNextJSRule = (rule?.use?.loader === "next-swc-loader" || Array.isArray(rule?.use) && rule?.use[0].loader === "next-swc-loader") && !rule.issuerLayer;
-      if (shouldReplaceNextJSRule) {
-        didReplaceNextJS = true;
-        rules[index] = {
-          ...rule,
-          test: this.options.test ?? rule.test ?? /\.m?[jt]sx?$/,
-          exclude: this.options.exclude ?? rule.exclude,
-          use: [...(jsLoader ? [jsLoader] : []), ...(rule.use ? [].concat(rule.use) : []), tamaguiLoader]
-        };
-      }
-    }
-    if (!didReplaceNextJS) {
-      if (compiler.options.mode === "development") {
-        existing.push({
-          test: this.options.test ?? /\.tsx$/,
-          exclude: this.options.exclude,
-          use: [tamaguiLoader]
-        });
-      }
-    }
-  }
-}
+var import_zeroRuntime = require("./zeroRuntime.cjs");
+const globalCSSGeneration = /* @__PURE__ */ new Map();
+function generateGlobalCSSOnce(cssPath, generate) {
+	let pending = globalCSSGeneration.get(cssPath);
+	if (!pending) {
+		pending = generate();
+		globalCSSGeneration.set(cssPath, pending);
+	}
+	return pending;
+}
+var TamaguiPlugin = class {
+	constructor(options = {
+		platform: "web",
+		components: ["@tamagui/core"]
+	}) {
+		this.options = options;
+	}
+	options;
+	pluginName = "TamaguiPlugin";
+	/**
+	* The compiled-global-CSS tier: ordinary compiled Tamagui plus an owned
+	* `outputCSS` artifact. `withTamagui` already inlined
+	* `TAMAGUI_DID_OUTPUT_CSS='1'`, so this proves the artifact that replaces the
+	* stripped rules exists, matches this build's config, and is in the client
+	* graph. A build that cannot prove all three fails instead of shipping.
+	*/
+	applyGlobalCSS(compiler) {
+		const root = this.options.root || compiler.context || process.cwd();
+		if (compiler.options.mode === "development") return;
+		const globalCSS = import_static.default.resolveGlobalCSSOwnership({
+			platform: "web",
+			...this.options
+		}, root);
+		if (!globalCSS) return;
+		let expectedCSS = "";
+		compiler.hooks.beforeCompile.tapPromise(this.pluginName, async () => {
+			expectedCSS = await generateGlobalCSSOnce(globalCSS.cssPath, async () => {
+				const { projectInfo } = await import_static.default.loadCompilerProject({
+					root,
+					target: "web",
+					options: {
+						components: ["tamagui"],
+						...this.options
+					},
+					generation: "next-webpack:global-css",
+					missingProjectMessage: "[tamagui] outputCSS is set but the Tamagui config did not evaluate, so no CSS artifact can be generated"
+				});
+				return projectInfo.tamaguiConfig.getCSS();
+			});
+		});
+		if (this.options.isServer) return;
+		compiler.hooks.afterEmit.tap(this.pluginName, (compilation) => {
+			const loadedModuleIds = [];
+			for (const module2 of (0, import_zeroRuntime.flattenModules)(compilation.modules)) {
+				const resource = module2?.resource;
+				if (resource) loadedModuleIds.push(resource);
+			}
+			const failure = import_static.default.checkGlobalCSSArtifact({
+				cssPath: globalCSS.cssPath,
+				expectedCSS,
+				loadedModuleIds,
+				importHint: `Import it once from your root layout or _app: import ${JSON.stringify(relativeImportSpecifier(root, globalCSS.cssPath))}`
+			});
+			if (failure) throw new Error(failure.message);
+		});
+	}
+	/**
+	* The zero-runtime half: the plugin owns the one generated CSS artifact, runs
+	* each declared island as a separate full-runtime compilation, and proves the
+	* emitted client graph carries no forbidden Tamagui module.
+	*/
+	applyZeroRuntime(compiler) {
+		const root = this.options.root || compiler.context || process.cwd();
+		const zero = (0, import_zeroRuntime.getWebpackZeroController)({
+			platform: "web",
+			...this.options
+		}, root);
+		if (!zero || zero.islandBuild) return;
+		compiler.hooks.beforeCompile.tapPromise(this.pluginName, async () => {
+			const { projectInfo } = await import_static.default.loadCompilerProject({
+				root,
+				target: "web",
+				options: {
+					components: ["tamagui"],
+					...this.options
+				},
+				generation: "next-webpack:zero-runtime",
+				missingProjectMessage: "[tamagui zero-runtime] the Tamagui config did not evaluate, so no CSS artifact can be generated"
+			});
+			if (zero.isEnforcing) import_static.default.assertZeroConfigDrivers(projectInfo.tamaguiConfig);
+			const configCSS = projectInfo.tamaguiConfig.getCSS();
+			zero.configHash = (0, import_node_crypto.createHash)("sha256").update(configCSS).digest("hex").slice(0, 16);
+			zero.artifact.setConfigCSS(configCSS);
+		});
+		if (this.options.isServer) return;
+		compiler.hooks.afterEmit.tapPromise(this.pluginName, async (compilation) => {
+			zero.artifact.clearGraphs();
+			zero.bridges.clear();
+			zero.violations.length = 0;
+			const collected = (0, import_zeroRuntime.collectZeroBuildInfo)(zero, compilation.modules);
+			import_static.default.writeZeroViolationReport(zero.resolved.outDir, "next-zero", {
+				integration: "next-webpack",
+				mode: zero.isEnforcing ? "enforce" : "report",
+				violations: zero.violations
+			});
+			if (!zero.isEnforcing) return;
+			if (zero.violations.length) {
+				throw new Error(import_static.default.formatZeroViolations(zero.violations));
+			}
+			const islandOutputHashes = {};
+			for (const island of zero.resolved.islands) {
+				const built = await (0, import_zeroRuntime.buildWebpackIsland)({
+					island,
+					controller: zero,
+					webpack: import_webpack.default,
+					mode: compiler.options.mode === "development" ? "development" : "production",
+					resolve: compiler.options.resolve,
+					defines: (0, import_zeroRuntime.collectDefinitions)(compiler),
+					moduleRules: [{
+						test: /\.tsx?$/,
+						exclude: /node_modules/,
+						use: [{
+							loader: (0, import_requireResolve.requireResolve)("esbuild-loader"),
+							options: {
+								target: "es2020",
+								jsx: "automatic",
+								loader: "tsx"
+							}
+						}, {
+							loader: (0, import_requireResolve.requireResolve)("tamagui-loader"),
+							options: {
+								...this.options,
+								isServer: false
+							}
+						}]
+					}]
+				});
+				islandOutputHashes[island.id] = built.hash;
+			}
+			const written = zero.artifact.write();
+			if (!written.complete) {
+				throw new Error(`[tamagui zero-runtime] cannot derive TAMAGUI_DID_OUTPUT_CSS: the generated CSS artifact is missing ${written.missing.join(", ")}`);
+			}
+			const css = zero.artifact.css();
+			(0, import_node_fs.mkdirSync)(zero.publicDir, { recursive: true });
+			const published = (0, import_node_path.join)(zero.publicDir, import_zeroRuntime.ZERO_CSS_FILENAME);
+			(0, import_node_fs.writeFileSync)(published, css);
+			const publishFailure = import_static.default.checkGlobalCSSArtifact({
+				cssPath: published,
+				expectedCSS: css,
+				loadedModuleIds: [published],
+				importHint: ""
+			});
+			if (publishFailure) throw new Error(publishFailure.message);
+			const moduleId = (module2) => module2?.resource ?? module2?.identifier?.();
+			const modules = [];
+			const importerEdges = /* @__PURE__ */ new Map();
+			for (const module2 of (0, import_zeroRuntime.flattenModules)(compilation.modules)) {
+				const id = moduleId(module2);
+				if (!id) continue;
+				const importers = [];
+				const issuer = moduleId(compilation.moduleGraph.getIssuer(module2));
+				if (issuer) importers.push(issuer);
+				for (const connection of compilation.moduleGraph.getIncomingConnections(module2)) {
+					const origin = moduleId(connection.originModule);
+					if (origin && !importers.includes(origin)) importers.push(origin);
+				}
+				importerEdges.set(id, importers);
+				modules.push({
+					id,
+					importers
+				});
+			}
+			const entries = [];
+			for (const [, entry] of compilation.entries) {
+				for (const dependency of entry.dependencies) {
+					const id = moduleId(compilation.moduleGraph.getModule(dependency));
+					if (id) entries.push(id);
+				}
+			}
+			const escape = import_static.default.erasedExportEscape({
+				integration: "next-webpack",
+				transformed: collected.transformed,
+				erasedExports: collected.erasedExports,
+				importersOf: importerEdges
+			});
+			if (escape) throw new Error(escape);
+			const checked = import_static.default.checkZeroGraph({
+				entries,
+				modules,
+				importerEdges,
+				root: zero.resolved.root
+			});
+			const bridgeManifest = import_static.default.canonicalizeBridgeManifest(Object.fromEntries([...zero.bridges.entries()].sort(([left], [right]) => left < right ? -1 : 1)));
+			const identityInputs = {
+				runtimeLiteral: "zero",
+				target: "web",
+				configGeneration: zero.configHash,
+				cssHash: written.hash,
+				compilerVersion: import_static.default.ZERO_COMPILER_VERSION,
+				islandEntries: zero.resolved.islands.map((island) => island.module),
+				bridgeManifestHash: import_static.default.hashBridgeManifest(bridgeManifest),
+				islandOutputHashes
+			};
+			const receipt = {
+				integration: "next-webpack",
+				graph: "zero",
+				entries: entries.sort(),
+				moduleCount: modules.length,
+				tamaguiModules: checked.tamaguiModules,
+				forbidden: checked.forbidden,
+				cssArtifact: {
+					path: zero.cssHref,
+					hash: written.hash
+				},
+				identity: import_static.default.hashZeroIdentity(identityInputs),
+				gzip: { [import_zeroRuntime.ZERO_CSS_FILENAME]: (0, import_node_zlib.gzipSync)(Buffer.from(css), { level: 9 }).length },
+				plansRestoredFromCache: collected.restored > 0
+			};
+			import_static.default.writeZeroGraphReceipt(zero.resolved.outDir, "next-zero", receipt);
+			(0, import_node_fs.writeFileSync)((0, import_node_path.join)(zero.resolved.outDir, "next-zero.bridges.json"), `${JSON.stringify({
+				identity: receipt.identity,
+				identityInputs,
+				bridges: bridgeManifest
+			}, null, 2)}
+`);
+			if (receipt.forbidden.length) {
+				throw new Error(import_static.default.formatZeroGraphFailure(receipt));
+			}
+			console.info(`  \u27A1 [tamagui zero-runtime] ${modules.length} modules, 0 forbidden, css ${receipt.gzip[import_zeroRuntime.ZERO_CSS_FILENAME]} gzip, islands: ${zero.resolved.islands.map((island) => island.id).join(", ") || "none"}`);
+		});
+	}
+	resolveModules = (resolves, purpose) => {
+		const res = [];
+		for (const [out, mod] of resolves) {
+			if (this.options.dangerouslyIgnoreStaticEvaluationModules?.includes(mod)) {
+				continue;
+			}
+			if (out.endsWith("$")) {
+				res.push([out, mod]);
+				continue;
+			}
+			try {
+				res.push([out, (0, import_requireResolve.requireResolve)(mod)]);
+			} catch (err) {
+				const reason = err instanceof Error ? err.message : String(err);
+				throw new Error(`[tamagui] Failed to resolve ${purpose} "${mod}" for "${out}".
+Reason: ${reason}
+Fix the module name or install it. If it is runtime-only and none of its exports create your Tamagui config or components, add "${mod}" to dangerouslyIgnoreStaticEvaluationModules in tamagui.build.ts.`, { cause: err });
+			}
+		}
+		return res;
+	};
+	get componentsFullPaths() {
+		return this.resolveModules(this.options.components?.map((moduleName) => [moduleName, moduleName]) || [], "configured component");
+	}
+	get componentsBaseDirs() {
+		return this.componentsFullPaths.map(([_, fullPath]) => {
+			let rootPath = (0, import_node_path.dirname)(fullPath);
+			while (rootPath.length > 1) {
+				const pkg = (0, import_node_path.join)(rootPath, "package.json");
+				const hasPkg = (0, import_node_fs.existsSync)(pkg);
+				if (hasPkg) {
+					return rootPath;
+				}
+				rootPath = (0, import_node_path.join)(rootPath, "..");
+			}
+			throw new Error(`Couldn't find package.json in any path above: ${fullPath}`);
+		});
+	}
+	isInComponentModule = (fullPath) => {
+		return this.componentsBaseDirs.some((componentDir) => fullPath.startsWith(componentDir));
+	};
+	get defaultAliases() {
+		return Object.fromEntries(this.resolveModules([
+			["@tamagui/core/reset.css", "@tamagui/core/reset.css"],
+			["react/jsx-runtime.js", "react/jsx-runtime"],
+			["react/jsx-dev-runtime.js", "react/jsx-dev-runtime"],
+			...this.options.useTamaguiSVG ? [["react-native-svg", "@tamagui/react-native-svg"]] : [],
+			...this.options.useReactNativeWebLite ? [["react-native$", "@tamagui/react-native-web-lite"], ["react-native-web$", "@tamagui/react-native-web-lite"]] : [["react-native$", "react-native-web"], ["react-native-web$", "react-native-web"]]
+		], "webpack alias"));
+	}
+	apply(compiler) {
+		void import_static.default.loadCompilerProject({
+			root: this.options.root || compiler.context || process.cwd(),
+			target: "web",
+			options: {
+				components: ["tamagui"],
+				...this.options
+			},
+			generation: "next-webpack:warmup"
+		});
+		this.applyZeroRuntime(compiler);
+		this.applyGlobalCSS(compiler);
+		if (compiler.options.mode === "development" && !this.options.disableWatchConfig) {
+			void import_static.default.watchTamaguiConfig(this.options).then((watcher) => {
+				process.once("exit", () => {
+					watcher?.dispose();
+				});
+			});
+		}
+		compiler.hooks.normalModuleFactory.tap(this.pluginName, (nmf) => {
+			nmf.hooks.createModule.tap(this.pluginName, (createData) => {
+				if (createData.matchResource?.endsWith(".tamagui.css") && createData.settings) {
+					createData.settings.sideEffects = true;
+				}
+			});
+		});
+		if (!this.options.disableAliases) {
+			const existingAlias = compiler.options.resolve.alias;
+			if (Array.isArray(existingAlias)) {} else if (typeof existingAlias === "object") {
+				Object.assign(existingAlias, this.defaultAliases);
+			}
+		}
+		const excludeExports = this.options.excludeReactNativeWebExports;
+		if (excludeExports) {
+			if (Array.isArray(excludeExports)) {
+				try {
+					const regexStr = `react-native-web(-lite)?/.*(${excludeExports.join("|")}).*js`;
+					const regex = new RegExp(regexStr);
+					compiler.hooks.environment.tap("MyPlugin", () => {
+						const definePlugin = new import_webpack.default.NormalModuleReplacementPlugin(regex, (0, import_requireResolve.requireResolve)("@tamagui/proxy-worm"));
+						definePlugin.apply(compiler);
+					});
+				} catch (err) {
+					console.warn(`Invalid names provided to excludeReactNativeWebExports: ${excludeExports.join(", ")}`);
+				}
+			}
+		}
+		compiler.options.resolve.extensions = [.../* @__PURE__ */ new Set([
+			".web.tsx",
+			".web.ts",
+			".web.js",
+			".ts",
+			".tsx",
+			".js",
+			...compiler.options.resolve.extensions || []
+		])];
+		compiler.options.resolve.fallback ||= {};
+		compiler.options.resolve.fallback["crypto"] ||= false;
+		const mainFields = compiler.options.resolve.mainFields;
+		if (mainFields) {
+			compiler.options.resolve.mainFields = Array.isArray(mainFields) ? mainFields : [mainFields];
+			if (!this.options.disableModuleJSXEntry) mainFields.unshift("module:jsx");
+		}
+		if (!compiler.options.module) {
+			return;
+		}
+		const { jsLoader } = this.options;
+		const existing = compiler.options.module.rules;
+		const rules = existing.find((x) => typeof x === "object" && "oneOf" in x ? x : null)?.oneOf ?? existing;
+		const tamaguiLoader = {
+			loader: (0, import_requireResolve.requireResolve)("tamagui-loader"),
+			options: { ...this.options }
+		};
+		let didReplaceNextJS = false;
+		for (const [index, rule] of rules.entries()) {
+			const shouldReplaceNextJSRule = (rule?.use?.loader === "next-swc-loader" || Array.isArray(rule?.use) && rule?.use[0].loader === "next-swc-loader") && !rule.issuerLayer;
+			if (shouldReplaceNextJSRule) {
+				didReplaceNextJS = true;
+				rules[index] = {
+					...rule,
+					test: this.options.test ?? rule.test ?? /\.m?[jt]sx?$/,
+					exclude: this.options.exclude ?? rule.exclude,
+					use: [
+						...jsLoader ? [jsLoader] : [],
+						...rule.use ? [].concat(rule.use) : [],
+						tamaguiLoader
+					]
+				};
+			}
+		}
+		if (!didReplaceNextJS) {
+			if (compiler.options.mode === "development") {
+				existing.push({
+					test: this.options.test ?? /\.tsx$/,
+					exclude: this.options.exclude,
+					use: [tamaguiLoader]
+				});
+			}
+		}
+	}
+};
+function relativeImportSpecifier(from, to) {
+	const path = (0, import_node_path.relative)(from, to).replace(/\\/g, "/");
+	return path.startsWith(".") ? path : `./${path}`;
+}