@tamagui/static 1.0.0-beta.9 → 1.0.1-beta.101

package/dist/jsx/extractor/logLines.js

@@ -1,7 +1,5 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 const prefix = "           ";
-const logLines = /* @__PURE__ */ __name((str, singleLine = false) => {
+const logLines = (str, singleLine = false) => {
   if (singleLine) {
     return prefix + str.split(" ").join(`
 ${prefix}`);
@@ -15,7 +13,8 @@ ${prefix}`);
     lines[lines.length - 1] += item + " ";
   }
   return lines.map((line, i) => prefix + (i == 0 ? "" : " ") + line.trim()).join("\n");
-}, "logLines");
+};
 export {
   logLines
 };
+//# sourceMappingURL=logLines.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/extractor/logLines.ts"],
+  "sourcesContent": ["const prefix = '           '\n\nexport const logLines = (str: string, singleLine = false) => {\n  if (singleLine) {\n    return prefix + str.split(' ').join(`\\n${prefix}`)\n  }\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) => prefix + (i == 0 ? '' : ' ') + line.trim()).join('\\n')\n}\n"],
+  "mappings": "AAAA,MAAM,SAAS;AAER,MAAM,WAAW,CAAC,KAAa,aAAa,UAAU;AAC3D,MAAI,YAAY;AACd,WAAO,SAAS,IAAI,MAAM,GAAG,EAAE,KAAK;AAAA,EAAK,QAAQ;AAAA,EACnD;AACA,MAAI,QAAkB,CAAC,EAAE;AACzB,QAAM,QAAQ,IAAI,MAAM,GAAG;AAC3B,aAAW,QAAQ,OAAO;AACxB,QAAI,KAAK,SAAS,MAAM,MAAM,SAAS,GAAG,SAAS,IAAI;AACrD,YAAM,KAAK,EAAE;AAAA,IACf;AACA,UAAM,MAAM,SAAS,MAAM,OAAO;AAAA,EACpC;AACA,SAAO,MAAM,IAAI,CAAC,MAAM,MAAM,SAAU,MAAK,IAAI,KAAK,OAAO,KAAK,KAAK,CAAC,EAAE,KAAK,IAAI;AACrF;",
+  "names": []
+}

package/dist/jsx/extractor/normalizeTernaries.js

@@ -1,5 +1,3 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import generate from "@babel/generator";
 import * as t from "@babel/types";
 import invariant from "invariant";
@@ -46,7 +44,7 @@ function normalizeTernaries(ternaries) {
   });
   return ternaryExpression;
 }
-__name(normalizeTernaries, "normalizeTernaries");
 export {
   normalizeTernaries
 };
+//# sourceMappingURL=normalizeTernaries.js.map

package/dist/jsx/extractor/normalizeTernaries.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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(\n    Array.isArray(ternaries),\n    'extractStaticTernaries expects param 1 to be an array of ternaries'\n  )\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;AANzD;AAOE,YACE,MAAM,QAAQ,SAAS,GACvB,oEACF;AAEA,MAAI,UAAU,WAAW,GAAG;AAC1B,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,iBAA6C,CAAC;AAEpD,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,IAAI,GAAG;AACjC,oBAAe,KAAa;AAAA,IAC9B;AAGA,QAAI,aAAa;AACjB,QAAI,EAAE,kBAAkB,IAAI,KAAK,KAAK,aAAa,KAAK;AACtD,oBAAc,KAAK;AACnB,mBAAa;AAAA,IACf,WAAW,EAAE,mBAAmB,IAAI,GAAG;AACrC,UAAI,KAAK,aAAa,SAAS,KAAK,aAAa,MAAM;AACrD,sBAAc,EAAE,iBAAiB,KAAK,UAAU,KAAK,MAAM,KAAK,KAAK;AACrE,qBAAa;AAAA,MACf;AAAA,IACF;AAEA,UAAM,MAAM,SAAS,WAAW,EAAE;AAElC,QAAI,CAAC,eAAe,MAAM;AACxB,qBAAe,OAAO;AAAA,QACpB,GAAG;AAAA,QACH,WAAW,CAAC;AAAA,QACZ,YAAY,CAAC;AAAA,QACb,MAAM;AAAA,QACN;AAAA,MACF;AAAA,IACF;AACA,UAAM,WAAY,mBAAa,aAAa,cAA1B,YAAwC,CAAC;AAC3D,UAAM,YAAa,mBAAa,YAAY,eAAzB,YAAwC,CAAC;AAC5D,WAAO,OAAO,eAAe,KAAK,WAAY,QAAQ;AACtD,WAAO,OAAO,eAAe,KAAK,YAAa,SAAS;AAAA,EAC1D;AAEA,QAAM,oBAAoB,OAAO,KAAK,cAAc,EAAE,IAAI,CAAC,QAAQ;AACjE,WAAO,eAAe;AAAA,EACxB,CAAC;AAED,SAAO;AACT;",
+  "names": []
+}

package/dist/jsx/extractor/removeUnusedHooks.js

@@ -1,5 +1,3 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import * as t from "@babel/types";
 const hooks = {
   useMedia: true,
@@ -32,10 +30,10 @@ function removeUnusedHooks(compFn, shouldPrintDebug) {
     if (!Array.isArray(declarations)) {
       continue;
     }
-    const isBindingReferenced = /* @__PURE__ */ __name((name) => {
+    const isBindingReferenced = (name) => {
       var _a2;
       return !!((_a2 = statement.scope.getBinding(name)) == null ? void 0 : _a2.referenced);
-    }, "isBindingReferenced");
+    };
     for (const declarator of declarations) {
       const id = declarator.get("id");
       const init = declarator.node.init;
@@ -73,7 +71,7 @@ function removeUnusedHooks(compFn, shouldPrintDebug) {
     }
   }
 }
-__name(removeUnusedHooks, "removeUnusedHooks");
 export {
   removeUnusedHooks
 };
+//# sourceMappingURL=removeUnusedHooks.js.map

package/dist/jsx/extractor/removeUnusedHooks.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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 | 'verbose') {\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;AACZ;AAEO,2BAA2B,QAAuB,kBAAuC;AARhG;AASE,SAAO,MAAM,MAAM;AAEnB,MAAI,iBAAiB,iCAAQ,IAAI;AACjC,MAAI,CAAC,gBAAgB;AACnB,YAAQ,IAAI,sBAAsB,MAAM;AACxC;AAAA,EACF;AACA,MAAI,CAAC,MAAM,QAAQ,cAAc,GAAG;AAClC,QAAI,eAAe,qBAAqB,GAAG;AACzC,uBAAiB,eAAe,MAAM,KAAK,IAAI,MAAM;AAAA,IACvD,OAAO;AACL,uBAAiB,eAAe,IAAI,MAAM;AAAA,IAC5C;AAAA,EACF;AACA,MAAI,CAAC,kBAAkB,CAAC,MAAM,QAAQ,cAAc,GAAG;AACrD;AAAA,EACF;AACA,QAAM,aAAa;AACnB,aAAW,aAAa,YAAY;AAClC,QAAI,CAAC,UAAU,sBAAsB,GAAG;AACtC;AAAA,IACF;AACA,UAAM,eAAe,UAAU,IAAI,cAAc;AACjD,QAAI,CAAC,MAAM,QAAQ,YAAY,GAAG;AAChC;AAAA,IACF;AACA,UAAM,sBAAsB,CAAC,SAAiB;AAnClD;AAoCM,aAAO,CAAC,CAAC,kBAAU,MAAM,WAAW,IAAI,MAA/B,oBAAkC;AAAA,IAC7C;AACA,eAAW,cAAc,cAAc;AACrC,YAAM,KAAK,WAAW,IAAI,IAAI;AAC9B,YAAM,OAAO,WAAW,KAAK;AAC7B,UAAI,MAAM,QAAQ,EAAE,KAAK,MAAM,QAAQ,IAAI,GAAG;AAC5C;AAAA,MACF;AACA,YAAM,eAAgB,OAAM;AAC1B,cAAM,SACJ,EAAE,iBAAiB,IAAI,KAAK,EAAE,aAAa,KAAK,MAAM,KAAK,MAAM,KAAK,OAAO;AAC/E,YAAI,CAAC,QAAQ;AACX,iBAAO;AAAA,QACT;AACA,YAAI,EAAE,aAAa,GAAG,IAAI,GAAG;AAE3B,gBAAM,OAAO,GAAG,KAAK;AACrB,iBAAO,CAAC,oBAAoB,IAAI;AAAA,QAClC,WAAW,EAAE,gBAAgB,GAAG,IAAI,GAAG;AAErC,gBAAM,YAAY,GAAG,IAAI,YAAY;AACrC,iBAAO,UAAU,MAAM,CAAC,SAAS;AAC/B,gBAAI,CAAC,KAAK,iBAAiB;AAAG,qBAAO;AACrC,kBAAM,QAAQ,KAAK,IAAI,OAAO;AAC9B,gBAAI,MAAM,QAAQ,KAAK,KAAK,CAAC,MAAM,aAAa;AAAG,qBAAO;AAC1D,kBAAM,OAAO,MAAM,KAAK;AACxB,mBAAO,CAAC,oBAAoB,IAAI;AAAA,UAClC,CAAC;AAAA,QACH;AACA,eAAO;AAAA,MACT,GAAG;AACH,UAAI,cAAc;AAChB,mBAAW,OAAO;AAClB,YAAI,kBAAkB;AACpB,kBAAQ,IAAI,yBAAkB,SAAG,KAAK,YAAR,YAAmB,IAAI;AAAA,QACvD;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/jsx/extractor/timer.js

@@ -1,6 +1,4 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const timer = /* @__PURE__ */ __name(() => {
+const timer = () => {
   const start = Date.now();
   let last = start;
   return {
@@ -17,7 +15,8 @@ const timer = /* @__PURE__ */ __name(() => {
       }
     }
   };
-}, "timer");
+};
 export {
   timer
 };
+//# sourceMappingURL=timer.js.map

package/dist/jsx/extractor/timer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/extractor/timer.ts"],
+  "sourcesContent": ["export const timer = () => {\n  const start = Date.now()\n  let last = start\n  return {\n    mark: (name: string, print = false) => {\n      if (print) {\n        const took = Date.now() - last\n        last = Date.now()\n        console.log(`Time ${name}: ${took}ms`)\n      }\n    },\n    done: (print = false) => {\n      if (print) {\n        console.log(`Total time: ${Date.now() - start}ms`)\n      }\n    },\n  }\n}\n"],
+  "mappings": "AAAO,MAAM,QAAQ,MAAM;AACzB,QAAM,QAAQ,KAAK,IAAI;AACvB,MAAI,OAAO;AACX,SAAO;AAAA,IACL,MAAM,CAAC,MAAc,QAAQ,UAAU;AACrC,UAAI,OAAO;AACT,cAAM,OAAO,KAAK,IAAI,IAAI;AAC1B,eAAO,KAAK,IAAI;AAChB,gBAAQ,IAAI,QAAQ,SAAS,QAAQ;AAAA,MACvC;AAAA,IACF;AAAA,IACA,MAAM,CAAC,QAAQ,UAAU;AACvB,UAAI,OAAO;AACT,gBAAQ,IAAI,eAAe,KAAK,IAAI,IAAI,SAAS;AAAA,MACnD;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/jsx/extractor/validHTMLAttributes.js

@@ -46,6 +46,57 @@ const validHTMLAttributes = {
   "aria-selected": true,
   "aria-sort": true
 };
+const validAccessibilityAttributes = {
+  accessibilityRole: true,
+  accessibilityActiveDescendant: true,
+  accessibilityAtomic: true,
+  accessibilityAutoComplete: true,
+  accessibilityBusy: true,
+  accessibilityChecked: true,
+  accessibilityColumnCount: true,
+  accessibilityColumnIndex: true,
+  accessibilityColumnSpan: true,
+  accessibilityControls: true,
+  accessibilityCurrent: true,
+  accessibilityDescribedBy: true,
+  accessibilityDetails: true,
+  disabled: true,
+  accessibilityErrorMessage: true,
+  accessibilityExpanded: true,
+  accessibilityFlowTo: true,
+  accessibilityHasPopup: true,
+  accessibilityHidden: true,
+  accessibilityInvalid: true,
+  accessibilityKeyShortcuts: true,
+  accessibilityLabel: true,
+  accessibilityLabelledBy: true,
+  accessibilityLevel: true,
+  accessibilityLiveRegion: true,
+  accessibilityModal: true,
+  accessibilityMultiline: true,
+  accessibilityMultiSelectable: true,
+  accessibilityOrientation: true,
+  accessibilityOwns: true,
+  accessibilityPlaceholder: true,
+  accessibilityPosInSet: true,
+  accessibilityPressed: true,
+  accessibilityReadOnly: true,
+  accessibilityRequired: true,
+  accessibilityRoleDescription: true,
+  accessibilityRowCount: true,
+  accessibilityRowIndex: true,
+  accessibilityRowSpan: true,
+  accessibilitySelected: true,
+  accessibilitySetSize: true,
+  accessibilitySort: true,
+  accessibilityValueMax: true,
+  accessibilityValueMin: true,
+  accessibilityValueNow: true,
+  accessibilityValueText: true,
+  nativeID: true
+};
 export {
+  validAccessibilityAttributes,
   validHTMLAttributes
 };
+//# sourceMappingURL=validHTMLAttributes.js.map

package/dist/jsx/extractor/validHTMLAttributes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/extractor/validHTMLAttributes.ts"],
+  "sourcesContent": ["export const validHTMLAttributes = {\n  autocomplete: true,\n  border: true,\n  contenteditable: true,\n  crossorigin: true,\n  dir: true,\n  draggable: true,\n  enctype: true,\n  formenctype: true,\n  formmethod: true,\n  formtarget: true,\n  inputmode: true,\n  kind: true,\n  link: true,\n  method: true,\n  preload: true,\n  referrerpolicy: true,\n  rel: true,\n  rev: true,\n  role: true,\n  sandbox: true,\n  shape: true,\n  spellcheck: true,\n  target: true,\n  translate: true,\n  type: true,\n  wrap: true,\n  'aria-autocomplete': true,\n  'aria-busy': true,\n  'aria-checked': true,\n  'aria-current': true,\n  'aria-disabled': true,\n  'aria-expanded': true,\n  'aria-haspopup': true,\n  'aria-hidden': true,\n  'aria-invalid': true,\n  'aria-polite': true,\n  'aria-modal': true,\n  'aria-multiline': true,\n  'aria-multiselectable': true,\n  'aria-orientation': true,\n  'aria-pressed': true,\n  'aria-readonly': true,\n  'aria-relevant': true,\n  'aria-required': true,\n  'aria-selected': true,\n  'aria-sort': true,\n}\n\n// for moving off react-native-web eventually (unused atm)\nexport const validAccessibilityAttributes = {\n  accessibilityRole: true,\n  accessibilityActiveDescendant: true,\n  accessibilityAtomic: true,\n  accessibilityAutoComplete: true,\n  accessibilityBusy: true,\n  accessibilityChecked: true,\n  accessibilityColumnCount: true,\n  accessibilityColumnIndex: true,\n  accessibilityColumnSpan: true,\n  accessibilityControls: true,\n  accessibilityCurrent: true,\n  accessibilityDescribedBy: true,\n  accessibilityDetails: true,\n  disabled: true,\n  accessibilityErrorMessage: true,\n  accessibilityExpanded: true,\n  accessibilityFlowTo: true,\n  accessibilityHasPopup: true,\n  accessibilityHidden: true,\n  accessibilityInvalid: true,\n  accessibilityKeyShortcuts: true,\n  accessibilityLabel: true,\n  accessibilityLabelledBy: true,\n  accessibilityLevel: true,\n  accessibilityLiveRegion: true,\n  accessibilityModal: true,\n  accessibilityMultiline: true,\n  accessibilityMultiSelectable: true,\n  accessibilityOrientation: true,\n  accessibilityOwns: true,\n  accessibilityPlaceholder: true,\n  accessibilityPosInSet: true,\n  accessibilityPressed: true,\n  accessibilityReadOnly: true,\n  accessibilityRequired: true,\n  accessibilityRoleDescription: true,\n  accessibilityRowCount: true,\n  accessibilityRowIndex: true,\n  accessibilityRowSpan: true,\n  accessibilitySelected: true,\n  accessibilitySetSize: true,\n  accessibilitySort: true,\n  accessibilityValueMax: true,\n  accessibilityValueMin: true,\n  accessibilityValueNow: true,\n  accessibilityValueText: true,\n  nativeID: true,\n}\n"],
+  "mappings": "AAAO,MAAM,sBAAsB;AAAA,EACjC,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,KAAK;AAAA,EACL,WAAW;AAAA,EACX,SAAS;AAAA,EACT,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,KAAK;AAAA,EACL,KAAK;AAAA,EACL,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,MAAM;AAAA,EACN,MAAM;AAAA,EACN,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,wBAAwB;AAAA,EACxB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,aAAa;AACf;AAGO,MAAM,+BAA+B;AAAA,EAC1C,mBAAmB;AAAA,EACnB,+BAA+B;AAAA,EAC/B,qBAAqB;AAAA,EACrB,2BAA2B;AAAA,EAC3B,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,0BAA0B;AAAA,EAC1B,0BAA0B;AAAA,EAC1B,yBAAyB;AAAA,EACzB,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,0BAA0B;AAAA,EAC1B,sBAAsB;AAAA,EACtB,UAAU;AAAA,EACV,2BAA2B;AAAA,EAC3B,uBAAuB;AAAA,EACvB,qBAAqB;AAAA,EACrB,uBAAuB;AAAA,EACvB,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,2BAA2B;AAAA,EAC3B,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,oBAAoB;AAAA,EACpB,wBAAwB;AAAA,EACxB,8BAA8B;AAAA,EAC9B,0BAA0B;AAAA,EAC1B,mBAAmB;AAAA,EACnB,0BAA0B;AAAA,EAC1B,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,8BAA8B;AAAA,EAC9B,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,mBAAmB;AAAA,EACnB,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,wBAAwB;AAAA,EACxB,UAAU;AACZ;",
+  "names": []
+}

package/dist/jsx/index.js

@@ -5,9 +5,11 @@ import { literalToAst } from "./extractor/literalToAst";
 export * from "./constants";
 export * from "./extractor/extractToClassNames";
 export * from "./extractor/extractHelpers";
-export * from "./patchReactNativeWeb";
+export * from "@tamagui/patch-rnw";
+export * from "./extractor/loadTamagui";
 export {
   TamaguiOptions,
   createExtractor,
   literalToAst
 };
+//# sourceMappingURL=index.js.map

package/dist/jsx/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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 '@tamagui/patch-rnw'\nexport * from './extractor/loadTamagui'\n"],
+  "mappings": "AAAA,QAAQ,IAAI,0BAA0B;AAEtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;",
+  "names": []
+}

package/dist/jsx/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/jsx/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/package.json

@@ -1,12 +1,14 @@
 {
   "name": "@tamagui/static",
-  "version": "1.0.0-beta.9",
+  "version": "1.0.1-beta.101",
   "source": "src/index.ts",
-  "typings": "types",
+  "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
   "module:jsx": "dist/jsx",
   "files": [
+    "patches",
+    "src",
     "types",
     "dist"
   ],
@@ -16,6 +18,8 @@
     "clean": "tamagui-build clean",
     "clean:build": "tamagui-build clean:build",
     "test": "NODE_ENV=test TAMAGUI_COMPILE_PROCESS=1 jest --forceExit",
+    "test:output": "TAMAGUI_TARGET=web node -r esbuild-register test-output.tsx",
+    "test:babel": "DISABLE_PRE_TEST=true yarn test tests/babel-test.tsx",
     "test:debug": "NODE_ENV=test TAMAGUI_COMPILE_PROCESS=1 DEBUG_FILE=extract-specs.tsx DEBUG=1 yarn test",
     "test:watch": "NODE_ENV=test TAMAGUI_COMPILE_PROCESS=1 yarn test --watch",
     "test:update-snapshots": "NODE_ENV=test jest --updateSnapshot"
@@ -33,42 +37,46 @@
     "@babel/helper-plugin-utils": "^7.14.5",
     "@babel/parser": "^7.15.7",
     "@babel/traverse": "^7.15.4",
-    "@expo/match-media": "^0.1.0",
-    "@tamagui/build": "^1.0.0-beta.9",
-    "@tamagui/core-node": "^1.0.0-beta.9",
-    "@tamagui/fake-react-native": "^1.0.0-beta.9",
-    "@tamagui/helpers": "^1.0.0-beta.9",
-    "@tamagui/proxy-worm": "^1.0.0-beta.9",
+    "@expo/match-media": "^0.3.0",
+    "@tamagui/build": "^1.0.1-beta.101",
+    "@tamagui/core-node": "^1.0.1-beta.101",
+    "@tamagui/fake-react-native": "^1.0.1-beta.101",
+    "@tamagui/helpers": "^1.0.1-beta.101",
+    "@tamagui/patch-rnw": "^1.0.1-beta.101",
+    "@tamagui/proxy-worm": "^1.0.1-beta.101",
     "babel-literal-to-ast": "^2.1.0",
-    "esbuild": "^0.14.36",
+    "esbuild": "^0.14.48",
     "esbuild-register": "^3.3.2",
     "find-cache-dir": "^3.3.2",
-    "fs-extra": "^9.1.0",
+    "fs-extra": "^10.1.0",
     "invariant": "^2.2.4",
     "lodash": "^4.17.21",
-    "tamagui": "^1.0.0-beta.9"
+    "tamagui": "^1.0.1-beta.101"
   },
   "devDependencies": {
     "@babel/plugin-syntax-typescript": "^7.14.5",
     "@babel/types": "^7.15.6",
     "@dish/babel-preset": "^0.0.6",
-    "@testing-library/react": "13.0.0-alpha.4",
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/react": "^13.3.0",
     "@types/jest": "*",
     "@types/node": "^16.11.9",
-    "@types/react-native": "^0.67.3",
+    "@types/react-native": "^0.69.2",
     "@types/webpack": "^4.41.26",
     "babel-loader": "^8.2.5",
     "css-loader": "^5.2.4",
-    "esbuild-loader": "^2.18.0",
-    "jest": "^27.3.1",
+    "esbuild-loader": "^2.19.0",
+    "jest": "^28.1.1",
+    "jest-dom": "^4.0.0",
+    "jest-environment-jsdom": "^28.1.1",
     "null-loader": "^4.0.1",
     "react": "*",
     "react-dom": "*",
-    "react-native-web": "^0.17.5",
-    "react-test-renderer": "^18.1.0",
-    "style-loader": "^3.3.0",
-    "typescript": "^4.5.2",
-    "webpack": "^5.72.0"
+    "react-native-web": "^0.18.3",
+    "react-test-renderer": "^18.2.0",
+    "style-loader": "^3.3.1",
+    "typescript": "^4.7.4",
+    "webpack": "^5.73.0"
   },
   "peerDependencies": {
     "react-native-web": "*"

package/src/constants.ts

@@ -0,0 +1,13 @@
+import findCacheDir from 'find-cache-dir'
+
+export const CSS_FILE_NAME = '__snack.css'
+
+// ENSURE THIS ISNT THE SAME AS THE SEPARATOR USED FOR STYLE KEYS
+// SEE matching one in concatClassName
+export const MEDIA_SEP = '_'
+
+// ensure cache dir
+export const cacheDir = findCacheDir({ name: 'tamagui', create: true })
+
+export const FAILED_EVAL = Symbol('failed_style_eval')
+export const CONCAT_CLASSNAME_IMPORT = 'concatClassName'

package/src/extractor/accessSafe.ts

@@ -0,0 +1,18 @@
+import * as t from '@babel/types'
+
+// accessSafe wraps memberExpressions in object/null checks
+// TODO: inject this as a function? this gets pretty repetitive
+export function accessSafe(obj: t.Expression, member: string): t.LogicalExpression {
+  return t.logicalExpression(
+    '&&',
+    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/src/extractor/babelParse.ts

@@ -0,0 +1,27 @@
+import * as babelParser from '@babel/parser'
+
+const plugins: babelParser.ParserPlugin[] = [
+  'asyncGenerators',
+  'classProperties',
+  'dynamicImport',
+  'functionBind',
+  'jsx',
+  'numericSeparator',
+  'objectRestSpread',
+  'optionalCatchBinding',
+  'decorators-legacy',
+  'typescript',
+  'optionalChaining',
+  'nullishCoalescingOperator',
+]
+
+export const parserOptions: babelParser.ParserOptions = Object.freeze({
+  plugins,
+  sourceType: 'module',
+})
+
+const parser = babelParser.parse.bind(babelParser)
+
+export function babelParse(code: string | Buffer): any {
+  return parser(code.toString(), parserOptions)
+}

package/src/extractor/buildClassName.ts

@@ -0,0 +1,61 @@
+import * as t from '@babel/types'
+
+import { ClassNameObject } from '../types'
+
+export function buildClassName(
+  classNameObjects: ClassNameObject[]
+): t.Expression | t.StringLiteral | null {
+  return classNameObjects.reduce<t.Expression | null>((acc, val) => {
+    if (acc == null) {
+      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(''))
+    }
+
+    let inner: t.Expression
+    if (t.isStringLiteral(val)) {
+      if (t.isStringLiteral(acc)) {
+        // join adjacent string literals
+        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)) {
+      // identifiers and member expressions make for reasonable ternaries
+      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(''))
+        )
+      }
+      // use a logical expression for more complex prop values
+      inner = t.binaryExpression(
+        '+',
+        t.stringLiteral(' '),
+        t.logicalExpression('||', val, t.stringLiteral(''))
+      )
+    }
+
+    return t.binaryExpression('+', acc, inner)
+  }, null)
+}

package/src/extractor/createEvaluator.ts

@@ -0,0 +1,75 @@
+import vm from 'vm'
+
+import generate from '@babel/generator'
+import { NodePath } from '@babel/traverse'
+import * as t from '@babel/types'
+import type { TamaguiConfig } from '@tamagui/core'
+import { createCSSVariable } from '@tamagui/core-node'
+import esbuild from 'esbuild'
+
+import { FAILED_EVAL } from '../constants'
+import { evaluateAstNode } from './evaluateAstNode'
+import { isValidThemeHook } from './extractHelpers'
+
+export function createEvaluator({
+  tamaguiConfig,
+  staticNamespace,
+  sourcePath,
+  traversePath,
+  shouldPrintDebug,
+}: {
+  tamaguiConfig: TamaguiConfig
+  staticNamespace: Record<string, any>
+  sourcePath: string
+  traversePath?: NodePath<t.JSXElement>
+  shouldPrintDebug: boolean | 'verbose'
+}) {
+  // called when evaluateAstNode encounters a dynamic-looking prop
+  const evalFn = (n: t.Node) => {
+    // themes
+    if (
+      t.isMemberExpression(n) &&
+      t.isIdentifier(n.property) &&
+      traversePath &&
+      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) // tamaguiConfig.themes)
+      // if (!themeKeys.has(key)) {
+      //   throw new Error(`    > accessing non-existent theme key: ${key}`)
+      // }
+      return createCSSVariable(key)
+    }
+    // variable
+    if (t.isIdentifier(n) && staticNamespace.hasOwnProperty(n.name)) {
+      return staticNamespace[n.name]
+    }
+    const evalContext = vm.createContext(staticNamespace)
+    const codeWithTypescriptAnnotations = `(${generate(n as any).code})`
+    const code = esbuild
+      .transformSync(codeWithTypescriptAnnotations, { loader: 'tsx' })
+      .code.replace(/;\n$/, '')
+
+    if (shouldPrintDebug) {
+      console.log('evaluating', code)
+    }
+    return vm.runInContext(code, evalContext)
+  }
+
+  return (n: t.Node) => {
+    return evaluateAstNode(n, evalFn)
+  }
+}
+
+export function createSafeEvaluator(attemptEval: (n: t.Node) => any) {
+  return (n: t.Node) => {
+    try {
+      return attemptEval(n)
+    } catch (err) {
+      return FAILED_EVAL
+    }
+  }
+}