@tamagui/static 1.1.7 → 1.1.9

package/dist/{constants.js → cjs/constants.js}

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/{constants.js.map → cjs/constants.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/constants.ts"],
+  "sources": ["../../src/constants.ts"],
   "sourcesContent": ["import findCacheDir from 'find-cache-dir'\n\nexport const CSS_FILE_NAME = '__snack.css'\n\n// ENSURE THIS ISNT THE SAME AS THE SEPARATOR USED FOR STYLE KEYS\nexport const MEDIA_SEP = '_'\n\n// ensure cache dir\nexport const cacheDir = findCacheDir({ name: 'tamagui', create: true })\n\nexport const FAILED_EVAL = Symbol('failed_style_eval')\n\nexport const SHOULD_DEBUG = process.env.DEBUG === '*' || process.env.DEBUG?.startsWith('tamagui')\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAyB;AAAzB;AAEO,MAAM,gBAAgB;AAGtB,MAAM,YAAY;AAGlB,MAAM,eAAW,sBAAAA,SAAa,EAAE,MAAM,WAAW,QAAQ,KAAK,CAAC;AAE/D,MAAM,cAAc,OAAO,mBAAmB;AAE9C,MAAM,eAAe,QAAQ,IAAI,UAAU,SAAO,aAAQ,IAAI,UAAZ,mBAAmB,WAAW;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAyB;AAAzB;AAEO,MAAM,gBAAgB;AAGtB,MAAM,YAAY;AAGlB,MAAM,eAAW,sBAAAA,SAAa,EAAE,MAAM,WAAW,QAAQ,KAAK,CAAC;AAE/D,MAAM,cAAc,OAAO,mBAAmB;AAE9C,MAAM,eAAe,QAAQ,IAAI,UAAU,SAAO,aAAQ,IAAI,UAAZ,mBAAmB,WAAW;",
   "names": ["findCacheDir"]
 }

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -33,9 +37,12 @@ function accessSafe(obj, member) {
     "&&",
     t.logicalExpression(
       "&&",
+      // typeof obj === 'object
       t.binaryExpression("===", t.unaryExpression("typeof", obj), t.stringLiteral("object")),
+      // obj !== null
       t.binaryExpression("!==", obj, t.nullLiteral())
     ),
+    // obj.member
     t.memberExpression(obj, t.identifier(member), false)
   );
 }

