@tamagui/build 1.143.0 → 2.0.0-1

package/.turbo/turbo-test.log

@@ -1,27 +1,27 @@
 
- RUN  v4.0.4 /Users/n8/tamagui/code/packages/build
+ RUN  v4.0.4 /Users/n8/tamagui2/code/packages/build
 
 stdout | __tests__/integration.test.ts > tamagui-build integration test > should rebuild the package on file change when --watch is used
-Watch process output: built tamagui-build-test-watch-package in 83 ms
+Watch process output: built tamagui-build-test-watch-package in 69 ms
 
 Initial build complete, modifying file...
 
 stdout | __tests__/integration.test.ts > tamagui-build integration test > should rebuild the package on file change when --watch is used
-Watch process output: built tamagui-build-test-watch-package in 360 ms
+Watch process output: built tamagui-build-test-watch-package in 329 ms
 
 Rebuild after file modification complete
 
- ✓ __tests__/integration.test.ts (7 tests) 7845ms
-     ✓ should build the package correctly  974ms
-     ✓ should bundle the package correctly  901ms
-     ✓ should skip mjs files when --skip-mjs is used  945ms
-     ✓ should ignore base URL when --ignore-base-url is used  946ms
-     ✓ should rebuild the package on file change when --watch is used  1131ms
-     ✓ should generate correct platform-specific output  965ms
-     ✓ should minify the output when MINIFY=true is set  1964ms
+ ✓ __tests__/integration.test.ts (7 tests) 7479ms
+     ✓ should build the package correctly  933ms
+     ✓ should bundle the package correctly  869ms
+     ✓ should skip mjs files when --skip-mjs is used  905ms
+     ✓ should ignore base URL when --ignore-base-url is used  907ms
+     ✓ should rebuild the package on file change when --watch is used  1060ms
+     ✓ should generate correct platform-specific output  920ms
+     ✓ should minify the output when MINIFY=true is set  1863ms
 
  Test Files  1 passed (1)
       Tests  7 passed (7)
-   Start at  12:33:54
-   Duration  7.96s (transform 40ms, setup 0ms, collect 45ms, tests 7.85s, environment 0ms, prepare 2ms)
+   Start at  22:05:45
+   Duration  7.59s (transform 36ms, setup 0ms, collect 42ms, tests 7.48s, environment 0ms, prepare 2ms)
 

package/README.md

@@ -2,24 +2,24 @@
 
 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.
+Path-specific extensions are the only way to support both ESM and CJS properly in modern Node and across all bundlers. Some bundlers used to be flexible and configure this for you, but we found this was the only way to achieve "no config" packages that target native and web. This is even more true as React Native is now supporting package.json exports with an experimental flag.
 
-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.
+We wanted to build packages so we didn't have to deal with all this fuss. `@tamagui/build` will build every input file out to both `.native` and `.web` output files to make this work. It then adds path-specific imports to the files that are reachable via package.json exports, but leaves plain `.js` files for older bundlers that don't support it (Metro without the experimental exports flag). It also does a few small re-writes to ensure everyting works without needing bundler configuration. This means it supports basically every possible setup - Metro in either mode, Vite, and older and newer Node versions.
 
-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:
+Some details on how it works:
 
 - uses tsc to output declaration files to `./types`
 - esbuild to output `dist/esm` and `dist/cjs` for ESModules and CommonJS
 - outputs `.js` and `.mjs` files in `dist/esm`
   - in `.mjs`, adds path-specific imports to non-specific imports
+- outputs both `.js` and `.cjs` files in `dist/cjs`:
+  - in `.cjs`, adds path-specific imports to non-specific imports
 - removes hanging imports that esbuild leaves (see `pkgRemoveSideEffects`)
 - outputs `.native.js` and regular `.js` files for all output files, so React Native always loads separate files from web. In the `native` specific files,
   - swc is sued to transform to es5
   - `process.env.TAMAGUI_TARGET` is defined `native` (otherwise `web`)
 - on non-native files:
-  - imports of `react-native` are transformed to `react-native-web`
+  - on web, imports of `react-native` are transformed to `react-native-web`
 
 It assumes your package.json looks something like this:
 
@@ -29,6 +29,7 @@ It assumes your package.json looks something like this:
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
+  "type": "module",
   "removeSideEffects": "true",
   "scripts": {
     "build": "tamagui-build",
@@ -38,11 +39,14 @@ It assumes your package.json looks something like this:
   "exports": {
     "./package.json": "./package.json",
     ".": {
-      "react-native-import": "./dist/esm/index.native.js",
-      "react-native": "./dist/cjs/index.native.js",
+      "react-native": {
+        "import": "./dist/esm/index.native.js",
+        "require": "./dist/cjs/index.native.js"
+      },
       "types": "./types/index.d.ts",
       "import": "./dist/esm/index.mjs",
-      "require": "./dist/cjs/index.js"
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/cjs/index.native.js"
     }
   },
   "devDependencies": {
@@ -70,6 +74,7 @@ It assumes your package.json looks something like this:
   - `--declaration-root` - sets tsc flag `--declarationDir ./`
   - `--ignore-base-url` - if not set, tsc is passed `--baseUrl .`
   - `--skip-mjs` - don't output mjs files
+  - `--skip-native` - don't output native files
 - `tamagui-build --watch` - watches for changes and does the above
 - `tamagui-build clean` - cleans dist, types, node_modules folders
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/build",
-  "version": "1.143.0",
+  "version": "2.0.0-001",
   "bin": {
     "tamagui-build": "tamagui-build.js",
     "teesx": "./teesx.sh"
@@ -14,7 +14,7 @@
   "dependencies": {
     "@babel/core": "^7.25.2",
     "@swc/core": "^1.14.0",
-    "@tamagui/babel-plugin-fully-specified": "1.143.0",
+    "@tamagui/babel-plugin-fully-specified": "2.0.0-001",
     "@types/fs-extra": "^9.0.13",
     "chokidar": "^3.5.2",
     "esbuild": "^0.25.11",