@tamagui/build 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/build",
-  "version": "1.88.13",
+  "version": "1.89.0-1706308641099",
   "bin": {
     "tamagui-build": "tamagui-build.js"
   },
@@ -12,12 +12,14 @@
     "access": "public"
   },
   "dependencies": {
+    "@babel/core": "^7.23.3",
     "@types/fs-extra": "^9.0.13",
+    "babel-plugin-fully-specified": "*",
     "chokidar": "^3.5.2",
     "esbuild": "^0.19.11",
     "execa": "^5.0.0",
     "fast-glob": "^3.2.11",
-    "fs-extra": "^11.1.0",
+    "fs-extra": "^11.2.0",
     "get-tsconfig": "^4.5.0",
     "lodash.debounce": "^4.0.8",
     "typescript": "^5.3.3"

package/tamagui-build.js

@@ -1,6 +1,7 @@
 #!/usr/bin/env node
 /* eslint-disable no-console */
 
+const { transform } = require('@babel/core')
 const exec = require('execa')
 const fs = require('fs-extra')
 const esbuild = require('esbuild')
@@ -49,12 +50,12 @@ const flatOut = [pkgMain, pkgModule, pkgModuleJSX].filter(Boolean).length === 1
 const replaceRNWeb = {
   esm: {
     from: 'from "react-native"',
-    to: 'from "react-native-web"'
+    to: 'from "react-native-web"',
   },
   cjs: {
     from: 'require("react-native")',
-    to: 'require("react-native-web")'
-  }
+    to: 'require("react-native-web")',
+  },
 }
 
 async function clean() {
@@ -93,12 +94,12 @@ if (shouldClean || shouldCleanBuildOnly) {
     process.env.DISABLE_AUTORUN = true
     const rebuild = debounce(build, 100)
     const chokidar = require('chokidar')
-  
+
     // do one js build but not types
     build({
       skipTypes: true,
     })
-  
+
     chokidar
       // prevent infinite loop but cause race condition if you just build directly
       .watch('src', {
@@ -110,7 +111,7 @@ if (shouldClean || shouldCleanBuildOnly) {
       .on('add', rebuild)
   } else {
     build()
-  }  
+  }
 }
 
 async function build({ skipTypes } = {}) {
@@ -314,10 +315,11 @@ async function buildJs() {
     pkgModule
       ? esbuildWriteIfChanged(esmConfig, {
           platform: 'web',
+          mjs: true,
         })
       : null,
 
-    // web output to esm
+    // native output to esm
     pkgModule
       ? esbuildWriteIfChanged(esmConfig, {
           platform: 'native',
@@ -341,6 +343,7 @@ async function buildJs() {
           },
           {
             platform: 'web',
+            mjs: true,
           }
         )
       : null,
@@ -378,7 +381,8 @@ async function buildJs() {
 async function esbuildWriteIfChanged(
   /** @type { import('esbuild').BuildOptions } */
   opts,
-  { platform, env } = {
+  { platform, env, mjs } = {
+    mjs: false,
     platform: '',
     env: '',
   }
@@ -393,12 +397,12 @@ async function esbuildWriteIfChanged(
     target: 'node16',
     format: 'cjs',
     supported: {
-      'logical-assignment': false
+      'logical-assignment': false,
     },
     jsx: 'automatic',
     platform: 'node',
   }
-  
+
   /** @type { import('esbuild').BuildOptions } */
   const webEsbuildSettings = {
     target: 'esnext',
@@ -412,7 +416,7 @@ async function esbuildWriteIfChanged(
       },
     },
   }
-  
+
   const built = await esbuild.build({
     ...opts,
 
@@ -445,8 +449,8 @@ async function esbuildWriteIfChanged(
     sourcemap: true,
     sourcesContent: false,
     logLevel: 'error',
-    ...platform === 'native' && nativeEsbuildSettings,
-    ...platform === 'web' && webEsbuildSettings,
+    ...(platform === 'native' && nativeEsbuildSettings),
+    ...(platform === 'web' && webEsbuildSettings),
     define: {
       ...(platform && {
         'process.env.TAMAGUI_TARGET': `"${platform}"`,
@@ -520,16 +524,43 @@ async function esbuildWriteIfChanged(
         outString = outString.replace(/\nimport "[^"]+";\n/g, '\n')
       }
 
-      if (shouldWatch) {
-        if (
-          !(await fs.pathExists(outPath)) ||
-          (await fs.readFile(outPath, 'utf8')) !== outString
-        ) {
-          await fs.writeFile(outPath, outString)
+      async function flush(contents, path) {
+        if (shouldWatch) {
+          if (
+            !(await fs.pathExists(path)) ||
+            (await fs.readFile(path, 'utf8')) !== contents
+          ) {
+            await fs.writeFile(path, contents)
+          }
+        } else {
+          await fs.writeFile(path, contents)
         }
-      } else {
-        await fs.writeFile(outPath, outString)
       }
+
+      await Promise.all([
+        flush(outString, outPath),
+        (async () => {
+          if (platform === 'web' && mjs && outPath.endsWith('.js')) {
+            const mjsOutPath = outPath.replace('.js', '.mjs')
+            const output = transform(outString, {
+              filename: mjsOutPath,
+              plugins: [
+                [
+                  'babel-plugin-fully-specified',
+                  {
+                    ensureFileExists: false,
+                    esExtensionDefault: '.mjs',
+                    tryExtensions: ['.mjs', '.js'],
+                    esExtensions: ['.mjs', '.js'],
+                  },
+                ],
+              ],
+            })
+            // output to mjs fully specified
+            await flush(output.code, mjsOutPath)
+          }
+        })(),
+      ])
     })
   )
 }