@tamagui/static 1.0.0-alpha.4 → 1.0.0-alpha.8

package/dist/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 { getRemainingRequest } from 'loader-utils'\nimport { ViewStyle } from 'react-native'\n\nimport { ClassNameObject, StyleObject, TamaguiOptions } 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 { hoistClassNames } from './hoistClassNames'\n\nexport const CONCAT_CLASSNAME_IMPORT = 'concatClassName'\n\nconst mergeStyleGroups = {\n  shadowOpacity: true,\n  shadowRadius: true,\n  shadowColor: true,\n  shadowOffset: true,\n}\n\nexport function extractToClassNames({\n  loader,\n  extractor,\n  source,\n  sourcePath,\n  options,\n  shouldPrintDebug,\n  threaded,\n  cssPath,\n}: {\n  loader: any\n  extractor: Extractor\n  source: string | Buffer\n  sourcePath: string\n  options: TamaguiOptions\n  shouldPrintDebug: boolean\n  cssPath: string\n  threaded?: boolean\n}): null | {\n  js: string | Buffer\n  styles: string\n  stylesPath?: string\n  ast: t.File\n  map: any // RawSourceMap from 'source-map'\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 = shouldPrintDebug || options.logTimings\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    // @ts-ignore\n    ast = babelParse(source)\n  } catch (err) {\n    console.error('babel parse error:', sourcePath)\n    throw err\n  }\n\n  const cssMap = new Map<string, { css: string; commentTexts: string[] }>()\n  const existingHoists: { [key: string]: t.Identifier } = {}\n\n  let flattened = 0\n  let optimized = 0\n\n  extractor.parse(ast, {\n    sourcePath,\n    shouldPrintDebug,\n    ...options,\n    getFlattenedNode: ({ tag }) => tag,\n    onDidFlatten() {\n      flattened++\n    },\n    onExtractTag: ({\n      attrs,\n      node,\n      attemptEval,\n      jsxPath,\n      originalNodeName,\n      filePath,\n      lineNumbers,\n      programPath,\n    }) => {\n      optimized++\n\n      let finalClassNames: ClassNameObject[] = []\n      let finalAttrs: (t.JSXAttribute | t.JSXSpreadAttribute)[] = []\n      let finalStyles: StyleObject[] = []\n\n      const viewStyles = {}\n      for (const attr of attrs) {\n        if (attr.type === 'style') {\n          Object.assign(viewStyles, attr.value)\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) => {\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            const styles = addStyles(attr.value)\n            const newClassNames = concatClassName(styles.map((x) => x.identifier).join(' '))\n            if (shouldPrintDebug) {\n              // console.log('  style', attr.value)\n              console.log('  classnames', newClassNames, finalClassNames)\n            }\n            // prettier-ignore\n            const existing = finalClassNames.find((x) => x.type == 'StringLiteral') as t.StringLiteral | null\n            if (existing) {\n              existing.value = `${existing.value} ${newClassNames}`\n            } else {\n              finalClassNames = [...finalClassNames, t.stringLiteral(newClassNames)]\n            }\n            if (shouldPrintDebug) {\n              // prettier-ignore\n              console.log('  classnames (after)', finalClassNames.map(x => x['value']).join(' '))\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.getTamaguiConfig(),\n              sourcePath,\n              lastMediaImportance,\n              shouldPrintDebug\n            )\n            if (mediaExtraction) {\n              lastMediaImportance++\n              finalStyles = [...finalStyles, ...mediaExtraction.mediaStyles]\n              finalClassNames = [\n                ...finalClassNames,\n                ...mediaExtraction.mediaStyles.map((x) => t.stringLiteral(x.identifier)),\n              ]\n              if (!mediaExtraction.ternaryWithoutMedia) {\n                continue\n              }\n            }\n            const ternary = mediaExtraction?.ternaryWithoutMedia || attr.value\n            const consInfo = addStyles(ternary.consequent)\n            const altInfo = addStyles(ternary.alternate)\n            const cCN = consInfo.map((x) => x.identifier).join(' ')\n            const aCN = altInfo.map((x) => x.identifier).join(' ')\n            if (consInfo.length && altInfo.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            break\n        }\n      }\n\n      node.attributes = finalAttrs\n\n      if (finalClassNames.length) {\n        // inserts the _cn variable and uses it for className\n        const names = buildClassName(finalClassNames)\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          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        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 { className, rules } of finalStyles) {\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 (!optimized) {\n    return null\n  }\n\n  const styles = Array.from(cssMap.values())\n    .map((x) => {\n      // remove comments\n      return x.css //shouldInternalDedupe ? x.css : `${x.commentTexts.join('\\n')}\\n${x.css}`\n    })\n    .join('\\n')\n    .trim()\n\n  if (styles) {\n    const cssQuery = threaded\n      ? `cssData=${Buffer.from(styles).toString('base64')}`\n      : `cssPath=${cssPath}`\n    const remReq = getRemainingRequest(loader)\n    const importPath = `${cssPath}!=!tamagui-loader?${cssQuery}!${remReq}`\n    ast.program.body.unshift(t.importDeclaration([], t.stringLiteral(importPath)))\n  }\n\n  const result = generate(\n    ast,\n    {\n      concise: false,\n      filename: sourcePath,\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 && mem) {\n    // console.log(`${parseTime} / ${traverseTime} / ${generateTime}`)\n    const memUsed =\n      Math.round(((process.memoryUsage().heapUsed - mem.heapUsed) / 1024 / 1204) * 10) / 10\n    // prettier-ignore\n    console.log(`  \uD83E\uDD5A ${basename(sourcePath).padStart(40)} ${`${Date.now() - start}`.padStart(3)}ms \u05C1\u00B7 ${`${optimized}`.padStart(4)} optimized \u00B7 ${flattened} flattened ${memUsed > 10 ? `used ${memUsed}MB` : ''}`)\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 { getRemainingRequest } from 'loader-utils'\nimport { ViewStyle } from 'react-native'\n\nimport { ClassNameObject, StyleObject, TamaguiOptions } 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 { hoistClassNames } from './hoistClassNames'\n\nexport const CONCAT_CLASSNAME_IMPORT = 'concatClassName'\n\nconst mergeStyleGroups = {\n  shadowOpacity: true,\n  shadowRadius: true,\n  shadowColor: true,\n  shadowOffset: true,\n}\n\nexport function extractToClassNames({\n  loader,\n  extractor,\n  source,\n  sourcePath,\n  options,\n  shouldPrintDebug,\n  threaded,\n  cssPath,\n}: {\n  loader: any\n  extractor: Extractor\n  source: string | Buffer\n  sourcePath: string\n  options: TamaguiOptions\n  shouldPrintDebug: boolean\n  cssPath: string\n  threaded?: boolean\n}): null | {\n  js: string | Buffer\n  styles: string\n  stylesPath?: string\n  ast: t.File\n  map: any // RawSourceMap from 'source-map'\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 = shouldPrintDebug || options.logTimings\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    // @ts-ignore\n    ast = babelParse(source)\n  } catch (err) {\n    console.error('babel parse error:', sourcePath)\n    throw err\n  }\n\n  const cssMap = new Map<string, { css: string; commentTexts: string[] }>()\n  const existingHoists: { [key: string]: t.Identifier } = {}\n\n  const res = extractor.parse(ast, {\n    sourcePath,\n    shouldPrintDebug,\n    ...options,\n    getFlattenedNode: ({ tag }) => tag,\n    onExtractTag: ({\n      attrs,\n      node,\n      attemptEval,\n      jsxPath,\n      originalNodeName,\n      filePath,\n      lineNumbers,\n      programPath,\n    }) => {\n      let finalClassNames: ClassNameObject[] = []\n      let finalAttrs: (t.JSXAttribute | t.JSXSpreadAttribute)[] = []\n      let finalStyles: StyleObject[] = []\n\n      const viewStyles = {}\n      for (const attr of attrs) {\n        if (attr.type === 'style') {\n          Object.assign(viewStyles, attr.value)\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) => {\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            const styles = addStyles(attr.value)\n            const newClassNames = concatClassName(styles.map((x) => x.identifier).join(' '))\n            if (shouldPrintDebug) {\n              // console.log('  style', attr.value)\n              console.log('  classnames', newClassNames, finalClassNames)\n            }\n            // prettier-ignore\n            const existing = finalClassNames.find((x) => x.type == 'StringLiteral') as t.StringLiteral | null\n            if (existing) {\n              existing.value = `${existing.value} ${newClassNames}`\n            } else {\n              finalClassNames = [...finalClassNames, t.stringLiteral(newClassNames)]\n            }\n            if (shouldPrintDebug) {\n              // prettier-ignore\n              console.log('  classnames (after)', finalClassNames.map(x => x['value']).join(' '))\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 (mediaExtraction) {\n              lastMediaImportance++\n              finalStyles = [...finalStyles, ...mediaExtraction.mediaStyles]\n              finalClassNames = [\n                ...finalClassNames,\n                ...mediaExtraction.mediaStyles.map((x) => t.stringLiteral(x.identifier)),\n              ]\n              if (!mediaExtraction.ternaryWithoutMedia) {\n                continue\n              }\n            }\n            const ternary = mediaExtraction?.ternaryWithoutMedia || attr.value\n            const consInfo = addStyles(ternary.consequent)\n            const altInfo = addStyles(ternary.alternate)\n            const cCN = consInfo.map((x) => x.identifier).join(' ')\n            const aCN = altInfo.map((x) => x.identifier).join(' ')\n            if (consInfo.length && altInfo.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            break\n        }\n      }\n\n      node.attributes = finalAttrs\n\n      if (finalClassNames.length) {\n        // inserts the _cn variable and uses it for className\n        const names = buildClassName(finalClassNames)\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          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        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 { className, rules } of finalStyles) {\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) {\n    return null\n  }\n\n  const styles = Array.from(cssMap.values())\n    .map((x) => x.css)\n    .join('\\n')\n    .trim()\n\n  if (styles) {\n    const cssQuery = threaded\n      ? `cssData=${Buffer.from(styles).toString('base64')}`\n      : `cssPath=${cssPath}`\n    const remReq = getRemainingRequest(loader)\n    const importPath = `${cssPath}!=!tamagui-loader?${cssQuery}!${remReq}`\n    ast.program.body.unshift(t.importDeclaration([], t.stringLiteral(importPath)))\n  }\n\n  const result = generate(\n    ast,\n    {\n      concise: false,\n      filename: sourcePath,\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 && mem) {\n    // console.log(`${parseTime} / ${traverseTime} / ${generateTime}`)\n    const memUsed =\n      Math.round(((process.memoryUsage().heapUsed - mem.heapUsed) / 1024 / 1204) * 10) / 10\n    // prettier-ignore\n    console.log(`  \uD83E\uDD5A ${basename(sourcePath).padStart(40)} ${`${Date.now() - start}`.padStart(3)}ms \u05C1\u00B7 ${`${res.optimized}`.padStart(4)} optimized \u00B7 ${res.flattened} flattened ${memUsed > 10 ? `used ${memUsed}MB` : ''}`)\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/index.cjs

@@ -717,8 +717,9 @@ function createExtractor() {
     format: "cjs"
   });
   let loadedTamaguiConfig;
