@tamagui/static 1.100.6 → 1.101.1

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

@@ -0,0 +1,353 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var extractToNative_exports = {};
+__export(extractToNative_exports, {
+  extractToNative: () => extractToNative,
+  getBabelParseDefinition: () => getBabelParseDefinition,
+  getBabelPlugin: () => getBabelPlugin
+});
+module.exports = __toCommonJS(extractToNative_exports);
+var import_node_path = require("node:path"), import_core = require("@babel/core"), import_generator = __toESM(require("@babel/generator")), import_helper_plugin_utils = require("@babel/helper-plugin-utils"), import_parser = require("@babel/parser"), import_template = __toESM(require("@babel/template")), t = __toESM(require("@babel/types")), import_static = require("@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 = (0, import_template.default)(`
+const __ReactNativeView = require('react-native').View;
+const __ReactNativeText = require('react-native').Text;
+`), importStyleSheet = (0, import_template.default)(`
+const __ReactNativeStyleSheet = require('react-native').StyleSheet;
+`), importWithStyle = (0, import_template.default)(`
+const __withStableStyle = require('@tamagui/core')._withStableStyle;
+`), extractor = (0, import_static.createExtractor)({
+  platform: "native"
+}), tamaguiBuildOptionsLoaded;
+function extractToNative(sourceFileName, sourceCode, options) {
+  var ast = (0, import_parser.parse)(sourceCode, {
+    sourceType: "module",
+    plugins: [
+      "jsx",
+      "typescript"
+    ]
+  }), babelPlugin = getBabelPlugin(), out = (0, import_core.transformFromAstSync)(ast, sourceCode, {
+    plugins: [
+      [
+        babelPlugin,
+        options
+      ]
+    ],
+    configFile: !1,
+    sourceFileName,
+    filename: sourceFileName
+  });
+  if (!out)
+    throw new Error("No output returned");
+  return out;
+}
+function getBabelPlugin() {
+  return (0, import_helper_plugin_utils.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 = (0, import_static.getPragmaOptions)({
+            source: firstComment,
+            path: sourcePath
+          }), shouldPrintDebug = _getPragmaOptions.shouldPrintDebug, shouldDisable = _getPragmaOptions.shouldDisable;
+          if (shouldDisable)
+            return;
+          !options.config && !options.components && (tamaguiBuildOptionsLoaded || (tamaguiBuildOptionsLoaded = (0, import_static.loadTamaguiBuildConfigSync)({})));
+          var finalOptions = _object_spread({
+            // @ts-ignore just in case they leave it out
+            platform: "native"
+          }, tamaguiBuildOptionsLoaded, options), printLog = (0, import_static.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((0, import_node_path.basename)(sourcePath), ":").concat(lineNumbers);
+            }
+            return sheetStyles[key] = style, readStyleExpr(key);
+          }
+          function readStyleExpr(key) {
+            return (0, import_template.default)("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 = (0, import_static.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) && (0, import_static.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 = (0, import_static.literalToAst)(sheetStyles), sheetOuter = (0, import_template.default)("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((0, import_generator.default)(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
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  extractToNative,
+  getBabelParseDefinition,
+  getBabelPlugin
+});
+//# sourceMappingURL=extractToNative.js.map

package/dist/cjs/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": ["importNativeView", "template", "importStyleSheet", "importWithStyle", "extractor", "createExtractor", "platform", "tamaguiBuildOptionsLoaded", "extractToNative", "sourceFileName", "sourceCode", "options", "ast", "parse", "sourceType", "plugins", "babelPlugin", "getBabelPlugin", "out", "transformFromAstSync", "configFile", "filename", "Error", "declare", "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", "getPragmaOptions", "source", "path", "shouldPrintDebug", "shouldDisable", "config", "components", "loadTamaguiBuildConfigSync", "finalOptions", "printLog", "createLogger", "addSheetStyle", "style", "styleIndex", "Object", "keys", "length", "key", "NODE_ENV", "lineNumbers", "loc", "start", "line", "end", "basename", "readStyleExpr", "SHEET", "KEY", "res", "parseSync", "importsWhitelist", "extractStyledDefinitions", "forceExtractStyleDefinitions", "excludeProps", "Set", "disableExtractInlineMedia", "disableExtractVariables", "experimentalFlattenThemesOnNative", "getFlattenedNode", "isTextView", "unshiftContainer", "onExtractTag", "props", "isFlattened", "assertValidTag", "stylesExpr", "t", "arrayExpression", "hocStylesExpr", "expressions", "finalAttrs", "themeKeysUsed", "getStyleExpression", "splitThemeStyles", "plain", "themed", "themeExpr", "add", "split", "getThemedStyleExpression", "ident", "addStyleExpression", "expr", "HOC", "Array", "isArray", "elements", "push", "styles", "themedStylesAst", "literalToAst", "properties", "forEach", "_", "prop", "type", "memberExpression", "identifier", "slice", "hasDynamicStyle", "attrs", "attr", "styleExpr", "consequent", "alternate", "consExpr", "altExpr", "test", "conditionalExpression", "nullLiteral", "experimentalFlattenDynamicValues", "objectExpression", "objectProperty", "isJSXSpreadAttribute", "isSimpleSpread", "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", "generator", "parent", "code", "filter", "x", "startsWith", "find", "DEBUG", "noTheme", "val"]
+}

package/dist/cjs/index.js

@@ -25,6 +25,7 @@ __reExport(src_exports, require("./types"), module.exports);
 var import_createExtractor = require("./extractor/createExtractor"), import_literalToAst = require("./extractor/literalToAst");
 __reExport(src_exports, require("./constants"), module.exports);
 __reExport(src_exports, require("./extractor/extractToClassNames"), module.exports);
+__reExport(src_exports, require("./extractor/extractToNative"), module.exports);
 __reExport(src_exports, require("./extractor/extractHelpers"), module.exports);
 __reExport(src_exports, require("./extractor/loadTamagui"), module.exports);
 __reExport(src_exports, require("./extractor/watchTamaguiConfig"), module.exports);

package/dist/cjs/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAO;AACP,wBAAc,wBADd;AAEA,wBAAc,wBAFd;AAGA,wBAAc,oBAHd;AAIA,6BAAgC,wCAChC,sBAA6B;AAC7B,wBAAc,wBANd;AAOA,wBAAc,4CAPd;AAQA,wBAAc,uCARd;AASA,wBAAc,oCATd;AAUA,wBAAc,2CAVd;AAWA,wBAAc,qCAXd;AAYA,wBAAc,8BAZd;AAaA,wBAAc,+BAbd;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAO;AACP,wBAAc,wBADd;AAEA,wBAAc,wBAFd;AAGA,wBAAc,oBAHd;AAIA,6BAAgC,wCAChC,sBAA6B;AAC7B,wBAAc,wBANd;AAOA,wBAAc,4CAPd;AAQA,wBAAc,wCARd;AASA,wBAAc,uCATd;AAUA,wBAAc,oCAVd;AAWA,wBAAc,2CAXd;AAYA,wBAAc,qCAZd;AAaA,wBAAc,8BAbd;AAcA,wBAAc,+BAdd;",
   "names": []
 }

package/dist/cjs/index.native.js

@@ -26,6 +26,7 @@ __reExport(src_exports, require("./types"), module.exports);
 var import_createExtractor = require("./extractor/createExtractor"), import_literalToAst = require("./extractor/literalToAst");
 __reExport(src_exports, require("./constants"), module.exports);
 __reExport(src_exports, require("./extractor/extractToClassNames"), module.exports);
+__reExport(src_exports, require("./extractor/extractToNative"), module.exports);
 __reExport(src_exports, require("./extractor/extractHelpers"), module.exports);
 __reExport(src_exports, require("./extractor/loadTamagui"), module.exports);
 __reExport(src_exports, require("./extractor/watchTamaguiConfig"), module.exports);
@@ -41,6 +42,7 @@ __reExport(src_exports, require("./getPragmaOptions"), module.exports);
   ...require("./types"),
   ...require("./constants"),
   ...require("./extractor/extractToClassNames"),
+  ...require("./extractor/extractToNative"),
   ...require("./extractor/extractHelpers"),
   ...require("./extractor/loadTamagui"),
   ...require("./extractor/watchTamaguiConfig"),

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/static/src/index.ts"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;;mBAAO;AACP,wBAAc,wBADd;AAEA,wBAAc,wBAFd;AAGA,wBAAc,oBAHd;AAIA,6BAAgC,wCAChC,sBAA6B;AAC7B,wBAAc,wBANd;AAOA,wBAAc,4CAPd;AAQA,wBAAc,uCARd;AASA,wBAAc,oCATd;AAUA,wBAAc,2CAVd;AAWA,wBAAc,qCAXd;AAYA,wBAAc,8BAZd;AAaA,wBAAc,+BAbd;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;;mBAAO;AACP,wBAAc,wBADd;AAEA,wBAAc,wBAFd;AAGA,wBAAc,oBAHd;AAIA,6BAAgC,wCAChC,sBAA6B;AAC7B,wBAAc,wBANd;AAOA,wBAAc,4CAPd;AAQA,wBAAc,wCARd;AASA,wBAAc,uCATd;AAUA,wBAAc,oCAVd;AAWA,wBAAc,2CAXd;AAYA,wBAAc,qCAZd;AAaA,wBAAc,8BAbd;AAcA,wBAAc,+BAdd;",
   "names": []
 }

package/dist/esm/extractor/createExtractor.js

@@ -2,6 +2,10 @@ import { basename, relative } from "node:path";
 import traverse from "@babel/traverse";
 import * as t from "@babel/types";
 import { Color, colorLog } from "@tamagui/cli-color";
+import {
+  StyleObjectIdentifier,
+  StyleObjectRules
+} from "@tamagui/web";
 import * as reactNativeWebInternals from "react-native-web-internals";
 import { FAILED_EVAL } from "../constants";
 import { requireTamaguiCore } from "../helpers/requireTamaguiCore";
@@ -170,7 +174,10 @@ function createExtractor({ logger = console, platform = "web" } = { logger: cons
           `
     ), console.info("  Got config:", tamaguiConfig), process.exit(0));
     const firstThemeName = Object.keys(tamaguiConfig?.themes || {})[0], firstTheme = tamaguiConfig?.themes[firstThemeName] || {};
