@tamagui/build 1.92.0 → 1.93.0

package/babel-plugin-process-env-to-meta.js

@@ -0,0 +1,33 @@
+const hasReplaced = Symbol()
+
+module.exports = function viteMetaEnvBabelPlugin({ template, types: t }) {
+  return {
+    name: 'vite-process-to-meta-env',
+    visitor: {
+      MemberExpression(path) {
+        if (path[hasReplaced]) return
+
+        const envNode = t.isMemberExpression(path.node.object) && path.node.object
+        const variableName = t.isIdentifier(path.node.property) && path.node.property.name
+
+        if (!envNode || !variableName) {
+          return
+        }
+
+        const isProcess =
+          t.isIdentifier(envNode.object) && envNode.object.name === 'process'
+        const isEnvVar =
+          t.isIdentifier(envNode.property) && envNode.property.name === 'env'
+
+        if (!isProcess || !isEnvVar) {
+          return
+        }
+
+        path.replaceWith(
+          template.expression('import.meta.env.%%variableName%%')({ variableName })
+        )
+        path[hasReplaced] = true
+      },
+    },
+  }
+}

package/babel-plugin-process-env-to-meta.ts

@@ -0,0 +1,35 @@
+import type babelCore from '@babel/core'
+
+export default function viteMetaEnvBabelPlugin({
+  template,
+  types: t,
+}: typeof babelCore): babelCore.PluginObj {
+  return {
+    name: 'vite-process-to-meta-env',
+    visitor: {
+      MemberExpression(path) {
+        const envNode = t.isMemberExpression(path.node.object) && path.node.object
+        const variableName = t.isIdentifier(path.node.property) && path.node.property.name
+
+        if (!envNode || !variableName) {
+          return
+        }
+
+        const isProcess =
+          t.isIdentifier(envNode.object) && envNode.object.name === 'process'
+        const isEnvVar =
+          t.isIdentifier(envNode.property) && envNode.property.name === 'env'
+
+        if (!isProcess || !isEnvVar) {
+          return
+        }
+
+        path.replaceWith(
+          template.expression('process.env.%%variableName%%')({
+            variableName: variableName === 'NODE_ENV' ? 'MODE' : variableName,
+          })
+        )
+      },
+    },
+  }
+}

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@tamagui/build",
-  "version": "1.92.0",
+  "version": "1.93.0",
   "bin": {
-    "tamagui-build": "tamagui-build.js"
+    "tamagui-build": "tamagui-build.js",
+    "teesx": "./teesx.sh"
   },
   "scripts": {
     "build": "true",
@@ -16,8 +17,9 @@
     "@types/fs-extra": "^9.0.13",
     "babel-plugin-fully-specified": "*",
     "chokidar": "^3.5.2",
-    "esbuild": "^0.19.11",
+    "esbuild": "^0.20.2",
     "esbuild-plugin-es5": "^2.1.0",
+    "esbuild-register": "^3.5.0",
     "execa": "^5.0.0",
     "fast-glob": "^3.2.11",
     "fs-extra": "^11.2.0",

package/tamagui-build.js

@@ -562,8 +562,23 @@ async function esbuildWriteIfChanged(
       }
 
       if (pkgRemoveSideEffects && isESM) {
+        const allowedSideEffects = pkg.sideEffects || []
+
+        const result = []
+        const lines = outString.split('\n')
+        for (const line of lines) {
+          if (
+            !line.startsWith('import ') ||
+            allowedSideEffects.some((allowed) => line.includes(allowed))
+          ) {
+            result.push(line)
+            continue
+          }
+          result.push(line.replace(/import "[^"]+";/g, ''))
+        }
+
         // match whitespace to preserve sourcemaps
-        outString = outString.replace(/\nimport "[^"]+";\n/g, '\n\n')
+        outString = result.join('\n')
       }
 
       async function flush(contents, path) {
@@ -601,7 +616,10 @@ async function esbuildWriteIfChanged(
                         esExtensions: ['.mjs', '.js'],
                       },
                     ],
-                  ],
+                    // pkg.tamagui?.build?.skipEnvToMeta
+                    //   ? null
+                    //   : require.resolve('./babel-plugin-process-env-to-meta'),
+                  ].filter(Boolean),
                 }).code
             // output to mjs fully specified
             await flush(output, mjsOutPath)

package/teesx.sh

@@ -0,0 +1,3 @@
+#!/usr/bin/env bash
+
+node --loader esbuild-register/loader -r esbuild-register "$@"