@tamagui/static 1.0.1-beta.74 → 1.0.1-beta.77

package/dist/esm/extractor/createExtractor.js

@@ -1,3 +1,34 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import { relative } from "path";
 import traverse from "@babel/traverse";
 import * as t from "@babel/types";
@@ -8,7 +39,7 @@ import {
   mediaQueryConfig,
   normalizeStyleObject,
   proxyThemeVariables,
-  pseudos,
+  pseudoDescriptors,
   rnw,
   stylePropsTransform
 } from "@tamagui/core-node";
@@ -56,32 +87,50 @@ function createExtractor() {
   let hasLogged = false;
   function isValidStyleKey(name, staticConfig) {
     var _a;
-    return !!(!!((_a = staticConfig.validStyles) == null ? void 0 : _a[name]) || !!pseudos[name] || loadedTamaguiConfig.shorthands[name] || (name[0] === "$" ? !!mediaQueryConfig[name.slice(1)] : false));
+    return !!(!!((_a = staticConfig.validStyles) == null ? void 0 : _a[name]) || !!pseudoDescriptors[name] || loadedTamaguiConfig.shorthands[name] || (name[0] === "$" ? !!mediaQueryConfig[name.slice(1)] : false));
   }
   return {
     getTamagui() {
       return loadedTamaguiConfig;
     },
-    parse: (fileOrPath, {
-      config = "tamagui.config.ts",
-      importsWhitelist = ["constants.js"],
-      evaluateVars = true,
-      shouldPrintDebug = false,
-      sourcePath = "",
-      onExtractTag,
-      onStyleRule,
-      getFlattenedNode,
-      disable,
-      disableExtraction,
-      disableExtractInlineMedia,
-      disableExtractVariables,
-      disableDebugAttr,
-      extractStyledDefinitions,
-      prefixLogs,
-      excludeProps,
-      target,
-      ...props
-    }) => {
+    parse: (fileOrPath, _a) => {
+      var _b = _a, {
+        config = "tamagui.config.ts",
+        importsWhitelist = ["constants.js"],
+        evaluateVars = true,
+        shouldPrintDebug = false,
+        sourcePath = "",
+        onExtractTag,
+        onStyleRule,
+        getFlattenedNode,
+        disable,
+        disableExtraction,
+        disableExtractInlineMedia,
+        disableExtractVariables,
+        disableDebugAttr,
+        extractStyledDefinitions,
+        prefixLogs,
+        excludeProps,
+        target
+      } = _b, props = __objRest(_b, [
+        "config",
+        "importsWhitelist",
+        "evaluateVars",
+        "shouldPrintDebug",
+        "sourcePath",
+        "onExtractTag",
+        "onStyleRule",
+        "getFlattenedNode",
+        "disable",
+        "disableExtraction",
+        "disableExtractInlineMedia",
+        "disableExtractVariables",
+        "disableDebugAttr",
+        "extractStyledDefinitions",
+        "prefixLogs",
+        "excludeProps",
+        "target"
+      ]);
       if (disable) {
         return null;
       }
@@ -118,8 +167,8 @@ function createExtractor() {
         return isInsideTamagui(sourcePath) && importStr[0] === ".";
       };
       const validComponents = Object.keys(components).filter((key) => {
-        var _a;
-        return key[0].toUpperCase() === key[0] && !!((_a = components[key]) == null ? void 0 : _a.staticConfig);
+        var _a2;
+        return key[0].toUpperCase() === key[0] && !!((_a2 = components[key]) == null ? void 0 : _a2.staticConfig);
       }).reduce((obj, name) => {
         obj[name] = components[name];
         return obj;
@@ -245,12 +294,11 @@ function createExtractor() {
             pressIn: false,
             resolveVariablesAs: "variable"
           });
-          const classNames = {
-            ...out.classNames
-          };
+          const classNames = __spreadValues({}, out.classNames);
           const atomics = getStylesAtomic(out.style);
           for (const atomic of atomics) {
             for (const rule of atomic.rules) {
+              out.rulesToInsert = out.rulesToInsert || [];
               out.rulesToInsert.push([atomic.identifier, rule]);
             }
             classNames[atomic.property] = atomic.identifier;
@@ -260,8 +308,10 @@ function createExtractor() {
             const val = classNames[cn];
             definition.properties.push(t.objectProperty(t.stringLiteral(cn), t.stringLiteral(val)));
           }
-          for (const [identifier, rule] of out.rulesToInsert) {
-            onStyleRule == null ? void 0 : onStyleRule(identifier, [rule]);
+          if (out.rulesToInsert) {
+            for (const [identifier, rule] of out.rulesToInsert) {
+              onStyleRule == null ? void 0 : onStyleRule(identifier, [rule]);
+            }
           }
           res.styled++;
           if (shouldPrintDebug) {
@@ -269,7 +319,7 @@ function createExtractor() {
           }
         },
         JSXElement(traversePath) {
-          var _a, _b, _c, _d, _e, _f, _g;
+          var _a2, _b2, _c, _d, _e;
           tm.mark("jsx-element", shouldPrintDebug === "verbose");
           const node = traversePath.node.openingElement;
           const ogAttributes = node.attributes;
@@ -658,9 +708,7 @@ function createExtractor() {
                         inlineMediaQuery: mediaQueryKey
                       });
                       if (ternaries2) {
-                        return ternaries2.map((value) => ({
-                          ...ternaryPartial,
-                          ...value,
+                        return ternaries2.map((value) => __spreadProps(__spreadValues(__spreadValues({}, ternaryPartial), value), {
                           test: t.logicalExpression("&&", value.test, test)
                         }));
                       } else {
@@ -677,39 +725,38 @@ function createExtractor() {
                     t.objectExpression([t.objectProperty(property.key, property.value.alternate)])
                   ].map((x) => attemptEval(x));
                   return [
-                    createTernary({
+                    createTernary(__spreadProps(__spreadValues({
                       remove() {
-                      },
-                      ...ternaryPartial,
+                      }
+                    }, ternaryPartial), {
                       test: t.logicalExpression("&&", test, property.value.test),
                       consequent: truthy,
                       alternate: null
-                    }),
-                    createTernary({
-                      ...ternaryPartial,
+                    })),
+                    createTernary(__spreadProps(__spreadValues({}, ternaryPartial), {
                       test: t.logicalExpression("&&", test, t.unaryExpression("!", property.value.test)),
                       consequent: falsy,
                       alternate: null,
                       remove() {
                       }
-                    })
+                    }))
                   ];
                 }
                 const obj = t.objectExpression([t.objectProperty(property.key, property.value)]);
                 const consequent = attemptEval(obj);
-                return createTernary({
+                return createTernary(__spreadProps(__spreadValues({
                   remove() {
-                  },
-                  ...ternaryPartial,
+                  }
+                }, ternaryPartial), {
                   test,
                   consequent,
                   alternate: null
-                });
+                }));
               });
             }, mergeStyles = function(prev2, next) {
               normalizeStyleObject(next);
               for (const key in next) {
-                if (pseudos[key]) {
+                if (pseudoDescriptors[key]) {
                   prev2[key] = prev2[key] || {};
                   if (shouldPrintDebug) {
                     if (!next[key] || !prev2[key]) {
@@ -724,7 +771,7 @@ function createExtractor() {
             }, omitInvalidStyles = function(style) {
               if (staticConfig.validStyles) {
                 for (const key in style) {
-                  if (stylePropsTransform[key] || !staticConfig.validStyles[key] && !pseudos[key] && !/(hoverStyle|focusStyle|pressStyle)$/.test(key)) {
+                  if (stylePropsTransform[key] || !staticConfig.validStyles[key] && !pseudoDescriptors[key] && !/(hoverStyle|focusStyle|pressStyle)$/.test(key)) {
                     if (shouldPrintDebug)
                       console.log(" delete invalid style", key);
                     delete style[key];
@@ -755,8 +802,8 @@ function createExtractor() {
             const { staticConfig } = component;
             const variants = staticConfig.variants || {};
             const isTextView = staticConfig.isText || false;
-            const validStyles = (_a = staticConfig == null ? void 0 : staticConfig.validStyles) != null ? _a : {};
-            let tagName = (_c = (_b = staticConfig.defaultProps) == null ? void 0 : _b.tag) != null ? _c : isTextView ? "span" : "div";
+            const validStyles = (staticConfig == null ? void 0 : staticConfig.validStyles) ?? {};
+            let tagName = ((_a2 = staticConfig.defaultProps) == null ? void 0 : _a2.tag) ?? (isTextView ? "span" : "div");
             traversePath.get("openingElement").get("attributes").forEach((path) => {
               const attr = path.node;
               if (t.isJSXSpreadAttribute(attr))
@@ -884,14 +931,14 @@ function createExtractor() {
                 ternaries.push(cur.value);
               }
               if ((!next || next.type !== "ternary") && ternaries.length) {
-                const normalized = normalizeTernaries(ternaries).map(({ alternate, consequent, ...rest }) => {
+                const normalized = normalizeTernaries(ternaries).map((_a3) => {
+                  var _b3 = _a3, { alternate, consequent } = _b3, rest = __objRest(_b3, ["alternate", "consequent"]);
                   return {
                     type: "ternary",
-                    value: {
-                      ...rest,
+                    value: __spreadProps(__spreadValues({}, rest), {
                       alternate: alternate || null,
                       consequent: consequent || null
-                    }
+                    })
                   };
                 });
                 try {
@@ -914,7 +961,7 @@ function createExtractor() {
             let themeVal = inlined.get("theme");
             inlined.delete("theme");
             for (const [key] of [...inlined]) {
-              if (INLINE_EXTRACTABLE[key] || ((_d = staticConfig.variants) == null ? void 0 : _d[key])) {
+              if (INLINE_EXTRACTABLE[key] || ((_b2 = staticConfig.variants) == null ? void 0 : _b2[key])) {
                 inlined.delete(key);
               }
             }
@@ -977,10 +1024,10 @@ function createExtractor() {
               for (const cur of attrs) {
                 if (cur.type === "style") {
                   for (const key in cur.value) {
-                    const shouldEnsureOverridden = !!((_e = staticConfig.ensureOverriddenProp) == null ? void 0 : _e[key]);
+                    const shouldEnsureOverridden = !!((_c = staticConfig.ensureOverriddenProp) == null ? void 0 : _c[key]);
                     const isSetInAttrsAlready = attrs.some((x) => x.type === "attr" && x.value.type === "JSXAttribute" && x.value.name.name === key);
                     if (!isSetInAttrsAlready) {
-                      const isVariant = !!((_f = staticConfig.variants) == null ? void 0 : _f[cur.name || ""]);
+                      const isVariant = !!((_d = staticConfig.variants) == null ? void 0 : _d[cur.name || ""]);
                       if (isVariant || shouldEnsureOverridden) {
                         ensureOverridden[key] = true;
                       }
@@ -1006,10 +1053,7 @@ function createExtractor() {
               const cur = attrs[key];
               if (cur.type === "style") {
                 normalizeStyleObject(cur.value);
-                foundStaticProps = {
-                  ...foundStaticProps,
-                  ...expandStyles(cur.value)
-                };
+                foundStaticProps = __spreadValues(__spreadValues({}, foundStaticProps), expandStyles(cur.value));
                 continue;
               }
               if (cur.type === "attr") {
@@ -1022,10 +1066,9 @@ function createExtractor() {
                 const key2 = cur.value.name.name;
                 const value = attemptEvalSafe(cur.value.value || t.booleanLiteral(true));
                 if (value !== FAILED_EVAL) {
-                  foundStaticProps = {
-                    ...foundStaticProps,
+                  foundStaticProps = __spreadProps(__spreadValues({}, foundStaticProps), {
                     [key2]: value
-                  };
+                  });
                 }
               }
             }
@@ -1049,7 +1092,7 @@ function createExtractor() {
                       return acc;
                     }
                     if (variants[name] && variantValues.has(name)) {
-                      let out = Object.fromEntries(staticConfig.propMapper(name, variantValues.get(name), defaultTheme, completeProps, { ...state, resolveVariablesAs: "auto" }, void 0, shouldPrintDebug) || []);
+                      let out = Object.fromEntries(staticConfig.propMapper(name, variantValues.get(name), defaultTheme, completeProps, __spreadProps(__spreadValues({}, state), { resolveVariablesAs: "auto" }), void 0, shouldPrintDebug) || []);
                       if (out && isTargetingHTML) {
                         const cn = out.className;
                         out = rnw.createDOMProps(isTextView ? "span" : "div", out);
@@ -1113,7 +1156,7 @@ function createExtractor() {
               if (cur.type === "style") {
                 const key = Object.keys(cur.value)[0];
                 const value = cur.value[key];
-                const shouldKeepOriginalAttr = !shouldFlatten && !validStyles[key] && !pseudos[key] && !key.startsWith("data-");
+                const shouldKeepOriginalAttr = !shouldFlatten && !validStyles[key] && !pseudoDescriptors[key] && !key.startsWith("data-");
                 if (shouldKeepOriginalAttr) {
                   if (shouldPrintDebug) {
                     console.log("     - keeping as non-style", key);
@@ -1163,14 +1206,10 @@ function createExtractor() {
                 }
               }
               try {
-                const out = getSplitStyles(props2, staticConfig, defaultTheme, {
-                  ...state,
+                const out = getSplitStyles(props2, staticConfig, defaultTheme, __spreadProps(__spreadValues({}, state), {
                   fallbackProps: completeProps
-                }, void 0, props2["debug"]);
-                const outStyle = {
-                  ...out.style,
-                  ...out.pseudos
-                };
+                }), void 0, props2["debug"]);
+                const outStyle = __spreadValues(__spreadValues({}, out.style), out.pseudos);
                 return outStyle;
               } catch (err) {
                 console.log("error", err.message, err.stack);
@@ -1248,7 +1287,7 @@ function createExtractor() {
                       if (INLINE_EXTRACTABLE[name]) {
                         attr.value.name.name = INLINE_EXTRACTABLE[name];
                       }
-                      if ((_g = staticConfig.variants) == null ? void 0 : _g[name]) {
+                      if ((_e = staticConfig.variants) == null ? void 0 : _e[name]) {
                         const expanded = getStyles({});
                       }
                     }