@tamagui/static 2.0.0-rc.3 → 2.0.0-rc.30

package/dist/extractor/bundleConfig.cjs

@@ -33,19 +33,24 @@ var bundleConfig_exports = {};
 __export(bundleConfig_exports, {
   bundleConfig: () => bundleConfig,
   esbuildOptions: () => esbuildOptions,
+  esbuildOptionsWithPlugins: () => esbuildOptionsWithPlugins,
   getBundledConfig: () => getBundledConfig,
   getLoadedConfig: () => getLoadedConfig,
   hasBundledConfigChanged: () => hasBundledConfigChanged,
   loadComponents: () => loadComponents,
   loadComponentsInner: () => loadComponentsInner,
+  loadComponentsInnerSync: () => loadComponentsInnerSync,
+  loadComponentsSync: () => loadComponentsSync,
   writeTamaguiCSS: () => writeTamaguiCSS
 });
 module.exports = __toCommonJS(bundleConfig_exports);
 var import_generator = __toESM(require("@babel/generator")),
   import_traverse = __toESM(require("@babel/traverse")),
   t = __toESM(require("@babel/types")),
+  import_node_crypto = require("node:crypto"),
   import_node_fs = require("node:fs"),
   import_node_path = require("node:path"),
+  import_node_url = require("node:url"),
   import_cli_color = require("@tamagui/cli-color"),
   import_esbuild = __toESM(require("esbuild")),
   FS = __toESM(require("fs-extra")),
@@ -54,19 +59,79 @@ var import_generator = __toESM(require("@babel/generator")),
   import_babelParse = require("./babelParse.cjs"),
   import_bundle = require("./bundle.cjs"),
   import_getTamaguiConfigPathFromOptionsConfig = require("./getTamaguiConfigPathFromOptionsConfig.cjs"),
-  import_requireTamaguiCore = require("../helpers/requireTamaguiCore.cjs");
+  import_requireTamaguiCore = require("../helpers/requireTamaguiCore.cjs"),
+  import_detectModuleFormat = require("./detectModuleFormat.cjs");
+const activeTempFiles = /* @__PURE__ */new Set();
+function getDynamicEvalOutfile(name, format, contents) {
+  const ext = format === "esm" ? "mjs" : "cjs",
+    hash = (0, import_node_crypto.createHash)("sha1").update(name).update("\0").update(format).update("\0").update(contents).digest("hex").slice(0, 10);
+  return (0, import_node_path.join)(process.cwd(), ".tamagui", `dynamic-eval-${hash}-${(0, import_node_path.basename)(name)}.${ext}`);
+}
+function getEsbuildStdinLoader(filePath) {
+  return filePath.endsWith(".tsx") ? "tsx" : filePath.endsWith(".ts") ? "ts" : filePath.endsWith(".jsx") ? "jsx" : "js";
+}
+function resolvePackageEntry(packageName, format) {
+  if (format === "cjs") return require.resolve(packageName);
+  const packageJsonPath = require.resolve(`${packageName}/package.json`),
+    packageJson = JSON.parse((0, import_node_fs.readFileSync)(packageJsonPath, "utf-8")),
+    packageRoot = (0, import_node_path.dirname)(packageJsonPath),
+    exportEntry = packageJson.exports?.["."],
+    esmEntry = exportEntry?.import || exportEntry?.module || exportEntry?.browser || packageJson.module;
+  return typeof esmEntry == "string" ? (0, import_node_path.join)(packageRoot, esmEntry) : require.resolve(packageName);
+}
+function cleanupTempFiles() {
+  for (const f of activeTempFiles) try {
+    (0, import_node_fs.unlinkSync)(f);
+  } catch {}
+  activeTempFiles.clear();
+}
+process.on("exit", cleanupTempFiles);
+process.on("SIGINT", () => {
+  cleanupTempFiles(), process.exit();
+});
+process.on("SIGTERM", () => {
+  cleanupTempFiles(), process.exit();
+});
 const external = ["@tamagui/core", "@tamagui/web", "react", "react-dom", "react-native-svg"],
   esbuildExtraOptions = {
     define: {
       __DEV__: `${process.env.NODE_ENV === "development"}`
     }
   },
