@tamagui/static 1.0.0-alpha.6 → 1.0.0-alpha.60

package/dist/{extractor → esm/extractor}/getSourceModule.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/extractor/getSourceModule.ts"],
+  "sources": ["../../../src/extractor/getSourceModule.ts"],
   "sourcesContent": ["import * as t from '@babel/types'\n\nexport interface SourceModule {\n  sourceModule?: string\n  imported?: string\n  local?: string\n  destructured?: boolean\n  usesImportSyntax: boolean\n}\n\nexport function getSourceModule(\n  itemName: string,\n  itemBinding: {\n    constant?: boolean\n    path: { node: t.Node; parent: any }\n  }\n): SourceModule | null {\n  // TODO: deal with reassignment\n  if (!itemBinding.constant) {\n    return null\n  }\n\n  let sourceModule: string | undefined\n  let imported: string | undefined\n  let local: string | undefined\n  let destructured: boolean | undefined\n  let usesImportSyntax = false\n\n  const itemNode = itemBinding.path.node\n\n  if (\n    // import x from 'y';\n    t.isImportDefaultSpecifier(itemNode) ||\n    // import {x} from 'y';\n    t.isImportSpecifier(itemNode)\n  ) {\n    if (t.isImportDeclaration(itemBinding.path.parent)) {\n      sourceModule = itemBinding.path.parent.source.value\n      local = itemNode.local.name\n      usesImportSyntax = true\n      if (t.isImportSpecifier(itemNode)) {\n        imported = itemNode.imported['name']\n        destructured = true\n      } else {\n        imported = itemNode.local.name\n        destructured = false\n      }\n    }\n  } else if (\n    t.isVariableDeclarator(itemNode) &&\n    itemNode.init != null &&\n    t.isCallExpression(itemNode.init) &&\n    t.isIdentifier(itemNode.init.callee) &&\n    itemNode.init.callee.name === 'require' &&\n    itemNode.init.arguments.length === 1\n  ) {\n    const firstArg = itemNode.init.arguments[0]\n    if (!t.isStringLiteral(firstArg)) {\n      return null\n    }\n    sourceModule = firstArg.value\n\n    if (t.isIdentifier(itemNode.id)) {\n      local = itemNode.id.name\n      imported = itemNode.id.name\n      destructured = false\n    } else if (t.isObjectPattern(itemNode.id)) {\n      for (const objProp of itemNode.id.properties) {\n        if (\n          t.isObjectProperty(objProp) &&\n          t.isIdentifier(objProp.value) &&\n          objProp.value.name === itemName\n        ) {\n          local = objProp.value.name\n          // @ts-ignore TODO remove this is only an issue on CI\n          imported = objProp.key.name\n          destructured = true\n          break\n        }\n      }\n\n      if (!local || !imported) {\n        console.error('could not find prop with value `%s`', itemName)\n        return null\n      }\n    } else {\n      console.error('Unhandled id type: %s', itemNode.id.type)\n      return null\n    }\n  } else {\n    return null\n  }\n\n  return {\n    destructured,\n    imported,\n    local,\n    sourceModule,\n    usesImportSyntax,\n  }\n}\n"],
   "mappings": ";;AAAA;AAUO,yBACL,UACA,aAIqB;AAErB,MAAI,CAAC,YAAY,UAAU;AACzB,WAAO;AAAA;AAGT,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI,mBAAmB;AAEvB,QAAM,WAAW,YAAY,KAAK;AAElC,MAEE,EAAE,yBAAyB,aAE3B,EAAE,kBAAkB,WACpB;AACA,QAAI,EAAE,oBAAoB,YAAY,KAAK,SAAS;AAClD,qBAAe,YAAY,KAAK,OAAO,OAAO;AAC9C,cAAQ,SAAS,MAAM;AACvB,yBAAmB;AACnB,UAAI,EAAE,kBAAkB,WAAW;AACjC,mBAAW,SAAS,SAAS;AAC7B,uBAAe;AAAA,aACV;AACL,mBAAW,SAAS,MAAM;AAC1B,uBAAe;AAAA;AAAA;AAAA,aAInB,EAAE,qBAAqB,aACvB,SAAS,QAAQ,QACjB,EAAE,iBAAiB,SAAS,SAC5B,EAAE,aAAa,SAAS,KAAK,WAC7B,SAAS,KAAK,OAAO,SAAS,aAC9B,SAAS,KAAK,UAAU,WAAW,GACnC;AACA,UAAM,WAAW,SAAS,KAAK,UAAU;AACzC,QAAI,CAAC,EAAE,gBAAgB,WAAW;AAChC,aAAO;AAAA;AAET,mBAAe,SAAS;AAExB,QAAI,EAAE,aAAa,SAAS,KAAK;AAC/B,cAAQ,SAAS,GAAG;AACpB,iBAAW,SAAS,GAAG;AACvB,qBAAe;AAAA,eACN,EAAE,gBAAgB,SAAS,KAAK;AACzC,iBAAW,WAAW,SAAS,GAAG,YAAY;AAC5C,YACE,EAAE,iBAAiB,YACnB,EAAE,aAAa,QAAQ,UACvB,QAAQ,MAAM,SAAS,UACvB;AACA,kBAAQ,QAAQ,MAAM;AAEtB,qBAAW,QAAQ,IAAI;AACvB,yBAAe;AACf;AAAA;AAAA;AAIJ,UAAI,CAAC,SAAS,CAAC,UAAU;AACvB,gBAAQ,MAAM,uCAAuC;AACrD,eAAO;AAAA;AAAA,WAEJ;AACL,cAAQ,MAAM,yBAAyB,SAAS,GAAG;AACnD,aAAO;AAAA;AAAA,SAEJ;AACL,WAAO;AAAA;AAGT,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAxFY;",
   "names": []

