@tamagui/static 1.0.0-alpha.3 → 1.0.0-alpha.34

package/dist/esm/extractor/hoistClassNames.js

@@ -0,0 +1,44 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import * as t from "@babel/types";
+function hoistClassNames(path, existing, expr) {
+  const hoist = hoistClassNames.bind(null, path, existing);
+  if (t.isStringLiteral(expr)) {
+    if (expr.value.trim() === "") {
+      return expr;
+    }
+    if (existing[expr.value]) {
+      return existing[expr.value];
+    }
+    const identifier = replaceStringWithVariable(expr);
+    existing[expr.value] = identifier;
+    return identifier;
+  }
+  if (t.isBinaryExpression(expr)) {
+    return t.binaryExpression(expr.operator, hoist(expr.left), hoist(expr.right));
+  }
+  if (t.isLogicalExpression(expr)) {
+    return t.logicalExpression(expr.operator, hoist(expr.left), hoist(expr.right));
+  }
+  if (t.isConditionalExpression(expr)) {
+    return t.conditionalExpression(expr.test, hoist(expr.consequent), hoist(expr.alternate));
+  }
+  return expr;
+  function replaceStringWithVariable(str) {
+    const uid = path.scope.generateUidIdentifier("cn");
+    const parent = path.findParent((path2) => path2.isProgram());
+    if (!parent)
+      throw new Error(`no program?`);
+    const variable = t.variableDeclaration("const", [
+      t.variableDeclarator(uid, t.stringLiteral(` ${str.value}`))
+    ]);
+    parent.unshiftContainer("body", variable);
+    return uid;
+  }
+  __name(replaceStringWithVariable, "replaceStringWithVariable");
+}
+__name(hoistClassNames, "hoistClassNames");
+export {
+  hoistClassNames
+};
+//# sourceMappingURL=hoistClassNames.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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/esm/extractor/literalToAst.js

@@ -0,0 +1,34 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import * as t from "@babel/types";
+function literalToAst(literal) {
+  if (literal === null) {
+    return t.nullLiteral();
+  }
+  switch (typeof literal) {
+    case "function":
+      throw new Error("Unsupported");
+    case "number":
+      return t.numericLiteral(literal);
+    case "string":
+      return t.stringLiteral(literal);
+    case "boolean":
+      return t.booleanLiteral(literal);
+    case "undefined":
+      return t.unaryExpression("void", t.numericLiteral(0), true);
+    default:
+      if (Array.isArray(literal)) {
+        return t.arrayExpression(literal.map(literalToAst));
+      }
+      return t.objectExpression(Object.keys(literal).filter((k) => {
+        return typeof literal[k] !== "undefined";
+      }).map((k) => {
+        return t.objectProperty(t.stringLiteral(k), literalToAst(literal[k]));
+      }));
+  }
+}
+__name(literalToAst, "literalToAst");
+export {
+  literalToAst
+};
+//# sourceMappingURL=literalToAst.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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/esm/extractor/loadTamagui.js

