@tamagui/next-plugin 1.0.0-alpha.5 → 1.0.0-alpha.53

package/dist/cjs/index.js

@@ -0,0 +1,22 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var src_exports = {};
+__reExport(src_exports, require("./withTamagui"));
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["export * from './withTamagui'\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA,wBAAc;",
+  "names": []
+}

package/dist/{index.cjs → cjs/withTamagui.js}

@@ -24,46 +24,61 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
         __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
   }
   return target;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
 };
-
-// src/index.ts
-__export(exports, {
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var withTamagui_exports = {};
+__export(withTamagui_exports, {
   withTamagui: () => withTamagui
 });
-
-// src/withTamagui.ts
-var import_path = __toModule(require("path"));
-var import_css_minimizer_webpack_plugin = __toModule(require("css-minimizer-webpack-plugin"));
-var import_webpack = __toModule(require("webpack"));
-var withTamagui = /* @__PURE__ */ __name((tamaguiOptions) => {
+var import_path = __toESM(require("path"));
+var import_browserslist = __toESM(require("browserslist"));
+var import_css_minimizer_webpack_plugin = __toESM(require("css-minimizer-webpack-plugin"));
+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_webpack = __toESM(require("webpack"));
+const withTamagui = /* @__PURE__ */ __name((tamaguiOptions) => {
   return (nextConfig = {}) => {
     return Object.assign({}, nextConfig, {
       webpack: (webpackConfig, options) => {
-        const { config, dev, isServer } = options;
+        var _a, _b;
+        const { dir, config, dev, isServer } = options;
+        const isNext12 = typeof ((_a = options.config) == null ? void 0 : _a.swcMinify) === "boolean";
+        const jsxRuntime = require.resolve("react/jsx-runtime.js");
+        const jsxDevRuntime = require.resolve("react/jsx-dev-runtime.js");
+        const rnw = require.resolve("react-native-web");
+        const reanimated = require.resolve("react-native-reanimated");
         webpackConfig.resolve.alias = __spreadProps(__spreadValues({}, webpackConfig.resolve.alias || {}), {
-          "react-native$": "react-native-web",
+          "react/jsx-runtime.js": jsxRuntime,
+          "react/jsx-runtime": jsxRuntime,
+          "react/jsx-dev-runtime.js": jsxDevRuntime,
+          "react/jsx-dev-runtime": jsxDevRuntime,
+          "react-native$": rnw,
+          "react-native-reanimated": reanimated,
+          "@gorhom/bottom-sheet$": require.resolve("@gorhom/bottom-sheet").replace("commonjs", "module"),
           "react-native-web/src/modules/normalizeColor": require.resolve("react-native-web/dist/cjs/modules/normalizeColor"),
-          "react/jsx-runtime": require.resolve("react/jsx-runtime"),
-          "react/jsx-dev-runtime": require.resolve("react/jsx-dev-runtime"),
           react: require.resolve("react"),
           "react-dom": require.resolve("react-dom")
         });
         webpackConfig.plugins.push(new import_webpack.default.DefinePlugin({
-          "process.env.TAMAGUI_TARGET": '"web"'
+          "process.env.TAMAGUI_TARGET": '"web"',
+          __DEV__: JSON.stringify(dev)
         }));
         if (process.env.IGNORE_TS_CONFIG_PATHS) {
           console.log("ignoring tsconfig paths, they mess up transpile");
@@ -79,12 +94,15 @@ var withTamagui = /* @__PURE__ */ __name((tamaguiOptions) => {
           webpackConfig.resolve.extensions = [".web.js", ...webpackConfig.resolve.extensions];
         }
         webpackConfig.resolve.mainFields.unshift("module:jsx");
-        const isWebpack5 = !!config.future.webpack5 || typeof config.webpack5 === "undefined";
+        const isWebpack5 = !!((_b = config.future) == null ? void 0 : _b.webpack5) || typeof config.webpack5 === "undefined";
         const includeModule = /* @__PURE__ */ __name((context, request) => {
           const fullPath = request[0] === "." ? import_path.default.join(context, request) : request;
           if (/^\@?react-native-/.test(request)) {
             return false;
           }
+          if (fullPath === "@gorhom/bottom-sheet") {
+            return "inline";
+          }
           if (fullPath.startsWith("react-native-web") || fullPath.includes("node_modules/react-native-web")) {
             return `commonjs ${fullPath}`;
           }
@@ -102,6 +120,9 @@ var withTamagui = /* @__PURE__ */ __name((tamaguiOptions) => {
               if (isWebpack5) {
                 return (ctx, cb) => {
                   const res = includeModule(ctx.context, ctx.request);
+                  if (res === "inline") {
+                    return cb();
+                  }
                   if (typeof res === "string") {
                     return cb(null, res);
                   }
@@ -128,64 +149,95 @@ var withTamagui = /* @__PURE__ */ __name((tamaguiOptions) => {
         if (oneOfRule) {
           if (!dev) {
             const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-            oneOfRule.oneOf = [
-              {
-                test: /\.css$/i,
-                use: [MiniCssExtractPlugin.loader, "css-loader"],
-                sideEffects: true
-              }
-            ];
+            oneOfRule.oneOf.unshift({
+              test: /\.css$/i,
+              use: [MiniCssExtractPlugin.loader, "css-loader"],
+              sideEffects: true
+            });
             const idx = webpackConfig.plugins.findIndex((x) => x.constructor.name === "NextMiniCssExtractPlugin");
             webpackConfig.plugins.splice(idx, 1, new MiniCssExtractPlugin({
               filename: "static/css/[name].[contenthash].css",
               ignoreOrder: true
             }));
           } else {
-            const {
-              getGlobalCssLoader
-            } = require("next/dist/build/webpack/config/blocks/css/loaders");
             oneOfRule.oneOf.unshift({
               test: /\.css$/i,
               sideEffects: true,
-              use: getGlobalCssLoader({
-                assetPrefix: options.config.assetPrefix,
-                future: { webpack5: true },
+              use: (0, import_loaders.getGlobalCssLoader)({
+                assetPrefix: options.config.assetPrefix || config.assetPrefix,
+                future: nextConfig.future,
+                experimental: nextConfig.experimental || {},
                 isClient: !isServer,
                 isServer,
                 isDevelopment: true
-              }, [], [])
+              }, () => (0, import_css.lazyPostCSS)(dir, getSupportedBrowsers(dir, dev)), [])
             });
           }
         }
         const shouldExclude = /* @__PURE__ */ __name((x) => {
-          if (x.includes(options.dir) || tamaguiOptions.components.some((c) => x.includes(`/node_modules/${c}`) || x.includes(`${c}/_jsx/`))) {
+          if (x.includes("react-native-reanimated")) {
             return false;
           }
-          return true;
+          const shouldInclude = x.includes(options.dir) || tamaguiOptions.components.some((c) => x.includes(`/node_modules/${c}`) || x.includes(`${c}/dist/jsx/`));
+          if (!shouldInclude) {
+            return true;
+          }
+          return false;
         }, "shouldExclude");
-        const [first, second, ...rest] = webpackConfig.module.rules;
-        webpackConfig.module.rules = [
-          first,
-          second,
-          {
-            test: /\.(tsx|js|mjs|jsx)$/,
-            exclude: shouldExclude,
+        if (isNext12) {
+          const oneOfJSRules = webpackConfig.module.rules[2].oneOf;
+          const swcLoaderIndex = 3;
+          const swcLoader = oneOfJSRules[swcLoaderIndex];
+          oneOfJSRules.splice(swcLoaderIndex, 0, {
+            test: /(bottom-sheet).*\.[tj]sx?$/,
             use: [
               {
-                loader: "esbuild-loader",
+                loader: "babel-loader",
                 options: {
-                  loader: "tsx",
-                  minify: false
+                  plugins: [
+                    "react-native-reanimated/plugin",
+                    "@babel/plugin-transform-react-jsx"
+                  ]
                 }
-              },
+              }
+            ]
+          }, {
+            test: /\.(jsx?|tsx?)$/,
+            exclude: shouldExclude,
+            use: [
+              ...[].concat(swcLoader.use),
               {
                 loader: "tamagui-loader",
                 options: tamaguiOptions
               }
             ]
-          },
-          ...rest
-        ];
+          });
+        } else {
+          const [first, second, ...rest] = webpackConfig.module.rules;
+          webpackConfig.module.rules = [
+            first,
+            second,
+            {
+              test: /\.(tsx|jsx)$/,
+              exclude: shouldExclude,
+              use: [
+                "thread-loader",
+                {
+                  loader: "esbuild-loader",
+                  options: {
+                    loader: "tsx",
+                    minify: false
+                  }
+                },
+                {
+                  loader: "tamagui-loader",
+                  options: tamaguiOptions
+                }
+              ]
+            },
+            ...rest
+          ];
+        }
         if (typeof nextConfig.webpack === "function") {
           return nextConfig.webpack(webpackConfig, options);
         }
@@ -194,4 +246,17 @@ var withTamagui = /* @__PURE__ */ __name((tamaguiOptions) => {
     });
   };
 }, "withTamagui");
-//# sourceMappingURL=index.cjs.map
+function getSupportedBrowsers(dir, isDevelopment) {
+  let browsers;
+  try {
+    browsers = import_browserslist.default.loadConfig({
+      path: dir,
+      env: isDevelopment ? "development" : "production"
+    });
+  } catch {
+  }
+  return browsers;
+}
+__name(getSupportedBrowsers, "getSupportedBrowsers");
+module.exports = __toCommonJS(withTamagui_exports);
+//# sourceMappingURL=withTamagui.js.map

package/dist/cjs/withTamagui.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/withTamagui.ts"],
+  "sourcesContent": ["import path from 'path'\n\nimport { TamaguiOptions } from '@tamagui/static'\nimport browserslist from 'browserslist'\nimport CssMinimizerPlugin from 'css-minimizer-webpack-plugin'\nimport { lazyPostCSS } from 'next/dist/build/webpack/config/blocks/css'\nimport { getGlobalCssLoader } from 'next/dist/build/webpack/config/blocks/css/loaders'\nimport webpack from 'webpack'\n\nexport const withTamagui = (tamaguiOptions: TamaguiOptions) => {\n  return (nextConfig: any = {}) => {\n    return Object.assign({}, nextConfig, {\n      webpack: (webpackConfig: any, options) => {\n        const { dir, config, dev, isServer } = options\n\n        const isNext12 = typeof options.config?.swcMinify === 'boolean'\n\n        // fixes https://github.com/kentcdodds/mdx-bundler/issues/143\n        const jsxRuntime = require.resolve('react/jsx-runtime.js')\n        const jsxDevRuntime = require.resolve('react/jsx-dev-runtime.js')\n        const rnw = require.resolve('react-native-web')\n        const reanimated = require.resolve('react-native-reanimated')\n\n        webpackConfig.resolve.alias = {\n          ...(webpackConfig.resolve.alias || {}),\n          'react/jsx-runtime.js': jsxRuntime,\n          'react/jsx-runtime': jsxRuntime,\n          'react/jsx-dev-runtime.js': jsxDevRuntime,\n          'react/jsx-dev-runtime': jsxDevRuntime,\n          'react-native$': rnw,\n          'react-native-reanimated': reanimated,\n          '@gorhom/bottom-sheet$': require\n            .resolve('@gorhom/bottom-sheet')\n            .replace('commonjs', 'module'),\n          'react-native-web/src/modules/normalizeColor': require.resolve(\n            'react-native-web/dist/cjs/modules/normalizeColor'\n          ),\n          react: require.resolve('react'),\n          'react-dom': require.resolve('react-dom'),\n        }\n\n        webpackConfig.plugins.push(\n          new webpack.DefinePlugin({\n            'process.env.TAMAGUI_TARGET': '\"web\"',\n            __DEV__: JSON.stringify(dev),\n          })\n        )\n\n        if (process.env.IGNORE_TS_CONFIG_PATHS) {\n          console.log('ignoring tsconfig paths, they mess up transpile')\n          delete webpackConfig.resolve.plugins[0].paths['@tamagui/*']\n          delete webpackConfig.resolve.plugins[0].paths['tamagui']\n        }\n\n        // TODO document and make configurable\n        // replace minifier with css-minimizer-webpack-plugin which handles deduping atomic styles\n        const cssMin = webpackConfig.optimization.minimizer.find((x) =>\n          x.toString().includes('css-minimizer-plugin')\n        )\n        if (cssMin) {\n          webpackConfig.optimization.minimizer = webpackConfig.optimization.minimizer.slice(\n            cssMin.index,\n            1\n          )\n        }\n        webpackConfig.optimization.minimizer.push(new CssMinimizerPlugin())\n\n        if (!webpackConfig.resolve.extensions.includes('.web.js')) {\n          webpackConfig.resolve.extensions = ['.web.js', ...webpackConfig.resolve.extensions]\n        }\n\n        // look for compiled js with jsx intact as specified by module:jsx\n        webpackConfig.resolve.mainFields.unshift('module:jsx')\n\n        const isWebpack5 = !!config.future?.webpack5 || typeof config.webpack5 === 'undefined'\n\n        const includeModule = (context: string, request: string) => {\n          const fullPath = request[0] === '.' ? path.join(context, request) : request\n          if (/^\\@?react-native-/.test(request)) {\n            return false\n          }\n          if (fullPath === '@gorhom/bottom-sheet') {\n            return 'inline'\n          }\n          if (\n            fullPath.startsWith('react-native-web') ||\n            fullPath.includes('node_modules/react-native-web')\n          ) {\n            return `commonjs ${fullPath}`\n          }\n          if (/^(react-dom|react)$/.test(fullPath)) {\n            return `commonjs ${fullPath}`\n          }\n          return true\n        }\n\n        if (isServer) {\n          // externalize react native things from bundle\n          webpackConfig.externals = [\n            ...webpackConfig.externals.map((external) => {\n              if (typeof external !== 'function') {\n                return external\n              }\n              // only runs on server\n              if (isWebpack5) {\n                return (ctx, cb) => {\n                  const res = includeModule(ctx.context, ctx.request)\n                  if (res === 'inline') {\n                    return cb()\n                  }\n                  if (typeof res === 'string') {\n                    return cb(null, res)\n                  }\n                  if (res) {\n                    return external(ctx, cb)\n                  }\n                  return cb()\n                }\n              }\n              return (ctx, req, cb) => {\n                const res = includeModule(ctx, req)\n                if (typeof res === 'string') {\n                  return cb(null, res)\n                }\n                if (res) {\n                  return external(ctx, cb)\n                }\n                return cb()\n              }\n            }),\n          ]\n        }\n\n        const oneOfRule = webpackConfig.module.rules.find((x) => !!x.oneOf)\n\n        if (oneOfRule) {\n          if (!dev) {\n            // replace nextjs picky style rules with simple minicssextract\n            const MiniCssExtractPlugin = require('mini-css-extract-plugin')\n            oneOfRule.oneOf.unshift({\n              test: /\\.css$/i,\n              use: [MiniCssExtractPlugin.loader, 'css-loader'],\n              sideEffects: true,\n            })\n            const idx = webpackConfig.plugins.findIndex(\n              (x) => x.constructor.name === 'NextMiniCssExtractPlugin'\n            )\n            webpackConfig.plugins.splice(\n              idx,\n              1,\n              new MiniCssExtractPlugin({\n                filename: 'static/css/[name].[contenthash].css',\n                ignoreOrder: true,\n              })\n            )\n          } else {\n            oneOfRule.oneOf.unshift({\n              test: /\\.css$/i,\n              sideEffects: true,\n              use: getGlobalCssLoader(\n                // @ts-ignore\n                {\n                  assetPrefix: options.config.assetPrefix || config.assetPrefix,\n                  future: nextConfig.future,\n                  experimental: nextConfig.experimental || {},\n                  isClient: !isServer,\n                  isServer,\n                  isDevelopment: true,\n                },\n                // @ts-ignore\n                () => lazyPostCSS(dir, getSupportedBrowsers(dir, dev)),\n                []\n              ),\n            })\n          }\n        }\n\n        // add loader\n        const shouldExclude = (x: string) => {\n          if (x.includes('react-native-reanimated')) {\n            return false\n          }\n          // analyze everything in our jsx dir\n          // analyze everything in the components dirs\n          const shouldInclude =\n            x.includes(options.dir) ||\n            tamaguiOptions.components.some(\n              (c) => x.includes(`/node_modules/${c}`) || x.includes(`${c}/dist/jsx/`)\n            )\n          if (!shouldInclude) {\n            return true\n          }\n          return false\n        }\n\n        if (isNext12) {\n          const oneOfJSRules: any[] = webpackConfig.module.rules[2].oneOf\n          const swcLoaderIndex = 3\n          const swcLoader = oneOfJSRules[swcLoaderIndex]\n          // put an earlier loader where we just do tamagui stuff before regular swc\n          oneOfJSRules.splice(\n            swcLoaderIndex,\n            0,\n            {\n              test: /(bottom-sheet).*\\.[tj]sx?$/,\n              use: [\n                {\n                  loader: 'babel-loader',\n                  options: {\n                    plugins: [\n                      'react-native-reanimated/plugin',\n                      '@babel/plugin-transform-react-jsx',\n                    ],\n                  },\n                },\n              ],\n            },\n            {\n              test: /\\.(jsx?|tsx?)$/,\n              exclude: shouldExclude,\n              use: [\n                ...[].concat(swcLoader.use),\n                {\n                  loader: 'tamagui-loader',\n                  options: tamaguiOptions,\n                },\n              ],\n            }\n          )\n        } else {\n          // next 11 modify loader\n          const [first, second, ...rest] = webpackConfig.module.rules\n          webpackConfig.module.rules = [\n            first,\n            second,\n            {\n              test: /\\.(tsx|jsx)$/,\n              exclude: shouldExclude,\n              use: [\n                'thread-loader',\n                {\n                  loader: 'esbuild-loader',\n                  options: {\n                    loader: 'tsx',\n                    minify: false,\n                  },\n                },\n                {\n                  loader: 'tamagui-loader',\n                  options: tamaguiOptions,\n                },\n              ],\n            },\n            ...rest,\n          ]\n        }\n\n        if (typeof nextConfig.webpack === 'function') {\n          return nextConfig.webpack(webpackConfig, options)\n        }\n\n        return webpackConfig\n      },\n    })\n  }\n}\n\nfunction getSupportedBrowsers(dir, isDevelopment) {\n  let browsers\n  try {\n    browsers = browserslist.loadConfig({\n      path: dir,\n      env: isDevelopment ? 'development' : 'production',\n    })\n  } catch {}\n\n  return browsers\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/{index.js.map → esm/index.js.map}

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../src/index.ts"],
+  "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './withTamagui'\n"],
   "mappings": "AAAA;",
   "names": []

package/dist/{withTamagui.js → esm/withTamagui.js}

@@ -1,24 +1,38 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import path from "path";
+import browserslist from "browserslist";
 import CssMinimizerPlugin from "css-minimizer-webpack-plugin";
+import { lazyPostCSS } from "next/dist/build/webpack/config/blocks/css";
+import { getGlobalCssLoader } from "next/dist/build/webpack/config/blocks/css/loaders";
 import webpack from "webpack";
 const withTamagui = /* @__PURE__ */ __name((tamaguiOptions) => {
   return (nextConfig = {}) => {
     return Object.assign({}, nextConfig, {
       webpack: (webpackConfig, options) => {
-        const { config, dev, isServer } = options;
+        var _a, _b;
+        const { dir, config, dev, isServer } = options;
+        const isNext12 = typeof ((_a = options.config) == null ? void 0 : _a.swcMinify) === "boolean";
+        const jsxRuntime = require.resolve("react/jsx-runtime.js");
+        const jsxDevRuntime = require.resolve("react/jsx-dev-runtime.js");
+        const rnw = require.resolve("react-native-web");
+        const reanimated = require.resolve("react-native-reanimated");
         webpackConfig.resolve.alias = {
           ...webpackConfig.resolve.alias || {},
-          "react-native$": "react-native-web",
+          "react/jsx-runtime.js": jsxRuntime,
+          "react/jsx-runtime": jsxRuntime,
+          "react/jsx-dev-runtime.js": jsxDevRuntime,
+          "react/jsx-dev-runtime": jsxDevRuntime,
+          "react-native$": rnw,
+          "react-native-reanimated": reanimated,
+          "@gorhom/bottom-sheet$": require.resolve("@gorhom/bottom-sheet").replace("commonjs", "module"),
           "react-native-web/src/modules/normalizeColor": require.resolve("react-native-web/dist/cjs/modules/normalizeColor"),
-          "react/jsx-runtime": require.resolve("react/jsx-runtime"),
-          "react/jsx-dev-runtime": require.resolve("react/jsx-dev-runtime"),
           react: require.resolve("react"),
           "react-dom": require.resolve("react-dom")
         };
         webpackConfig.plugins.push(new webpack.DefinePlugin({
-          "process.env.TAMAGUI_TARGET": '"web"'
+          "process.env.TAMAGUI_TARGET": '"web"',
+          __DEV__: JSON.stringify(dev)
         }));
         if (process.env.IGNORE_TS_CONFIG_PATHS) {
           console.log("ignoring tsconfig paths, they mess up transpile");
@@ -34,12 +48,15 @@ const withTamagui = /* @__PURE__ */ __name((tamaguiOptions) => {
           webpackConfig.resolve.extensions = [".web.js", ...webpackConfig.resolve.extensions];
         }
         webpackConfig.resolve.mainFields.unshift("module:jsx");
-        const isWebpack5 = !!config.future.webpack5 || typeof config.webpack5 === "undefined";
+        const isWebpack5 = !!((_b = config.future) == null ? void 0 : _b.webpack5) || typeof config.webpack5 === "undefined";
         const includeModule = /* @__PURE__ */ __name((context, request) => {
           const fullPath = request[0] === "." ? path.join(context, request) : request;
           if (/^\@?react-native-/.test(request)) {
             return false;
           }
+          if (fullPath === "@gorhom/bottom-sheet") {
+            return "inline";
+          }
           if (fullPath.startsWith("react-native-web") || fullPath.includes("node_modules/react-native-web")) {
             return `commonjs ${fullPath}`;
           }
@@ -57,6 +74,9 @@ const withTamagui = /* @__PURE__ */ __name((tamaguiOptions) => {
               if (isWebpack5) {
                 return (ctx, cb) => {
                   const res = includeModule(ctx.context, ctx.request);
+                  if (res === "inline") {
+                    return cb();
+                  }
                   if (typeof res === "string") {
                     return cb(null, res);
                   }
@@ -83,64 +103,95 @@ const withTamagui = /* @__PURE__ */ __name((tamaguiOptions) => {
         if (oneOfRule) {
           if (!dev) {
             const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-            oneOfRule.oneOf = [
-              {
-                test: /\.css$/i,
-                use: [MiniCssExtractPlugin.loader, "css-loader"],
-                sideEffects: true
-              }
-            ];
+            oneOfRule.oneOf.unshift({
+              test: /\.css$/i,
+              use: [MiniCssExtractPlugin.loader, "css-loader"],
+              sideEffects: true
+            });
             const idx = webpackConfig.plugins.findIndex((x) => x.constructor.name === "NextMiniCssExtractPlugin");
             webpackConfig.plugins.splice(idx, 1, new MiniCssExtractPlugin({
               filename: "static/css/[name].[contenthash].css",
               ignoreOrder: true
             }));
           } else {
-            const {
-              getGlobalCssLoader
-            } = require("next/dist/build/webpack/config/blocks/css/loaders");
             oneOfRule.oneOf.unshift({
               test: /\.css$/i,
               sideEffects: true,
               use: getGlobalCssLoader({
-                assetPrefix: options.config.assetPrefix,
-                future: { webpack5: true },
+                assetPrefix: options.config.assetPrefix || config.assetPrefix,
+                future: nextConfig.future,
+                experimental: nextConfig.experimental || {},
                 isClient: !isServer,
                 isServer,
                 isDevelopment: true
-              }, [], [])
+              }, () => lazyPostCSS(dir, getSupportedBrowsers(dir, dev)), [])
             });
           }
         }
         const shouldExclude = /* @__PURE__ */ __name((x) => {
-          if (x.includes(options.dir) || tamaguiOptions.components.some((c) => x.includes(`/node_modules/${c}`) || x.includes(`${c}/_jsx/`))) {
+          if (x.includes("react-native-reanimated")) {
             return false;
           }
-          return true;
+          const shouldInclude = x.includes(options.dir) || tamaguiOptions.components.some((c) => x.includes(`/node_modules/${c}`) || x.includes(`${c}/dist/jsx/`));
+          if (!shouldInclude) {
+            return true;
+          }
+          return false;
         }, "shouldExclude");
-        const [first, second, ...rest] = webpackConfig.module.rules;
-        webpackConfig.module.rules = [
-          first,
-          second,
-          {
-            test: /\.(tsx|js|mjs|jsx)$/,
-            exclude: shouldExclude,
+        if (isNext12) {
+          const oneOfJSRules = webpackConfig.module.rules[2].oneOf;
+          const swcLoaderIndex = 3;
+          const swcLoader = oneOfJSRules[swcLoaderIndex];
+          oneOfJSRules.splice(swcLoaderIndex, 0, {
+            test: /(bottom-sheet).*\.[tj]sx?$/,
             use: [
               {
-                loader: "esbuild-loader",
+                loader: "babel-loader",
                 options: {
-                  loader: "tsx",
-                  minify: false
+                  plugins: [
+                    "react-native-reanimated/plugin",
+                    "@babel/plugin-transform-react-jsx"
+                  ]
                 }
-              },
+              }
+            ]
+          }, {
+            test: /\.(jsx?|tsx?)$/,
+            exclude: shouldExclude,
+            use: [
+              ...[].concat(swcLoader.use),
               {
                 loader: "tamagui-loader",
                 options: tamaguiOptions
               }
             ]
-          },
-          ...rest
-        ];
+          });
+        } else {
+          const [first, second, ...rest] = webpackConfig.module.rules;
+          webpackConfig.module.rules = [
+            first,
+            second,
+            {
+              test: /\.(tsx|jsx)$/,
+              exclude: shouldExclude,
+              use: [
+                "thread-loader",
+                {
+                  loader: "esbuild-loader",
+                  options: {
+                    loader: "tsx",
+                    minify: false
+                  }
+                },
+                {
+                  loader: "tamagui-loader",
+                  options: tamaguiOptions
+                }
+              ]
+            },
+            ...rest
+          ];
+        }
         if (typeof nextConfig.webpack === "function") {
           return nextConfig.webpack(webpackConfig, options);
         }
@@ -149,6 +200,18 @@ const withTamagui = /* @__PURE__ */ __name((tamaguiOptions) => {
     });
   };
 }, "withTamagui");
+function getSupportedBrowsers(dir, isDevelopment) {
+  let browsers;
+  try {
+    browsers = browserslist.loadConfig({
+      path: dir,
+      env: isDevelopment ? "development" : "production"
+    });
+  } catch {
+  }
+  return browsers;
+}
+__name(getSupportedBrowsers, "getSupportedBrowsers");
 export {
   withTamagui
 };

package/dist/esm/withTamagui.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/withTamagui.ts"],
+  "sourcesContent": ["import path from 'path'\n\nimport { TamaguiOptions } from '@tamagui/static'\nimport browserslist from 'browserslist'\nimport CssMinimizerPlugin from 'css-minimizer-webpack-plugin'\nimport { lazyPostCSS } from 'next/dist/build/webpack/config/blocks/css'\nimport { getGlobalCssLoader } from 'next/dist/build/webpack/config/blocks/css/loaders'\nimport webpack from 'webpack'\n\nexport const withTamagui = (tamaguiOptions: TamaguiOptions) => {\n  return (nextConfig: any = {}) => {\n    return Object.assign({}, nextConfig, {\n      webpack: (webpackConfig: any, options) => {\n        const { dir, config, dev, isServer } = options\n\n        const isNext12 = typeof options.config?.swcMinify === 'boolean'\n\n        // fixes https://github.com/kentcdodds/mdx-bundler/issues/143\n        const jsxRuntime = require.resolve('react/jsx-runtime.js')\n        const jsxDevRuntime = require.resolve('react/jsx-dev-runtime.js')\n        const rnw = require.resolve('react-native-web')\n        const reanimated = require.resolve('react-native-reanimated')\n\n        webpackConfig.resolve.alias = {\n          ...(webpackConfig.resolve.alias || {}),\n          'react/jsx-runtime.js': jsxRuntime,\n          'react/jsx-runtime': jsxRuntime,\n          'react/jsx-dev-runtime.js': jsxDevRuntime,\n          'react/jsx-dev-runtime': jsxDevRuntime,\n          'react-native$': rnw,\n          'react-native-reanimated': reanimated,\n          '@gorhom/bottom-sheet$': require\n            .resolve('@gorhom/bottom-sheet')\n            .replace('commonjs', 'module'),\n          'react-native-web/src/modules/normalizeColor': require.resolve(\n            'react-native-web/dist/cjs/modules/normalizeColor'\n          ),\n          react: require.resolve('react'),\n          'react-dom': require.resolve('react-dom'),\n        }\n\n        webpackConfig.plugins.push(\n          new webpack.DefinePlugin({\n            'process.env.TAMAGUI_TARGET': '\"web\"',\n            __DEV__: JSON.stringify(dev),\n          })\n        )\n\n        if (process.env.IGNORE_TS_CONFIG_PATHS) {\n          console.log('ignoring tsconfig paths, they mess up transpile')\n          delete webpackConfig.resolve.plugins[0].paths['@tamagui/*']\n          delete webpackConfig.resolve.plugins[0].paths['tamagui']\n        }\n\n        // TODO document and make configurable\n        // replace minifier with css-minimizer-webpack-plugin which handles deduping atomic styles\n        const cssMin = webpackConfig.optimization.minimizer.find((x) =>\n          x.toString().includes('css-minimizer-plugin')\n        )\n        if (cssMin) {\n          webpackConfig.optimization.minimizer = webpackConfig.optimization.minimizer.slice(\n            cssMin.index,\n            1\n          )\n        }\n        webpackConfig.optimization.minimizer.push(new CssMinimizerPlugin())\n\n        if (!webpackConfig.resolve.extensions.includes('.web.js')) {\n          webpackConfig.resolve.extensions = ['.web.js', ...webpackConfig.resolve.extensions]\n        }\n\n        // look for compiled js with jsx intact as specified by module:jsx\n        webpackConfig.resolve.mainFields.unshift('module:jsx')\n\n        const isWebpack5 = !!config.future?.webpack5 || typeof config.webpack5 === 'undefined'\n\n        const includeModule = (context: string, request: string) => {\n          const fullPath = request[0] === '.' ? path.join(context, request) : request\n          if (/^\\@?react-native-/.test(request)) {\n            return false\n          }\n          if (fullPath === '@gorhom/bottom-sheet') {\n            return 'inline'\n          }\n          if (\n            fullPath.startsWith('react-native-web') ||\n            fullPath.includes('node_modules/react-native-web')\n          ) {\n            return `commonjs ${fullPath}`\n          }\n          if (/^(react-dom|react)$/.test(fullPath)) {\n            return `commonjs ${fullPath}`\n          }\n          return true\n        }\n\n        if (isServer) {\n          // externalize react native things from bundle\n          webpackConfig.externals = [\n            ...webpackConfig.externals.map((external) => {\n              if (typeof external !== 'function') {\n                return external\n              }\n              // only runs on server\n              if (isWebpack5) {\n                return (ctx, cb) => {\n                  const res = includeModule(ctx.context, ctx.request)\n                  if (res === 'inline') {\n                    return cb()\n                  }\n                  if (typeof res === 'string') {\n                    return cb(null, res)\n                  }\n                  if (res) {\n                    return external(ctx, cb)\n                  }\n                  return cb()\n                }\n              }\n              return (ctx, req, cb) => {\n                const res = includeModule(ctx, req)\n                if (typeof res === 'string') {\n                  return cb(null, res)\n                }\n                if (res) {\n                  return external(ctx, cb)\n                }\n                return cb()\n              }\n            }),\n          ]\n        }\n\n        const oneOfRule = webpackConfig.module.rules.find((x) => !!x.oneOf)\n\n        if (oneOfRule) {\n          if (!dev) {\n            // replace nextjs picky style rules with simple minicssextract\n            const MiniCssExtractPlugin = require('mini-css-extract-plugin')\n            oneOfRule.oneOf.unshift({\n              test: /\\.css$/i,\n              use: [MiniCssExtractPlugin.loader, 'css-loader'],\n              sideEffects: true,\n            })\n            const idx = webpackConfig.plugins.findIndex(\n              (x) => x.constructor.name === 'NextMiniCssExtractPlugin'\n            )\n            webpackConfig.plugins.splice(\n              idx,\n              1,\n              new MiniCssExtractPlugin({\n                filename: 'static/css/[name].[contenthash].css',\n                ignoreOrder: true,\n              })\n            )\n          } else {\n            oneOfRule.oneOf.unshift({\n              test: /\\.css$/i,\n              sideEffects: true,\n              use: getGlobalCssLoader(\n                // @ts-ignore\n                {\n                  assetPrefix: options.config.assetPrefix || config.assetPrefix,\n                  future: nextConfig.future,\n                  experimental: nextConfig.experimental || {},\n                  isClient: !isServer,\n                  isServer,\n                  isDevelopment: true,\n                },\n                // @ts-ignore\n                () => lazyPostCSS(dir, getSupportedBrowsers(dir, dev)),\n                []\n              ),\n            })\n          }\n        }\n\n        // add loader\n        const shouldExclude = (x: string) => {\n          if (x.includes('react-native-reanimated')) {\n            return false\n          }\n          // analyze everything in our jsx dir\n          // analyze everything in the components dirs\n          const shouldInclude =\n            x.includes(options.dir) ||\n            tamaguiOptions.components.some(\n              (c) => x.includes(`/node_modules/${c}`) || x.includes(`${c}/dist/jsx/`)\n            )\n          if (!shouldInclude) {\n            return true\n          }\n          return false\n        }\n\n        if (isNext12) {\n          const oneOfJSRules: any[] = webpackConfig.module.rules[2].oneOf\n          const swcLoaderIndex = 3\n          const swcLoader = oneOfJSRules[swcLoaderIndex]\n          // put an earlier loader where we just do tamagui stuff before regular swc\n          oneOfJSRules.splice(\n            swcLoaderIndex,\n            0,\n            {\n              test: /(bottom-sheet).*\\.[tj]sx?$/,\n              use: [\n                {\n                  loader: 'babel-loader',\n                  options: {\n                    plugins: [\n                      'react-native-reanimated/plugin',\n                      '@babel/plugin-transform-react-jsx',\n                    ],\n                  },\n                },\n              ],\n            },\n            {\n              test: /\\.(jsx?|tsx?)$/,\n              exclude: shouldExclude,\n              use: [\n                ...[].concat(swcLoader.use),\n                {\n                  loader: 'tamagui-loader',\n                  options: tamaguiOptions,\n                },\n              ],\n            }\n          )\n        } else {\n          // next 11 modify loader\n          const [first, second, ...rest] = webpackConfig.module.rules\n          webpackConfig.module.rules = [\n            first,\n            second,\n            {\n              test: /\\.(tsx|jsx)$/,\n              exclude: shouldExclude,\n              use: [\n                'thread-loader',\n                {\n                  loader: 'esbuild-loader',\n                  options: {\n                    loader: 'tsx',\n                    minify: false,\n                  },\n                },\n                {\n                  loader: 'tamagui-loader',\n                  options: tamaguiOptions,\n                },\n              ],\n            },\n            ...rest,\n          ]\n        }\n\n        if (typeof nextConfig.webpack === 'function') {\n          return nextConfig.webpack(webpackConfig, options)\n        }\n\n        return webpackConfig\n      },\n    })\n  }\n}\n\nfunction getSupportedBrowsers(dir, isDevelopment) {\n  let browsers\n  try {\n    browsers = browserslist.loadConfig({\n      path: dir,\n      env: isDevelopment ? 'development' : 'production',\n    })\n  } catch {}\n\n  return browsers\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/jsx/index.js

@@ -0,0 +1 @@
+export * from "./withTamagui";

package/dist/jsx/withTamagui.js

@@ -0,0 +1,217 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import path from "path";
+import browserslist from "browserslist";
+import CssMinimizerPlugin from "css-minimizer-webpack-plugin";
+import { lazyPostCSS } from "next/dist/build/webpack/config/blocks/css";
+import { getGlobalCssLoader } from "next/dist/build/webpack/config/blocks/css/loaders";
+import webpack from "webpack";
+const withTamagui = /* @__PURE__ */ __name((tamaguiOptions) => {
+  return (nextConfig = {}) => {
+    return Object.assign({}, nextConfig, {
+      webpack: (webpackConfig, options) => {
+        var _a, _b;
+        const { dir, config, dev, isServer } = options;
+        const isNext12 = typeof ((_a = options.config) == null ? void 0 : _a.swcMinify) === "boolean";
+        const jsxRuntime = require.resolve("react/jsx-runtime.js");
+        const jsxDevRuntime = require.resolve("react/jsx-dev-runtime.js");
+        const rnw = require.resolve("react-native-web");
+        const reanimated = require.resolve("react-native-reanimated");
+        webpackConfig.resolve.alias = {
+          ...webpackConfig.resolve.alias || {},
+          "react/jsx-runtime.js": jsxRuntime,
+          "react/jsx-runtime": jsxRuntime,
+          "react/jsx-dev-runtime.js": jsxDevRuntime,
+          "react/jsx-dev-runtime": jsxDevRuntime,
+          "react-native$": rnw,
+          "react-native-reanimated": reanimated,
+          "@gorhom/bottom-sheet$": require.resolve("@gorhom/bottom-sheet").replace("commonjs", "module"),
+          "react-native-web/src/modules/normalizeColor": require.resolve("react-native-web/dist/cjs/modules/normalizeColor"),
+          react: require.resolve("react"),
+          "react-dom": require.resolve("react-dom")
+        };
+        webpackConfig.plugins.push(new webpack.DefinePlugin({
+          "process.env.TAMAGUI_TARGET": '"web"',
+          __DEV__: JSON.stringify(dev)
+        }));
+        if (process.env.IGNORE_TS_CONFIG_PATHS) {
+          console.log("ignoring tsconfig paths, they mess up transpile");
+          delete webpackConfig.resolve.plugins[0].paths["@tamagui/*"];
+          delete webpackConfig.resolve.plugins[0].paths["tamagui"];
+        }
+        const cssMin = webpackConfig.optimization.minimizer.find((x) => x.toString().includes("css-minimizer-plugin"));
+        if (cssMin) {
+          webpackConfig.optimization.minimizer = webpackConfig.optimization.minimizer.slice(cssMin.index, 1);
+        }
+        webpackConfig.optimization.minimizer.push(new CssMinimizerPlugin());
+        if (!webpackConfig.resolve.extensions.includes(".web.js")) {
+          webpackConfig.resolve.extensions = [".web.js", ...webpackConfig.resolve.extensions];
+        }
+        webpackConfig.resolve.mainFields.unshift("module:jsx");
+        const isWebpack5 = !!((_b = config.future) == null ? void 0 : _b.webpack5) || typeof config.webpack5 === "undefined";
+        const includeModule = /* @__PURE__ */ __name((context, request) => {
+          const fullPath = request[0] === "." ? path.join(context, request) : request;
+          if (/^\@?react-native-/.test(request)) {
+            return false;
+          }
+          if (fullPath === "@gorhom/bottom-sheet") {
+            return "inline";
+          }
+          if (fullPath.startsWith("react-native-web") || fullPath.includes("node_modules/react-native-web")) {
+            return `commonjs ${fullPath}`;
+          }
+          if (/^(react-dom|react)$/.test(fullPath)) {
+            return `commonjs ${fullPath}`;
+          }
+          return true;
+        }, "includeModule");
+        if (isServer) {
+          webpackConfig.externals = [
+            ...webpackConfig.externals.map((external) => {
+              if (typeof external !== "function") {
+                return external;
+              }
+              if (isWebpack5) {
+                return (ctx, cb) => {
+                  const res = includeModule(ctx.context, ctx.request);
+                  if (res === "inline") {
+                    return cb();
+                  }
+                  if (typeof res === "string") {
+                    return cb(null, res);
+                  }
+                  if (res) {
+                    return external(ctx, cb);
+                  }
+                  return cb();
+                };
+              }
+              return (ctx, req, cb) => {
+                const res = includeModule(ctx, req);
+                if (typeof res === "string") {
+                  return cb(null, res);
+                }
+                if (res) {
+                  return external(ctx, cb);
+                }
+                return cb();
+              };
+            })
+          ];
+        }
+        const oneOfRule = webpackConfig.module.rules.find((x) => !!x.oneOf);
+        if (oneOfRule) {
+          if (!dev) {
+            const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+            oneOfRule.oneOf.unshift({
+              test: /\.css$/i,
+              use: [MiniCssExtractPlugin.loader, "css-loader"],
+              sideEffects: true
+            });
+            const idx = webpackConfig.plugins.findIndex((x) => x.constructor.name === "NextMiniCssExtractPlugin");
+            webpackConfig.plugins.splice(idx, 1, new MiniCssExtractPlugin({
+              filename: "static/css/[name].[contenthash].css",
+              ignoreOrder: true
+            }));
+          } else {
+            oneOfRule.oneOf.unshift({
+              test: /\.css$/i,
+              sideEffects: true,
+              use: getGlobalCssLoader({
+                assetPrefix: options.config.assetPrefix || config.assetPrefix,
+                future: nextConfig.future,
+                experimental: nextConfig.experimental || {},
+                isClient: !isServer,
+                isServer,
+                isDevelopment: true
+              }, () => lazyPostCSS(dir, getSupportedBrowsers(dir, dev)), [])
+            });
+          }
+        }
+        const shouldExclude = /* @__PURE__ */ __name((x) => {
+          if (x.includes("react-native-reanimated")) {
+            return false;
+          }
+          const shouldInclude = x.includes(options.dir) || tamaguiOptions.components.some((c) => x.includes(`/node_modules/${c}`) || x.includes(`${c}/dist/jsx/`));
+          if (!shouldInclude) {
+            return true;
+          }
+          return false;
+        }, "shouldExclude");
+        if (isNext12) {
+          const oneOfJSRules = webpackConfig.module.rules[2].oneOf;
+          const swcLoaderIndex = 3;
+          const swcLoader = oneOfJSRules[swcLoaderIndex];
+          oneOfJSRules.splice(swcLoaderIndex, 0, {
+            test: /(bottom-sheet).*\.[tj]sx?$/,
+            use: [
+              {
+                loader: "babel-loader",
+                options: {
+                  plugins: [
+                    "react-native-reanimated/plugin",
+                    "@babel/plugin-transform-react-jsx"
+                  ]
+                }
+              }
+            ]
+          }, {
+            test: /\.(jsx?|tsx?)$/,
+            exclude: shouldExclude,
+            use: [
+              ...[].concat(swcLoader.use),
+              {
+                loader: "tamagui-loader",
+                options: tamaguiOptions
+              }
+            ]
+          });
+        } else {
+          const [first, second, ...rest] = webpackConfig.module.rules;
+          webpackConfig.module.rules = [
+            first,
+            second,
+            {
+              test: /\.(tsx|jsx)$/,
+              exclude: shouldExclude,
+              use: [
+                "thread-loader",
+                {
+                  loader: "esbuild-loader",
+                  options: {
+                    loader: "tsx",
+                    minify: false
+                  }
+                },
+                {
+                  loader: "tamagui-loader",
+                  options: tamaguiOptions
+                }
+              ]
+            },
+            ...rest
+          ];
+        }
+        if (typeof nextConfig.webpack === "function") {
+          return nextConfig.webpack(webpackConfig, options);
+        }
+        return webpackConfig;
+      }
+    });
+  };
+}, "withTamagui");
+function getSupportedBrowsers(dir, isDevelopment) {
+  let browsers;
+  try {
+    browsers = browserslist.loadConfig({
+      path: dir,
+      env: isDevelopment ? "development" : "production"
+    });
+  } catch {
+  }
+  return browsers;
+}
+__name(getSupportedBrowsers, "getSupportedBrowsers");
+export {
+  withTamagui
+};

package/package.json

@@ -1,33 +1,38 @@
 {
   "name": "@tamagui/next-plugin",
-  "version": "1.0.0-alpha.5",
+  "version": "1.0.0-alpha.53",
   "source": "src/index.ts",
-  "main": "dist/index.cjs",
-  "module": "dist/index.js",
-  "typings": "types.d.ts",
+  "license": "MIT",
+  "typings": "types",
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "module:jsx": "dist/jsx",
   "files": [
-    "types.d.ts",
-    "dist",
-    "src"
+    "types",
+    "dist"
   ],
   "scripts": {
     "build": "tamagui-build",
     "watch": "tamagui-build --watch"
   },
-  "license": "MIT",
-  "devDependencies": {
-    "@tamagui/build": "^1.0.0-alpha.2",
-    "@tamagui/static": "^1.0.0-alpha.5",
+  "dependencies": {
+    "@tamagui/static": "^1.0.0-alpha.53",
+    "browserslist": "^4.19.1",
     "css-minimizer-webpack-plugin": "^3.1.3",
-    "esbuild-loader": "^2.16.0",
+    "esbuild-loader": "^2.18.0",
     "next-compose-plugins": "^2.2.1",
-    "tamagui-loader": "^1.0.0-alpha.5"
+    "tamagui-loader": "^1.0.0-alpha.53",
+    "thread-loader": "^3.0.4"
+  },
+  "devDependencies": {
+    "@tamagui/build": "^1.0.0-alpha.44",
+    "next": "^12.0.10"
   },
   "peerDependencies": {
-    "next": ">=11.0.0"
+    "next": ">=12.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e12f14aa087c41ea5ba3933a05f33fada0be03c0"
+  "gitHead": "7ccc9ca8d4a21041ea2bdc7e4586de07ddb21b35"
 }

package/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './withTamagui';
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/types/withTamagui.d.ts

@@ -0,0 +1,3 @@
+import { TamaguiOptions } from '@tamagui/static';
+export declare const withTamagui: (tamaguiOptions: TamaguiOptions) => (nextConfig?: any) => any;
+//# sourceMappingURL=withTamagui.d.ts.map

package/types/withTamagui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withTamagui.d.ts","sourceRoot":"","sources":["../src/withTamagui.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAOhD,eAAO,MAAM,WAAW,mBAAoB,cAAc,mBACpC,GAAG,QA+PxB,CAAA"}

package/dist/index.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/index.ts", "../src/withTamagui.ts"],
-  "sourcesContent": ["export * from './withTamagui'\n", "import path from 'path'\n\nimport { TamaguiOptions } from '@tamagui/static'\nimport CssMinimizerPlugin from 'css-minimizer-webpack-plugin'\nimport webpack from 'webpack'\n\nexport const withTamagui = (tamaguiOptions: TamaguiOptions) => {\n  return (nextConfig: any = {}) => {\n    return Object.assign({}, nextConfig, {\n      webpack: (webpackConfig, options) => {\n        const { config, dev, isServer } = options\n\n        webpackConfig.resolve.alias = {\n          ...(webpackConfig.resolve.alias || {}),\n          'react-native$': 'react-native-web',\n          'react-native-web/src/modules/normalizeColor': require.resolve(\n            'react-native-web/dist/cjs/modules/normalizeColor'\n          ),\n          // fix mdx-bundler issue importing .js specifically\n          // 'react/jsx-runtime.js': require.resolve('react/jsx-runtime'),\n          'react/jsx-runtime': require.resolve('react/jsx-runtime'),\n          'react/jsx-dev-runtime': require.resolve('react/jsx-dev-runtime'),\n          react: require.resolve('react'),\n          'react-dom': require.resolve('react-dom'),\n        }\n\n        webpackConfig.plugins.push(\n          new webpack.DefinePlugin({\n            'process.env.TAMAGUI_TARGET': '\"web\"',\n          })\n        )\n\n        if (process.env.IGNORE_TS_CONFIG_PATHS) {\n          console.log('ignoring tsconfig paths, they mess up transpile')\n          delete webpackConfig.resolve.plugins[0].paths['@tamagui/*']\n          delete webpackConfig.resolve.plugins[0].paths['tamagui']\n        }\n\n        // TODO document and make configurable\n        // replace minifier with css-minimizer-webpack-plugin which handles deduping atomic styles\n        const cssMin = webpackConfig.optimization.minimizer.find((x) =>\n          x.toString().includes('css-minimizer-plugin')\n        )\n        if (cssMin) {\n          webpackConfig.optimization.minimizer = webpackConfig.optimization.minimizer.slice(\n            cssMin.index,\n            1\n          )\n        }\n        webpackConfig.optimization.minimizer.push(new CssMinimizerPlugin())\n\n        if (!webpackConfig.resolve.extensions.includes('.web.js')) {\n          webpackConfig.resolve.extensions = ['.web.js', ...webpackConfig.resolve.extensions]\n        }\n\n        // look for compiled js with jsx intact as specified by module:jsx\n        webpackConfig.resolve.mainFields.unshift('module:jsx')\n\n        // why is it undefined on next11??? but it says using webpack5\n        const isWebpack5 = !!config.future.webpack5 || typeof config.webpack5 === 'undefined'\n\n        const includeModule = (context: string, request: string) => {\n          const fullPath = request[0] === '.' ? path.join(context, request) : request\n          if (/^\\@?react-native-/.test(request)) {\n            return false\n          }\n          if (\n            fullPath.startsWith('react-native-web') ||\n            fullPath.includes('node_modules/react-native-web')\n          ) {\n            return `commonjs ${fullPath}`\n          }\n          if (/^(react-dom|react)$/.test(fullPath)) {\n            return `commonjs ${fullPath}`\n          }\n          return true\n        }\n\n        if (isServer) {\n          // externalize react native things from bundle\n          webpackConfig.externals = [\n            ...webpackConfig.externals.map((external) => {\n              if (typeof external !== 'function') {\n                return external\n              }\n              // only runs on server\n              if (isWebpack5) {\n                return (ctx, cb) => {\n                  const res = includeModule(ctx.context, ctx.request)\n                  if (typeof res === 'string') {\n                    return cb(null, res)\n                  }\n                  if (res) {\n                    return external(ctx, cb)\n                  }\n                  return cb()\n                }\n              }\n              return (ctx, req, cb) => {\n                const res = includeModule(ctx, req)\n                if (typeof res === 'string') {\n                  return cb(null, res)\n                }\n                if (res) {\n                  return external(ctx, cb)\n                }\n                return cb()\n              }\n            }),\n          ]\n        }\n\n        const oneOfRule = webpackConfig.module.rules.find((x) => !!x.oneOf)\n\n        if (oneOfRule) {\n          if (!dev) {\n            // replace nextjs picky style rules with simple minicssextract\n            const MiniCssExtractPlugin = require('mini-css-extract-plugin')\n            oneOfRule.oneOf = [\n              {\n                test: /\\.css$/i,\n                use: [MiniCssExtractPlugin.loader, 'css-loader'],\n                sideEffects: true,\n              },\n            ]\n            const idx = webpackConfig.plugins.findIndex(\n              (x) => x.constructor.name === 'NextMiniCssExtractPlugin'\n            )\n            webpackConfig.plugins.splice(\n              idx,\n              1,\n              new MiniCssExtractPlugin({\n                filename: 'static/css/[name].[contenthash].css',\n                ignoreOrder: true,\n              })\n            )\n          } else {\n            const {\n              getGlobalCssLoader,\n            } = require('next/dist/build/webpack/config/blocks/css/loaders')\n            oneOfRule.oneOf.unshift({\n              test: /\\.css$/i,\n              sideEffects: true,\n              use: getGlobalCssLoader(\n                {\n                  assetPrefix: options.config.assetPrefix,\n                  future: { webpack5: true },\n                  isClient: !isServer,\n                  isServer,\n                  isDevelopment: true,\n                },\n                [],\n                []\n              ),\n            })\n          }\n        }\n\n        // add loader\n        const shouldExclude = (x) => {\n          // analyze everything in our src dir\n          // analyze everything in the components dirs\n          if (\n            x.includes(options.dir) ||\n            tamaguiOptions.components.some(\n              (c) => x.includes(`/node_modules/${c}`) || x.includes(`${c}/_jsx/`)\n            )\n          ) {\n            return false\n          }\n          // exclude everything else\n          return true\n        }\n        const [first, second, ...rest] = webpackConfig.module.rules\n        webpackConfig.module.rules = [\n          first,\n          second,\n          {\n            test: /\\.(tsx|js|mjs|jsx)$/,\n            exclude: shouldExclude,\n            use: [\n              {\n                loader: 'esbuild-loader',\n                options: {\n                  loader: 'tsx',\n                  minify: false,\n                },\n              },\n              {\n                loader: 'tamagui-loader',\n                options: tamaguiOptions,\n              },\n            ],\n          },\n          ...rest,\n        ]\n\n        if (typeof nextConfig.webpack === 'function') {\n          return nextConfig.webpack(webpackConfig, options)\n        }\n\n        return webpackConfig\n      },\n    })\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/withTamagui.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/withTamagui.ts"],
-  "sourcesContent": ["import path from 'path'\n\nimport { TamaguiOptions } from '@tamagui/static'\nimport CssMinimizerPlugin from 'css-minimizer-webpack-plugin'\nimport webpack from 'webpack'\n\nexport const withTamagui = (tamaguiOptions: TamaguiOptions) => {\n  return (nextConfig: any = {}) => {\n    return Object.assign({}, nextConfig, {\n      webpack: (webpackConfig, options) => {\n        const { config, dev, isServer } = options\n\n        webpackConfig.resolve.alias = {\n          ...(webpackConfig.resolve.alias || {}),\n          'react-native$': 'react-native-web',\n          'react-native-web/src/modules/normalizeColor': require.resolve(\n            'react-native-web/dist/cjs/modules/normalizeColor'\n          ),\n          // fix mdx-bundler issue importing .js specifically\n          // 'react/jsx-runtime.js': require.resolve('react/jsx-runtime'),\n          'react/jsx-runtime': require.resolve('react/jsx-runtime'),\n          'react/jsx-dev-runtime': require.resolve('react/jsx-dev-runtime'),\n          react: require.resolve('react'),\n          'react-dom': require.resolve('react-dom'),\n        }\n\n        webpackConfig.plugins.push(\n          new webpack.DefinePlugin({\n            'process.env.TAMAGUI_TARGET': '\"web\"',\n          })\n        )\n\n        if (process.env.IGNORE_TS_CONFIG_PATHS) {\n          console.log('ignoring tsconfig paths, they mess up transpile')\n          delete webpackConfig.resolve.plugins[0].paths['@tamagui/*']\n          delete webpackConfig.resolve.plugins[0].paths['tamagui']\n        }\n\n        // TODO document and make configurable\n        // replace minifier with css-minimizer-webpack-plugin which handles deduping atomic styles\n        const cssMin = webpackConfig.optimization.minimizer.find((x) =>\n          x.toString().includes('css-minimizer-plugin')\n        )\n        if (cssMin) {\n          webpackConfig.optimization.minimizer = webpackConfig.optimization.minimizer.slice(\n            cssMin.index,\n            1\n          )\n        }\n        webpackConfig.optimization.minimizer.push(new CssMinimizerPlugin())\n\n        if (!webpackConfig.resolve.extensions.includes('.web.js')) {\n          webpackConfig.resolve.extensions = ['.web.js', ...webpackConfig.resolve.extensions]\n        }\n\n        // look for compiled js with jsx intact as specified by module:jsx\n        webpackConfig.resolve.mainFields.unshift('module:jsx')\n\n        // why is it undefined on next11??? but it says using webpack5\n        const isWebpack5 = !!config.future.webpack5 || typeof config.webpack5 === 'undefined'\n\n        const includeModule = (context: string, request: string) => {\n          const fullPath = request[0] === '.' ? path.join(context, request) : request\n          if (/^\\@?react-native-/.test(request)) {\n            return false\n          }\n          if (\n            fullPath.startsWith('react-native-web') ||\n            fullPath.includes('node_modules/react-native-web')\n          ) {\n            return `commonjs ${fullPath}`\n          }\n          if (/^(react-dom|react)$/.test(fullPath)) {\n            return `commonjs ${fullPath}`\n          }\n          return true\n        }\n\n        if (isServer) {\n          // externalize react native things from bundle\n          webpackConfig.externals = [\n            ...webpackConfig.externals.map((external) => {\n              if (typeof external !== 'function') {\n                return external\n              }\n              // only runs on server\n              if (isWebpack5) {\n                return (ctx, cb) => {\n                  const res = includeModule(ctx.context, ctx.request)\n                  if (typeof res === 'string') {\n                    return cb(null, res)\n                  }\n                  if (res) {\n                    return external(ctx, cb)\n                  }\n                  return cb()\n                }\n              }\n              return (ctx, req, cb) => {\n                const res = includeModule(ctx, req)\n                if (typeof res === 'string') {\n                  return cb(null, res)\n                }\n                if (res) {\n                  return external(ctx, cb)\n                }\n                return cb()\n              }\n            }),\n          ]\n        }\n\n        const oneOfRule = webpackConfig.module.rules.find((x) => !!x.oneOf)\n\n        if (oneOfRule) {\n          if (!dev) {\n            // replace nextjs picky style rules with simple minicssextract\n            const MiniCssExtractPlugin = require('mini-css-extract-plugin')\n            oneOfRule.oneOf = [\n              {\n                test: /\\.css$/i,\n                use: [MiniCssExtractPlugin.loader, 'css-loader'],\n                sideEffects: true,\n              },\n            ]\n            const idx = webpackConfig.plugins.findIndex(\n              (x) => x.constructor.name === 'NextMiniCssExtractPlugin'\n            )\n            webpackConfig.plugins.splice(\n              idx,\n              1,\n              new MiniCssExtractPlugin({\n                filename: 'static/css/[name].[contenthash].css',\n                ignoreOrder: true,\n              })\n            )\n          } else {\n            const {\n              getGlobalCssLoader,\n            } = require('next/dist/build/webpack/config/blocks/css/loaders')\n            oneOfRule.oneOf.unshift({\n              test: /\\.css$/i,\n              sideEffects: true,\n              use: getGlobalCssLoader(\n                {\n                  assetPrefix: options.config.assetPrefix,\n                  future: { webpack5: true },\n                  isClient: !isServer,\n                  isServer,\n                  isDevelopment: true,\n                },\n                [],\n                []\n              ),\n            })\n          }\n        }\n\n        // add loader\n        const shouldExclude = (x) => {\n          // analyze everything in our src dir\n          // analyze everything in the components dirs\n          if (\n            x.includes(options.dir) ||\n            tamaguiOptions.components.some(\n              (c) => x.includes(`/node_modules/${c}`) || x.includes(`${c}/_jsx/`)\n            )\n          ) {\n            return false\n          }\n          // exclude everything else\n          return true\n        }\n        const [first, second, ...rest] = webpackConfig.module.rules\n        webpackConfig.module.rules = [\n          first,\n          second,\n          {\n            test: /\\.(tsx|js|mjs|jsx)$/,\n            exclude: shouldExclude,\n            use: [\n              {\n                loader: 'esbuild-loader',\n                options: {\n                  loader: 'tsx',\n                  minify: false,\n                },\n              },\n              {\n                loader: 'tamagui-loader',\n                options: tamaguiOptions,\n              },\n            ],\n          },\n          ...rest,\n        ]\n\n        if (typeof nextConfig.webpack === 'function') {\n          return nextConfig.webpack(webpackConfig, options)\n        }\n\n        return webpackConfig\n      },\n    })\n  }\n}\n"],
-  "mappings": ";;AAAA;AAGA;AACA;AAEO,MAAM,cAAc,wBAAC,mBAAmC;AAC7D,SAAO,CAAC,aAAkB,OAAO;AAC/B,WAAO,OAAO,OAAO,IAAI,YAAY;AAAA,MACnC,SAAS,CAAC,eAAe,YAAY;AACnC,cAAM,EAAE,QAAQ,KAAK,aAAa;AAElC,sBAAc,QAAQ,QAAQ;AAAA,aACxB,cAAc,QAAQ,SAAS;AAAA,UACnC,iBAAiB;AAAA,UACjB,+CACE;AAAA,UAIF,qBAAqC;AAAA,UACrC,yBAAyC;AAAA,UACzC,OAAuB;AAAA,UACvB,aAA6B;AAAA;AAG/B,sBAAc,QAAQ,KACpB,IAAI,QAAQ,aAAa;AAAA,UACvB,8BAA8B;AAAA;AAIlC,YAAI,QAAQ,IAAI,wBAAwB;AACtC,kBAAQ,IAAI;AACZ,iBAAO,cAAc,QAAQ,QAAQ,GAAG,MAAM;AAC9C,iBAAO,cAAc,QAAQ,QAAQ,GAAG,MAAM;AAAA;AAKhD,cAAM,SAAS,cAAc,aAAa,UAAU,KAAK,CAAC,MACxD,EAAE,WAAW,SAAS;AAExB,YAAI,QAAQ;AACV,wBAAc,aAAa,YAAY,cAAc,aAAa,UAAU,MAC1E,OAAO,OACP;AAAA;AAGJ,sBAAc,aAAa,UAAU,KAAK,IAAI;AAE9C,YAAI,CAAC,cAAc,QAAQ,WAAW,SAAS,YAAY;AACzD,wBAAc,QAAQ,aAAa,CAAC,WAAW,GAAG,cAAc,QAAQ;AAAA;AAI1E,sBAAc,QAAQ,WAAW,QAAQ;AAGzC,cAAM,aAAa,CAAC,CAAC,OAAO,OAAO,YAAY,OAAO,OAAO,aAAa;AAE1E,cAAM,gBAAgB,wBAAC,SAAiB,YAAoB;AAC1D,gBAAM,WAAW,QAAQ,OAAO,MAAM,KAAK,KAAK,SAAS,WAAW;AACpE,cAAI,oBAAoB,KAAK,UAAU;AACrC,mBAAO;AAAA;AAET,cACE,SAAS,WAAW,uBACpB,SAAS,SAAS,kCAClB;AACA,mBAAO,YAAY;AAAA;AAErB,cAAI,sBAAsB,KAAK,WAAW;AACxC,mBAAO,YAAY;AAAA;AAErB,iBAAO;AAAA,WAda;AAiBtB,YAAI,UAAU;AAEZ,wBAAc,YAAY;AAAA,YACxB,GAAG,cAAc,UAAU,IAAI,CAAC,aAAa;AAC3C,kBAAI,OAAO,aAAa,YAAY;AAClC,uBAAO;AAAA;AAGT,kBAAI,YAAY;AACd,uBAAO,CAAC,KAAK,OAAO;AAClB,wBAAM,MAAM,cAAc,IAAI,SAAS,IAAI;AAC3C,sBAAI,OAAO,QAAQ,UAAU;AAC3B,2BAAO,GAAG,MAAM;AAAA;AAElB,sBAAI,KAAK;AACP,2BAAO,SAAS,KAAK;AAAA;AAEvB,yBAAO;AAAA;AAAA;AAGX,qBAAO,CAAC,KAAK,KAAK,OAAO;AACvB,sBAAM,MAAM,cAAc,KAAK;AAC/B,oBAAI,OAAO,QAAQ,UAAU;AAC3B,yBAAO,GAAG,MAAM;AAAA;AAElB,oBAAI,KAAK;AACP,yBAAO,SAAS,KAAK;AAAA;AAEvB,uBAAO;AAAA;AAAA;AAAA;AAAA;AAMf,cAAM,YAAY,cAAc,OAAO,MAAM,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE;AAE7D,YAAI,WAAW;AACb,cAAI,CAAC,KAAK;AAER,kBAAM,uBAAuB,QAAQ;AACrC,sBAAU,QAAQ;AAAA,cAChB;AAAA,gBACE,MAAM;AAAA,gBACN,KAAK,CAAC,qBAAqB,QAAQ;AAAA,gBACnC,aAAa;AAAA;AAAA;AAGjB,kBAAM,MAAM,cAAc,QAAQ,UAChC,CAAC,MAAM,EAAE,YAAY,SAAS;AAEhC,0BAAc,QAAQ,OACpB,KACA,GACA,IAAI,qBAAqB;AAAA,cACvB,UAAU;AAAA,cACV,aAAa;AAAA;AAAA,iBAGZ;AACL,kBAAM;AAAA,cACJ;AAAA,gBACE,QAAQ;AACZ,sBAAU,MAAM,QAAQ;AAAA,cACtB,MAAM;AAAA,cACN,aAAa;AAAA,cACb,KAAK,mBACH;AAAA,gBACE,aAAa,QAAQ,OAAO;AAAA,gBAC5B,QAAQ,EAAE,UAAU;AAAA,gBACpB,UAAU,CAAC;AAAA,gBACX;AAAA,gBACA,eAAe;AAAA,iBAEjB,IACA;AAAA;AAAA;AAAA;AAOR,cAAM,gBAAgB,wBAAC,MAAM;AAG3B,cACE,EAAE,SAAS,QAAQ,QACnB,eAAe,WAAW,KACxB,CAAC,MAAM,EAAE,SAAS,iBAAiB,QAAQ,EAAE,SAAS,GAAG,aAE3D;AACA,mBAAO;AAAA;AAGT,iBAAO;AAAA,WAZa;AActB,cAAM,CAAC,OAAO,WAAW,QAAQ,cAAc,OAAO;AACtD,sBAAc,OAAO,QAAQ;AAAA,UAC3B;AAAA,UACA;AAAA,UACA;AAAA,YACE,MAAM;AAAA,YACN,SAAS;AAAA,YACT,KAAK;AAAA,cACH;AAAA,gBACE,QAAQ;AAAA,gBACR,SAAS;AAAA,kBACP,QAAQ;AAAA,kBACR,QAAQ;AAAA;AAAA;AAAA,cAGZ;AAAA,gBACE,QAAQ;AAAA,gBACR,SAAS;AAAA;AAAA;AAAA;AAAA,UAIf,GAAG;AAAA;AAGL,YAAI,OAAO,WAAW,YAAY,YAAY;AAC5C,iBAAO,WAAW,QAAQ,eAAe;AAAA;AAG3C,eAAO;AAAA;AAAA;AAAA;AAAA,GAnMY;",
-  "names": []
-}

package/src/index.ts

@@ -1 +0,0 @@
-export * from './withTamagui'

package/src/withTamagui.ts

@@ -1,206 +0,0 @@
-import path from 'path'
-
-import { TamaguiOptions } from '@tamagui/static'
-import CssMinimizerPlugin from 'css-minimizer-webpack-plugin'
-import webpack from 'webpack'
-
-export const withTamagui = (tamaguiOptions: TamaguiOptions) => {
-  return (nextConfig: any = {}) => {
-    return Object.assign({}, nextConfig, {
-      webpack: (webpackConfig, options) => {
-        const { config, dev, isServer } = options
-
-        webpackConfig.resolve.alias = {
-          ...(webpackConfig.resolve.alias || {}),
-          'react-native$': 'react-native-web',
-          'react-native-web/src/modules/normalizeColor': require.resolve(
-            'react-native-web/dist/cjs/modules/normalizeColor'
-          ),
-          // fix mdx-bundler issue importing .js specifically
-          // 'react/jsx-runtime.js': require.resolve('react/jsx-runtime'),
-          'react/jsx-runtime': require.resolve('react/jsx-runtime'),
-          'react/jsx-dev-runtime': require.resolve('react/jsx-dev-runtime'),
-          react: require.resolve('react'),
-          'react-dom': require.resolve('react-dom'),
-        }
-
-        webpackConfig.plugins.push(
-          new webpack.DefinePlugin({
-            'process.env.TAMAGUI_TARGET': '"web"',
-          })
-        )
-
-        if (process.env.IGNORE_TS_CONFIG_PATHS) {
-          console.log('ignoring tsconfig paths, they mess up transpile')
-          delete webpackConfig.resolve.plugins[0].paths['@tamagui/*']
-          delete webpackConfig.resolve.plugins[0].paths['tamagui']
-        }
-
-        // TODO document and make configurable
-        // replace minifier with css-minimizer-webpack-plugin which handles deduping atomic styles
-        const cssMin = webpackConfig.optimization.minimizer.find((x) =>
-          x.toString().includes('css-minimizer-plugin')
-        )
-        if (cssMin) {
-          webpackConfig.optimization.minimizer = webpackConfig.optimization.minimizer.slice(
-            cssMin.index,
-            1
-          )
-        }
-        webpackConfig.optimization.minimizer.push(new CssMinimizerPlugin())
-
-        if (!webpackConfig.resolve.extensions.includes('.web.js')) {
-          webpackConfig.resolve.extensions = ['.web.js', ...webpackConfig.resolve.extensions]
-        }
-
-        // look for compiled js with jsx intact as specified by module:jsx
-        webpackConfig.resolve.mainFields.unshift('module:jsx')
-
-        // why is it undefined on next11??? but it says using webpack5
-        const isWebpack5 = !!config.future.webpack5 || typeof config.webpack5 === 'undefined'
-
-        const includeModule = (context: string, request: string) => {
-          const fullPath = request[0] === '.' ? path.join(context, request) : request
-          if (/^\@?react-native-/.test(request)) {
-            return false
-          }
-          if (
-            fullPath.startsWith('react-native-web') ||
-            fullPath.includes('node_modules/react-native-web')
-          ) {
-            return `commonjs ${fullPath}`
-          }
-          if (/^(react-dom|react)$/.test(fullPath)) {
-            return `commonjs ${fullPath}`
-          }
-          return true
-        }
-
-        if (isServer) {
-          // externalize react native things from bundle
-          webpackConfig.externals = [
-            ...webpackConfig.externals.map((external) => {
-              if (typeof external !== 'function') {
-                return external
-              }
-              // only runs on server
-              if (isWebpack5) {
-                return (ctx, cb) => {
-                  const res = includeModule(ctx.context, ctx.request)
-                  if (typeof res === 'string') {
-                    return cb(null, res)
-                  }
-                  if (res) {
-                    return external(ctx, cb)
-                  }
-                  return cb()
-                }
-              }
-              return (ctx, req, cb) => {
-                const res = includeModule(ctx, req)
-                if (typeof res === 'string') {
-                  return cb(null, res)
-                }
-                if (res) {
-                  return external(ctx, cb)
-                }
-                return cb()
-              }
-            }),
-          ]
-        }
-
-        const oneOfRule = webpackConfig.module.rules.find((x) => !!x.oneOf)
-
-        if (oneOfRule) {
-          if (!dev) {
-            // replace nextjs picky style rules with simple minicssextract
-            const MiniCssExtractPlugin = require('mini-css-extract-plugin')
-            oneOfRule.oneOf = [
-              {
-                test: /\.css$/i,
-                use: [MiniCssExtractPlugin.loader, 'css-loader'],
-                sideEffects: true,
-              },
-            ]
-            const idx = webpackConfig.plugins.findIndex(
-              (x) => x.constructor.name === 'NextMiniCssExtractPlugin'
-            )
-            webpackConfig.plugins.splice(
-              idx,
-              1,
-              new MiniCssExtractPlugin({
-                filename: 'static/css/[name].[contenthash].css',
-                ignoreOrder: true,
-              })
-            )
-          } else {
-            const {
-              getGlobalCssLoader,
-            } = require('next/dist/build/webpack/config/blocks/css/loaders')
-            oneOfRule.oneOf.unshift({
-              test: /\.css$/i,
-              sideEffects: true,
-              use: getGlobalCssLoader(
-                {
-                  assetPrefix: options.config.assetPrefix,
-                  future: { webpack5: true },
-                  isClient: !isServer,
-                  isServer,
-                  isDevelopment: true,
-                },
-                [],
-                []
-              ),
-            })
-          }
-        }
-
-        // add loader
-        const shouldExclude = (x) => {
-          // analyze everything in our src dir
-          // analyze everything in the components dirs
-          if (
-            x.includes(options.dir) ||
-            tamaguiOptions.components.some(
-              (c) => x.includes(`/node_modules/${c}`) || x.includes(`${c}/_jsx/`)
-            )
-          ) {
-            return false
-          }
-          // exclude everything else
-          return true
-        }
-        const [first, second, ...rest] = webpackConfig.module.rules
-        webpackConfig.module.rules = [
-          first,
-          second,
-          {
-            test: /\.(tsx|js|mjs|jsx)$/,
-            exclude: shouldExclude,
-            use: [
-              {
-                loader: 'esbuild-loader',
-                options: {
-                  loader: 'tsx',
-                  minify: false,
-                },
-              },
-              {
-                loader: 'tamagui-loader',
-                options: tamaguiOptions,
-              },
-            ],
-          },
-          ...rest,
-        ]
-
-        if (typeof nextConfig.webpack === 'function') {
-          return nextConfig.webpack(webpackConfig, options)
-        }
-
-        return webpackConfig
-      },
-    })
-  }
-}

package/types.d.ts

@@ -1,18 +0,0 @@
-// Generated by dts-bundle-generator v5.9.0
-
-export interface TamaguiOptions {
-	components: string[];
-	config?: string;
-	evaluateVars?: boolean;
-	importsWhitelist?: string[];
-	disableExtraction?: boolean;
-	exclude?: RegExp;
-	logTimings?: boolean;
-	cssPath?: string;
-	cssData?: any;
-	deoptProps?: Set<string>;
-	excludeProps?: string[];
-}
-export declare const withTamagui: (tamaguiOptions: TamaguiOptions) => (nextConfig?: any) => any;
-
-export {};