-    (!firstTheme || typeof firstTheme != "object") && (console.error("Missing theme, an error occurred when importing your config"), console.info("Got config:", tamaguiConfig), console.info("Looking for theme:", firstThemeName), process.exit(0));
+    if (!firstTheme || typeof firstTheme != "object") {
+      const err = `Missing theme ${firstThemeName}, an error occurred when importing your config`;
+      throw console.info(err, "Got config:", tamaguiConfig), console.info("Looking for theme:", firstThemeName), new Error(err);
+    }
     const proxiedTheme = proxyThemeVariables(firstTheme), themeAccessListeners = /* @__PURE__ */ new Set(), defaultTheme = new Proxy(proxiedTheme, {
       get(target, key) {
         return Reflect.has(target, key) && themeAccessListeners.forEach((cb) => cb(String(key))), Reflect.get(target, key);
@@ -351,7 +358,7 @@ function createExtractor({ logger = console, platform = "web" } = { logger: cons
             JSON.stringify(classNames, null, 2),
             `
   rulesToInsert:`,
-            out.rulesToInsert.flatMap((rule) => rule.rules).join(`
+            out.rulesToInsert.flatMap((styleObject) => styleObject[StyleObjectRules]).join(`
 `)
           ].join(" ")
         ), definition.properties = definition.properties.map((prop) => {
@@ -360,14 +367,17 @@ function createExtractor({ logger = console, platform = "web" } = { logger: cons
           const key = prop.key.name, value = classNames[key];
           return value ? t.objectProperty(t.stringLiteral(key), t.stringLiteral(value)) : prop;
         }), out.rulesToInsert)
-          for (const { identifier, rules } of out.rulesToInsert)
-            onStyleRule?.(identifier, rules);
+          for (const styleObject of out.rulesToInsert)
+            onStyleRule?.(
+              styleObject[StyleObjectIdentifier],
+              styleObject[StyleObjectRules]
+            );
         res.styled++, shouldPrintDebug && logger.info(`Extracted styled(${variableName})`);
       },
       JSXElement(traversePath) {
         tm.mark("jsx-element", !!shouldPrintDebug);
         const node = traversePath.node.openingElement, ogAttributes = node.attributes.map((attr) => ({ ...attr })), componentName = findComponentName(traversePath.scope), closingElement = traversePath.node.closingElement;
-        if (shouldPrintDebug && logger.info(` start ${node.name}`), closingElement && t.isJSXMemberExpression(closingElement?.name) || !t.isJSXIdentifier(node.name)) {
+        if (closingElement && t.isJSXMemberExpression(closingElement?.name) || !t.isJSXIdentifier(node.name)) {
           shouldPrintDebug && logger.info(" skip non-identifier element");
           return;
         }
@@ -375,13 +385,16 @@ function createExtractor({ logger = console, platform = "web" } = { logger: cons
         let moduleName = "";
         if (binding && t.isImportDeclaration(binding.path.parent) && (moduleName = binding.path.parent.source.value, !isValidImport(propsWithFileInfo, moduleName, binding.identifier.name))) {
           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}
+`
           );
           return;
         }
         const component = getValidComponent(propsWithFileInfo, moduleName, node.name.name);
         if (!component || !component.staticConfig) {
-          shouldPrintDebug && logger.info(` - No Tamagui conf on this: ${node.name.name}`);
+          shouldPrintDebug && logger.info(`
+ - No Tamagui conf for: ${node.name.name}
+`);
           return;
         }
         const originalNodeName = node.name.name;
@@ -389,9 +402,8 @@ function createExtractor({ logger = console, platform = "web" } = { logger: cons
         const filePath = `./${relative(process.cwd(), sourcePath)}`, lineNumbers = node.loc ? node.loc.start.line + (node.loc.start.line !== node.loc.end.line ? `-${node.loc.end.line}` : "") : "", codePosition = `${filePath}:${lineNumbers}`, debugPropValue = node.attributes.filter(
           (n) => t.isJSXAttribute(n) && t.isJSXIdentifier(n.name) && n.name.name === "debug"
         ).map((n) => n.value === null ? !0 : t.isStringLiteral(n.value) ? n.value.value : !1)[0];
-        if (debugPropValue && (shouldPrintDebug = debugPropValue), shouldPrintDebug && (logger.info(`
-`), logger.info(
-          `\x1B[33m%s\x1B[0m ${componentName} | ${codePosition} -------------------`
+        if (debugPropValue && (shouldPrintDebug = debugPropValue), shouldPrintDebug && (logger.info(
+          `\x1B[33m\x1B[0m ${componentName} | ${codePosition} -------------------`
         ), logger.info(
           [
             "\x1B[1m",
@@ -409,7 +421,8 @@ function createExtractor({ logger = console, platform = "web" } = { logger: cons
             t.stringLiteral(`${basename(filePath)}:${lineNumbers}`)
           )
         )), shouldDisableExtraction) {
-          shouldPrintDebug === "verbose" && console.info(" Extraction disabled");
+          shouldPrintDebug === "verbose" && logger.info(` \u274C Extraction disabled: ${JSON.stringify(disableExtraction)}
+`);
           return;
         }
         try {