@tamagui/static 1.14.9 → 1.15.0

package/dist/esm/extractor/bundleConfig.js

@@ -0,0 +1,307 @@
+import { readFileSync } from "fs";
+import path, { basename, dirname, extname, join, relative, sep } from "path";
+import generate from "@babel/generator";
+import traverse from "@babel/traverse";
+import * as t from "@babel/types";
+import { Color, colorLog } from "@tamagui/cli-color";
+import esbuild from "esbuild";
+import { ensureDir, removeSync, writeFileSync } from "fs-extra";
+import { babelParse } from "./babelParse.js";
+import { bundle } from "./bundle.js";
+let loggedOutputInfo = false;
+const external = [
+  "@tamagui/core",
+  "@tamagui/web",
+  "@tamagui/core-node",
+  "react",
+  "react-dom",
+  "react-native-svg"
+];
+const esbuildOptions = {
+  loader: "tsx",
+  target: "es2018",
+  format: "cjs",
+  jsx: "transform",
+  platform: "node"
+};
+async function bundleConfig(props) {
+  var _a, _b;
+  const configEntry = props.config ? join(process.cwd(), props.config) : "";
+  const tmpDir = join(process.cwd(), ".tamagui");
+  const configOutPath = join(tmpDir, `tamagui.config.cjs`);
+  const baseComponents = props.components.filter((x) => x !== "@tamagui/core");
+  const componentOutPaths = baseComponents.map(
+    (componentModule) => join(
+      tmpDir,
+      `${componentModule.split(sep).join("-").replace(/[^a-z0-9]+/gi, "")}-components.config.cjs`
+    )
+  );
+  if (process.env.NODE_ENV === "development" && ((_a = process.env.DEBUG) == null ? void 0 : _a.startsWith("tamagui"))) {
+    console.log(`Building config entry`, configEntry);
+  }
+  try {
+    await ensureDir(tmpDir);
+  } catch {
+  }
+  if (!loggedOutputInfo) {
+    loggedOutputInfo = true;
+    colorLog(
+      Color.FgYellow,
+      `
+      Tamagui built config and components:`
+    );
+    colorLog(
+      Color.Dim,
+      `
+        Config     .${sep}${relative(process.cwd(), configOutPath)}
+        Components ${[
+        ...componentOutPaths.map((p) => `.${sep}${relative(process.cwd(), p)}`)
+      ].join("\n             ")}
+        `
+    );
+  }
+  await Promise.all([
+    props.config ? bundle({
+      entryPoints: [configEntry],
+      external,
+      outfile: configOutPath
+    }) : null,
+    ...baseComponents.map((componentModule, i) => {
+      return bundle({
+        entryPoints: [componentModule],
+        resolvePlatformSpecificEntries: true,
+        external,
+        outfile: componentOutPaths[i]
+      });
+    })
+  ]);
+  delete require.cache[path.resolve(configOutPath)];
+  const out = require(configOutPath);
+  const config = out.default || out;
+  if (!config) {
+    throw new Error(`No config: ${config}`);
+  }
+  let components = loadComponents({
+    ...props,
+    components: componentOutPaths
+  });
+  if (!components) {
+    throw new Error(`No components found: ${componentOutPaths.join(", ")}`);
+  }
+  for (const component of components) {
+    component.moduleName = baseComponents[componentOutPaths.indexOf(component.moduleName)];
+  }
+  const coreComponents = loadComponents({
+    ...props,
+    components: ["@tamagui/core-node"]
+  });
+  if (coreComponents) {
+    coreComponents[0].moduleName = "@tamagui/core";
+    components = [...components, ...coreComponents];
+  }
+  if (process.env.NODE_ENV === "development" && ((_b = process.env.DEBUG) == null ? void 0 : _b.startsWith("tamagui"))) {
+    console.log("Loaded components", components);
+  }
+  return {
+    components,
+    nameToPaths: {},
+    tamaguiConfig: config
+  };
+}
+function loadComponents(props) {
+  const componentsModules = props.components;
+  const key = componentsModules.join("");
+  if (cacheComponents[key]) {
+    return cacheComponents[key];
+  }
+  try {
+    const info = componentsModules.flatMap((name) => {
+      var _a;
+      const extension = extname(name);
+      const isLocal = Boolean(extension);
+      const isDynamic = isLocal && !props.config;
+      if (isDynamic && !process.env.TAMAGUI_ENABLE_DYNAMIC_LOAD) {
+        return [];
+      }
+      const fileContents = isDynamic ? readFileSync(name, "utf-8") : "";
+      const loadModule = isDynamic ? join(dirname(name), `.tamagui-dynamic-eval-${basename(name)}.tsx`) : name;
+      let writtenContents = fileContents;
+      let didBabel = false;
+      function attemptLoad({ forceExports = false } = {}) {
+        if (isDynamic) {
+          writtenContents = forceExports ? esbuildit(
+            transformAddExports(babelParse(esbuildit(fileContents, "modern")))
+          ) : esbuildit(fileContents);
+          writeFileSync(loadModule, writtenContents);
+        }
+        if (process.env.DEBUG === "tamagui") {
+          console.log(`loadModule`, loadModule, require.resolve(loadModule));
+        }
+        return {
+          moduleName: name,
+          nameToInfo: getComponentStaticConfigByName(
+            name,
+            interopDefaultExport(require(loadModule))
+          )
+        };
+      }
+      const dispose = () => {
+        isDynamic && removeSync(loadModule);
+      };
+      try {
+        const res = attemptLoad({
+          forceExports: true
+        });
+        didBabel = true;
+        return res;
+      } catch (err) {
+        console.log("babel err", err, writtenContents);
+        writtenContents = fileContents;
+        if ((_a = process.env.DEBUG) == null ? void 0 : _a.startsWith("tamagui")) {
+          console.log(`Error parsing babel likely`, err);
+        }
+      } finally {
+        dispose();
+      }
+      try {
+        return attemptLoad({
+          forceExports: false
+        });
+      } catch (err) {
+        if (!process.env.TAMAGUI_DISABLE_WARN_DYNAMIC_LOAD) {
+          console.log(`
+
+Tamagui attempted but failed to dynamically load components in:
+  ${name}
+
+This will leave some styled() tags unoptimized.
+Disable this file (or dynamic loading altogether):
+
+  disableExtractFoundComponents: ['${name}'] | true
+
+Quiet this warning with environment variable:
+      
+  TAMAGUI_DISABLE_WARN_DYNAMIC_LOAD=1
+
+`);
+          console.log(err);
+          console.log(
+            `At: ${loadModule}`,
+            `
+didBabel: ${didBabel}`,
+            `
+In:`,
+            writtenContents,
+            `
+isDynamic: `,
+            isDynamic
+          );
+        }
+        return [];
+      } finally {
+        dispose();
+      }
+    });
+    cacheComponents[key] = info;
+    return info;
+  } catch (err) {
+    console.log(`Tamagui error bundling components`, err.message, err.stack);
+    return null;
+  }
+}
+const esbuildit = (src, target) => {
+  return esbuild.transformSync(src, {
+    ...esbuildOptions,
+    ...target === "modern" && {
+      target: "es2022",
+      jsx: "transform",
+      loader: "tsx",
+      platform: "neutral",
+      format: "esm"
+    }
+  }).code;
+};
+function getComponentStaticConfigByName(name, exported) {
+  const components = {};
+  try {
+    if (!exported || typeof exported !== "object" || Array.isArray(exported)) {
+      throw new Error(`Invalid export from package ${name}: ${typeof exported}`);
+    }
+    for (const key in exported) {
+      const found = getTamaguiComponent(key, exported[key]);
+      if (found) {
+        const { Component, ...sc } = found.staticConfig;
+        components[key] = { staticConfig: sc };
+      }
+    }
+  } catch (err) {
+    if (process.env.TAMAGUI_DISABLE_WARN_DYNAMIC_LOAD !== "1") {
+      console.error(
+        `Tamagui failed getting from ${name} (Disable error by setting environment variable TAMAGUI_DISABLE_WARN_DYNAMIC_LOAD=1)`
+      );
+      console.error(err);
+    }
+  }
+  return components;
+}
+function getTamaguiComponent(name, Component) {
+  if (name[0].toUpperCase() !== name[0]) {
+    return;
+  }
+  const staticConfig = Component == null ? void 0 : Component.staticConfig;
+  if (staticConfig) {
+    return Component;
+  }
+}
+function interopDefaultExport(mod) {
+  return (mod == null ? void 0 : mod.default) ?? mod;
+}
+const cacheComponents = {};
+function transformAddExports(ast) {
+  const usedNames = /* @__PURE__ */ new Set();
+  traverse(ast, {
+    ExportNamedDeclaration(nodePath) {
+      if (nodePath.node.specifiers) {
+        for (const spec of nodePath.node.specifiers) {
+          usedNames.add(
+            t.isIdentifier(spec.exported) ? spec.exported.name : spec.exported.value
+          );
+        }
+      }
+    }
+  });
+  traverse(ast, {
+    VariableDeclaration(nodePath) {
+      if (!t.isProgram(nodePath.parent))
+        return;
+      const decs = nodePath.node.declarations;
+      if (decs.length > 1)
+        return;
+      const [dec] = decs;
+      if (!t.isIdentifier(dec.id))
+        return;
+      if (!dec.init)
+        return;
+      if (usedNames.has(dec.id.name))
+        return;
+      usedNames.add(dec.id.name);
+      nodePath.replaceWith(
+        t.exportNamedDeclaration(t.variableDeclaration("let", [dec]), [
+          t.exportSpecifier(t.identifier(dec.id.name), t.identifier(dec.id.name))
+        ])
+      );
+    }
+  });
+  return generate(ast, {
+    concise: false,
+    filename: "test.tsx",
+    retainLines: false,
+    sourceMaps: false
+  }).code;
+}
+export {
+  bundleConfig,
+  esbuildOptions,
+  loadComponents
+};
+//# sourceMappingURL=bundleConfig.js.map

