@tamagui/static 1.14.1 → 1.14.2

package/dist/esm/extractor/extractMediaStyle.js

@@ -1,2 +1,159 @@
-import*as o from"@babel/types";import{getStylesAtomic as A,mediaObjectToString as v}from"@tamagui/core-node";import{MEDIA_SEP as T}from"../constants.js";import{isPresent as B,isValidImport as J}from"./extractHelpers.js";function R(s,e,i,n,a,t=0,f=!1){const c=K(s,e,i,a);if(!c)return null;const{key:r}=c;if(!n.media[r])return console.error(`Media query "${r}" not found: ${Object.keys(n.media)}`),null;const y=(l,u=!1)=>l?{styleObj:l,negate:u}:null,p=[y(e.consequent,!1),y(e.alternate,!0)].filter(B);if(f&&!p.length)return console.log("  media query, no styles?"),null;const W=Object.keys(n.media).reduce((l,u,j)=>(l[u]=new Array(t+1).fill(":root").join(""),l),{});let b=[];for(const{styleObj:l,negate:u}of p){const $=A(l).map(d=>{const x=u?"0":"",h=d.identifier.slice(0,d.identifier.indexOf("-")+1),S=`${d.identifier.replace(h,`${h}${T}${r}${x}${T}`)}`,k=`.${S}`,F=v(n.media[r]),O=`${u?"not all":"screen"} and ${F}`,V=W[r],I=d.rules.map(q=>q.replace(d.identifier,S)).join(";");let M="";return I.includes("@media")?M=I.replace("{",` and ${O} {`):M=`@media ${O} { ${V} ${I} }`,{...d,identifier:S,className:k,rules:[M]}});f==="verbose"&&console.log("  media styles:",t,l,$.map(d=>d.identifier).join(", ")),b=[...b,...$]}return e.remove(),{mediaStyles:b,ternaryWithoutMedia:c.ternaryWithoutMedia}}function K(s,e,i,n){if(o.isLogicalExpression(e.test)&&e.test.operator==="&&"){const t=E(s,e.test.left,i,n,e.inlineMediaQuery);if(t)return{...t,ternaryWithoutMedia:{...e,test:e.test.right}}}const a=E(s,e.test,i,n,e.inlineMediaQuery);return a?{...a,ternaryWithoutMedia:null}:null}function E(s,e,i,n,a){var t,f,c;if(a)return{key:a,bindingName:a};if(o.isMemberExpression(e)&&o.isIdentifier(e.object)&&o.isIdentifier(e.property)){const r=e.object.name,m=e.property.name,p=i.scope.getAllBindings()[r];if(!p)return!1;const g=(t=p.path)==null?void 0:t.node;return!o.isVariableDeclarator(g)||!g.init||!N(s,i,g.init,n)?!1:{key:m,bindingName:r}}if(o.isIdentifier(e)){const r=e.name,m=(c=(f=i.scope.getBinding(e.name))==null?void 0:f.path)==null?void 0:c.node;return!o.isVariableDeclarator(m)||!m.init||!N(s,i,m.init,n)?!1:{key:r,bindingName:r}}return null}function N(s,e,i,n){if(!o.isCallExpression(i)||!o.isIdentifier(i.callee)||i.callee.name!=="useMedia")return!1;const t=e.scope.getAllBindings().useMedia;if(!t)return!1;const f=t.path.parent;return!(!o.isImportDeclaration(f)||!J(s,n))}export{R as extractMediaStyle,N as isValidMediaCall};
+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.js.map

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

@@ -2,6 +2,6 @@
   "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": ["t", "getStylesAtomic", "mediaObjectToString", "MEDIA_SEP", "isPresent", "isValidImport", "extractMediaStyle", "props", "ternary", "jsxPath", "tamaguiConfig", "sourcePath", "importance", "shouldPrintDebug", "mt", "getMediaQueryTernary", "key", "getStyleObj", "styleObj", "negate", "styleOpts", "mediaKeyPrecendence", "acc", "cur", "i", "mediaStyles", "singleMediaStyles", "style", "negKey", "ogPrefix", "identifier", "className", "mediaSelector", "mediaQuery", "precendencePrefix", "styleInner", "rule", "styleRule", "x", "mediaLeft", "getMediaInfoFromExpression", "result", "test", "inlineMediaQuery", "_a", "_b", "_c", "name", "binding", "bindingNode", "isValidMediaCall", "node", "init", "mediaBinding", "useMediaImport"]
