@tamagui/static 1.0.0-alpha.8 → 1.0.0-beta.179

package/dist/jsx/extractor/generatedUid.js

@@ -0,0 +1,27 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import * as t from "@babel/types";
+import invariant from "invariant";
+function generateUid(scope, name) {
+  invariant(typeof scope === "object", "generateUid expects a scope object as its first parameter");
+  invariant(typeof name === "string" && name !== "", "generateUid expects a valid name as its second parameter");
+  name = t.toIdentifier(name).replace(/^_+/, "").replace(/[0-9]+$/g, "");
+  let uid;
+  let i = 0;
+  do {
+    if (i > 1) {
+      uid = name + i;
+    } else {
+      uid = name;
+    }
+    i++;
+  } while (scope.hasLabel(uid) || scope.hasBinding(uid) || scope.hasGlobal(uid) || scope.hasReference(uid));
+  const program = scope.getProgramParent();
+  program.references[uid] = true;
+  program.uids[uid] = true;
+  return uid;
+}
+__name(generateUid, "generateUid");
+export {
+  generateUid
+};

package/dist/jsx/extractor/getPrefixLogs.js

@@ -0,0 +1,11 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function getPrefixLogs(options) {
+  var _a;
+  const { TAMAGUI_TARGET } = process.env;
+  return (_a = options == null ? void 0 : options.prefixLogs) != null ? _a : ` ${TAMAGUI_TARGET}  | `;
+}
+__name(getPrefixLogs, "getPrefixLogs");
+export {
+  getPrefixLogs
+};

package/dist/jsx/extractor/getPropValueFromAttributes.js

@@ -0,0 +1,48 @@
+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 { accessSafe } from "./accessSafe";
+function getPropValueFromAttributes(propName, attrs) {
+  let propIndex = -1;
+  let jsxAttr = null;
+  for (let idx = -1, len = attrs.length; ++idx < len; ) {
+    const attr = attrs[idx];
+    if (t.isJSXAttribute(attr) && attr.name && attr.name.name === propName) {
+      propIndex = idx;
+      jsxAttr = attr;
+      break;
+    }
+  }
+  if (!jsxAttr || jsxAttr.value == null) {
+    return null;
+  }
+  let propValue = jsxAttr.value;
+  if (t.isJSXExpressionContainer(propValue)) {
+    propValue = propValue.expression;
+  }
+  if (t.isJSXEmptyExpression(propValue)) {
+    console.error("encountered JSXEmptyExpression");
+    return null;
+  }
+  const applicableSpreads = attrs.filter((attr, idx) => {
+    if (t.isJSXSpreadAttribute(attr)) {
+      if (t.isIdentifier(attr.argument) || t.isMemberExpression(attr.argument)) {
+        return idx > propIndex;
+      }
+      if (t.isLogicalExpression(attr.argument)) {
+        return false;
+      }
+      throw new Error(`unsupported spread of type "${attr.argument.type}": ${generate(attr).code}`);
+    }
+    return false;
+  }).map((attr) => attr.argument);
+  if (applicableSpreads.length > 0) {
+    propValue = applicableSpreads.reduce((acc, val) => t.logicalExpression("||", accessSafe(val, propName), acc), propValue);
+  }
+  return propValue;
+}
+__name(getPropValueFromAttributes, "getPropValueFromAttributes");
+export {
+  getPropValueFromAttributes
+};

package/dist/jsx/extractor/getSourceModule.js