-  esbuildOptions = {
-    target: "es2018",
+  handleEsmFeaturesPlugin = {
+    name: "handle-esm-features",
+    setup(build) {
+      const isCjs = build.initialOptions.format === "cjs" || !build.initialOptions.format;
+      build.onLoad({
+        filter: /\.(ts|tsx|js|jsx|mjs)$/
+      }, args => {
+        if (!isCjs || args.path.includes("node_modules") && !args.path.includes("@tamagui")) return null;
+        let contents = (0, import_node_fs.readFileSync)(args.path, "utf8"),
+          modified = !1;
+        return contents.includes("import.meta.env") && (contents = contents.replace(/import\.meta\.env/g, "process.env"), modified = !0), contents.includes("import.meta.url") && (contents = contents.replace(/import\.meta\.url/g, '""'), modified = !0), contents.includes("import.meta.main") && (contents = contents.replace(/import\.meta\.main/g, "false"), modified = !0), /^\s*(?:const|let|var|export)\s+[^=]*=\s*await\b/m.test(contents) || /^await\s/m.test(contents) ? (process.env.DEBUG?.startsWith("tamagui") && console.info(`[tamagui] stubbing file with top-level await: ${args.path}`), {
+          contents: `// stubbed - contains top-level await
+module.exports = {}`,
+          loader: "js"
+        }) : modified ? {
+          contents,
+          loader: args.path.endsWith(".tsx") ? "tsx" : args.path.endsWith(".ts") ? "ts" : args.path.endsWith(".jsx") ? "jsx" : "js"
+        } : null;
+      });
+    }
+  },
+  esbuildTransformOptions = {
+    target: "es2022",
     format: "cjs",
     jsx: "automatic",
     platform: "node",
     ...esbuildExtraOptions
+  },
+  esbuildOptions = {
+    ...esbuildTransformOptions
+  },
+  esbuildOptionsWithPlugins = {
+    ...esbuildTransformOptions,
+    plugins: [handleEsmFeaturesPlugin]
   };
 let currentBundle = null,
   isBundling = !1,
@@ -95,10 +160,30 @@ async function bundleConfig(props) {
     isBundling = !0;
     const configEntry = props.config ? (0, import_getTamaguiConfigPathFromOptionsConfig.getTamaguiConfigPathFromOptionsConfig)(props.config) : "",
       tmpDir = (0, import_node_path.join)(process.cwd(), ".tamagui"),
-      configOutPath = (0, import_node_path.join)(tmpDir, "tamagui.config.cjs"),
+      configFormat = configEntry ? (0, import_detectModuleFormat.detectModuleFormat)(configEntry) : "cjs",
+      configOutPath = (0, import_node_path.join)(tmpDir, `tamagui.config${configFormat === "esm" ? ".mjs" : ".cjs"}`),
       baseComponents = (props.components || []).filter(x => x !== "@tamagui/core"),
-      componentOutPaths = baseComponents.map(componentModule => (0, import_node_path.join)(tmpDir, `${componentModule.split(import_node_path.sep).join("-").replace(/[^a-z0-9]+/gi, "")}-components.config.cjs`));
-    if (process.env.NODE_ENV === "development" && process.env.DEBUG?.startsWith("tamagui") && console.info("Building config entry", configEntry), !props.disableInitialBuild) {
+      componentFormats = baseComponents.map(mod => {
+        try {
+          const pkgJson = require.resolve(mod + "/package.json");
+          return JSON.parse((0, import_node_fs.readFileSync)(pkgJson, "utf-8")).type === "module" ? "esm" : "cjs";
+        } catch {
+          return "cjs";
+        }
+      }),
+      componentOutPaths = baseComponents.map((componentModule, i) => {
+        const ext = componentFormats[i] === "esm" ? ".mjs" : ".cjs";
+        return (0, import_node_path.join)(tmpDir, `${componentModule.split(import_node_path.sep).join("-").replace(/[^a-z0-9]+/gi, "")}-components.config${ext}`);
+      });
+    process.env.NODE_ENV === "development" && process.env.DEBUG?.startsWith("tamagui") && console.info("Building config entry", configEntry);
+    let shouldBuild = !props.disableInitialBuild;
+    if (shouldBuild && props.config) {
+      const allOutFiles = [configOutPath, ...componentOutPaths];
+      try {
+        (await Promise.all(allOutFiles.map(f => FS.stat(f).catch(() => null)))).every(s => s !== null && Date.now() - s.mtimeMs < 3e3) && (shouldBuild = !1);
+      } catch {}
+    }
+    if (shouldBuild) {
       try {
         await FS.ensureDir(tmpDir);
       } catch {}
@@ -107,14 +192,16 @@ async function bundleConfig(props) {
         entryPoints: [configEntry],
         external,
         outfile: configOutPath,
-        target: "node20",
+        target: "node24",
+        format: configFormat,
         ...esbuildExtraOptions
       }, props.platform || "web") : null, ...baseComponents.map((componentModule, i) => (0, import_bundle.esbundleTamaguiConfig)({
         entryPoints: [componentModule],
         resolvePlatformSpecificEntries: !0,
         external,
         outfile: componentOutPaths[i],
-        target: "node20",
+        target: "node24",
+        format: componentFormats[i],
         ...esbuildExtraOptions
       }, props.platform || "web"))]), !hasLoggedBuild && !props._skipBuildLog && (hasLoggedBuild = !0, (0, import_cli_color.colorLog)(import_cli_color.Color.FgYellow, `
   \u27A1 [tamagui] built config, components, prompt (${Date.now() - start}ms)`), process.env.DEBUG?.startsWith("tamagui") && (0, import_cli_color.colorLog)(import_cli_color.Color.Dim, `
@@ -123,18 +210,19 @@ async function bundleConfig(props) {
              `)}
           `));
     }
+    if (hasBundledOnce) {
+      try {
+        delete require.cache[require.resolve(configOutPath)];
+      } catch {}
+      for (const p of componentOutPaths) try {
+        delete require.cache[require.resolve(p)];
+      } catch {}
+    } else hasBundledOnce = !0;
     let out;
-    const {
-      unregister
-    } = (0, import_registerRequire.registerRequire)(props.platform || "web");
-    try {
-      if (hasBundledOnce) for (const key in require.cache) /(core|web)[/\\]dist/.test(key) || delete require.cache[key];else hasBundledOnce = !0;
-      out = require(configOutPath);
-    } finally {
-      unregister();
-    }
+    configFormat === "esm" ? out = await import((0, import_node_url.pathToFileURL)(configOutPath).href) : out = require(configOutPath);
     let config = out.default || out || out.config;
     if (config && config.config && !config.tokens && (config = config.config), !config) throw new Error(`No config: ${config}`);
+    if (config._isProxyWorm) throw new Error("Got a proxied config - likely a module loading error. Set DEBUG=tamagui for details.");
     if (loadedConfig = config, !config.parsed) {
       const {
         createTamagui
@@ -142,7 +230,7 @@ async function bundleConfig(props) {
       config = createTamagui(config);
     }
     props.outputCSS && (await writeTamaguiCSS(props.outputCSS, config));
-    let components = loadComponents({
+    let components = await loadComponents({
       ...props,
       components: componentOutPaths
     });
@@ -173,13 +261,18 @@ async function writeTamaguiCSS(outputCSS, config) {
     console.info("Error writing themes", err);
   }
 }
-function loadComponents(props, forceExports = !1) {
-  const coreComponents = getCoreComponents(props),
-    otherComponents = loadComponentsInner(props, forceExports);
+async function loadComponents(props, forceExports = !1) {
+  const coreComponents = getCoreComponentsSync(props),
+    otherComponents = await loadComponentsInner(props, forceExports);
   return [...coreComponents, ...(otherComponents || [])];
 }
-function getCoreComponents(props) {
-  const loaded = loadComponentsInner({
+function loadComponentsSync(props, forceExports = !1) {
+  const coreComponents = getCoreComponentsSync(props),
+    otherComponents = loadComponentsInnerSync(props, forceExports);
+  return [...coreComponents, ...(otherComponents || [])];
+}
+function getCoreComponentsSync(props) {
+  const loaded = loadComponentsInnerSync({
     ...props,
     components: ["@tamagui/core"]
   });
@@ -189,9 +282,95 @@ function getCoreComponents(props) {
     moduleName: "@tamagui/core"
   }];
 }
-function loadComponentsInner(props, forceExports = !1) {
+async function loadComponentsInner(props, forceExports = !1) {
   const componentsModules = props.components || [],
-    key = componentsModules.join("");
+    key = componentsModules.join("\0");
+  if (!forceExports && cacheComponents[key]) return cacheComponents[key];
+  const {
+    unregister
+  } = (0, import_registerRequire.registerRequire)(props.platform || "web", {
+    proxyWormImports: forceExports
+  });
+  try {
+    const results = [];
+    for (const name of componentsModules) {
+      const isLocal = !!(0, import_node_path.extname)(name),
+        isDynamic = isLocal && forceExports,
+        format = isLocal ? (0, import_detectModuleFormat.detectModuleFormat)(name) : "cjs",
+        fileContents = isDynamic ? (0, import_node_fs.readFileSync)(name, "utf-8") : "";
+      let loadModule = name,
+        writtenContents = fileContents,
+        didBabel = !1;
+      const attemptLoad = async ({
+          forceExports: forceExports2 = !1
+        } = {}) => {
+          isDynamic && (writtenContents = forceExports2 ? transformAddExports((0, import_babelParse.babelParse)(esbuildit(fileContents, "modern"), name)) : fileContents, loadModule = getDynamicEvalOutfile(name, format, writtenContents), FS.ensureDirSync((0, import_node_path.dirname)(loadModule)), activeTempFiles.add(loadModule), await import_esbuild.default.build({
+            ...esbuildOptionsWithPlugins,
+            format,
+            outfile: loadModule,
+            stdin: {
+              contents: writtenContents,
+              resolveDir: (0, import_node_path.dirname)(name),
+              sourcefile: name,
+              loader: getEsbuildStdinLoader(name)
+            },
+            alias: {
+              "react-native": resolvePackageEntry("@tamagui/react-native-web-lite", format),
+              "@tamagui/react-native-web-lite": resolvePackageEntry("@tamagui/react-native-web-lite", format),
+              "@tamagui/react-native-web-internals": resolvePackageEntry("@tamagui/react-native-web-internals", format)
+            },
+            bundle: !0,
+            packages: "external",
+            allowOverwrite: !0,
+            sourcemap: !1,
+            loader: import_bundle.esbuildLoaderConfig
+          })), process.env.DEBUG === "tamagui" && console.info("loadModule", loadModule, format);
+          let moduleResult;
+          format === "esm" ? moduleResult = await import((0, import_node_url.pathToFileURL)(loadModule).href) : moduleResult = require(loadModule), forceExports2 || (0, import_registerRequire.setRequireResult)(name, moduleResult);
+          const nameToInfo = getComponentStaticConfigByName(name, interopDefaultExport(moduleResult));
+          return {
+            moduleName: name,
+            nameToInfo
+          };
+        },
+        dispose = () => {
+          isDynamic && (FS.removeSync(loadModule), activeTempFiles.delete(loadModule));
+        };
+      let loaded;
+      try {
+        loaded = await attemptLoad({
+          forceExports: !0
+        }), didBabel = !0;
+      } catch (err) {
+        console.info("babel err", err, writtenContents), writtenContents = fileContents, process.env.DEBUG?.startsWith("tamagui") && console.info("Error parsing babel likely", err);
+        try {
+          loaded = await attemptLoad({
+            forceExports: !1
+          });
+        } catch (err2) {
+          process.env.TAMAGUI_ENABLE_WARN_DYNAMIC_LOAD && (console.info(`
+Tamagui attempted but failed to dynamically optimize components in:
+  ${name}
+`), console.info(err2), console.info(`At: ${loadModule}`, `
+didBabel: ${didBabel}`, `
+In:`, writtenContents, `
+isDynamic: `, isDynamic)), loaded = [];
+        }
+      } finally {
+        dispose();
+      }
+      Array.isArray(loaded) ? results.push(...loaded) : loaded && results.push(loaded);
+    }
+    return cacheComponents[key] = results, results;
+  } catch (err) {
+    return console.info("Tamagui error bundling components", err.message, err.stack), null;
+  } finally {
+    unregister();
+  }
+}
+function loadComponentsInnerSync(props, forceExports = !1) {
+  const componentsModules = props.components || [],
+    key = componentsModules.join("\0");
   if (!forceExports && cacheComponents[key]) return cacheComponents[key];
   const {
     unregister
@@ -201,24 +380,30 @@ function loadComponentsInner(props, forceExports = !1) {
   try {
     const info = componentsModules.flatMap(name => {
       const isDynamic = !!(0, import_node_path.extname)(name) && forceExports,
-        fileContents = isDynamic ? (0, import_node_fs.readFileSync)(name, "utf-8") : "",
-        loadModule = isDynamic ? (0, import_node_path.join)((0, import_node_path.dirname)(name), `.tamagui-dynamic-eval-${(0, import_node_path.basename)(name)}.tsx`) : name;
-      let writtenContents = fileContents,
+        fileContents = isDynamic ? (0, import_node_fs.readFileSync)(name, "utf-8") : "";
+      let loadModule = name,
+        writtenContents = fileContents,
         didBabel = !1;
       function attemptLoad({
         forceExports: forceExports2 = !1
       } = {}) {
-        isDynamic && (writtenContents = forceExports2 ? transformAddExports((0, import_babelParse.babelParse)(esbuildit(fileContents, "modern"), name)) : fileContents, FS.writeFileSync(loadModule, writtenContents), import_esbuild.default.buildSync({
+        isDynamic && (writtenContents = forceExports2 ? transformAddExports((0, import_babelParse.babelParse)(esbuildit(fileContents, "modern"), name)) : fileContents, loadModule = getDynamicEvalOutfile(name, "cjs", writtenContents), FS.ensureDirSync((0, import_node_path.dirname)(loadModule)), activeTempFiles.add(loadModule), import_esbuild.default.buildSync({
           ...esbuildOptions,
-          entryPoints: [loadModule],
           outfile: loadModule,
+          stdin: {
+            contents: writtenContents,
+            resolveDir: (0, import_node_path.dirname)(name),
+            sourcefile: name,
+            loader: getEsbuildStdinLoader(name)
+          },
           alias: {
-            "react-native": require.resolve("@tamagui/react-native-web-lite")
+            "react-native": resolvePackageEntry("@tamagui/react-native-web-lite", "esm"),
+            "@tamagui/react-native-web-lite": resolvePackageEntry("@tamagui/react-native-web-lite", "esm"),
+            "@tamagui/react-native-web-internals": resolvePackageEntry("@tamagui/react-native-web-internals", "esm")
           },
           bundle: !0,
           packages: "external",
           allowOverwrite: !0,
-          // logLevel: 'silent',
           sourcemap: !1,
           loader: import_bundle.esbuildLoaderConfig
         })), process.env.DEBUG === "tamagui" && console.info("loadModule", loadModule, require.resolve(loadModule));
@@ -231,7 +416,7 @@ function loadComponentsInner(props, forceExports = !1) {
         };
       }
       const dispose = () => {
-        isDynamic && FS.removeSync(loadModule);
+        isDynamic && (FS.removeSync(loadModule), activeTempFiles.delete(loadModule));
       };
       try {
         const res = attemptLoad({
@@ -249,7 +434,6 @@ function loadComponentsInner(props, forceExports = !1) {
         });
       } catch (err) {
         return process.env.TAMAGUI_ENABLE_WARN_DYNAMIC_LOAD && (console.info(`
-
 Tamagui attempted but failed to dynamically optimize components in:
   ${name}
 `), console.info(err), console.info(`At: ${loadModule}`, `
@@ -268,7 +452,7 @@ isDynamic: `, isDynamic)), [];
   }
 }
 const esbuildit = (src, target) => import_esbuild.default.transformSync(src, {
-  ...esbuildOptions,
+  ...esbuildTransformOptions,
   ...(target === "modern" && {
     target: "es2022",
     jsx: "automatic",