fela-monolithic - npm Package Compare versions

Comparing version 5.0.7 to 5.0.8

es/index.js

@@ -37,21 +37,14 @@
       var selector = generateCSSSelector(className, pseudo);
-      var cssRule = generateCSSRule(selector, css);
 
-      if (media.length > 0) {
-        if (!renderer.mediaRules.hasOwnProperty(media)) {
-          renderer.mediaRules[media] = '';
-        }
-
-        renderer.mediaRules[media] += cssRule;
-      } else {
-        renderer.rules += cssRule;
-      }
-
-      renderer._emitChange({
+      var change = {
+        type: RULE_TYPE,
+        className: className,
         selector: selector,
         declaration: css,
-        media: media,
+        media: media
+      };
 
-        type: RULE_TYPE
-      });
+      var declarationReference = selector + media;
+      renderer.cache[declarationReference] = change;
+      renderer._emitChange(change);
     }
@@ -71,3 +64,3 @@ };
       renderer._renderStyleToCache(className, style);
-      renderer.cache[className] = true;
+      renderer.cache[className] = {};
     }
@@ -74,0 +67,0 @@

lib/index.js

@@ -47,21 +47,14 @@ 'use strict';
       var selector = (0, _felaUtils.generateCSSSelector)(className, pseudo);
-      var cssRule = (0, _felaUtils.generateCSSRule)(selector, css);
 
-      if (media.length > 0) {
-        if (!renderer.mediaRules.hasOwnProperty(media)) {
-          renderer.mediaRules[media] = '';
-        }
-
-        renderer.mediaRules[media] += cssRule;
-      } else {
-        renderer.rules += cssRule;
-      }
-
-      renderer._emitChange({
+      var change = {
+        type: _felaUtils.RULE_TYPE,
+        className: className,
         selector: selector,
         declaration: css,
-        media: media,
+        media: media
+      };
 
-        type: _felaUtils.RULE_TYPE
-      });
+      var declarationReference = selector + media;
+      renderer.cache[declarationReference] = change;
+      renderer._emitChange(change);
     }
@@ -81,3 +74,3 @@ };
       renderer._renderStyleToCache(className, style);
-      renderer.cache[className] = true;
+      renderer.cache[className] = {};
     }
@@ -84,0 +77,0 @@

package.json

 {
   "name": "fela-monolithic",
-  "version": "5.0.7",
+  "version": "5.0.8",
   "description": "Fela enhancer for having monolithic classnames",
@@ -27,7 +27,8 @@ "main": "lib/index.js",
     "css-in-js-utils": "^2.0.0",
-    "fela-utils": "^6.0.1"
+    "fela-utils": "^7.0.0"
   },
   "devDependencies": {
-    "fela": "^5.2.0"
+    "fela": "^6.0.0",
+    "fela-tools": "^5.0.8"
   }
 }

README.md

 # fela-monolithic
 
-<img alt="npm downloads" src="https://img.shields.io/npm/dm/fela-monolithic.svg"> <img alt="gzipped size" src="https://img.shields.io/badge/gzipped-1.22kb-brightgreen.svg">
+<img alt="npm version" src="https://badge.fury.io/js/fela-monolithic.svg"> <img alt="npm downloads" src="https://img.shields.io/npm/dm/fela-monolithic.svg">
 
@@ -5,0 +5,0 @@ The monolithic enhancer will use unique class names instead of atomic ones.

No alert changes

Worsened metrics

Total package byte prevSize

11003

decreased by-2.53%

Dev dependency count

2

increased by100%

Lines of code

133

decreased by-6.99%

Dependency changes

• + Addedcss-in-js-utils@2.0.0(transitive)

• + Addedfela-utils@7.0.5(transitive)

• - Removedfela-utils@6.0.1(transitive)

• Updatedfela-utils@^7.0.0