+  let hasLogged = false;
   return {
-    getTamaguiConfig() {
+    getTamagui() {
       return loadedTamaguiConfig;
     },
     parse: (fileOrPath, _a) => {
@@ -730,7 +731,9 @@ function createExtractor() {
         sourcePath = "",
         onExtractTag,
         getFlattenedNode,
-        onDidFlatten
+        disableExtraction,
+        disableExtractInlineMedia,
+        disableDebugAttr
       } = _b, props = __objRest(_b, [
         "config",
         "importsWhitelist",
@@ -739,7 +742,9 @@ function createExtractor() {
         "sourcePath",
         "onExtractTag",
         "getFlattenedNode",
-        "onDidFlatten"
+        "disableExtraction",
+        "disableExtractInlineMedia",
+        "disableDebugAttr"
       ]);
       if (sourcePath === "") {
         throw new Error(`Must provide a source file name`);
@@ -753,16 +758,16 @@ function createExtractor() {
       });
       loadedTamaguiConfig = tamaguiConfig;
       const defaultTheme = tamaguiConfig.themes[Object.keys(tamaguiConfig.themes)[0]];
-      let doesUseValidImport = false;
       const body = fileOrPath.type === "Program" ? fileOrPath.get("body") : fileOrPath.program.body;
       const isInternalImport = /* @__PURE__ */ __name((importStr) => isInsideTamagui(sourcePath) && importStr[0] === ".", "isInternalImport");
       const validComponents = Object.keys(components).filter((key) => {
         var _a2;
-        return !!((_a2 = components[key]) == null ? void 0 : _a2.staticConfig);
+        return key[0].toUpperCase() === key[0] && !!((_a2 = components[key]) == null ? void 0 : _a2.staticConfig);
       }).reduce((obj, name) => {
         obj[name] = components[name];
         return obj;
       }, {});
+      let doesUseValidImport = false;
       for (const bodyPath of body) {
         if (bodyPath.type !== "ImportDeclaration")
           continue;
@@ -791,6 +796,11 @@ function createExtractor() {
         return fileOrPath.type === "File" ? (0, import_traverse.default)(fileOrPath, a) : fileOrPath.traverse(a);
       }, "callTraverse");
       let programPath;
+      const res = {
+        flattened: 0,
+        optimized: 0,
+        modified: 0
+      };
       callTraverse({
         Program: {
           enter(path3) {
@@ -823,8 +833,26 @@ function createExtractor() {
           if (!component || !component.staticConfig) {
             return;
           }
-          const { staticConfig } = component;
           const originalNodeName = node.name.name;
+          if (shouldPrintDebug) {
+            console.log(`
+<${originalNodeName} />`);
+          }
+          const filePath = sourcePath.replace(process.cwd(), ".");
+          const lineNumbers = node.loc ? node.loc.start.line + (node.loc.start.line !== node.loc.end.line ? `-${node.loc.end.line}` : "") : "";
+          if (shouldAddDebugProp && !disableDebugAttr) {
+            const preName = componentName ? `${componentName}:` : "";
+            res.modified++;
+            node.attributes.unshift(t9.jsxAttribute(t9.jsxIdentifier("data-is"), t9.stringLiteral(`  ${preName}${node.name.name}   ${filePath.replace("./", "")}:${lineNumbers}  `)));
+          }
+          if (disableExtraction) {
+            if (!hasLogged) {
+              console.log("\u{1F95A} Tamagui disableExtraction set: no CSS or optimizations will be run");
+              hasLogged = true;
+            }
+            return;
+          }
+          const { staticConfig } = component;
           const isTextView = staticConfig.isText || false;
           const validStyles = (staticConfig == null ? void 0 : staticConfig.validStyles) ?? {};
           let tagName = ((_a2 = staticConfig.defaultProps) == null ? void 0 : _a2.tag) ?? (isTextView ? "span" : "div");
@@ -846,21 +874,17 @@ function createExtractor() {
           ]);
           const excludeProps = new Set(props.excludeProps ?? []);
           const isExcludedProp = /* @__PURE__ */ __name((name) => {
-            const res = excludeProps.has(name);
-            if (res && shouldPrintDebug)
+            const res2 = excludeProps.has(name);
+            if (res2 && shouldPrintDebug)
               console.log(`  excluding ${name}`);
-            return res;
+            return res2;
           }, "isExcludedProp");
           const isDeoptedProp = /* @__PURE__ */ __name((name) => {
-            const res = deoptProps.has(name);
-            if (res && shouldPrintDebug)
+            const res2 = deoptProps.has(name);
+            if (res2 && shouldPrintDebug)
               console.log(`  deopting ${name}`);
-            return res;
+            return res2;
           }, "isDeoptedProp");
-          if (shouldPrintDebug) {
-            console.log(`
-<${originalNodeName} />`);
-          }
           const staticNamespace = getStaticBindingsForScope(traversePath.scope, importsWhitelist, sourcePath, bindingCache, shouldPrintDebug);
           const attemptEval = !evaluateVars ? evaluateAstNode : createEvaluator({
             tamaguiConfig,
@@ -933,11 +957,11 @@ function createExtractor() {
           let isFlattened = false;
           attrs = traversePath.get("openingElement").get("attributes").flatMap((path3) => {
             try {
-              const res = evaluateAttribute(path3);
-              if (!res) {
+              const res2 = evaluateAttribute(path3);
+              if (!res2) {
                 path3.remove();
               }
-              return res;
+              return res2;
             } catch (err) {
               console.log("Error extracting attribute", err.message, err.stack);
               console.log("node", path3.node);
@@ -1060,6 +1084,9 @@ function createExtractor() {
               return attr;
             }
             if (name[0] === "$" && t9.isJSXExpressionContainer(attribute == null ? void 0 : attribute.value)) {
+              if (disableExtractInlineMedia) {
+                return attr;
+              }
               const shortname = name.slice(1);
               if (mediaQueryConfig[shortname]) {
                 const expression = attribute.value.expression;
@@ -1119,7 +1146,9 @@ function createExtractor() {
             if (styleValue !== FAILED_EVAL) {
               return {
                 type: "style",
-                value: { [name]: styleValue }
+                value: { [name]: styleValue },
+                name,
+                attr: path3.node
               };
             }
             if (t9.isBinaryExpression(value)) {
@@ -1246,8 +1275,6 @@ function createExtractor() {
           if (parentFn) {
             modifiedComponents.add(parentFn);
           }
-          const filePath = sourcePath.replace(process.cwd(), ".");
-          const lineNumbers = node.loc ? node.loc.start.line + (node.loc.start.line !== node.loc.end.line ? `-${node.loc.end.line}` : "") : "";
           let ternaries = [];
           attrs = attrs.reduce((out, cur) => {
             const next = attrs[attrs.indexOf(cur) + 1];
@@ -1306,17 +1333,19 @@ function createExtractor() {
           const shouldFlatten = !shouldDeopt && inlinePropCount === 0 && !hasSpread && staticConfig.neverFlatten !== true && (staticConfig.neverFlatten === "jsx" ? hasOnlyStringChildren : true);
           if (!shouldFlatten) {
             attrs = attrs.reduce((acc, cur) => {
-              var _a3;
+              var _a3, _b2;
               if (cur.type === "style") {
                 for (const key in cur.value) {
-                  const shouldInsertNull = !!((_a3 = staticConfig.ensureOverriddenProp) == null ? void 0 : _a3[key]);
+                  const shouldEnsureOverridden = !!((_a3 = staticConfig.ensureOverriddenProp) == null ? void 0 : _a3[key]);
                   const isSetInAttrsAlready = attrs.some((x) => x.type === "attr" && x.value.type === "JSXAttribute" && x.value.name.name === key);
-                  const shouldInsertNullOverride = shouldInsertNull && !isSetInAttrsAlready;
-                  if (shouldInsertNullOverride) {
-                    acc.push({
-                      type: "attr",
-                      value: t9.jsxAttribute(t9.jsxIdentifier(key), t9.jsxExpressionContainer(t9.nullLiteral()))
-                    });
+                  if (!isSetInAttrsAlready) {
+                    const isVariant = !!((_b2 = staticConfig.variants) == null ? void 0 : _b2[cur.name || ""]);
+                    if (isVariant || shouldEnsureOverridden) {
+                      acc.push({
+                        type: "attr",
+                        value: cur.attr || t9.jsxAttribute(t9.jsxIdentifier(key), t9.jsxExpressionContainer(t9.nullLiteral()))
+                      });
+                    }
                   }
                 }
               }
@@ -1442,20 +1471,13 @@ function createExtractor() {
           if (shouldPrintDebug) {
             console.log("  - attrs (after): ", attrs.map(attrStr).join(", "));
           }
-          if (shouldAddDebugProp) {
-            const preName = componentName ? `${componentName}:` : "";
-            attrs.unshift({
-              type: "attr",
-              value: t9.jsxAttribute(t9.jsxIdentifier("data-is"), t9.stringLiteral(`  ${preName}${node.name.name}   ${filePath.replace("./", "")}:${lineNumbers}  `))
-            });
-          }
           if (shouldFlatten) {
             if (shouldPrintDebug) {
               console.log("  [\u2705] flattening", originalNodeName, flatNode);
             }
             isFlattened = true;
             node.name.name = flatNode;
-            onDidFlatten == null ? void 0 : onDidFlatten();
+            res.flattened++;
             if (closingElement) {
               closingElement.name.name = flatNode;
             }
@@ -1464,6 +1486,7 @@ function createExtractor() {
             console.log("  [\u274A] inline props ", inlinePropCount, shouldDeopt ? " deopted" : "", hasSpread ? " spread" : "", "!flatten", staticConfig.neverFlatten);
             console.log("  - attrs (end): ", attrs.map(attrStr).join(", "));
           }
+          res.optimized++;
           onExtractTag({
             attrs,
             node,
@@ -1486,6 +1509,7 @@ function createExtractor() {
           removeUnusedHooks(comp, shouldPrintDebug);
         }
       }
+      return res;
     }
   };
 }
@@ -1803,16 +1827,11 @@ function extractToClassNames({
   }
   const cssMap = new Map();
   const existingHoists = {};
-  let flattened = 0;
-  let optimized = 0;
-  extractor.parse(ast, __spreadProps(__spreadValues({
+  const res = extractor.parse(ast, __spreadProps(__spreadValues({
     sourcePath,
     shouldPrintDebug
   }, options), {
     getFlattenedNode: ({ tag }) => tag,
-    onDidFlatten() {
-      flattened++;
-    },
     onExtractTag: ({
       attrs,
       node,
@@ -1823,7 +1842,6 @@ function extractToClassNames({
       lineNumbers,
       programPath
     }) => {
-      optimized++;
       let finalClassNames = [];
       let finalAttrs = [];
       let finalStyles = [];
@@ -1849,11 +1867,11 @@ function extractToClassNames({
         if (!style)
           return [];
         const styleWithPrev = ensureNeededPrevStyle(style);
-        const res = (0, import_core_node3.getStylesAtomic)(styleWithPrev);
-        if (res.length) {
-          finalStyles = [...finalStyles, ...res];
+        const res2 = (0, import_core_node3.getStylesAtomic)(styleWithPrev);
+        if (res2.length) {
+          finalStyles = [...finalStyles, ...res2];
         }
-        return res;
+        return res2;
       }, "addStyles");
       let lastMediaImportance = 1;
       for (const attr of attrs) {
@@ -1895,7 +1913,7 @@ function extractToClassNames({
             finalAttrs.push(val);
             break;
           case "ternary":
-            const mediaExtraction = extractMediaStyle(attr.value, jsxPath, extractor.getTamaguiConfig(), sourcePath, lastMediaImportance, shouldPrintDebug);
+            const mediaExtraction = extractMediaStyle(attr.value, jsxPath, extractor.getTamagui(), sourcePath, lastMediaImportance, shouldPrintDebug);
             if (mediaExtraction) {
               lastMediaImportance++;
               finalStyles = [...finalStyles, ...mediaExtraction.mediaStyles];
@@ -1956,12 +1974,10 @@ function extractToClassNames({
       }
     }
   }));
-  if (!optimized) {
+  if (!res || !res.modified) {
     return null;
   }
-  const styles = Array.from(cssMap.values()).map((x) => {
-    return x.css;
-  }).join("\n").trim();
+  const styles = Array.from(cssMap.values()).map((x) => x.css).join("\n").trim();
   if (styles) {
     const cssQuery = threaded ? `cssData=${Buffer.from(styles).toString("base64")}` : `cssPath=${cssPath}`;
     const remReq = (0, import_loader_utils.getRemainingRequest)(loader);
@@ -1981,7 +1997,7 @@ function extractToClassNames({
   }
   if (shouldLogTiming && mem) {
     const memUsed = Math.round((process.memoryUsage().heapUsed - mem.heapUsed) / 1024 / 1204 * 10) / 10;
-    console.log(`  \u{1F95A} ${(0, import_path3.basename)(sourcePath).padStart(40)} ${`${Date.now() - start}`.padStart(3)}ms \u05C1\xB7 ${`${optimized}`.padStart(4)} optimized \xB7 ${flattened} flattened ${memUsed > 10 ? `used ${memUsed}MB` : ""}`);
+    console.log(`  \u{1F95A} ${(0, import_path3.basename)(sourcePath).padStart(40)} ${`${Date.now() - start}`.padStart(3)}ms \u05C1\xB7 ${`${res.optimized}`.padStart(4)} optimized \xB7 ${res.flattened} flattened ${memUsed > 10 ? `used ${memUsed}MB` : ""}`);
   }
   return {
     ast,
@@ -1997,8 +2013,24 @@ var fs = __toModule(require("fs"));
 var import_path4 = __toModule(require("path"));
 function patchReactNativeWeb() {
   const rootDir = require.resolve("react-native-web").replace(/\/dist.*/, "");
-  fs.writeFileSync(import_path4.default.join(rootDir, "dist", "tamagui-exports.js"), moduleExports);
-  fs.writeFileSync(import_path4.default.join(rootDir, "dist", "cjs", "tamagui-exports.js"), cjsExports);
+  const modulePath = import_path4.default.join(rootDir, "dist", "tamagui-exports.js");
+  const cjsPath = import_path4.default.join(rootDir, "dist", "cjs", "tamagui-exports.js");
+  const isEqual = (() => {
+    let res = false;
+    try {
+      res = fs.readFileSync(modulePath, "utf-8") === moduleExports && fs.readFileSync(cjsPath, "utf-8") == cjsExports;
+    } catch {
+      res = false;
+    }
+    return res;
+  })();
+  if (!isEqual) {
+    console.log("\u{1F95A} Tamagui patching react-native-web to share atomic styling primitives");
+    console.log("   > adding", modulePath);
+    console.log("   > adding", cjsPath);
+    fs.writeFileSync(modulePath, moduleExports);
+    fs.writeFileSync(cjsPath, cjsExports);
+  }
   const moduleEntry = import_path4.default.join(rootDir, "dist", "index.js");
   const moduleEntrySrc = fs.readFileSync(moduleEntry, "utf-8");
   if (!moduleEntrySrc.includes("// tamagui-patch-v4")) {
@@ -2019,7 +2051,6 @@ export const TamaguiExports = TExports
 exports.TamaguiExports = _interopRequireDefault(require("./tamagui-exports"));
 // tamagui-patch-end
 `);
-    console.log(`Tamagui patched react-native-web`);
   }
 }
 __name(patchReactNativeWeb, "patchReactNativeWeb");