@tamagui/static 1.2.8 → 1.2.10

package/dist/esm/extractor/extractMediaStyle.mjs

@@ -0,0 +1,159 @@
+import * as t from "@babel/types";
+import { getStylesAtomic, mediaObjectToString } from "@tamagui/core-node";
+import { MEDIA_SEP } from "../constants.js";
+import { isPresent, isValidImport } from "./extractHelpers.js";
+function extractMediaStyle(props, ternary, jsxPath, tamaguiConfig, sourcePath, importance = 0, shouldPrintDebug = false) {
+  const mt = getMediaQueryTernary(props, ternary, jsxPath, sourcePath);
+  if (!mt) {
+    return null;
+  }
+  const { key } = mt;
+  const mq = tamaguiConfig.media[key];
+  if (!mq) {
+    console.error(`Media query "${key}" not found: ${Object.keys(tamaguiConfig.media)}`);
+    return null;
+  }
+  const getStyleObj = (styleObj, negate = false) => {
+    return styleObj ? { styleObj, negate } : null;
+  };
+  const styleOpts = [
+    getStyleObj(ternary.consequent, false),
+    getStyleObj(ternary.alternate, true)
+  ].filter(isPresent);
+  if (shouldPrintDebug && !styleOpts.length) {
+    console.log("  media query, no styles?");
+    return null;
+  }
+  const mediaKeys = Object.keys(tamaguiConfig.media);
+  const mediaKeyPrecendence = mediaKeys.reduce((acc, cur, i) => {
+    acc[cur] = new Array(importance + 1).fill(":root").join("");
+    return acc;
+  }, {});
+  let mediaStyles = [];
+  for (const { styleObj, negate } of styleOpts) {
+    const styles = getStylesAtomic(styleObj);
+    const singleMediaStyles = styles.map((style) => {
+      const negKey = negate ? "0" : "";
+      const ogPrefix = style.identifier.slice(0, style.identifier.indexOf("-") + 1);
+      const identifier = `${style.identifier.replace(
+        ogPrefix,
+        `${ogPrefix}${MEDIA_SEP}${key}${negKey}${MEDIA_SEP}`
+      )}`;
+      const className = `.${identifier}`;
+      const mediaSelector = mediaObjectToString(tamaguiConfig.media[key]);
+      const screenStr = negate ? "not all" : "screen";
+      const mediaQuery = `${screenStr} and ${mediaSelector}`;
+      const precendencePrefix = mediaKeyPrecendence[key];
+      const styleInner = style.rules.map((rule) => rule.replace(style.identifier, identifier)).join(";");
+      let styleRule = "";
+      if (styleInner.includes("@media")) {
+        styleRule = styleInner.replace("{", ` and ${mediaQuery} {`);
+      } else {
+        styleRule = `@media ${mediaQuery} { ${precendencePrefix} ${styleInner} }`;
+      }
+      return {
+        ...style,
+        identifier,
+        className,
+        rules: [styleRule]
+      };
+    });
+    if (shouldPrintDebug === "verbose") {
+      console.log("  media styles:", importance, styleObj, singleMediaStyles.map((x) => x.identifier).join(", "));
+    }
+    mediaStyles = [...mediaStyles, ...singleMediaStyles];
+  }
+  ternary.remove();
+  return { mediaStyles, ternaryWithoutMedia: mt.ternaryWithoutMedia };
+}
+function getMediaQueryTernary(props, ternary, jsxPath, sourcePath) {
+  if (t.isLogicalExpression(ternary.test) && ternary.test.operator === "&&") {
+    const mediaLeft = getMediaInfoFromExpression(
+      props,
+      ternary.test.left,
+      jsxPath,
+      sourcePath,
+      ternary.inlineMediaQuery
+    );
+    if (mediaLeft) {
+      return {
+        ...mediaLeft,
+        ternaryWithoutMedia: {
+          ...ternary,
+          test: ternary.test.right
+        }
+      };
+    }
+  }
+  const result = getMediaInfoFromExpression(
+    props,
+    ternary.test,
+    jsxPath,
+    sourcePath,
+    ternary.inlineMediaQuery
+  );
+  if (result) {
+    return {
+      ...result,
+      ternaryWithoutMedia: null
+    };
+  }
+  return null;
+}
+function getMediaInfoFromExpression(props, test, jsxPath, sourcePath, inlineMediaQuery) {
+  var _a, _b, _c;
+  if (inlineMediaQuery) {
+    return {
+      key: inlineMediaQuery,
+      bindingName: inlineMediaQuery
+    };
+  }
+  if (t.isMemberExpression(test) && t.isIdentifier(test.object) && t.isIdentifier(test.property)) {
+    const name = test.object["name"];
+    const key = test.property["name"];
+    const bindings = jsxPath.scope.getAllBindings();
+    const binding = bindings[name];
+    if (!binding)
+      return false;
+    const bindingNode = (_a = binding.path) == null ? void 0 : _a.node;
+    if (!t.isVariableDeclarator(bindingNode) || !bindingNode.init)
+      return false;
+    if (!isValidMediaCall(props, jsxPath, bindingNode.init, sourcePath))
+      return false;
+    return { key, bindingName: name };
+  }
+  if (t.isIdentifier(test)) {
+    const key = test.name;
+    const node = (_c = (_b = jsxPath.scope.getBinding(test.name)) == null ? void 0 : _b.path) == null ? void 0 : _c.node;
+    if (!t.isVariableDeclarator(node))
+      return false;
+    if (!node.init || !isValidMediaCall(props, jsxPath, node.init, sourcePath))
+      return false;
+    return { key, bindingName: key };
+  }
+  return null;
+}
+function isValidMediaCall(props, jsxPath, init, sourcePath) {
+  if (!t.isCallExpression(init))
+    return false;
+  if (!t.isIdentifier(init.callee))
+    return false;
+  if (init.callee.name !== "useMedia")
+    return false;
+  const bindings = jsxPath.scope.getAllBindings();
+  const mediaBinding = bindings["useMedia"];
+  if (!mediaBinding)
+    return false;
+  const useMediaImport = mediaBinding.path.parent;
+  if (!t.isImportDeclaration(useMediaImport))
+    return false;
+  if (!isValidImport(props, sourcePath)) {
+    return false;
+  }
+  return true;
+}
+export {
+  extractMediaStyle,
+  isValidMediaCall
+};
+//# sourceMappingURL=extractMediaStyle.mjs.map