package/dist/esm/extractor/bundleConfig.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/extractor/bundleConfig.ts"],
+  "sourcesContent": ["import { readFileSync } from 'fs'\nimport path, { basename, dirname, extname, join, relative, sep } from 'path'\n\nimport generate from '@babel/generator'\nimport traverse from '@babel/traverse'\nimport * as t from '@babel/types'\nimport { Color, colorLog } from '@tamagui/cli-color'\nimport type { StaticConfigParsed, TamaguiInternalConfig } from '@tamagui/web'\nimport esbuild from 'esbuild'\nimport { ensureDir, removeSync, writeFileSync } from 'fs-extra'\n\nimport { babelParse } from './babelParse.js'\nimport { bundle } from './bundle.js'\n\nlet loggedOutputInfo = false\n\ntype NameToPaths = {\n  [key: string]: Set<string>\n}\n\nexport type LoadedComponents = {\n  moduleName: string\n  nameToInfo: Record<\n    string,\n    {\n      staticConfig: StaticConfigParsed\n    }\n  >\n}\n\nexport type TamaguiProjectInfo = {\n  components: LoadedComponents[]\n  tamaguiConfig: TamaguiInternalConfig\n  nameToPaths: NameToPaths\n}\n\nexport type Props = {\n  components: string[]\n  config?: string\n  forceExports?: boolean\n}\n\nconst external = [\n  '@tamagui/core',\n  '@tamagui/web',\n  '@tamagui/core-node',\n  'react',\n  'react-dom',\n  'react-native-svg',\n]\n\nexport const esbuildOptions = {\n  loader: 'tsx',\n  target: 'es2018',\n  format: 'cjs',\n  jsx: 'transform',\n  platform: 'node',\n} as const\n\nexport async function bundleConfig(props: Props) {\n  const configEntry = props.config ? join(process.cwd(), props.config) : ''\n  const tmpDir = join(process.cwd(), '.tamagui')\n  const configOutPath = join(tmpDir, `tamagui.config.cjs`)\n  const baseComponents = props.components.filter((x) => x !== '@tamagui/core')\n  const componentOutPaths = baseComponents.map((componentModule) =>\n    join(\n      tmpDir,\n      `${componentModule\n        .split(sep)\n        .join('-')\n        .replace(/[^a-z0-9]+/gi, '')}-components.config.cjs`\n    )\n  )\n\n  if (\n    process.env.NODE_ENV === 'development' &&\n    process.env.DEBUG?.startsWith('tamagui')\n  ) {\n    console.log(`Building config entry`, configEntry)\n  }\n\n  // build them to node-compat versions\n  try {\n    await ensureDir(tmpDir)\n  } catch {\n    //\n  }\n\n  if (!loggedOutputInfo) {\n    loggedOutputInfo = true\n    colorLog(\n      Color.FgYellow,\n      `\n      Tamagui built config and components:`\n    )\n    colorLog(\n      Color.Dim,\n      `\n        Config     .${sep}${relative(process.cwd(), configOutPath)}\n        Components ${[\n          ...componentOutPaths.map((p) => `.${sep}${relative(process.cwd(), p)}`),\n        ].join('\\n             ')}\n        `\n    )\n  }\n\n  await Promise.all([\n    props.config\n      ? bundle({\n          entryPoints: [configEntry],\n          external,\n          outfile: configOutPath,\n        })\n      : null,\n    ...baseComponents.map((componentModule, i) => {\n      return bundle({\n        entryPoints: [componentModule],\n        resolvePlatformSpecificEntries: true,\n        external,\n        outfile: componentOutPaths[i],\n      })\n    }),\n  ])\n\n  // get around node.js's module cache to get the new config...\n  delete require.cache[path.resolve(configOutPath)]\n  const out = require(configOutPath)\n  const config = out.default || out\n  if (!config) {\n    throw new Error(`No config: ${config}`)\n  }\n\n  let components = loadComponents({\n    ...props,\n    components: componentOutPaths,\n  })\n\n  if (!components) {\n    throw new Error(`No components found: ${componentOutPaths.join(', ')}`)\n  }\n\n  // map from built back to original module names\n  for (const component of components) {\n    component.moduleName = baseComponents[componentOutPaths.indexOf(component.moduleName)]\n\n    // if (!component.moduleName) {\n    //   throw new Error(`Tamagui internal err`)\n    // }\n  }\n\n  // always load core so we can optimize if directly importing\n  const coreComponents = loadComponents({\n    ...props,\n    components: ['@tamagui/core-node'],\n  })\n  if (coreComponents) {\n    coreComponents[0].moduleName = '@tamagui/core'\n    components = [...components, ...coreComponents]\n  }\n\n  if (\n    process.env.NODE_ENV === 'development' &&\n    process.env.DEBUG?.startsWith('tamagui')\n  ) {\n    console.log('Loaded components', components)\n  }\n  return {\n    components,\n    nameToPaths: {},\n    tamaguiConfig: config,\n  }\n}\n\nexport function loadComponents(props: Props): null | LoadedComponents[] {\n  const componentsModules = props.components\n  const key = componentsModules.join('')\n  if (cacheComponents[key]) {\n    return cacheComponents[key]\n  }\n  try {\n    const info: LoadedComponents[] = componentsModules.flatMap((name) => {\n      const extension = extname(name)\n      const isLocal = Boolean(extension)\n      // during props.config pass we are passing in pre-bundled stuff\n      const isDynamic = isLocal && !props.config\n\n      if (isDynamic && !process.env.TAMAGUI_ENABLE_DYNAMIC_LOAD) {\n        return []\n      }\n\n      const fileContents = isDynamic ? readFileSync(name, 'utf-8') : ''\n      const loadModule = isDynamic\n        ? join(dirname(name), `.tamagui-dynamic-eval-${basename(name)}.tsx`)\n        : name\n      let writtenContents = fileContents\n      let didBabel = false\n\n      function attemptLoad({ forceExports = false } = {}) {\n        // need to write to tsx to enable reading it properly (:/ esbuild-register)\n        if (isDynamic) {\n          writtenContents = forceExports\n            ? esbuildit(\n                transformAddExports(babelParse(esbuildit(fileContents, 'modern')))\n              )\n            : esbuildit(fileContents)\n\n          writeFileSync(loadModule, writtenContents)\n        }\n\n        if (process.env.DEBUG === 'tamagui') {\n          console.log(`loadModule`, loadModule, require.resolve(loadModule))\n        }\n\n        return {\n          moduleName: name,\n          nameToInfo: getComponentStaticConfigByName(\n            name,\n            interopDefaultExport(require(loadModule))\n          ),\n        }\n      }\n\n      const dispose = () => {\n        isDynamic && removeSync(loadModule)\n      }\n\n      try {\n        const res = attemptLoad({\n          forceExports: true,\n        })\n        didBabel = true\n        return res\n      } catch (err) {\n        console.log('babel err', err, writtenContents)\n        // ok\n        writtenContents = fileContents\n        if (process.env.DEBUG?.startsWith('tamagui')) {\n          console.log(`Error parsing babel likely`, err)\n        }\n      } finally {\n        dispose()\n      }\n\n      try {\n        return attemptLoad({\n          forceExports: false,\n        })\n      } catch (err) {\n        if (!process.env.TAMAGUI_DISABLE_WARN_DYNAMIC_LOAD) {\n          console.log(`\n\nTamagui attempted but failed to dynamically load components in:\n  ${name}\n\nThis will leave some styled() tags unoptimized.\nDisable this file (or dynamic loading altogether):\n\n  disableExtractFoundComponents: ['${name}'] | true\n\nQuiet this warning with environment variable:\n      \n  TAMAGUI_DISABLE_WARN_DYNAMIC_LOAD=1\n\n`)\n          console.log(err)\n          console.log(\n            `At: ${loadModule}`,\n            `\\ndidBabel: ${didBabel}`,\n            `\\nIn:`,\n            writtenContents,\n            `\\nisDynamic: `,\n            isDynamic\n          )\n        }\n        return []\n      } finally {\n        dispose()\n      }\n    })\n    cacheComponents[key] = info\n    return info\n  } catch (err: any) {\n    console.log(`Tamagui error bundling components`, err.message, err.stack)\n    return null\n  }\n}\n\nconst esbuildit = (src: string, target?: 'modern') => {\n  return esbuild.transformSync(src, {\n    ...esbuildOptions,\n    ...(target === 'modern' && {\n      target: 'es2022',\n      jsx: 'transform',\n      loader: 'tsx',\n      platform: 'neutral',\n      format: 'esm',\n    }),\n  }).code\n}\n\nfunction getComponentStaticConfigByName(name: string, exported: any) {\n  const components: Record<string, { staticConfig: StaticConfigParsed }> = {}\n  try {\n    if (!exported || typeof exported !== 'object' || Array.isArray(exported)) {\n      throw new Error(`Invalid export from package ${name}: ${typeof exported}`)\n    }\n    for (const key in exported) {\n      const found = getTamaguiComponent(key, exported[key])\n      if (found) {\n        // remove non-stringifyable\n        const { Component, ...sc } = found.staticConfig\n        components[key] = { staticConfig: sc }\n      }\n    }\n  } catch (err) {\n    if (process.env.TAMAGUI_DISABLE_WARN_DYNAMIC_LOAD !== '1') {\n      console.error(\n        `Tamagui failed getting from ${name} (Disable error by setting environment variable TAMAGUI_DISABLE_WARN_DYNAMIC_LOAD=1)`\n      )\n      console.error(err)\n    }\n  }\n  return components\n}\n\nfunction getTamaguiComponent(\n  name: string,\n  Component: any\n): undefined | { staticConfig: StaticConfigParsed } {\n  if (name[0].toUpperCase() !== name[0]) {\n    return\n  }\n  const staticConfig = Component?.staticConfig as StaticConfigParsed | undefined\n  if (staticConfig) {\n    return Component\n  }\n}\n\nfunction interopDefaultExport(mod: any) {\n  return mod?.default ?? mod\n}\n\nconst cacheComponents: Record<string, LoadedComponents[]> = {}\n\nfunction transformAddExports(ast: t.File) {\n  const usedNames = new Set<string>()\n\n  // avoid clobbering\n  // @ts-ignore\n  traverse(ast, {\n    ExportNamedDeclaration(nodePath) {\n      if (nodePath.node.specifiers) {\n        for (const spec of nodePath.node.specifiers) {\n          usedNames.add(\n            t.isIdentifier(spec.exported) ? spec.exported.name : spec.exported.value\n          )\n        }\n      }\n    },\n  })\n\n  // @ts-ignore\n  traverse(ast, {\n    VariableDeclaration(nodePath) {\n      // top level only\n      if (!t.isProgram(nodePath.parent)) return\n      const decs = nodePath.node.declarations\n      if (decs.length > 1) return\n      const [dec] = decs\n      if (!t.isIdentifier(dec.id)) return\n      if (!dec.init) return\n      if (usedNames.has(dec.id.name)) return\n      usedNames.add(dec.id.name)\n      nodePath.replaceWith(\n        t.exportNamedDeclaration(t.variableDeclaration('let', [dec]), [\n          t.exportSpecifier(t.identifier(dec.id.name), t.identifier(dec.id.name)),\n        ])\n      )\n    },\n  })\n\n  // @ts-ignore\n  return generate(ast as any, {\n    concise: false,\n    filename: 'test.tsx',\n    retainLines: false,\n    sourceMaps: false,\n  }).code\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/extractor/bundleConfig.mjs

@@ -0,0 +1,307 @@
+import { readFileSync } from "fs";
+import path, { basename, dirname, extname, join, relative, sep } from "path";
+import generate from "@babel/generator";
+import traverse from "@babel/traverse";
+import * as t from "@babel/types";
+import { Color, colorLog } from "@tamagui/cli-color";
+import esbuild from "esbuild";
+import { ensureDir, removeSync, writeFileSync } from "fs-extra";
+import { babelParse } from "./babelParse.js";
+import { bundle } from "./bundle.js";
+let loggedOutputInfo = false;
+const external = [
+  "@tamagui/core",
+  "@tamagui/web",
+  "@tamagui/core-node",
+  "react",
+  "react-dom",
+  "react-native-svg"
+];
+const esbuildOptions = {
+  loader: "tsx",
+  target: "es2018",
+  format: "cjs",
+  jsx: "transform",
+  platform: "node"
+};
+async function bundleConfig(props) {
+  var _a, _b;
+  const configEntry = props.config ? join(process.cwd(), props.config) : "";
+  const tmpDir = join(process.cwd(), ".tamagui");
+  const configOutPath = join(tmpDir, `tamagui.config.cjs`);
+  const baseComponents = props.components.filter((x) => x !== "@tamagui/core");
+  const componentOutPaths = baseComponents.map(
+    (componentModule) => join(
+      tmpDir,
+      `${componentModule.split(sep).join("-").replace(/[^a-z0-9]+/gi, "")}-components.config.cjs`
+    )
+  );
+  if (process.env.NODE_ENV === "development" && ((_a = process.env.DEBUG) == null ? void 0 : _a.startsWith("tamagui"))) {
+    console.log(`Building config entry`, configEntry);
+  }
+  try {
+    await ensureDir(tmpDir);
+  } catch {
+  }
+  if (!loggedOutputInfo) {
+    loggedOutputInfo = true;
+    colorLog(
+      Color.FgYellow,
+      `
+      Tamagui built config and components:`
+    );
+    colorLog(
+      Color.Dim,
+      `
+        Config     .${sep}${relative(process.cwd(), configOutPath)}
+        Components ${[
+        ...componentOutPaths.map((p) => `.${sep}${relative(process.cwd(), p)}`)
+      ].join("\n             ")}
+        `
+    );
+  }
+  await Promise.all([
+    props.config ? bundle({
+      entryPoints: [configEntry],
+      external,
+      outfile: configOutPath
+    }) : null,
+    ...baseComponents.map((componentModule, i) => {
+      return bundle({
+        entryPoints: [componentModule],
+        resolvePlatformSpecificEntries: true,
+        external,
+        outfile: componentOutPaths[i]
+      });
+    })
+  ]);
+  delete require.cache[path.resolve(configOutPath)];
+  const out = require(configOutPath);
+  const config = out.default || out;
+  if (!config) {
+    throw new Error(`No config: ${config}`);
+  }
+  let components = loadComponents({
+    ...props,
+    components: componentOutPaths
+  });
+  if (!components) {
+    throw new Error(`No components found: ${componentOutPaths.join(", ")}`);
+  }
+  for (const component of components) {
+    component.moduleName = baseComponents[componentOutPaths.indexOf(component.moduleName)];
+  }
+  const coreComponents = loadComponents({
+    ...props,
+    components: ["@tamagui/core-node"]
+  });
+  if (coreComponents) {
+    coreComponents[0].moduleName = "@tamagui/core";
+    components = [...components, ...coreComponents];
+  }
+  if (process.env.NODE_ENV === "development" && ((_b = process.env.DEBUG) == null ? void 0 : _b.startsWith("tamagui"))) {
+    console.log("Loaded components", components);
+  }
+  return {
+    components,
+    nameToPaths: {},
+    tamaguiConfig: config
+  };
+}
+function loadComponents(props) {
+  const componentsModules = props.components;
+  const key = componentsModules.join("");
+  if (cacheComponents[key]) {
+    return cacheComponents[key];
+  }
+  try {
+    const info = componentsModules.flatMap((name) => {
+      var _a;
+      const extension = extname(name);
+      const isLocal = Boolean(extension);
+      const isDynamic = isLocal && !props.config;
+      if (isDynamic && !process.env.TAMAGUI_ENABLE_DYNAMIC_LOAD) {
+        return [];
+      }
+      const fileContents = isDynamic ? readFileSync(name, "utf-8") : "";
+      const loadModule = isDynamic ? join(dirname(name), `.tamagui-dynamic-eval-${basename(name)}.tsx`) : name;
+      let writtenContents = fileContents;
+      let didBabel = false;
+      function attemptLoad({ forceExports = false } = {}) {
+        if (isDynamic) {
+          writtenContents = forceExports ? esbuildit(
+            transformAddExports(babelParse(esbuildit(fileContents, "modern")))
+          ) : esbuildit(fileContents);
+          writeFileSync(loadModule, writtenContents);
+        }
+        if (process.env.DEBUG === "tamagui") {
+          console.log(`loadModule`, loadModule, require.resolve(loadModule));
+        }
+        return {
+          moduleName: name,
+          nameToInfo: getComponentStaticConfigByName(
+            name,
+            interopDefaultExport(require(loadModule))
+          )
+        };
+      }
+      const dispose = () => {
+        isDynamic && removeSync(loadModule);
+      };
+      try {
+        const res = attemptLoad({
+          forceExports: true
+        });
+        didBabel = true;
+        return res;
+      } catch (err) {
+        console.log("babel err", err, writtenContents);
+        writtenContents = fileContents;
+        if ((_a = process.env.DEBUG) == null ? void 0 : _a.startsWith("tamagui")) {
+          console.log(`Error parsing babel likely`, err);
+        }
+      } finally {
+        dispose();
+      }
+      try {
+        return attemptLoad({
+          forceExports: false
+        });
+      } catch (err) {
+        if (!process.env.TAMAGUI_DISABLE_WARN_DYNAMIC_LOAD) {
+          console.log(`
+
+Tamagui attempted but failed to dynamically load components in:
+  ${name}
+
+This will leave some styled() tags unoptimized.
+Disable this file (or dynamic loading altogether):
+
+  disableExtractFoundComponents: ['${name}'] | true
+
+Quiet this warning with environment variable:
+      
+  TAMAGUI_DISABLE_WARN_DYNAMIC_LOAD=1
+
+`);
+          console.log(err);
+          console.log(
+            `At: ${loadModule}`,
+            `
+didBabel: ${didBabel}`,
+            `
+In:`,
+            writtenContents,
+            `
+isDynamic: `,
+            isDynamic
+          );
+        }
+        return [];
+      } finally {
+        dispose();
+      }
+    });
+    cacheComponents[key] = info;
+    return info;
+  } catch (err) {
+    console.log(`Tamagui error bundling components`, err.message, err.stack);
+    return null;
+  }
+}
+const esbuildit = (src, target) => {
+  return esbuild.transformSync(src, {
+    ...esbuildOptions,
+    ...target === "modern" && {
+      target: "es2022",
+      jsx: "transform",
+      loader: "tsx",
+      platform: "neutral",
+      format: "esm"
+    }
+  }).code;
+};
+function getComponentStaticConfigByName(name, exported) {
+  const components = {};
+  try {
+    if (!exported || typeof exported !== "object" || Array.isArray(exported)) {
+      throw new Error(`Invalid export from package ${name}: ${typeof exported}`);
+    }
+    for (const key in exported) {
+      const found = getTamaguiComponent(key, exported[key]);
+      if (found) {
+        const { Component, ...sc } = found.staticConfig;
+        components[key] = { staticConfig: sc };
+      }
+    }
+  } catch (err) {
+    if (process.env.TAMAGUI_DISABLE_WARN_DYNAMIC_LOAD !== "1") {
+      console.error(
+        `Tamagui failed getting from ${name} (Disable error by setting environment variable TAMAGUI_DISABLE_WARN_DYNAMIC_LOAD=1)`
+      );
+      console.error(err);
+    }
+  }
+  return components;
+}
+function getTamaguiComponent(name, Component) {
+  if (name[0].toUpperCase() !== name[0]) {
+    return;
+  }
+  const staticConfig = Component == null ? void 0 : Component.staticConfig;
+  if (staticConfig) {
+    return Component;
+  }
+}
+function interopDefaultExport(mod) {
+  return (mod == null ? void 0 : mod.default) ?? mod;
+}
+const cacheComponents = {};
+function transformAddExports(ast) {
+  const usedNames = /* @__PURE__ */ new Set();
+  traverse(ast, {
+    ExportNamedDeclaration(nodePath) {
+      if (nodePath.node.specifiers) {
+        for (const spec of nodePath.node.specifiers) {
+          usedNames.add(
+            t.isIdentifier(spec.exported) ? spec.exported.name : spec.exported.value
+          );
+        }
+      }
+    }
+  });
+  traverse(ast, {
+    VariableDeclaration(nodePath) {
+      if (!t.isProgram(nodePath.parent))
+        return;
+      const decs = nodePath.node.declarations;
+      if (decs.length > 1)
+        return;
+      const [dec] = decs;
+      if (!t.isIdentifier(dec.id))
+        return;
+      if (!dec.init)
+        return;
+      if (usedNames.has(dec.id.name))
+        return;
+      usedNames.add(dec.id.name);
+      nodePath.replaceWith(
+        t.exportNamedDeclaration(t.variableDeclaration("let", [dec]), [
+          t.exportSpecifier(t.identifier(dec.id.name), t.identifier(dec.id.name))
+        ])
+      );
+    }
+  });
+  return generate(ast, {
+    concise: false,
+    filename: "test.tsx",
+    retainLines: false,
+    sourceMaps: false
+  }).code;
+}
+export {
+  bundleConfig,
+  esbuildOptions,
+  loadComponents
+};
+//# sourceMappingURL=bundleConfig.mjs.map