jss-vendor-prefixer - npm Package Compare versions

Comparing version 4.0.0 to 5.0.0

changelog.md

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

dist/jss-vendor-prefixer.js

@@ -77,12 +77,13 @@ (function webpackUniversalModuleDefinition(root, factory) {
 	function jssVendorPrefixer() {
-	  return function (rule) {
+	  function onProcessRule(rule) {
 	    if (rule.type === 'keyframe') {
 	      rule.selector = '@' + vendor.prefix.css + rule.selector.substr(1);
-	      return;
 	    }
+	  }
 	
-	    if (rule.type !== 'regular') return;
+	  function onProcessStyle(style, rule) {
+	    if (rule.type !== 'regular') return style;
 	
-	    for (var prop in rule.style) {
-	      var value = rule.style[prop];
+	    for (var prop in style) {
+	      var value = style[prop];
 	
@@ -98,7 +99,11 @@ var changeProp = false;
 	      if (changeProp || changeValue) {
-	        if (changeProp) delete rule.style[prop];
-	        rule.style[supportedProp || prop] = supportedValue || value;
+	        if (changeProp) delete style[prop];
+	        style[supportedProp || prop] = supportedValue || value;
 	      }
 	    }
-	  };
+	
+	    return style;
+	  }
+	
+	  return { onProcessRule: onProcessRule, onProcessStyle: onProcessStyle };
 	}
@@ -105,0 +110,0 @@

dist/jss-vendor-prefixer.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.jssVendorPrefixer=t():e.jssVendorPrefixer=t()}(this,function(){return function(e){function t(o){if(r[o])return r[o].exports;var u=r[o]={exports:{},id:o,loaded:!1};return e[o].call(u.exports,u,u.exports,t),u.loaded=!0,u.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){"use strict";function o(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t}function u(){return function(e){if("keyframe"===e.type)return void(e.selector="@"+f.prefix.css+e.selector.substr(1));if("regular"===e.type)for(var t in e.style){var r=e.style[t],o=!1,u=f.supportedProperty(t);u&&u!==t&&(o=!0);var n=!1,l=f.supportedValue(u,r);l&&l!==r&&(n=!0),(o||n)&&(o&&delete e.style[t],e.style[u||t]=l||r)}}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=u;var n=r(1),f=o(n)},function(e,t,r){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.supportedValue=t.supportedProperty=t.prefix=void 0;var u=r(2),n=o(u),f=r(4),l=o(f),d=r(6),s=o(d);t.default={prefix:n.default,supportedProperty:l.default,supportedValue:s.default},/**
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.jssVendorPrefixer=t():e.jssVendorPrefixer=t()}(this,function(){return function(e){function t(o){if(r[o])return r[o].exports;var u=r[o]={exports:{},id:o,loaded:!1};return e[o].call(u.exports,u,u.exports,t),u.loaded=!0,u.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){"use strict";function o(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t}function u(){function e(e){"keyframe"===e.type&&(e.selector="@"+f.prefix.css+e.selector.substr(1))}function t(e,t){if("regular"!==t.type)return e;for(var r in e){var o=e[r],u=!1,n=f.supportedProperty(r);n&&n!==r&&(u=!0);var l=!1,d=f.supportedValue(n,o);d&&d!==o&&(l=!0),(u||l)&&(u&&delete e[r],e[n||r]=d||o)}return e}return{onProcessRule:e,onProcessStyle:t}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=u;var n=r(1),f=o(n)},function(e,t,r){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.supportedValue=t.supportedProperty=t.prefix=void 0;var u=r(2),n=o(u),f=r(4),l=o(f),d=r(6),s=o(d);t.default={prefix:n.default,supportedProperty:l.default,supportedValue:s.default},/**
 	    * CSS Vendor prefix detection and property feature testing.
@@ -3,0 +3,0 @@ *

lib/index.js

@@ -21,12 +21,13 @@ 'use strict';
 function jssVendorPrefixer() {
-  return function (rule) {
+  function onProcessRule(rule) {
     if (rule.type === 'keyframe') {
       rule.selector = '@' + vendor.prefix.css + rule.selector.substr(1);
-      return;
     }
+  }
 
-    if (rule.type !== 'regular') return;
+  function onProcessStyle(style, rule) {
+    if (rule.type !== 'regular') return style;
 
-    for (var prop in rule.style) {
-      var value = rule.style[prop];
+    for (var prop in style) {
+      var value = style[prop];
 
@@ -42,7 +43,11 @@ var changeProp = false;
       if (changeProp || changeValue) {
-        if (changeProp) delete rule.style[prop];
-        rule.style[supportedProp || prop] = supportedValue || value;
+        if (changeProp) delete style[prop];
+        style[supportedProp || prop] = supportedValue || value;
       }
     }
-  };
+
+    return style;
+  }
+
+  return { onProcessRule: onProcessRule, onProcessStyle: onProcessStyle };
 }

lib/index.test.js

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

package.json

 {
   "name": "jss-vendor-prefixer",
-  "description": "JSS plugin that handles vendor prefixes on the browser",
-  "version": "4.0.0",
+  "description": "JSS plugin that handles vendor prefixes in the browser",
+  "version": "5.0.0",
   "author": {
@@ -61,3 +61,3 @@ "name": "Oleg Slobodskoi",
     "expect.js": "^0.3.1",
-    "jss": "^6.0.0",
+    "jss": "^7.0.0",
     "karma": "^1.1.1",
@@ -80,3 +80,3 @@ "karma-benchmark": "^0.6.0",
   "peerDependencies": {
-    "jss": "^6.0.0"
+    "jss": "^7.0.0"
   },
@@ -83,0 +83,0 @@ "lint-staged": {

readme.md

@@ -1,3 +0,5 @@
-# JSS plugin that handles vendor prefixes on the browser
+# JSS plugin that handles vendor prefixes in the browser
 
+[![Gitter](https://badges.gitter.im/JoinChat.svg)](https://gitter.im/cssinjs/lobby)
+
 This vendor prefixer knows which properties and values are supported in the
@@ -12,26 +14,14 @@ current runtime and changes only whats required.
 
-[Demo](http://cssinjs.github.io/examples/index.html#plugin-jss-vendor-prefixer) -
-[JSS](https://github.com/cssinjs/jss)
+## Example
 
-[![Gitter](https://badges.gitter.im/Join Chat.svg)](https://gitter.im/cssinjs/lobby)
-
-
-## Usage example
-
 ```javascript
-import jss from 'jss'
-import vendorPrefixer from 'jss-vendor-prefixer'
-
-jss.use(vendorPrefixer())
-
-let sheet = jss.createStyleSheet({
+const styles = {
   container: {
     transform: 'translateX(100px)'
   }
-})
+}
 ```
 
-```javascript
-console.log(sheet.toString())
-```
+Compiles to:
+
 ```css
@@ -43,9 +33,2 @@ .jss-0-0 {
 
-```javascript
-console.log(sheet.classes)
-```
-```javascript
-{ container: "jss-0-0" }
-```
-
 ## Issues
@@ -52,0 +35,0 @@

tests/index.js

@@ -21,12 +21,13 @@ 'use strict';
 function jssVendorPrefixer() {
-  return function (rule) {
+  function onProcessRule(rule) {
     if (rule.type === 'keyframe') {
       rule.selector = '@' + vendor.prefix.css + rule.selector.substr(1);
-      return;
     }
+  }
 
-    if (rule.type !== 'regular') return;
+  function onProcessStyle(style, rule) {
+    if (rule.type !== 'regular') return style;
 
-    for (var prop in rule.style) {
-      var value = rule.style[prop];
+    for (var prop in style) {
+      var value = style[prop];
 
@@ -42,7 +43,11 @@ var changeProp = false;
       if (changeProp || changeValue) {
-        if (changeProp) delete rule.style[prop];
-        rule.style[supportedProp || prop] = supportedValue || value;
+        if (changeProp) delete style[prop];
+        style[supportedProp || prop] = supportedValue || value;
       }
     }
-  };
+
+    return style;
+  }
+
+  return { onProcessRule: onProcessRule, onProcessStyle: onProcessStyle };
 }

tests/index.test.js

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

No alert changes

Improved metrics

Total package byte prevSize

75397

increased by0.75%

Lines of code

671

increased by1.36%

Worsened metrics

Number of lines in readme file

46

decreased by-26.98%

No dependency changes