@tamagui/static 1.0.1-beta.130 → 1.0.1-beta.133

package/dist/jsx/extractor/extractToClassNames.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/extractor/extractToClassNames.ts"],
-  "sourcesContent": ["import * as path from 'path'\nimport { basename } from 'path'\nimport * as util from 'util'\n\nimport generate from '@babel/generator'\nimport * as t from '@babel/types'\nimport { getStylesAtomic } from '@tamagui/core-node'\nimport { concatClassName } from '@tamagui/helpers'\nimport invariant from 'invariant'\nimport { ViewStyle } from 'react-native'\n\nimport { CONCAT_CLASSNAME_IMPORT } from '../constants'\nimport { ClassNameObject, StyleObject, TamaguiOptions, Ternary } from '../types'\nimport { babelParse } from './babelParse'\nimport { buildClassName } from './buildClassName'\nimport { Extractor } from './createExtractor'\nimport { ensureImportingConcat } from './ensureImportingConcat'\nimport { isSimpleSpread } from './extractHelpers'\nimport { extractMediaStyle } from './extractMediaStyle'\nimport { getPrefixLogs } from './getPrefixLogs'\nimport { hoistClassNames } from './hoistClassNames'\nimport { logLines } from './logLines'\nimport { timer } from './timer'\n\nconst mergeStyleGroups = {\n  shadowOpacity: true,\n  shadowRadius: true,\n  shadowColor: true,\n  shadowOffset: true,\n}\n\nexport type ExtractedResponse = {\n  js: string | Buffer\n  styles: string\n  stylesPath?: string\n  ast: t.File\n  map: any // RawSourceMap from 'source-map'\n}\n\nexport function extractToClassNames({\n  extractor,\n  source,\n  sourcePath,\n  options,\n  shouldPrintDebug,\n}: {\n  extractor: Extractor\n  source: string | Buffer\n  sourcePath: string\n  options: TamaguiOptions\n  shouldPrintDebug: boolean | 'verbose'\n}): ExtractedResponse | null {\n  const tm = timer()\n\n  if (typeof source !== 'string') {\n    throw new Error('`source` must be a string of javascript')\n  }\n  invariant(\n    typeof sourcePath === 'string' && path.isAbsolute(sourcePath),\n    '`sourcePath` must be an absolute path to a .js file'\n  )\n\n  const shouldLogTiming = options.logTimings ?? true\n  const start = Date.now()\n  const mem = shouldLogTiming ? process.memoryUsage() : null\n\n  // Using a map for (officially supported) guaranteed insertion order\n  let ast: t.File\n\n  try {\n    ast = babelParse(source)\n  } catch (err) {\n    console.error('babel parse error:', sourcePath)\n    throw err\n  }\n\n  tm.mark(`babel-parse`, shouldPrintDebug === 'verbose')\n\n  const cssMap = new Map<string, { css: string; commentTexts: string[] }>()\n  const existingHoists: { [key: string]: t.Identifier } = {}\n\n  let hasFlattened = false\n\n  const res = extractor.parse(ast, {\n    sourcePath,\n    shouldPrintDebug,\n    ...options,\n    target: 'html',\n    extractStyledDefinitions: true,\n    onStyleRule(identifier, rules) {\n      cssMap.set(`.${identifier}`, { css: rules.join(';'), commentTexts: [] })\n    },\n    getFlattenedNode: ({ tag }) => {\n      hasFlattened = true\n      return tag\n    },\n    onExtractTag: ({\n      attrs,\n      node,\n      attemptEval,\n      jsxPath,\n      originalNodeName,\n      filePath,\n      lineNumbers,\n      programPath,\n      isFlattened,\n    }) => {\n      // reset hasFlattened\n      const didFlattenThisTag = hasFlattened\n      hasFlattened = false\n\n      let finalClassNames: ClassNameObject[] = []\n      let finalAttrs: (t.JSXAttribute | t.JSXSpreadAttribute)[] = []\n      let finalStyles: StyleObject[] = []\n\n      let viewStyles = {}\n      for (const attr of attrs) {\n        if (attr.type === 'style') {\n          viewStyles = {\n            ...viewStyles,\n            ...attr.value,\n          }\n        }\n      }\n\n      const ensureNeededPrevStyle = (style: ViewStyle) => {\n        // ensure all group keys are merged\n        const keys = Object.keys(style)\n        if (!keys.some((key) => mergeStyleGroups[key])) {\n          return style\n        }\n        for (const k in mergeStyleGroups) {\n          if (k in viewStyles) {\n            style[k] = style[k] ?? viewStyles[k]\n          }\n        }\n        return style\n      }\n\n      const addStyles = (style: ViewStyle | null): StyleObject[] => {\n        if (!style) return []\n        const styleWithPrev = ensureNeededPrevStyle(style)\n        const res = getStylesAtomic(styleWithPrev)\n        if (res.length) {\n          finalStyles = [...finalStyles, ...res]\n        }\n        return res\n      }\n\n      // 1 to start above any :hover styles\n      let lastMediaImportance = 1\n      for (const attr of attrs) {\n        switch (attr.type) {\n          case 'style':\n            if (!isFlattened) {\n              const styles = getStylesAtomic(attr.value)\n\n              finalStyles = [...finalStyles, ...styles]\n\n              for (const style of styles) {\n                //  leave them  as attributes\n                const prop = style.pseudo ? `${style.property}-${style.pseudo}` : style.property\n                finalAttrs.push(\n                  t.jsxAttribute(t.jsxIdentifier(prop), t.stringLiteral(style.identifier))\n                )\n              }\n            } else {\n              const styles = addStyles(attr.value)\n              const newClassNames = concatClassName(styles.map((x) => x.identifier).join(' '))\n              const existing = finalClassNames.find(\n                (x) => x.type == 'StringLiteral'\n              ) as t.StringLiteral | null\n\n              if (existing) {\n                existing.value = `${existing.value} ${newClassNames}`\n              } else {\n                finalClassNames = [...finalClassNames, t.stringLiteral(newClassNames)]\n              }\n            }\n\n            break\n          case 'attr':\n            const val = attr.value\n            if (t.isJSXSpreadAttribute(val)) {\n              if (isSimpleSpread(val)) {\n                finalClassNames.push(\n                  t.logicalExpression(\n                    '&&',\n                    val.argument,\n                    t.memberExpression(val.argument, t.identifier('className'))\n                  )\n                )\n              }\n            } else if (val.name.name === 'className') {\n              const value = val.value\n              if (value) {\n                try {\n                  const evaluatedValue = attemptEval(value)\n                  finalClassNames.push(t.stringLiteral(evaluatedValue))\n                } catch (e) {\n                  finalClassNames.push(value['expression'])\n                }\n              }\n              continue\n            }\n            finalAttrs.push(val)\n            break\n          case 'ternary':\n            const mediaExtraction = extractMediaStyle(\n              attr.value,\n              jsxPath,\n              extractor.getTamagui(),\n              sourcePath,\n              lastMediaImportance,\n              shouldPrintDebug\n            )\n            if (shouldPrintDebug) {\n              if (mediaExtraction) {\n                // prettier-ignore\n                console.log('ternary (mediaStyles)', mediaExtraction.ternaryWithoutMedia?.inlineMediaQuery ?? '', mediaExtraction.mediaStyles.map((x) => x.identifier).join('.'))\n              }\n            }\n            if (!mediaExtraction) {\n              addTernaryStyle(\n                attr.value,\n                addStyles(attr.value.consequent),\n                addStyles(attr.value.alternate)\n              )\n              continue\n            }\n            lastMediaImportance++\n            if (mediaExtraction.mediaStyles) {\n              finalStyles = [...finalStyles, ...mediaExtraction.mediaStyles]\n            }\n            if (mediaExtraction.ternaryWithoutMedia) {\n              addTernaryStyle(mediaExtraction.ternaryWithoutMedia, mediaExtraction.mediaStyles, [])\n            } else {\n              finalClassNames = [\n                ...finalClassNames,\n                ...mediaExtraction.mediaStyles.map((x) => t.stringLiteral(x.identifier)),\n              ]\n            }\n            break\n        }\n      }\n\n      function addTernaryStyle(ternary: Ternary, a: any, b: any) {\n        const cCN = a.map((x) => x.identifier).join(' ')\n        const aCN = b.map((x) => x.identifier).join(' ')\n        if (a.length && b.length) {\n          finalClassNames.push(\n            t.conditionalExpression(ternary.test, t.stringLiteral(cCN), t.stringLiteral(aCN))\n          )\n        } else {\n          finalClassNames.push(\n            t.conditionalExpression(\n              ternary.test,\n              t.stringLiteral(' ' + cCN),\n              t.stringLiteral(' ' + aCN)\n            )\n          )\n        }\n      }\n\n      if (shouldPrintDebug) {\n        // prettier-ignore\n        console.log('  finalClassNames\\n', logLines(finalClassNames.map(x => x['value']).join(' ')))\n      }\n\n      node.attributes = finalAttrs\n\n      if (finalClassNames.length) {\n        // inserts the _cn variable and uses it for className\n        let names = buildClassName(finalClassNames)\n        if (t.isStringLiteral(names)) {\n          names.value = concatClassName(names.value)\n        }\n        const nameExpr = names ? hoistClassNames(jsxPath, existingHoists, names) : null\n        let expr = nameExpr\n\n        // if has some spreads, use concat helper\n        if (nameExpr && !t.isIdentifier(nameExpr)) {\n          if (!didFlattenThisTag) {\n            // not flat\n          } else {\n            ensureImportingConcat(programPath)\n            const simpleSpreads = attrs.filter(\n              (x) => t.isJSXSpreadAttribute(x.value) && isSimpleSpread(x.value)\n            )\n            expr = t.callExpression(t.identifier(CONCAT_CLASSNAME_IMPORT), [\n              expr,\n              ...simpleSpreads.map((val) => val.value['argument']),\n            ])\n          }\n        }\n\n        node.attributes.push(\n          t.jsxAttribute(t.jsxIdentifier('className'), t.jsxExpressionContainer(expr))\n        )\n      }\n\n      const comment = util.format('/* %s:%s (%s) */', filePath, lineNumbers, originalNodeName)\n\n      for (const { identifier, rules } of finalStyles) {\n        const className = `.${identifier}`\n        if (cssMap.has(className)) {\n          if (comment) {\n            const val = cssMap.get(className)!\n            val.commentTexts.push(comment)\n            cssMap.set(className, val)\n          }\n        } else if (rules.length) {\n          if (rules.length > 1) {\n            console.log('  rules error', { rules })\n            throw new Error(`Shouldn't have more than one rule`)\n          }\n          cssMap.set(className, {\n            css: rules[0],\n            commentTexts: [comment],\n          })\n        }\n      }\n    },\n  })\n\n  if (!res || (!res.modified && !res.optimized && !res.flattened && !res.styled)) {\n    if (shouldPrintDebug) {\n      console.log('no res or none modified', res)\n    }\n    return null\n  }\n\n  const styles = Array.from(cssMap.values())\n    .map((x) => x.css)\n    .join('\\n')\n    .trim()\n\n  const result = generate(\n    ast,\n    {\n      concise: false,\n      filename: sourcePath,\n      // this makes the debug output terrible, and i think sourcemap works already\n      retainLines: false,\n      sourceFileName: sourcePath,\n      sourceMaps: true,\n    },\n    source\n  )\n\n  if (shouldPrintDebug) {\n    console.log(\n      '\\n -------- output code ------- \\n\\n',\n      result.code\n        .split('\\n')\n        .filter((x) => !x.startsWith('//'))\n        .join('\\n')\n    )\n    console.log('\\n -------- output style -------- \\n\\n', styles)\n  }\n\n  if (shouldLogTiming) {\n    const memUsed = mem\n      ? Math.round(((process.memoryUsage().heapUsed - mem.heapUsed) / 1024 / 1204) * 10) / 10\n      : 0\n    const path = basename(sourcePath)\n      .replace(/\\.[jt]sx?$/, '')\n      .slice(0, 22)\n      .trim()\n      .padStart(24)\n\n    const numStyled = `${res.styled}`.padStart(3)\n    const numOptimized = `${res.optimized}`.padStart(3)\n    const numFound = `${res.found}`.padStart(3)\n    const numFlattened = `${res.flattened}`.padStart(3)\n    const memory = process.env.DEBUG && memUsed > 10 ? ` ${memUsed}MB` : ''\n    const timing = Date.now() - start\n    const timingWarning = timing > 150 ? '\u26A0\uFE0F' : timing > 150 ? '\u2622\uFE0F' : ''\n    const timingStr = `${timing}ms ${timingWarning}`.padStart(6)\n    const pre = getPrefixLogs(options)\n    const memStr = memory ? `(${memory})` : ''\n    console.log(\n      `${pre} ${path}  ${numFound} \u00B7 ${numOptimized} \u00B7 ${numFlattened} \u00B7 ${numStyled}  ${timingStr} ${memStr}`\n    )\n  }\n\n  return {\n    ast,\n    styles,\n    js: result.code,\n    map: result.map,\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as path from 'path'\nimport { basename } from 'path'\nimport * as util from 'util'\n\nimport generate from '@babel/generator'\nimport * as t from '@babel/types'\nimport { getStylesAtomic } from '@tamagui/core-node'\nimport { concatClassName } from '@tamagui/helpers'\nimport invariant from 'invariant'\nimport { ViewStyle } from 'react-native'\n\nimport { CONCAT_CLASSNAME_IMPORT } from '../constants'\nimport { ClassNameObject, StyleObject, TamaguiOptions, Ternary } from '../types'\nimport { babelParse } from './babelParse'\nimport { buildClassName } from './buildClassName'\nimport { Extractor } from './createExtractor'\nimport { ensureImportingConcat } from './ensureImportingConcat'\nimport { isSimpleSpread } from './extractHelpers'\nimport { extractMediaStyle } from './extractMediaStyle'\nimport { getPrefixLogs } from './getPrefixLogs'\nimport { hoistClassNames } from './hoistClassNames'\nimport { logLines } from './logLines'\nimport { timer } from './timer'\n\nconst mergeStyleGroups = {\n  shadowOpacity: true,\n  shadowRadius: true,\n  shadowColor: true,\n  shadowOffset: true,\n}\n\nexport type ExtractedResponse = {\n  js: string | Buffer\n  styles: string\n  stylesPath?: string\n  ast: t.File\n  map: any // RawSourceMap from 'source-map'\n}\n\nexport function extractToClassNames({\n  extractor,\n  source,\n  sourcePath,\n  options,\n  shouldPrintDebug,\n}: {\n  extractor: Extractor\n  source: string | Buffer\n  sourcePath: string\n  options: TamaguiOptions\n  shouldPrintDebug: boolean | 'verbose'\n}): ExtractedResponse | null {\n  const tm = timer()\n\n  if (typeof source !== 'string') {\n    throw new Error('`source` must be a string of javascript')\n  }\n  invariant(\n    typeof sourcePath === 'string' && path.isAbsolute(sourcePath),\n    '`sourcePath` must be an absolute path to a .js file'\n  )\n\n  const shouldLogTiming = options.logTimings ?? true\n  const start = Date.now()\n  const mem = shouldLogTiming ? process.memoryUsage() : null\n\n  // Using a map for (officially supported) guaranteed insertion order\n  let ast: t.File\n\n  try {\n    ast = babelParse(source)\n  } catch (err) {\n    console.error('babel parse error:', sourcePath)\n    throw err\n  }\n\n  tm.mark(`babel-parse`, shouldPrintDebug === 'verbose')\n\n  const cssMap = new Map<string, { css: string; commentTexts: string[] }>()\n  const existingHoists: { [key: string]: t.Identifier } = {}\n\n  let hasFlattened = false\n\n  const res = extractor.parse(ast, {\n    sourcePath,\n    shouldPrintDebug,\n    ...options,\n    target: 'html',\n    extractStyledDefinitions: true,\n    onStyleRule(identifier, rules) {\n      cssMap.set(`.${identifier}`, { css: rules.join(';'), commentTexts: [] })\n    },\n    getFlattenedNode: ({ tag }) => {\n      hasFlattened = true\n      return tag\n    },\n    onExtractTag: ({\n      attrs,\n      node,\n      attemptEval,\n      jsxPath,\n      originalNodeName,\n      filePath,\n      lineNumbers,\n      programPath,\n      isFlattened,\n      completeProps,\n      staticConfig,\n    }) => {\n      // reset hasFlattened\n      const didFlattenThisTag = hasFlattened\n      hasFlattened = false\n\n      let finalClassNames: ClassNameObject[] = []\n      const finalAttrs: (t.JSXAttribute | t.JSXSpreadAttribute)[] = []\n      let finalStyles: StyleObject[] = []\n\n      let viewStyles = {}\n      for (const attr of attrs) {\n        if (attr.type === 'style') {\n          viewStyles = {\n            ...viewStyles,\n            ...attr.value,\n          }\n        }\n      }\n\n      const ensureNeededPrevStyle = (style: ViewStyle) => {\n        // ensure all group keys are merged\n        const keys = Object.keys(style)\n        if (!keys.some((key) => mergeStyleGroups[key])) {\n          return style\n        }\n        for (const k in mergeStyleGroups) {\n          if (k in viewStyles) {\n            style[k] = style[k] ?? viewStyles[k]\n          }\n        }\n        return style\n      }\n\n      const addStyles = (style: ViewStyle | null): StyleObject[] => {\n        if (!style) return []\n        const styleWithPrev = ensureNeededPrevStyle(style)\n        const res = getStylesAtomic(styleWithPrev)\n        if (res.length) {\n          finalStyles = [...finalStyles, ...res]\n        }\n        return res\n      }\n\n      // 1 to start above any :hover styles\n      let lastMediaImportance = 1\n      for (const attr of attrs) {\n        switch (attr.type) {\n          case 'style': {\n            if (!isFlattened) {\n              const styles = getStylesAtomic(attr.value)\n\n              finalStyles = [...finalStyles, ...styles]\n\n              for (const style of styles) {\n                //  leave them  as attributes\n                const prop = style.pseudo ? `${style.property}-${style.pseudo}` : style.property\n                finalAttrs.push(\n                  t.jsxAttribute(t.jsxIdentifier(prop), t.stringLiteral(style.identifier))\n                )\n              }\n            } else {\n              const styles = addStyles(attr.value)\n              const newClassNames = concatClassName(styles.map((x) => x.identifier).join(' '))\n              const existing = finalClassNames.find(\n                (x) => x.type == 'StringLiteral'\n              ) as t.StringLiteral | null\n\n              if (existing) {\n                existing.value = `${existing.value} ${newClassNames}`\n              } else {\n                finalClassNames = [...finalClassNames, t.stringLiteral(newClassNames)]\n              }\n            }\n\n            break\n          }\n          case 'attr': {\n            const val = attr.value\n            if (t.isJSXSpreadAttribute(val)) {\n              if (isSimpleSpread(val)) {\n                finalClassNames.push(\n                  t.logicalExpression(\n                    '&&',\n                    val.argument,\n                    t.memberExpression(val.argument, t.identifier('className'))\n                  )\n                )\n              }\n            } else if (val.name.name === 'className') {\n              const value = val.value\n              if (value) {\n                try {\n                  const evaluatedValue = attemptEval(value)\n                  finalClassNames.push(t.stringLiteral(evaluatedValue))\n                } catch (e) {\n                  finalClassNames.push(value['expression'])\n                }\n              }\n              continue\n            }\n            finalAttrs.push(val)\n            break\n          }\n          case 'ternary': {\n            const mediaExtraction = extractMediaStyle(\n              attr.value,\n              jsxPath,\n              extractor.getTamagui(),\n              sourcePath,\n              lastMediaImportance,\n              shouldPrintDebug\n            )\n            if (shouldPrintDebug) {\n              if (mediaExtraction) {\n                // prettier-ignore\n                console.log('ternary (mediaStyles)', mediaExtraction.ternaryWithoutMedia?.inlineMediaQuery ?? '', mediaExtraction.mediaStyles.map((x) => x.identifier).join('.'))\n              }\n            }\n            if (!mediaExtraction) {\n              addTernaryStyle(\n                attr.value,\n                addStyles(attr.value.consequent),\n                addStyles(attr.value.alternate)\n              )\n              continue\n            }\n            lastMediaImportance++\n            if (mediaExtraction.mediaStyles) {\n              finalStyles = [...finalStyles, ...mediaExtraction.mediaStyles]\n            }\n            if (mediaExtraction.ternaryWithoutMedia) {\n              addTernaryStyle(mediaExtraction.ternaryWithoutMedia, mediaExtraction.mediaStyles, [])\n            } else {\n              finalClassNames = [\n                ...finalClassNames,\n                ...mediaExtraction.mediaStyles.map((x) => t.stringLiteral(x.identifier)),\n              ]\n            }\n            break\n          }\n        }\n      }\n\n      function addTernaryStyle(ternary: Ternary, a: any, b: any) {\n        const cCN = a.map((x) => x.identifier).join(' ')\n        const aCN = b.map((x) => x.identifier).join(' ')\n        if (a.length && b.length) {\n          finalClassNames.push(\n            t.conditionalExpression(ternary.test, t.stringLiteral(cCN), t.stringLiteral(aCN))\n          )\n        } else {\n          finalClassNames.push(\n            t.conditionalExpression(\n              ternary.test,\n              t.stringLiteral(' ' + cCN),\n              t.stringLiteral(' ' + aCN)\n            )\n          )\n        }\n      }\n\n      if (shouldPrintDebug) {\n        // prettier-ignore\n        console.log('  finalClassNames\\n', logLines(finalClassNames.map(x => x['value']).join(' ')))\n      }\n\n      node.attributes = finalAttrs\n\n      if (finalClassNames.length) {\n        const extraClassNames = (() => {\n          let value = ''\n          if (!isFlattened) {\n            return value\n          }\n\n          // helper to see how many get flattened\n          if (process.env.TAMAGUI_DEBUG_OPTIMIZATIONS) {\n            value += `is_tamagui_flattened`\n          }\n\n          // add is_Component className\n          if (staticConfig.componentName) {\n            value += ` is_${staticConfig.componentName}`\n          }\n\n          if (staticConfig.isText) {\n            let family = completeProps.fontFamily\n            if (family[0] === '$') {\n              family = family.slice(1)\n            }\n            value += ` font_${family}`\n          }\n\n          return value\n        })()\n\n        // inserts the _cn variable and uses it for className\n        let names = buildClassName(finalClassNames)\n\n        if (names) {\n          if (t.isStringLiteral(names)) {\n            names.value = concatClassName(names.value)\n            names.value = `${extraClassNames} ${names.value}`\n          } else {\n            names = t.binaryExpression('+', t.stringLiteral(extraClassNames), names)\n          }\n        }\n\n        const nameExpr = names ? hoistClassNames(jsxPath, existingHoists, names) : null\n        let expr = nameExpr\n\n        // if has some spreads, use concat helper\n        if (nameExpr && !t.isIdentifier(nameExpr)) {\n          if (!didFlattenThisTag) {\n            // not flat\n          } else {\n            ensureImportingConcat(programPath)\n            const simpleSpreads = attrs.filter(\n              (x) => t.isJSXSpreadAttribute(x.value) && isSimpleSpread(x.value)\n            )\n            expr = t.callExpression(t.identifier(CONCAT_CLASSNAME_IMPORT), [\n              expr,\n              ...simpleSpreads.map((val) => val.value['argument']),\n            ])\n          }\n        }\n\n        node.attributes.push(\n          t.jsxAttribute(t.jsxIdentifier('className'), t.jsxExpressionContainer(expr))\n        )\n      }\n\n      const comment = util.format('/* %s:%s (%s) */', filePath, lineNumbers, originalNodeName)\n\n      for (const { identifier, rules } of finalStyles) {\n        const className = `.${identifier}`\n        if (cssMap.has(className)) {\n          if (comment) {\n            const val = cssMap.get(className)!\n            val.commentTexts.push(comment)\n            cssMap.set(className, val)\n          }\n        } else if (rules.length) {\n          if (rules.length > 1) {\n            console.log('  rules error', { rules })\n            throw new Error(`Shouldn't have more than one rule`)\n          }\n          cssMap.set(className, {\n            css: rules[0],\n            commentTexts: [comment],\n          })\n        }\n      }\n    },\n  })\n\n  if (!res || (!res.modified && !res.optimized && !res.flattened && !res.styled)) {\n    if (shouldPrintDebug) {\n      console.log('no res or none modified', res)\n    }\n    return null\n  }\n\n  const styles = Array.from(cssMap.values())\n    .map((x) => x.css)\n    .join('\\n')\n    .trim()\n\n  const result = generate(\n    ast,\n    {\n      concise: false,\n      filename: sourcePath,\n      // this makes the debug output terrible, and i think sourcemap works already\n      retainLines: false,\n      sourceFileName: sourcePath,\n      sourceMaps: true,\n    },\n    source\n  )\n\n  if (shouldPrintDebug) {\n    console.log(\n      '\\n -------- output code ------- \\n\\n',\n      result.code\n        .split('\\n')\n        .filter((x) => !x.startsWith('//'))\n        .join('\\n')\n    )\n    console.log('\\n -------- output style -------- \\n\\n', styles)\n  }\n\n  if (shouldLogTiming) {\n    const memUsed = mem\n      ? Math.round(((process.memoryUsage().heapUsed - mem.heapUsed) / 1024 / 1204) * 10) / 10\n      : 0\n    const path = basename(sourcePath)\n      .replace(/\\.[jt]sx?$/, '')\n      .slice(0, 22)\n      .trim()\n      .padStart(24)\n\n    const numStyled = `${res.styled}`.padStart(3)\n    const numOptimized = `${res.optimized}`.padStart(3)\n    const numFound = `${res.found}`.padStart(3)\n    const numFlattened = `${res.flattened}`.padStart(3)\n    const memory = process.env.DEBUG && memUsed > 10 ? ` ${memUsed}MB` : ''\n    const timing = Date.now() - start\n    const timingWarning = timing > 150 ? '\u26A0\uFE0F' : timing > 150 ? '\u2622\uFE0F' : ''\n    const timingStr = `${timing}ms ${timingWarning}`.padStart(6)\n    const pre = getPrefixLogs(options)\n    const memStr = memory ? `(${memory})` : ''\n    console.log(\n      `${pre} ${path}  ${numFound} \u00B7 ${numOptimized} \u00B7 ${numFlattened} \u00B7 ${numStyled}  ${timingStr} ${memStr}`\n    )\n  }\n\n  return {\n    ast,\n    styles,\n    js: result.code,\n    map: result.map,\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/jsx/extractor/getStaticBindingsForScope.js

@@ -85,9 +85,6 @@ async function getStaticBindingsForScope(scope, whitelist = [], sourcePath, bind
           }
         }
       } catch (err) {
-        if (moduleName.includes("@tamagui/select")) {
-          continue;
-        }
         console.warn(`\u26A0\uFE0F Failed evaluating module, continuing: ${moduleName}`);
       }
     }