+  "mappings": "AACA,YAAY,OAAO;AACnB,SAAgC,iBAAiB,2BAA2B;AAG5E,SAAS,iBAAiB;AAE1B,SAAS,WAAW,qBAAqB;AAElC,SAAS,kBACd,OACA,SACA,SACA,eACA,YACA,aAAa,GACb,mBAAwC,OACxC;AACA,QAAM,KAAK,qBAAqB,OAAO,SAAS,SAAS,UAAU;AACnE,MAAI,CAAC,IAAI;AACP,WAAO;AAAA,EACT;AACA,QAAM,EAAE,IAAI,IAAI;AAChB,QAAM,KAAK,cAAc,MAAM,GAAG;AAClC,MAAI,CAAC,IAAI;AAEP,YAAQ,MAAM,gBAAgB,mBAAmB,OAAO,KAAK,cAAc,KAAK,GAAG;AACnF,WAAO;AAAA,EACT;AACA,QAAM,cAAc,CAAC,UAA4B,SAAS,UAAU;AAClE,WAAO,WAAW,EAAE,UAAU,OAAO,IAAI;AAAA,EAC3C;AACA,QAAM,YAAY;AAAA,IAChB,YAAY,QAAQ,YAAY,KAAK;AAAA,IACrC,YAAY,QAAQ,WAAW,IAAI;AAAA,EACrC,EAAE,OAAO,SAAS;AAClB,MAAI,oBAAoB,CAAC,UAAU,QAAQ;AAEzC,YAAQ,IAAI,2BAA2B;AACvC,WAAO;AAAA,EACT;AAEA,QAAM,YAAY,OAAO,KAAK,cAAc,KAAK;AACjD,QAAM,sBAAsB,UAAU,OAAO,CAAC,KAAK,KAAK,MAAM;AAC5D,QAAI,GAAG,IAAI,IAAI,MAAM,aAAa,CAAC,EAAE,KAAK,OAAO,EAAE,KAAK,EAAE;AAC1D,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AACL,MAAI,cAA6B,CAAC;AAClC,aAAW,EAAE,UAAU,OAAO,KAAK,WAAW;AAC5C,UAAM,SAAS,gBAAgB,QAAQ;AACvC,UAAM,oBAAoB,OAAO,IAAI,CAAC,UAAU;AAC9C,YAAM,SAAS,SAAS,MAAM;AAC9B,YAAM,WAAW,MAAM,WAAW,MAAM,GAAG,MAAM,WAAW,QAAQ,GAAG,IAAI,CAAC;AAI5E,YAAM,aAAa,GAAG,MAAM,WAAW;AAAA,QACrC;AAAA,QACA,GAAG,WAAW,YAAY,MAAM,SAAS;AAAA,MAC3C;AACA,YAAM,YAAY,IAAI;AACtB,YAAM,gBAAgB,oBAAoB,cAAc,MAAM,GAAG,CAAC;AAClE,YAAM,YAAY,SAAS,YAAY;AACvC,YAAM,aAAa,GAAG,iBAAiB;AACvC,YAAM,oBAAoB,oBAAoB,GAAG;AACjD,YAAM,aAAa,MAAM,MACtB,IAAI,CAAC,SAAS,KAAK,QAAQ,MAAM,YAAY,UAAU,CAAC,EACxD,KAAK,GAAG;AAEX,UAAI,YAAY;AAChB,UAAI,WAAW,SAAS,QAAQ,GAAG;AAEjC,oBAAY,WAAW,QAAQ,KAAK,QAAQ,cAAc;AAAA,MAC5D,OAAO;AACL,oBAAY,UAAU,gBAAgB,qBAAqB;AAAA,MAC7D;AACA,aAAO;AAAA,QACL,GAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA,OAAO,CAAC,SAAS;AAAA,MACnB;AAAA,IACF,CAAC;AACD,QAAI,qBAAqB,WAAW;AAGlC,cAAQ,IAAI,mBAAmB,YAAY,UAAU,kBAAkB,IAAI,OAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;AAAA,IAC1G;AAEA,kBAAc,CAAC,GAAG,aAAa,GAAG,iBAAiB;AAAA,EACrD;AAEA,UAAQ,OAAO;AACf,SAAO,EAAE,aAAa,qBAAqB,GAAG,oBAAoB;AACpE;AAEA,SAAS,qBACP,OACA,SACA,SACA,YAKA;AAGA,MAAI,EAAE,oBAAoB,QAAQ,IAAI,KAAK,QAAQ,KAAK,aAAa,MAAM;AAEzE,UAAM,YAAY;AAAA,MAChB;AAAA,MACA,QAAQ,KAAK;AAAA,MACb;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,IACV;AACA,QAAI,WAAW;AACb,aAAO;AAAA,QACL,GAAG;AAAA,QACH,qBAAqB;AAAA,UACnB,GAAG;AAAA,UACH,MAAM,QAAQ,KAAK;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAGA,QAAM,SAAS;AAAA,IACb;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,EACV;AACA,MAAI,QAAQ;AACV,WAAO;AAAA,MACL,GAAG;AAAA,MACH,qBAAqB;AAAA,IACvB;AAAA,EACF;AACA,SAAO;AACT;AAEA,SAAS,2BACP,OACA,MACA,SACA,YACA,kBACA;AAvJF;AAwJE,MAAI,kBAAkB;AACpB,WAAO;AAAA,MACL,KAAK;AAAA,MACL,aAAa;AAAA,IACf;AAAA,EACF;AACA,MAAI,EAAE,mBAAmB,IAAI,KAAK,EAAE,aAAa,KAAK,MAAM,KAAK,EAAE,aAAa,KAAK,QAAQ,GAAG;AAC9F,UAAM,OAAO,KAAK,OAAO,MAAM;AAC/B,UAAM,MAAM,KAAK,SAAS,MAAM;AAChC,UAAM,WAAW,QAAQ,MAAM,eAAe;AAC9C,UAAM,UAAU,SAAS,IAAI;AAC7B,QAAI,CAAC;AAAS,aAAO;AACrB,UAAM,eAAc,aAAQ,SAAR,mBAAc;AAClC,QAAI,CAAC,EAAE,qBAAqB,WAAW,KAAK,CAAC,YAAY;AAAM,aAAO;AACtE,QAAI,CAAC,iBAAiB,OAAO,SAAS,YAAY,MAAM,UAAU;AAAG,aAAO;AAC5E,WAAO,EAAE,KAAK,aAAa,KAAK;AAAA,EAClC;AACA,MAAI,EAAE,aAAa,IAAI,GAAG;AACxB,UAAM,MAAM,KAAK;AACjB,UAAM,QAAO,mBAAQ,MAAM,WAAW,KAAK,IAAI,MAAlC,mBAAqC,SAArC,mBAA2C;AACxD,QAAI,CAAC,EAAE,qBAAqB,IAAI;AAAG,aAAO;AAC1C,QAAI,CAAC,KAAK,QAAQ,CAAC,iBAAiB,OAAO,SAAS,KAAK,MAAM,UAAU;AAAG,aAAO;AACnF,WAAO,EAAE,KAAK,aAAa,IAAI;AAAA,EACjC;AACA,SAAO;AACT;AAEO,SAAS,iBACd,OACA,SACA,MACA,YACA;AACA,MAAI,CAAC,EAAE,iBAAiB,IAAI;AAAG,WAAO;AACtC,MAAI,CAAC,EAAE,aAAa,KAAK,MAAM;AAAG,WAAO;AAEzC,MAAI,KAAK,OAAO,SAAS;AAAY,WAAO;AAC5C,QAAM,WAAW,QAAQ,MAAM,eAAe;AAC9C,QAAM,eAAe,SAAS,UAAU;AACxC,MAAI,CAAC;AAAc,WAAO;AAC1B,QAAM,iBAAiB,aAAa,KAAK;AACzC,MAAI,CAAC,EAAE,oBAAoB,cAAc;AAAG,WAAO;AACnD,MAAI,CAAC,cAAc,OAAO,UAAU,GAAG;AACrC,WAAO;AAAA,EACT;AACA,SAAO;AACT;",
+  "names": []
 }

