@tamagui/static 1.0.1-beta.99 → 1.0.1-rc.0

package/dist/extractor/loadTamagui.js

@@ -0,0 +1,427 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var loadTamagui_exports = {};
+__export(loadTamagui_exports, {
+  loadTamagui: () => loadTamagui,
+  loadTamaguiSync: () => loadTamaguiSync,
+  resolveWebOrNativeSpecificEntry: () => resolveWebOrNativeSpecificEntry
+});
+module.exports = __toCommonJS(loadTamagui_exports);
+var import_fs = require("fs");
+var import_path = require("path");
+var import_generator = __toESM(require("@babel/generator"));
+var import_traverse = __toESM(require("@babel/traverse"));
+var t = __toESM(require("@babel/types"));
+var import_cli_color = require("@tamagui/cli-color");
+var import_config_default_node = require("@tamagui/config-default-node");
+var import_core_node = require("@tamagui/core-node");
+var import_esbuild = __toESM(require("esbuild"));
+var import_fs_extra = require("fs-extra");
+var import_constants = require("../constants.js");
+var import_require = require("../require.js");
+var import_babelParse = require("./babelParse");
+var import_bundle = require("./bundle");
+const cache = {};
+async function loadTamagui(props) {
+  var _a, _b;
+  const key = JSON.stringify(props);
+  if (cache[key]) {
+    if (cache[key] instanceof Promise) {
+      return await cache[key];
+    }
+    return cache[key];
+  }
+  let resolver = () => {
+  };
+  cache[key] = new Promise((res) => {
+    resolver = res;
+  });
+  const tmpDir = (0, import_path.join)(process.cwd(), ".tamagui");
+  const configOutPath = (0, import_path.join)(tmpDir, `tamagui.config.js`);
+  const baseComponents = props.components.filter((x) => x !== "@tamagui/core");
+  const componentOutPaths = baseComponents.map(
+    (componentModule) => (0, import_path.join)(
+      tmpDir,
+      `${componentModule.split(import_path.sep).join("-").replace(/[^a-z0-9]+/gi, "")}-components.config.js`
+    )
+  );
+  const external = ["@tamagui/core", "@tamagui/core-node", "react", "react-dom", "react-native-svg"];
+  const configEntry = props.config ? (0, import_path.join)(process.cwd(), props.config) : "";
+  if (process.env.NODE_ENV === "development" && ((_a = process.env.DEBUG) == null ? void 0 : _a.startsWith("tamagui"))) {
+    console.log(`Building config entry`, configEntry);
+  }
+  try {
+    await (0, import_fs_extra.ensureDir)(tmpDir);
+  } catch {
+  }
+  (0, import_cli_color.colorLog)(
+    import_cli_color.Color.FgYellow,
+    `
+Tamagui built config and components:`
+  );
+  (0, import_cli_color.colorLog)(
+    import_cli_color.Color.Dim,
+    `
+  Config     .${import_path.sep}${(0, import_path.relative)(process.cwd(), configOutPath)}
+  Components ${componentOutPaths.map((p) => `.${import_path.sep}${(0, import_path.relative)(process.cwd(), p)}`).join("\n             ")}
+`
+  );
+  await Promise.all([
+    props.config ? (0, import_bundle.bundle)({
+      entryPoints: [configEntry],
+      external,
+      outfile: configOutPath
+    }) : null,
+    ...baseComponents.map((componentModule, i) => {
+      return (0, import_bundle.bundle)({
+        entryPoints: [componentModule],
+        resolvePlatformSpecificEntries: true,
+        external,
+        outfile: componentOutPaths[i]
+      });
+    })
+  ]);
+  try {
+    (0, import_require.registerRequire)();
+    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)];
+      if (!component.moduleName) {
+        throw new Error(`Tamagui internal err`);
+      }
+    }
+    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);
+    }
+    cache[key] = {
+      components,
+      nameToPaths: {},
+      tamaguiConfig: config
+    };
+    (0, import_core_node.createTamagui)(cache[key].tamaguiConfig);
+    resolver(cache[key]);
+    return cache[key];
+  } finally {
+    (0, import_require.unregisterRequire)();
+  }
+}
+function resolveWebOrNativeSpecificEntry(entry) {
+  const resolved = require.resolve(entry);
+  const ext = (0, import_path.extname)(resolved);
+  const fileName = (0, import_path.basename)(resolved).replace(ext, "");
+  const specificExt = process.env.TAMAGUI_TARGET === "web" ? "web" : "native";
+  const specificFile = (0, import_path.join)((0, import_path.dirname)(resolved), fileName + "." + specificExt + ext);
+  if ((0, import_fs_extra.existsSync)(specificFile)) {
+    return specificFile;
+  }
+  return entry;
+}
+const esbuildOptions = {
+  loader: "tsx",
+  target: "es2018",
+  format: "cjs",
+  jsx: "transform",
+  platform: "node"
+};
+function loadTamaguiSync(props) {
+  const key = JSON.stringify(props);
+  if (cache[key]) {
+    return cache[key];
+  }
+  const { unregister } = require("esbuild-register/dist/node").register(esbuildOptions);
+  try {
+    (0, import_require.registerRequire)();
+    process.env.IS_STATIC = "is_static";
+    const devValueOG = globalThis["__DEV__"];
+    globalThis["__DEV__"] = process.env.NODE_ENV === "development";
+    try {
+      let tamaguiConfig = null;
+      if (props.config) {
+        const configPath = (0, import_path.join)(process.cwd(), props.config);
+        const exp = require(configPath);
+        tamaguiConfig = exp["default"] || exp;
+        if (!tamaguiConfig || !tamaguiConfig.parsed) {
+          const confPath = require.resolve(configPath);
+          throw new Error(`Can't find valid config in ${confPath}:
+          
+  Be sure you "export default" the config.`);
+        }
+      }
+      const components = loadComponents(props);
+      if (!components) {
+        throw new Error(`No components loaded`);
+      }
+      if (process.env.DEBUG === "tamagui") {
+        console.log(`components`, components);
+      }
+      process.env.IS_STATIC = void 0;
+      globalThis["__DEV__"] = devValueOG;
+      if (props.config && tamaguiConfig) {
+        (0, import_core_node.createTamagui)(tamaguiConfig);
+      }
+      cache[key] = {
+        components,
+        tamaguiConfig,
+        nameToPaths: (0, import_require.getNameToPaths)()
+      };
+    } catch (err) {
+      if (err instanceof Error) {
+        console.warn(
+          `Error loading tamagui.config.ts (set DEBUG=tamagui to see full stack), running tamagui without custom config`
+        );
+        console.log(`
+
+    ${err.message}
+
+`);
+        if (import_constants.SHOULD_DEBUG) {
+          console.log(err.stack);
+        }
+      } else {
+        console.error(`Error loading tamagui.config.ts`, err);
+      }
+      return {
+        components: [],
+        tamaguiConfig: (0, import_config_default_node.getDefaultTamaguiConfig)(),
+        nameToPaths: {}
+      };
+    }
+    return cache[key];
+  } finally {
+    unregister();
+    (0, import_require.unregisterRequire)();
+  }
+}
+function interopDefaultExport(mod) {
+  return (mod == null ? void 0 : mod.default) ?? mod;
+}
+const cacheComponents = {};
+function transformAddExports(ast) {
+  const usedNames = /* @__PURE__ */ new Set();
+  (0, import_traverse.default)(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);
+        }
+      }
+    }
+  });
+  (0, import_traverse.default)(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 (0, import_generator.default)(ast, {
+    concise: false,
+    filename: "test.tsx",
+    retainLines: false,
+    sourceMaps: false
+  }).code;
+}
+const esbuildit = (src, target) => import_esbuild.default.transformSync(src, {
+  ...esbuildOptions,
+  ...target === "modern" && {
+    target: "es2022",
+    jsx: "transform",
+    loader: "tsx",
+    platform: "neutral",
+    format: "esm"
+  }
+}).code;
+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 = (0, import_path.extname)(name);
+      const isLocal = Boolean(extension);
+      const isDynamic = isLocal && !props.config;
+      if (isDynamic && !process.env.TAMAGUI_ENABLE_DYNAMIC_LOAD) {
+        return [];
+      }
+      const fileContents = isDynamic ? (0, import_fs.readFileSync)(name, "utf-8") : "";
+      const loadModule = isDynamic ? (0, import_path.join)((0, import_path.dirname)(name), `.tamagui-dynamic-eval-${(0, import_path.basename)(name)}.tsx`) : name;
+      let writtenContents = fileContents;
+      let didBabel = false;
+      function attemptLoad({ forceExports = false } = {}) {
+        if (isDynamic) {
+          writtenContents = forceExports ? esbuildit(transformAddExports((0, import_babelParse.babelParse)(esbuildit(fileContents, "modern")))) : esbuildit(fileContents);
+          (0, import_fs_extra.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 && (0, import_fs_extra.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;
+  }
+}
+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;
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  loadTamagui,
+  loadTamaguiSync,
+  resolveWebOrNativeSpecificEntry
+});
+//# sourceMappingURL=loadTamagui.js.map

