@tamagui/next-plugin 1.61.2 → 1.62.0

package/dist/cjs/index.js

@@ -1,18 +1,14 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
+  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 });
-  }
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var src_exports = {};
 module.exports = __toCommonJS(src_exports);
 __reExport(src_exports, require("./withTamagui"), module.exports);

package/dist/cjs/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,0BAAd;",
+  "mappings": ";;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,0BAAd;",
   "names": []
 }

package/dist/cjs/index.native.js

@@ -0,0 +1,20 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./withTamagui"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./withTamagui")
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "mappings": ";;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,0BAAd;",
+  "names": []
+}

package/dist/cjs/withTamagui.js

@@ -1,20 +1,15 @@
-"use strict";
 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 __getProtoOf = Object.getPrototypeOf, __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") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __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 });
-  }
+      !__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(
@@ -22,323 +17,218 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   // 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,
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
   mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var withTamagui_exports = {};
 __export(withTamagui_exports, {
   withTamagui: () => withTamagui
 });
 module.exports = __toCommonJS(withTamagui_exports);
-var import_fs = require("fs");
-var import_path = __toESM(require("path"));
-var import_browserslist = __toESM(require("browserslist"));
-var import_esm_resolve = __toESM(require("esm-resolve"));
-var import_css = require("next/dist/build/webpack/config/blocks/css");
-var import_loaders = require("next/dist/build/webpack/config/blocks/css/loaders");
-var import_tamagui_loader = require("tamagui-loader");
-var import_webpack = __toESM(require("webpack"));
-const withTamagui = (tamaguiOptions) => {
-  return (nextConfig = {}) => {
-    var _a;
-    const isAppDir = (_a = nextConfig.experimental) == null ? void 0 : _a.appDir;
-    return {
-      ...nextConfig,
-      webpack: (webpackConfig, options) => {
-        var _a2;
-        const { dir, config, dev, isServer } = options;
-        const resolver = (0, import_esm_resolve.default)((0, import_path.join)(dir, "index.js"), {
-          constraints: "node"
-        });
-        if (typeof globalThis["__DEV__"] === "undefined") {
-          globalThis["__DEV__"] = dev;
-        }
-        const isNext12 = typeof ((_a2 = options.config) == null ? void 0 : _a2.swcMinify) === "boolean";
-        if (!isNext12) {
-          throw new Error(`Next.js 12 only supported`);
-        }
-        const prefix = `${isServer ? " ssr " : " web "} |`;
-        const safeResolves = (resolves, multiple = false) => {
-          var _a3;
-          const res = [];
-          for (const [out, mod] of resolves) {
-            if (out.endsWith("$")) {
-              res.push([out, mod]);
-              continue;
-            }
-            try {
-              res.push([out, resolveEsm(mod)]);
-              if (multiple) {
-                res.push([out, resolveEsm(mod, true)]);
-              }
-            } catch (err) {
-              if (out.includes(`@gorhom/bottom-sheet`)) {
-                continue;
-              }
-              if ((_a3 = process.env.DEBUG) == null ? void 0 : _a3.startsWith("tamagui")) {
-                console.log(prefix, `withTamagui skipping resolving ${out}`, err);
-              }
-            }
-          }
-          return res;
-        };
-        const resolveEsm = (relativePath, onlyRequire = false) => {
-          if (isServer || onlyRequire) {
-            return require.resolve(relativePath);
-          }
-          const esm = resolver(relativePath);
-          return esm ? import_path.default.join(dir, esm) : require.resolve(relativePath);
-        };
-        const SEP = import_path.default.sep;
-        const componentsFullPaths = safeResolves(
-          tamaguiOptions.components.map(
-            (moduleName) => [moduleName, moduleName]
-          ),
-          true
-        );
-        const componentsBaseDirs = componentsFullPaths.map(([_, fullPath]) => {
-          let rootPath = (0, import_path.dirname)(fullPath);
-          while (rootPath.length > 1) {
-            const pkg = (0, import_path.join)(rootPath, "package.json");
-            const hasPkg = (0, import_fs.existsSync)(pkg);
-            if (hasPkg) {
-              return rootPath;
-            } else {
-              rootPath = (0, import_path.join)(rootPath, "..");
-            }
-          }
-          throw new Error(`Couldn't find package.json in any path above: ${fullPath}`);
-        });
-        function isInComponentModule(fullPath) {
-          return componentsBaseDirs.some(
-            (componentDir) => fullPath.startsWith(componentDir)
-          );
-        }
-        const shouldExclude = (path2, projectRoot) => {
-          var _a3;
-          const res = (_a3 = tamaguiOptions.shouldExtract) == null ? void 0 : _a3.call(tamaguiOptions, path2, projectRoot);
-          if (typeof res === "boolean") {
-            return !res;
-          }
-          if (isInComponentModule(path2)) {
-            return false;
-          }
-          return (0, import_tamagui_loader.shouldExclude)(path2, projectRoot);
-        };
-        const rnw = tamaguiOptions.useReactNativeWebLite ? "react-native-web-lite" : "react-native-web";
-        const tamaguiAliases = Object.fromEntries(
-          safeResolves([
-            ["@tamagui/core/reset.css", "@tamagui/core/reset.css"],
-            ["@tamagui/core", "@tamagui/core"],
-            ["@tamagui/web", "@tamagui/web"],
-            // web specific light react-native-svg, optional, can use svgs but had issues with compat
-            ["react-native-svg", "@tamagui/react-native-svg"],
-            // fixes https://github.com/kentcdodds/mdx-bundler/issues/143
-            ["react/jsx-runtime.js", "react/jsx-runtime"],
-            ["react/jsx-runtime", "react/jsx-runtime"],
-            ["react/jsx-dev-runtime.js", "react/jsx-dev-runtime"],
-            ["react/jsx-dev-runtime", "react/jsx-dev-runtime"],
-            ["react-native-reanimated", "react-native-reanimated"],
-            ["react-native$", rnw],
-            ["react-native-web$", rnw],
-            ["@testing-library/react-native", "@tamagui/proxy-worm"],
-            ["@gorhom/bottom-sheet$", "@gorhom/bottom-sheet"],
-            // fix reanimated 3
-            ["react-native/Libraries/Renderer/shims/ReactFabric", "@tamagui/proxy-worm"],
-            ...tamaguiOptions.aliasReactPackages ? [
-              ["react", "react"],
-              ["react-dom", "react-dom"]
-            ] : []
-          ])
-        );
-        const alias = {
-          ...webpackConfig.resolve.alias || {},
-          ...tamaguiAliases
-        };
-        if (process.env.DEBUG) {
-          console.log("Tamagui alias:", alias);
-        }
-        if (process.env.ANALYZE === "true") {
-          Object.assign(webpackConfig.optimization, {
-            concatenateModules: false
-          });
-        }
-        webpackConfig.resolve.alias = alias;
-        const defines = {
-          "process.env.IS_STATIC": JSON.stringify(""),
-          "process.env.TAMAGUI_TARGET": '"web"',
-          "process.env.TAMAGUI_IS_SERVER": JSON.stringify(isServer ? "true" : ""),
-          __DEV__: JSON.stringify(dev),
-          ...(tamaguiOptions.outputCSS || process.env.TAMAGUI_DOES_SSR_CSS) && {
-            "process.env.TAMAGUI_DOES_SSR_CSS": JSON.stringify(
-              process.env.TAMAGUI_DOES_SSR_CSS ?? ((tamaguiOptions == null ? void 0 : tamaguiOptions.doesMutateThemes) === false ? true : "mutates-themes")
-            )
+var import_fs = require("fs"), import_path = __toESM(require("path")), import_browserslist = __toESM(require("browserslist")), import_esm_resolve = __toESM(require("esm-resolve")), import_css = require("next/dist/build/webpack/config/blocks/css"), import_loaders = require("next/dist/build/webpack/config/blocks/css/loaders"), import_tamagui_loader = require("tamagui-loader"), import_webpack = __toESM(require("webpack"));
+const withTamagui = (tamaguiOptions) => (nextConfig = {}) => {
+  const isAppDir = nextConfig.experimental?.appDir;
+  return {
+    ...nextConfig,
+    webpack: (webpackConfig, options) => {
+      const { dir, config, dev, isServer } = options, resolver = (0, import_esm_resolve.default)((0, import_path.join)(dir, "index.js"), {
+        constraints: "node"
+      });
+      if (typeof globalThis.__DEV__ > "u" && (globalThis.__DEV__ = dev), !(typeof options.config?.swcMinify == "boolean"))
+        throw new Error("Next.js 12 only supported");
+      const prefix = `${isServer ? " ssr " : " web "} |`, safeResolves = (resolves, multiple = !1) => {
+        const res = [];
+        for (const [out, mod] of resolves) {
+          if (out.endsWith("$")) {
+            res.push([out, mod]);
+            continue;
           }
-        };
-        webpackConfig.plugins.push(new import_webpack.default.DefinePlugin(defines));
-        const excludeExports = tamaguiOptions.excludeReactNativeWebExports;
-        if (Array.isArray(excludeExports)) {
           try {
-            const regexStr = `react-native-web(-lite)?/.*(${excludeExports.join(
-              "|"
-            )}).*js`;
-            const regex = new RegExp(regexStr);
-            webpackConfig.plugins.push(
-              new import_webpack.default.NormalModuleReplacementPlugin(
-                regex,
-                resolveEsm("@tamagui/proxy-worm")
-              )
-            );
+            res.push([out, resolveEsm(mod)]), multiple && res.push([out, resolveEsm(mod, !0)]);
           } catch (err) {
-            console.warn(
-              `Invalid names provided to excludeReactNativeWebExports: ${excludeExports.join(
-                ", "
-              )}`
-            );
+            if (out.includes("@gorhom/bottom-sheet"))
+              continue;
+            process.env.DEBUG?.startsWith("tamagui") && console.log(prefix, `withTamagui skipping resolving ${out}`, err);
           }
         }
-        if (process.env.IGNORE_TS_CONFIG_PATHS) {
-          if (process.env.DEBUG) {
-            console.log(prefix, "ignoring tsconfig paths");
-          }
-          if (webpackConfig.resolve.plugins[0]) {
-            delete webpackConfig.resolve.plugins[0].paths["@tamagui/*"];
-            delete webpackConfig.resolve.plugins[0].paths["tamagui"];
-          }
+        return res;
+      }, resolveEsm = (relativePath, onlyRequire = !1) => {
+        if (isServer || onlyRequire)
+          return require.resolve(relativePath);
+        const esm = resolver(relativePath);
+        return esm ? import_path.default.join(dir, esm) : require.resolve(relativePath);
+      }, SEP = import_path.default.sep, componentsBaseDirs = safeResolves(
+        tamaguiOptions.components.map(
+          (moduleName) => [moduleName, moduleName]
+        ),
+        !0
+      ).map(([_, fullPath]) => {
+        let rootPath = (0, import_path.dirname)(fullPath);
+        for (; rootPath.length > 1; ) {
+          const pkg = (0, import_path.join)(rootPath, "package.json");
+          if ((0, import_fs.existsSync)(pkg))
+            return rootPath;
+          rootPath = (0, import_path.join)(rootPath, "..");
         }
-        if (!isServer) {
-          nextConfig.modularizeImports ?? (nextConfig.modularizeImports = {});
-          nextConfig.modularizeImports["@tamagui/lucide-icons"] = {
-            transform: `@tamagui/lucide-icons/dist/esm/icons/{{kebabCase member}}`,
-            skipDefaultConversion: true
-          };
+        throw new Error(`Couldn't find package.json in any path above: ${fullPath}`);
+      });
+      function isInComponentModule(fullPath) {
+        return componentsBaseDirs.some(
+          (componentDir) => fullPath.startsWith(componentDir)
+        );
+      }
+      const shouldExclude = (path2, projectRoot) => {
+        const res = tamaguiOptions.shouldExtract?.(path2, projectRoot);
+        return typeof res == "boolean" ? !res : isInComponentModule(path2) ? !1 : (0, import_tamagui_loader.shouldExclude)(path2, projectRoot);
+      }, rnw = tamaguiOptions.useReactNativeWebLite ? "react-native-web-lite" : "react-native-web", tamaguiAliases = Object.fromEntries(
+        safeResolves([
+          ["@tamagui/core/reset.css", "@tamagui/core/reset.css"],
+          ["@tamagui/core", "@tamagui/core"],
+          ["@tamagui/web", "@tamagui/web"],
+          // web specific light react-native-svg, optional, can use svgs but had issues with compat
+          ["react-native-svg", "@tamagui/react-native-svg"],
+          // fixes https://github.com/kentcdodds/mdx-bundler/issues/143
+          ["react/jsx-runtime.js", "react/jsx-runtime"],
+          ["react/jsx-runtime", "react/jsx-runtime"],
+          ["react/jsx-dev-runtime.js", "react/jsx-dev-runtime"],
+          ["react/jsx-dev-runtime", "react/jsx-dev-runtime"],
+          ["react-native-reanimated", "react-native-reanimated"],
+          ["react-native$", rnw],
+          ["react-native-web$", rnw],
+          ["@testing-library/react-native", "@tamagui/proxy-worm"],
+          ["@gorhom/bottom-sheet$", "@gorhom/bottom-sheet"],
+          // fix reanimated 3
+          ["react-native/Libraries/Renderer/shims/ReactFabric", "@tamagui/proxy-worm"],
+          ...tamaguiOptions.aliasReactPackages ? [
+            ["react", "react"],
+            ["react-dom", "react-dom"]
+          ] : []
+        ])
+      ), alias = {
+        ...webpackConfig.resolve.alias || {},
+        ...tamaguiAliases
+      };
+      process.env.DEBUG && console.log("Tamagui alias:", alias), process.env.ANALYZE === "true" && Object.assign(webpackConfig.optimization, {
+        concatenateModules: !1
+      }), webpackConfig.resolve.alias = alias;
+      const defines = {
+        "process.env.IS_STATIC": JSON.stringify(""),
+        "process.env.TAMAGUI_TARGET": '"web"',
+        "process.env.TAMAGUI_IS_SERVER": JSON.stringify(isServer ? "true" : ""),
+        __DEV__: JSON.stringify(dev),
+        ...(tamaguiOptions.outputCSS || process.env.TAMAGUI_DOES_SSR_CSS) && {
+          "process.env.TAMAGUI_DOES_SSR_CSS": JSON.stringify(
+            process.env.TAMAGUI_DOES_SSR_CSS ?? (tamaguiOptions?.doesMutateThemes === !1 ? !0 : "mutates-themes")
+          )
         }
-        if (isServer) {
-          const externalize = (context, request) => {
-            const fullPath = request[0] === "." ? import_path.default.join(context, request) : request;
-            if (tamaguiOptions.shouldExcludeFromServer) {
-              const userRes = tamaguiOptions.shouldExcludeFromServer({
-                context,
-                request,
-                fullPath
-              });
-              if (userRes !== void 0) {
-                return userRes;
-              }
-            }
-            if (isInComponentModule(fullPath)) {
-              return false;
-            }
-            if (fullPath.includes("react-native-web")) {
-              return false;
-            }
-            if (fullPath === "react-native" || fullPath.startsWith(`react-native${SEP}`)) {
-              return false;
-            }
-            if (
-              // feather icons uses react-native-svg which needs to be aliased
-              // fullPath.includes('/lucide-icons/') ||
-              fullPath.startsWith("react-native-web") || fullPath.includes(`node_modules${SEP}react-native-web`) || new RegExp(`^(react-dom|react)${SEP}$`).test(fullPath)
-            ) {
-              return `commonjs ${fullPath}`;
-            }
-            if (fullPath.startsWith("moti") || fullPath.startsWith("solito") || fullPath === "tamagui" || fullPath.startsWith("@tamagui") || fullPath === "react-native-safe-area-context" || fullPath === "expo-linear-gradient" || fullPath.startsWith("@react-navigation") || fullPath.startsWith("@gorhom")) {
-              return;
-            }
-            if (/^@?react-native-/.test(request)) {
-              return false;
-            }
-            return true;
-          };
-          webpackConfig.externals = [
-            ...webpackConfig.externals.map((external) => {
-              if (typeof external !== "function") {
-                return external;
-              }
-              return (ctx, cb) => {
-                const isCb = typeof cb === "function";
-                const res = externalize(ctx.context, ctx.request);
-                if (isCb) {
-                  if (typeof res === "string") {
-                    return cb(null, res);
-                  }
-                  if (res) {
-                    return external(ctx, cb);
-                  }
-                  return cb();
-                }
-                return !res ? Promise.resolve(void 0) : typeof res === "string" ? Promise.resolve(res) : external(ctx);
-              };
-            })
-          ];
+      };
+      webpackConfig.plugins.push(new import_webpack.default.DefinePlugin(defines));
+      const excludeExports = tamaguiOptions.excludeReactNativeWebExports;
+      if (Array.isArray(excludeExports))
+        try {
+          const regexStr = `react-native-web(-lite)?/.*(${excludeExports.join(
+            "|"
+          )}).*js`, regex = new RegExp(regexStr);
+          webpackConfig.plugins.push(
+            new import_webpack.default.NormalModuleReplacementPlugin(
+              regex,
+              resolveEsm("@tamagui/proxy-worm")
+            )
+          );
+        } catch {
+          console.warn(
+            `Invalid names provided to excludeReactNativeWebExports: ${excludeExports.join(
+              ", "
+            )}`
+          );
         }
-        const cssRules = webpackConfig.module.rules.find(
-          (rule) => Array.isArray(rule.oneOf) && rule.oneOf.some(
-            ({ test }) => typeof test === "object" && typeof test.test === "function" && test.test("filename.css")
-          )
-        ).oneOf;
-        if (cssRules) {
-          if (tamaguiOptions.enableLegacyFontSupport) {
-            cssRules.unshift({
-              test: /\.(woff(2)?|eot|ttf|otf)(\?v=\d+\.\d+\.\d+)?$/,
-              use: [
-                {
-                  loader: require.resolve("url-loader"),
-                  options: {
-                    limit: nextConfig.inlineFontLimit || 1024,
-                    fallback: require.resolve("file-loader"),
-                    publicPath: `${nextConfig.assetPrefix || ""}/_next/static/chunks/fonts/`,
-                    outputPath: `${isServer ? "../" : ""}static/chunks/fonts/`,
-                    name: "[name].[ext]"
-                  }
-                }
-              ]
+      if (process.env.IGNORE_TS_CONFIG_PATHS && (process.env.DEBUG && console.log(prefix, "ignoring tsconfig paths"), webpackConfig.resolve.plugins[0] && (delete webpackConfig.resolve.plugins[0].paths["@tamagui/*"], delete webpackConfig.resolve.plugins[0].paths.tamagui)), isServer || (nextConfig.modularizeImports ??= {}, nextConfig.modularizeImports["@tamagui/lucide-icons"] = {
+        transform: "@tamagui/lucide-icons/dist/esm/icons/{{kebabCase member}}",
+        skipDefaultConversion: !0
+      }), isServer) {
+        const externalize = (context, request) => {
+          const fullPath = request[0] === "." ? import_path.default.join(context, request) : request;
+          if (tamaguiOptions.shouldExcludeFromServer) {
+            const userRes = tamaguiOptions.shouldExcludeFromServer({
+              context,
+              request,
+              fullPath
             });
+            if (userRes !== void 0)
+              return userRes;
           }
-          const cssLoader = (0, import_loaders.getGlobalCssLoader)(
-            // @ts-ignore
+          if (isInComponentModule(fullPath) || fullPath.includes("react-native-web") || fullPath === "react-native" || fullPath.startsWith(`react-native${SEP}`))
+            return !1;
+          if (
+            // feather icons uses react-native-svg which needs to be aliased
+            // fullPath.includes('/lucide-icons/') ||
+            fullPath.startsWith("react-native-web") || fullPath.includes(`node_modules${SEP}react-native-web`) || new RegExp(`^(react-dom|react)${SEP}$`).test(fullPath)
+          )
+            return `commonjs ${fullPath}`;
+          if (!(fullPath.startsWith("moti") || fullPath.startsWith("solito") || fullPath === "tamagui" || fullPath.startsWith("@tamagui") || fullPath === "react-native-safe-area-context" || fullPath === "expo-linear-gradient" || fullPath.startsWith("@react-navigation") || fullPath.startsWith("@gorhom")))
+            return !/^@?react-native-/.test(request);
+        };
+        webpackConfig.externals = [
+          ...webpackConfig.externals.map((external) => typeof external != "function" ? external : (ctx, cb) => {
+            const isCb = typeof cb == "function", res = externalize(ctx.context, ctx.request);
+            return isCb ? typeof res == "string" ? cb(null, res) : res ? external(ctx, cb) : cb() : res ? typeof res == "string" ? Promise.resolve(res) : external(ctx) : Promise.resolve(void 0);
+          })
+        ];
+      }
+      const cssRules = webpackConfig.module.rules.find(
+        (rule) => Array.isArray(rule.oneOf) && rule.oneOf.some(
+          ({ test }) => typeof test == "object" && typeof test.test == "function" && test.test("filename.css")
+        )
+      ).oneOf;
+      if (cssRules) {
+        tamaguiOptions.enableLegacyFontSupport && cssRules.unshift({
+          test: /\.(woff(2)?|eot|ttf|otf)(\?v=\d+\.\d+\.\d+)?$/,
+          use: [
             {
-              assetPrefix: nextConfig.assetPrefix || options.config.assetPrefix || config.assetPrefix,
-              future: nextConfig.future,
-              experimental: nextConfig.experimental || {},
-              isEdgeRuntime: true,
-              isProduction: !dev,
-              targetWeb: true,
-              isClient: !isServer,
-              isServer,
-              isDevelopment: dev
-            },
-            // @ts-ignore
-            () => (0, import_css.lazyPostCSS)(dir, getSupportedBrowsers(dir, dev)),
-            []
-          );
-          if (!isAppDir) {
-            cssRules.unshift({
-              test: tamaguiOptions.includeCSSTest ?? /\.tamagui\.css$/,
-              sideEffects: true,
-              use: cssLoader
-            });
-          }
-        }
-        const enableStudio = options.dev && options.nextRuntime === "nodejs" && isServer;
-        webpackConfig.plugins.push(
-          new import_tamagui_loader.TamaguiPlugin({
-            enableStudio,
+              loader: require.resolve("url-loader"),
+              options: {
+                limit: nextConfig.inlineFontLimit || 1024,
+                fallback: require.resolve("file-loader"),
+                publicPath: `${nextConfig.assetPrefix || ""}/_next/static/chunks/fonts/`,
+                outputPath: `${isServer ? "../" : ""}static/chunks/fonts/`,
+                name: "[name].[ext]"
+              }
+            }
+          ]
+        });
+        const cssLoader = (0, import_loaders.getGlobalCssLoader)(
+          // @ts-ignore
+          {
+            assetPrefix: nextConfig.assetPrefix || options.config.assetPrefix || config.assetPrefix,
+            future: nextConfig.future,
+            experimental: nextConfig.experimental || {},
+            isEdgeRuntime: !0,
+            isProduction: !dev,
+            targetWeb: !0,
+            isClient: !isServer,
             isServer,
-            exclude: (path2) => {
-              const res = shouldExclude(path2, options.dir);
-              return res;
-            },
-            ...tamaguiOptions
-          })
+            isDevelopment: dev
+          },
+          // @ts-ignore
+          () => (0, import_css.lazyPostCSS)(dir, getSupportedBrowsers(dir, dev)),
+          []
         );
-        if (typeof nextConfig.webpack === "function") {
-          return nextConfig.webpack(webpackConfig, options);
-        }
-        return webpackConfig;
+        isAppDir || cssRules.unshift({
+          test: tamaguiOptions.includeCSSTest ?? /\.tamagui\.css$/,
+          sideEffects: !0,
+          use: cssLoader
+        });
       }
-    };
+      const enableStudio = options.dev && options.nextRuntime === "nodejs" && isServer;
+      return webpackConfig.plugins.push(
+        new import_tamagui_loader.TamaguiPlugin({
+          enableStudio,
+          isServer,
+          exclude: (path2) => shouldExclude(path2, options.dir),
+          ...tamaguiOptions
+        })
+      ), typeof nextConfig.webpack == "function" ? nextConfig.webpack(webpackConfig, options) : webpackConfig;
+    }
   };
 };
 function getSupportedBrowsers(dir, isDevelopment) {