@@ -0,0 +1,41 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { join } from "path";
+import { createTamagui } from "@tamagui/core-node";
+let loadedTamagui = null;
+function loadTamagui(props) {
+  if (loadedTamagui) {
+    return loadedTamagui;
+  }
+  process.env.IS_STATIC = "is_static";
+  const proxyWorm = require("@tamagui/fake-react-native");
+  const Mod = require("module");
+  const og = Mod.prototype.require;
+  Mod.prototype.require = function(path) {
+    if (path.startsWith("react-native") && !path.startsWith("react-native-web/dist/cjs/exports")) {
+      return proxyWorm;
+    }
+    return og.apply(this, arguments);
+  };
+  const configPath = join(process.cwd(), props.config);
+  const tamaguiConfigExport = require(configPath);
+  const tamaguiConfig = tamaguiConfigExport["default"] || tamaguiConfigExport;
+  const components = {};
+  for (const module of props.components) {
+    const exported = require(module);
+    Object.assign(components, exported);
+  }
+  process.env.IS_STATIC = void 0;
+  Mod.prototype.require = og;
+  createTamagui(tamaguiConfig);
+  loadedTamagui = {
+    components,
+    tamaguiConfig
+  };
+  return loadedTamagui;
+}
+__name(loadTamagui, "loadTamagui");
+export {
+  loadTamagui
+};
+//# sourceMappingURL=loadTamagui.js.map

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 proxyWorm = require('@tamagui/fake-react-native')\n  const Mod = require('module')\n  const og = Mod.prototype.require\n  Mod.prototype.require = function (path: string) {\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 proxyWorm\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,YAAY,QAAQ;AAC1B,QAAM,MAAM,QAAQ;AACpB,QAAM,KAAK,IAAI,UAAU;AACzB,MAAI,UAAU,UAAU,SAAU,MAAc;AAC9C,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;AAlDO;",
+  "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 > 100) {
+      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 > 100) {\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,KAAK;AACtD,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/esm/extractor/normalizeTernaries.js

@@ -0,0 +1,52 @@
+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";
+function normalizeTernaries(ternaries) {
+  invariant(Array.isArray(ternaries), "extractStaticTernaries expects param 1 to be an array of ternaries");
+  if (ternaries.length === 0) {
+    return [];
+  }
+  const ternariesByKey = {};
+  for (let idx = -1, len = ternaries.length; ++idx < len; ) {
+    const { test, consequent, alternate, remove, ...rest } = ternaries[idx];
+    let ternaryTest = test;
+    if (t.isExpressionStatement(test)) {
+      ternaryTest = test.expression;
+    }
+    let shouldSwap = false;
+    if (t.isUnaryExpression(test) && test.operator === "!") {
+      ternaryTest = test.argument;
+      shouldSwap = true;
+    } else if (t.isBinaryExpression(test)) {
+      if (test.operator === "!==" || test.operator === "!=") {
+        ternaryTest = t.binaryExpression(test.operator, test.left, test.right);
+        shouldSwap = true;
+      }
+    }
+    const key = generate(ternaryTest).code;
+    if (!ternariesByKey[key]) {
+      ternariesByKey[key] = {
+        ...rest,
+        alternate: {},
+        consequent: {},
+        test: ternaryTest,
+        remove
+      };
+    }
+    const altStyle = (shouldSwap ? consequent : alternate) ?? {};
+    const consStyle = (shouldSwap ? alternate : consequent) ?? {};
+    Object.assign(ternariesByKey[key].alternate, altStyle);
+    Object.assign(ternariesByKey[key].consequent, consStyle);
+  }
+  const ternaryExpression = Object.keys(ternariesByKey).map((key) => {
+    return ternariesByKey[key];
+  });
+  return ternaryExpression;
+}
+__name(normalizeTernaries, "normalizeTernaries");
+export {
+  normalizeTernaries
+};
+//# sourceMappingURL=normalizeTernaries.js.map

package/dist/esm/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(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;",
+  "names": []
+}

package/dist/esm/extractor/removeUnusedHooks.js

@@ -0,0 +1,78 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import * as t from "@babel/types";
+const hooks = {
+  useMedia: true,
+  useTheme: true
+};
+function removeUnusedHooks(compFn, shouldPrintDebug) {
+  compFn.scope.crawl();
+  let bodyStatements = compFn?.get("body");
+  if (!bodyStatements) {
+    console.log("no body statemnts?", compFn);
+    return;
+  }
+  if (!Array.isArray(bodyStatements)) {
+    if (bodyStatements.isFunctionExpression()) {
+      bodyStatements = bodyStatements.scope.path.get("body");
+    } else {
+      bodyStatements = bodyStatements.get("body");
+    }
+  }
+  if (!bodyStatements || !Array.isArray(bodyStatements)) {
+    return;
+  }
+  const statements = bodyStatements;
+  for (const statement of statements) {
+    if (!statement.isVariableDeclaration()) {
+      continue;
+    }
+    const declarations = statement.get("declarations");
+    if (!Array.isArray(declarations)) {
+      continue;
+    }
+    const isBindingReferenced = /* @__PURE__ */ __name((name) => {
+      return !!statement.scope.getBinding(name)?.referenced;
+    }, "isBindingReferenced");
+    for (const declarator of declarations) {
+      const id = declarator.get("id");
+      const init = declarator.node.init;
+      if (Array.isArray(id) || Array.isArray(init)) {
+        continue;
+      }
+      const shouldRemove = (() => {
+        const isHook = t.isCallExpression(init) && t.isIdentifier(init.callee) && hooks[init.callee.name];
+        if (!isHook) {
+          return false;
+        }
+        if (t.isIdentifier(id.node)) {
+          const name = id.node.name;
+          return !isBindingReferenced(name);
+        } else if (t.isObjectPattern(id.node)) {
+          const propPaths = id.get("properties");
+          return propPaths.every((prop) => {
+            if (!prop.isObjectProperty())
+              return false;
+            const value = prop.get("value");
+            if (Array.isArray(value) || !value.isIdentifier())
+              return false;
+            const name = value.node.name;
+            return !isBindingReferenced(name);
+          });
+        }
+        return false;
+      })();
+      if (shouldRemove) {
+        declarator.remove();
+        if (shouldPrintDebug) {
+          console.log(`  [\u{1FA9D}] removed ${id.node["name"] ?? ""}`);
+        }
+      }
+    }
+  }
+}
+__name(removeUnusedHooks, "removeUnusedHooks");
+export {
+  removeUnusedHooks
+};
+//# sourceMappingURL=removeUnusedHooks.js.map

package/dist/esm/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) {\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;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,14 @@
+process.env.TAMAGUI_COMPILE_PROCESS = "1";
+import { TamaguiOptions } from "./types";
+import { createExtractor } from "./extractor/createExtractor";
+import { literalToAst } from "./extractor/literalToAst";
+export * from "./constants";
+export * from "./extractor/extractToClassNames";
+export * from "./extractor/extractHelpers";
+export * from "./patchReactNativeWeb";
+export {
+  TamaguiOptions,
+  createExtractor,
+  literalToAst
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/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 './patchReactNativeWeb'\n"],
+  "mappings": "AAAA,QAAQ,IAAI,0BAA0B;AAEtC;AACA;AACA;AACA;AACA;AACA;AACA;",
+  "names": []
+}

package/dist/esm/patchReactNativeWeb.js

@@ -0,0 +1,107 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import * as fs from "fs";
+import path from "path";
+function patchReactNativeWeb() {
+  const rootDir = require.resolve("react-native-web").replace(/\/dist.*/, "");
+  const modulePath = path.join(rootDir, "dist", "tamagui-exports.js");
+  const cjsPath = path.join(rootDir, "dist", "cjs", "tamagui-exports.js");
+  const isEqual = (() => {
+    let res = false;
+    try {
+      res = fs.readFileSync(modulePath, "utf-8") === moduleExports && fs.readFileSync(cjsPath, "utf-8") == cjsExports;
+    } catch {
+      res = false;
+    }
+    return res;
+  })();
+  if (!isEqual) {
+    console.log("\u{1F95A} Tamagui patching react-native-web to share atomic styling primitives");
+    console.log("   > adding", modulePath);
+    console.log("   > adding", cjsPath);
+    fs.writeFileSync(modulePath, moduleExports);
+    fs.writeFileSync(cjsPath, cjsExports);
+  }
+  const moduleEntry = path.join(rootDir, "dist", "index.js");
+  const moduleEntrySrc = fs.readFileSync(moduleEntry, "utf-8");
+  if (!moduleEntrySrc.includes("// tamagui-patch-v4")) {
+    fs.writeFileSync(moduleEntry, `${removePatch(moduleEntrySrc)}
+
+// tamagui-patch-v4
+import * as TExports from './tamagui-exports'
+export const TamaguiExports = TExports
+// tamagui-patch-end
+`);
+  }
+  const cjsEntry = path.join(rootDir, "dist", "cjs", "index.js");
+  const cjsEntrySrc = fs.readFileSync(cjsEntry, "utf-8");
+  if (!cjsEntrySrc.includes("// tamagui-patch-v4")) {
+    fs.writeFileSync(cjsEntry, `${removePatch(cjsEntrySrc)}
+
+// tamagui-patch-v4
+exports.TamaguiExports = _interopRequireDefault(require("./tamagui-exports"));
+// tamagui-patch-end
+`);
+  }
+}
+__name(patchReactNativeWeb, "patchReactNativeWeb");
+function removePatch(source) {
+  return source.replace(/\/\/ tamagui-patch([.\s\S]*)/g, "");
+}
+__name(removePatch, "removePatch");
+const forwardedPropsObj = `{
+  ...fwdProps.defaultProps,
+  ...fwdProps.accessibilityProps,
+  ...fwdProps.clickProps,
+  ...fwdProps.focusProps,
+  ...fwdProps.keyboardProps,
+  ...fwdProps.mouseProps,
+  ...fwdProps.touchProps,
+  ...fwdProps.styleProps,
+  href: true,
+  lang: true,
+  onScroll: true,
+  onWheel: true,
+  pointerEvents: true
+}
+`;
+const moduleExports = `
+export { atomic } from './exports/StyleSheet/compile'
+export { default as createCompileableStyle } from './exports/StyleSheet/createCompileableStyle'
+export { default as createReactDOMStyle } from './exports/StyleSheet/createReactDOMStyle'
+export { default as i18Style } from './exports/StyleSheet/i18nStyle'
+export { default as createDOMProps } from './modules/createDOMProps'
+export { default as AccessibilityUtil } from './modules/AccessibilityUtil'
+export { default as createElement } from './exports/createElement'
+export { default as css } from './exports/StyleSheet/css'
+export { default as TextAncestorContext } from './exports/Text/TextAncestorContext'
+export { default as pick } from './modules/pick'
+export { default as useElementLayout } from './modules/useElementLayout'
+export { default as useMergeRefs } from './modules/useMergeRefs'
+export { default as usePlatformMethods } from './modules/usePlatformMethods'
+export { default as useResponderEvents } from './modules/useResponderEvents'
+import * as fwdProps from './modules/forwardedProps'
+export const forwardedProps = ${forwardedPropsObj}
+`;
+const cjsExports = `
+exports.atomic = require('./exports/StyleSheet/compile').atomic
+exports.createCompileableStyle = require('./exports/StyleSheet/createCompileableStyle')
+exports.createReactDOMStyle = require('./exports/StyleSheet/createReactDOMStyle')
+exports.i18Style = require('./exports/StyleSheet/i18nStyle')
+exports.createDOMProps = require('./modules/createDOMProps')
+exports.AccessibilityUtil = require('./modules/AccessibilityUtil')
+exports.createElement = require('./exports/createElement')
+exports.css = require('./exports/StyleSheet/css')
+exports.TextAncestorContext = require('./exports/Text/TextAncestorContext')
+exports.pick = require('./modules/pick')
+exports.useElementLayout = require('./modules/useElementLayout')
+exports.useMergeRefs = require('./modules/useMergeRefs')
+exports.usePlatformMethods = require('./modules/usePlatformMethods')
+exports.useResponderEvents = require('./modules/useResponderEvents')
+const fwdProps = require('./modules/forwardedProps')
+exports.forwardedProps = ${forwardedPropsObj}
+`;
+export {
+  patchReactNativeWeb
+};
+//# sourceMappingURL=patchReactNativeWeb.js.map

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  // 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,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;AA7CL;AAuDhB,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/esm/types.js

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

package/dist/esm/types.js.map

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