package/dist/{extractor → esm/extractor}/getStaticBindingsForScope.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/extractor/getStaticBindingsForScope.ts"],
+  "sources": ["../../../src/extractor/getStaticBindingsForScope.ts"],
   "sourcesContent": ["import { dirname, extname, resolve } from 'path'\n\nimport { Binding, NodePath } from '@babel/traverse'\nimport * as t from '@babel/types'\nimport { existsSync } from 'fs-extra'\n\nimport { evaluateAstNode } from './evaluateAstNode'\nimport { getSourceModule } from './getSourceModule'\n\nconst isLocalImport = (path: string) => path.startsWith('.') || path.startsWith('/')\n\nfunction resolveImportPath(sourcePath: string, path: string) {\n  const sourceDir = dirname(sourcePath)\n  if (isLocalImport(path)) {\n    if (extname(path) === '') {\n      path += '.js'\n    }\n    return resolve(sourceDir, path)\n  }\n  return path\n}\n\nfunction importModule(path: string) {\n  const filenames = [path.replace('.js', '.tsx'), path.replace('.js', '.ts'), path]\n  for (const file of filenames) {\n    if (existsSync(file)) {\n      // TODO we can clear this when we see updates on it later on\n      return require(file)\n    }\n  }\n  return null\n}\n\nexport function getStaticBindingsForScope(\n  scope: NodePath<t.JSXElement>['scope'],\n  whitelist: string[] = [],\n  sourcePath: string,\n  bindingCache: Record<string, string | null>,\n  shouldPrintDebug: boolean\n): Record<string, any> {\n  const bindings: Record<string, Binding> = scope.getAllBindings() as any\n  const ret: Record<string, any> = {}\n\n  if (shouldPrintDebug) {\n    // prettier-ignore\n    console.log('  ', Object.keys(bindings).length, 'variables in scope')\n    // .map(x => bindings[x].identifier?.name).join(', ')\n  }\n\n  // on react native at least it doesnt find some bindings? not sure why\n  // lets add in whitelisted imports if they exist\n  const program = scope.getProgramParent().block as t.Program\n  for (const node of program.body) {\n    if (t.isImportDeclaration(node)) {\n      const importPath = node.source.value\n      if (!node.specifiers.length) continue\n      if (!isLocalImport(importPath)) {\n        continue\n      }\n      const moduleName = resolveImportPath(sourcePath, importPath)\n      const isOnWhitelist = whitelist.some((test) => moduleName.endsWith(test))\n      if (!isOnWhitelist) continue\n      const src = importModule(moduleName)\n      if (!src) continue\n      for (const specifier of node.specifiers) {\n        if (t.isImportSpecifier(specifier) && t.isIdentifier(specifier.imported)) {\n          if (typeof src[specifier.imported.name] !== 'undefined') {\n            const val = src[specifier.local.name]\n            ret[specifier.local.name] = val\n          }\n        }\n      }\n    }\n  }\n\n  if (!bindingCache) {\n    throw new Error('bindingCache is a required param')\n  }\n\n  for (const k in bindings) {\n    const binding = bindings[k]\n\n    // check to see if the item is a module\n    const sourceModule = getSourceModule(k, binding)\n    if (sourceModule) {\n      if (!sourceModule.sourceModule) {\n        continue\n      }\n\n      const moduleName = resolveImportPath(sourcePath, sourceModule.sourceModule)\n      const isOnWhitelist = whitelist.some((test) => moduleName.endsWith(test))\n\n      // TODO we could cache this at the file level.. and check if its been touched since\n\n      if (isOnWhitelist) {\n        const src = importModule(moduleName)\n        if (!src) {\n          console.log(\n            `\u26A0\uFE0F missing file ${moduleName} via ${sourcePath} import ${sourceModule.sourceModule}?`\n          )\n          return {}\n        }\n        if (sourceModule.destructured) {\n          if (sourceModule.imported) {\n            ret[k] = src[sourceModule.imported]\n          }\n        } else {\n          // crude esmodule check\n          // TODO: make sure this actually works\n          // if (src && src.__esModule) {\n          //   ret[k] = src.default\n          // } else {\n          ret[k] = src\n          // }\n        }\n      }\n      continue\n    }\n\n    const { parent, parentPath } = binding.path\n\n    if (!t.isVariableDeclaration(parent) || parent.kind !== 'const') {\n      continue\n    }\n\n    // pick out the right variable declarator\n    const dec = parent.declarations.find((d) => t.isIdentifier(d.id) && d.id.name === k)\n\n    // if init is not set, there's nothing to evaluate\n    // TODO: handle spread syntax\n    if (!dec || !dec.init) {\n      continue\n    }\n\n    // missing start/end will break caching\n    if (typeof dec.id.start !== 'number' || typeof dec.id.end !== 'number') {\n      console.error('dec.id.start/end is not a number')\n      continue\n    }\n\n    if (!t.isIdentifier(dec.id)) {\n      console.error('dec is not an identifier')\n      continue\n    }\n\n    const cacheKey = `${dec.id.name}_${dec.id.start}-${dec.id.end}`\n\n    // retrieve value from cache\n    if (bindingCache.hasOwnProperty(cacheKey)) {\n      ret[k] = bindingCache[cacheKey]\n      continue\n    }\n    // retrieve value from cache\n    if (bindingCache.hasOwnProperty(cacheKey)) {\n      ret[k] = bindingCache[cacheKey]\n      continue\n    }\n\n    // evaluate\n    try {\n      ret[k] = evaluateAstNode(dec.init, undefined, shouldPrintDebug)\n      bindingCache[cacheKey] = ret[k]\n      continue\n    } catch (e) {\n      // skip\n      // if (shouldPrintDebug) {\n      //   console.error('[\uD83D\uDC07] cant eval, skipping', cacheKey) //, e.message)\n      // }\n    }\n  }\n\n  return ret\n}\n"],
   "mappings": "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",
   "names": []

package/dist/{extractor → esm/extractor}/hoistClassNames.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/extractor/hoistClassNames.ts"],
+  "sources": ["../../../src/extractor/hoistClassNames.ts"],
   "sourcesContent": ["import { NodePath } from '@babel/traverse'\nimport * as t from '@babel/types'\n\nexport function hoistClassNames(\n  path: NodePath<t.JSXElement>,\n  existing: { [key: string]: t.Identifier },\n  expr: t.Expression\n) {\n  const hoist = hoistClassNames.bind(null, path, existing)\n  if (t.isStringLiteral(expr)) {\n    if (expr.value.trim() === '') {\n      return expr\n    }\n    if (existing[expr.value]) {\n      return existing[expr.value]\n    }\n    const identifier = replaceStringWithVariable(expr)\n    existing[expr.value] = identifier\n    return identifier\n  }\n  if (t.isBinaryExpression(expr)) {\n    return t.binaryExpression(expr.operator, hoist(expr.left), hoist(expr.right))\n  }\n  if (t.isLogicalExpression(expr)) {\n    return t.logicalExpression(expr.operator, hoist(expr.left), hoist(expr.right))\n  }\n  if (t.isConditionalExpression(expr)) {\n    return t.conditionalExpression(expr.test, hoist(expr.consequent), hoist(expr.alternate))\n  }\n  return expr\n\n  function replaceStringWithVariable(str: t.StringLiteral): t.Identifier {\n    // hoist outside fn!\n    const uid = path.scope.generateUidIdentifier('cn')\n    const parent = path.findParent((path) => path.isProgram())\n    if (!parent) throw new Error(`no program?`)\n    const variable = t.variableDeclaration('const', [\n      // adding a space for extra safety\n      t.variableDeclarator(uid, t.stringLiteral(` ${str.value}`)),\n    ])\n    // @ts-ignore\n    parent.unshiftContainer('body', variable)\n    return uid\n  }\n}\n"],
   "mappings": ";;AACA;AAEO,yBACL,MACA,UACA,MACA;AACA,QAAM,QAAQ,gBAAgB,KAAK,MAAM,MAAM;AAC/C,MAAI,EAAE,gBAAgB,OAAO;AAC3B,QAAI,KAAK,MAAM,WAAW,IAAI;AAC5B,aAAO;AAAA;AAET,QAAI,SAAS,KAAK,QAAQ;AACxB,aAAO,SAAS,KAAK;AAAA;AAEvB,UAAM,aAAa,0BAA0B;AAC7C,aAAS,KAAK,SAAS;AACvB,WAAO;AAAA;AAET,MAAI,EAAE,mBAAmB,OAAO;AAC9B,WAAO,EAAE,iBAAiB,KAAK,UAAU,MAAM,KAAK,OAAO,MAAM,KAAK;AAAA;AAExE,MAAI,EAAE,oBAAoB,OAAO;AAC/B,WAAO,EAAE,kBAAkB,KAAK,UAAU,MAAM,KAAK,OAAO,MAAM,KAAK;AAAA;AAEzE,MAAI,EAAE,wBAAwB,OAAO;AACnC,WAAO,EAAE,sBAAsB,KAAK,MAAM,MAAM,KAAK,aAAa,MAAM,KAAK;AAAA;AAE/E,SAAO;AAEP,qCAAmC,KAAoC;AAErE,UAAM,MAAM,KAAK,MAAM,sBAAsB;AAC7C,UAAM,SAAS,KAAK,WAAW,CAAC,UAAS,MAAK;AAC9C,QAAI,CAAC;AAAQ,YAAM,IAAI,MAAM;AAC7B,UAAM,WAAW,EAAE,oBAAoB,SAAS;AAAA,MAE9C,EAAE,mBAAmB,KAAK,EAAE,cAAc,IAAI,IAAI;AAAA;AAGpD,WAAO,iBAAiB,QAAQ;AAChC,WAAO;AAAA;AAXA;AAAA;AA5BK;",
   "names": []