package/dist/esm/extractor/extractMediaStyle.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/extractor/extractMediaStyle.ts"],
+  "sourcesContent": ["import { NodePath } from '@babel/traverse'\nimport * as t from '@babel/types'\nimport { TamaguiInternalConfig, getStylesAtomic, mediaObjectToString } from '@tamagui/core-node'\nimport type { ViewStyle } from 'react-native'\n\nimport { MEDIA_SEP } from '../constants.js'\nimport type { StyleObject, TamaguiOptionsWithFileInfo, Ternary } from '../types.js'\nimport { isPresent, isValidImport } from './extractHelpers.js'\n\nexport function extractMediaStyle(\n  props: TamaguiOptionsWithFileInfo,\n  ternary: Ternary,\n  jsxPath: NodePath<t.JSXElement>,\n  tamaguiConfig: TamaguiInternalConfig,\n  sourcePath: string,\n  importance = 0,\n  shouldPrintDebug: boolean | 'verbose' = false\n) {\n  const mt = getMediaQueryTernary(props, ternary, jsxPath, sourcePath)\n  if (!mt) {\n    return null\n  }\n  const { key } = mt\n  const mq = tamaguiConfig.media[key]\n  if (!mq) {\n    // eslint-disable-next-line no-console\n    console.error(`Media query \"${key}\" not found: ${Object.keys(tamaguiConfig.media)}`)\n    return null\n  }\n  const getStyleObj = (styleObj: ViewStyle | null, negate = false) => {\n    return styleObj ? { styleObj, negate } : null\n  }\n  const styleOpts = [\n    getStyleObj(ternary.consequent, false),\n    getStyleObj(ternary.alternate, true),\n  ].filter(isPresent)\n  if (shouldPrintDebug && !styleOpts.length) {\n    // eslint-disable-next-line no-console\n    console.log('  media query, no styles?')\n    return null\n  }\n  // for now order first strongest\n  const mediaKeys = Object.keys(tamaguiConfig.media)\n  const mediaKeyPrecendence = mediaKeys.reduce((acc, cur, i) => {\n    acc[cur] = new Array(importance + 1).fill(':root').join('')\n    return acc\n  }, {})\n  let mediaStyles: StyleObject[] = []\n  for (const { styleObj, negate } of styleOpts) {\n    const styles = getStylesAtomic(styleObj)\n    const singleMediaStyles = styles.map((style) => {\n      const negKey = negate ? '0' : ''\n      const ogPrefix = style.identifier.slice(0, style.identifier.indexOf('-') + 1)\n      // adds an extra separator before and after to detect later\n      // so it goes from: \"_f-[hash]\"\n      // to: \"_f-_sm0_[hash]\" or \"_f-_sm_[hash]\"\n      const identifier = `${style.identifier.replace(\n        ogPrefix,\n        `${ogPrefix}${MEDIA_SEP}${key}${negKey}${MEDIA_SEP}`\n      )}`\n      const className = `.${identifier}`\n      const mediaSelector = mediaObjectToString(tamaguiConfig.media[key])\n      const screenStr = negate ? 'not all' : 'screen'\n      const mediaQuery = `${screenStr} and ${mediaSelector}`\n      const precendencePrefix = mediaKeyPrecendence[key]\n      const styleInner = style.rules\n        .map((rule) => rule.replace(style.identifier, identifier))\n        .join(';')\n      // combines media queries if they already exist\n      let styleRule = ''\n      if (styleInner.includes('@media')) {\n        // combine\n        styleRule = styleInner.replace('{', ` and ${mediaQuery} {`)\n      } else {\n        styleRule = `@media ${mediaQuery} { ${precendencePrefix} ${styleInner} }`\n      }\n      return {\n        ...style,\n        identifier,\n        className,\n        rules: [styleRule],\n      }\n    })\n    if (shouldPrintDebug === 'verbose') {\n      // prettier-ignore\n      // eslint-disable-next-line no-console\n      console.log('  media styles:', importance, styleObj, singleMediaStyles.map(x => x.identifier).join(', '))\n    }\n    // add to output\n    mediaStyles = [...mediaStyles, ...singleMediaStyles]\n  }\n  // filter out\n  ternary.remove()\n  return { mediaStyles, ternaryWithoutMedia: mt.ternaryWithoutMedia }\n}\n\nfunction getMediaQueryTernary(\n  props: TamaguiOptionsWithFileInfo,\n  ternary: Ternary,\n  jsxPath: NodePath<t.JSXElement>,\n  sourcePath: string\n): null | {\n  key: string\n  bindingName: string\n  ternaryWithoutMedia: Ternary | null\n} {\n  // this handles unwrapping logical && media query ternarys\n  // first, unwrap if it has media logicalExpression\n  if (t.isLogicalExpression(ternary.test) && ternary.test.operator === '&&') {\n    // *should* be normalized to always be on left side\n    const mediaLeft = getMediaInfoFromExpression(\n      props,\n      ternary.test.left,\n      jsxPath,\n      sourcePath,\n      ternary.inlineMediaQuery\n    )\n    if (mediaLeft) {\n      return {\n        ...mediaLeft,\n        ternaryWithoutMedia: {\n          ...ternary,\n          test: ternary.test.right,\n        },\n      }\n    }\n  }\n  // const media = useMedia()\n  // ... media.sm\n  const result = getMediaInfoFromExpression(\n    props,\n    ternary.test,\n    jsxPath,\n    sourcePath,\n    ternary.inlineMediaQuery\n  )\n  if (result) {\n    return {\n      ...result,\n      ternaryWithoutMedia: null,\n    }\n  }\n  return null\n}\n\nfunction getMediaInfoFromExpression(\n  props: TamaguiOptionsWithFileInfo,\n  test: t.Expression,\n  jsxPath: NodePath<t.JSXElement>,\n  sourcePath: string,\n  inlineMediaQuery?: string\n) {\n  if (inlineMediaQuery) {\n    return {\n      key: inlineMediaQuery,\n      bindingName: inlineMediaQuery,\n    }\n  }\n  if (t.isMemberExpression(test) && t.isIdentifier(test.object) && t.isIdentifier(test.property)) {\n    const name = test.object['name']\n    const key = test.property['name']\n    const bindings = jsxPath.scope.getAllBindings()\n    const binding = bindings[name]\n    if (!binding) return false\n    const bindingNode = binding.path?.node\n    if (!t.isVariableDeclarator(bindingNode) || !bindingNode.init) return false\n    if (!isValidMediaCall(props, jsxPath, bindingNode.init, sourcePath)) return false\n    return { key, bindingName: name }\n  }\n  if (t.isIdentifier(test)) {\n    const key = test.name\n    const node = jsxPath.scope.getBinding(test.name)?.path?.node\n    if (!t.isVariableDeclarator(node)) return false\n    if (!node.init || !isValidMediaCall(props, jsxPath, node.init, sourcePath)) return false\n    return { key, bindingName: key }\n  }\n  return null\n}\n\nexport function isValidMediaCall(\n  props: TamaguiOptionsWithFileInfo,\n  jsxPath: NodePath<t.JSXElement>,\n  init: t.Expression,\n  sourcePath: string\n) {\n  if (!t.isCallExpression(init)) return false\n  if (!t.isIdentifier(init.callee)) return false\n  // TODO could support renaming useMedia by looking up import first\n  if (init.callee.name !== 'useMedia') return false\n  const bindings = jsxPath.scope.getAllBindings()\n  const mediaBinding = bindings['useMedia']\n  if (!mediaBinding) return false\n  const useMediaImport = mediaBinding.path.parent\n  if (!t.isImportDeclaration(useMediaImport)) return false\n  if (!isValidImport(props, sourcePath)) {\n    return false\n  }\n  return true\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/extractor/extractToClassNames.mjs

@@ -0,0 +1,381 @@
+import * as path from "path";
+import { basename } from "path";
+import * as util from "util";
+import generate from "@babel/generator";
+import * as t from "@babel/types";
+import { getStylesAtomic } from "@tamagui/core-node";
+import { concatClassName } from "@tamagui/helpers";
+import { babelParse } from "./babelParse.js";
+import { buildClassName } from "./buildClassName.js";
+import { ensureImportingConcat } from "./ensureImportingConcat.js";
+import { isSimpleSpread } from "./extractHelpers.js";
+import { extractMediaStyle } from "./extractMediaStyle.js";
+import { getPrefixLogs } from "./getPrefixLogs.js";
+import { hoistClassNames } from "./hoistClassNames.js";
+import { logLines } from "./logLines.js";
+import { timer } from "./timer.js";
+const mergeStyleGroups = {
+  shadowOpacity: true,
+  shadowRadius: true,
+  shadowColor: true,
+  shadowOffset: true
+};
+async function extractToClassNames({
+  extractor,
+  source,
+  sourcePath,
+  options,
+  shouldPrintDebug
+}) {
+  const tm = timer();
+  if (shouldPrintDebug) {
+    console.log(`--- ${sourcePath} --- 
+
+`);
+  }
+  if (typeof source !== "string") {
+    throw new Error("`source` must be a string of javascript");
+  }
+  if (sourcePath && !path.isAbsolute(sourcePath)) {
+    throw new Error("`sourcePath` must be an absolute path to a .js file");
+  }
+  if (!/.[tj]sx?$/i.test(sourcePath || "")) {
+    console.log(`${sourcePath == null ? void 0 : sourcePath.slice(0, 100)} - bad filename.`);
+  }
+  await extractor.loadTamagui(options);
+  const shouldLogTiming = options.logTimings ?? true;
+  const start = Date.now();
+  const mem = shouldLogTiming ? process.memoryUsage() : null;
+  let ast;
+  try {
+    ast = babelParse(source);
+  } catch (err) {
+    console.error("babel parse error:", sourcePath == null ? void 0 : sourcePath.slice(0, 100));
+    throw err;
+  }
+  tm.mark(`babel-parse`, shouldPrintDebug === "verbose");
+  const cssMap = /* @__PURE__ */ new Map();
+  const existingHoists = {};
+  let hasFlattened = false;
+  const res = await extractor.parse(ast, {
+    shouldPrintDebug,
+    ...options,
+    sourcePath,
+    target: "html",
+    extractStyledDefinitions: true,
+    onStyleRule(identifier, rules) {
+      const css = rules.join(";");
+      if (shouldPrintDebug) {
+        console.log(`adding styled() rule: .${identifier} ${css}`);
+      }
+      cssMap.set(`.${identifier}`, { css, commentTexts: [] });
+    },
+    getFlattenedNode: ({ tag }) => {
+      hasFlattened = true;
+      return tag;
+    },
+    onExtractTag: ({
+      parserProps,
+      attrs,
+      node,
+      attemptEval,
+      jsxPath,
+      originalNodeName,
+      filePath,
+      lineNumbers,
+      programPath,
+      isFlattened,
+      completeProps,
+      staticConfig
+    }) => {
+      var _a;
+      if (staticConfig.acceptsClassName === false) {
+        if (shouldPrintDebug) {
+          console.log(`bail, acceptsClassName is false`);
+        }
+        return;
+      }
+      const didFlattenThisTag = hasFlattened;
+      hasFlattened = false;
+      let finalClassNames = [];
+      const finalAttrs = [];
+      let finalStyles = [];
+      let viewStyles = {};
+      for (const attr of attrs) {
+        if (attr.type === "style") {
+          viewStyles = {
+            ...viewStyles,
+            ...attr.value
+          };
+        }
+      }
+      const ensureNeededPrevStyle = (style) => {
+        const keys = Object.keys(style);
+        if (!keys.some((key) => mergeStyleGroups[key])) {
+          return style;
+        }
+        for (const k in mergeStyleGroups) {
+          if (k in viewStyles) {
+            style[k] = style[k] ?? viewStyles[k];
+          }
+        }
+        return style;
+      };
+      const addStyles = (style) => {
+        if (!style)
+          return [];
+        const styleWithPrev = ensureNeededPrevStyle(style);
+        const res2 = getStylesAtomic(styleWithPrev);
+        if (res2.length) {
+          finalStyles = [...finalStyles, ...res2];
+        }
+        return res2;
+      };
+      let lastMediaImportance = 1;
+      for (const attr of attrs) {
+        switch (attr.type) {
+          case "style": {
+            if (!isFlattened) {
+              const styles2 = getStylesAtomic(attr.value);
+              finalStyles = [...finalStyles, ...styles2];
+              for (const style of styles2) {
+                const prop = style.pseudo ? `${style.property}-${style.pseudo}` : style.property;
+                finalAttrs.push(
+                  t.jsxAttribute(t.jsxIdentifier(prop), t.stringLiteral(style.identifier))
+                );
+              }
+            } else {
+              const styles2 = addStyles(attr.value);
+              const newClassNames = concatClassName(
+                styles2.map((x) => x.identifier).join(" ")
+              );
+              const existing = finalClassNames.find(
+                (x) => x.type == "StringLiteral"
+              );
+              if (existing) {
+                existing.value = `${existing.value} ${newClassNames}`;
+              } else {
+                finalClassNames = [...finalClassNames, t.stringLiteral(newClassNames)];
+              }
+            }
+            break;
+          }
+          case "attr": {
+            const val = attr.value;
+            if (t.isJSXSpreadAttribute(val)) {
+              if (isSimpleSpread(val)) {
+                finalClassNames.push(
+                  t.logicalExpression(
+                    "&&",
+                    val.argument,
+                    t.memberExpression(val.argument, t.identifier("className"))
+                  )
+                );
+              }
+            } else if (val.name.name === "className") {
+              const value = val.value;
+              if (value) {
+                try {
+                  const evaluatedValue = attemptEval(value);
+                  finalClassNames.push(t.stringLiteral(evaluatedValue));
+                } catch (e) {
+                  finalClassNames.push(value["expression"]);
+                }
+              }
+              continue;
+            }
+            finalAttrs.push(val);
+            break;
+          }
+          case "ternary": {
+            const mediaExtraction = extractMediaStyle(
+              parserProps,
+              attr.value,
+              jsxPath,
+              extractor.getTamagui(),
+              sourcePath || "",
+              lastMediaImportance,
+              shouldPrintDebug
+            );
+            if (shouldPrintDebug) {
+              if (mediaExtraction) {
+                console.log(
+                  "ternary (mediaStyles)",
+                  ((_a = mediaExtraction.ternaryWithoutMedia) == null ? void 0 : _a.inlineMediaQuery) ?? "",
+                  mediaExtraction.mediaStyles.map((x) => x.identifier).join(".")
+                );
+              }
+            }
+            if (!mediaExtraction) {
+              addTernaryStyle(
+                attr.value,
+                addStyles(attr.value.consequent),
+                addStyles(attr.value.alternate)
+              );
+              continue;
+            }
+            lastMediaImportance++;
+            if (mediaExtraction.mediaStyles) {
+              finalStyles = [...finalStyles, ...mediaExtraction.mediaStyles];
+            }
+            if (mediaExtraction.ternaryWithoutMedia) {
+              addTernaryStyle(
+                mediaExtraction.ternaryWithoutMedia,
+                mediaExtraction.mediaStyles,
+                []
+              );
+            } else {
+              finalClassNames = [
+                ...finalClassNames,
+                ...mediaExtraction.mediaStyles.map((x) => t.stringLiteral(x.identifier))
+              ];
+            }
+            break;
+          }
+        }
+      }
+      function addTernaryStyle(ternary, a, b) {
+        const cCN = a.map((x) => x.identifier).join(" ");
+        const aCN = b.map((x) => x.identifier).join(" ");
+        if (a.length && b.length) {
+          finalClassNames.push(
+            t.conditionalExpression(
+              ternary.test,
+              t.stringLiteral(cCN),
+              t.stringLiteral(aCN)
+            )
+          );
+        } else {
+          finalClassNames.push(
+            t.conditionalExpression(
+              ternary.test,
+              t.stringLiteral(" " + cCN),
+              t.stringLiteral(" " + aCN)
+            )
+          );
+        }
+      }
+      if (shouldPrintDebug) {
+        console.log(
+          "  finalClassNames\n",
+          logLines(finalClassNames.map((x) => x["value"]).join(" "))
+        );
+      }
+      node.attributes = finalAttrs;
+      if (finalClassNames.length) {
+        const extraClassNames = (() => {
+          let value = "";
+          if (!isFlattened) {
+            return value;
+          }
+          if (process.env.TAMAGUI_DEBUG_OPTIMIZATIONS) {
+            value += `is_tamagui_flattened`;
+          }
+          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;
+        })();
+        const names = buildClassName(finalClassNames, extraClassNames);
+        const nameExpr = names ? hoistClassNames(jsxPath, existingHoists, names) : null;
+        let expr = nameExpr;
+        if (nameExpr && !t.isIdentifier(nameExpr)) {
+          if (!didFlattenThisTag) {
+          } else {
+            ensureImportingConcat(programPath);
+            const simpleSpreads = attrs.filter(
+              (x) => t.isJSXSpreadAttribute(x.value) && isSimpleSpread(x.value)
+            );
+            expr = t.callExpression(t.identifier("concatClassName"), [
+              expr,
+              ...simpleSpreads.map((val) => val.value["argument"])
+            ]);
+          }
+        }
+        node.attributes.push(
+          t.jsxAttribute(t.jsxIdentifier("className"), t.jsxExpressionContainer(expr))
+        );
+      }
+      const comment = util.format(
+        "/* %s:%s (%s) */",
+        filePath,
+        lineNumbers,
+        originalNodeName
+      );
+      for (const { identifier, rules } of finalStyles) {
+        const className = `.${identifier}`;
+        if (cssMap.has(className)) {
+          if (comment) {
+            const val = cssMap.get(className);
+            val.commentTexts.push(comment);
+            cssMap.set(className, val);
+          }
+        } else if (rules.length) {
+          cssMap.set(className, {
+            css: rules.join("\n"),
+            commentTexts: [comment]
+          });
+        }
+      }
+    }
+  });
+  if (!res || !res.modified && !res.optimized && !res.flattened && !res.styled) {
+    if (shouldPrintDebug) {
+      console.log("no res or none modified", res);
+    }
+    return null;
+  }
+  const styles = Array.from(cssMap.values()).map((x) => x.css).join("\n").trim();
+  const result = generate(
+    ast,
+    {
+      concise: false,
+      filename: sourcePath,
+      // this makes the debug output terrible, and i think sourcemap works already
+      retainLines: false,
+      sourceFileName: sourcePath,
+      sourceMaps: true
+    },
+    source
+  );
+  if (shouldPrintDebug) {
+    console.log(
+      "\n -------- output code ------- \n\n",
+      result.code.split("\n").filter((x) => !x.startsWith("//")).join("\n")
+    );
+    console.log("\n -------- output style -------- \n\n", styles);
+  }
+  if (shouldLogTiming) {
+    const memUsed = mem ? Math.round((process.memoryUsage().heapUsed - mem.heapUsed) / 1024 / 1204 * 10) / 10 : 0;
+    const path2 = basename(sourcePath || "").replace(/\.[jt]sx?$/, "").slice(0, 22).trim().padStart(24);
+    const numStyled = `${res.styled}`.padStart(3);
+    const numOptimized = `${res.optimized}`.padStart(3);
+    const numFound = `${res.found}`.padStart(3);
+    const numFlattened = `${res.flattened}`.padStart(3);
+    const memory = process.env.DEBUG && memUsed > 10 ? ` ${memUsed}MB` : "";
+    const timing = Date.now() - start;
+    const timingStr = `${timing}ms`.padStart(6);
+    const pre = getPrefixLogs(options);
+    const memStr = memory ? `(${memory})` : "";
+    console.log(
+      `${pre} ${path2}  ${numFound} \xB7 ${numOptimized} \xB7 ${numFlattened} \xB7 ${numStyled}  ${timingStr} ${memStr}`
+    );
+  }
+  return {
+    ast,
+    styles,
+    js: result.code,
+    map: result.map
+  };
+}
+export {
+  extractToClassNames
+};
+//# sourceMappingURL=extractToClassNames.mjs.map

package/dist/esm/extractor/extractToClassNames.mjs.map

@@ -0,0 +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 type { ViewStyle } from 'react-native'\n\nimport type { ClassNameObject, StyleObject, TamaguiOptions, Ternary } from '../types.js'\nimport { babelParse } from './babelParse.js'\nimport { buildClassName } from './buildClassName.js'\nimport { Extractor } from './createExtractor.js'\nimport { ensureImportingConcat } from './ensureImportingConcat.js'\nimport { isSimpleSpread } from './extractHelpers.js'\nimport { extractMediaStyle } from './extractMediaStyle.js'\nimport { getPrefixLogs } from './getPrefixLogs.js'\nimport { hoistClassNames } from './hoistClassNames.js'\nimport { logLines } from './logLines.js'\nimport { timer } from './timer.js'\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 type ExtractToClassNamesProps = {\n  extractor: Extractor\n  source: string | Buffer\n  sourcePath?: string\n  options: TamaguiOptions\n  shouldPrintDebug: boolean | 'verbose'\n}\n\nexport async function extractToClassNames({\n  extractor,\n  source,\n  sourcePath,\n  options,\n  shouldPrintDebug,\n}: ExtractToClassNamesProps): Promise<ExtractedResponse | null> {\n  const tm = timer()\n\n  if (shouldPrintDebug) {\n    console.log(`--- ${sourcePath} --- \\n\\n`)\n  }\n\n  if (typeof source !== 'string') {\n    throw new Error('`source` must be a string of javascript')\n  }\n  if (sourcePath && !path.isAbsolute(sourcePath)) {\n    throw new Error('`sourcePath` must be an absolute path to a .js file')\n  }\n  if (!/.[tj]sx?$/i.test(sourcePath || '')) {\n    console.log(`${sourcePath?.slice(0, 100)} - bad filename.`)\n  }\n\n  // dont include loading in timing of parsing (one time cost)\n  await extractor.loadTamagui(options)\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    // eslint-disable-next-line no-console\n    console.error('babel parse error:', sourcePath?.slice(0, 100))\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 = await extractor.parse(ast, {\n    shouldPrintDebug,\n    ...options,\n    sourcePath,\n    target: 'html',\n    extractStyledDefinitions: true,\n    onStyleRule(identifier, rules) {\n      const css = rules.join(';')\n      if (shouldPrintDebug) {\n        // eslint-disable-next-line no-console\n        console.log(`adding styled() rule: .${identifier} ${css}`)\n      }\n      cssMap.set(`.${identifier}`, { css, commentTexts: [] })\n    },\n    getFlattenedNode: ({ tag }) => {\n      hasFlattened = true\n      return tag\n    },\n    onExtractTag: ({\n      parserProps,\n      attrs,\n      node,\n      attemptEval,\n      jsxPath,\n      originalNodeName,\n      filePath,\n      lineNumbers,\n      programPath,\n      isFlattened,\n      completeProps,\n      staticConfig,\n    }) => {\n      // bail out of views that don't accept className (falls back to runtime + style={})\n      if (staticConfig.acceptsClassName === false) {\n        if (shouldPrintDebug) {\n          // eslint-disable-next-line no-console\n          console.log(`bail, acceptsClassName is false`)\n        }\n        return\n      }\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\n                  ? `${style.property}-${style.pseudo}`\n                  : 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(\n                styles.map((x) => x.identifier).join(' ')\n              )\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              parserProps,\n              attr.value,\n              jsxPath,\n              extractor.getTamagui()!,\n              sourcePath || '',\n              lastMediaImportance,\n              shouldPrintDebug\n            )\n            if (shouldPrintDebug) {\n              if (mediaExtraction) {\n                // eslint-disable-next-line no-console\n                console.log(\n                  'ternary (mediaStyles)',\n                  mediaExtraction.ternaryWithoutMedia?.inlineMediaQuery ?? '',\n                  mediaExtraction.mediaStyles.map((x) => x.identifier).join('.')\n                )\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(\n                mediaExtraction.ternaryWithoutMedia,\n                mediaExtraction.mediaStyles,\n                []\n              )\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\n        if (a.length && b.length) {\n          finalClassNames.push(\n            t.conditionalExpression(\n              ternary.test,\n              t.stringLiteral(cCN),\n              t.stringLiteral(aCN)\n            )\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        // eslint-disable-next-line no-console\n        console.log(\n          '  finalClassNames\\n',\n          logLines(finalClassNames.map((x) => x['value']).join(' '))\n        )\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        const names = buildClassName(finalClassNames, extraClassNames)\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('concatClassName'), [\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(\n        '/* %s:%s (%s) */',\n        filePath,\n        lineNumbers,\n        originalNodeName\n      )\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          cssMap.set(className, {\n            css: rules.join('\\n'),\n            commentTexts: [comment],\n          })\n        }\n      }\n    },\n  })\n\n  if (!res || (!res.modified && !res.optimized && !res.flattened && !res.styled)) {\n    if (shouldPrintDebug) {\n      // eslint-disable-next-line no-console\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  // @ts-ignore\n  const result = generate(\n    ast as any,\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    // eslint-disable-next-line no-console\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    // eslint-disable-next-line no-console\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) /\n        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 timingStr = `${timing}ms`.padStart(6)\n    const pre = getPrefixLogs(options)\n    const memStr = memory ? `(${memory})` : ''\n    // eslint-disable-next-line no-console\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": ["res", "styles", "path"]
+}

package/dist/esm/extractor/findTopmostFunction.mjs

@@ -0,0 +1,20 @@
+function findTopmostFunction(jsxPath) {
+  const isFunction = (path) => path.isArrowFunctionExpression() || path.isFunctionDeclaration() || path.isFunctionExpression();
+  let compFn = jsxPath.findParent(isFunction);
+  while (compFn) {
+    const parent = compFn.findParent(isFunction);
+    if (parent) {
+      compFn = parent;
+    } else {
+      break;
+    }
+  }
+  if (!compFn) {
+    return null;
+  }
+  return compFn;
+}
+export {
+  findTopmostFunction
+};
+//# sourceMappingURL=findTopmostFunction.mjs.map

package/dist/esm/extractor/findTopmostFunction.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/extractor/findTopmostFunction.ts"],
+  "sourcesContent": ["import { NodePath } from '@babel/traverse'\nimport * as t from '@babel/types'\n\nexport function findTopmostFunction(jsxPath: NodePath<t.JSXElement>) {\n  // get topmost fn\n  const isFunction = (path: NodePath<any>) =>\n    path.isArrowFunctionExpression() || path.isFunctionDeclaration() || path.isFunctionExpression()\n  let compFn: NodePath<any> | null = jsxPath.findParent(isFunction)\n  while (compFn) {\n    const parent = compFn.findParent(isFunction)\n    if (parent) {\n      compFn = parent\n    } else {\n      break\n    }\n  }\n  if (!compFn) {\n    // console.error(`Couldn't find a topmost function for media query extraction`)\n    return null\n  }\n  return compFn\n}\n"],
+  "mappings": "AAGO,SAAS,oBAAoB,SAAiC;AAEnE,QAAM,aAAa,CAAC,SAClB,KAAK,0BAA0B,KAAK,KAAK,sBAAsB,KAAK,KAAK,qBAAqB;AAChG,MAAI,SAA+B,QAAQ,WAAW,UAAU;AAChE,SAAO,QAAQ;AACb,UAAM,SAAS,OAAO,WAAW,UAAU;AAC3C,QAAI,QAAQ;AACV,eAAS;AAAA,IACX,OAAO;AACL;AAAA,IACF;AAAA,EACF;AACA,MAAI,CAAC,QAAQ;AAEX,WAAO;AAAA,EACT;AACA,SAAO;AACT;",
+  "names": []
+}