@@ -0,0 +1,68 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import * as t from "@babel/types";
+function getSourceModule(itemName, itemBinding) {
+  if (!itemBinding.constant) {
+    return null;
+  }
+  let sourceModule;
+  let imported;
+  let local;
+  let destructured;
+  let usesImportSyntax = false;
+  const itemNode = itemBinding.path.node;
+  if (t.isImportDefaultSpecifier(itemNode) || t.isImportSpecifier(itemNode)) {
+    if (t.isImportDeclaration(itemBinding.path.parent)) {
+      sourceModule = itemBinding.path.parent.source.value;
+      local = itemNode.local.name;
+      usesImportSyntax = true;
+      if (t.isImportSpecifier(itemNode)) {
+        imported = itemNode.imported["name"];
+        destructured = true;
+      } else {
+        imported = itemNode.local.name;
+        destructured = false;
+      }
+    }
+  } else if (t.isVariableDeclarator(itemNode) && itemNode.init != null && t.isCallExpression(itemNode.init) && t.isIdentifier(itemNode.init.callee) && itemNode.init.callee.name === "require" && itemNode.init.arguments.length === 1) {
+    const firstArg = itemNode.init.arguments[0];
+    if (!t.isStringLiteral(firstArg)) {
+      return null;
+    }
+    sourceModule = firstArg.value;
+    if (t.isIdentifier(itemNode.id)) {
+      local = itemNode.id.name;
+      imported = itemNode.id.name;
+      destructured = false;
+    } else if (t.isObjectPattern(itemNode.id)) {
+      for (const objProp of itemNode.id.properties) {
+        if (t.isObjectProperty(objProp) && t.isIdentifier(objProp.value) && objProp.value.name === itemName) {
+          local = objProp.value.name;
+          imported = objProp.key.name;
+          destructured = true;
+          break;
+        }
+      }
+      if (!local || !imported) {
+        console.error("could not find prop with value `%s`", itemName);
+        return null;
+      }
+    } else {
+      console.error("Unhandled id type: %s", itemNode.id.type);
+      return null;
+    }
+  } else {
+    return null;
+  }
+  return {
+    destructured,
+    imported,
+    local,
+    sourceModule,
+    usesImportSyntax
+  };
+}
+__name(getSourceModule, "getSourceModule");
+export {
+  getSourceModule
+};

package/dist/jsx/extractor/getStaticBindingsForScope.js

