@cssxjs/bundler 0.2.1 → 0.2.3

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v0.2.3 (Wed Nov 05 2025)
+
+#### 🐛 Bug Fix
+
+- fix: update stylus, add a runtime patch to support the 'u' unit which equals to 8px. ([@cray0000](https://github.com/cray0000))
+
+#### Authors: 1
+
+- Pavel Zhukov ([@cray0000](https://github.com/cray0000))
+
+---
+
+# v0.2.2 (Tue Nov 04 2025)
+
+#### 🐛 Bug Fix
+
+- fix: support dynamic css var() for colors ([@cray0000](https://github.com/cray0000))
+
+#### Authors: 1
+
+- Pavel Zhukov ([@cray0000](https://github.com/cray0000))
+
+---
+
 # v0.2.0 (Tue Nov 04 2025)
 
 #### 🚀 Enhancement

package/lib/stylusToCssLoader.js

@@ -2,6 +2,10 @@
 const { existsSync } = require('fs')
 const { join } = require('path')
 const stylus = require('stylus')
+const patchStylusAddUnit = require('../patches/patchStylusAddUnit')
+
+// apply patches
+patchStylusAddUnit()
 
 const PROJECT_STYLES_PATH = join(process.cwd(), 'styles/index.styl')
 let UI_STYLES_PATH

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cssxjs/bundler",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "description": "Compile CSSX styles in React Native and Web bundlers",
   "exports": {
     "./metro-config": "./metro-config.js",
@@ -22,10 +22,10 @@
   "license": "MIT",
   "dependencies": {
     "@babel/core": "^7.0.0",
-    "@cssxjs/babel-plugin-rn-stylename-inline": "^0.2.1",
-    "@startupjs/css-to-react-native-transform": "^2.1.0-0",
-    "babel-preset-cssxjs": "^0.2.1",
-    "stylus": "0.54.7"
+    "@cssxjs/babel-plugin-rn-stylename-inline": "^0.2.3",
+    "@startupjs/css-to-react-native-transform": "^2.1.0-1",
+    "babel-preset-cssxjs": "^0.2.3",
+    "stylus": "0.64.0"
   },
-  "gitHead": "44fe78c4d462f9720bb40aceecfceff0bbda6c2f"
+  "gitHead": "f0c94552a7c93f54f2b8b0fbf5d0d728a5e225f5"
 }

package/patches/patchStylusAddUnit.js

@@ -0,0 +1,43 @@
+// add a new custom unit 'u' which is equal to 8px
+const units = require('stylus/lib/units.js')
+const Unit = require('stylus/lib/nodes/unit.js')
+let patched = false
+
+module.exports = function patchStylusAddUnit () {
+  if (patched) return
+  patched = true
+
+  // add the unit itself
+  if (!units.includes('u')) units.push('u')
+
+  /**
+   * a monkey patch to convert the 'type' to be dynamic setter/getter
+   * with the real value stored in a private symbol. This simulates having 'u' unit converted to 'px' * 8 on assignment.
+   *
+   * Original constructor is the following:
+   *
+   *   constructor(val, type) {
+   *     super();
+   *     this.val = val;
+   *     this.type = type;
+   *   }
+   *
+   * this.val and this.type are never reassigned.
+   * This make it possible to hack the this.type assignment specifically by auto-multiplying the this.val by 8
+   * during the attempt to assign the 'u' to this.type
+   */
+
+  const TYPE = Symbol('unit.type')
+  Object.defineProperty(Unit.prototype, 'type', {
+    configurable: true,
+    enumerable: true,
+    get () { return this[TYPE] },
+    set (t) {
+      if (t === 'u') {
+        t = 'px'
+        if (typeof this.val === 'number') this.val = this.val * 8
+      }
+      this[TYPE] = t
+    }
+  })
+}