package/dist/jsx/extractor/getStaticBindingsForScope.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/extractor/getStaticBindingsForScope.ts"],
-  "sourcesContent": ["import { fork, spawn } from 'child_process'\nimport { dirname, extname, join, resolve } from 'path'\n\nimport { Binding, NodePath } from '@babel/traverse'\nimport * as t from '@babel/types'\nimport esbuild from 'esbuild'\nimport { existsSync } from 'fs-extra'\n\nimport { evaluateAstNode } from './evaluateAstNode'\nimport { getSourceModule } from './getSourceModule'\n\nconst isLocalImport = (path: string) => path.startsWith('.') || path.startsWith('/')\n\nfunction resolveImportPath(sourcePath: string, path: string) {\n  const sourceDir = dirname(sourcePath)\n  if (isLocalImport(path)) {\n    if (extname(path) === '') {\n      path += '.js'\n    }\n    return resolve(sourceDir, path)\n  }\n  return path\n}\n\nconst cache = new Map()\nconst pending = new Map<string, Promise<any>>()\nsetInterval(() => {\n  if (cache.size) {\n    cache.clear()\n  }\n}, 10)\n\nconst loadCmd = `${join(__dirname, 'loadFile.js')}`\nconst child = fork(loadCmd, [], {\n  execArgv: ['-r', 'esbuild-register'],\n})\n\nfunction importModule(path: string) {\n  if (pending.has(path)) {\n    return pending.get(path)\n  }\n  const promise = new Promise((res, rej) => {\n    if (cache.has(path)) {\n      return cache.get(path)\n    }\n    const listener = (msg: any) => {\n      if (!msg) return\n      if (typeof msg !== 'string') return\n      if (msg[0] === '-') {\n        rej(new Error(msg.slice(1)))\n        return\n      }\n      child.removeListener('message', listener)\n      const val = JSON.parse(msg)\n      cache.set(path, val)\n      res(val)\n    }\n    child.once('message', listener)\n    child.send(`${path.replace('.js', '')}`)\n  })\n  pending.set(path, promise)\n  return promise\n}\n\nexport async function getStaticBindingsForScope(\n  scope: NodePath<t.JSXElement>['scope'],\n  whitelist: string[] = [],\n  sourcePath: string,\n  bindingCache: Record<string, string | null>,\n  shouldPrintDebug: boolean | 'verbose'\n): Promise<Record<string, any>> {\n  const bindings: Record<string, Binding> = scope.getAllBindings() as any\n  const ret: Record<string, any> = {}\n\n  if (shouldPrintDebug) {\n    // prettier-ignore\n    console.log('  ', Object.keys(bindings).length, 'variables in scope')\n    // .map(x => bindings[x].identifier?.name).join(', ')\n  }\n\n  // on react native at least it doesnt find some bindings? not sure why\n  // lets add in whitelisted imports if they exist\n  const program = scope.getProgramParent().block as t.Program\n  for (const node of program.body) {\n    if (t.isImportDeclaration(node)) {\n      const importPath = node.source.value\n      if (!node.specifiers.length) continue\n      if (!isLocalImport(importPath)) {\n        continue\n      }\n      const moduleName = resolveImportPath(sourcePath, importPath)\n      const isOnWhitelist = whitelist.some((test) => moduleName.endsWith(test))\n      if (!isOnWhitelist) continue\n      try {\n        const src = await importModule(moduleName)\n        if (!src) continue\n        for (const specifier of node.specifiers) {\n          if (t.isImportSpecifier(specifier) && t.isIdentifier(specifier.imported)) {\n            if (typeof src[specifier.imported.name] !== 'undefined') {\n              const val = src[specifier.local.name]\n              ret[specifier.local.name] = val\n            }\n          }\n        }\n      } catch (err) {\n        if (moduleName.includes('@tamagui/select')) {\n          continue\n        }\n        console.warn(`\u26A0\uFE0F Failed evaluating module, continuing: ${moduleName}`)\n      }\n    }\n  }\n\n  if (!bindingCache) {\n    throw new Error('bindingCache is a required param')\n  }\n\n  for (const k in bindings) {\n    const binding = bindings[k]\n\n    // check to see if the item is a module\n    const sourceModule = getSourceModule(k, binding)\n    if (sourceModule) {\n      if (!sourceModule.sourceModule) {\n        continue\n      }\n\n      const moduleName = resolveImportPath(sourcePath, sourceModule.sourceModule)\n      const isOnWhitelist = whitelist.some((test) => moduleName.endsWith(test))\n\n      // TODO we could cache this at the file level.. and check if its been touched since\n\n      if (isOnWhitelist) {\n        const src = importModule(moduleName)\n        if (!src) {\n          console.log(\n            `\u26A0\uFE0F missing file ${moduleName} via ${sourcePath} import ${sourceModule.sourceModule}?`\n          )\n          return {}\n        }\n        if (sourceModule.destructured) {\n          if (sourceModule.imported) {\n            ret[k] = src[sourceModule.imported]\n          }\n        } else {\n          ret[k] = src\n        }\n      }\n      continue\n    }\n\n    const { parent, parentPath } = binding.path\n\n    if (!t.isVariableDeclaration(parent) || parent.kind !== 'const') {\n      continue\n    }\n\n    // pick out the right variable declarator\n    const dec = parent.declarations.find((d) => t.isIdentifier(d.id) && d.id.name === k)\n\n    // if init is not set, there's nothing to evaluate\n    // TODO: handle spread syntax\n    if (!dec || !dec.init) {\n      continue\n    }\n\n    // missing start/end will break caching\n    if (typeof dec.id.start !== 'number' || typeof dec.id.end !== 'number') {\n      console.error('dec.id.start/end is not a number')\n      continue\n    }\n\n    if (!t.isIdentifier(dec.id)) {\n      console.error('dec is not an identifier')\n      continue\n    }\n\n    const cacheKey = `${dec.id.name}_${dec.id.start}-${dec.id.end}`\n\n    // retrieve value from cache\n    if (bindingCache.hasOwnProperty(cacheKey)) {\n      ret[k] = bindingCache[cacheKey]\n      continue\n    }\n    // retrieve value from cache\n    if (bindingCache.hasOwnProperty(cacheKey)) {\n      ret[k] = bindingCache[cacheKey]\n      continue\n    }\n\n    // evaluate\n    try {\n      ret[k] = evaluateAstNode(dec.init, undefined, shouldPrintDebug)\n      bindingCache[cacheKey] = ret[k]\n      continue\n    } catch {\n      // skip\n    }\n  }\n\n  return ret\n}\n"],
-  "mappings": "AAAA;AACA;AAGA;AAIA;AACA;AAEA,MAAM,gBAAgB,CAAC,SAAiB,KAAK,WAAW,GAAG,KAAK,KAAK,WAAW,GAAG;AAEnF,2BAA2B,YAAoB,MAAc;AAC3D,QAAM,YAAY,QAAQ,UAAU;AACpC,MAAI,cAAc,IAAI,GAAG;AACvB,QAAI,QAAQ,IAAI,MAAM,IAAI;AACxB,cAAQ;AAAA,IACV;AACA,WAAO,QAAQ,WAAW,IAAI;AAAA,EAChC;AACA,SAAO;AACT;AAEA,MAAM,QAAQ,oBAAI,IAAI;AACtB,MAAM,UAAU,oBAAI,IAA0B;AAC9C,YAAY,MAAM;AAChB,MAAI,MAAM,MAAM;AACd,UAAM,MAAM;AAAA,EACd;AACF,GAAG,EAAE;AAEL,MAAM,UAAU,GAAG,KAAK,WAAW,aAAa;AAChD,MAAM,QAAQ,KAAK,SAAS,CAAC,GAAG;AAAA,EAC9B,UAAU,CAAC,MAAM,kBAAkB;AACrC,CAAC;AAED,sBAAsB,MAAc;AAClC,MAAI,QAAQ,IAAI,IAAI,GAAG;AACrB,WAAO,QAAQ,IAAI,IAAI;AAAA,EACzB;AACA,QAAM,UAAU,IAAI,QAAQ,CAAC,KAAK,QAAQ;AACxC,QAAI,MAAM,IAAI,IAAI,GAAG;AACnB,aAAO,MAAM,IAAI,IAAI;AAAA,IACvB;AACA,UAAM,WAAW,CAAC,QAAa;AAC7B,UAAI,CAAC;AAAK;AACV,UAAI,OAAO,QAAQ;AAAU;AAC7B,UAAI,IAAI,OAAO,KAAK;AAClB,YAAI,IAAI,MAAM,IAAI,MAAM,CAAC,CAAC,CAAC;AAC3B;AAAA,MACF;AACA,YAAM,eAAe,WAAW,QAAQ;AACxC,YAAM,MAAM,KAAK,MAAM,GAAG;AAC1B,YAAM,IAAI,MAAM,GAAG;AACnB,UAAI,GAAG;AAAA,IACT;AACA,UAAM,KAAK,WAAW,QAAQ;AAC9B,UAAM,KAAK,GAAG,KAAK,QAAQ,OAAO,EAAE,GAAG;AAAA,EACzC,CAAC;AACD,UAAQ,IAAI,MAAM,OAAO;AACzB,SAAO;AACT;AAEA,yCACE,OACA,YAAsB,CAAC,GACvB,YACA,cACA,kBAC8B;AAC9B,QAAM,WAAoC,MAAM,eAAe;AAC/D,QAAM,MAA2B,CAAC;AAElC,MAAI,kBAAkB;AAEpB,YAAQ,IAAI,MAAM,OAAO,KAAK,QAAQ,EAAE,QAAQ,oBAAoB;AAAA,EAEtE;AAIA,QAAM,UAAU,MAAM,iBAAiB,EAAE;AACzC,aAAW,QAAQ,QAAQ,MAAM;AAC/B,QAAI,EAAE,oBAAoB,IAAI,GAAG;AAC/B,YAAM,aAAa,KAAK,OAAO;AAC/B,UAAI,CAAC,KAAK,WAAW;AAAQ;AAC7B,UAAI,CAAC,cAAc,UAAU,GAAG;AAC9B;AAAA,MACF;AACA,YAAM,aAAa,kBAAkB,YAAY,UAAU;AAC3D,YAAM,gBAAgB,UAAU,KAAK,CAAC,SAAS,WAAW,SAAS,IAAI,CAAC;AACxE,UAAI,CAAC;AAAe;AACpB,UAAI;AACF,cAAM,MAAM,MAAM,aAAa,UAAU;AACzC,YAAI,CAAC;AAAK;AACV,mBAAW,aAAa,KAAK,YAAY;AACvC,cAAI,EAAE,kBAAkB,SAAS,KAAK,EAAE,aAAa,UAAU,QAAQ,GAAG;AACxE,gBAAI,OAAO,IAAI,UAAU,SAAS,UAAU,aAAa;AACvD,oBAAM,MAAM,IAAI,UAAU,MAAM;AAChC,kBAAI,UAAU,MAAM,QAAQ;AAAA,YAC9B;AAAA,UACF;AAAA,QACF;AAAA,MACF,SAAS,KAAP;AACA,YAAI,WAAW,SAAS,iBAAiB,GAAG;AAC1C;AAAA,QACF;AACA,gBAAQ,KAAK,sDAA4C,YAAY;AAAA,MACvE;AAAA,IACF;AAAA,EACF;AAEA,MAAI,CAAC,cAAc;AACjB,UAAM,IAAI,MAAM,kCAAkC;AAAA,EACpD;AAEA,aAAW,KAAK,UAAU;AACxB,UAAM,UAAU,SAAS;AAGzB,UAAM,eAAe,gBAAgB,GAAG,OAAO;AAC/C,QAAI,cAAc;AAChB,UAAI,CAAC,aAAa,cAAc;AAC9B;AAAA,MACF;AAEA,YAAM,aAAa,kBAAkB,YAAY,aAAa,YAAY;AAC1E,YAAM,gBAAgB,UAAU,KAAK,CAAC,SAAS,WAAW,SAAS,IAAI,CAAC;AAIxE,UAAI,eAAe;AACjB,cAAM,MAAM,aAAa,UAAU;AACnC,YAAI,CAAC,KAAK;AACR,kBAAQ,IACN,6BAAmB,kBAAkB,qBAAqB,aAAa,eACzE;AACA,iBAAO,CAAC;AAAA,QACV;AACA,YAAI,aAAa,cAAc;AAC7B,cAAI,aAAa,UAAU;AACzB,gBAAI,KAAK,IAAI,aAAa;AAAA,UAC5B;AAAA,QACF,OAAO;AACL,cAAI,KAAK;AAAA,QACX;AAAA,MACF;AACA;AAAA,IACF;AAEA,UAAM,EAAE,QAAQ,eAAe,QAAQ;AAEvC,QAAI,CAAC,EAAE,sBAAsB,MAAM,KAAK,OAAO,SAAS,SAAS;AAC/D;AAAA,IACF;AAGA,UAAM,MAAM,OAAO,aAAa,KAAK,CAAC,MAAM,EAAE,aAAa,EAAE,EAAE,KAAK,EAAE,GAAG,SAAS,CAAC;AAInF,QAAI,CAAC,OAAO,CAAC,IAAI,MAAM;AACrB;AAAA,IACF;AAGA,QAAI,OAAO,IAAI,GAAG,UAAU,YAAY,OAAO,IAAI,GAAG,QAAQ,UAAU;AACtE,cAAQ,MAAM,kCAAkC;AAChD;AAAA,IACF;AAEA,QAAI,CAAC,EAAE,aAAa,IAAI,EAAE,GAAG;AAC3B,cAAQ,MAAM,0BAA0B;AACxC;AAAA,IACF;AAEA,UAAM,WAAW,GAAG,IAAI,GAAG,QAAQ,IAAI,GAAG,SAAS,IAAI,GAAG;AAG1D,QAAI,aAAa,eAAe,QAAQ,GAAG;AACzC,UAAI,KAAK,aAAa;AACtB;AAAA,IACF;AAEA,QAAI,aAAa,eAAe,QAAQ,GAAG;AACzC,UAAI,KAAK,aAAa;AACtB;AAAA,IACF;AAGA,QAAI;AACF,UAAI,KAAK,gBAAgB,IAAI,MAAM,QAAW,gBAAgB;AAC9D,mBAAa,YAAY,IAAI;AAC7B;AAAA,IACF,QAAE;AAAA,IAEF;AAAA,EACF;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import { fork, spawn } from 'child_process'\nimport { dirname, extname, join, resolve } from 'path'\n\nimport { Binding, NodePath } from '@babel/traverse'\nimport * as t from '@babel/types'\nimport esbuild from 'esbuild'\nimport { existsSync } from 'fs-extra'\n\nimport { evaluateAstNode } from './evaluateAstNode'\nimport { getSourceModule } from './getSourceModule'\n\nconst isLocalImport = (path: string) => path.startsWith('.') || path.startsWith('/')\n\nfunction resolveImportPath(sourcePath: string, path: string) {\n  const sourceDir = dirname(sourcePath)\n  if (isLocalImport(path)) {\n    if (extname(path) === '') {\n      path += '.js'\n    }\n    return resolve(sourceDir, path)\n  }\n  return path\n}\n\nconst cache = new Map()\nconst pending = new Map<string, Promise<any>>()\nsetInterval(() => {\n  if (cache.size) {\n    cache.clear()\n  }\n}, 10)\n\nconst loadCmd = `${join(__dirname, 'loadFile.js')}`\nconst child = fork(loadCmd, [], {\n  execArgv: ['-r', 'esbuild-register'],\n})\n\nfunction importModule(path: string) {\n  if (pending.has(path)) {\n    return pending.get(path)\n  }\n  const promise = new Promise((res, rej) => {\n    if (cache.has(path)) {\n      return cache.get(path)\n    }\n    const listener = (msg: any) => {\n      if (!msg) return\n      if (typeof msg !== 'string') return\n      if (msg[0] === '-') {\n        rej(new Error(msg.slice(1)))\n        return\n      }\n      child.removeListener('message', listener)\n      const val = JSON.parse(msg)\n      cache.set(path, val)\n      res(val)\n    }\n    child.once('message', listener)\n    child.send(`${path.replace('.js', '')}`)\n  })\n  pending.set(path, promise)\n  return promise\n}\n\nexport async function getStaticBindingsForScope(\n  scope: NodePath<t.JSXElement>['scope'],\n  whitelist: string[] = [],\n  sourcePath: string,\n  bindingCache: Record<string, string | null>,\n  shouldPrintDebug: boolean | 'verbose'\n): Promise<Record<string, any>> {\n  const bindings: Record<string, Binding> = scope.getAllBindings() as any\n  const ret: Record<string, any> = {}\n\n  if (shouldPrintDebug) {\n    // prettier-ignore\n    console.log('  ', Object.keys(bindings).length, 'variables in scope')\n    // .map(x => bindings[x].identifier?.name).join(', ')\n  }\n\n  // on react native at least it doesnt find some bindings? not sure why\n  // lets add in whitelisted imports if they exist\n  const program = scope.getProgramParent().block as t.Program\n  for (const node of program.body) {\n    if (t.isImportDeclaration(node)) {\n      const importPath = node.source.value\n      if (!node.specifiers.length) continue\n      if (!isLocalImport(importPath)) {\n        continue\n      }\n      const moduleName = resolveImportPath(sourcePath, importPath)\n      const isOnWhitelist = whitelist.some((test) => moduleName.endsWith(test))\n      if (!isOnWhitelist) continue\n      try {\n        const src = await importModule(moduleName)\n        if (!src) continue\n        for (const specifier of node.specifiers) {\n          if (t.isImportSpecifier(specifier) && t.isIdentifier(specifier.imported)) {\n            if (typeof src[specifier.imported.name] !== 'undefined') {\n              const val = src[specifier.local.name]\n              ret[specifier.local.name] = val\n            }\n          }\n        }\n      } catch (err) {\n        console.warn(`\u26A0\uFE0F Failed evaluating module, continuing: ${moduleName}`)\n      }\n    }\n  }\n\n  if (!bindingCache) {\n    throw new Error('bindingCache is a required param')\n  }\n\n  for (const k in bindings) {\n    const binding = bindings[k]\n\n    // check to see if the item is a module\n    const sourceModule = getSourceModule(k, binding)\n    if (sourceModule) {\n      if (!sourceModule.sourceModule) {\n        continue\n      }\n\n      const moduleName = resolveImportPath(sourcePath, sourceModule.sourceModule)\n      const isOnWhitelist = whitelist.some((test) => moduleName.endsWith(test))\n\n      // TODO we could cache this at the file level.. and check if its been touched since\n\n      if (isOnWhitelist) {\n        const src = importModule(moduleName)\n        if (!src) {\n          console.log(\n            `\u26A0\uFE0F missing file ${moduleName} via ${sourcePath} import ${sourceModule.sourceModule}?`\n          )\n          return {}\n        }\n        if (sourceModule.destructured) {\n          if (sourceModule.imported) {\n            ret[k] = src[sourceModule.imported]\n          }\n        } else {\n          ret[k] = src\n        }\n      }\n      continue\n    }\n\n    const { parent, parentPath } = binding.path\n\n    if (!t.isVariableDeclaration(parent) || parent.kind !== 'const') {\n      continue\n    }\n\n    // pick out the right variable declarator\n    const dec = parent.declarations.find((d) => t.isIdentifier(d.id) && d.id.name === k)\n\n    // if init is not set, there's nothing to evaluate\n    // TODO: handle spread syntax\n    if (!dec || !dec.init) {\n      continue\n    }\n\n    // missing start/end will break caching\n    if (typeof dec.id.start !== 'number' || typeof dec.id.end !== 'number') {\n      console.error('dec.id.start/end is not a number')\n      continue\n    }\n\n    if (!t.isIdentifier(dec.id)) {\n      console.error('dec is not an identifier')\n      continue\n    }\n\n    const cacheKey = `${dec.id.name}_${dec.id.start}-${dec.id.end}`\n\n    // retrieve value from cache\n    if (bindingCache.hasOwnProperty(cacheKey)) {\n      ret[k] = bindingCache[cacheKey]\n      continue\n    }\n    // retrieve value from cache\n    if (bindingCache.hasOwnProperty(cacheKey)) {\n      ret[k] = bindingCache[cacheKey]\n      continue\n    }\n\n    // evaluate\n    try {\n      ret[k] = evaluateAstNode(dec.init, undefined, shouldPrintDebug)\n      bindingCache[cacheKey] = ret[k]\n      continue\n    } catch {\n      // skip\n    }\n  }\n\n  return ret\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/jsx/extractor/loadTamagui.js