package/dist/{extractor → esm/extractor}/literalToAst.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/extractor/literalToAst.ts"],
+  "sources": ["../../../src/extractor/literalToAst.ts"],
   "sourcesContent": ["import * as t from '@babel/types'\n\nexport function literalToAst(literal: any): t.Expression {\n  if (literal === null) {\n    return t.nullLiteral()\n  }\n  switch (typeof literal) {\n    case 'function':\n      throw new Error('Unsupported')\n    case 'number':\n      return t.numericLiteral(literal)\n    case 'string':\n      return t.stringLiteral(literal)\n    case 'boolean':\n      return t.booleanLiteral(literal)\n    case 'undefined':\n      return t.unaryExpression('void', t.numericLiteral(0), true)\n    default:\n      if (Array.isArray(literal)) {\n        return t.arrayExpression(literal.map(literalToAst))\n      }\n      return t.objectExpression(\n        Object.keys(literal)\n          .filter((k) => {\n            return typeof literal[k] !== 'undefined'\n          })\n          .map((k) => {\n            return t.objectProperty(t.stringLiteral(k), literalToAst(literal[k]))\n          })\n      )\n  }\n}\n"],
   "mappings": ";;AAAA;AAEO,sBAAsB,SAA4B;AACvD,MAAI,YAAY,MAAM;AACpB,WAAO,EAAE;AAAA;AAEX,UAAQ,OAAO;AAAA,SACR;AACH,YAAM,IAAI,MAAM;AAAA,SACb;AACH,aAAO,EAAE,eAAe;AAAA,SACrB;AACH,aAAO,EAAE,cAAc;AAAA,SACpB;AACH,aAAO,EAAE,eAAe;AAAA,SACrB;AACH,aAAO,EAAE,gBAAgB,QAAQ,EAAE,eAAe,IAAI;AAAA;AAEtD,UAAI,MAAM,QAAQ,UAAU;AAC1B,eAAO,EAAE,gBAAgB,QAAQ,IAAI;AAAA;AAEvC,aAAO,EAAE,iBACP,OAAO,KAAK,SACT,OAAO,CAAC,MAAM;AACb,eAAO,OAAO,QAAQ,OAAO;AAAA,SAE9B,IAAI,CAAC,MAAM;AACV,eAAO,EAAE,eAAe,EAAE,cAAc,IAAI,aAAa,QAAQ;AAAA;AAAA;AAAA;AAzB7D;",
   "names": []

package/dist/{extractor → esm/extractor}/loadTamagui.js

@@ -8,12 +8,18 @@ function loadTamagui(props) {
     return loadedTamagui;
   }
   process.env.IS_STATIC = "is_static";
-  const proxyWorm = require("@tamagui/fake-react-native");
+  const rnw = require("react-native-web");
   const Mod = require("module");
   const og = Mod.prototype.require;
   Mod.prototype.require = function(path) {
+    if (path.endsWith(".css")) {
+      return {};
+    }
+    if (path === "@gorhom/bottom-sheet") {
+      return {};
+    }
     if (path.startsWith("react-native") && !path.startsWith("react-native-web/dist/cjs/exports")) {
-      return proxyWorm;
+      return rnw;
     }
     return og.apply(this, arguments);
   };

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/extractor/loadTamagui.ts"],
+  "sourcesContent": ["import { join } from 'path'\n\nimport type { StaticComponent, TamaguiInternalConfig } from '@tamagui/core'\nimport { createTamagui } from '@tamagui/core-node'\n\nlet loadedTamagui: any = null\n\nexport function loadTamagui(props: { components: string[]; config: string }): {\n  components: Record<string, StaticComponent>\n  tamaguiConfig: TamaguiInternalConfig\n} {\n  if (loadedTamagui) {\n    return loadedTamagui\n  }\n\n  // lets shim require and avoid importing react-native + react-native-web\n  // we just need to read the config around them\n  process.env.IS_STATIC = 'is_static'\n  const rnw = require('react-native-web')\n  const Mod = require('module')\n  const og = Mod.prototype.require\n  Mod.prototype.require = function (path: string) {\n    if (path.endsWith('.css')) {\n      return {}\n    }\n    if (path === '@gorhom/bottom-sheet') {\n      return {}\n    }\n    if (\n      path.startsWith('react-native') &&\n      // allow our rnw.tsx imports through\n      !path.startsWith('react-native-web/dist/cjs/exports')\n    ) {\n      return rnw\n    }\n    return og.apply(this, arguments)\n  }\n\n  // import config\n  const configPath = join(process.cwd(), props.config)\n  const tamaguiConfigExport = require(configPath)\n  const tamaguiConfig = (tamaguiConfigExport['default'] ||\n    tamaguiConfigExport) as TamaguiInternalConfig\n\n  // import components\n  const components = {}\n  for (const module of props.components) {\n    const exported = require(module)\n    Object.assign(components, exported)\n  }\n\n  // undo shims\n  process.env.IS_STATIC = undefined\n  Mod.prototype.require = og\n\n  // set up core-node\n  createTamagui(tamaguiConfig)\n\n  loadedTamagui = {\n    components,\n    tamaguiConfig,\n  }\n\n  return loadedTamagui\n}\n"],
+  "mappings": ";;AAAA;AAGA;AAEA,IAAI,gBAAqB;AAElB,qBAAqB,OAG1B;AACA,MAAI,eAAe;AACjB,WAAO;AAAA;AAKT,UAAQ,IAAI,YAAY;AACxB,QAAM,MAAM,QAAQ;AACpB,QAAM,MAAM,QAAQ;AACpB,QAAM,KAAK,IAAI,UAAU;AACzB,MAAI,UAAU,UAAU,SAAU,MAAc;AAC9C,QAAI,KAAK,SAAS,SAAS;AACzB,aAAO;AAAA;AAET,QAAI,SAAS,wBAAwB;AACnC,aAAO;AAAA;AAET,QACE,KAAK,WAAW,mBAEhB,CAAC,KAAK,WAAW,sCACjB;AACA,aAAO;AAAA;AAET,WAAO,GAAG,MAAM,MAAM;AAAA;AAIxB,QAAM,aAAa,KAAK,QAAQ,OAAO,MAAM;AAC7C,QAAM,sBAAsB,QAAQ;AACpC,QAAM,gBAAiB,oBAAoB,cACzC;AAGF,QAAM,aAAa;AACnB,aAAW,UAAU,MAAM,YAAY;AACrC,UAAM,WAAW,QAAQ;AACzB,WAAO,OAAO,YAAY;AAAA;AAI5B,UAAQ,IAAI,YAAY;AACxB,MAAI,UAAU,UAAU;AAGxB,gBAAc;AAEd,kBAAgB;AAAA,IACd;AAAA,IACA;AAAA;AAGF,SAAO;AAAA;AAxDO;",
+  "names": []
+}