package/dist/cjs/extractor/accessSafe.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/extractor/accessSafe.ts"],
+  "sourcesContent": ["import * as t from '@babel/types'\n\n// accessSafe wraps memberExpressions in object/null checks\n// TODO: inject this as a function? this gets pretty repetitive\nexport function accessSafe(obj: t.Expression, member: string): t.LogicalExpression {\n  return t.logicalExpression(\n    '&&',\n    t.logicalExpression(\n      '&&',\n      // typeof obj === 'object\n      t.binaryExpression('===', t.unaryExpression('typeof', obj), t.stringLiteral('object')),\n      // obj !== null\n      t.binaryExpression('!==', obj, t.nullLiteral())\n    ),\n    // obj.member\n    t.memberExpression(obj, t.identifier(member), false)\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAmB;AAIZ,SAAS,WAAW,KAAmB,QAAqC;AACjF,SAAO,EAAE;AAAA,IACP;AAAA,IACA,EAAE;AAAA,MACA;AAAA;AAAA,MAEA,EAAE,iBAAiB,OAAO,EAAE,gBAAgB,UAAU,GAAG,GAAG,EAAE,cAAc,QAAQ,CAAC;AAAA;AAAA,MAErF,EAAE,iBAAiB,OAAO,KAAK,EAAE,YAAY,CAAC;AAAA,IAChD;AAAA;AAAA,IAEA,EAAE,iBAAiB,KAAK,EAAE,WAAW,MAAM,GAAG,KAAK;AAAA,EACrD;AACF;",
+  "names": []
+}

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/extractor/babelParse.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/extractor/babelParse.ts"],
+  "sourcesContent": ["import * as babelParser from '@babel/parser'\nimport * as t from '@babel/types'\n\nconst plugins: babelParser.ParserPlugin[] = [\n  'asyncGenerators',\n  'classProperties',\n  'dynamicImport',\n  'functionBind',\n  'jsx',\n  'numericSeparator',\n  'objectRestSpread',\n  'optionalCatchBinding',\n  'decorators-legacy',\n  'typescript',\n  'optionalChaining',\n  'nullishCoalescingOperator',\n]\n\nexport const parserOptions: babelParser.ParserOptions = Object.freeze({\n  plugins,\n  sourceType: 'module',\n})\n\nconst parser = babelParser.parse.bind(babelParser)\n\nexport function babelParse(code: string | Buffer): t.File {\n  try {\n    return parser(code.toString(), parserOptions) as any\n  } catch (err) {\n    throw new Error(`Error parsing babel: ${err} in code`)\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA6B;AAG7B,MAAM,UAAsC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,gBAA2C,OAAO,OAAO;AAAA,EACpE;AAAA,EACA,YAAY;AACd,CAAC;AAED,MAAM,SAAS,YAAY,MAAM,KAAK,WAAW;AAE1C,SAAS,WAAW,MAA+B;AACxD,MAAI;AACF,WAAO,OAAO,KAAK,SAAS,GAAG,aAAa;AAAA,EAC9C,SAAS,KAAP;AACA,UAAM,IAAI,MAAM,wBAAwB,aAAa;AAAA,EACvD;AACF;",
+  "names": []
+}

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -43,7 +47,11 @@ const buildClassName = (objectsIn, extras = "") => {
 const buildClassNameLogic = (objects) => {
   return objects.reduce((acc, val) => {
     if (acc == null) {
-      if (t.isConditionalExpression(val) || t.isStringLiteral(val) || t.isNumericLiteral(val)) {
+      if (
+        // pass conditional expressions through
+        t.isConditionalExpression(val) || // pass non-null literals through
+        t.isStringLiteral(val) || t.isNumericLiteral(val)
+      ) {
         return val;
       }
       return t.logicalExpression("||", val, t.stringLiteral(""));

package/dist/cjs/extractor/buildClassName.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/extractor/buildClassName.ts"],
+  "sourcesContent": ["import * as t from '@babel/types'\n\nimport type { ClassNameObject } from '../types.js'\n\ntype Builder = (\n  objects: ClassNameObject[],\n  extras?: string\n) => t.Expression | t.StringLiteral | null\n\nexport const buildClassName: Builder = (objectsIn, extras = '') => {\n  let objects = buildClassNameLogic(objectsIn)\n  if (!objects) return null\n  if (t.isStringLiteral(objects)) {\n    // objects.value = objects.value\n    objects.value = `${extras} ${objects.value}`\n  } else {\n    objects = t.binaryExpression('+', t.stringLiteral(extras), objects)\n  }\n  return objects\n}\n\nexport const buildClassNameLogic: Builder = (objects) => {\n  return objects.reduce<t.Expression | null>((acc, val) => {\n    if (acc == null) {\n      if (\n        // pass conditional expressions through\n        t.isConditionalExpression(val) ||\n        // pass non-null literals through\n        t.isStringLiteral(val) ||\n        t.isNumericLiteral(val)\n      ) {\n        return val\n      }\n      return t.logicalExpression('||', val, t.stringLiteral(''))\n    }\n\n    let inner: t.Expression\n    if (t.isStringLiteral(val)) {\n      if (t.isStringLiteral(acc)) {\n        // join adjacent string literals\n        return t.stringLiteral(`${acc.value} ${val.value}`)\n      }\n      inner = t.stringLiteral(` ${val.value}`)\n    } else if (t.isLiteral(val)) {\n      inner = t.binaryExpression('+', t.stringLiteral(' '), val)\n    } else if (t.isConditionalExpression(val) || t.isBinaryExpression(val)) {\n      if (t.isStringLiteral(acc)) {\n        return t.binaryExpression('+', t.stringLiteral(`${acc.value} `), val)\n      }\n      inner = t.binaryExpression('+', t.stringLiteral(' '), val)\n    } else if (t.isIdentifier(val) || t.isMemberExpression(val)) {\n      // identifiers and member expressions make for reasonable ternaries\n      inner = t.conditionalExpression(\n        val,\n        t.binaryExpression('+', t.stringLiteral(' '), val),\n        t.stringLiteral('')\n      )\n    } else {\n      if (t.isStringLiteral(acc)) {\n        return t.binaryExpression(\n          '+',\n          t.stringLiteral(`${acc.value} `),\n          t.logicalExpression('||', val, t.stringLiteral(''))\n        )\n      }\n      // use a logical expression for more complex prop values\n      inner = t.binaryExpression(\n        '+',\n        t.stringLiteral(' '),\n        t.logicalExpression('||', val, t.stringLiteral(''))\n      )\n    }\n\n    return t.binaryExpression('+', acc, inner)\n  }, null)\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAmB;AASZ,MAAM,iBAA0B,CAAC,WAAW,SAAS,OAAO;AACjE,MAAI,UAAU,oBAAoB,SAAS;AAC3C,MAAI,CAAC;AAAS,WAAO;AACrB,MAAI,EAAE,gBAAgB,OAAO,GAAG;AAE9B,YAAQ,QAAQ,GAAG,UAAU,QAAQ;AAAA,EACvC,OAAO;AACL,cAAU,EAAE,iBAAiB,KAAK,EAAE,cAAc,MAAM,GAAG,OAAO;AAAA,EACpE;AACA,SAAO;AACT;AAEO,MAAM,sBAA+B,CAAC,YAAY;AACvD,SAAO,QAAQ,OAA4B,CAAC,KAAK,QAAQ;AACvD,QAAI,OAAO,MAAM;AACf;AAAA;AAAA,QAEE,EAAE,wBAAwB,GAAG;AAAA,QAE7B,EAAE,gBAAgB,GAAG,KACrB,EAAE,iBAAiB,GAAG;AAAA,QACtB;AACA,eAAO;AAAA,MACT;AACA,aAAO,EAAE,kBAAkB,MAAM,KAAK,EAAE,cAAc,EAAE,CAAC;AAAA,IAC3D;AAEA,QAAI;AACJ,QAAI,EAAE,gBAAgB,GAAG,GAAG;AAC1B,UAAI,EAAE,gBAAgB,GAAG,GAAG;AAE1B,eAAO,EAAE,cAAc,GAAG,IAAI,SAAS,IAAI,OAAO;AAAA,MACpD;AACA,cAAQ,EAAE,cAAc,IAAI,IAAI,OAAO;AAAA,IACzC,WAAW,EAAE,UAAU,GAAG,GAAG;AAC3B,cAAQ,EAAE,iBAAiB,KAAK,EAAE,cAAc,GAAG,GAAG,GAAG;AAAA,IAC3D,WAAW,EAAE,wBAAwB,GAAG,KAAK,EAAE,mBAAmB,GAAG,GAAG;AACtE,UAAI,EAAE,gBAAgB,GAAG,GAAG;AAC1B,eAAO,EAAE,iBAAiB,KAAK,EAAE,cAAc,GAAG,IAAI,QAAQ,GAAG,GAAG;AAAA,MACtE;AACA,cAAQ,EAAE,iBAAiB,KAAK,EAAE,cAAc,GAAG,GAAG,GAAG;AAAA,IAC3D,WAAW,EAAE,aAAa,GAAG,KAAK,EAAE,mBAAmB,GAAG,GAAG;AAE3D,cAAQ,EAAE;AAAA,QACR;AAAA,QACA,EAAE,iBAAiB,KAAK,EAAE,cAAc,GAAG,GAAG,GAAG;AAAA,QACjD,EAAE,cAAc,EAAE;AAAA,MACpB;AAAA,IACF,OAAO;AACL,UAAI,EAAE,gBAAgB,GAAG,GAAG;AAC1B,eAAO,EAAE;AAAA,UACP;AAAA,UACA,EAAE,cAAc,GAAG,IAAI,QAAQ;AAAA,UAC/B,EAAE,kBAAkB,MAAM,KAAK,EAAE,cAAc,EAAE,CAAC;AAAA,QACpD;AAAA,MACF;AAEA,cAAQ,EAAE;AAAA,QACR;AAAA,QACA,EAAE,cAAc,GAAG;AAAA,QACnB,EAAE,kBAAkB,MAAM,KAAK,EAAE,cAAc,EAAE,CAAC;AAAA,MACpD;AAAA,IACF;AAEA,WAAO,EAAE,iBAAiB,KAAK,KAAK,KAAK;AAAA,EAC3C,GAAG,IAAI;AACT;",
+  "names": []
+}

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -31,14 +35,14 @@ module.exports = __toCommonJS(bundle_exports);
 var import_path = require("path");
 var import_esbuild = __toESM(require("esbuild"));
 var import_fs_extra = require("fs-extra");
-var import_loadTamagui = require("./loadTamagui");
+var import_loadTamagui = require("./loadTamagui.js");
 function getESBuildConfig({ entryPoints, resolvePlatformSpecificEntries, ...options }, aliases) {
   var _a;
   const alias = require("@tamagui/core-node").aliasPlugin;
   if ((_a = process.env.DEBUG) == null ? void 0 : _a.startsWith("tamagui")) {
     console.log(`Building`, entryPoints);
   }
-  const tsconfig = (0, import_path.join)(__dirname, "..", "..", "tamagui.tsconfig.json");
+  const tsconfig = (0, import_path.join)(__dirname, "..", "..", "..", "tamagui.tsconfig.json");
   const resolvedEntryPoints = !resolvePlatformSpecificEntries ? entryPoints : entryPoints.map(import_loadTamagui.resolveWebOrNativeSpecificEntry);
   const res = {
     bundle: true,
@@ -93,7 +97,7 @@ async function asyncLock(props) {
   const lockFile = (0, import_path.join)((0, import_path.dirname)(props.outfile), (0, import_path.basename)(props.outfile, ".lock"));
   const lockStat = await (0, import_fs_extra.stat)(lockFile).catch(() => {
   });
-  const lockedMsAgo = !lockStat ? Infinity : new Date().getTime() - new Date(lockStat.mtime).getTime();
+  const lockedMsAgo = !lockStat ? Infinity : (/* @__PURE__ */ new Date()).getTime() - new Date(lockStat.mtime).getTime();
   if (lockedMsAgo < 500) {
     if ((_a = process.env.DEBUG) == null ? void 0 : _a.startsWith("tamagui")) {
       console.log(`Waiting for existing build`, props.entryPoints);

package/dist/cjs/extractor/bundle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/extractor/bundle.ts"],
+  "sourcesContent": ["import { basename, dirname, join } from 'path'\n\nimport esbuild from 'esbuild'\nimport { pathExists, stat, writeFile } from 'fs-extra'\n\nimport { resolveWebOrNativeSpecificEntry } from './loadTamagui.js'\n\n/**\n * For internal loading of new files\n */\n\ntype Props = Omit<Partial<esbuild.BuildOptions>, 'entryPoints'> & {\n  outfile: string\n  entryPoints: string[]\n  resolvePlatformSpecificEntries?: boolean\n}\n\nfunction getESBuildConfig(\n  { entryPoints, resolvePlatformSpecificEntries, ...options }: Props,\n  aliases?: Record<string, string>\n) {\n  const alias = require('@tamagui/core-node').aliasPlugin\n  if (process.env.DEBUG?.startsWith('tamagui')) {\n    // eslint-disable-next-line no-console\n    console.log(`Building`, entryPoints)\n  }\n  const tsconfig = join(__dirname, '..', '..', '..', 'tamagui.tsconfig.json')\n\n  const resolvedEntryPoints = !resolvePlatformSpecificEntries\n    ? entryPoints\n    : entryPoints.map(resolveWebOrNativeSpecificEntry)\n\n  const res: esbuild.BuildOptions = {\n    bundle: true,\n    entryPoints: resolvedEntryPoints,\n    format: 'cjs',\n    target: 'node18',\n    jsx: 'transform',\n    jsxFactory: 'react',\n    allowOverwrite: true,\n    keepNames: true,\n    platform: 'node',\n    tsconfig,\n    loader: {\n      '.js': 'jsx',\n    },\n    logLevel: 'warning',\n    plugins: [\n      {\n        name: 'external',\n        setup(build) {\n          build.onResolve({ filter: /@tamagui\\/core/ }, (args) => {\n            return {\n              path: '@tamagui/core-node',\n              external: true,\n            }\n          })\n\n          build.onResolve({ filter: /^(react-native|react-native\\/.*)$/ }, (args) => {\n            return {\n              path: 'react-native-web-lite',\n              external: true,\n            }\n          })\n        },\n      },\n      alias({\n        ...aliases,\n      }),\n    ],\n    ...options,\n  }\n\n  return res\n}\n\nexport async function bundle(props: Props, aliases?: Record<string, string>) {\n  await asyncLock(props)\n  return esbuild.build(getESBuildConfig(props, aliases))\n}\n\nexport function bundleSync(props: Props, aliases?: Record<string, string>) {\n  return esbuild.buildSync(getESBuildConfig(props, aliases))\n}\n\n// until i do fancier things w plugins:\nasync function asyncLock(props: Props) {\n  const lockFile = join(dirname(props.outfile), basename(props.outfile, '.lock'))\n  const lockStat = await stat(lockFile).catch(() => {\n    /* ok */\n  })\n  const lockedMsAgo = !lockStat\n    ? Infinity\n    : new Date().getTime() - new Date(lockStat.mtime).getTime()\n  if (lockedMsAgo < 500) {\n    if (process.env.DEBUG?.startsWith('tamagui')) {\n      // eslint-disable-next-line no-console\n      console.log(`Waiting for existing build`, props.entryPoints)\n    }\n    let tries = 5\n    while (tries--) {\n      if (await pathExists(props.outfile)) {\n        return\n      } else {\n        await new Promise((res) => setTimeout(res, 50))\n      }\n    }\n  }\n  void writeFile(lockFile, '')\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAwC;AAExC,qBAAoB;AACpB,sBAA4C;AAE5C,yBAAgD;AAYhD,SAAS,iBACP,EAAE,aAAa,gCAAgC,GAAG,QAAQ,GAC1D,SACA;AApBF;AAqBE,QAAM,QAAQ,QAAQ,oBAAoB,EAAE;AAC5C,OAAI,aAAQ,IAAI,UAAZ,mBAAmB,WAAW,YAAY;AAE5C,YAAQ,IAAI,YAAY,WAAW;AAAA,EACrC;AACA,QAAM,eAAW,kBAAK,WAAW,MAAM,MAAM,MAAM,uBAAuB;AAE1E,QAAM,sBAAsB,CAAC,iCACzB,cACA,YAAY,IAAI,kDAA+B;AAEnD,QAAM,MAA4B;AAAA,IAChC,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,UAAU;AAAA,IACV;AAAA,IACA,QAAQ;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA,UAAU;AAAA,IACV,SAAS;AAAA,MACP;AAAA,QACE,MAAM;AAAA,QACN,MAAM,OAAO;AACX,gBAAM,UAAU,EAAE,QAAQ,iBAAiB,GAAG,CAAC,SAAS;AACtD,mBAAO;AAAA,cACL,MAAM;AAAA,cACN,UAAU;AAAA,YACZ;AAAA,UACF,CAAC;AAED,gBAAM,UAAU,EAAE,QAAQ,oCAAoC,GAAG,CAAC,SAAS;AACzE,mBAAO;AAAA,cACL,MAAM;AAAA,cACN,UAAU;AAAA,YACZ;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF;AAAA,MACA,MAAM;AAAA,QACJ,GAAG;AAAA,MACL,CAAC;AAAA,IACH;AAAA,IACA,GAAG;AAAA,EACL;AAEA,SAAO;AACT;AAEA,eAAsB,OAAO,OAAc,SAAkC;AAC3E,QAAM,UAAU,KAAK;AACrB,SAAO,eAAAA,QAAQ,MAAM,iBAAiB,OAAO,OAAO,CAAC;AACvD;AAEO,SAAS,WAAW,OAAc,SAAkC;AACzE,SAAO,eAAAA,QAAQ,UAAU,iBAAiB,OAAO,OAAO,CAAC;AAC3D;AAGA,eAAe,UAAU,OAAc;AAtFvC;AAuFE,QAAM,eAAW,sBAAK,qBAAQ,MAAM,OAAO,OAAG,sBAAS,MAAM,SAAS,OAAO,CAAC;AAC9E,QAAM,WAAW,UAAM,sBAAK,QAAQ,EAAE,MAAM,MAAM;AAAA,EAElD,CAAC;AACD,QAAM,cAAc,CAAC,WACjB,YACA,oBAAI,KAAK,GAAE,QAAQ,IAAI,IAAI,KAAK,SAAS,KAAK,EAAE,QAAQ;AAC5D,MAAI,cAAc,KAAK;AACrB,SAAI,aAAQ,IAAI,UAAZ,mBAAmB,WAAW,YAAY;AAE5C,cAAQ,IAAI,8BAA8B,MAAM,WAAW;AAAA,IAC7D;AACA,QAAI,QAAQ;AACZ,WAAO,SAAS;AACd,UAAI,UAAM,4BAAW,MAAM,OAAO,GAAG;AACnC;AAAA,MACF,OAAO;AACL,cAAM,IAAI,QAAQ,CAAC,QAAQ,WAAW,KAAK,EAAE,CAAC;AAAA,MAChD;AAAA,IACF;AAAA,EACF;AACA,WAAK,2BAAU,UAAU,EAAE;AAC7B;",
+  "names": ["esbuild"]
+}

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/extractor/createEvaluator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/extractor/createEvaluator.ts"],
+  "sourcesContent": ["import vm from 'vm'\n\nimport generate from '@babel/generator'\nimport { NodePath } from '@babel/traverse'\nimport * as t from '@babel/types'\nimport { createCSSVariable } from '@tamagui/core-node'\nimport esbuild from 'esbuild'\n\nimport { FAILED_EVAL } from '../constants.js'\nimport { TamaguiOptionsWithFileInfo } from '../types.js'\nimport { evaluateAstNode } from './evaluateAstNode.js'\nimport { isValidThemeHook } from './extractHelpers.js'\n\nexport function createEvaluator({\n  props,\n  staticNamespace,\n  sourcePath,\n  traversePath,\n  shouldPrintDebug,\n}: {\n  props: TamaguiOptionsWithFileInfo\n  staticNamespace: Record<string, any>\n  sourcePath?: string\n  traversePath?: NodePath<t.JSXElement>\n  shouldPrintDebug: boolean | 'verbose'\n}) {\n  // called when evaluateAstNode encounters a dynamic-looking prop\n  const evalFn = (n: t.Node) => {\n    // themes\n    if (\n      t.isMemberExpression(n) &&\n      t.isIdentifier(n.property) &&\n      traversePath &&\n      isValidThemeHook(props, traversePath, n, sourcePath)\n    ) {\n      const key = n.property.name\n      if (shouldPrintDebug) {\n        // eslint-disable-next-line no-console\n        console.log('    > found theme prop', key)\n      }\n      return createCSSVariable(key)\n    }\n    // variable\n    if (t.isIdentifier(n) && typeof staticNamespace[n.name] !== 'undefined') {\n      return staticNamespace[n.name]\n    }\n    const evalContext = vm.createContext(staticNamespace)\n    // @ts-ignore\n    const codeWithTypescriptAnnotations = `(${generate(n as any).code})`\n    const code = esbuild\n      .transformSync(codeWithTypescriptAnnotations, { loader: 'tsx' })\n      .code.replace(/;\\n$/, '')\n\n    if (shouldPrintDebug) {\n      // eslint-disable-next-line no-console\n      console.log('evaluating', code)\n    }\n    return vm.runInContext(code, evalContext)\n  }\n\n  return (n: t.Node) => {\n    return evaluateAstNode(n, evalFn)\n  }\n}\n\nexport function createSafeEvaluator(attemptEval: (n: t.Node) => any) {\n  return (n: t.Node) => {\n    try {\n      return attemptEval(n)\n    } catch (err) {\n      return FAILED_EVAL\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAe;AAEf,uBAAqB;AAErB,QAAmB;AACnB,uBAAkC;AAClC,qBAAoB;AAEpB,uBAA4B;AAE5B,6BAAgC;AAChC,4BAAiC;AAE1B,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AAED,QAAM,SAAS,CAAC,MAAc;AAE5B,QACE,EAAE,mBAAmB,CAAC,KACtB,EAAE,aAAa,EAAE,QAAQ,KACzB,oBACA,wCAAiB,OAAO,cAAc,GAAG,UAAU,GACnD;AACA,YAAM,MAAM,EAAE,SAAS;AACvB,UAAI,kBAAkB;AAEpB,gBAAQ,IAAI,0BAA0B,GAAG;AAAA,MAC3C;AACA,iBAAO,oCAAkB,GAAG;AAAA,IAC9B;AAEA,QAAI,EAAE,aAAa,CAAC,KAAK,OAAO,gBAAgB,EAAE,IAAI,MAAM,aAAa;AACvE,aAAO,gBAAgB,EAAE,IAAI;AAAA,IAC/B;AACA,UAAM,cAAc,UAAAA,QAAG,cAAc,eAAe;AAEpD,UAAM,gCAAgC,QAAI,iBAAAC,SAAS,CAAQ,EAAE;AAC7D,UAAM,OAAO,eAAAC,QACV,cAAc,+BAA+B,EAAE,QAAQ,MAAM,CAAC,EAC9D,KAAK,QAAQ,QAAQ,EAAE;AAE1B,QAAI,kBAAkB;AAEpB,cAAQ,IAAI,cAAc,IAAI;AAAA,IAChC;AACA,WAAO,UAAAF,QAAG,aAAa,MAAM,WAAW;AAAA,EAC1C;AAEA,SAAO,CAAC,MAAc;AACpB,eAAO,wCAAgB,GAAG,MAAM;AAAA,EAClC;AACF;AAEO,SAAS,oBAAoB,aAAiC;AACnE,SAAO,CAAC,MAAc;AACpB,QAAI;AACF,aAAO,YAAY,CAAC;AAAA,IACtB,SAAS,KAAP;AACA,aAAO;AAAA,IACT;AAAA,EACF;AACF;",
+  "names": ["vm", "generate", "esbuild"]
+}

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -73,7 +77,10 @@ function createExtractor({ logger = console } = { logger: console }) {
     console.log('\u26A0\uFE0F Please set process.env.TAMAGUI_TARGET to either "web" or "native"');
     process.exit(1);
   }
-  const shouldAddDebugProp = !process.env.npm_package_dependencies_next && process.env.TAMAGUI_TARGET !== "native" && process.env.IDENTIFY_TAGS !== "false" && (process.env.NODE_ENV === "development" || process.env.DEBUG || process.env.IDENTIFY_TAGS);
+  const shouldAddDebugProp = (
+    // really basic disable this for next.js because it messes with ssr
+    !process.env.npm_package_dependencies_next && process.env.TAMAGUI_TARGET !== "native" && process.env.IDENTIFY_TAGS !== "false" && (process.env.NODE_ENV === "development" || process.env.DEBUG || process.env.IDENTIFY_TAGS)
+  );
   let projectInfo = null;
   function loadSync(props) {
     return projectInfo || (projectInfo = (0, import_loadTamagui.loadTamaguiSync)({
@@ -154,7 +161,8 @@ function createExtractor({ logger = console } = { logger: console }) {
       if (target === "native" && name[0] === "$" && import_core_node.mediaQueryConfig[name.slice(1)]) {
         return false;
       }
-      return !!(!!((_a2 = staticConfig.validStyles) == null ? void 0 : _a2[name]) || !!import_core_node.pseudoDescriptors[name] || ((_b = staticConfig.variants) == null ? void 0 : _b[name]) || (projectInfo == null ? void 0 : projectInfo.tamaguiConfig.shorthands[name]) || (name[0] === "$" ? !!import_core_node.mediaQueryConfig[name.slice(1)] : false));
+      return !!(!!((_a2 = staticConfig.validStyles) == null ? void 0 : _a2[name]) || !!import_core_node.pseudoDescriptors[name] || // dont disable variants or else you lose many things flattening
+      ((_b = staticConfig.variants) == null ? void 0 : _b[name]) || (projectInfo == null ? void 0 : projectInfo.tamaguiConfig.shorthands[name]) || (name[0] === "$" ? !!import_core_node.mediaQueryConfig[name.slice(1)] : false));
     }
     const isTargetingHTML = target === "html";
     const ogDebug = shouldPrintDebug;
@@ -294,11 +302,13 @@ function createExtractor({ logger = console } = { logger: console }) {
       found: 0
     };
     callTraverse({
+      // @ts-ignore
       Program: {
         enter(path) {
           programPath = path;
         }
       },
+      // styled() calls
       CallExpression(path) {
         var _a2;
         if (disable || shouldDisableExtraction || extractStyledDefinitions === false) {
@@ -325,8 +335,10 @@ function createExtractor({ logger = console } = { logger: console }) {
           ...Component.staticConfig.inlineWhenUnflattened || [],
           ...Component.staticConfig.inlineProps || [],
           ...Component.staticConfig.deoptProps || [],
+          // for now skip variants, will return to them
           "variants",
           "defaultVariants",
+          // skip fontFamily its basically a "variant", important for theme use to be value always
           "fontFamily",
           "name"
         ]);
@@ -347,7 +359,8 @@ function createExtractor({ logger = console } = { logger: console }) {
         });
         const attemptEvalSafe = (0, import_createEvaluator.createSafeEvaluator)(attemptEval);
         for (const property of definition.properties) {
-          if (!t.isObjectProperty(property) || !t.isIdentifier(property.key) || !isValidStyleKey(property.key.name, Component.staticConfig) || ((_a2 = Component.staticConfig.variants) == null ? void 0 : _a2[property.key.name]) || componentSkipProps.has(property.key.name)) {
+          if (!t.isObjectProperty(property) || !t.isIdentifier(property.key) || !isValidStyleKey(property.key.name, Component.staticConfig) || // skip variants
+          ((_a2 = Component.staticConfig.variants) == null ? void 0 : _a2[property.key.name]) || componentSkipProps.has(property.key.name)) {
             skipped.push(property);
             continue;
           }
@@ -489,7 +502,13 @@ function createExtractor({ logger = console } = { logger: console }) {
             const attr = { type: "attr", value: attribute };
             if (t.isJSXSpreadAttribute(attribute)) {
               const arg = attribute.argument;
-              const conditional = t.isConditionalExpression(arg) ? [arg.test, arg.consequent, arg.alternate] : t.isLogicalExpression(arg) && arg.operator === "&&" ? [arg.left, arg.right, null] : null;
+              const conditional = t.isConditionalExpression(arg) ? (
+                // <YStack {...isSmall ? { color: 'red } : { color: 'blue }}
+                [arg.test, arg.consequent, arg.alternate]
+              ) : t.isLogicalExpression(arg) && arg.operator === "&&" ? (
+                // <YStack {...isSmall && { color: 'red }}
+                [arg.left, arg.right, null]
+              ) : null;
               if (conditional) {
                 const [test, alt, cons] = conditional;
                 if (!test)
@@ -664,7 +683,8 @@ function createExtractor({ logger = console } = { logger: console }) {
                     attr: path.node
                   };
                 }
-                if (import_validHTMLAttributes.validHTMLAttributes[key] || key.startsWith("aria-") || key.startsWith("data-") || key === "__source" || key === "__self") {
+                if (import_validHTMLAttributes.validHTMLAttributes[key] || key.startsWith("aria-") || key.startsWith("data-") || // this is debug stuff added by vite / new jsx transform
+                key === "__source" || key === "__self") {
                   return attr;
                 }
                 if (shouldPrintDebug) {
@@ -869,6 +889,7 @@ function createExtractor({ logger = console } = { logger: console }) {
                       return ternaries2.map((value) => ({
                         ...ternaryPartial,
                         ...value,
+                        // ensure media query test stays on left side (see getMediaQueryTernary)
                         test: t.logicalExpression("&&", value.test, test)
                       }));
                     } else {
@@ -980,11 +1001,13 @@ function createExtractor({ logger = console } = { logger: console }) {
           });
           const flatNode = getFlattenedNode == null ? void 0 : getFlattenedNode({ isTextView, tag: tagName });
           const inlineProps = /* @__PURE__ */ new Set([
+            // adding some always inline props
             "dataSet",
             ...restProps.inlineProps || [],
             ...staticConfig.inlineProps || []
           ]);
           const deoptProps = /* @__PURE__ */ new Set([
+            // always de-opt animation
             "animation",
             ...restProps.deoptProps || [],
             ...staticConfig.deoptProps || []
@@ -1220,6 +1243,7 @@ function createExtractor({ logger = console } = { logger: console }) {
             focus: false,
             hover: false,
             unmounted: false,
+            // TODO match logic in createComponent
             press: false,
             pressIn: false
           };
@@ -1357,7 +1381,11 @@ function createExtractor({ logger = console } = { logger: console }) {
             if (cur.type === "style") {
               const key = Object.keys(cur.value)[0];
               const value = cur.value[key];
-              const shouldKeepOriginalAttr = !shouldFlatten && !validStyles[key] && !import_core_node.pseudoDescriptors[key] && !key.startsWith("data-");
+              const shouldKeepOriginalAttr = (
+                // !isStyleAndAttr[key] &&
+                !shouldFlatten && // de-opt if non-style
+                !validStyles[key] && !import_core_node.pseudoDescriptors[key] && !key.startsWith("data-")
+              );
               if (shouldKeepOriginalAttr) {
                 if (shouldPrintDebug) {
                   logger.info(["     - keeping as non-style", key].join(" "));