@tamagui/next-plugin 1.88.13 → 1.89.0-1706308641099

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+  Copyright (c) 2020 Nate Wienert
+  
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+  
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+  
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.

package/dist/esm/index.mjs

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

package/dist/esm/withTamagui.mjs

@@ -0,0 +1,123 @@
+import path from "path";
+import browserslist from "browserslist";
+import { lazyPostCSS } from "next/dist/build/webpack/config/blocks/css";
+import { getGlobalCssLoader } from "next/dist/build/webpack/config/blocks/css/loaders";
+import { TamaguiPlugin } from "tamagui-loader";
+import webpack from "webpack";
+const withTamagui = tamaguiOptions => (nextConfig = {}) => {
+  const isAppDir = tamaguiOptions?.appDir || nextConfig.experimental?.appDir;
+  return {
+    ...nextConfig,
+    webpack: (webpackConfig, options) => {
+      const {
+        dir,
+        config,
+        dev,
+        isServer
+      } = options;
+      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 "} |`,
+        SEP = path.sep;
+      process.env.ANALYZE === "true" && Object.assign(webpackConfig.optimization, {
+        concatenateModules: !1
+      });
+      const enableStudio = options.dev && options.nextRuntime === "nodejs" && isServer,
+        tamaguiPlugin = new TamaguiPlugin({
+          enableStudio,
+          isServer,
+          ...tamaguiOptions
+        }),
+        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"))
+          }),
+          // TODO move to TamaguiPlugin
+          // optimizes inserts automatically assuming CSS wont be "removed" on page change
+          ...(tamaguiOptions.emitSingleCSSFile && {
+            "process.env.TAMAGUI_INSERT_SELECTOR_TRIES": JSON.stringify("1")
+          })
+        };
+      if (webpackConfig.plugins.push(new webpack.DefinePlugin(defines)), process.env.IGNORE_TS_CONFIG_PATHS && (process.env.DEBUG && console.info(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] === "." ? path.join(context, request) : request;
+          if (tamaguiOptions.shouldExcludeFromServer) {
+            const userRes = tamaguiOptions.shouldExcludeFromServer({
+              context,
+              request,
+              fullPath
+            });
+            if (userRes !== void 0) return userRes;
+          }
+          if (tamaguiPlugin.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: [{
+            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 = 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,
+          isDevelopment: dev
+        },
+        // @ts-ignore
+        () => lazyPostCSS(dir, getSupportedBrowsers(dir, dev)), []);
+        isAppDir || cssRules.unshift({
+          test: tamaguiOptions.includeCSSTest ?? /\.tamagui\.css$/,
+          sideEffects: !0,
+          use: cssLoader
+        });
+      }
+      return webpackConfig.plugins.push(tamaguiPlugin), typeof nextConfig.webpack == "function" ? nextConfig.webpack(webpackConfig, options) : webpackConfig;
+    }
+  };
+};
+function getSupportedBrowsers(dir, isDevelopment) {
+  let browsers;
+  try {
+    browsers = browserslist.loadConfig({
+      path: dir,
+      env: isDevelopment ? "development" : "production"
+    });
+  } catch {}
+  return browsers;
+}
+export { withTamagui };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/next-plugin",
-  "version": "1.88.13",
+  "version": "1.89.0-1706308641099",
   "source": "src/index.ts",
   "license": "MIT",
   "types": "./types/index.d.ts",
@@ -21,21 +21,21 @@
   },
   "dependencies": {
     "@babel/preset-react": "^7.23.3",
-    "@tamagui/proxy-worm": "1.88.13",
-    "@tamagui/react-native-svg": "1.88.13",
-    "@tamagui/static": "1.88.13",
+    "@tamagui/proxy-worm": "1.89.0-1706308641099",
+    "@tamagui/react-native-svg": "1.89.0-1706308641099",
+    "@tamagui/static": "1.89.0-1706308641099",
     "babel-loader": "^9.1.2",
     "browserslist": "^4.22.2",
     "css-loader": "^6.7.4",
     "esbuild-loader": "^3.0.1",
     "file-loader": "^6.2.0",
     "html-webpack-plugin": "^5.5.0",
-    "tamagui-loader": "1.88.13",
+    "tamagui-loader": "1.89.0-1706308641099",
     "thread-loader": "^4.0.1",
     "url-loader": "^4.1.1"
   },
   "devDependencies": {
-    "@tamagui/build": "1.88.13",
+    "@tamagui/build": "1.89.0-1706308641099",
     "next": "^14.0.4"
   },
   "peerDependencies": {