@tamagui/static 1.0.0-beta.153 → 1.0.0-beta.181

package/dist/jsx/extractor/createExtractor.js

@@ -5,6 +5,7 @@ import * as t from "@babel/types";
 import {
   getSplitStyles,
   mediaQueryConfig,
+  normalizeStyleObject,
   pseudos,
   rnw
 } from "@tamagui/core-node";
@@ -20,6 +21,7 @@ import { loadTamagui } from "./loadTamagui";
 import { logLines } from "./logLines";
 import { normalizeTernaries } from "./normalizeTernaries";
 import { removeUnusedHooks } from "./removeUnusedHooks";
+import { timer } from "./timer";
 import { validHTMLAttributes } from "./validHTMLAttributes";
 const UNTOUCHED_PROPS = {
   key: true,
@@ -47,10 +49,6 @@ function createExtractor() {
     process.exit(1);
   }
   const shouldAddDebugProp = !process.env.npm_package_dependencies_next && process.env.TAMAGUI_TARGET !== "native" && process.env.IDENTIFY_TAGS !== "false" && (process.env.NODE_ENV === "development" || process.env.DEBUG || process.env.IDENTIFY_TAGS);
-  require("esbuild-register/dist/node").register({
-    target: "es2019",
-    format: "cjs"
-  });
   let loadedTamaguiConfig;
   let hasLogged = false;
   return {
@@ -83,10 +81,15 @@ function createExtractor() {
       if (!Array.isArray(props.components)) {
         throw new Error(`Must provide components array with list of Tamagui component modules`);
       }
+      const tm = timer();
       const { components, tamaguiConfig } = loadTamagui({
         config,
         components: props.components || ["tamagui"]
       });
+      if (shouldPrintDebug === "verbose") {
+        console.log("tamagui.config.ts:", { components, config });
+      }
+      tm.mark("load-tamagui", shouldPrintDebug === "verbose");
       loadedTamaguiConfig = tamaguiConfig;
       const defaultTheme = tamaguiConfig.themes[Object.keys(tamaguiConfig.themes)[0]];
       const body = fileOrPath.type === "Program" ? fileOrPath.get("body") : fileOrPath.program.body;
@@ -100,6 +103,9 @@ function createExtractor() {
         obj[name] = components[name];
         return obj;
       }, {});
+      if (shouldPrintDebug === "verbose") {
+        console.log("validComponents", Object.keys(validComponents));
+      }
       let doesUseValidImport = false;
       let hasImportedTheme = false;
       for (const bodyPath of body) {
@@ -107,11 +113,16 @@ function createExtractor() {
           continue;
         const node = "node" in bodyPath ? bodyPath.node : bodyPath;
         const from = node.source.value;
-        if (props.components.includes(from) || isInternalImport(from)) {
-          if (node.specifiers.some((specifier) => {
+        const isValidImport = props.components.includes(from) || isInternalImport(from);
+        if (isValidImport) {
+          const isValidComponent = node.specifiers.some((specifier) => {
             const name = specifier.local.name;
             return validComponents[name] || validHooks[name];
-          })) {
+          });
+          if (shouldPrintDebug === "verbose") {
+            console.log("import from", from, { isValidComponent });
+          }
+          if (isValidComponent) {
             doesUseValidImport = true;
             break;
           }
@@ -123,6 +134,7 @@ function createExtractor() {
       if (!doesUseValidImport) {
         return null;
       }
+      tm.mark("import-check", shouldPrintDebug === "verbose");
       let couldntParse = false;
       const modifiedComponents = /* @__PURE__ */ new Set();
       const bindingCache = {};
@@ -144,6 +156,7 @@ function createExtractor() {
         },
         JSXElement(traversePath) {
           var _a, _b, _c, _d, _e;
+          tm.mark("jsx-element", shouldPrintDebug === "verbose");
           const node = traversePath.node.openingElement;
           const ogAttributes = node.attributes;
           const componentName = findComponentName(traversePath.scope);
@@ -571,6 +584,11 @@ function createExtractor() {
               for (const key in next) {
                 if (pseudos[key]) {
                   prev2[key] = prev2[key] || {};
+                  if (shouldPrintDebug) {
+                    if (!next[key] || !prev2[key]) {
+                      console.log("warn: missing", key, prev2, next);
+                    }
+                  }
                   Object.assign(prev2[key], next[key]);
                 } else {
                   prev2[key] = next[key];
@@ -680,6 +698,7 @@ function createExtractor() {
             if (couldntParse) {
               return;
             }
+            tm.mark("jsx-element-flattened", shouldPrintDebug === "verbose");
             node.attributes = flattenedAttrs;
             if (staticConfig.defaultProps) {
               for (const key in staticConfig.defaultProps) {
@@ -705,6 +724,7 @@ function createExtractor() {
             attrs = traversePath.get("openingElement").get("attributes").flatMap((path) => {
               try {
                 const res2 = evaluateAttribute(path);
+                tm.mark("jsx-element-evaluate-attr", shouldPrintDebug === "verbose");
                 if (!res2) {
                   path.remove();
                 }
@@ -767,45 +787,25 @@ function createExtractor() {
               out.push(cur);
               return out;
             }, []).flat();
-            const completeStaticProps = {
-              ...Object.keys(attrs).reduce((acc, index) => {
-                const cur = attrs[index];
-                if (cur.type === "style") {
-                  Object.assign(acc, cur.value);
-                }
-                if (cur.type === "attr") {
-                  if (t.isJSXSpreadAttribute(cur.value)) {
-                    return acc;
-                  }
-                  if (!t.isJSXIdentifier(cur.value.name)) {
-                    return acc;
-                  }
-                  const key = cur.value.name.name;
-                  const value = attemptEvalSafe(cur.value.value || t.booleanLiteral(true));
-                  if (value === FAILED_EVAL) {
-                    return acc;
-                  }
-                  acc[key] = value;
-                }
-                return acc;
-              }, {})
-            };
             const hasSpread = node.attributes.some((x) => t.isJSXSpreadAttribute(x));
             const hasOnlyStringChildren = !hasSpread && (node.selfClosing || traversePath.node.children && traversePath.node.children.every((x) => x.type === "JSXText"));
             const themeVal = inlined.get("theme");
             inlined.delete("theme");
             const allOtherPropsExtractable = [...inlined].every(([k, v]) => INLINE_EXTRACTABLE[k]);
-            const shouldWrapInnerTheme = allOtherPropsExtractable && !!(hasOnlyStringChildren && themeVal);
-            const canFlattenProps = inlined.size === 0 || shouldWrapInnerTheme || allOtherPropsExtractable;
+            const shouldWrapThme = allOtherPropsExtractable && !!themeVal;
+            const canFlattenProps = inlined.size === 0 || shouldWrapThme || allOtherPropsExtractable;
             let shouldFlatten = !shouldDeopt && canFlattenProps && !hasSpread && staticConfig.neverFlatten !== true && (staticConfig.neverFlatten === "jsx" ? hasOnlyStringChildren : true);
-            if (shouldFlatten && shouldWrapInnerTheme) {
+            if (shouldPrintDebug) {
+              console.log(" >>", { hasSpread, shouldDeopt, shouldFlatten, canFlattenProps, shouldWrapThme, allOtherPropsExtractable, hasOnlyStringChildren });
+            }
+            if (shouldFlatten && shouldWrapThme) {
               if (typeof themeVal !== "string") {
-                console.warn("??");
                 return;
               }
               if (shouldPrintDebug) {
                 console.log("  - wrapping theme", allOtherPropsExtractable, themeVal);
               }
+              attrs = attrs.filter((x) => x.type === "attr" && t.isJSXAttribute(x.value) && x.value.name.name === "theme" ? false : true);
               if (!hasImportedTheme) {
                 hasImportedTheme = true;
                 programPath.node.body.push(t.importDeclaration([t.importSpecifier(t.identifier("_TamaguiTheme"), t.identifier("Theme"))], t.stringLiteral("@tamagui/core")));
@@ -817,23 +817,21 @@ function createExtractor() {
             if (shouldFlatten && staticConfig.defaultProps) {
               const defaultStyleAttrs = Object.keys(staticConfig.defaultProps).flatMap((key) => {
                 if (!isValidStyleKey(key)) {
-                  return;
+                  return [];
                 }
-                try {
-                  const serialize = require("babel-literal-to-ast");
-                  const val = staticConfig.defaultProps[key];
-                  const value = serialize(val);
-                  const name = tamaguiConfig.shorthands[key] || key;
-                  return {
-                    type: "style",
-                    name,
-                    value
-                  };
-                } catch (err) {
-                  console.warn(`\u26A0\uFE0F Error evaluating default style for component, prop ${key}
- error: ${err}`);
+                const value = staticConfig.defaultProps[key];
+                const name = tamaguiConfig.shorthands[key] || key;
+                if (value === void 0) {
+                  console.warn(`\u26A0\uFE0F Error evaluating default style for component, prop ${key} ${value}`);
                   shouldDeopt = true;
+                  return;
                 }
+                const attr = {
+                  type: "style",
+                  name,
+                  value: { [name]: value }
+                };
+                return attr;
               });
               if (defaultStyleAttrs.length) {
                 attrs = [...defaultStyleAttrs, ...attrs];
@@ -901,6 +899,7 @@ function createExtractor() {
               acc.push(cur);
               return acc;
             }, []);
+            tm.mark("jsx-element-expanded", shouldPrintDebug === "verbose");
             if (shouldPrintDebug) {
               console.log("  - attrs (expanded): \n", logLines(attrs.map(attrStr).join(", ")));
             }
@@ -937,54 +936,91 @@ function createExtractor() {
               acc.push(cur);
               return acc;
             }, []);
-            if (shouldPrintDebug) {
-              console.log("  - attrs (combined \u{1F500}): \n", logLines(attrs.map(attrStr).join(", ")));
-            }
+            const state = {
+              noClassNames: true,
+              focus: false,
+              hover: false,
+              mounted: true,
+              press: false,
+              pressIn: false
+            };
+            const completeStaticProps = Object.keys(attrs).reduce((acc, index) => {
+              const cur = attrs[index];
+              if (cur.type === "style") {
+                normalizeStyleObject(cur.value);
+                Object.assign(acc, cur.value);
+              }
+              if (cur.type === "attr") {
+                if (t.isJSXSpreadAttribute(cur.value)) {
+                  return acc;
+                }
+                if (!t.isJSXIdentifier(cur.value.name)) {
+                  return acc;
+                }
+                const key = cur.value.name.name;
+                const value = attemptEvalSafe(cur.value.value || t.booleanLiteral(true));
+                if (value === FAILED_EVAL) {
+                  return acc;
+                }
+                acc[key] = value;
+              }
+              return acc;
+            }, {});
             const completeProps = {
               ...staticConfig.defaultProps,
               ...completeStaticProps
             };
+            if (shouldPrintDebug) {
+              console.log("  - attrs (combined \u{1F500}): \n", logLines(attrs.map(attrStr).join(", ")));
+              console.log("  - defaultProps: \n", logLines(objToStr(staticConfig.defaultProps)));
+              console.log("  - completeStaticProps: \n", logLines(objToStr(completeStaticProps)));
+            }
             const getStyles = /* @__PURE__ */ __name((props2, debugName = "") => {
-              if (!props2)
-                return;
-              if (!Object.keys(props2).length)
-                return;
+              if (!props2 || !Object.keys(props2).length) {
+                if (shouldPrintDebug)
+                  console.log(" getStyles() no props");
+                return {};
+              }
               if (excludeProps && !!excludeProps.size) {
                 for (const key in props2) {
                   if (excludeProps.has(key)) {
+                    if (shouldPrintDebug)
+                      console.log(" delete excluded", key);
                     delete props2[key];
                   }
                 }
               }
-              const out = getSplitStyles(props2, staticConfig, defaultTheme, {
-                noClassNames: true,
-                fallbackProps: completeProps,
-                focus: false,
-                hover: false,
-                mounted: true,
-                press: false,
-                pressIn: false
-              });
-              const outStyle = {
-                ...out.style,
-                ...out.pseudos
-              };
-              for (const key in outStyle) {
+              try {
+                const out = getSplitStyles(props2, staticConfig, defaultTheme, {
+                  ...state,
+                  fallbackProps: completeProps
+                });
+                const outStyle = {
+                  ...out.style,
+                  ...out.pseudos
+                };
                 if (staticConfig.validStyles) {
-                  if (!staticConfig.validStyles[key] && !pseudos[key]) {
-                    delete outStyle[key];
+                  for (const key in outStyle) {
+                    if (!staticConfig.validStyles[key] && !pseudos[key] && !/(hover|focus|press)Style$/.test(key)) {
+                      if (shouldPrintDebug)
+                        console.log(" delete invalid style", key);
+                      delete outStyle[key];
+                    }
                   }
                 }
-              }
-              if (shouldPrintDebug === "verbose") {
-                console.log(`       getStyles ${debugName} (props):
+                if (shouldPrintDebug) {
+                  console.log(`       getStyles ${debugName} (props):
 `, logLines(objToStr(props2)));
-                console.log(`       getStyles ${debugName} (out.viewProps):
+                  console.log(`       getStyles ${debugName} (out.viewProps):
 `, logLines(objToStr(out.viewProps)));
-                console.log(`       getStyles ${debugName} (out.style):
+                  console.log(`       getStyles ${debugName} (out.style):
 `, logLines(objToStr(outStyle || {}), true));
+                }
+                return outStyle;
+              } catch (err) {
+                console.log("error", err.message, err.stack);
+                return {};
               }
-              return outStyle;
             }, "getStyles");
             const completeStylesProcessed = getStyles(completeProps, "completeStylesProcessed");
             if (!completeStylesProcessed) {
@@ -1025,11 +1061,13 @@ function createExtractor() {
                       console.log("     => tern ", attrStr(attr));
                     continue;
                   case "style":
+                    if (shouldPrintDebug)
+                      console.log("  * styles in", logLines(objToStr(attr.value)));
                     const styles = getStyles(attr.value, "style");
+                    if (shouldPrintDebug)
+                      console.log("  * styles out", logLines(objToStr(styles)));
                     if (styles) {
                       attr.value = Object.fromEntries(Object.keys(styles).map((k) => [k, completeStylesProcessed[k]]));
-                    } else {
-                      console.warn("?????????");
                     }
                     continue;
                 }
@@ -1037,6 +1075,7 @@ function createExtractor() {
                 getStyleError = err;
               }
             }
+            tm.mark("jsx-element-styles", shouldPrintDebug === "verbose");
             if (getStyleError) {
               console.log(" \u26A0\uFE0F postprocessing error, deopt", getStyleError);
               node.attributes = ogAttributes;
@@ -1060,6 +1099,9 @@ function createExtractor() {
               if (attr.type === "style") {
                 for (const key in attr.value) {
                   if (existingStyleKeys.has(key)) {
+                    if (shouldPrintDebug) {
+                      console.log("  >> delete existing", key);
+                    }
                     delete attr.value[key];
                   } else {
                     existingStyleKeys.add(key);
@@ -1101,6 +1143,7 @@ function createExtractor() {
           }
         }
       });
+      tm.mark("jsx-done", shouldPrintDebug === "verbose");
       if (modifiedComponents.size) {
         const all = Array.from(modifiedComponents);
         if (shouldPrintDebug) {
@@ -1110,6 +1153,7 @@ function createExtractor() {
           removeUnusedHooks(comp, shouldPrintDebug);
         }
       }
+      tm.done(shouldPrintDebug === "verbose");
       return res;
     }
   };

package/dist/jsx/extractor/extractToClassNames.js

@@ -18,6 +18,7 @@ import { getPrefixLogs } from "./getPrefixLogs";
 import { hoistClassNames } from "./hoistClassNames";
 import { literalToAst } from "./literalToAst";
 import { logLines } from "./logLines";
+import { timer } from "./timer";
 const mergeStyleGroups = {
   shadowOpacity: true,
   shadowRadius: true,
@@ -31,10 +32,12 @@ function extractToClassNames({
   sourcePath,
   options,
   shouldPrintDebug,
+  cssLoaderPath,
   threaded,
   cssPath
 }) {
   var _a;
+  const tm = timer();
   if (typeof source !== "string") {
     throw new Error("`source` must be a string of javascript");
   }
@@ -49,6 +52,7 @@ function extractToClassNames({
     console.error("babel parse error:", sourcePath);
     throw err;
   }
+  tm.mark(`babel-parse`, shouldPrintDebug === "verbose");
   const cssMap = /* @__PURE__ */ new Map();
   const existingHoists = {};
   let hasFlattened = false;
@@ -246,7 +250,7 @@ function extractToClassNames({
   if (styles) {
     const cssQuery = threaded ? `cssData=${Buffer.from(styles).toString("base64")}` : `cssPath=${cssPath}`;
     const remReq = loader.remainingRequest;
-    const importPath = `${cssPath}!=!tamagui-loader?${cssQuery}!${remReq}`;
+    const importPath = `${cssPath}!=!${cssLoaderPath}?${cssQuery}!${remReq}`;
     ast.program.body.unshift(t.importDeclaration([], t.stringLiteral(importPath)));
   }
   const result = generate(ast, {
@@ -260,16 +264,16 @@ function extractToClassNames({
     console.log("\n -------- output code ------- \n\n", result.code.split("\n").filter((x) => !x.startsWith("//")).join("\n"));
     console.log("\n -------- output style -------- \n\n", styles);
   }
-  console.log(sourcePath, styles);
   if (shouldLogTiming) {
     const memUsed = mem ? Math.round((process.memoryUsage().heapUsed - mem.heapUsed) / 1024 / 1204 * 10) / 10 : 0;
-    const timing = `${Date.now() - start}`.padStart(3);
     const path2 = basename(sourcePath).replace(/\.[jt]sx?$/, "").slice(0, 22).trim().padStart(24);
     const numOptimized = `${res.optimized}`.padStart(3);
     const numFound = `${res.found}`.padStart(3);
     const numFlattened = `${res.flattened}`.padStart(3);
     const memory = process.env.DEBUG && memUsed > 10 ? ` ${memUsed}MB` : "";
-    const timingStr = `${timing}ms`.padStart(6);
+    const timing = Date.now() - start;
+    const timingWarning = timing > 50 ? "\u26A0\uFE0F" : timing > 150 ? "\u2622\uFE0F" : "";
+    const timingStr = `${timing}ms${timingWarning}`.padStart(6);
     console.log(`${getPrefixLogs(options)} ${path2}  ${numFound}   \xB7 ${numOptimized}   \xB7 ${numFlattened}  ${timingStr} ${memory ? `(${memory})` : ""}`);
   }
   return {

package/dist/jsx/extractor/loadTamagui.js

@@ -7,56 +7,72 @@ 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 { unregister } = require("esbuild-register/dist/node").register({
+    target: "es2019",
+    format: "cjs"
+  });
+  try {
+    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 exp = require(configPath);
+    const tamaguiConfig = exp["default"] || exp;
+    if (!tamaguiConfig || !tamaguiConfig.parsed) {
+      try {
+        const confPath = require.resolve(configPath);
+        console.log(`Received:`, tamaguiConfig);
+        throw new Error(`Can't find valid config in ${confPath}`);
+      } catch (err) {
+        throw err;
+      }
     }
+    const components = {};
+    for (const moduleName of props.components) {
+      const exported = require(moduleName);
+      for (const Name in exported) {
+        const val = exported[Name];
+        const staticConfig = val == null ? void 0 : val.staticConfig;
+        if (staticConfig) {
+          Object.assign(components, { [Name]: { staticConfig } });
+        }
+      }
+    }
+    process.env.IS_STATIC = void 0;
+    Mod.prototype.require = og;
+    createTamagui(tamaguiConfig);
+    loadedTamagui = {
+      components,
+      tamaguiConfig
+    };
+    return loadedTamagui;
+  } catch (err) {
+    throw err;
+  } finally {
+    unregister();
   }
-  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 {

package/dist/jsx/extractor/timer.js

@@ -0,0 +1,23 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+const timer = /* @__PURE__ */ __name(() => {
+  const start = Date.now();
+  let last = start;
+  return {
+    mark: (name, print = false) => {
+      if (print) {
+        const took = Date.now() - last;
+        last = Date.now();
+        console.log(`Time ${name}: ${took}ms`);
+      }
+    },
+    done: (print = false) => {
+      if (print) {
+        console.log(`Total time: ${Date.now() - start}ms`);
+      }
+    }
+  };
+}, "timer");
+export {
+  timer
+};

package/dist/jsx/patchReactNativeWeb.js

@@ -15,6 +15,8 @@ function patchReactNativeWeb() {
   }
   const patches = [
     {
+      id: "dom-props",
+      filePath: ["modules", "createDOMProps", "index.js"],
       replacee: `  if (dataSet != null) {`,
       replacer: `
   if (props.dataSet && props.dataSet.className) {
@@ -22,15 +24,25 @@ function patchReactNativeWeb() {
     classList = className
     dataSet = dataSetRest
   }
+  if (props.dataSet && props.dataSet.id) {
+    domProps['id'] = props.dataSet.id
+  }
   if (dataSet != null) {`
+    },
+    {
+      id: "forward-props",
+      filePath: ["modules", "forwardedProps", "index.js"],
+      replacee: `dataSet: true,`,
+      replacer: `id: true, dataSet: true,`
     }
   ];
-  const dataSetPath = ["modules", "createDOMProps", "index.js"];
-  const dataSetModulePath = path.join(rootDir, "dist", ...dataSetPath);
-  const dataSetCjsPath = path.join(rootDir, "dist", "cjs", ...dataSetPath);
-  for (const file of [dataSetModulePath, dataSetCjsPath]) {
-    const contents = fs.readFileSync(file, "utf-8");
-    for (const { replacee, replacer } of patches) {
+  for (const { filePath, replacee, replacer } of patches) {
+    const files = [
+      path.join(rootDir, "dist", ...filePath),
+      path.join(rootDir, "dist", "cjs", ...filePath)
+    ];
+    for (const file of files) {
+      const contents = fs.readFileSync(file, "utf-8");
       if (contents.includes(replacer)) {
         continue;
       }
@@ -42,7 +54,7 @@ function patchReactNativeWeb() {
         continue;
       }
       console.log("      | patch " + path.relative(rootDir, file));
-      fs.writeFileSync(file, contents.replaceAll(replacee, replacer));
+      fs.writeFileSync(file, contents.replace(replacee, replacer));
     }
   }
   const moduleEntry = path.join(rootDir, "dist", "index.js");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/static",
-  "version": "1.0.0-beta.153+a49c2588",
+  "version": "1.0.0-beta.181+fff2a5b2",
   "source": "src/index.ts",
   "typings": "types",
   "main": "dist/cjs",
@@ -34,19 +34,19 @@
     "@babel/parser": "^7.15.7",
     "@babel/traverse": "^7.15.4",
     "@expo/match-media": "^0.1.0",
-    "@tamagui/build": "^1.0.0-beta.153+a49c2588",
-    "@tamagui/core-node": "^1.0.0-beta.153+a49c2588",
-    "@tamagui/fake-react-native": "^1.0.0-beta.153+a49c2588",
-    "@tamagui/helpers": "^1.0.0-beta.153+a49c2588",
-    "@tamagui/proxy-worm": "^1.0.0-beta.153+a49c2588",
+    "@tamagui/build": "^1.0.0-beta.181+fff2a5b2",
+    "@tamagui/core-node": "^1.0.0-beta.181+fff2a5b2",
+    "@tamagui/fake-react-native": "^1.0.0-beta.181+fff2a5b2",
+    "@tamagui/helpers": "^1.0.0-beta.181+fff2a5b2",
+    "@tamagui/proxy-worm": "^1.0.0-beta.181+fff2a5b2",
     "babel-literal-to-ast": "^2.1.0",
     "esbuild": "^0.14.36",
-    "esbuild-register": "^3.1.2",
+    "esbuild-register": "^3.3.2",
     "find-cache-dir": "^3.3.2",
     "fs-extra": "^9.1.0",
     "invariant": "^2.2.4",
     "lodash": "^4.17.21",
-    "tamagui": "^1.0.0-beta.153+a49c2588"
+    "tamagui": "^1.0.0-beta.181+fff2a5b2"
   },
   "devDependencies": {
     "@babel/plugin-syntax-typescript": "^7.14.5",
@@ -73,5 +73,5 @@
   "peerDependencies": {
     "react-native-web": "*"
   },
-  "gitHead": "a49c2588898b6db5660f9b3346078cd87f585dcf"
+  "gitHead": "fff2a5b25ea3881d499e5376cd166f58556acaba"
 }