@@ -0,0 +1,127 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { dirname, extname, resolve } from "path";
+import * as t from "@babel/types";
+import { existsSync } from "fs-extra";
+import { evaluateAstNode } from "./evaluateAstNode";
+import { getSourceModule } from "./getSourceModule";
+const isLocalImport = /* @__PURE__ */ __name((path) => path.startsWith(".") || path.startsWith("/"), "isLocalImport");
+function resolveImportPath(sourcePath, path) {
+  const sourceDir = dirname(sourcePath);
+  if (isLocalImport(path)) {
+    if (extname(path) === "") {
+      path += ".js";
+    }
+    return resolve(sourceDir, path);
+  }
+  return path;
+}
+__name(resolveImportPath, "resolveImportPath");
+function importModule(path) {
+  const filenames = [path.replace(".js", ".tsx"), path.replace(".js", ".ts"), path];
+  for (const file of filenames) {
+    if (existsSync(file)) {
+      return require(file);
+    }
+  }
+  return null;
+}
+__name(importModule, "importModule");
+function getStaticBindingsForScope(scope, whitelist = [], sourcePath, bindingCache, shouldPrintDebug) {
+  const bindings = scope.getAllBindings();
+  const ret = {};
+  if (shouldPrintDebug) {
+    console.log("  ", Object.keys(bindings).length, "variables in scope");
+  }
+  const program = scope.getProgramParent().block;
+  for (const node of program.body) {
+    if (t.isImportDeclaration(node)) {
+      const importPath = node.source.value;
+      if (!node.specifiers.length)
+        continue;
+      if (!isLocalImport(importPath)) {
+        continue;
+      }
+      const moduleName = resolveImportPath(sourcePath, importPath);
+      const isOnWhitelist = whitelist.some((test) => moduleName.endsWith(test));
+      if (!isOnWhitelist)
+        continue;
+      const src = importModule(moduleName);
+      if (!src)
+        continue;
+      for (const specifier of node.specifiers) {
+        if (t.isImportSpecifier(specifier) && t.isIdentifier(specifier.imported)) {
+          if (typeof src[specifier.imported.name] !== "undefined") {
+            const val = src[specifier.local.name];
+            ret[specifier.local.name] = val;
+          }
+        }
+      }
+    }
+  }
+  if (!bindingCache) {
+    throw new Error("bindingCache is a required param");
+  }
+  for (const k in bindings) {
+    const binding = bindings[k];
+    const sourceModule = getSourceModule(k, binding);
+    if (sourceModule) {
+      if (!sourceModule.sourceModule) {
+        continue;
+      }
+      const moduleName = resolveImportPath(sourcePath, sourceModule.sourceModule);
+      const isOnWhitelist = whitelist.some((test) => moduleName.endsWith(test));
+      if (isOnWhitelist) {
+        const src = importModule(moduleName);
+        if (!src) {
+          console.log(`\u26A0\uFE0F missing file ${moduleName} via ${sourcePath} import ${sourceModule.sourceModule}?`);
+          return {};
+        }
+        if (sourceModule.destructured) {
+          if (sourceModule.imported) {
+            ret[k] = src[sourceModule.imported];
+          }
+        } else {
+          ret[k] = src;
+        }
+      }
+      continue;
+    }
+    const { parent, parentPath } = binding.path;
+    if (!t.isVariableDeclaration(parent) || parent.kind !== "const") {
+      continue;
+    }
+    const dec = parent.declarations.find((d) => t.isIdentifier(d.id) && d.id.name === k);
+    if (!dec || !dec.init) {
+      continue;
+    }
+    if (typeof dec.id.start !== "number" || typeof dec.id.end !== "number") {
+      console.error("dec.id.start/end is not a number");
+      continue;
+    }
+    if (!t.isIdentifier(dec.id)) {
+      console.error("dec is not an identifier");
+      continue;
+    }
+    const cacheKey = `${dec.id.name}_${dec.id.start}-${dec.id.end}`;
+    if (bindingCache.hasOwnProperty(cacheKey)) {
+      ret[k] = bindingCache[cacheKey];
+      continue;
+    }
+    if (bindingCache.hasOwnProperty(cacheKey)) {
+      ret[k] = bindingCache[cacheKey];
+      continue;
+    }
+    try {
+      ret[k] = evaluateAstNode(dec.init, void 0, shouldPrintDebug);
+      bindingCache[cacheKey] = ret[k];
+      continue;
+    } catch (e) {
+    }
+  }
+  return ret;
+}
+__name(getStaticBindingsForScope, "getStaticBindingsForScope");
+export {
+  getStaticBindingsForScope
+};

package/dist/jsx/extractor/hoistClassNames.js

@@ -0,0 +1,43 @@
+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
+};

package/dist/jsx/extractor/literalToAst.js

@@ -0,0 +1,79 @@
+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");
+const easyPeasies = ["BooleanLiteral", "StringLiteral", "NumericLiteral"];
+function astToLiteral(node) {
+  if (!node) {
+    return;
+  }
+  if (easyPeasies.includes(node.type)) {
+    return node.value;
+  }
+  if (node.name === "undefined" && !node.value) {
+    return void 0;
+  }
+  if (t.isNullLiteral(node)) {
+    return null;
+  }
+  if (t.isObjectExpression(node)) {
+    return computeProps(node.properties);
+  }
+  if (t.isArrayExpression(node)) {
+    return node.elements.reduce((acc, element) => [
+      ...acc,
+      ...(element == null ? void 0 : element.type) === "SpreadElement" ? astToLiteral(element.argument) : [astToLiteral(element)]
+    ], []);
+  }
+}
+__name(astToLiteral, "astToLiteral");
+function computeProps(props) {
+  return props.reduce((acc, prop) => {
+    if (prop.type === "SpreadElement") {
+      return {
+        ...acc,
+        ...astToLiteral(prop.argument)
+      };
+    } else if (prop.type !== "ObjectMethod") {
+      const val = astToLiteral(prop.value);
+      if (val !== void 0) {
+        return {
+          ...acc,
+          [prop.key.name]: val
+        };
+      }
+    }
+    return acc;
+  }, {});
+}
+__name(computeProps, "computeProps");
+export {
+  astToLiteral,
+  literalToAst
+};

