@tamagui/build 1.123.0 → 1.123.2

package/README.md

@@ -2,6 +2,12 @@
 
 A small, opinionated build script for libraries that target both React Native and React web.
 
+Path-specific extensions are the only way to support ESM. Bundlers used to be flexible and configure this for you, but to conform to spec your import must specify the full file path now, and not leave out the extension. This is trouble for React Native which has platform file extensions.
+
+We wanted to build packages so we didn't have to deal with all this fuss. What it does, is builds out `.native` and `.web` versions of every file. It then does some transforms to each to support a wide variety of setups - Metro, Vite, modern Node, etc.
+
+The one limitation for now is it doesn't support .ios and .android platform-specifics at least for platform-specific imports. It does output non-specific versions for Metro/older node, so it'll work there.
+
 It has a few features that make it useful for "universal" libraries:
 
 - uses tsc to output declaration files to `./types`

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

@@ -1,6 +1,6 @@
 {
   "name": "tamagui-build-test-simple-tpackage",
-  "version": "1.123.0",
+  "version": "1.123.2",
   "main": "dist/cjs",
   "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.123.0",
+    "@tamagui/build": "1.123.2",
     "typescript": "^5.7.2"
   }
 }

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

@@ -1,6 +1,6 @@
 {
   "name": "tamagui-build-test-watch-package",
-  "version": "1.123.0",
+  "version": "1.123.2",
   "main": "dist/cjs",
   "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.123.0",
+    "@tamagui/build": "1.123.2",
     "typescript": "^5.7.2"
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/build",
-  "version": "1.123.0",
+  "version": "1.123.2",
   "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.123.0",
+    "@tamagui/babel-plugin-fully-specified": "1.123.2",
     "@types/fs-extra": "^9.0.13",
     "chokidar": "^3.5.2",
     "esbuild": "^0.24.2",

package/tamagui-build.js

@@ -659,14 +659,16 @@ async function esbuildWriteIfChanged(
     return
   }
 
-  const nativeFilesMap = Object.fromEntries(
-    built.outputFiles.flatMap((p) => {
-      if (p.path.includes('.native.js')) {
-        return [[p.path, true]]
-      }
-      return []
-    })
-  )
+  const nativeFilesMap = {}
+  const webFilesMap = {}
+
+  for (const p of built.outputFiles) {
+    if (p.path.includes('.native.js')) {
+      nativeFilesMap[p.path] = true
+    } else if (p.path.includes('.web.js')) {
+      webFilesMap[p.path] = true
+    }
+  }
 
   const cleanupNonMjsFiles = []
 
@@ -705,6 +707,7 @@ async function esbuildWriteIfChanged(
             if (extPlatform === 'web') {
               return
             }
+
             if (!extPlatform) {
               path = path.replace('.js', '.native.js')
             }
@@ -718,6 +721,15 @@ async function esbuildWriteIfChanged(
             ) {
               return
             }
+            if (extPlatform === 'web') {
+              // we move web to just .js
+              path = path.replace('.web.js', '.js')
+            }
+            const webSpecific = webFilesMap[path.replace('.js', '.web.js')]
+            if (!extPlatform && webSpecific) {
+              // swap into the non-web exntesion
+              return
+            }
           }
         }