@colorye/react-native-css 0.3.0 → 0.3.2

package/crates/transformer/index.js

@@ -100,6 +100,7 @@ if (!nativeBinding) {
 }
 
 module.exports = {
+  compileCss: nativeBinding.compileCss,
   transformJsx: nativeBinding.transformJsx,
   resolveRuntimeStyles: nativeBinding.resolveRuntimeStyles,
 };

package/dist/babel.js

@@ -6,105 +6,67 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = _default;
 var _fs = _interopRequireDefault(require("fs"));
 var _path = _interopRequireDefault(require("path"));
-var _babel = require("./utils/babel.js");
+var _core = require("@babel/core");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+var _native = null;
+try {
+  _native = require("./native");
+} catch (_unused) {
+  try {
+    _native = require("../crates/transformer");
+  } catch (_unused2) {}
+}
 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, fileDir) {
+  if (!cssPath) return "{}";
   if (stylesheetCache.has(cssPath)) {
     return stylesheetCache.get(cssPath);
   }
   try {
     var cwd = process.cwd();
     var cleanPath = cssPath.replace(/^@\//, "");
-
-    // 1. Try project root relative paths
-    var projectRootJson = _path["default"].resolve(cwd, cleanPath.endsWith(".json") ? cleanPath : "".concat(cleanPath, ".json"));
-    if (_fs["default"].existsSync(projectRootJson)) {
-      var content = _fs["default"].readFileSync(projectRootJson, "utf-8");
-      var stylesheet = JSON.parse(content);
-      stylesheetCache.set(cssPath, stylesheet);
-      return stylesheet;
-    }
-    var defaultIndexJson = _path["default"].resolve(cwd, "index.css.json");
-    if (_fs["default"].existsSync(defaultIndexJson)) {
-      var _content = _fs["default"].readFileSync(defaultIndexJson, "utf-8");
-      var _stylesheet = JSON.parse(_content);
-      stylesheetCache.set(cssPath, _stylesheet);
-      return _stylesheet;
-    }
-
-    // 2. Try fileDir if provided
-    if (fileDir) {
-      var localJson = _path["default"].resolve(fileDir, cssPath);
-      if (_fs["default"].existsSync(localJson)) {
-        var _content2 = _fs["default"].readFileSync(localJson, "utf-8");
-        var _stylesheet2 = JSON.parse(_content2);
-        stylesheetCache.set(cssPath, _stylesheet2);
-        return _stylesheet2;
-      }
-    }
-
-    // 3. Try resolving the module if it's a module specifier like @colorye/react-native-css/exported-stylesheet.json
+    var candidates = [_path["default"].resolve(cwd, cleanPath), _path["default"].resolve(cwd, cleanPath.endsWith(".json") ? cleanPath : "".concat(cleanPath, ".json")), fileDir ? _path["default"].resolve(fileDir, cssPath) : null, _path["default"].resolve(cwd, "index.css.json"), _path["default"].resolve(cwd, "index.css"), _path["default"].join(libRoot, "exported-stylesheet.json")].filter(Boolean);
+    var _iterator = _createForOfIteratorHelper(candidates),
+      _step;
     try {
-      var resolvedModule = require.resolve(cssPath, {
-        paths: [cwd, libRoot]
-      });
-      if (_fs["default"].existsSync(resolvedModule)) {
-        var _content3 = _fs["default"].readFileSync(resolvedModule, "utf-8");
-        var _stylesheet3 = JSON.parse(_content3);
-        stylesheetCache.set(cssPath, _stylesheet3);
-        return _stylesheet3;
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var p = _step.value;
+        if (_fs["default"].existsSync(p)) {
+          var content = _fs["default"].readFileSync(p, "utf-8");
+          var sheetJson = content;
+          if (p.endsWith(".css") && _native && _native.compileCss) {
+            sheetJson = _native.compileCss(content);
+          }
+          stylesheetCache.set(cssPath, sheetJson);
+          return sheetJson;
+        }
       }
-    } catch (_unused) {}
-
-    // 4. Try the exported-stylesheet.json from lib directory
-    var exportedPath = _path["default"].join(libRoot, "exported-stylesheet.json");
-    if (_fs["default"].existsSync(exportedPath)) {
-      var _content4 = _fs["default"].readFileSync(exportedPath, "utf-8");
-      var _stylesheet4 = JSON.parse(_content4);
-      stylesheetCache.set(cssPath, _stylesheet4);
-      return _stylesheet4;
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
     }
-
-    // 5. Try .json next to the CSS file
-    var cssJsonPath = "".concat(cssPath, ".json");
-    if (_fs["default"].existsSync(cssJsonPath)) {
-      var _content5 = _fs["default"].readFileSync(cssJsonPath, "utf-8");
-      var _stylesheet5 = JSON.parse(_content5);
-      stylesheetCache.set(cssPath, _stylesheet5);
-      return _stylesheet5;
-    }
-    return null;
-  } catch (_unused2) {
-    return null;
-  }
+  } catch (_unused3) {}
+  return "{}";
 }
