@tamagui/build 1.110.4 → 1.111.0

package/__tests__/fixtures/simple-package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tamagui-build-test-simple-tpackage",
-  "version": "1.110.4",
+  "version": "1.111.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.mjs",
   "types": "dist/types/index.d.ts",
@@ -16,7 +16,7 @@
     "build:target-native": "TAMAGUI_TARGET=native node ../../../tamagui-build.js"
   },
   "devDependencies": {
-    "@tamagui/build": "1.110.4",
+    "@tamagui/build": "1.111.0",
     "typescript": "^5.5.2"
   }
 }

package/__tests__/fixtures/watch-package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tamagui-build-test-watch-package",
-  "version": "1.110.4",
+  "version": "1.111.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.mjs",
   "types": "dist/types/index.d.ts",
@@ -16,7 +16,7 @@
     "build:target-native": "TAMAGUI_TARGET=native node ../../../tamagui-build.js"
   },
   "devDependencies": {
-    "@tamagui/build": "1.110.4",
+    "@tamagui/build": "1.111.0",
     "typescript": "^5.5.2"
   }
 }

package/esbuild-es5.js

@@ -33,6 +33,24 @@ function transformFile(file, options) {
   const isTs = file.endsWith('.ts') || file.endsWith('.tsx')
   const isReact = file.endsWith('.jsx') || file.endsWith('.tsx')
   let transformOptions = {
+    env: {
+      targets: {
+        node: '4',
+      },
+      include: [],
+      // this breaks the uniswap app for any file with a ...spread
+      exclude: [
+        'transform-spread',
+        'transform-destructuring',
+        'transform-object-rest-spread',
+        // `transform-async-to-generator` is relying on `transform-destructuring`.
+        // If we exclude `transform-destructuring` but not `transform-async-to-generator`, the SWC binary will panic
+        // with error: `called `Option::unwrap()` on a `None` value`.
+        // See: https://github.com/swc-project/swc/blob/v1.7.14/crates/swc_ecma_compat_es2015/src/generator.rs#L703-L705
+        'transform-async-to-generator',
+        'transform-regenerator', // Similar to above
+      ],
+    },
     jsc: {
       preserveAllComments: true,
       externalHelpers: false,
@@ -47,7 +65,6 @@ function transformFile(file, options) {
         tsx: isReact && isTs,
         jsx: isReact && !isTs,
       },
-      target: 'es5',
     },
     module: { type: 'es6' },
     sourceFileName: file,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/build",
-  "version": "1.110.4",
+  "version": "1.111.0",
   "bin": {
     "tamagui-build": "tamagui-build.js",
     "teesx": "./teesx.sh"
@@ -14,7 +14,7 @@
   "dependencies": {
     "@babel/core": "^7.25.2",
     "@swc/core": "^1.7.21",
-    "@tamagui/babel-plugin-fully-specified": "1.110.4",
+    "@tamagui/babel-plugin-fully-specified": "1.111.0",
     "@types/fs-extra": "^9.0.13",
     "babel-plugin-fully-specified": "*",
     "chokidar": "^3.5.2",

package/tamagui-build.js

@@ -13,9 +13,6 @@ const { es5Plugin } = require('./esbuild-es5')
 const ts = require('typescript')
 const path = require('node:path')
 
-// biome-ignore lint/suspicious/noConsoleLog: <explanation>
-console.log('TypeScript version:', ts.version)
-
 const jsOnly = !!process.env.JS_ONLY
 const skipJS = !!(process.env.SKIP_JS || false)
 const shouldSkipTypes = !!(
@@ -136,7 +133,7 @@ async function build({ skipTypes } = {}) {
     ])
     console.info('built', pkg.name, 'in', Date.now() - start, 'ms')
   } catch (error) {
-    console.error(`Error building:`, error.message)
+    console.error(` ❌ Error building in ${process.cwd()}:\n\n`, error.stack + '\n')
   }
 }
 
@@ -151,8 +148,6 @@ async function buildTsc() {
   await fs.ensureDir(targetDir)
 
   try {
-    console.info(`Starting TypeScript compilation for ${pkg.name}`)
-
     const { config, error } = await loadTsConfig()
     if (error) throw error
 
@@ -167,8 +162,6 @@ async function buildTsc() {
     if (emitResult.emitSkipped) {
       throw new Error('TypeScript compilation failed')
     }
-
-    console.info(`TypeScript compilation completed successfully for ${pkg.name}`)
   } catch (err) {
     if (err.code === 'ENOTFOUND' || err.code === 'ECONNREFUSED') {
       console.error(`Network error during compilation for ${pkg.name}:`, err.message)
@@ -436,6 +429,7 @@ async function buildJs() {
     pkgModule
       ? esbuildWriteIfChanged(esmConfig, {
           platform: 'native',
+          mjs: true,
         })
       : null,
 
@@ -507,7 +501,7 @@ async function esbuildWriteIfChanged(
   // compat with jsx and hermes back a few versions generally:
   /** @type { import('esbuild').BuildOptions } */
   const nativeEsbuildSettings = {
-    target: 'node16',
+    target: mjs ? 'esnext' : 'node16',
     supported: {
       'logical-assignment': false,
     },
@@ -597,6 +591,8 @@ async function esbuildWriteIfChanged(
     })
   )
 
+  const cleanupNonMjsFiles = []
+
   await Promise.all(
     built.outputFiles.map(async (file) => {
       let outPath = file.path
@@ -691,17 +687,7 @@ async function esbuildWriteIfChanged(
                 configFile: false,
                 sourceMap: true,
                 plugins: [
-                  [
-                    require.resolve('@tamagui/babel-plugin-fully-specified'),
-                    {
-                      ensureFileExists: {
-                        forceExtension: '.mjs',
-                      },
-                      esExtensionDefault: '.mjs',
-                      tryExtensions: ['.js'],
-                      esExtensions: ['.mjs'],
-                    },
-                  ],
+                  require.resolve('@tamagui/babel-plugin-fully-specified'),
                   // pkg.tamagui?.build?.skipEnvToMeta
                   //   ? null
                   //   : require.resolve('./babel-plugin-process-env-to-meta'),
@@ -715,6 +701,10 @@ async function esbuildWriteIfChanged(
               (result.map ? `\n//# sourceMappingURL=${basename(mjsOutPath)}.map\n` : ''),
             'utf8'
           )
+
+          cleanupNonMjsFiles.push(outPath)
+          cleanupNonMjsFiles.push(outPath + '.map')
+
           if (result.map) {
             await fs.writeFile(mjsOutPath + '.map', JSON.stringify(result.map), 'utf8')
           }
@@ -722,4 +712,15 @@ async function esbuildWriteIfChanged(
       })()
     })
   )
+
+  // if we do mjs we should remove js after to avoid bloat
+  if (process.env.TAMAGUI_BUILD_REMOVE_ESM_JS_FILES) {
+    if (cleanupNonMjsFiles.length) {
+      await Promise.all(
+        cleanupNonMjsFiles.map(async (file) => {
+          await fs.remove(file)
+        })
+      )
+    }
+  }
 }