package/dist/extractor/loadTamagui.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/extractor/loadTamagui.ts"],
+  "sourcesContent": ["import { readFileSync } from 'fs'\n/* eslint-disable no-console */\nimport { 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 { getDefaultTamaguiConfig } from '@tamagui/config-default-node'\nimport type { StaticConfigParsed, TamaguiInternalConfig } from '@tamagui/core-node'\nimport { createTamagui } from '@tamagui/core-node'\nimport esbuild from 'esbuild'\nimport { ensureDir, existsSync, removeSync, writeFileSync } from 'fs-extra'\n\nimport { SHOULD_DEBUG } from '../constants.js'\nimport { getNameToPaths, registerRequire, unregisterRequire } from '../require.js'\nimport { babelParse } from './babelParse'\nimport { bundle } from './bundle'\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\ntype Props = {\n  components: string[]\n  config?: string\n  forceExports?: boolean\n}\n\nconst cache = {}\n\n// TODO needs a plugin for webpack / vite to run this once at startup and not again until changed...\n\nexport async function loadTamagui(props: Props): Promise<TamaguiProjectInfo> {\n  const key = JSON.stringify(props)\n  if (cache[key]) {\n    if (cache[key] instanceof Promise) {\n      return await cache[key]\n    }\n    return cache[key]\n  }\n\n  let resolver: Function = () => {}\n  cache[key] = new Promise((res) => {\n    resolver = res\n  })\n\n  const tmpDir = join(process.cwd(), '.tamagui')\n  const configOutPath = join(tmpDir, `tamagui.config.js`)\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.js`\n    )\n  )\n\n  const external = ['@tamagui/core', '@tamagui/core-node', 'react', 'react-dom', 'react-native-svg']\n  const configEntry = props.config ? join(process.cwd(), props.config) : ''\n\n  if (process.env.NODE_ENV === 'development' && process.env.DEBUG?.startsWith('tamagui')) {\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  colorLog(\n    Color.FgYellow,\n    `\nTamagui built config and components:`\n  )\n  colorLog(\n    Color.Dim,\n    `\n  Config     .${sep}${relative(process.cwd(), configOutPath)}\n  Components ${componentOutPaths\n    .map((p) => `.${sep}${relative(process.cwd(), p)}`)\n    .join('\\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  try {\n    registerRequire()\n    const out = require(configOutPath)\n    const config = out.default || out\n\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      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 (process.env.NODE_ENV === 'development' && process.env.DEBUG?.startsWith('tamagui')) {\n      console.log('Loaded components', components)\n    }\n\n    cache[key] = {\n      components,\n      nameToPaths: {},\n      tamaguiConfig: config,\n    }\n\n    // init core-node\n    createTamagui(cache[key].tamaguiConfig)\n\n    resolver(cache[key])\n\n    return cache[key]\n  } finally {\n    unregisterRequire()\n  }\n}\n\nexport function resolveWebOrNativeSpecificEntry(entry: string) {\n  const resolved = require.resolve(entry)\n  const ext = extname(resolved)\n  const fileName = basename(resolved).replace(ext, '')\n  const specificExt = process.env.TAMAGUI_TARGET === 'web' ? 'web' : 'native'\n  const specificFile = join(dirname(resolved), fileName + '.' + specificExt + ext)\n  if (existsSync(specificFile)) {\n    return specificFile\n  }\n  return entry\n}\n\nconst esbuildOptions = {\n  loader: 'tsx',\n  target: 'es2018',\n  format: 'cjs',\n  jsx: 'transform',\n  platform: 'node',\n} as const\n\n// loads in-process using esbuild-register\nexport function loadTamaguiSync(props: Props): TamaguiProjectInfo {\n  const key = JSON.stringify(props)\n  if (cache[key]) {\n    return cache[key]\n  }\n\n  const { unregister } = require('esbuild-register/dist/node').register(esbuildOptions)\n\n  try {\n    registerRequire()\n\n    // lets shim require and avoid importing react-native + react-native-web\n    // we just need to read the config around them\n    process.env.IS_STATIC = 'is_static'\n    const devValueOG = globalThis['__DEV__' as any]\n    globalThis['__DEV__' as any] = process.env.NODE_ENV === 'development'\n\n    try {\n      // config\n      let tamaguiConfig: TamaguiInternalConfig | null = null\n      if (props.config) {\n        const configPath = join(process.cwd(), props.config)\n        const exp = require(configPath)\n        tamaguiConfig = (exp['default'] || exp) as TamaguiInternalConfig\n        if (!tamaguiConfig || !tamaguiConfig.parsed) {\n          const confPath = require.resolve(configPath)\n          throw new Error(`Can't find valid config in ${confPath}:\n          \n  Be sure you \"export default\" the config.`)\n        }\n      }\n\n      // components\n      const components = loadComponents(props)\n      if (!components) {\n        throw new Error(`No components loaded`)\n      }\n      if (process.env.DEBUG === 'tamagui') {\n        console.log(`components`, components)\n      }\n\n      // undo shims\n      process.env.IS_STATIC = undefined\n      globalThis['__DEV__' as any] = devValueOG\n\n      // set up core-node\n      if (props.config && tamaguiConfig) {\n        createTamagui(tamaguiConfig as any)\n      }\n\n      cache[key] = {\n        components,\n        tamaguiConfig,\n        nameToPaths: getNameToPaths(),\n      }\n    } catch (err) {\n      if (err instanceof Error) {\n        console.warn(\n          `Error loading tamagui.config.ts (set DEBUG=tamagui to see full stack), running tamagui without custom config`\n        )\n        console.log(`\\n\\n    ${err.message}\\n\\n`)\n        if (SHOULD_DEBUG) {\n          console.log(err.stack)\n        }\n      } else {\n        console.error(`Error loading tamagui.config.ts`, err)\n      }\n      return {\n        components: [],\n        tamaguiConfig: getDefaultTamaguiConfig(),\n        nameToPaths: {},\n      }\n    }\n\n    return cache[key]\n  } finally {\n    unregister()\n    unregisterRequire()\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  traverse(ast, {\n    ExportNamedDeclaration(nodePath) {\n      if (nodePath.node.specifiers) {\n        for (const spec of nodePath.node.specifiers) {\n          usedNames.add(t.isIdentifier(spec.exported) ? spec.exported.name : spec.exported.value)\n        }\n      }\n    },\n  })\n\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  return generate(ast as any, {\n    concise: false,\n    filename: 'test.tsx',\n    retainLines: false,\n    sourceMaps: false,\n  }).code\n}\n\nconst esbuildit = (src: string, target?: 'modern') =>\n  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\nfunction 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(transformAddExports(babelParse(esbuildit(fileContents, 'modern'))))\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\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"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAA6B;AAE7B,kBAAgE;AAEhE,uBAAqB;AACrB,sBAAqB;AACrB,QAAmB;AACnB,uBAAgC;AAChC,iCAAwC;AAExC,uBAA8B;AAC9B,qBAAoB;AACpB,sBAAiE;AAEjE,uBAA6B;AAC7B,qBAAmE;AACnE,wBAA2B;AAC3B,oBAAuB;AA4BvB,MAAM,QAAQ,CAAC;AAIf,eAAsB,YAAY,OAA2C;AAjD7E;AAkDE,QAAM,MAAM,KAAK,UAAU,KAAK;AAChC,MAAI,MAAM,MAAM;AACd,QAAI,MAAM,gBAAgB,SAAS;AACjC,aAAO,MAAM,MAAM;AAAA,IACrB;AACA,WAAO,MAAM;AAAA,EACf;AAEA,MAAI,WAAqB,MAAM;AAAA,EAAC;AAChC,QAAM,OAAO,IAAI,QAAQ,CAAC,QAAQ;AAChC,eAAW;AAAA,EACb,CAAC;AAED,QAAM,aAAS,kBAAK,QAAQ,IAAI,GAAG,UAAU;AAC7C,QAAM,oBAAgB,kBAAK,QAAQ,mBAAmB;AACtD,QAAM,iBAAiB,MAAM,WAAW,OAAO,CAAC,MAAM,MAAM,eAAe;AAC3E,QAAM,oBAAoB,eAAe;AAAA,IAAI,CAAC,wBAC5C;AAAA,MACE;AAAA,MACA,GAAG,gBACA,MAAM,eAAG,EACT,KAAK,GAAG,EACR,QAAQ,gBAAgB,EAAE;AAAA,IAC/B;AAAA,EACF;AAEA,QAAM,WAAW,CAAC,iBAAiB,sBAAsB,SAAS,aAAa,kBAAkB;AACjG,QAAM,cAAc,MAAM,aAAS,kBAAK,QAAQ,IAAI,GAAG,MAAM,MAAM,IAAI;AAEvE,MAAI,QAAQ,IAAI,aAAa,mBAAiB,aAAQ,IAAI,UAAZ,mBAAmB,WAAW,aAAY;AACtF,YAAQ,IAAI,yBAAyB,WAAW;AAAA,EAClD;AAGA,MAAI;AACF,cAAM,2BAAU,MAAM;AAAA,EACxB,QAAE;AAAA,EAEF;AAEA;AAAA,IACE,uBAAM;AAAA,IACN;AAAA;AAAA,EAEF;AACA;AAAA,IACE,uBAAM;AAAA,IACN;AAAA,gBACY,sBAAM,sBAAS,QAAQ,IAAI,GAAG,aAAa;AAAA,eAC5C,kBACV,IAAI,CAAC,MAAM,IAAI,sBAAM,sBAAS,QAAQ,IAAI,GAAG,CAAC,GAAG,EACjD,KAAK,iBAAiB;AAAA;AAAA,EAEzB;AAEA,QAAM,QAAQ,IAAI;AAAA,IAChB,MAAM,aACF,sBAAO;AAAA,MACL,aAAa,CAAC,WAAW;AAAA,MACzB;AAAA,MACA,SAAS;AAAA,IACX,CAAC,IACD;AAAA,IACJ,GAAG,eAAe,IAAI,CAAC,iBAAiB,MAAM;AAC5C,iBAAO,sBAAO;AAAA,QACZ,aAAa,CAAC,eAAe;AAAA,QAC7B,gCAAgC;AAAA,QAChC;AAAA,QACA,SAAS,kBAAkB;AAAA,MAC7B,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC;AAED,MAAI;AACF,wCAAgB;AAChB,UAAM,MAAM,QAAQ,aAAa;AACjC,UAAM,SAAS,IAAI,WAAW;AAE9B,QAAI,CAAC,QAAQ;AACX,YAAM,IAAI,MAAM,cAAc,QAAQ;AAAA,IACxC;AAEA,QAAI,aAAa,eAAe;AAAA,MAC9B,GAAG;AAAA,MACH,YAAY;AAAA,IACd,CAAC;AAED,QAAI,CAAC,YAAY;AACf,YAAM,IAAI,MAAM,wBAAwB,kBAAkB,KAAK,IAAI,GAAG;AAAA,IACxE;AAGA,eAAW,aAAa,YAAY;AAClC,gBAAU,aAAa,eAAe,kBAAkB,QAAQ,UAAU,UAAU;AACpF,UAAI,CAAC,UAAU,YAAY;AACzB,cAAM,IAAI,MAAM,sBAAsB;AAAA,MACxC;AAAA,IACF;AAGA,UAAM,iBAAiB,eAAe;AAAA,MACpC,GAAG;AAAA,MACH,YAAY,CAAC,oBAAoB;AAAA,IACnC,CAAC;AACD,QAAI,gBAAgB;AAClB,qBAAe,GAAG,aAAa;AAC/B,mBAAa,CAAC,GAAG,YAAY,GAAG,cAAc;AAAA,IAChD;AAEA,QAAI,QAAQ,IAAI,aAAa,mBAAiB,aAAQ,IAAI,UAAZ,mBAAmB,WAAW,aAAY;AACtF,cAAQ,IAAI,qBAAqB,UAAU;AAAA,IAC7C;AAEA,UAAM,OAAO;AAAA,MACX;AAAA,MACA,aAAa,CAAC;AAAA,MACd,eAAe;AAAA,IACjB;AAGA,wCAAc,MAAM,KAAK,aAAa;AAEtC,aAAS,MAAM,IAAI;AAEnB,WAAO,MAAM;AAAA,EACf,UAAE;AACA,0CAAkB;AAAA,EACpB;AACF;AAEO,SAAS,gCAAgC,OAAe;AAC7D,QAAM,WAAW,QAAQ,QAAQ;AACjC,QAAM,UAAM,qBAAQ,QAAQ;AAC5B,QAAM,eAAW,sBAAS,QAAQ,EAAE,QAAQ,KAAK,EAAE;AACnD,QAAM,cAAc,QAAQ,IAAI,mBAAmB,QAAQ,QAAQ;AACnE,QAAM,mBAAe,sBAAK,qBAAQ,QAAQ,GAAG,WAAW,MAAM,cAAc,GAAG;AAC/E,UAAI,4BAAW,YAAY,GAAG;AAC5B,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEA,MAAM,iBAAiB;AAAA,EACrB,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,UAAU;AACZ;AAGO,SAAS,gBAAgB,OAAkC;AAChE,QAAM,MAAM,KAAK,UAAU,KAAK;AAChC,MAAI,MAAM,MAAM;AACd,WAAO,MAAM;AAAA,EACf;AAEA,QAAM,EAAE,WAAW,IAAI,QAAQ,4BAA4B,EAAE,SAAS,cAAc;AAEpF,MAAI;AACF,wCAAgB;AAIhB,YAAQ,IAAI,YAAY;AACxB,UAAM,aAAa,WAAW;AAC9B,eAAW,aAAoB,QAAQ,IAAI,aAAa;AAExD,QAAI;AAEF,UAAI,gBAA8C;AAClD,UAAI,MAAM,QAAQ;AAChB,cAAM,iBAAa,kBAAK,QAAQ,IAAI,GAAG,MAAM,MAAM;AACnD,cAAM,MAAM,QAAQ,UAAU;AAC9B,wBAAiB,IAAI,cAAc;AACnC,YAAI,CAAC,iBAAiB,CAAC,cAAc,QAAQ;AAC3C,gBAAM,WAAW,QAAQ,QAAQ;AACjC,gBAAM,IAAI,MAAM,8BAA8B;AAAA;AAAA,2CAEb;AAAA,QACnC;AAAA,MACF;AAGA,YAAM,aAAa,eAAe,KAAK;AACvC,UAAI,CAAC,YAAY;AACf,cAAM,IAAI,MAAM,sBAAsB;AAAA,MACxC;AACA,UAAI,QAAQ,IAAI,UAAU,WAAW;AACnC,gBAAQ,IAAI,cAAc,UAAU;AAAA,MACtC;AAGA,cAAQ,IAAI,YAAY;AACxB,iBAAW,aAAoB;AAG/B,UAAI,MAAM,UAAU,eAAe;AACjC,4CAAc,aAAoB;AAAA,MACpC;AAEA,YAAM,OAAO;AAAA,QACX;AAAA,QACA;AAAA,QACA,iBAAa,+BAAe;AAAA,MAC9B;AAAA,IACF,SAAS,KAAP;AACA,UAAI,eAAe,OAAO;AACxB,gBAAQ;AAAA,UACN;AAAA,QACF;AACA,gBAAQ,IAAI;AAAA;AAAA,MAAW,IAAI;AAAA;AAAA,CAAa;AACxC,YAAI,+BAAc;AAChB,kBAAQ,IAAI,IAAI,KAAK;AAAA,QACvB;AAAA,MACF,OAAO;AACL,gBAAQ,MAAM,mCAAmC,GAAG;AAAA,MACtD;AACA,aAAO;AAAA,QACL,YAAY,CAAC;AAAA,QACb,mBAAe,oDAAwB;AAAA,QACvC,aAAa,CAAC;AAAA,MAChB;AAAA,IACF;AAEA,WAAO,MAAM;AAAA,EACf,UAAE;AACA,eAAW;AACX,0CAAkB;AAAA,EACpB;AACF;AAEA,SAAS,qBAAqB,KAAU;AACtC,UAAO,2BAAK,YAAW;AACzB;AAEA,MAAM,kBAAsD,CAAC;AAE7D,SAAS,oBAAoB,KAAa;AACxC,QAAM,YAAY,oBAAI,IAAY;AAGlC,sBAAAA,SAAS,KAAK;AAAA,IACZ,uBAAuB,UAAU;AAC/B,UAAI,SAAS,KAAK,YAAY;AAC5B,mBAAW,QAAQ,SAAS,KAAK,YAAY;AAC3C,oBAAU,IAAI,EAAE,aAAa,KAAK,QAAQ,IAAI,KAAK,SAAS,OAAO,KAAK,SAAS,KAAK;AAAA,QACxF;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAC;AAED,sBAAAA,SAAS,KAAK;AAAA,IACZ,oBAAoB,UAAU;AAE5B,UAAI,CAAC,EAAE,UAAU,SAAS,MAAM;AAAG;AACnC,YAAM,OAAO,SAAS,KAAK;AAC3B,UAAI,KAAK,SAAS;AAAG;AACrB,YAAM,CAAC,GAAG,IAAI;AACd,UAAI,CAAC,EAAE,aAAa,IAAI,EAAE;AAAG;AAC7B,UAAI,CAAC,IAAI;AAAM;AACf,UAAI,UAAU,IAAI,IAAI,GAAG,IAAI;AAAG;AAChC,gBAAU,IAAI,IAAI,GAAG,IAAI;AACzB,eAAS;AAAA,QACP,EAAE,uBAAuB,EAAE,oBAAoB,OAAO,CAAC,GAAG,CAAC,GAAG;AAAA,UAC5D,EAAE,gBAAgB,EAAE,WAAW,IAAI,GAAG,IAAI,GAAG,EAAE,WAAW,IAAI,GAAG,IAAI,CAAC;AAAA,QACxE,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF,CAAC;AAED,aAAO,iBAAAC,SAAS,KAAY;AAAA,IAC1B,SAAS;AAAA,IACT,UAAU;AAAA,IACV,aAAa;AAAA,IACb,YAAY;AAAA,EACd,CAAC,EAAE;AACL;AAEA,MAAM,YAAY,CAAC,KAAa,WAC9B,eAAAC,QAAQ,cAAc,KAAK;AAAA,EACzB,GAAG;AAAA,EACH,GAAI,WAAW,YAAY;AAAA,IACzB,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,QAAQ;AAAA,EACV;AACF,CAAC,EAAE;AAEL,SAAS,eAAe,OAAyC;AAC/D,QAAM,oBAAoB,MAAM;AAChC,QAAM,MAAM,kBAAkB,KAAK,EAAE;AACrC,MAAI,gBAAgB,MAAM;AACxB,WAAO,gBAAgB;AAAA,EACzB;AACA,MAAI;AACF,UAAM,OAA2B,kBAAkB,QAAQ,CAAC,SAAS;AA5VzE;AA6VM,YAAM,gBAAY,qBAAQ,IAAI;AAC9B,YAAM,UAAU,QAAQ,SAAS;AAEjC,YAAM,YAAY,WAAW,CAAC,MAAM;AAEpC,UAAI,aAAa,CAAC,QAAQ,IAAI,6BAA6B;AACzD,eAAO,CAAC;AAAA,MACV;AAEA,YAAM,eAAe,gBAAY,wBAAa,MAAM,OAAO,IAAI;AAC/D,YAAM,aAAa,gBACf,sBAAK,qBAAQ,IAAI,GAAG,6BAAyB,sBAAS,IAAI,OAAO,IACjE;AACJ,UAAI,kBAAkB;AACtB,UAAI,WAAW;AAEf,eAAS,YAAY,EAAE,eAAe,MAAM,IAAI,CAAC,GAAG;AAElD,YAAI,WAAW;AACb,4BAAkB,eACd,UAAU,wBAAoB,8BAAW,UAAU,cAAc,QAAQ,CAAC,CAAC,CAAC,IAC5E,UAAU,YAAY;AAE1B,6CAAc,YAAY,eAAe;AAAA,QAC3C;AAEA,YAAI,QAAQ,IAAI,UAAU,WAAW;AACnC,kBAAQ,IAAI,cAAc,YAAY,QAAQ,QAAQ,WAAW;AAAA,QACnE;AAEA,eAAO;AAAA,UACL,YAAY;AAAA,UACZ,YAAY;AAAA,YACV;AAAA,YACA,qBAAqB,QAAQ,UAAU,CAAC;AAAA,UAC1C;AAAA,QACF;AAAA,MACF;AAEA,YAAM,UAAU,MAAM;AACpB,yBAAa,4BAAW,UAAU;AAAA,MACpC;AAEA,UAAI;AACF,cAAM,MAAM,YAAY;AAAA,UACtB,cAAc;AAAA,QAChB,CAAC;AACD,mBAAW;AACX,eAAO;AAAA,MACT,SAAS,KAAP;AACA,gBAAQ,IAAI,aAAa,KAAK,eAAe;AAE7C,0BAAkB;AAClB,aAAI,aAAQ,IAAI,UAAZ,mBAAmB,WAAW,YAAY;AAC5C,kBAAQ,IAAI,8BAA8B,GAAG;AAAA,QAC/C;AAAA,MACF,UAAE;AACA,gBAAQ;AAAA,MACV;AAEA,UAAI;AACF,eAAO,YAAY;AAAA,UACjB,cAAc;AAAA,QAChB,CAAC;AAAA,MACH,SAAS,KAAP;AACA,YAAI,CAAC,QAAQ,IAAI,mCAAmC;AAClD,kBAAQ,IAAI;AAAA;AAAA;AAAA,IAGlB;AAAA;AAAA;AAAA;AAAA;AAAA,qCAKiC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAMpC;AACS,kBAAQ,IAAI,GAAG;AACf,kBAAQ;AAAA,YACN,OAAO;AAAA,YACP;AAAA,YAAe;AAAA,YACf;AAAA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,YACA;AAAA,UACF;AAAA,QACF;AACA,eAAO,CAAC;AAAA,MACV,UAAE;AACA,gBAAQ;AAAA,MACV;AAAA,IACF,CAAC;AACD,oBAAgB,OAAO;AACvB,WAAO;AAAA,EACT,SAAS,KAAP;AACA,YAAQ,IAAI,qCAAqC,IAAI,SAAS,IAAI,KAAK;AACvE,WAAO;AAAA,EACT;AACF;AAEA,SAAS,+BAA+B,MAAc,UAAe;AACnE,QAAM,aAAmE,CAAC;AAC1E,MAAI;AACF,QAAI,CAAC,YAAY,OAAO,aAAa,YAAY,MAAM,QAAQ,QAAQ,GAAG;AACxE,YAAM,IAAI,MAAM,+BAA+B,SAAS,OAAO,UAAU;AAAA,IAC3E;AACA,eAAW,OAAO,UAAU;AAC1B,YAAM,QAAQ,oBAAoB,KAAK,SAAS,IAAI;AACpD,UAAI,OAAO;AAET,cAAM,EAAE,cAAc,GAAG,IAAI,MAAM;AACnC,mBAAW,OAAO,EAAE,cAAc,GAAG;AAAA,MACvC;AAAA,IACF;AAAA,EACF,SAAS,KAAP;AACA,QAAI,QAAQ,IAAI,sCAAsC,KAAK;AACzD,cAAQ;AAAA,QACN,+BAA+B;AAAA,MACjC;AACA,cAAQ,MAAM,GAAG;AAAA,IACnB;AAAA,EACF;AACA,SAAO;AACT;AAEA,SAAS,oBACP,MACA,WACkD;AAClD,MAAI,KAAK,GAAG,YAAY,MAAM,KAAK,IAAI;AACrC;AAAA,EACF;AACA,QAAM,eAAe,uCAAW;AAChC,MAAI,cAAc;AAChB,WAAO;AAAA,EACT;AACF;",
+  "names": ["traverse", "generate", "esbuild"]
+}