package/dist/esm/extractor/extractMediaStyle.mjs

@@ -1,2 +1,159 @@
-import*as o from"@babel/types";import{getStylesAtomic as A,mediaObjectToString as v}from"@tamagui/core-node";import{MEDIA_SEP as T}from"../constants.js";import{isPresent as B,isValidImport as J}from"./extractHelpers.js";function R(s,e,i,n,a,t=0,f=!1){const c=K(s,e,i,a);if(!c)return null;const{key:r}=c;if(!n.media[r])return console.error(`Media query "${r}" not found: ${Object.keys(n.media)}`),null;const y=(l,u=!1)=>l?{styleObj:l,negate:u}:null,p=[y(e.consequent,!1),y(e.alternate,!0)].filter(B);if(f&&!p.length)return console.log("  media query, no styles?"),null;const W=Object.keys(n.media).reduce((l,u,j)=>(l[u]=new Array(t+1).fill(":root").join(""),l),{});let b=[];for(const{styleObj:l,negate:u}of p){const $=A(l).map(d=>{const x=u?"0":"",h=d.identifier.slice(0,d.identifier.indexOf("-")+1),S=`${d.identifier.replace(h,`${h}${T}${r}${x}${T}`)}`,k=`.${S}`,F=v(n.media[r]),O=`${u?"not all":"screen"} and ${F}`,V=W[r],I=d.rules.map(q=>q.replace(d.identifier,S)).join(";");let M="";return I.includes("@media")?M=I.replace("{",` and ${O} {`):M=`@media ${O} { ${V} ${I} }`,{...d,identifier:S,className:k,rules:[M]}});f==="verbose"&&console.log("  media styles:",t,l,$.map(d=>d.identifier).join(", ")),b=[...b,...$]}return e.remove(),{mediaStyles:b,ternaryWithoutMedia:c.ternaryWithoutMedia}}function K(s,e,i,n){if(o.isLogicalExpression(e.test)&&e.test.operator==="&&"){const t=E(s,e.test.left,i,n,e.inlineMediaQuery);if(t)return{...t,ternaryWithoutMedia:{...e,test:e.test.right}}}const a=E(s,e.test,i,n,e.inlineMediaQuery);return a?{...a,ternaryWithoutMedia:null}:null}function E(s,e,i,n,a){var t,f,c;if(a)return{key:a,bindingName:a};if(o.isMemberExpression(e)&&o.isIdentifier(e.object)&&o.isIdentifier(e.property)){const r=e.object.name,m=e.property.name,p=i.scope.getAllBindings()[r];if(!p)return!1;const g=(t=p.path)==null?void 0:t.node;return!o.isVariableDeclarator(g)||!g.init||!N(s,i,g.init,n)?!1:{key:m,bindingName:r}}if(o.isIdentifier(e)){const r=e.name,m=(c=(f=i.scope.getBinding(e.name))==null?void 0:f.path)==null?void 0:c.node;return!o.isVariableDeclarator(m)||!m.init||!N(s,i,m.init,n)?!1:{key:r,bindingName:r}}return null}function N(s,e,i,n){if(!o.isCallExpression(i)||!o.isIdentifier(i.callee)||i.callee.name!=="useMedia")return!1;const t=e.scope.getAllBindings().useMedia;if(!t)return!1;const f=t.path.parent;return!(!o.isImportDeclaration(f)||!J(s,n))}export{R as extractMediaStyle,N as isValidMediaCall};
+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

@@ -2,6 +2,6 @@
   "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": ["t", "getStylesAtomic", "mediaObjectToString", "MEDIA_SEP", "isPresent", "isValidImport", "extractMediaStyle", "props", "ternary", "jsxPath", "tamaguiConfig", "sourcePath", "importance", "shouldPrintDebug", "mt", "getMediaQueryTernary", "key", "getStyleObj", "styleObj", "negate", "styleOpts", "mediaKeyPrecendence", "acc", "cur", "i", "mediaStyles", "singleMediaStyles", "style", "negKey", "ogPrefix", "identifier", "className", "mediaSelector", "mediaQuery", "precendencePrefix", "styleInner", "rule", "styleRule", "x", "mediaLeft", "getMediaInfoFromExpression", "result", "test", "inlineMediaQuery", "_a", "_b", "_c", "name", "binding", "bindingNode", "isValidMediaCall", "node", "init", "mediaBinding", "useMediaImport"]
+  "mappings": "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",
+  "names": []
 }