package/dist/jsx/extractor/loadTamagui.js

@@ -0,0 +1,64 @@
+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/proxy-worm");
+  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" || path.startsWith("react-native-reanimated")) {
+      return proxyWorm;
+    }
+    if (path.startsWith("react-native") && !path.startsWith("react-native-web/dist/cjs/exports")) {
+      return rnw;
+    }
+    try {
+      return og.apply(this, arguments);
+    } catch (err) {
+      console.error("Tamagui error loading file:\n");
+      console.log("   ", path, "\n");
+      console.log(err.message);
+      console.log(err.stack);
+      process.exit(1);
+    }
+  };
+  const configPath = join(process.cwd(), props.config);
+  const tamaguiConfigExport = require(configPath);
+  const tamaguiConfig = tamaguiConfigExport["default"] || tamaguiConfigExport;
+  if (!tamaguiConfig || !tamaguiConfig.parsed) {
+    try {
+      const confPath = require.resolve(configPath);
+      console.log(`Received:`, tamaguiConfigExport);
+      throw new Error(`Can't find valid config in ${confPath}`);
+    } catch (err) {
+      throw err;
+    }
+  }
+  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
+};

package/dist/jsx/extractor/logLines.js

@@ -0,0 +1,21 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+const prefix = "           ";
+const logLines = /* @__PURE__ */ __name((str, singleLine = false) => {
+  if (singleLine) {
+    return prefix + str.split(" ").join(`
+${prefix}`);
+  }
+  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) => prefix + (i == 0 ? "" : " ") + line.trim()).join("\n");
+}, "logLines");
+export {
+  logLines
+};

package/dist/jsx/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) {
+  var _a, _b;
+  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 = (_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);
+  }
+  const ternaryExpression = Object.keys(ternariesByKey).map((key) => {
+    return ternariesByKey[key];
+  });
+  return ternaryExpression;
+}
+__name(normalizeTernaries, "normalizeTernaries");
+export {
+  normalizeTernaries
+};

package/dist/jsx/extractor/removeUnusedHooks.js

@@ -0,0 +1,79 @@
+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) {
+  var _a;
+  compFn.scope.crawl();
+  let bodyStatements = compFn == null ? void 0 : 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) => {
+      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;
+      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 ${(_a = id.node["name"]) != null ? _a : ""}`);
+        }
+      }
+    }
+  }
+}
+__name(removeUnusedHooks, "removeUnusedHooks");
+export {
+  removeUnusedHooks
+};

package/dist/jsx/extractor/validHTMLAttributes.js

@@ -0,0 +1,51 @@
+const validHTMLAttributes = {
+  autocomplete: true,
+  border: true,
+  contenteditable: true,
+  crossorigin: true,
+  dir: true,
+  draggable: true,
+  enctype: true,
+  formenctype: true,
+  formmethod: true,
+  formtarget: true,
+  inputmode: true,
+  kind: true,
+  link: true,
+  method: true,
+  preload: true,
+  referrerpolicy: true,
+  rel: true,
+  rev: true,
+  role: true,
+  sandbox: true,
+  shape: true,
+  spellcheck: true,
+  target: true,
+  translate: true,
+  type: true,
+  wrap: true,
+  "aria-autocomplete": true,
+  "aria-busy": true,
+  "aria-checked": true,
+  "aria-current": true,
+  "aria-disabled": true,
+  "aria-expanded": true,
+  "aria-haspopup": true,
+  "aria-hidden": true,
+  "aria-invalid": true,
+  "aria-polite": true,
+  "aria-modal": true,
+  "aria-multiline": true,
+  "aria-multiselectable": true,
+  "aria-orientation": true,
+  "aria-pressed": true,
+  "aria-readonly": true,
+  "aria-relevant": true,
+  "aria-required": true,
+  "aria-selected": true,
+  "aria-sort": true
+};
+export {
+  validHTMLAttributes
+};

package/dist/jsx/index.js

@@ -0,0 +1,13 @@
+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
+};