package/dist/{cjs/extractor → extractor}/logLines.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -26,7 +27,7 @@ const logLines = (str, singleLine = false) => {
     return prefix + str.split(" ").join(`
 ${prefix}`);
   }
-  let lines = [""];
+  const lines = [""];
   const items = str.split(" ");
   for (const item of items) {
     if (item.length + lines[lines.length - 1].length > 85) {

package/dist/extractor/logLines.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/extractor/logLines.ts"],
+  "sourcesContent": ["const prefix = '           '\n\nexport const logLines = (str: string, singleLine = false) => {\n  if (singleLine) {\n    return prefix + str.split(' ').join(`\\n${prefix}`)\n  }\n  const lines: string[] = ['']\n  const items = str.split(' ')\n  for (const item of items) {\n    if (item.length + lines[lines.length - 1].length > 85) {\n      lines.push('')\n    }\n    lines[lines.length - 1] += item + ' '\n  }\n  return lines.map((line, i) => prefix + (i == 0 ? '' : ' ') + line.trim()).join('\\n')\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAM,SAAS;AAER,MAAM,WAAW,CAAC,KAAa,aAAa,UAAU;AAC3D,MAAI,YAAY;AACd,WAAO,SAAS,IAAI,MAAM,GAAG,EAAE,KAAK;AAAA,EAAK,QAAQ;AAAA,EACnD;AACA,QAAM,QAAkB,CAAC,EAAE;AAC3B,QAAM,QAAQ,IAAI,MAAM,GAAG;AAC3B,aAAW,QAAQ,OAAO;AACxB,QAAI,KAAK,SAAS,MAAM,MAAM,SAAS,GAAG,SAAS,IAAI;AACrD,YAAM,KAAK,EAAE;AAAA,IACf;AACA,UAAM,MAAM,SAAS,MAAM,OAAO;AAAA,EACpC;AACA,SAAO,MAAM,IAAI,CAAC,MAAM,MAAM,UAAU,KAAK,IAAI,KAAK,OAAO,KAAK,KAAK,CAAC,EAAE,KAAK,IAAI;AACrF;",
+  "names": []
+}

package/dist/{cjs/extractor → extractor}/normalizeTernaries.js

@@ -1,38 +1,10 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -45,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var normalizeTernaries_exports = {};
 __export(normalizeTernaries_exports, {
@@ -56,13 +31,16 @@ var import_generator = __toESM(require("@babel/generator"));
 var t = __toESM(require("@babel/types"));
 var import_invariant = __toESM(require("invariant"));
 function normalizeTernaries(ternaries) {
-  (0, import_invariant.default)(Array.isArray(ternaries), "extractStaticTernaries expects param 1 to be an array of ternaries");
+  (0, import_invariant.default)(
+    Array.isArray(ternaries),
+    "extractStaticTernaries expects param 1 to be an array of ternaries"
+  );
   if (ternaries.length === 0) {
     return [];
   }
   const ternariesByKey = {};
   for (let idx = -1, len = ternaries.length; ++idx < len; ) {
-    const _a = ternaries[idx], { test, consequent, alternate, remove } = _a, rest = __objRest(_a, ["test", "consequent", "alternate", "remove"]);
+    const { test, consequent, alternate, remove, ...rest } = ternaries[idx];
     let ternaryTest = test;
     if (t.isExpressionStatement(test)) {
       ternaryTest = test.expression;
@@ -79,12 +57,13 @@ function normalizeTernaries(ternaries) {
     }
     const key = (0, import_generator.default)(ternaryTest).code;
     if (!ternariesByKey[key]) {
-      ternariesByKey[key] = __spreadProps(__spreadValues({}, rest), {
+      ternariesByKey[key] = {
+        ...rest,
         alternate: {},
         consequent: {},
         test: ternaryTest,
         remove
-      });
+      };
     }
     const altStyle = (shouldSwap ? consequent : alternate) ?? {};
     const consStyle = (shouldSwap ? alternate : consequent) ?? {};

package/dist/extractor/normalizeTernaries.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/extractor/normalizeTernaries.ts"],
+  "sourcesContent": ["import generate from '@babel/generator'\nimport * as t from '@babel/types'\nimport invariant from 'invariant'\n\nimport { Ternary } from '../types.js'\n\nexport function normalizeTernaries(ternaries: Ternary[]) {\n  invariant(\n    Array.isArray(ternaries),\n    'extractStaticTernaries expects param 1 to be an array of ternaries'\n  )\n\n  if (ternaries.length === 0) {\n    return []\n  }\n\n  const ternariesByKey: { [key: string]: Ternary } = {}\n\n  for (let idx = -1, len = ternaries.length; ++idx < len; ) {\n    const { test, consequent, alternate, remove, ...rest } = ternaries[idx]\n\n    let ternaryTest = test\n\n    // strip parens\n    if (t.isExpressionStatement(test)) {\n      ternaryTest = (test as any).expression\n    }\n\n    // convert `!thing` to `thing` with swapped consequent and alternate\n    let shouldSwap = false\n    if (t.isUnaryExpression(test) && test.operator === '!') {\n      ternaryTest = test.argument\n      shouldSwap = true\n    } else if (t.isBinaryExpression(test)) {\n      if (test.operator === '!==' || test.operator === '!=') {\n        ternaryTest = t.binaryExpression(test.operator, test.left, test.right)\n        shouldSwap = true\n      }\n    }\n\n    const key = generate(ternaryTest as any).code\n\n    if (!ternariesByKey[key]) {\n      ternariesByKey[key] = {\n        ...rest,\n        alternate: {},\n        consequent: {},\n        test: ternaryTest,\n        remove,\n      }\n    }\n    const altStyle = (shouldSwap ? consequent : alternate) ?? {}\n    const consStyle = (shouldSwap ? alternate : consequent) ?? {}\n    Object.assign(ternariesByKey[key].alternate!, altStyle)\n    Object.assign(ternariesByKey[key].consequent!, consStyle)\n  }\n\n  const ternaryExpression = Object.keys(ternariesByKey).map((key) => {\n    return ternariesByKey[key]\n  })\n\n  return ternaryExpression\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAqB;AACrB,QAAmB;AACnB,uBAAsB;AAIf,SAAS,mBAAmB,WAAsB;AACvD,uBAAAA;AAAA,IACE,MAAM,QAAQ,SAAS;AAAA,IACvB;AAAA,EACF;AAEA,MAAI,UAAU,WAAW,GAAG;AAC1B,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,iBAA6C,CAAC;AAEpD,WAAS,MAAM,IAAI,MAAM,UAAU,QAAQ,EAAE,MAAM,OAAO;AACxD,UAAM,EAAE,MAAM,YAAY,WAAW,WAAW,KAAK,IAAI,UAAU;AAEnE,QAAI,cAAc;AAGlB,QAAI,EAAE,sBAAsB,IAAI,GAAG;AACjC,oBAAe,KAAa;AAAA,IAC9B;AAGA,QAAI,aAAa;AACjB,QAAI,EAAE,kBAAkB,IAAI,KAAK,KAAK,aAAa,KAAK;AACtD,oBAAc,KAAK;AACnB,mBAAa;AAAA,IACf,WAAW,EAAE,mBAAmB,IAAI,GAAG;AACrC,UAAI,KAAK,aAAa,SAAS,KAAK,aAAa,MAAM;AACrD,sBAAc,EAAE,iBAAiB,KAAK,UAAU,KAAK,MAAM,KAAK,KAAK;AACrE,qBAAa;AAAA,MACf;AAAA,IACF;AAEA,UAAM,UAAM,iBAAAC,SAAS,WAAkB,EAAE;AAEzC,QAAI,CAAC,eAAe,MAAM;AACxB,qBAAe,OAAO;AAAA,QACpB,GAAG;AAAA,QACH,WAAW,CAAC;AAAA,QACZ,YAAY,CAAC;AAAA,QACb,MAAM;AAAA,QACN;AAAA,MACF;AAAA,IACF;AACA,UAAM,YAAY,aAAa,aAAa,cAAc,CAAC;AAC3D,UAAM,aAAa,aAAa,YAAY,eAAe,CAAC;AAC5D,WAAO,OAAO,eAAe,KAAK,WAAY,QAAQ;AACtD,WAAO,OAAO,eAAe,KAAK,YAAa,SAAS;AAAA,EAC1D;AAEA,QAAM,oBAAoB,OAAO,KAAK,cAAc,EAAE,IAAI,CAAC,QAAQ;AACjE,WAAO,eAAe;AAAA,EACxB,CAAC;AAED,SAAO;AACT;",
+  "names": ["invariant", "generate"]
+}

package/dist/{cjs/extractor → extractor}/removeUnusedHooks.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -16,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var removeUnusedHooks_exports = {};
 __export(removeUnusedHooks_exports, {

package/dist/extractor/removeUnusedHooks.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/extractor/removeUnusedHooks.ts"],
+  "sourcesContent": ["import { NodePath } from '@babel/traverse'\nimport * as t from '@babel/types'\n\nconst hooks = {\n  useMedia: true,\n  useTheme: true,\n}\n\nexport function removeUnusedHooks(compFn: NodePath<any>, shouldPrintDebug: boolean | 'verbose') {\n  compFn.scope.crawl()\n  // check the top level statements\n  let bodyStatements = compFn?.get('body')\n  if (!bodyStatements) {\n    // eslint-disable-next-line no-console\n    console.log('no body statemnts?', compFn)\n    return\n  }\n  if (!Array.isArray(bodyStatements)) {\n    if (bodyStatements.isFunctionExpression()) {\n      bodyStatements = bodyStatements.scope.path.get('body')\n    } else {\n      bodyStatements = bodyStatements.get('body')\n    }\n  }\n  if (!bodyStatements || !Array.isArray(bodyStatements)) {\n    return\n  }\n  const statements = bodyStatements as NodePath<any>[]\n  for (const statement of statements) {\n    if (!statement.isVariableDeclaration()) {\n      continue\n    }\n    const declarations = statement.get('declarations')\n    if (!Array.isArray(declarations)) {\n      continue\n    }\n    const isBindingReferenced = (name: string) => {\n      return !!statement.scope.getBinding(name)?.referenced\n    }\n    for (const declarator of declarations) {\n      const id = declarator.get('id')\n      const init = declarator.node.init\n      if (Array.isArray(id) || Array.isArray(init)) {\n        continue\n      }\n      const shouldRemove = (() => {\n        const isHook =\n          t.isCallExpression(init) && t.isIdentifier(init.callee) && hooks[init.callee.name]\n        if (!isHook) {\n          return false\n        }\n        if (t.isIdentifier(id.node)) {\n          // remove \"const media = useMedia()\"\n          const name = id.node.name\n          return !isBindingReferenced(name)\n        } else if (t.isObjectPattern(id.node)) {\n          // remove \"const { sm } = useMedia()\"\n          const propPaths = id.get('properties') as NodePath<any>[]\n          return propPaths.every((prop) => {\n            if (!prop.isObjectProperty()) return false\n            const value = prop.get('value')\n            if (Array.isArray(value) || !value.isIdentifier()) return false\n            const name = value.node.name\n            return !isBindingReferenced(name)\n          })\n        }\n        return false\n      })()\n      if (shouldRemove) {\n        declarator.remove()\n        if (shouldPrintDebug) {\n          // eslint-disable-next-line no-console\n          console.log(`  [\uD83E\uDE9D] removed ${id.node['name'] ?? ''}`)\n        }\n      }\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,QAAmB;AAEnB,MAAM,QAAQ;AAAA,EACZ,UAAU;AAAA,EACV,UAAU;AACZ;AAEO,SAAS,kBAAkB,QAAuB,kBAAuC;AAC9F,SAAO,MAAM,MAAM;AAEnB,MAAI,iBAAiB,iCAAQ,IAAI;AACjC,MAAI,CAAC,gBAAgB;AAEnB,YAAQ,IAAI,sBAAsB,MAAM;AACxC;AAAA,EACF;AACA,MAAI,CAAC,MAAM,QAAQ,cAAc,GAAG;AAClC,QAAI,eAAe,qBAAqB,GAAG;AACzC,uBAAiB,eAAe,MAAM,KAAK,IAAI,MAAM;AAAA,IACvD,OAAO;AACL,uBAAiB,eAAe,IAAI,MAAM;AAAA,IAC5C;AAAA,EACF;AACA,MAAI,CAAC,kBAAkB,CAAC,MAAM,QAAQ,cAAc,GAAG;AACrD;AAAA,EACF;AACA,QAAM,aAAa;AACnB,aAAW,aAAa,YAAY;AAClC,QAAI,CAAC,UAAU,sBAAsB,GAAG;AACtC;AAAA,IACF;AACA,UAAM,eAAe,UAAU,IAAI,cAAc;AACjD,QAAI,CAAC,MAAM,QAAQ,YAAY,GAAG;AAChC;AAAA,IACF;AACA,UAAM,sBAAsB,CAAC,SAAiB;AApClD;AAqCM,aAAO,CAAC,GAAC,eAAU,MAAM,WAAW,IAAI,MAA/B,mBAAkC;AAAA,IAC7C;AACA,eAAW,cAAc,cAAc;AACrC,YAAM,KAAK,WAAW,IAAI,IAAI;AAC9B,YAAM,OAAO,WAAW,KAAK;AAC7B,UAAI,MAAM,QAAQ,EAAE,KAAK,MAAM,QAAQ,IAAI,GAAG;AAC5C;AAAA,MACF;AACA,YAAM,gBAAgB,MAAM;AAC1B,cAAM,SACJ,EAAE,iBAAiB,IAAI,KAAK,EAAE,aAAa,KAAK,MAAM,KAAK,MAAM,KAAK,OAAO;AAC/E,YAAI,CAAC,QAAQ;AACX,iBAAO;AAAA,QACT;AACA,YAAI,EAAE,aAAa,GAAG,IAAI,GAAG;AAE3B,gBAAM,OAAO,GAAG,KAAK;AACrB,iBAAO,CAAC,oBAAoB,IAAI;AAAA,QAClC,WAAW,EAAE,gBAAgB,GAAG,IAAI,GAAG;AAErC,gBAAM,YAAY,GAAG,IAAI,YAAY;AACrC,iBAAO,UAAU,MAAM,CAAC,SAAS;AAC/B,gBAAI,CAAC,KAAK,iBAAiB;AAAG,qBAAO;AACrC,kBAAM,QAAQ,KAAK,IAAI,OAAO;AAC9B,gBAAI,MAAM,QAAQ,KAAK,KAAK,CAAC,MAAM,aAAa;AAAG,qBAAO;AAC1D,kBAAM,OAAO,MAAM,KAAK;AACxB,mBAAO,CAAC,oBAAoB,IAAI;AAAA,UAClC,CAAC;AAAA,QACH;AACA,eAAO;AAAA,MACT,GAAG;AACH,UAAI,cAAc;AAChB,mBAAW,OAAO;AAClB,YAAI,kBAAkB;AAEpB,kBAAQ,IAAI,yBAAkB,GAAG,KAAK,WAAW,IAAI;AAAA,QACvD;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/{cjs/extractor → extractor}/timer.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -29,11 +30,18 @@ const timer = () => {
         const took = Date.now() - last;
         last = Date.now();
         console.log(`Time ${name}: ${took}ms`);
+        if (took > 10) {
+          console.log("  long timer");
+        }
       }
     },
     done: (print = false) => {
       if (print) {
-        console.log(`Total time: ${Date.now() - start}ms`);
+        const total = Date.now() - start;
+        console.log(`Total time: ${total}ms`);
+        if (total > 50) {
+          console.log("  long timer");
+        }
       }
     }
   };