jss-props-sort - npm Package Compare versions

Comparing version 3.0.0 to 4.0.0

changelog.md

@@ -0,1 +1,5 @@
+## 4.0.0 / 2017-04-10
+
+- update to jss 7.0
+
 ## 3.0.0 / 2016-12-09
@@ -2,0 +6,0 @@

dist/jss-props-sort.js

@@ -74,7 +74,5 @@ (function webpackUniversalModuleDefinition(root, factory) {
 	
-	  return function (rule) {
-	    var style = rule.style,
-	        type = rule.type;
+	  function onProcessStyle(style, rule) {
+	    if (rule.type !== 'regular') return style;
 	
-	    if (!style || type !== 'regular') return;
 	    var newStyle = {};
@@ -85,4 +83,6 @@ var props = Object.keys(style).sort(sort);
 	    }
-	    rule.style = newStyle;
-	  };
+	    return newStyle;
+	  }
+	
+	  return { onProcessStyle: onProcessStyle };
 	}
@@ -89,0 +89,0 @@

dist/jss-props-sort.min.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.jssPropsSort=t():e.jssPropsSort=t()}(this,function(){return function(e){function t(r){if(o[r])return o[r].exports;var n=o[r]={exports:{},id:r,loaded:!1};return e[r].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var o={};return t.m=e,t.c=o,t.p="",t(0)}([function(e,t){"use strict";function o(){function e(e,t){return e.length-t.length}return function(t){var o=t.style,r=t.type;if(o&&"regular"===r){var n={},s=Object.keys(o).sort(e);for(var u in s)n[s[u]]=o[s[u]];t.style=n}}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.jssPropsSort=t():e.jssPropsSort=t()}(this,function(){return function(e){function t(o){if(r[o])return r[o].exports;var n=r[o]={exports:{},id:o,loaded:!1};return e[o].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t){"use strict";function r(){function e(e,t){return e.length-t.length}function t(t,r){if("regular"!==r.type)return t;var o={},n=Object.keys(t).sort(e);for(var u in n)o[n[u]]=t[n[u]];return o}return{onProcessStyle:t}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r}])});
 //# sourceMappingURL=jss-props-sort.min.js.map

lib/index.js

@@ -18,7 +18,5 @@ 'use strict';
 
-  return function (rule) {
-    var style = rule.style,
-        type = rule.type;
+  function onProcessStyle(style, rule) {
+    if (rule.type !== 'regular') return style;
 
-    if (!style || type !== 'regular') return;
     var newStyle = {};
@@ -29,4 +27,6 @@ var props = Object.keys(style).sort(sort);
     }
-    rule.style = newStyle;
-  };
+    return newStyle;
+  }
+
+  return { onProcessStyle: onProcessStyle };
 }

lib/index.test.js

@@ -16,3 +16,3 @@ 'use strict';
 var settings = {
-  generateClassName: function generateClassName(str, rule) {
+  generateClassName: function generateClassName(rule) {
     return rule.name + '-id';
@@ -19,0 +19,0 @@ }

package.json

 {
   "name": "jss-props-sort",
   "description": "JSS plugin that ensures style properties extend each other instead of override",
-  "version": "3.0.0",
+  "version": "4.0.0",
   "author": {
@@ -60,3 +60,3 @@ "name": "Oleg Slobodskoi",
     "expect.js": "^0.3.1",
-    "jss": "^6.0.0",
+    "jss": "^7.0.0",
     "karma": "^1.1.1",
@@ -79,3 +79,3 @@ "karma-benchmark": "^0.6.0",
   "peerDependencies": {
-    "jss": "^6.0.0"
+    "jss": "^7.0.0"
   },
@@ -82,0 +82,0 @@ "lint-staged": {

readme.md

 # JSS plugin that ensures style properties extend each other instead of override
 
+[![Gitter](https://badges.gitter.im/JoinChat.svg)](https://gitter.im/cssinjs/lobby)
+
 Inspired by React Native. When using this plugin,
 more specific properties will not be overwritten by less specific.
 
-[Demo](http://cssinjs.github.io/examples/index.html#plugin-jss-props-sort) -
-[JSS](https://github.com/cssinjs/jss)
-
-[![Gitter](https://badges.gitter.im/Join Chat.svg)](https://gitter.im/cssinjs/lobby)
-
-
 ## Usage example
 
 ```javascript
-import jss from 'jss'
-import propsSort from 'jss-props-sort'
-
-jss.use(propsSort())
-
-const sheet = jss.createStyleSheet({
+const styles = {
   container: {
@@ -28,7 +19,6 @@ 'border-left': '1px solid red',
 
-```javascript
-console.log(sheet.toString())
-```
+Compiles to:
+
 ```css
-.jss-0-0 {
+.jss-jkh4234 {
   border: 3px solid green;
@@ -39,9 +29,6 @@ border-left: 1px solid red;
 
-```javascript
-console.log(sheet.classes)
-```
-```javascript
-{ container: "jss-0-0" }
-```
+## Demo
 
+[Simple](http://cssinjs.github.io/examples/plugins/jss-props-sort/simple/index.html)
+
 ## Run tests
@@ -48,0 +35,0 @@

tests/index.js

@@ -18,7 +18,5 @@ 'use strict';
 
-  return function (rule) {
-    var style = rule.style,
-        type = rule.type;
+  function onProcessStyle(style, rule) {
+    if (rule.type !== 'regular') return style;
 
-    if (!style || type !== 'regular') return;
     var newStyle = {};
@@ -29,4 +27,6 @@ var props = Object.keys(style).sort(sort);
     }
-    rule.style = newStyle;
-  };
+    return newStyle;
+  }
+
+  return { onProcessStyle: onProcessStyle };
 }

tests/index.test.js

@@ -16,3 +16,3 @@ 'use strict';
 var settings = {
-  generateClassName: function generateClassName(str, rule) {
+  generateClassName: function generateClassName(rule) {
     return rule.name + '-id';
@@ -19,0 +19,0 @@ }

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Fixed alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

25694

decreased by-0.78%

Lines of code

332

decreased by-0.9%

Number of lines in readme file

42

decreased by-23.64%

Number of low supply chain risk alerts

2

increased by100%

No dependency changes