@@ -1,8 +1,8 @@
 import { join } from "path";
+import { getDefaultTamaguiConfig } from "@tamagui/config-default-node";
 import { createTamagui } from "@tamagui/core-node";
 import { SHOULD_DEBUG } from "../constants";
 import { getNameToPaths, registerRequire, unregisterRequire } from "../require";
-import { getDefaultTamaguiConfig } from "./defaultTamaguiConfig";
 let loadedTamagui = null;
 function loadTamagui(props) {
   if (loadedTamagui) {

package/dist/jsx/extractor/loadTamagui.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/extractor/loadTamagui.ts"],
-  "sourcesContent": ["import { join } from 'path'\n\nimport type { StaticConfig, TamaguiComponent, TamaguiInternalConfig } from '@tamagui/core-node'\nimport { createTamagui } from '@tamagui/core-node'\n\nimport { SHOULD_DEBUG } from '../constants'\nimport { getNameToPaths, registerRequire, unregisterRequire } from '../require'\nimport { getDefaultTamaguiConfig } from './defaultTamaguiConfig'\n\nlet loadedTamagui: any = null\n\ntype NameToPaths = {\n  [key: string]: Set<string>\n}\n\nexport type TamaguiProjectInfo = {\n  components: Record<string, TamaguiComponent>\n  tamaguiConfig: TamaguiInternalConfig\n  nameToPaths: NameToPaths\n}\n\nexport function loadTamagui(props: { components: string[]; config: string }): TamaguiProjectInfo {\n  if (loadedTamagui) {\n    return loadedTamagui\n  }\n\n  const configPath = join(process.cwd(), props.config)\n\n  const { unregister } = require('esbuild-register/dist/node').register({\n    target: 'es2019',\n    format: 'cjs',\n  })\n\n  try {\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    // @ts-ignore\n    if (typeof globalThis['__DEV__'] === 'undefined') {\n      // @ts-ignore\n      globalThis['__DEV__'] = process.env.NODE_ENV === 'development'\n    }\n\n    registerRequire()\n\n    try {\n      // import config\n      const exp = require(configPath)\n      const tamaguiConfig = (exp['default'] || exp) as TamaguiInternalConfig\n\n      if (!tamaguiConfig || !tamaguiConfig.parsed) {\n        const confPath = require.resolve(configPath)\n        console.log(`Received:`, tamaguiConfig)\n        throw new Error(`Can't find valid config in ${confPath}`)\n      }\n\n      // import components\n      const components = {}\n      for (const moduleName of props.components) {\n        const exported = require(moduleName)\n        for (const Name in exported) {\n          const val = exported[Name]\n          const staticConfig = val?.staticConfig as StaticConfig | undefined\n          if (staticConfig) {\n            // remove non-stringifyable\n            const { Component, reactNativeWebComponent, ...sc } = staticConfig\n            Object.assign(components, { [Name]: { staticConfig: sc } })\n          }\n        }\n      }\n\n      // undo shims\n      process.env.IS_STATIC = undefined\n\n      // set up core-node\n      createTamagui(tamaguiConfig as any)\n\n      loadedTamagui = {\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 loadedTamagui\n  } catch (err) {\n    console.log('Error loading Tamagui', err)\n    throw err\n  } finally {\n    unregister()\n    unregisterRequire()\n  }\n}\n"],
-  "mappings": "AAAA;AAGA;AAEA;AACA;AACA;AAEA,IAAI,gBAAqB;AAYlB,qBAAqB,OAAqE;AAC/F,MAAI,eAAe;AACjB,WAAO;AAAA,EACT;AAEA,QAAM,aAAa,KAAK,QAAQ,IAAI,GAAG,MAAM,MAAM;AAEnD,QAAM,EAAE,eAAe,QAAQ,4BAA4B,EAAE,SAAS;AAAA,IACpE,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV,CAAC;AAED,MAAI;AAGF,YAAQ,IAAI,YAAY;AAExB,QAAI,OAAO,WAAW,eAAe,aAAa;AAEhD,iBAAW,aAAa,QAAQ,IAAI,aAAa;AAAA,IACnD;AAEA,oBAAgB;AAEhB,QAAI;AAEF,YAAM,MAAM,QAAQ,UAAU;AAC9B,YAAM,gBAAiB,IAAI,cAAc;AAEzC,UAAI,CAAC,iBAAiB,CAAC,cAAc,QAAQ;AAC3C,cAAM,WAA2B,AAAhB,QAAQ,QAAQ;AACjC,gBAAQ,IAAI,aAAa,aAAa;AACtC,cAAM,IAAI,MAAM,8BAA8B,UAAU;AAAA,MAC1D;AAGA,YAAM,aAAa,CAAC;AACpB,iBAAW,cAAc,MAAM,YAAY;AACzC,cAAM,WAAW,QAAQ,UAAU;AACnC,mBAAW,QAAQ,UAAU;AAC3B,gBAAM,MAAM,SAAS;AACrB,gBAAM,eAAe,2BAAK;AAC1B,cAAI,cAAc;AAEhB,kBAAM,EAAE,WAAW,4BAA4B,OAAO;AACtD,mBAAO,OAAO,YAAY,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,EAAE,CAAC;AAAA,UAC5D;AAAA,QACF;AAAA,MACF;AAGA,cAAQ,IAAI,YAAY;AAGxB,oBAAc,aAAoB;AAElC,sBAAgB;AAAA,QACd;AAAA,QACA;AAAA,QACA,aAAa,eAAe;AAAA,MAC9B;AAAA,IACF,SAAS,KAAP;AACA,UAAI,eAAe,OAAO;AACxB,gBAAQ,KACN,8GACF;AACA,gBAAQ,IAAI;AAAA;AAAA,MAAW,IAAI;AAAA;AAAA,CAAa;AACxC,YAAI,cAAc;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,eAAe,wBAAwB;AAAA,QACvC,aAAa,CAAC;AAAA,MAChB;AAAA,IACF;AAEA,WAAO;AAAA,EACT,SAAS,KAAP;AACA,YAAQ,IAAI,yBAAyB,GAAG;AACxC,UAAM;AAAA,EACR,UAAE;AACA,eAAW;AACX,sBAAkB;AAAA,EACpB;AACF;",
+  "sourcesContent": ["import { join } from 'path'\n\nimport { getDefaultTamaguiConfig } from '@tamagui/config-default-node'\nimport type { StaticConfig, TamaguiComponent, TamaguiInternalConfig } from '@tamagui/core-node'\nimport { createTamagui } from '@tamagui/core-node'\n\nimport { SHOULD_DEBUG } from '../constants'\nimport { getNameToPaths, registerRequire, unregisterRequire } from '../require'\n\nlet loadedTamagui: any = null\n\ntype NameToPaths = {\n  [key: string]: Set<string>\n}\n\nexport type TamaguiProjectInfo = {\n  components: Record<string, TamaguiComponent>\n  tamaguiConfig: TamaguiInternalConfig\n  nameToPaths: NameToPaths\n}\n\nexport function loadTamagui(props: { components: string[]; config: string }): TamaguiProjectInfo {\n  if (loadedTamagui) {\n    return loadedTamagui\n  }\n\n  const configPath = join(process.cwd(), props.config)\n\n  const { unregister } = require('esbuild-register/dist/node').register({\n    target: 'es2019',\n    format: 'cjs',\n  })\n\n  try {\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    // @ts-ignore\n    if (typeof globalThis['__DEV__'] === 'undefined') {\n      // @ts-ignore\n      globalThis['__DEV__'] = process.env.NODE_ENV === 'development'\n    }\n\n    registerRequire()\n\n    try {\n      // import config\n      const exp = require(configPath)\n      const tamaguiConfig = (exp['default'] || exp) as TamaguiInternalConfig\n\n      if (!tamaguiConfig || !tamaguiConfig.parsed) {\n        const confPath = require.resolve(configPath)\n        console.log(`Received:`, tamaguiConfig)\n        throw new Error(`Can't find valid config in ${confPath}`)\n      }\n\n      // import components\n      const components = {}\n      for (const moduleName of props.components) {\n        const exported = require(moduleName)\n        for (const Name in exported) {\n          const val = exported[Name]\n          const staticConfig = val?.staticConfig as StaticConfig | undefined\n          if (staticConfig) {\n            // remove non-stringifyable\n            const { Component, reactNativeWebComponent, ...sc } = staticConfig\n            Object.assign(components, { [Name]: { staticConfig: sc } })\n          }\n        }\n      }\n\n      // undo shims\n      process.env.IS_STATIC = undefined\n\n      // set up core-node\n      createTamagui(tamaguiConfig as any)\n\n      loadedTamagui = {\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 loadedTamagui\n  } catch (err) {\n    console.log('Error loading Tamagui', err)\n    throw err\n  } finally {\n    unregister()\n    unregisterRequire()\n  }\n}\n"],
+  "mappings": "AAAA;AAEA;AAEA;AAEA;AACA;AAEA,IAAI,gBAAqB;AAYlB,qBAAqB,OAAqE;AAC/F,MAAI,eAAe;AACjB,WAAO;AAAA,EACT;AAEA,QAAM,aAAa,KAAK,QAAQ,IAAI,GAAG,MAAM,MAAM;AAEnD,QAAM,EAAE,eAAe,QAAQ,4BAA4B,EAAE,SAAS;AAAA,IACpE,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV,CAAC;AAED,MAAI;AAGF,YAAQ,IAAI,YAAY;AAExB,QAAI,OAAO,WAAW,eAAe,aAAa;AAEhD,iBAAW,aAAa,QAAQ,IAAI,aAAa;AAAA,IACnD;AAEA,oBAAgB;AAEhB,QAAI;AAEF,YAAM,MAAM,QAAQ,UAAU;AAC9B,YAAM,gBAAiB,IAAI,cAAc;AAEzC,UAAI,CAAC,iBAAiB,CAAC,cAAc,QAAQ;AAC3C,cAAM,WAA2B,AAAhB,QAAQ,QAAQ;AACjC,gBAAQ,IAAI,aAAa,aAAa;AACtC,cAAM,IAAI,MAAM,8BAA8B,UAAU;AAAA,MAC1D;AAGA,YAAM,aAAa,CAAC;AACpB,iBAAW,cAAc,MAAM,YAAY;AACzC,cAAM,WAAW,QAAQ,UAAU;AACnC,mBAAW,QAAQ,UAAU;AAC3B,gBAAM,MAAM,SAAS;AACrB,gBAAM,eAAe,2BAAK;AAC1B,cAAI,cAAc;AAEhB,kBAAM,EAAE,WAAW,4BAA4B,OAAO;AACtD,mBAAO,OAAO,YAAY,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,EAAE,CAAC;AAAA,UAC5D;AAAA,QACF;AAAA,MACF;AAGA,cAAQ,IAAI,YAAY;AAGxB,oBAAc,aAAoB;AAElC,sBAAgB;AAAA,QACd;AAAA,QACA;AAAA,QACA,aAAa,eAAe;AAAA,MAC9B;AAAA,IACF,SAAS,KAAP;AACA,UAAI,eAAe,OAAO;AACxB,gBAAQ,KACN,8GACF;AACA,gBAAQ,IAAI;AAAA;AAAA,MAAW,IAAI;AAAA;AAAA,CAAa;AACxC,YAAI,cAAc;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,eAAe,wBAAwB;AAAA,QACvC,aAAa,CAAC;AAAA,MAChB;AAAA,IACF;AAEA,WAAO;AAAA,EACT,SAAS,KAAP;AACA,YAAQ,IAAI,yBAAyB,GAAG;AACxC,UAAM;AAAA,EACR,UAAE;AACA,eAAW;AACX,sBAAkB;AAAA,EACpB;AACF;",
   "names": []
 }

package/dist/jsx/require.js

@@ -1,8 +1,8 @@
 import { join } from "path";
 import { SHOULD_DEBUG } from "./constants";
 const nameToPaths = {};
-const Mod = require("module");
-const og = Mod.prototype.require;
+const Module = require("module");
+const og = Module.prototype.require;
 globalThis["ogRequire"] = og;
 const getNameToPaths = () => nameToPaths;
 let tries = 0;
@@ -10,14 +10,14 @@ setInterval(() => {
   tries = 0;
 }, 50);
 function registerRequire() {
-  if (Mod.prototype.require !== globalThis["ogRequire"]) {
+  if (Module.prototype.require !== globalThis["ogRequire"]) {
     console.warn("didnt unregister before re-registering");
     process.exit(1);
   }
   const proxyWorm = require("@tamagui/proxy-worm");
   const rnw = require("react-native-web");
   const core = require("@tamagui/core-node");
-  Mod.prototype.require = function(path) {
+  Module.prototype.require = function(path) {
     var _a, _b, _c;
     if (SHOULD_DEBUG) {
       console.log("tamagui require", path);
@@ -68,9 +68,10 @@ function registerRequire() {
       return proxyWorm;
     }
   };
+  return Module.prototype.require;
 }
 function unregisterRequire() {
-  Mod.prototype.require = og;
+  Module.prototype.require = og;
 }
 export {
   getNameToPaths,

package/dist/jsx/require.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/require.ts"],
-  "sourcesContent": ["import { join } from 'path'\n\nimport type { StaticConfig } from '@tamagui/core-node'\n\nimport { SHOULD_DEBUG } from './constants'\n\nconst nameToPaths = {}\nconst Mod = require('module')\nconst og = Mod.prototype.require\nglobalThis['ogRequire'] = og\n\nexport const getNameToPaths = () => nameToPaths\n\n// just for catching egregious amounts of errors in a tight loop\nlet tries = 0\nsetInterval(() => {\n  tries = 0\n}, 50)\n\nexport function registerRequire() {\n  if (Mod.prototype.require !== globalThis['ogRequire']) {\n    console.warn('didnt unregister before re-registering')\n    process.exit(1)\n  }\n\n  const proxyWorm = require('@tamagui/proxy-worm')\n  const rnw = require('react-native-web')\n  const core = require('@tamagui/core-node')\n\n  Mod.prototype.require = function (path: string) {\n    if (SHOULD_DEBUG) {\n      console.log('tamagui require', path)\n    }\n    if (path.endsWith('.css') || path.endsWith('.json') || path.endsWith('.ttf')) {\n      return {}\n    }\n    if (\n      path === '@gorhom/bottom-sheet' ||\n      path.startsWith('react-native-reanimated') ||\n      path === 'expo-linear-gradient' ||\n      path === '@expo/vector-icons'\n    ) {\n      return proxyWorm\n    }\n    if (\n      path.startsWith('react-native') &&\n      // allow our rnw.tsx imports through\n      !path.startsWith('react-native-web/dist/cjs/exports')\n    ) {\n      return rnw\n      // return og('react-native-web')\n    }\n    if (path === '@tamagui/core') {\n      return core\n    }\n    try {\n      const out = og.apply(this, arguments)\n      if (!nameToPaths[path]) {\n        if (out && typeof out === 'object') {\n          for (const key in out) {\n            try {\n              const conf = out[key]?.staticConfig as StaticConfig\n              if (conf) {\n                if (conf.componentName) {\n                  nameToPaths[conf.componentName] ??= new Set()\n                  const fullName = path.startsWith('.')\n                    ? join(`${this.path.replace(/dist(\\/cjs)?/, 'src')}`, path)\n                    : path\n                  nameToPaths[conf.componentName].add(fullName)\n                } else {\n                  // console.log('no name component', path)\n                }\n              }\n            } catch {\n              // ok\n            }\n          }\n        }\n      }\n      return out\n    } catch (err: any) {\n      if (SHOULD_DEBUG) {\n        console.error(\n          `Tamagui failed requiring ${path} from your tamagui.config.ts file, ignoring\\n`,\n          err.message,\n          err.stack\n        )\n      }\n      const max = process.env.TAMAGUI_MAX_ERRORS ? +process.env.TAMAGUI_MAX_ERRORS : 200\n      if (++tries > max) {\n        console.log(\n          `Too many errors loading design system, exiting (set TAMAGUI_MAX_ERRORS to override)..`\n        )\n        // avoid infinite loops\n        process.exit(1)\n      }\n      // return proxyWorm by default\n      return proxyWorm\n    }\n  }\n}\n\nexport function unregisterRequire() {\n  Mod.prototype.require = og\n}\n"],
-  "mappings": "AAAA;AAIA;AAEA,MAAM,cAAc,CAAC;AACrB,MAAM,MAAM,QAAQ,QAAQ;AAC5B,MAAM,KAAK,IAAI,UAAU;AACzB,WAAW,eAAe;AAEnB,MAAM,iBAAiB,MAAM;AAGpC,IAAI,QAAQ;AACZ,YAAY,MAAM;AAChB,UAAQ;AACV,GAAG,EAAE;AAEE,2BAA2B;AAChC,MAAI,IAAI,UAAU,YAAY,WAAW,cAAc;AACrD,YAAQ,KAAK,wCAAwC;AACrD,YAAQ,KAAK,CAAC;AAAA,EAChB;AAEA,QAAM,YAAY,QAAQ,qBAAqB;AAC/C,QAAM,MAAM,QAAQ,kBAAkB;AACtC,QAAM,OAAO,QAAQ,oBAAoB;AAEzC,MAAI,UAAU,UAAU,SAAU,MAAc;AA7BlD;AA8BI,QAAI,cAAc;AAChB,cAAQ,IAAI,mBAAmB,IAAI;AAAA,IACrC;AACA,QAAI,KAAK,SAAS,MAAM,KAAK,KAAK,SAAS,OAAO,KAAK,KAAK,SAAS,MAAM,GAAG;AAC5E,aAAO,CAAC;AAAA,IACV;AACA,QACE,SAAS,0BACT,KAAK,WAAW,yBAAyB,KACzC,SAAS,0BACT,SAAS,sBACT;AACA,aAAO;AAAA,IACT;AACA,QACE,KAAK,WAAW,cAAc,KAE9B,CAAC,KAAK,WAAW,mCAAmC,GACpD;AACA,aAAO;AAAA,IAET;AACA,QAAI,SAAS,iBAAiB;AAC5B,aAAO;AAAA,IACT;AACA,QAAI;AACF,YAAM,MAAM,GAAG,MAAM,MAAM,SAAS;AACpC,UAAI,CAAC,YAAY,OAAO;AACtB,YAAI,OAAO,OAAO,QAAQ,UAAU;AAClC,qBAAW,OAAO,KAAK;AACrB,gBAAI;AACF,oBAAM,OAAO,UAAI,SAAJ,mBAAU;AACvB,kBAAI,MAAM;AACR,oBAAI,KAAK,eAAe;AACtB,yCAAY,KAAK,mBAAjB,8BAAoC,oBAAI,IAAI;AAC5C,wBAAM,WAAW,KAAK,WAAW,GAAG,IAChC,KAAK,GAAG,KAAK,KAAK,QAAQ,gBAAgB,KAAK,KAAK,IAAI,IACxD;AACJ,8BAAY,KAAK,eAAe,IAAI,QAAQ;AAAA,gBAC9C,OAAO;AAAA,gBAEP;AAAA,cACF;AAAA,YACF,QAAE;AAAA,YAEF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AACA,aAAO;AAAA,IACT,SAAS,KAAP;AACA,UAAI,cAAc;AAChB,gBAAQ,MACN,4BAA4B;AAAA,GAC5B,IAAI,SACJ,IAAI,KACN;AAAA,MACF;AACA,YAAM,MAAM,QAAQ,IAAI,qBAAqB,CAAC,QAAQ,IAAI,qBAAqB;AAC/E,UAAI,EAAE,QAAQ,KAAK;AACjB,gBAAQ,IACN,uFACF;AAEA,gBAAQ,KAAK,CAAC;AAAA,MAChB;AAEA,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,6BAA6B;AAClC,MAAI,UAAU,UAAU;AAC1B;",
+  "sourcesContent": ["import { join } from 'path'\n\nimport type { StaticConfig } from '@tamagui/core-node'\n\nimport { SHOULD_DEBUG } from './constants'\n\nconst nameToPaths = {}\nconst Module = require('module')\nconst og = Module.prototype.require\nglobalThis['ogRequire'] = og\n\nexport const getNameToPaths = () => nameToPaths\n\n// just for catching egregious amounts of errors in a tight loop\nlet tries = 0\nsetInterval(() => {\n  tries = 0\n}, 50)\n\nexport function registerRequire() {\n  if (Module.prototype.require !== globalThis['ogRequire']) {\n    console.warn('didnt unregister before re-registering')\n    process.exit(1)\n  }\n\n  const proxyWorm = require('@tamagui/proxy-worm')\n  const rnw = require('react-native-web')\n  const core = require('@tamagui/core-node')\n\n  Module.prototype.require = function (path: string) {\n    if (SHOULD_DEBUG) {\n      console.log('tamagui require', path)\n    }\n    if (path.endsWith('.css') || path.endsWith('.json') || path.endsWith('.ttf')) {\n      return {}\n    }\n    if (\n      path === '@gorhom/bottom-sheet' ||\n      path.startsWith('react-native-reanimated') ||\n      path === 'expo-linear-gradient' ||\n      path === '@expo/vector-icons'\n    ) {\n      return proxyWorm\n    }\n    if (\n      path.startsWith('react-native') &&\n      // allow our rnw.tsx imports through\n      !path.startsWith('react-native-web/dist/cjs/exports')\n    ) {\n      return rnw\n      // return og('react-native-web')\n    }\n    if (path === '@tamagui/core') {\n      return core\n    }\n    try {\n      const out = og.apply(this, arguments)\n      if (!nameToPaths[path]) {\n        if (out && typeof out === 'object') {\n          for (const key in out) {\n            try {\n              const conf = out[key]?.staticConfig as StaticConfig\n              if (conf) {\n                if (conf.componentName) {\n                  nameToPaths[conf.componentName] ??= new Set()\n                  const fullName = path.startsWith('.')\n                    ? join(`${this.path.replace(/dist(\\/cjs)?/, 'src')}`, path)\n                    : path\n                  nameToPaths[conf.componentName].add(fullName)\n                } else {\n                  // console.log('no name component', path)\n                }\n              }\n            } catch {\n              // ok\n            }\n          }\n        }\n      }\n      return out\n    } catch (err: any) {\n      if (SHOULD_DEBUG) {\n        console.error(\n          `Tamagui failed requiring ${path} from your tamagui.config.ts file, ignoring\\n`,\n          err.message,\n          err.stack\n        )\n      }\n      const max = process.env.TAMAGUI_MAX_ERRORS ? +process.env.TAMAGUI_MAX_ERRORS : 200\n      if (++tries > max) {\n        console.log(\n          `Too many errors loading design system, exiting (set TAMAGUI_MAX_ERRORS to override)..`\n        )\n        // avoid infinite loops\n        process.exit(1)\n      }\n      // return proxyWorm by default\n      return proxyWorm\n    }\n  }\n\n  return Module.prototype.require\n}\n\nexport function unregisterRequire() {\n  Module.prototype.require = og\n}\n"],
+  "mappings": "AAAA;AAIA;AAEA,MAAM,cAAc,CAAC;AACrB,MAAM,SAAS,QAAQ,QAAQ;AAC/B,MAAM,KAAK,OAAO,UAAU;AAC5B,WAAW,eAAe;AAEnB,MAAM,iBAAiB,MAAM;AAGpC,IAAI,QAAQ;AACZ,YAAY,MAAM;AAChB,UAAQ;AACV,GAAG,EAAE;AAEE,2BAA2B;AAChC,MAAI,OAAO,UAAU,YAAY,WAAW,cAAc;AACxD,YAAQ,KAAK,wCAAwC;AACrD,YAAQ,KAAK,CAAC;AAAA,EAChB;AAEA,QAAM,YAAY,QAAQ,qBAAqB;AAC/C,QAAM,MAAM,QAAQ,kBAAkB;AACtC,QAAM,OAAO,QAAQ,oBAAoB;AAEzC,SAAO,UAAU,UAAU,SAAU,MAAc;AA7BrD;AA8BI,QAAI,cAAc;AAChB,cAAQ,IAAI,mBAAmB,IAAI;AAAA,IACrC;AACA,QAAI,KAAK,SAAS,MAAM,KAAK,KAAK,SAAS,OAAO,KAAK,KAAK,SAAS,MAAM,GAAG;AAC5E,aAAO,CAAC;AAAA,IACV;AACA,QACE,SAAS,0BACT,KAAK,WAAW,yBAAyB,KACzC,SAAS,0BACT,SAAS,sBACT;AACA,aAAO;AAAA,IACT;AACA,QACE,KAAK,WAAW,cAAc,KAE9B,CAAC,KAAK,WAAW,mCAAmC,GACpD;AACA,aAAO;AAAA,IAET;AACA,QAAI,SAAS,iBAAiB;AAC5B,aAAO;AAAA,IACT;AACA,QAAI;AACF,YAAM,MAAM,GAAG,MAAM,MAAM,SAAS;AACpC,UAAI,CAAC,YAAY,OAAO;AACtB,YAAI,OAAO,OAAO,QAAQ,UAAU;AAClC,qBAAW,OAAO,KAAK;AACrB,gBAAI;AACF,oBAAM,OAAO,UAAI,SAAJ,mBAAU;AACvB,kBAAI,MAAM;AACR,oBAAI,KAAK,eAAe;AACtB,yCAAY,KAAK,mBAAjB,8BAAoC,oBAAI,IAAI;AAC5C,wBAAM,WAAW,KAAK,WAAW,GAAG,IAChC,KAAK,GAAG,KAAK,KAAK,QAAQ,gBAAgB,KAAK,KAAK,IAAI,IACxD;AACJ,8BAAY,KAAK,eAAe,IAAI,QAAQ;AAAA,gBAC9C,OAAO;AAAA,gBAEP;AAAA,cACF;AAAA,YACF,QAAE;AAAA,YAEF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AACA,aAAO;AAAA,IACT,SAAS,KAAP;AACA,UAAI,cAAc;AAChB,gBAAQ,MACN,4BAA4B;AAAA,GAC5B,IAAI,SACJ,IAAI,KACN;AAAA,MACF;AACA,YAAM,MAAM,QAAQ,IAAI,qBAAqB,CAAC,QAAQ,IAAI,qBAAqB;AAC/E,UAAI,EAAE,QAAQ,KAAK;AACjB,gBAAQ,IACN,uFACF;AAEA,gBAAQ,KAAK,CAAC;AAAA,MAChB;AAEA,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO,OAAO,UAAU;AAC1B;AAEO,6BAA6B;AAClC,SAAO,UAAU,UAAU;AAC7B;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/static",
-  "version": "1.0.1-beta.130",
+  "version": "1.0.1-beta.133",
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
@@ -17,12 +17,8 @@
     "watch": "tamagui-build --watch",
     "clean": "tamagui-build clean",
     "clean:build": "tamagui-build clean:build",
-    "test": "NODE_ENV=test jest --forceExit",
-    "test:output": "TAMAGUI_TARGET=web node -r esbuild-register test-output.tsx",
-    "test:babel": "DISABLE_PRE_TEST=true yarn test tests/babel-test.tsx",
-    "test:debug": "NODE_ENV=test DEBUG_FILE=extract-specs.tsx DEBUG=1 yarn test",
-    "test:watch": "NODE_ENV=test yarn test --watch",
-    "test:update-snapshots": "NODE_ENV=test jest --updateSnapshot"
+    "pretest": "node -r esbuild-register ./tests/lib/preTest.js",
+    "test": "yarn pretest && vitest --config ../vite-plugin-internal/vite.config.ts --run --dom"
   },
   "tests": {
     "parallel": true
@@ -38,13 +34,14 @@
     "@babel/parser": "^7.15.7",
     "@babel/traverse": "^7.15.4",
     "@expo/match-media": "^0.3.0",
-    "@tamagui/build": "^1.0.1-beta.130",
-    "@tamagui/core-node": "^1.0.1-beta.130",
-    "@tamagui/fake-react-native": "^1.0.1-beta.130",
-    "@tamagui/helpers": "^1.0.1-beta.130",
-    "@tamagui/patch-rnw": "^1.0.1-beta.130",
-    "@tamagui/proxy-worm": "^1.0.1-beta.130",
-    "@tamagui/shorthands": "^1.0.1-beta.130",
+    "@tamagui/build": "^1.0.1-beta.133",
+    "@tamagui/config-default-node": "^1.0.1-beta.133",
+    "@tamagui/core-node": "^1.0.1-beta.133",
+    "@tamagui/fake-react-native": "^1.0.1-beta.133",
+    "@tamagui/helpers": "^1.0.1-beta.133",
+    "@tamagui/patch-rnw": "^1.0.1-beta.133",
+    "@tamagui/proxy-worm": "^1.0.1-beta.133",
+    "@tamagui/shorthands": "^1.0.1-beta.133",
     "babel-literal-to-ast": "^2.1.0",
     "esbuild": "^0.14.49",
     "esbuild-register": "^3.3.3",
@@ -52,24 +49,19 @@
     "fs-extra": "^10.1.0",
     "invariant": "^2.2.4",
     "lodash": "^4.17.21",
-    "tamagui": "^1.0.1-beta.130"
+    "tamagui": "^1.0.1-beta.133"
   },
   "devDependencies": {
     "@babel/plugin-syntax-typescript": "^7.14.5",
     "@babel/types": "^7.15.6",
     "@dish/babel-preset": "^0.0.6",
-    "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^13.3.0",
-    "@types/jest": "*",
     "@types/node": "^16.11.9",
     "@types/react-native": "^0.69.2",
     "@types/webpack": "^4.41.26",
     "babel-loader": "^8.2.5",
     "css-loader": "^5.2.4",
     "esbuild-loader": "^2.19.0",
-    "jest": "^28.1.1",
-    "jest-dom": "^4.0.0",
-    "jest-environment-jsdom": "^28.1.1",
     "null-loader": "^4.0.1",
     "react": "*",
     "react-dom": "*",
@@ -77,6 +69,7 @@
     "react-test-renderer": "^18.2.0",
     "style-loader": "^3.3.1",
     "typescript": "^4.7.4",
+    "vitest": "^0.19.1",
     "webpack": "^5.73.0"
   },
   "peerDependencies": {

package/src/extractor/createEvaluator.ts

@@ -37,10 +37,6 @@ export function createEvaluator({
       if (shouldPrintDebug) {
         console.log('    > found theme prop', key)
       }
-      console.log('SHOULD FIND THEME (NESTED NOW)', key) // tamaguiConfig.themes)
-      // if (!themeKeys.has(key)) {
-      //   throw new Error(`    > accessing non-existent theme key: ${key}`)
-      // }
       return createCSSVariable(key)
     }
     // variable

package/src/extractor/createExtractor.ts

@@ -261,6 +261,7 @@ export function createExtractor() {
           },
         },
 
+        // styled() calls
         CallExpression(path) {
           if (disable || disableExtraction || extractStyledDefinitions === false) {
             return
@@ -451,8 +452,7 @@ export function createExtractor() {
 
           // debug just one
           const debugPropValue = node.attributes
-            .filter<t.JSXAttribute>(
-              // @ts-ignore
+            .filter(
               (n) => t.isJSXAttribute(n) && t.isJSXIdentifier(n.name) && n.name.name === 'debug'
             )
             .map((n) => {
@@ -1284,7 +1284,8 @@ export function createExtractor() {
             inlined.delete('theme')
 
             for (const [key] of [...inlined]) {
-              if (INLINE_EXTRACTABLE[key] || staticConfig.variants?.[key]) {
+              const isExtractableVariant = staticConfig.variants?.[key] && variantValues.has(key)
+              if (INLINE_EXTRACTABLE[key] || isExtractableVariant) {
                 inlined.delete(key)
               }
             }
@@ -1430,9 +1431,11 @@ export function createExtractor() {
             for (const key in attrs) {
               const cur = attrs[key]
               if (cur.type === 'style') {
+                // remove variants because they are processed later, and can lead to invalid values here
+                // see <Spacer flex /> where flex looks like a valid style, but is a variant
                 foundStaticProps = {
                   ...foundStaticProps,
-                  ...expandStyles(cur.value),
+                  ...expandStylesWithoutVariants(cur.value),
                 }
                 continue
               }
@@ -1574,8 +1577,32 @@ export function createExtractor() {
             // merge styles, leave undefined values
             let prev: ExtractedAttr | null = null
 
+            function splitVariants(style: any) {
+              const variants = {}
+              const styles = {}
+              for (const key in style) {
+                if (staticConfig.variants?.[key]) {
+                  variants[key] = style[key]
+                } else {
+                  styles[key] = style[key]
+                }
+              }
+              return {
+                variants,
+                styles,
+              }
+            }
+
+            function expandStylesWithoutVariants(style: any) {
+              const { variants, styles } = splitVariants(style)
+              return {
+                ...expandStyles(styles),
+                ...variants,
+              }
+            }
+
             function mergeStyles(prev: ViewStyle & PseudoStyles, nextIn: ViewStyle & PseudoStyles) {
-              const next = expandStyles(nextIn)
+              const next = expandStylesWithoutVariants(nextIn)
               for (const key in next) {
                 // merge pseudos
                 if (pseudoDescriptors[key]) {
@@ -1798,10 +1825,11 @@ export function createExtractor() {
 
             // inlineWhenUnflattened
             if (!shouldFlatten) {
-              if (Object.keys(inlineWhenUnflattenedOGVals).length) {
+              if (inlineWhenUnflattened.size) {
                 for (const [index, attr] of attrs.entries()) {
                   if (attr.type === 'style') {
                     for (const key in attr.value) {
+                      if (!inlineWhenUnflattened.has(key)) continue
                       const val = inlineWhenUnflattenedOGVals[key]
                       if (val) {
                         // delete the style
@@ -1809,6 +1837,9 @@ export function createExtractor() {
 
                         // and insert it before
                         attrs.splice(index - 1, 0, val.attr)
+                      } else {
+                        // just delete it, it was added during expansion but should be left inline
+                        delete attr.value[key]
                       }
                     }
                   }
@@ -1844,6 +1875,8 @@ export function createExtractor() {
               originalNodeName,
               isFlattened: shouldFlatten,
               programPath,
+              completeProps,
+              staticConfig,
             })
           } finally {
             if (debugPropValue) {

package/src/extractor/extractToClassNames.ts

@@ -104,13 +104,15 @@ export function extractToClassNames({
       lineNumbers,
       programPath,
       isFlattened,
+      completeProps,
+      staticConfig,
     }) => {
       // reset hasFlattened
       const didFlattenThisTag = hasFlattened
       hasFlattened = false
 
       let finalClassNames: ClassNameObject[] = []
-      let finalAttrs: (t.JSXAttribute | t.JSXSpreadAttribute)[] = []
+      const finalAttrs: (t.JSXAttribute | t.JSXSpreadAttribute)[] = []
       let finalStyles: StyleObject[] = []
 
       let viewStyles = {}
@@ -151,7 +153,7 @@ export function extractToClassNames({
       let lastMediaImportance = 1
       for (const attr of attrs) {
         switch (attr.type) {
-          case 'style':
+          case 'style': {
             if (!isFlattened) {
               const styles = getStylesAtomic(attr.value)
 
@@ -179,7 +181,8 @@ export function extractToClassNames({
             }
 
             break
-          case 'attr':
+          }
+          case 'attr': {
             const val = attr.value
             if (t.isJSXSpreadAttribute(val)) {
               if (isSimpleSpread(val)) {
@@ -205,7 +208,8 @@ export function extractToClassNames({
             }
             finalAttrs.push(val)
             break
-          case 'ternary':
+          }
+          case 'ternary': {
             const mediaExtraction = extractMediaStyle(
               attr.value,
               jsxPath,
@@ -241,6 +245,7 @@ export function extractToClassNames({
               ]
             }
             break
+          }
         }
       }
 
@@ -270,11 +275,45 @@ export function extractToClassNames({
       node.attributes = finalAttrs
 
       if (finalClassNames.length) {
+        const extraClassNames = (() => {
+          let value = ''
+          if (!isFlattened) {
+            return value
+          }
+
+          // helper to see how many get flattened
+          if (process.env.TAMAGUI_DEBUG_OPTIMIZATIONS) {
+            value += `is_tamagui_flattened`
+          }
+
+          // add is_Component className
+          if (staticConfig.componentName) {
+            value += ` is_${staticConfig.componentName}`
+          }
+
+          if (staticConfig.isText) {
+            let family = completeProps.fontFamily
+            if (family[0] === '$') {
+              family = family.slice(1)
+            }
+            value += ` font_${family}`
+          }
+
+          return value
+        })()
+
         // inserts the _cn variable and uses it for className
         let names = buildClassName(finalClassNames)
-        if (t.isStringLiteral(names)) {
-          names.value = concatClassName(names.value)
+
+        if (names) {
+          if (t.isStringLiteral(names)) {
+            names.value = concatClassName(names.value)
+            names.value = `${extraClassNames} ${names.value}`
+          } else {
+            names = t.binaryExpression('+', t.stringLiteral(extraClassNames), names)
+          }
         }
+
         const nameExpr = names ? hoistClassNames(jsxPath, existingHoists, names) : null
         let expr = nameExpr
 

package/src/extractor/getStaticBindingsForScope.ts

@@ -103,9 +103,6 @@ export async function getStaticBindingsForScope(
           }
         }
       } catch (err) {
-        if (moduleName.includes('@tamagui/select')) {
-          continue
-        }
         console.warn(`⚠️ Failed evaluating module, continuing: ${moduleName}`)
       }
     }

package/src/extractor/loadTamagui.ts

@@ -1,11 +1,11 @@
 import { join } from 'path'
 
+import { getDefaultTamaguiConfig } from '@tamagui/config-default-node'
 import type { StaticConfig, TamaguiComponent, TamaguiInternalConfig } from '@tamagui/core-node'
 import { createTamagui } from '@tamagui/core-node'
 
 import { SHOULD_DEBUG } from '../constants'
 import { getNameToPaths, registerRequire, unregisterRequire } from '../require'
-import { getDefaultTamaguiConfig } from './defaultTamaguiConfig'
 
 let loadedTamagui: any = null