-function _default(_ref) {
-  var t = _ref.types;
+function _default() {
   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 _this$opts, _this$opts2, _this$opts3;
           var filename = state.file.opts.filename;
+          if (!filename || filename.includes("node_modules")) return;
           var options = {
-            paths: this.opts.paths || [],
-            excludes: this.opts.excludes || [],
-            css: this.opts.css
+            paths: ((_this$opts = this.opts) === null || _this$opts === void 0 ? void 0 : _this$opts.paths) || [],
+            excludes: ((_this$opts2 = this.opts) === null || _this$opts2 === void 0 ? void 0 : _this$opts2.excludes) || [],
+            css: (_this$opts3 = this.opts) === null || _this$opts3 === void 0 ? void 0 : _this$opts3.css
           };
-
-          // Normalize filename for cross-platform regex matching
           var normalizedFilename = filename.replace(/\\/g, "/");
           var regex = options.paths.map(function (p) {
             return new RegExp(p);
@@ -112,94 +74,41 @@ function _default(_ref) {
           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) {
+          if (options.paths.length > 0 && !regex.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, filename ? _path["default"].dirname(filename) : null);
-
-          // 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("@colorye/react-native-css/dist/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("@colorye/react-native-css/dist/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("@colorye/react-native-css/dist/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 (excludesRegex.some(function (re) {
+            return normalizedFilename.match(re) || filename.match(re);
+          })) {
+            return;
           }
-          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;
-
-        // Perform zero-runtime static style inlining for static classes
-        (0, _babel.inlineStaticAttributes)(path, state, t);
-        var openingElement = path.node.openingElement;
-        var isRootLevel = (0, _babel.isRootLevelJSXElement)(path);
-        var shouldCombineStyles = openingElement.attributes.some(function (attr) {
-          var _attr$name;
-          return ((_attr$name = attr.name) === null || _attr$name === void 0 ? void 0 : _attr$name.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 (!_native || !_native.transformJsx) return;
+          var stylesheetJson = loadStylesheet(options.css, filename ? _path["default"].dirname(filename) : null);
+          var rawCode = state.file.code;
+          try {
+            var res = _native.transformJsx(rawCode, {
+              filename: filename,
+              stylesheetJson: stylesheetJson,
+              sourceMaps: false
+            });
+            if (res && res.code && res.code !== rawCode) {
+              var newAst = (0, _core.parseSync)(res.code, {
+                filename: filename,
+                parserOpts: {
+                  plugins: ["jsx", "typescript"]
+                },
+                configFile: false,
+                babelrc: false
+              });
+              if (newAst && newAst.program) {
+                path.replaceWith(newAst.program);
+                path.stop();
+              }
             }
-          }
-          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$name2;
-            return ((_attr$name2 = attr.name) === null || _attr$name2 === void 0 ? void 0 : _attr$name2.name) === "style";
-          });
-          if (style) {
-            style.value = t.jsxExpressionContainer(styleExpressions);
-          } else {
-            openingElement.attributes.push(t.jsxAttribute(t.jsxIdentifier("style"), t.jsxExpressionContainer(styleExpressions)));
+          } catch (_unused4) {
+            // Silently fall back if native transformation fails
           }
         }
       }

package/dist/index.d.ts

@@ -13,8 +13,20 @@ export interface GroupState {
   focus?: boolean;
 }
 
+export interface InheritedStyles {
+  color?: string;
+  fontSize?: number;
+  fontWeight?: string;
+  fontFamily?: string;
+  letterSpacing?: number;
+  lineHeight?: number;
+  textAlign?: string;
+  textTransform?: string;
+  [key: string]: any;
+}
+
 export const GroupContext: React.Context<GroupState>;
-export const InheritContext: React.Context<Record<string, any> | undefined>;
+export const InheritContext: React.Context<InheritedStyles | undefined>;
 
 export function setGlobalStylesheet(sheet: Record<string, any>): void;
 export function getGlobalStylesheet(): Record<string, any>;
@@ -33,7 +45,7 @@ export function getGlobalStylesheet(): Record<string, any>;
  * });
  * ```
  */
-export function cssInterop<P extends object>(
+export function cssInterop<T = any, P extends object = any>(
   Component: React.ComponentType<P>,
   mapping?: StyleMapping
 ): React.ForwardRefExoticComponent<
@@ -41,13 +53,13 @@ export function cssInterop<P extends object>(
     className?: string;
     contentContainerClassName?: string;
     inheritStyle?: any;
-  } & React.RefAttributes<any>
+  } & React.RefAttributes<T>
 >;
 
 /**
  * Alias for cssInterop.
  */
-export function remapProps<P extends object>(
+export function remapProps<T = any, P extends object = any>(
   Component: React.ComponentType<P>,
   mapping: StyleMapping
 ): React.ForwardRefExoticComponent<
@@ -55,7 +67,7 @@ export function remapProps<P extends object>(
     className?: string;
     contentContainerClassName?: string;
     inheritStyle?: any;
-  } & React.RefAttributes<any>
+  } & React.RefAttributes<T>
 >;
 
 export namespace Runtime {
@@ -73,6 +85,11 @@ export function getStylesheet(css: string, filename?: string): string;
 export function writeStylesheetJSON(content: string, filename?: string): void;
 export function transform(args: { src: string; filename: string; options?: any }): any;
 
+/**
+ * Plug-and-play zero-configuration helper for Expo and React Native Metro bundler.
+ */
+export function withReactNativeCss<T = any>(metroConfig: T, options?: { input?: string }): T;
+
 declare const _default: {
   cssInterop: typeof cssInterop;
   remapProps: typeof remapProps;
@@ -81,9 +98,6 @@ declare const _default: {
   GroupContext: typeof GroupContext;
   InheritContext: typeof InheritContext;
   Runtime: typeof Runtime;
-  getStylesheet: typeof getStylesheet;
-  transform: typeof transform;
-  writeStylesheetJSON: typeof writeStylesheetJSON;
 };
 
 export default _default;

package/dist/interop.js

@@ -26,6 +26,18 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function shallowEqual(a, b) {
+  if (a === b) return true;
+  if (!a || !b || _typeof(a) !== "object" || _typeof(b) !== "object") return false;
+  var keysA = Object.keys(a);
+  var keysB = Object.keys(b);
+  if (keysA.length !== keysB.length) return false;
+  for (var _i = 0, _keysA = keysA; _i < _keysA.length; _i++) {
+    var k = _keysA[_i];
+    if (a[k] !== b[k]) return false;
+  }
+  return true;
+}
 var InheritContext = exports.InheritContext = (0, _react.createContext)(undefined);
 var GroupContext = exports.GroupContext = (0, _react.createContext)({
   pressed: false,
@@ -96,8 +108,8 @@ function cssInterop(Component) {
     var isGroupProvider = false;
 
     // Check if this component acts as a group container
-    for (var _i = 0, _Object$keys = Object.keys(mapping); _i < _Object$keys.length; _i++) {
-      var classProp = _Object$keys[_i];
+    for (var _i2 = 0, _Object$keys = Object.keys(mapping); _i2 < _Object$keys.length; _i2++) {
+      var classProp = _Object$keys[_i2];
       var val = props[classProp];
       if (typeof val === "string" && (val === "group" || val.split(/\s+/).includes("group"))) {
         isGroupProvider = true;
@@ -117,7 +129,7 @@ function cssInterop(Component) {
       };
     }
     var _loop = function _loop() {
-      var _Object$entries$_i = _slicedToArray(_Object$entries[_i2], 2),
+      var _Object$entries$_i = _slicedToArray(_Object$entries[_i3], 2),
         classProp = _Object$entries$_i[0],
         styleProp = _Object$entries$_i[1];
       var classValue = props[classProp];
@@ -231,7 +243,7 @@ function cssInterop(Component) {
         }
       }
     };
-    for (var _i2 = 0, _Object$entries = Object.entries(mapping); _i2 < _Object$entries.length; _i2++) {
+    for (var _i3 = 0, _Object$entries = Object.entries(mapping); _i3 < _Object$entries.length; _i3++) {
       _loop();
     }
     delete nextProps.inheritStyle;
@@ -243,7 +255,7 @@ function cssInterop(Component) {
         })
       }, element);
     }
-    if (currentInherit && currentInherit !== parentInherit) {
+    if (currentInherit && !shallowEqual(currentInherit, parentInherit)) {
       return _react["default"].createElement(InheritContext.Provider, {
         value: currentInherit
       }, element);

package/dist/metro.js

@@ -0,0 +1,55 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { 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 _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var fs = require("fs");
+var path = require("path");
+
+/**
+ * withReactNativeCss
+ *
+ * Plug-and-play zero-configuration helper for Expo and React Native Metro bundler.
+ *
+ * Automatically:
+ * 1. Configures Metro to handle .css files via @colorye/react-native-css/transformer.
+ * 2. Connects the high-performance Rust SWC native transformer for JSX/TSX.
+ * 3. Adds 'css' to sourceExts.
+ * 4. In-process caches and synchronizes stylesheet JSON without manual setup.
+ *
+ * @param {import('metro-config').MetroConfig} metroConfig
+ * @param {Object} [options]
+ * @param {string} [options.input] - Input CSS path relative to project root (default: 'src/assets/styles/index.css' or 'index.css')
+ * @returns {import('metro-config').MetroConfig}
+ */
+function withReactNativeCss(metroConfig) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var config = _objectSpread({}, metroConfig);
+
+  // Ensure resolver & transformer objects exist
+  config.resolver = config.resolver || {};
+  config.transformer = config.transformer || {};
+
+  // 1. Add 'css' to sourceExts if missing
+  var currentSourceExts = config.resolver.sourceExts || [];
+  if (!currentSourceExts.includes("css")) {
+    config.resolver.sourceExts = [].concat(_toConsumableArray(currentSourceExts), ["css"]);
+  }
+
+  // 2. Wrap or assign babelTransformerPath
+  var defaultTransformerPath = config.transformer.babelTransformerPath || require.resolve("./transformer");
+  config.transformer.babelTransformerPath = defaultTransformerPath;
+  return config;
+}
+module.exports = {
+  withReactNativeCss: withReactNativeCss
+};