package/dist/esm/extractor/logLines.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+const logLines = /* @__PURE__ */ __name((str) => {
+  let lines = [""];
+  const items = str.split(" ");
+  for (const item of items) {
+    if (item.length + lines[lines.length - 1].length > 85) {
+      lines.push("");
+    }
+    lines[lines.length - 1] += item + " ";
+  }
+  return lines.map((line, i) => "           " + (i == 0 ? "" : " ") + line.trim()).join("\n");
+}, "logLines");
+export {
+  logLines
+};
+//# sourceMappingURL=logLines.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/extractor/logLines.ts"],
+  "sourcesContent": ["export const logLines = (str: string) => {\n  let lines: string[] = ['']\n  const items = str.split(' ')\n  for (const item of items) {\n    if (item.length + lines[lines.length - 1].length > 85) {\n      lines.push('')\n    }\n    lines[lines.length - 1] += item + ' '\n  }\n  return lines.map((line, i) => '           ' + (i == 0 ? '' : ' ') + line.trim()).join('\\n')\n}\n"],
+  "mappings": ";;AAAO,MAAM,WAAW,wBAAC,QAAgB;AACvC,MAAI,QAAkB,CAAC;AACvB,QAAM,QAAQ,IAAI,MAAM;AACxB,aAAW,QAAQ,OAAO;AACxB,QAAI,KAAK,SAAS,MAAM,MAAM,SAAS,GAAG,SAAS,IAAI;AACrD,YAAM,KAAK;AAAA;AAEb,UAAM,MAAM,SAAS,MAAM,OAAO;AAAA;AAEpC,SAAO,MAAM,IAAI,CAAC,MAAM,MAAM,gBAAiB,MAAK,IAAI,KAAK,OAAO,KAAK,QAAQ,KAAK;AAAA,GAThE;",
+  "names": []
+}

package/dist/{extractor → esm/extractor}/normalizeTernaries.js

@@ -4,6 +4,7 @@ import generate from "@babel/generator";
 import * as t from "@babel/types";
 import invariant from "invariant";
 function normalizeTernaries(ternaries) {
+  var _a, _b;
   invariant(Array.isArray(ternaries), "extractStaticTernaries expects param 1 to be an array of ternaries");
   if (ternaries.length === 0) {
     return [];
@@ -35,8 +36,8 @@ function normalizeTernaries(ternaries) {
         remove
       };
     }
-    const altStyle = (shouldSwap ? consequent : alternate) ?? {};
-    const consStyle = (shouldSwap ? alternate : consequent) ?? {};
+    const altStyle = (_a = shouldSwap ? consequent : alternate) != null ? _a : {};
+    const consStyle = (_b = shouldSwap ? alternate : consequent) != null ? _b : {};
     Object.assign(ternariesByKey[key].alternate, altStyle);
     Object.assign(ternariesByKey[key].consequent, consStyle);
   }

package/dist/{extractor → esm/extractor}/normalizeTernaries.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/extractor/normalizeTernaries.ts"],
+  "sources": ["../../../src/extractor/normalizeTernaries.ts"],
   "sourcesContent": ["import generate from '@babel/generator'\nimport * as t from '@babel/types'\nimport invariant from 'invariant'\n\nimport { Ternary } from '../types'\n\nexport function normalizeTernaries(ternaries: Ternary[]) {\n  invariant(Array.isArray(ternaries), 'extractStaticTernaries expects param 1 to be an array of ternaries')\n\n  if (ternaries.length === 0) {\n    return []\n  }\n\n  const ternariesByKey: { [key: string]: Ternary } = {}\n\n  for (let idx = -1, len = ternaries.length; ++idx < len; ) {\n    const { test, consequent, alternate, remove, ...rest } = ternaries[idx]\n\n    let ternaryTest = test\n\n    // strip parens\n    if (t.isExpressionStatement(test)) {\n      ternaryTest = (test as any).expression\n    }\n\n    // convert `!thing` to `thing` with swapped consequent and alternate\n    let shouldSwap = false\n    if (t.isUnaryExpression(test) && test.operator === '!') {\n      ternaryTest = test.argument\n      shouldSwap = true\n    } else if (t.isBinaryExpression(test)) {\n      if (test.operator === '!==' || test.operator === '!=') {\n        ternaryTest = t.binaryExpression(test.operator, test.left, test.right)\n        shouldSwap = true\n      }\n    }\n\n    const key = generate(ternaryTest).code\n\n    if (!ternariesByKey[key]) {\n      ternariesByKey[key] = {\n        ...rest,\n        alternate: {},\n        consequent: {},\n        test: ternaryTest,\n        remove,\n      }\n    }\n    const altStyle = (shouldSwap ? consequent : alternate) ?? {}\n    const consStyle = (shouldSwap ? alternate : consequent) ?? {}\n    Object.assign(ternariesByKey[key].alternate, altStyle)\n    Object.assign(ternariesByKey[key].consequent, consStyle)\n  }\n\n  const ternaryExpression = Object.keys(ternariesByKey).map((key) => {\n    return ternariesByKey[key]\n  })\n\n  return ternaryExpression\n}\n"],
-  "mappings": ";;AAAA;AACA;AACA;AAIO,4BAA4B,WAAsB;AACvD,YAAU,MAAM,QAAQ,YAAY;AAEpC,MAAI,UAAU,WAAW,GAAG;AAC1B,WAAO;AAAA;AAGT,QAAM,iBAA6C;AAEnD,WAAS,MAAM,IAAI,MAAM,UAAU,QAAQ,EAAE,MAAM,OAAO;AACxD,UAAM,EAAE,MAAM,YAAY,WAAW,WAAW,SAAS,UAAU;AAEnE,QAAI,cAAc;AAGlB,QAAI,EAAE,sBAAsB,OAAO;AACjC,oBAAe,KAAa;AAAA;AAI9B,QAAI,aAAa;AACjB,QAAI,EAAE,kBAAkB,SAAS,KAAK,aAAa,KAAK;AACtD,oBAAc,KAAK;AACnB,mBAAa;AAAA,eACJ,EAAE,mBAAmB,OAAO;AACrC,UAAI,KAAK,aAAa,SAAS,KAAK,aAAa,MAAM;AACrD,sBAAc,EAAE,iBAAiB,KAAK,UAAU,KAAK,MAAM,KAAK;AAChE,qBAAa;AAAA;AAAA;AAIjB,UAAM,MAAM,SAAS,aAAa;AAElC,QAAI,CAAC,eAAe,MAAM;AACxB,qBAAe,OAAO;AAAA,WACjB;AAAA,QACH,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,MAAM;AAAA,QACN;AAAA;AAAA;AAGJ,UAAM,WAAY,cAAa,aAAa,cAAc;AAC1D,UAAM,YAAa,cAAa,YAAY,eAAe;AAC3D,WAAO,OAAO,eAAe,KAAK,WAAW;AAC7C,WAAO,OAAO,eAAe,KAAK,YAAY;AAAA;AAGhD,QAAM,oBAAoB,OAAO,KAAK,gBAAgB,IAAI,CAAC,QAAQ;AACjE,WAAO,eAAe;AAAA;AAGxB,SAAO;AAAA;AApDO;",
+  "mappings": ";;AAAA;AACA;AACA;AAIO,4BAA4B,WAAsB;AANzD;AAOE,YAAU,MAAM,QAAQ,YAAY;AAEpC,MAAI,UAAU,WAAW,GAAG;AAC1B,WAAO;AAAA;AAGT,QAAM,iBAA6C;AAEnD,WAAS,MAAM,IAAI,MAAM,UAAU,QAAQ,EAAE,MAAM,OAAO;AACxD,UAAM,EAAE,MAAM,YAAY,WAAW,WAAW,SAAS,UAAU;AAEnE,QAAI,cAAc;AAGlB,QAAI,EAAE,sBAAsB,OAAO;AACjC,oBAAe,KAAa;AAAA;AAI9B,QAAI,aAAa;AACjB,QAAI,EAAE,kBAAkB,SAAS,KAAK,aAAa,KAAK;AACtD,oBAAc,KAAK;AACnB,mBAAa;AAAA,eACJ,EAAE,mBAAmB,OAAO;AACrC,UAAI,KAAK,aAAa,SAAS,KAAK,aAAa,MAAM;AACrD,sBAAc,EAAE,iBAAiB,KAAK,UAAU,KAAK,MAAM,KAAK;AAChE,qBAAa;AAAA;AAAA;AAIjB,UAAM,MAAM,SAAS,aAAa;AAElC,QAAI,CAAC,eAAe,MAAM;AACxB,qBAAe,OAAO;AAAA,WACjB;AAAA,QACH,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,MAAM;AAAA,QACN;AAAA;AAAA;AAGJ,UAAM,WAAY,mBAAa,aAAa,cAA1B,YAAwC;AAC1D,UAAM,YAAa,mBAAa,YAAY,eAAzB,YAAwC;AAC3D,WAAO,OAAO,eAAe,KAAK,WAAW;AAC7C,WAAO,OAAO,eAAe,KAAK,YAAY;AAAA;AAGhD,QAAM,oBAAoB,OAAO,KAAK,gBAAgB,IAAI,CAAC,QAAQ;AACjE,WAAO,eAAe;AAAA;AAGxB,SAAO;AAAA;AApDO;",
   "names": []
 }

