@tamagui/static 1.100.6 → 1.101.1

package/dist/esm/extractor/extractToNative.native.js

@@ -0,0 +1,329 @@
+import { basename } from "node:path";
+import { transformFromAstSync } from "@babel/core";
+import generator from "@babel/generator";
+import { declare } from "@babel/helper-plugin-utils";
+import { parse } from "@babel/parser";
+import template from "@babel/template";
+import * as t from "@babel/types";
+import { createExtractor, createLogger, getPragmaOptions, isSimpleSpread, literalToAst, loadTamaguiBuildConfigSync } from "@tamagui/static";
+function _array_like_to_array(arr, len) {
+  (len == null || len > arr.length) && (len = arr.length);
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+function _array_without_holes(arr) {
+  if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _define_property(obj, key, value) {
+  return key in obj ? Object.defineProperty(obj, key, {
+    value,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : obj[key] = value, obj;
+}
+function _instanceof(left, right) {
+  return right != null && typeof Symbol < "u" && right[Symbol.hasInstance] ? !!right[Symbol.hasInstance](left) : left instanceof right;
+}
+function _iterable_to_array(iter) {
+  if (typeof Symbol < "u" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _non_iterable_spread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+    }))), ownKeys2.forEach(function(key) {
+      _define_property(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _object_spread_props(target, source) {
+  return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+    Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+  }), target;
+}
+function _to_consumable_array(arr) {
+  return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+  if (o) {
+    if (typeof o == "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+  }
+}
+var importNativeView = template(`
+const __ReactNativeView = require('react-native').View;
+const __ReactNativeText = require('react-native').Text;
+`), importStyleSheet = template(`
+const __ReactNativeStyleSheet = require('react-native').StyleSheet;
+`), importWithStyle = template(`
+const __withStableStyle = require('@tamagui/core')._withStableStyle;
+`), extractor = createExtractor({
+  platform: "native"
+}), tamaguiBuildOptionsLoaded;
+function extractToNative(sourceFileName, sourceCode, options) {
+  var ast = parse(sourceCode, {
+    sourceType: "module",
+    plugins: [
+      "jsx",
+      "typescript"
+    ]
+  }), babelPlugin = getBabelPlugin(), out = transformFromAstSync(ast, sourceCode, {
+    plugins: [
+      [
+        babelPlugin,
+        options
+      ]
+    ],
+    configFile: !1,
+    sourceFileName,
+    filename: sourceFileName
+  });
+  if (!out)
+    throw new Error("No output returned");
+  return out;
+}
+function getBabelPlugin() {
+  return declare(function(api, options) {
+    return api.assertVersion(7), getBabelParseDefinition(options);
+  });
+}
+function getBabelParseDefinition(options) {
+  return {
+    name: "tamagui",
+    visitor: {
+      Program: {
+        enter: function(root) {
+          var _process_env_SOURCE_ROOT, _root_node_body__leadingComments, _root_node_body_, sourcePath = this.file.opts.filename;
+          if (sourcePath != null && sourcePath.includes("node_modules") || !(sourcePath != null && sourcePath.endsWith(".jsx")) && !(sourcePath != null && sourcePath.endsWith(".tsx")))
+            return;
+          !((_process_env_SOURCE_ROOT = process.env.SOURCE_ROOT) === null || _process_env_SOURCE_ROOT === void 0) && _process_env_SOURCE_ROOT.endsWith("ios") && (sourcePath = sourcePath.replace("/ios", ""));
+          var hasImportedView = !1, hasImportedViewWrapper = !1, sheetStyles = {}, sheetIdentifier = root.scope.generateUidIdentifier("sheet"), _root_node_body__leadingComments_map_join, firstCommentContents = (_root_node_body__leadingComments_map_join = (_root_node_body_ = root.node.body[0]) === null || _root_node_body_ === void 0 || (_root_node_body__leadingComments = _root_node_body_.leadingComments) === null || _root_node_body__leadingComments === void 0 ? void 0 : _root_node_body__leadingComments.map(function(comment) {
+            return (comment == null ? void 0 : comment.value) || " ";
+          }).join(" ")) !== null && _root_node_body__leadingComments_map_join !== void 0 ? _root_node_body__leadingComments_map_join : "", firstComment = firstCommentContents ? "//".concat(firstCommentContents) : "", _getPragmaOptions = getPragmaOptions({
+            source: firstComment,
+            path: sourcePath
+          }), shouldPrintDebug = _getPragmaOptions.shouldPrintDebug, shouldDisable = _getPragmaOptions.shouldDisable;
+          if (shouldDisable)
+            return;
+          !options.config && !options.components && (tamaguiBuildOptionsLoaded || (tamaguiBuildOptionsLoaded = loadTamaguiBuildConfigSync({})));
+          var finalOptions = _object_spread({
+            // @ts-ignore just in case they leave it out
+            platform: "native"
+          }, tamaguiBuildOptionsLoaded, options), printLog = createLogger(sourcePath, finalOptions);
+          function addSheetStyle(style, node) {
+            var styleIndex = "".concat(Object.keys(sheetStyles).length), key = "".concat(styleIndex);
+            if (process.env.NODE_ENV === "development") {
+              var lineNumbers = node.loc ? node.loc.start.line + (node.loc.start.line !== node.loc.end.line ? "-".concat(node.loc.end.line) : "") : "";
+              key += ":".concat(basename(sourcePath), ":").concat(lineNumbers);
+            }
+            return sheetStyles[key] = style, readStyleExpr(key);
+          }
+          function readStyleExpr(key) {
+            return template("SHEET['KEY']")({
+              SHEET: sheetIdentifier.name,
+              KEY: key
+            }).expression;
+          }
+          var res;
+          try {
+            res = extractor.parseSync(root, _object_spread_props(_object_spread({
+              importsWhitelist: [
+                "constants.js",
+                "colors.js"
+              ],
+              extractStyledDefinitions: options.forceExtractStyleDefinitions,
+              excludeProps: /* @__PURE__ */ new Set([
+                "className",
+                "userSelect",
+                "whiteSpace",
+                "textOverflow",
+                "cursor",
+                "contain"
+              ]),
+              shouldPrintDebug
+            }, finalOptions), {
+              // disable this extraction for now at least, need to figure out merging theme vs non-theme
+              // because theme need to stay in render(), whereas non-theme can be extracted
+              // for now just turn it off entirely at a small perf loss
+              disableExtractInlineMedia: !0,
+              // disable extracting variables as no native concept of them (only theme values)
+              disableExtractVariables: options.experimentalFlattenThemesOnNative ? !1 : "theme",
+              sourcePath,
+              // disabling flattening for now
+              // it's flattening a plain <Paragraph>hello</Paragraph> which breaks things because themes
+              // thinking it's not really worth the effort to do much compilation on native
+              // for now just disable flatten as it can only run in narrow places on native
+              // disableFlattening: 'styled',
+              getFlattenedNode: function(param) {
+                var isTextView = param.isTextView;
+                return hasImportedView || (hasImportedView = !0, root.unshiftContainer("body", importNativeView())), isTextView ? "__ReactNativeText" : "__ReactNativeView";
+              },
+              onExtractTag: function(props) {
+                var isFlattened = props.isFlattened;
+                if (!isFlattened)
+                  return;
+                assertValidTag(props.node);
+                var stylesExpr = t.arrayExpression([]), hocStylesExpr = t.arrayExpression([]), expressions = [], finalAttrs = [], themeKeysUsed = /* @__PURE__ */ new Set();
+                function getStyleExpression(style) {
+                  if (style) {
+                    var _splitThemeStyles = splitThemeStyles(style), plain = _splitThemeStyles.plain, themed = _splitThemeStyles.themed, themeExpr = null;
+                    if (themed && options.experimentalFlattenThemesOnNative) {
+                      for (var key in themed)
+                        themeKeysUsed.add(themed[key].split("$")[1]);
+                      themeExpr = getThemedStyleExpression(themed);
+                    }
+                    var ident = addSheetStyle(plain, props.node);
+                    return themeExpr ? (addStyleExpression(ident), addStyleExpression(ident, !0), themeExpr) : ident;
+                  }
+                }
+                function addStyleExpression(expr) {
+                  var HOC = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+                  if (Array.isArray(expr)) {
+                    var _elements;
+                    (_elements = (HOC ? hocStylesExpr : stylesExpr).elements).push.apply(_elements, _to_consumable_array(expr));
+                  } else
+                    (HOC ? hocStylesExpr : stylesExpr).elements.push(expr);
+                }
+                function getThemedStyleExpression(styles) {
+                  var themedStylesAst = literalToAst(styles);
+                  return themedStylesAst.properties.forEach(function(_) {
+                    var prop = _;
+                    prop.value.type === "StringLiteral" && (prop.value = t.memberExpression(t.identifier("theme"), t.identifier(prop.value.value.slice(1) + ".get()")));
+                  }), themedStylesAst;
+                }
+                var hasDynamicStyle = !1, _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+                try {
+                  for (var _iterator = props.attrs[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
+                    var attr = _step.value;
+                    switch (attr.type) {
+                      case "style": {
+                        var styleExpr = getStyleExpression(attr.value);
+                        addStyleExpression(styleExpr), options.experimentalFlattenThemesOnNative && addStyleExpression(styleExpr, !0);
+                        break;
+                      }
+                      case "ternary": {
+                        var _attr_value = attr.value, consequent = _attr_value.consequent, alternate = _attr_value.alternate, consExpr = getStyleExpression(consequent), altExpr = getStyleExpression(alternate);
+                        options.experimentalFlattenThemesOnNative && (expressions.push(attr.value.test), addStyleExpression(t.conditionalExpression(t.identifier("_expressions[".concat(expressions.length - 1, "]")), consExpr || t.nullLiteral(), altExpr || t.nullLiteral()), !0));
+                        var styleExpr1 = t.conditionalExpression(attr.value.test, consExpr || t.nullLiteral(), altExpr || t.nullLiteral());
+                        addStyleExpression(styleExpr1);
+                        break;
+                      }
+                      case "dynamic-style": {
+                        hasDynamicStyle = !0, expressions.push(attr.value), options.experimentalFlattenDynamicValues ? addStyleExpression(t.objectExpression([
+                          t.objectProperty(t.identifier(attr.name), t.identifier("_expressions[".concat(expressions.length - 1, "]")))
+                        ]), !0) : addStyleExpression(t.objectExpression([
+                          t.objectProperty(t.identifier(attr.name), attr.value)
+                        ]));
+                        break;
+                      }
+                      case "attr": {
+                        t.isJSXSpreadAttribute(attr.value) && isSimpleSpread(attr.value) && (stylesExpr.elements.push(t.memberExpression(attr.value.argument, t.identifier("style"))), options.experimentalFlattenThemesOnNative && hocStylesExpr.elements.push(t.memberExpression(attr.value.argument, t.identifier("style")))), finalAttrs.push(attr.value);
+                        break;
+                      }
+                    }
+                  }
+                } catch (err) {
+                  _didIteratorError = !0, _iteratorError = err;
+                } finally {
+                  try {
+                    !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+                  } finally {
+                    if (_didIteratorError)
+                      throw _iteratorError;
+                  }
+                }
+                if (props.node.attributes = finalAttrs, props.isFlattened)
+                  if (options.experimentalFlattenThemesOnNative && (themeKeysUsed.size || hocStylesExpr.elements.length > 1 || hasDynamicStyle)) {
+                    hasImportedViewWrapper || (root.unshiftContainer("body", importWithStyle()), hasImportedViewWrapper = !0);
+                    var name = props.node.name.name, WrapperIdentifier = root.scope.generateUidIdentifier(name + "Wrapper");
+                    root.pushContainer("body", t.variableDeclaration("const", [
+                      t.variableDeclarator(WrapperIdentifier, t.callExpression(t.identifier("__withStableStyle"), [
+                        t.identifier(name),
+                        t.arrowFunctionExpression([
+                          t.identifier("theme"),
+                          t.identifier("_expressions")
+                        ], t.blockStatement([
+                          t.returnStatement(t.callExpression(t.memberExpression(t.identifier("React"), t.identifier("useMemo")), [
+                            t.arrowFunctionExpression([], t.blockStatement([
+                              t.returnStatement(t.arrayExpression(_to_consumable_array(hocStylesExpr.elements)))
+                            ])),
+                            t.arrayExpression([
+                              t.spreadElement(t.identifier("_expressions"))
+                            ])
+                          ]))
+                        ]))
+                      ]))
+                    ])), props.node.name = WrapperIdentifier, props.jsxPath.node.closingElement && (props.jsxPath.node.closingElement.name = WrapperIdentifier), expressions.length && props.node.attributes.push(t.jsxAttribute(t.jsxIdentifier("expressions"), t.jsxExpressionContainer(t.arrayExpression(expressions))));
+                  } else
+                    props.node.attributes.push(t.jsxAttribute(t.jsxIdentifier("style"), t.jsxExpressionContainer(stylesExpr.elements.length === 1 ? stylesExpr.elements[0] : stylesExpr)));
+              }
+            }));
+          } catch (err) {
+            if (_instanceof(err, Error)) {
+              var message = "".concat(shouldPrintDebug === "verbose" ? err : err.message);
+              message.includes("Unexpected return value from visitor method") && (message = "Unexpected return value from visitor method"), console.warn("Error in Tamagui parse, skipping", message, err.stack);
+              return;
+            }
+          }
+          if (!Object.keys(sheetStyles).length) {
+            shouldPrintDebug && console.info("END no styles"), res && printLog(res);
+            return;
+          }
+          var sheetObject = literalToAst(sheetStyles), sheetOuter = template("const SHEET = __ReactNativeStyleSheet.create(null)")({
+            SHEET: sheetIdentifier.name
+          });
+          sheetOuter.declarations[0].init.arguments[0] = sheetObject, root.unshiftContainer("body", sheetOuter), root.unshiftContainer("body", importStyleSheet()), shouldPrintDebug && (console.info(`
+ -------- output code ------- 
+`), console.info(generator(root.parent).code.split(`
+`).filter(function(x) {
+            return !x.startsWith("//");
+          }).join(`
+`))), res && printLog(res);
+        }
+      }
+    }
+  };
+}
+function assertValidTag(node) {
+  if (node.attributes.find(function(x) {
+    return x.type === "JSXAttribute" && x.name.name === "style";
+  })) {
+    var _process_env_DEBUG;
+    !((_process_env_DEBUG = process.env.DEBUG) === null || _process_env_DEBUG === void 0) && _process_env_DEBUG.startsWith("tamagui") && console.warn("\u26A0\uFE0F Cannot pass style attribute to extracted style");
+  }
+}
+function splitThemeStyles(style) {
+  var themed = {}, plain = {}, noTheme = !0;
+  for (var key in style) {
+    var val = style[key];
+    val && val[0] === "$" ? (themed[key] = val, noTheme = !1) : plain[key] = val;
+  }
+  return {
+    themed: noTheme ? null : themed,
+    plain
+  };
+}
+export {
+  extractToNative,
+  getBabelParseDefinition,
+  getBabelPlugin
+};
+//# sourceMappingURL=extractToNative.js.map

package/dist/esm/extractor/extractToNative.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/extractor/Users/n8/tamagui/packages/static/src/extractor/extractToNative.ts"],
+  "mappings": "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",
+  "names": ["basename", "transformFromAstSync", "generator", "declare", "parse", "template", "t", "createExtractor", "createLogger", "getPragmaOptions", "isSimpleSpread", "literalToAst", "loadTamaguiBuildConfigSync", "importNativeView", "importStyleSheet", "importWithStyle", "extractor", "platform", "tamaguiBuildOptionsLoaded", "extractToNative", "sourceFileName", "sourceCode", "options", "ast", "sourceType", "plugins", "babelPlugin", "getBabelPlugin", "out", "configFile", "filename", "Error", "api", "assertVersion", "getBabelParseDefinition", "name", "visitor", "Program", "enter", "root", "process", "sourcePath", "file", "opts", "includes", "endsWith", "env", "SOURCE_ROOT", "replace", "hasImportedView", "hasImportedViewWrapper", "sheetStyles", "sheetIdentifier", "scope", "generateUidIdentifier", "firstCommentContents", "node", "body", "leadingComments", "map", "comment", "value", "join", "firstComment", "source", "path", "shouldPrintDebug", "shouldDisable", "config", "components", "finalOptions", "printLog", "addSheetStyle", "style", "styleIndex", "Object", "keys", "length", "key", "NODE_ENV", "lineNumbers", "loc", "start", "line", "end", "readStyleExpr", "SHEET", "KEY", "res", "parseSync", "importsWhitelist", "extractStyledDefinitions", "forceExtractStyleDefinitions", "excludeProps", "Set", "disableExtractInlineMedia", "disableExtractVariables", "experimentalFlattenThemesOnNative", "getFlattenedNode", "isTextView", "unshiftContainer", "onExtractTag", "props", "isFlattened", "assertValidTag", "stylesExpr", "arrayExpression", "hocStylesExpr", "expressions", "finalAttrs", "themeKeysUsed", "getStyleExpression", "splitThemeStyles", "plain", "themed", "themeExpr", "add", "split", "getThemedStyleExpression", "ident", "addStyleExpression", "expr", "HOC", "Array", "isArray", "elements", "push", "styles", "themedStylesAst", "properties", "forEach", "_", "prop", "type", "memberExpression", "identifier", "slice", "hasDynamicStyle", "attrs", "attr", "styleExpr", "consequent", "alternate", "consExpr", "altExpr", "test", "conditionalExpression", "nullLiteral", "experimentalFlattenDynamicValues", "objectExpression", "objectProperty", "isJSXSpreadAttribute", "argument", "attributes", "size", "WrapperIdentifier", "pushContainer", "variableDeclaration", "variableDeclarator", "callExpression", "arrowFunctionExpression", "blockStatement", "returnStatement", "spreadElement", "jsxPath", "closingElement", "jsxAttribute", "jsxIdentifier", "jsxExpressionContainer", "err", "message", "console", "warn", "stack", "info", "sheetObject", "sheetOuter", "declarations", "init", "arguments", "parent", "code", "filter", "x", "startsWith", "find", "DEBUG", "noTheme", "val"]
+}

package/dist/esm/index.js

@@ -6,6 +6,7 @@ import { createExtractor } from "./extractor/createExtractor";
 import { literalToAst } from "./extractor/literalToAst";
 export * from "./constants";
 export * from "./extractor/extractToClassNames";
+export * from "./extractor/extractToNative";
 export * from "./extractor/extractHelpers";
 export * from "./extractor/loadTamagui";
 export * from "./extractor/watchTamaguiConfig";

package/dist/esm/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": "AAAA,OAAO;AACP,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAC7B,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "mappings": "AAAA,OAAO;AACP,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAC7B,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/index.mjs

@@ -6,6 +6,7 @@ import { createExtractor } from "./extractor/createExtractor.mjs";
 import { literalToAst } from "./extractor/literalToAst.mjs";
 export * from "./constants.mjs";
 export * from "./extractor/extractToClassNames.mjs";
+export * from "./extractor/extractToNative.mjs";
 export * from "./extractor/extractHelpers.mjs";
 export * from "./extractor/loadTamagui.mjs";
 export * from "./extractor/watchTamaguiConfig.mjs";

package/dist/esm/index.native.js

@@ -6,6 +6,7 @@ import { createExtractor } from "./extractor/createExtractor";
 import { literalToAst } from "./extractor/literalToAst";
 export * from "./constants";
 export * from "./extractor/extractToClassNames";
+export * from "./extractor/extractToNative";
 export * from "./extractor/extractHelpers";
 export * from "./extractor/loadTamagui";
 export * from "./extractor/watchTamaguiConfig";

package/dist/esm/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/static/src/index.ts"],
-  "mappings": "AAAA,OAAO;AACP,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAASA,uBAAuB;AAChC,SAASC,oBAAoB;AAC7B,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "mappings": "AAAA,OAAO;AACP,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAASA,uBAAuB;AAChC,SAASC,oBAAoB;AAC7B,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": ["createExtractor", "literalToAst"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/static",
-  "version": "1.100.6",
+  "version": "1.101.1",
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
   "main": "dist/cjs/index.js",
@@ -43,17 +43,17 @@
     "@babel/runtime": "^7.23.2",
     "@babel/traverse": "^7.23.3",
     "@babel/types": "^7.23.3",
-    "@tamagui/build": "1.100.6",
-    "@tamagui/cli-color": "1.100.6",
-    "@tamagui/config-default": "1.100.6",
-    "@tamagui/core": "1.100.6",
-    "@tamagui/fake-react-native": "1.100.6",
-    "@tamagui/generate-themes": "1.100.6",
-    "@tamagui/helpers": "1.100.6",
-    "@tamagui/helpers-node": "1.100.6",
-    "@tamagui/proxy-worm": "1.100.6",
-    "@tamagui/shorthands": "1.100.6",
-    "@tamagui/types": "1.100.6",
+    "@tamagui/build": "1.101.1",
+    "@tamagui/cli-color": "1.101.1",
+    "@tamagui/config-default": "1.101.1",
+    "@tamagui/core": "1.101.1",
+    "@tamagui/fake-react-native": "1.101.1",
+    "@tamagui/generate-themes": "1.101.1",
+    "@tamagui/helpers": "1.101.1",
+    "@tamagui/helpers-node": "1.101.1",
+    "@tamagui/proxy-worm": "1.101.1",
+    "@tamagui/shorthands": "1.101.1",
+    "@tamagui/types": "1.101.1",
     "babel-literal-to-ast": "^2.1.0",
     "browserslist": "^4.22.2",
     "check-dependency-version-consistency": "^4.1.0",
@@ -66,12 +66,13 @@
     "lodash": "^4.17.21",
     "react-dom": "^18.2.0",
     "react-native-web": "^0.19.12",
-    "react-native-web-internals": "1.100.6",
-    "react-native-web-lite": "1.100.6"
+    "react-native-web-internals": "1.101.1",
+    "react-native-web-lite": "1.101.1"
   },
   "devDependencies": {
     "@babel/plugin-syntax-typescript": "^7.23.3",
     "@expo/match-media": "^0.4.0",
+    "@types/babel__core": "^7.20.5",
     "@types/find-root": "^1.1.2",
     "@types/node": "^16.11.9",
     "@types/webpack": "^4.41.26",
@@ -79,7 +80,7 @@
     "esbuild-loader": "^3.0.1",
     "null-loader": "^4.0.1",
     "react": "^18.2.0",
-    "typescript": "^5.4.5"
+    "typescript": "^5.5.2"
   },
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14"
 }

package/src/extractor/createExtractor.ts

@@ -5,12 +5,14 @@ import type { NodePath, TraverseOptions } from '@babel/traverse'
 import traverse from '@babel/traverse'
 import * as t from '@babel/types'
 import { Color, colorLog } from '@tamagui/cli-color'
-import type {
-  GetStyleState,
-  PseudoStyles,
-  SplitStyleProps,
-  StaticConfig,
-  TamaguiComponentState,
+import {
+  StyleObjectIdentifier,
+  StyleObjectRules,
+  type GetStyleState,
+  type PseudoStyles,
+  type SplitStyleProps,
+  type StaticConfig,
+  type TamaguiComponentState,
 } from '@tamagui/web'
 import type { ViewStyle } from 'react-native'
 import * as reactNativeWebInternals from 'react-native-web-internals'
@@ -299,10 +301,10 @@ export function createExtractor(
     const firstTheme = tamaguiConfig?.themes[firstThemeName] || {}
 
     if (!firstTheme || typeof firstTheme !== 'object') {
-      console.error(`Missing theme, an error occurred when importing your config`)
-      console.info(`Got config:`, tamaguiConfig)
+      const err = `Missing theme ${firstThemeName}, an error occurred when importing your config`
+      console.info(err, `Got config:`, tamaguiConfig)
       console.info(`Looking for theme:`, firstThemeName)
-      process.exit(0)
+      throw new Error(err)
     }
 
     const proxiedTheme = proxyThemeVariables(firstTheme)
@@ -649,7 +651,9 @@ export function createExtractor(
               '\n classNames:',
               JSON.stringify(classNames, null, 2),
               '\n  rulesToInsert:',
-              out.rulesToInsert.flatMap((rule) => rule.rules).join('\n'),
+              out.rulesToInsert
+                .flatMap((styleObject) => styleObject[StyleObjectRules])
+                .join('\n'),
             ].join(' ')
           )
         }
@@ -673,8 +677,11 @@ export function createExtractor(
         })
 
         if (out.rulesToInsert) {
-          for (const { identifier, rules } of out.rulesToInsert) {
-            onStyleRule?.(identifier, rules)
+          for (const styleObject of out.rulesToInsert) {
+            onStyleRule?.(
+              styleObject[StyleObjectIdentifier],
+              styleObject[StyleObjectRules]
+            )
           }
         }
 
@@ -693,10 +700,6 @@ export function createExtractor(
         const componentName = findComponentName(traversePath.scope)
         const closingElement = traversePath.node.closingElement
 
-        if (shouldPrintDebug) {
-          logger.info(` start ${node.name}`)
-        }
-
         // skip non-identifier opening elements (member expressions, etc.)
         if (
           (closingElement && t.isJSXMemberExpression(closingElement?.name)) ||
@@ -719,7 +722,7 @@ export function createExtractor(
             if (!isValidImport(propsWithFileInfo, moduleName, binding.identifier.name)) {
               if (shouldPrintDebug) {
                 logger.info(
-                  ` - Binding for ${componentName} not internal import or from components ${binding.identifier.name} in ${moduleName}`
+                  ` - Binding in component ${componentName} not valid import: "${binding.identifier.name}" isn't in ${moduleName}\n`
                 )
               }
               return
@@ -730,7 +733,7 @@ export function createExtractor(
         const component = getValidComponent(propsWithFileInfo, moduleName, node.name.name)
         if (!component || !component.staticConfig) {
           if (shouldPrintDebug) {
-            logger.info(` - No Tamagui conf on this: ${node.name.name}`)
+            logger.info(`\n - No Tamagui conf for: ${node.name.name}\n`)
           }
           return
         }
@@ -766,10 +769,8 @@ export function createExtractor(
         }
 
         if (shouldPrintDebug) {
-          logger.info('\n')
           logger.info(
-            `\x1b[33m%s\x1b[0m ` +
-              `${componentName} | ${codePosition} -------------------`
+            `\x1b[33m\x1b[0m ` + `${componentName} | ${codePosition} -------------------`
           )
           // prettier-ignore
           logger.info(
@@ -804,7 +805,7 @@ export function createExtractor(
 
         if (shouldDisableExtraction) {
           if (shouldPrintDebug === 'verbose') {
-            console.info(` Extraction disabled`)
+            logger.info(` ❌ Extraction disabled: ${JSON.stringify(disableExtraction)}\n`)
           }
           return
         }

package/src/extractor/extractMediaStyle.ts

@@ -61,7 +61,7 @@ export function extractMediaStyle(
         true,
         negate
       )
-      const className = `.${mediaStyle.identifier}`
+      const className = `.${mediaStyle[core.StyleObjectIdentifier]}`
       return {
         ...mediaStyle,
         className,
@@ -73,7 +73,7 @@ export function extractMediaStyle(
         '  media styles:',
         importance,
         styleObj,
-        singleMediaStyles.map((x) => x.identifier).join(', ')
+        singleMediaStyles.map((x) => x[core.StyleObjectIdentifier]).join(', ')
       )
     }
     // add to output