@colorye/react-native-css 0.2.1

package/.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/preset-env"]
+}

package/.yarnrc.yml

@@ -0,0 +1,8 @@
+approvedGitRepositories:
+  - "**"
+
+enableScripts: true
+
+nodeLinker: node-modules
+
+npmMinimalAgeGate: 0

package/dist/babel.js

@@ -0,0 +1,201 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
+var _fs = _interopRequireDefault(require("fs"));
+var _path = _interopRequireDefault(require("path"));
+var _babel = require("./utils/babel.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var libRoot = _path["default"].dirname(__filename);
+
+// Cache for loaded stylesheets
+var stylesheetCache = new Map();
+
+/**
+ * Load pre-computed stylesheet JSON (generated by Metro transformer)
+ */
+function loadStylesheet(cssPath) {
+  if (stylesheetCache.has(cssPath)) {
+    return stylesheetCache.get(cssPath);
+  }
+  try {
+    // Try the exported-stylesheet.json from lib directory
+    var exportedPath = _path["default"].join(libRoot, "exported-stylesheet.json");
+    if (_fs["default"].existsSync(exportedPath)) {
+      var content = _fs["default"].readFileSync(exportedPath, "utf-8");
+      var stylesheet = JSON.parse(content);
+      stylesheetCache.set(cssPath, stylesheet);
+      return stylesheet;
+    }
+
+    // Try .json next to the CSS file
+    var cssJsonPath = "".concat(cssPath, ".json");
+    if (_fs["default"].existsSync(cssJsonPath)) {
+      var _content = _fs["default"].readFileSync(cssJsonPath, "utf-8");
+      var _stylesheet = JSON.parse(_content);
+      stylesheetCache.set(cssPath, _stylesheet);
+      return _stylesheet;
+    }
+    return null;
+  } catch (_unused) {
+    return null;
+  }
+}
+function _default(_ref) {
+  var t = _ref.types;
+  return {
+    name: "@colorye/react-native-css",
+    visitor: {
+      Program: {
+        enter: function enter(path, state) {
+          if (!this.opts.css) {
+            console.warn("No css file provided");
+            return;
+          }
+          var filename = state.file.opts.filename;
+          var options = {
+            paths: this.opts.paths || [],
+            excludes: this.opts.excludes || [],
+            css: this.opts.css
+          };
+
+          // Normalize filename for cross-platform regex matching
+          var normalizedFilename = filename.replace(/\\/g, "/");
+          var regex = options.paths.map(function (p) {
+            return new RegExp(p);
+          });
+          var excludesRegex = options.excludes.map(function (p) {
+            return new RegExp(p);
+          });
+          if (!regex.some(function (re) {
+            return normalizedFilename.match(re) || filename.match(re);
+          }) || excludesRegex.some(function (re) {
+            return normalizedFilename.match(re) || filename.match(re);
+          })) {
+            return;
+          }
+          state.enabled = true;
+
+          // Load pre-computed stylesheet for static inlining
+          state.stylesheetData = loadStylesheet(options.css);
+
+          // Track which runtime helpers we need
+          state.needsGetStyle = false;
+          state.needsGetInheritStyle = false;
+          state.needsMergeStyles = false;
+
+          // Prepare runtime helper declarations
+          state.stylesheetId = path.scope.generateUidIdentifier();
+          state.stylesheet = t.variableDeclaration("var", [t.variableDeclarator(state.stylesheetId, t.callExpression(t.identifier("require"), [t.stringLiteral(options.css)]))]);
+          state.getStyleId = path.scope.generateUidIdentifier();
+          state.getStyle = t.variableDeclaration("var", [t.variableDeclarator(state.getStyleId, t.memberExpression(t.memberExpression(t.callExpression(t.identifier("require"), [t.stringLiteral(_path["default"].join(libRoot, "./transformer-runtime"))]), t.identifier("default")), t.identifier("getStyle")))]);
+          state.getInheritStyleId = path.scope.generateUidIdentifier();
+          state.getInheritStyle = t.variableDeclaration("var", [t.variableDeclarator(state.getInheritStyleId, t.memberExpression(t.memberExpression(t.callExpression(t.identifier("require"), [t.stringLiteral(_path["default"].join(libRoot, "./transformer-runtime"))]), t.identifier("default")), t.identifier("getInheritStyle")))]);
+          state.mergeStylesId = path.scope.generateUidIdentifier();
+          state.mergeStyles = t.variableDeclaration("var", [t.variableDeclarator(state.mergeStylesId, t.memberExpression(t.memberExpression(t.callExpression(t.identifier("require"), [t.stringLiteral(_path["default"].join(libRoot, "./transformer-runtime"))]), t.identifier("default")), t.identifier("mergeStyles")))]);
+        },
+        exit: function exit(path, state) {
+          if (!state.enabled) return;
+          var helpers = [];
+
+          // Only inject helpers that are actually used
+          if (state.needsGetStyle) {
+            helpers.push(state.stylesheet);
+            helpers.push(state.getStyle);
+          }
+          if (state.needsGetInheritStyle) {
+            helpers.push(state.getInheritStyle);
+          }
+          if (state.needsMergeStyles) {
+            helpers.push(state.mergeStyles);
+          }
+          if (helpers.length === 0) return;
+          var lastImport = path.get("body").filter(function (p) {
+            return (0, _babel.isImportOrRequire)(p);
+          }).pop();
+          helpers.reverse().forEach(function (node) {
+            return lastImport ? lastImport.insertAfter(node) : path.unshiftContainer("body", node);
+          });
+        }
+      },
+      JSXElement: function JSXElement(path, state) {
+        if (!state.enabled) return;
+        if ((0, _babel.isFragmentElement)(t, path.node.openingElement.name)) return;
+        var openingElement = path.node.openingElement;
+        var isRootLevel = (0, _babel.isRootLevelJSXElement)(path);
+
+        // Inject inheritStyle for root-level elements
+        if (isRootLevel) {
+          var inheritStyle = openingElement.attributes.find(function (attr) {
+            var _attr$name;
+            return ((_attr$name = attr.name) === null || _attr$name === void 0 ? void 0 : _attr$name.name) === "inheritStyle";
+          });
+          if (!inheritStyle) {
+            var inheritStyleExpressions = (0, _babel.getRootInheritStyleExpression)(path, t);
+            openingElement.attributes.push(t.jsxAttribute(t.jsxIdentifier("inheritStyle"), t.jsxExpressionContainer(inheritStyleExpressions)));
+          }
+        }
+        var shouldCombineStyles = openingElement.attributes.some(function (attr) {
+          var _attr$name2;
+          return ((_attr$name2 = attr.name) === null || _attr$name2 === void 0 ? void 0 : _attr$name2.name) === "__combinedStyles";
+        });
+        if (shouldCombineStyles) {
+          var styleExpressions;
+
+          // Try static inlining first (if stylesheet loaded and class is static)
+          if (state.stylesheetData) {
+            var staticInfo = (0, _babel.tryGetStaticStyleInfo)(path, state, t);
+            if (staticInfo) {
+              // Static class! Use lightweight mergeStyles
+              styleExpressions = (0, _babel.getStaticMergeExpression)(path, state, t, staticInfo);
+              state.needsMergeStyles = true;
+            }
+          }
+          if (!styleExpressions) {
+            // Fall back to full runtime getStyle
+            state.needsGetStyle = true;
+            styleExpressions = (0, _babel.getStyleExpression)(path, state, t);
+          }
+          var style = openingElement.attributes.find(function (attr) {
+            var _attr$name3;
+            return ((_attr$name3 = attr.name) === null || _attr$name3 === void 0 ? void 0 : _attr$name3.name) === "style";
+          });
+          if (style) {
+            style.value = t.jsxExpressionContainer(styleExpressions);
+          } else {
+            openingElement.attributes.push(t.jsxAttribute(t.jsxIdentifier("style"), t.jsxExpressionContainer(styleExpressions)));
+          }
+        }
+
+        // Inject inheritStyle for child elements
+        path.traverse({
+          JSXElement: function JSXElement(childPath) {
+            var childOpeningElement = childPath.node.openingElement;
+            if ((0, _babel.isFragmentElement)(t, childOpeningElement.name)) {
+              childPath.skip();
+              return;
+            }
+
+            // Child elements need getInheritStyle for propagation
+            state.needsGetInheritStyle = true;
+            // getInheritStyle depends on getStyle
+            state.needsGetStyle = true;
+            var inheritStyleExpressions = (0, _babel.getInheritStyleExpression)(path, state, t);
+            var inheritStyle = childOpeningElement.attributes.find(function (attr) {
+              var _attr$name4;
+              return ((_attr$name4 = attr.name) === null || _attr$name4 === void 0 ? void 0 : _attr$name4.name) === "inheritStyle";
+            });
+            if (inheritStyle) {
+              inheritStyle.value = t.jsxExpressionContainer(inheritStyleExpressions);
+            } else {
+              childOpeningElement.attributes.push(t.jsxAttribute(t.jsxIdentifier("inheritStyle"), t.jsxExpressionContainer(inheritStyleExpressions)));
+            }
+            childPath.skip();
+          }
+        });
+      }
+    }
+  };
+}