package/dist/{extractor → esm/extractor}/removeUnusedHooks.js

@@ -6,8 +6,9 @@ const hooks = {
   useTheme: true
 };
 function removeUnusedHooks(compFn, shouldPrintDebug) {
+  var _a;
   compFn.scope.crawl();
-  let bodyStatements = compFn?.get("body");
+  let bodyStatements = compFn == null ? void 0 : compFn.get("body");
   if (!bodyStatements) {
     console.log("no body statemnts?", compFn);
     return;
@@ -32,7 +33,8 @@ function removeUnusedHooks(compFn, shouldPrintDebug) {
       continue;
     }
     const isBindingReferenced = /* @__PURE__ */ __name((name) => {
-      return !!statement.scope.getBinding(name)?.referenced;
+      var _a2;
+      return !!((_a2 = statement.scope.getBinding(name)) == null ? void 0 : _a2.referenced);
     }, "isBindingReferenced");
     for (const declarator of declarations) {
       const id = declarator.get("id");
@@ -65,7 +67,7 @@ function removeUnusedHooks(compFn, shouldPrintDebug) {
       if (shouldRemove) {
         declarator.remove();
         if (shouldPrintDebug) {
-          console.log(`  [\u{1FA9D}] removed ${id.node["name"] ?? ""}`);
+          console.log(`  [\u{1FA9D}] removed ${(_a = id.node["name"]) != null ? _a : ""}`);
         }
       }
     }

package/dist/{extractor → esm/extractor}/removeUnusedHooks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/extractor/removeUnusedHooks.ts"],
+  "sources": ["../../../src/extractor/removeUnusedHooks.ts"],
   "sourcesContent": ["import { NodePath } from '@babel/traverse'\nimport * as t from '@babel/types'\n\nconst hooks = {\n  useMedia: true,\n  useTheme: true,\n}\n\nexport function removeUnusedHooks(compFn: NodePath<any>, shouldPrintDebug: boolean) {\n  compFn.scope.crawl()\n  // check the top level statements\n  let bodyStatements = compFn?.get('body')\n  if (!bodyStatements) {\n    console.log('no body statemnts?', compFn)\n    return\n  }\n  if (!Array.isArray(bodyStatements)) {\n    if (bodyStatements.isFunctionExpression()) {\n      bodyStatements = bodyStatements.scope.path.get('body')\n    } else {\n      bodyStatements = bodyStatements.get('body')\n    }\n  }\n  if (!bodyStatements || !Array.isArray(bodyStatements)) {\n    return\n  }\n  const statements = bodyStatements as NodePath<any>[]\n  for (const statement of statements) {\n    if (!statement.isVariableDeclaration()) {\n      continue\n    }\n    const declarations = statement.get('declarations')\n    if (!Array.isArray(declarations)) {\n      continue\n    }\n    const isBindingReferenced = (name: string) => {\n      return !!statement.scope.getBinding(name)?.referenced\n    }\n    for (const declarator of declarations) {\n      const id = declarator.get('id')\n      const init = declarator.node.init\n      if (Array.isArray(id) || Array.isArray(init)) {\n        continue\n      }\n      const shouldRemove = (() => {\n        const isHook =\n          t.isCallExpression(init) && t.isIdentifier(init.callee) && hooks[init.callee.name]\n        if (!isHook) {\n          return false\n        }\n        if (t.isIdentifier(id.node)) {\n          // remove \"const media = useMedia()\"\n          const name = id.node.name\n          return !isBindingReferenced(name)\n        } else if (t.isObjectPattern(id.node)) {\n          // remove \"const { sm } = useMedia()\"\n          const propPaths = id.get('properties') as NodePath<any>[]\n          return propPaths.every((prop) => {\n            if (!prop.isObjectProperty()) return false\n            const value = prop.get('value')\n            if (Array.isArray(value) || !value.isIdentifier()) return false\n            const name = value.node.name\n            return !isBindingReferenced(name)\n          })\n        }\n        return false\n      })()\n      if (shouldRemove) {\n        declarator.remove()\n        if (shouldPrintDebug) {\n          console.log(`  [\uD83E\uDE9D] removed ${id.node['name'] ?? ''}`)\n        }\n      }\n    }\n  }\n}\n"],
-  "mappings": ";;AACA;AAEA,MAAM,QAAQ;AAAA,EACZ,UAAU;AAAA,EACV,UAAU;AAAA;AAGL,2BAA2B,QAAuB,kBAA2B;AAClF,SAAO,MAAM;AAEb,MAAI,iBAAiB,QAAQ,IAAI;AACjC,MAAI,CAAC,gBAAgB;AACnB,YAAQ,IAAI,sBAAsB;AAClC;AAAA;AAEF,MAAI,CAAC,MAAM,QAAQ,iBAAiB;AAClC,QAAI,eAAe,wBAAwB;AACzC,uBAAiB,eAAe,MAAM,KAAK,IAAI;AAAA,WAC1C;AACL,uBAAiB,eAAe,IAAI;AAAA;AAAA;AAGxC,MAAI,CAAC,kBAAkB,CAAC,MAAM,QAAQ,iBAAiB;AACrD;AAAA;AAEF,QAAM,aAAa;AACnB,aAAW,aAAa,YAAY;AAClC,QAAI,CAAC,UAAU,yBAAyB;AACtC;AAAA;AAEF,UAAM,eAAe,UAAU,IAAI;AACnC,QAAI,CAAC,MAAM,QAAQ,eAAe;AAChC;AAAA;AAEF,UAAM,sBAAsB,wBAAC,SAAiB;AAC5C,aAAO,CAAC,CAAC,UAAU,MAAM,WAAW,OAAO;AAAA,OADjB;AAG5B,eAAW,cAAc,cAAc;AACrC,YAAM,KAAK,WAAW,IAAI;AAC1B,YAAM,OAAO,WAAW,KAAK;AAC7B,UAAI,MAAM,QAAQ,OAAO,MAAM,QAAQ,OAAO;AAC5C;AAAA;AAEF,YAAM,eAAgB,OAAM;AAC1B,cAAM,SACJ,EAAE,iBAAiB,SAAS,EAAE,aAAa,KAAK,WAAW,MAAM,KAAK,OAAO;AAC/E,YAAI,CAAC,QAAQ;AACX,iBAAO;AAAA;AAET,YAAI,EAAE,aAAa,GAAG,OAAO;AAE3B,gBAAM,OAAO,GAAG,KAAK;AACrB,iBAAO,CAAC,oBAAoB;AAAA,mBACnB,EAAE,gBAAgB,GAAG,OAAO;AAErC,gBAAM,YAAY,GAAG,IAAI;AACzB,iBAAO,UAAU,MAAM,CAAC,SAAS;AAC/B,gBAAI,CAAC,KAAK;AAAoB,qBAAO;AACrC,kBAAM,QAAQ,KAAK,IAAI;AACvB,gBAAI,MAAM,QAAQ,UAAU,CAAC,MAAM;AAAgB,qBAAO;AAC1D,kBAAM,OAAO,MAAM,KAAK;AACxB,mBAAO,CAAC,oBAAoB;AAAA;AAAA;AAGhC,eAAO;AAAA;AAET,UAAI,cAAc;AAChB,mBAAW;AACX,YAAI,kBAAkB;AACpB,kBAAQ,IAAI,yBAAkB,GAAG,KAAK,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AA9D3C;",
+  "mappings": ";;AACA;AAEA,MAAM,QAAQ;AAAA,EACZ,UAAU;AAAA,EACV,UAAU;AAAA;AAGL,2BAA2B,QAAuB,kBAA2B;AARpF;AASE,SAAO,MAAM;AAEb,MAAI,iBAAiB,iCAAQ,IAAI;AACjC,MAAI,CAAC,gBAAgB;AACnB,YAAQ,IAAI,sBAAsB;AAClC;AAAA;AAEF,MAAI,CAAC,MAAM,QAAQ,iBAAiB;AAClC,QAAI,eAAe,wBAAwB;AACzC,uBAAiB,eAAe,MAAM,KAAK,IAAI;AAAA,WAC1C;AACL,uBAAiB,eAAe,IAAI;AAAA;AAAA;AAGxC,MAAI,CAAC,kBAAkB,CAAC,MAAM,QAAQ,iBAAiB;AACrD;AAAA;AAEF,QAAM,aAAa;AACnB,aAAW,aAAa,YAAY;AAClC,QAAI,CAAC,UAAU,yBAAyB;AACtC;AAAA;AAEF,UAAM,eAAe,UAAU,IAAI;AACnC,QAAI,CAAC,MAAM,QAAQ,eAAe;AAChC;AAAA;AAEF,UAAM,sBAAsB,wBAAC,SAAiB;AAnClD;AAoCM,aAAO,CAAC,CAAC,kBAAU,MAAM,WAAW,UAA3B,oBAAkC;AAAA,OADjB;AAG5B,eAAW,cAAc,cAAc;AACrC,YAAM,KAAK,WAAW,IAAI;AAC1B,YAAM,OAAO,WAAW,KAAK;AAC7B,UAAI,MAAM,QAAQ,OAAO,MAAM,QAAQ,OAAO;AAC5C;AAAA;AAEF,YAAM,eAAgB,OAAM;AAC1B,cAAM,SACJ,EAAE,iBAAiB,SAAS,EAAE,aAAa,KAAK,WAAW,MAAM,KAAK,OAAO;AAC/E,YAAI,CAAC,QAAQ;AACX,iBAAO;AAAA;AAET,YAAI,EAAE,aAAa,GAAG,OAAO;AAE3B,gBAAM,OAAO,GAAG,KAAK;AACrB,iBAAO,CAAC,oBAAoB;AAAA,mBACnB,EAAE,gBAAgB,GAAG,OAAO;AAErC,gBAAM,YAAY,GAAG,IAAI;AACzB,iBAAO,UAAU,MAAM,CAAC,SAAS;AAC/B,gBAAI,CAAC,KAAK;AAAoB,qBAAO;AACrC,kBAAM,QAAQ,KAAK,IAAI;AACvB,gBAAI,MAAM,QAAQ,UAAU,CAAC,MAAM;AAAgB,qBAAO;AAC1D,kBAAM,OAAO,MAAM,KAAK;AACxB,mBAAO,CAAC,oBAAoB;AAAA;AAAA;AAGhC,eAAO;AAAA;AAET,UAAI,cAAc;AAChB,mBAAW;AACX,YAAI,kBAAkB;AACpB,kBAAQ,IAAI,yBAAkB,SAAG,KAAK,YAAR,YAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AA9D3C;",
   "names": []
 }

package/dist/{index.js.map → esm/index.js.map}

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../src/index.ts"],
+  "sources": ["../../src/index.ts"],
   "sourcesContent": ["process.env.TAMAGUI_COMPILE_PROCESS = '1'\n\nexport { TamaguiOptions } from './types'\nexport { createExtractor } from './extractor/createExtractor'\nexport { literalToAst } from './extractor/literalToAst'\nexport * from './constants'\nexport * from './extractor/extractToClassNames'\nexport * from './extractor/extractHelpers'\nexport * from './patchReactNativeWeb'\n"],
   "mappings": "AAAA,QAAQ,IAAI,0BAA0B;AAEtC;AACA;AACA;AACA;AACA;AACA;AACA;",
   "names": []

package/dist/{patchReactNativeWeb.js → esm/patchReactNativeWeb.js}

@@ -22,6 +22,28 @@ function patchReactNativeWeb() {
     fs.writeFileSync(modulePath, moduleExports);
     fs.writeFileSync(cjsPath, cjsExports);
   }
+  const classNamePatch = `if (props.dataSet && props.dataSet['__className']) { domProps.className = className ? className + ' ' + props.dataSet['__className'] : props.dataSet['__className']; delete props.dataSet['__className'] }`;
+  const domPropsPath = ["modules", "createDOMProps", "index.js"];
+  const domPropsModulePath = path.join(rootDir, "dist", ...domPropsPath);
+  const domPropsCjsPath = path.join(rootDir, "dist", "cjs", ...domPropsPath);
+  const patchClassName = /* @__PURE__ */ __name((file) => {
+    const contents = fs.readFileSync(file, "utf-8");
+    if (!contents.includes(classNamePatch)) {
+      const needle = `domProps.className = className`;
+      const patchLocation = contents.indexOf(needle) + needle.length + 5;
+      if (patchLocation < 100) {
+        console.warn(`\u26A0\uFE0F Couldn't apply className patch! Maybe using incompatible react-native-web version.`);
+      } else {
+        const before = contents.slice(0, patchLocation);
+        const after = contents.slice(patchLocation);
+        const patched = before + "\n" + classNamePatch + "\n" + after;
+        console.log("   > adding className support to react-native-web", file);
+        fs.writeFileSync(file, patched);
+      }
+    }
+  }, "patchClassName");
+  patchClassName(domPropsModulePath);
+  patchClassName(domPropsCjsPath);
   const moduleEntry = path.join(rootDir, "dist", "index.js");
   const moduleEntrySrc = fs.readFileSync(moduleEntry, "utf-8");
   if (!moduleEntrySrc.includes("// tamagui-patch-v4")) {

package/dist/esm/patchReactNativeWeb.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/patchReactNativeWeb.ts"],
+  "sourcesContent": ["import * as fs from 'fs'\nimport path from 'path'\n\n// were patching react-native-web so we can use some internal methods\n// we do it this way because we need to rely on webpack or bundler config to determine cjs vs esm\n// so we can't just require it all directly\n// would be nice in the future to be able to eject from react-native-web entirely optionally\n\n// keep it sync\nexport function patchReactNativeWeb() {\n  const rootDir = require.resolve('react-native-web').replace(/\\/dist.*/, '')\n  const modulePath = path.join(rootDir, 'dist', 'tamagui-exports.js')\n  const cjsPath = path.join(rootDir, 'dist', 'cjs', 'tamagui-exports.js')\n\n  const isEqual = (() => {\n    let res = false\n    try {\n      res =\n        fs.readFileSync(modulePath, 'utf-8') === moduleExports &&\n        fs.readFileSync(cjsPath, 'utf-8') == cjsExports\n    } catch {\n      res = false\n    }\n    return res\n  })()\n\n  if (!isEqual) {\n    console.log('\uD83E\uDD5A Tamagui patching react-native-web to share atomic styling primitives')\n    console.log('   > adding', modulePath)\n    console.log('   > adding', cjsPath)\n    fs.writeFileSync(modulePath, moduleExports)\n    fs.writeFileSync(cjsPath, cjsExports)\n  }\n\n  // patch to allow className prop\n  const classNamePatch = `if (props.dataSet && props.dataSet['__className']) { domProps.className = className ? className + ' ' + props.dataSet['__className'] : props.dataSet['__className']; delete props.dataSet['__className'] }`\n  const domPropsPath = ['modules', 'createDOMProps', 'index.js']\n  const domPropsModulePath = path.join(rootDir, 'dist', ...domPropsPath)\n  const domPropsCjsPath = path.join(rootDir, 'dist', 'cjs', ...domPropsPath)\n  const patchClassName = (file: string) => {\n    const contents = fs.readFileSync(file, 'utf-8')\n    if (!contents.includes(classNamePatch)) {\n      const needle = `domProps.className = className`\n      const patchLocation = contents.indexOf(needle) + needle.length + 5\n      // its far down the file\n      if (patchLocation < 100) {\n        console.warn(\n          `\u26A0\uFE0F Couldn't apply className patch! Maybe using incompatible react-native-web version.`\n        )\n      } else {\n        const before = contents.slice(0, patchLocation)\n        const after = contents.slice(patchLocation)\n        const patched = before + '\\n' + classNamePatch + '\\n' + after\n        console.log('   > adding className support to react-native-web', file)\n        fs.writeFileSync(file, patched)\n      }\n    }\n  }\n  patchClassName(domPropsModulePath)\n  patchClassName(domPropsCjsPath)\n\n  // if (props.className) {\n  //   domProps.className = className ? className + ' ' + props.className : props.className\n  // }\n\n  // if entry files not patched, patch them:\n  const moduleEntry = path.join(rootDir, 'dist', 'index.js')\n  const moduleEntrySrc = fs.readFileSync(moduleEntry, 'utf-8')\n  if (!moduleEntrySrc.includes('// tamagui-patch-v4')) {\n    fs.writeFileSync(\n      moduleEntry,\n      `${removePatch(moduleEntrySrc)}\n\n// tamagui-patch-v4\nimport * as TExports from './tamagui-exports'\nexport const TamaguiExports = TExports\n// tamagui-patch-end\n`\n    )\n  }\n  const cjsEntry = path.join(rootDir, 'dist', 'cjs', 'index.js')\n  const cjsEntrySrc = fs.readFileSync(cjsEntry, 'utf-8')\n  if (!cjsEntrySrc.includes('// tamagui-patch-v4')) {\n    fs.writeFileSync(\n      cjsEntry,\n      `${removePatch(cjsEntrySrc)}\n\n// tamagui-patch-v4\nexports.TamaguiExports = _interopRequireDefault(require(\"./tamagui-exports\"));\n// tamagui-patch-end\n`\n    )\n  }\n}\n\nfunction removePatch(source: string) {\n  return source.replace(/\\/\\/ tamagui-patch([.\\s\\S]*)/g, '')\n}\n\n// view exports/View.ts\nconst forwardedPropsObj = `{\n  ...fwdProps.defaultProps,\n  ...fwdProps.accessibilityProps,\n  ...fwdProps.clickProps,\n  ...fwdProps.focusProps,\n  ...fwdProps.keyboardProps,\n  ...fwdProps.mouseProps,\n  ...fwdProps.touchProps,\n  ...fwdProps.styleProps,\n  href: true,\n  lang: true,\n  onScroll: true,\n  onWheel: true,\n  pointerEvents: true\n}\n`\n\nconst moduleExports = `\nexport { atomic } from './exports/StyleSheet/compile'\nexport { default as createCompileableStyle } from './exports/StyleSheet/createCompileableStyle'\nexport { default as createReactDOMStyle } from './exports/StyleSheet/createReactDOMStyle'\nexport { default as i18Style } from './exports/StyleSheet/i18nStyle'\nexport { default as createDOMProps } from './modules/createDOMProps'\nexport { default as AccessibilityUtil } from './modules/AccessibilityUtil'\nexport { default as createElement } from './exports/createElement'\nexport { default as css } from './exports/StyleSheet/css'\nexport { default as TextAncestorContext } from './exports/Text/TextAncestorContext'\nexport { default as pick } from './modules/pick'\nexport { default as useElementLayout } from './modules/useElementLayout'\nexport { default as useMergeRefs } from './modules/useMergeRefs'\nexport { default as usePlatformMethods } from './modules/usePlatformMethods'\nexport { default as useResponderEvents } from './modules/useResponderEvents'\nimport * as fwdProps from './modules/forwardedProps'\nexport const forwardedProps = ${forwardedPropsObj}\n`\n\nconst cjsExports = `\nexports.atomic = require('./exports/StyleSheet/compile').atomic\nexports.createCompileableStyle = require('./exports/StyleSheet/createCompileableStyle')\nexports.createReactDOMStyle = require('./exports/StyleSheet/createReactDOMStyle')\nexports.i18Style = require('./exports/StyleSheet/i18nStyle')\nexports.createDOMProps = require('./modules/createDOMProps')\nexports.AccessibilityUtil = require('./modules/AccessibilityUtil')\nexports.createElement = require('./exports/createElement')\nexports.css = require('./exports/StyleSheet/css')\nexports.TextAncestorContext = require('./exports/Text/TextAncestorContext')\nexports.pick = require('./modules/pick')\nexports.useElementLayout = require('./modules/useElementLayout')\nexports.useMergeRefs = require('./modules/useMergeRefs')\nexports.usePlatformMethods = require('./modules/usePlatformMethods')\nexports.useResponderEvents = require('./modules/useResponderEvents')\nconst fwdProps = require('./modules/forwardedProps')\nexports.forwardedProps = ${forwardedPropsObj}\n`\n"],
+  "mappings": ";;AAAA;AACA;AAQO,+BAA+B;AACpC,QAAM,UAAU,AAAgB,oCAAoB,QAAQ,YAAY;AACxE,QAAM,aAAa,KAAK,KAAK,SAAS,QAAQ;AAC9C,QAAM,UAAU,KAAK,KAAK,SAAS,QAAQ,OAAO;AAElD,QAAM,UAAW,OAAM;AACrB,QAAI,MAAM;AACV,QAAI;AACF,YACE,GAAG,aAAa,YAAY,aAAa,iBACzC,GAAG,aAAa,SAAS,YAAY;AAAA,YACvC;AACA,YAAM;AAAA;AAER,WAAO;AAAA;AAGT,MAAI,CAAC,SAAS;AACZ,YAAQ,IAAI;AACZ,YAAQ,IAAI,eAAe;AAC3B,YAAQ,IAAI,eAAe;AAC3B,OAAG,cAAc,YAAY;AAC7B,OAAG,cAAc,SAAS;AAAA;AAI5B,QAAM,iBAAiB;AACvB,QAAM,eAAe,CAAC,WAAW,kBAAkB;AACnD,QAAM,qBAAqB,KAAK,KAAK,SAAS,QAAQ,GAAG;AACzD,QAAM,kBAAkB,KAAK,KAAK,SAAS,QAAQ,OAAO,GAAG;AAC7D,QAAM,iBAAiB,wBAAC,SAAiB;AACvC,UAAM,WAAW,GAAG,aAAa,MAAM;AACvC,QAAI,CAAC,SAAS,SAAS,iBAAiB;AACtC,YAAM,SAAS;AACf,YAAM,gBAAgB,SAAS,QAAQ,UAAU,OAAO,SAAS;AAEjE,UAAI,gBAAgB,KAAK;AACvB,gBAAQ,KACN;AAAA,aAEG;AACL,cAAM,SAAS,SAAS,MAAM,GAAG;AACjC,cAAM,QAAQ,SAAS,MAAM;AAC7B,cAAM,UAAU,SAAS,OAAO,iBAAiB,OAAO;AACxD,gBAAQ,IAAI,qDAAqD;AACjE,WAAG,cAAc,MAAM;AAAA;AAAA;AAAA,KAfN;AAmBvB,iBAAe;AACf,iBAAe;AAOf,QAAM,cAAc,KAAK,KAAK,SAAS,QAAQ;AAC/C,QAAM,iBAAiB,GAAG,aAAa,aAAa;AACpD,MAAI,CAAC,eAAe,SAAS,wBAAwB;AACnD,OAAG,cACD,aACA,GAAG,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASnB,QAAM,WAAW,KAAK,KAAK,SAAS,QAAQ,OAAO;AACnD,QAAM,cAAc,GAAG,aAAa,UAAU;AAC9C,MAAI,CAAC,YAAY,SAAS,wBAAwB;AAChD,OAAG,cACD,UACA,GAAG,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA5EL;AAsFhB,qBAAqB,QAAgB;AACnC,SAAO,OAAO,QAAQ,iCAAiC;AAAA;AADhD;AAKT,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiB1B,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAgBU;AAAA;AAGhC,MAAM,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAgBQ;AAAA;",
+  "names": []
+}

package/dist/jsx/constants.js

@@ -0,0 +1,13 @@
+import findCacheDir from "find-cache-dir";
+const CSS_FILE_NAME = "__snack.css";
+const MEDIA_SEP = "_";
+const cacheDir = findCacheDir({ name: "tamagui", create: true });
+const FAILED_EVAL = Symbol("failed_style_eval");
+const CONCAT_CLASSNAME_IMPORT = "concatClassName";
+export {
+  CONCAT_CLASSNAME_IMPORT,
+  CSS_FILE_NAME,
+  FAILED_EVAL,
+  MEDIA_SEP,
+  cacheDir
+};

package/dist/jsx/extractor/accessSafe.js

@@ -0,0 +1,10 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import * as t from "@babel/types";
+function accessSafe(obj, member) {
+  return t.logicalExpression("&&", t.logicalExpression("&&", t.binaryExpression("===", t.unaryExpression("typeof", obj), t.stringLiteral("object")), t.binaryExpression("!==", obj, t.nullLiteral())), t.memberExpression(obj, t.identifier(member), false));
+}
+__name(accessSafe, "accessSafe");
+export {
+  accessSafe
+};

package/dist/jsx/extractor/babelParse.js

@@ -0,0 +1,29 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import * as babelParser from "@babel/parser";
+const parserOptions = Object.freeze({
+  plugins: [
+    "asyncGenerators",
+    "classProperties",
+    "dynamicImport",
+    "functionBind",
+    "jsx",
+    "numericSeparator",
+    "objectRestSpread",
+    "optionalCatchBinding",
+    "decorators-legacy",
+    "typescript",
+    "optionalChaining",
+    "nullishCoalescingOperator"
+  ],
+  sourceType: "module"
+});
+const parser = babelParser.parse.bind(babelParser);
+function babelParse(code) {
+  return parser(code.toString(), parserOptions);
+}
+__name(babelParse, "babelParse");
+export {
+  babelParse,
+  parserOptions
+};

package/dist/jsx/extractor/buildClassName.js

@@ -0,0 +1,39 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import * as t from "@babel/types";
+function buildClassName(classNameObjects) {
+  return classNameObjects.reduce((acc, val) => {
+    if (acc == null) {
+      if (t.isConditionalExpression(val) || t.isStringLiteral(val) || t.isNumericLiteral(val)) {
+        return val;
+      }
+      return t.logicalExpression("||", val, t.stringLiteral(""));
+    }
+    let inner;
+    if (t.isStringLiteral(val)) {
+      if (t.isStringLiteral(acc)) {
+        return t.stringLiteral(`${acc.value} ${val.value}`);
+      }
+      inner = t.stringLiteral(` ${val.value}`);
+    } else if (t.isLiteral(val)) {
+      inner = t.binaryExpression("+", t.stringLiteral(" "), val);
+    } else if (t.isConditionalExpression(val) || t.isBinaryExpression(val)) {
+      if (t.isStringLiteral(acc)) {
+        return t.binaryExpression("+", t.stringLiteral(`${acc.value} `), val);
+      }
+      inner = t.binaryExpression("+", t.stringLiteral(" "), val);
+    } else if (t.isIdentifier(val) || t.isMemberExpression(val)) {
+      inner = t.conditionalExpression(val, t.binaryExpression("+", t.stringLiteral(" "), val), t.stringLiteral(""));
+    } else {
+      if (t.isStringLiteral(acc)) {
+        return t.binaryExpression("+", t.stringLiteral(`${acc.value} `), t.logicalExpression("||", val, t.stringLiteral("")));
+      }
+      inner = t.binaryExpression("+", t.stringLiteral(" "), t.logicalExpression("||", val, t.stringLiteral("")));
+    }
+    return t.binaryExpression("+", acc, inner);
+  }, null);
+}
+__name(buildClassName, "buildClassName");
+export {
+  buildClassName
+};

package/dist/jsx/extractor/createEvaluator.js

@@ -0,0 +1,50 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import vm from "vm";
+import generate from "@babel/generator";
+import * as t from "@babel/types";
+import { FAILED_EVAL } from "../constants";
+import { evaluateAstNode } from "./evaluateAstNode";
+import { isValidThemeHook } from "./extractHelpers";
+function createEvaluator({
+  tamaguiConfig,
+  staticNamespace,
+  sourcePath,
+  traversePath,
+  shouldPrintDebug
+}) {
+  const evalFn = /* @__PURE__ */ __name((n) => {
+    if (t.isMemberExpression(n) && t.isIdentifier(n.property) && isValidThemeHook(traversePath, n, sourcePath)) {
+      const key = n.property.name;
+      if (shouldPrintDebug) {
+        console.log("    > found theme prop", key);
+      }
+      console.log("SHOULD FIND THEME (NESTED NOW)", key);
+      return `var(--${key})`;
+    }
+    if (t.isIdentifier(n) && staticNamespace.hasOwnProperty(n.name)) {
+      return staticNamespace[n.name];
+    }
+    const evalContext = vm.createContext(staticNamespace);
+    const code = `(${generate(n).code})`;
+    return vm.runInContext(code, evalContext);
+  }, "evalFn");
+  return (n) => {
+    return evaluateAstNode(n, evalFn);
+  };
+}
+__name(createEvaluator, "createEvaluator");
+function createSafeEvaluator(attemptEval) {
+  return (n) => {
+    try {
+      return attemptEval(n);
+    } catch (err) {
+      return FAILED_EVAL;
+    }
+  };
+}
+__name(createSafeEvaluator, "createSafeEvaluator");
+export {
+  createEvaluator,
+  createSafeEvaluator
+};