@tamagui/babel-plugin 1.74.2 → 1.74.4

package/dist/esm/index.native.js

@@ -0,0 +1,186 @@
+import { basename } from "path";
+import generator from "@babel/generator";
+import { declare } from "@babel/helper-plugin-utils";
+import template from "@babel/template";
+import * as t from "@babel/types";
+import { simpleHash } from "@tamagui/simple-hash";
+const importNativeView = template(`
+const __ReactNativeView = require('react-native').View;
+const __ReactNativeText = require('react-native').Text;
+`), importStyleSheet = template(`
+const __ReactNativeStyleSheet = require('react-native').StyleSheet;
+`);
+process.env.TAMAGUI_TARGET = "native";
+const {
+  createExtractor,
+  getPragmaOptions,
+  isSimpleSpread,
+  literalToAst
+} = require("@tamagui/static"), extractor = createExtractor();
+var src_default = declare(function(api, options) {
+  return api.assertVersion(7), {
+    name: "tamagui",
+    visitor: {
+      Program: {
+        enter(root) {
+          let sourcePath = this.file.opts.filename;
+          process.env.SOURCE_ROOT?.endsWith("ios") && (sourcePath = sourcePath.replace("/ios", ""));
+          let hasImportedView = !1;
+          const sheetStyles = {}, sheetIdentifier = root.scope.generateUidIdentifier("sheet"), firstComment = root.node.body[0]?.leadingComments?.[0]?.value?.trim() ?? "", { shouldPrintDebug, shouldDisable } = getPragmaOptions({
+            disableCommentCheck: !0,
+            source: firstComment,
+            path: sourcePath
+          });
+          if (shouldDisable)
+            return;
+          function addSheetStyle(style, node) {
+            let key = `${`${Object.keys(sheetStyles).length}`}`;
+            if (process.env.NODE_ENV === "development") {
+              const lineNumbers = node.loc ? node.loc.start.line + (node.loc.start.line !== node.loc.end.line ? `-${node.loc.end.line}` : "") : "";
+              key += `:${basename(sourcePath)}:${lineNumbers}`;
+            }
+            return sheetStyles[key] = style, readStyleExpr(key);
+          }
+          function readStyleExpr(key) {
+            return template("SHEET['KEY']")({
+              SHEET: sheetIdentifier.name,
+              KEY: key
+            }).expression;
+          }
+          try {
+            extractor.parseSync(root, {
+              // @ts-expect-error in case they leave it out
+              platform: "native",
+              shouldPrintDebug,
+              importsWhitelist: ["constants.js", "colors.js"],
+              deoptProps: /* @__PURE__ */ new Set([
+                "focusStyle",
+                "hoverStyle",
+                "pressStyle",
+                "pointerEvents"
+              ]),
+              extractStyledDefinitions: options.forceExtractStyleDefinitions,
+              excludeProps: /* @__PURE__ */ new Set([
+                "className",
+                "userSelect",
+                "whiteSpace",
+                "textOverflow",
+                "cursor",
+                "contain"
+              ]),
+              ...options,
+              // 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: "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({ isTextView }) {
+                return hasImportedView || (hasImportedView = !0, root.unshiftContainer("body", importNativeView())), isTextView ? "__ReactNativeText" : "__ReactNativeView";
+              },
+              onExtractTag(props) {
+                if (!props.isFlattened)
+                  return;
+                assertValidTag(props.node);
+                const stylesExpr = t.arrayExpression([]), finalAttrs = [];
+                function addStyle(expr, key) {
+                  props.isFlattened ? stylesExpr.elements.push(expr) : finalAttrs.push(
+                    t.jsxAttribute(
+                      t.jsxIdentifier(`_style${key}`),
+                      t.jsxExpressionContainer(expr)
+                    )
+                  );
+                }
+                for (const attr of props.attrs)
+                  switch (attr.type) {
+                    case "style": {
+                      const { themed, plain } = splitThemeStyles(attr.value);
+                      for (const key in themed)
+                        finalAttrs.push(
+                          t.jsxAttribute(
+                            t.jsxIdentifier(key),
+                            t.stringLiteral(themed[key])
+                          )
+                        );
+                      const ident = addSheetStyle(plain, props.node);
+                      addStyle(ident, simpleHash(JSON.stringify(plain)));
+                      break;
+                    }
+                    case "ternary": {
+                      const { consequent, alternate } = attr.value, cons = addSheetStyle(consequent, props.node), alt = addSheetStyle(alternate, props.node), styleExpr = t.conditionalExpression(
+                        attr.value.test,
+                        cons,
+                        alt
+                      );
+                      addStyle(
+                        styleExpr,
+                        simpleHash(JSON.stringify({ consequent, alternate }))
+                      );
+                      break;
+                    }
+                    case "attr": {
+                      t.isJSXSpreadAttribute(attr.value) && isSimpleSpread(attr.value) && stylesExpr.elements.push(
+                        t.memberExpression(attr.value.argument, t.identifier("style"))
+                      ), finalAttrs.push(attr.value);
+                      break;
+                    }
+                  }
+                props.node.attributes = finalAttrs, props.isFlattened && props.node.attributes.push(
+                  t.jsxAttribute(
+                    t.jsxIdentifier("style"),
+                    t.jsxExpressionContainer(
+                      stylesExpr.elements.length === 1 ? stylesExpr.elements[0] : stylesExpr
+                    )
+                  )
+                );
+              }
+            });
+          } catch (err) {
+            if (err instanceof Error) {
+              let message = `${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.log("END no styles");
+            return;
+          }
+          const 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.log(`
+ -------- output code ------- 
+`), console.log(
+            generator(root.parent).code.split(`
+`).filter((x) => !x.startsWith("//")).join(`
+`)
+          ));
+        }
+      }
+    }
+  };
+});
+function assertValidTag(node) {
+  node.attributes.find((x) => x.type === "JSXAttribute" && x.name.name === "style") && process.env.DEBUG?.startsWith("tamagui") && console.warn("\u26A0\uFE0F Cannot pass style attribute to extracted style");
+}
+function splitThemeStyles(style) {
+  const themed = {}, plain = {};
+  for (const key in style) {
+    const val = style[key];
+    val && val[0] === "$" ? themed[key] = val : plain[key] = val;
+  }
+  return { themed, plain };
+}
+export {
+  src_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "mappings": "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",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/babel-plugin",
-  "version": "1.74.2",
+  "version": "1.74.4",
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
@@ -27,12 +27,12 @@
     "@babel/helper-plugin-utils": "^7.21.5",
     "@babel/template": "^7.20.7",
     "@babel/traverse": "^7.21.5",
-    "@tamagui/simple-hash": "1.74.2",
-    "@tamagui/static": "1.74.2"
+    "@tamagui/simple-hash": "1.74.4",
+    "@tamagui/static": "1.74.4"
   },
   "devDependencies": {
     "@babel/types": "^7.21.5",
-    "@tamagui/build": "1.74.2"
+    "@tamagui/build": "1.74.4"
   },
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14"
 }