@cssxjs/bundler 0.2.32 → 0.2.33

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.2.33](https://github.com/startupjs/cssx/compare/v0.2.32...v0.2.33) (2026-01-25)
+
+
+### Bug Fixes
+
+* **bundler:** update metro config. Disable expo's CSS and remove explicit cssxjs babel transformation step (should just add cssxjs babel preset to babel config in the project itself) ([a5d3d50](https://github.com/startupjs/cssx/commit/a5d3d5006e33cdf7e6e666948e6626d404287380))
+
+
+
+
+
 ## [0.2.32](https://github.com/startupjs/cssx/compare/v0.2.31...v0.2.32) (2026-01-25)
 
 **Note:** Version bump only for package @cssxjs/bundler

package/metro-babel-transformer.js

@@ -1,7 +1,6 @@
 const stylusToCssLoader = require('@cssxjs/loaders/stylusToCssLoader')
 const cssToReactNativeLoader = require('@cssxjs/loaders/cssToReactNativeLoader')
 const callLoader = require('@cssxjs/loaders/callLoader')
-const cssxjsBabelLoader = require('./lib/cssxjsBabelLoader.js')
 
 exports.transform = async function cssxjsMetroBabelTransform ({
   src, filename, options: { upstreamTransformer, ...options } = {}
@@ -11,18 +10,12 @@ exports.transform = async function cssxjsMetroBabelTransform ({
 
   // from exotic extensions to js
   if (/\.styl$/.test(filename)) {
-    // TODO: Refactor `platform` to be just passed externally as an option in metro and in webpack
     src = callLoader(stylusToCssLoader, src, filename, { platform })
     src = callLoader(cssToReactNativeLoader, src, filename)
   } else if (/\.css$/.test(filename)) {
     src = callLoader(cssToReactNativeLoader, src, filename)
   }
 
-  // js transformations
-  if (/\.[mc]?[jt]sx?$/.test(filename)) {
-    src = callLoader(cssxjsBabelLoader, src, filename, { platform })
-  }
-
   return upstreamTransformer.transform({ src, filename, options })
 }
 

package/metro-config.js

@@ -26,7 +26,10 @@ exports.getDefaultConfig = function getDefaultConfig (projectRoot, { upstreamCon
 function getUpstreamConfig (projectRoot) {
   try {
     // Expo
-    return require('expo/metro-config').getDefaultConfig(projectRoot)
+    return require('expo/metro-config').getDefaultConfig(projectRoot, {
+      // cssx has a custom CSS implementation so we don't need to use Expo's
+      isCSSEnabled: false
+    })
   } catch (err) {
     try {
       // React Native 0.73+

package/package.json

@@ -1,12 +1,10 @@
 {
   "name": "@cssxjs/bundler",
-  "version": "0.2.32",
+  "version": "0.2.33",
   "description": "Compile CSSX styles in React Native and Web bundlers",
   "exports": {
     "./metro-config": "./metro-config.js",
-    "./metro-babel-transformer": "./metro-babel-transformer.js",
-    "./lib/stylusToCssLoader": "./lib/stylusToCssLoader.js",
-    "./lib/cssToReactNativeLoader": "./lib/cssToReactNativeLoader.js"
+    "./metro-babel-transformer": "./metro-babel-transformer.js"
   },
   "publishConfig": {
     "access": "public"
@@ -20,9 +18,7 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@babel/core": "^7.0.0",
-    "@cssxjs/loaders": "^0.2.32",
-    "babel-preset-cssxjs": "^0.2.32"
+    "@cssxjs/loaders": "^0.2.32"
   },
-  "gitHead": "2d5f40fdc99ec3cbfb397741444993e2d09d7975"
+  "gitHead": "690224ad7faea360949bae6a122daf4f0c1cdf40"
 }

package/lib/cssxjsBabelLoader.js

@@ -1,18 +0,0 @@
-// TODO: add support for source maps
-const babel = require('@babel/core')
-
-module.exports = function cssxjsBabelLoader (source) {
-  const filename = this.resourcePath
-  const { platform } = this.query
-
-  return babel.transformSync(source, {
-    filename,
-    babelrc: false,
-    configFile: false,
-    plugins: [
-      [require('babel-preset-cssxjs'), {
-        platform
-      }]
-    ]
-  }).code
-}