jss-vendor-prefixer - npm Package Compare versions

Comparing version 3.0.1 to 3.0.2

changelog.md

@@ -0,1 +1,5 @@
+## 3.0.2 / 2016-11-17
+
+- skip animation test in ie9
+
 ## 3.0.1 / 2016-11-05
@@ -2,0 +6,0 @@

dist/jss-vendor-prefixer.js

@@ -127,8 +127,8 @@ (function webpackUniversalModuleDefinition(root, factory) {
 	
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 	
-	exports.default = {
-	  prefix: _prefix2.default,
-	  supportedProperty: _supportedProperty2.default,
-	  supportedValue: _supportedValue2.default
+	exports['default'] = {
+	  prefix: _prefix2['default'],
+	  supportedProperty: _supportedProperty2['default'],
+	  supportedValue: _supportedValue2['default']
 	}; /**
@@ -142,5 +142,5 @@ * CSS Vendor prefix detection and property feature testing.
 	
-	exports.prefix = _prefix2.default;
-	exports.supportedProperty = _supportedProperty2.default;
-	exports.supportedValue = _supportedValue2.default;
+	exports.prefix = _prefix2['default'];
+	exports.supportedProperty = _supportedProperty2['default'];
+	exports.supportedValue = _supportedValue2['default'];
 
@@ -161,3 +161,3 @@ /***/ },
 	
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 	
@@ -172,3 +172,3 @@ var js = ''; /**
 	// We should not do anything if required serverside.
-	if (_isInBrowser2.default) {
+	if (_isInBrowser2['default']) {
 	  // Order matters. We need to check Webkit the last one because
@@ -201,3 +201,3 @@ // other vendors use to add Webkit prefixes to some properties
 	 */
-	exports.default = { js: js, css: css };
+	exports['default'] = { js: js, css: css };
 
@@ -229,3 +229,3 @@ /***/ },
 	});
-	exports.default = supportedProperty;
+	exports['default'] = supportedProperty;
 	
@@ -244,3 +244,3 @@ var _isInBrowser = __webpack_require__(3);
 	
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 	
@@ -250,3 +250,3 @@ var el = void 0;
 	
-	if (_isInBrowser2.default) {
+	if (_isInBrowser2['default']) {
 	  el = document.createElement('p');
@@ -265,3 +265,3 @@
 	  for (var key in computed) {
-	    cache[computed[key]] = computed[key];
+	    if (!isNaN(key)) cache[computed[key]] = computed[key];
 	  }
@@ -288,8 +288,8 @@ }
 	  // Test if property is supported as it is.
-	  if ((0, _camelize2.default)(prop) in el.style) {
+	  if ((0, _camelize2['default'])(prop) in el.style) {
 	    cache[prop] = prop;
 	  }
 	  // Test if property is supported with vendor prefix.
-	  else if (_prefix2.default.js + (0, _camelize2.default)('-' + prop) in el.style) {
-	      cache[prop] = _prefix2.default.css + prop;
+	  else if (_prefix2['default'].js + (0, _camelize2['default'])('-' + prop) in el.style) {
+	      cache[prop] = _prefix2['default'].css + prop;
 	    } else {
@@ -311,3 +311,3 @@ cache[prop] = false;
 	});
-	exports.default = camelize;
+	exports['default'] = camelize;
 	var regExp = /[-\s]+(.)?/g;
@@ -338,3 +338,3 @@
 	});
-	exports.default = supportedValue;
+	exports['default'] = supportedValue;
 	
@@ -349,3 +349,3 @@ var _isInBrowser = __webpack_require__(3);
 	
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 	
@@ -355,3 +355,3 @@ var cache = {};
 	
-	if (_isInBrowser2.default) el = document.createElement('p');
+	if (_isInBrowser2['default']) el = document.createElement('p');
 	
@@ -388,7 +388,7 @@ /**
 	  // Value is supported as it is.
-	  if (el.style[property] === value) {
+	  if (el.style[property] !== '') {
 	    cache[cacheKey] = value;
 	  } else {
 	    // Test value with vendor prefix.
-	    value = _prefix2.default.css + value;
+	    value = _prefix2['default'].css + value;
 	
@@ -401,3 +401,3 @@ // Hardcode test to convert "flex" to "-ms-flexbox" for IE10.
 	    // Value is supported with vendor prefix.
-	    if (el.style[property] === value) cache[cacheKey] = value;
+	    if (el.style[property] !== '') cache[cacheKey] = value;
 	  }
@@ -407,2 +407,5 @@
 	
+	  // Reset style value.
+	  el.style[property] = '';
+	
 	  return cache[cacheKey];
@@ -409,0 +412,0 @@ }

dist/jss-vendor-prefixer.min.js

@@ -8,3 +8,3 @@ !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},/**
 	    */
-t.prefix=n.default,t.supportedProperty=l.default,t.supportedValue=s.default},function(e,t,r){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var u=r(3),n=o(u),f="",l="";if(n.default){var d={Moz:"-moz-",ms:"-ms-",O:"-o-",Webkit:"-webkit-"},s=document.createElement("p").style,i="Transform";for(var a in d)if(a+i in s){f=a,l=d[a];break}}t.default={js:f,css:l}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o=t.isBrowser="object"===("undefined"==typeof window?"undefined":r(window))&&"object"===("undefined"==typeof document?"undefined":r(document))&&9===document.nodeType;t.default=o},function(e,t,r){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function u(e){return a?null!=c[e]?c[e]:((0,i.default)(e)in a.style?c[e]=e:d.default.js+(0,i.default)("-"+e)in a.style?c[e]=d.default.css+e:c[e]=!1,c[e]):e}Object.defineProperty(t,"__esModule",{value:!0}),t.default=u;var n=r(3),f=o(n),l=r(2),d=o(l),s=r(5),i=o(s),a=void 0,c={};if(f.default){a=document.createElement("p");var p=window.getComputedStyle(document.documentElement,"");for(var y in p)c[p[y]]=p[y]}},function(e,t){"use strict";function r(e){return e.replace(u,o)}function o(e,t){return t?t.toUpperCase():""}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var u=/[-\s]+(.)?/g},function(e,t,r){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(!i)return t;if("string"!=typeof t||!isNaN(parseInt(t,10)))return t;var r=e+t;if(null!=s[r])return s[r];try{i.style[e]=t}catch(e){return s[r]=!1,!1}return i.style[e]===t?s[r]=t:(t=d.default.css+t,"-ms-flex"===t&&(t="-ms-flexbox"),i.style[e]=t,i.style[e]===t&&(s[r]=t)),s[r]||(s[r]=!1),s[r]}Object.defineProperty(t,"__esModule",{value:!0}),t.default=u;var n=r(3),f=o(n),l=r(2),d=o(l),s={},i=void 0;f.default&&(i=document.createElement("p"))}])});
+t.prefix=n.default,t.supportedProperty=l.default,t.supportedValue=s.default},function(e,t,r){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var u=r(3),n=o(u),f="",l="";if(n.default){var d={Moz:"-moz-",ms:"-ms-",O:"-o-",Webkit:"-webkit-"},s=document.createElement("p").style,i="Transform";for(var a in d)if(a+i in s){f=a,l=d[a];break}}t.default={js:f,css:l}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o=t.isBrowser="object"===("undefined"==typeof window?"undefined":r(window))&&"object"===("undefined"==typeof document?"undefined":r(document))&&9===document.nodeType;t.default=o},function(e,t,r){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function u(e){return a?null!=c[e]?c[e]:((0,i.default)(e)in a.style?c[e]=e:d.default.js+(0,i.default)("-"+e)in a.style?c[e]=d.default.css+e:c[e]=!1,c[e]):e}Object.defineProperty(t,"__esModule",{value:!0}),t.default=u;var n=r(3),f=o(n),l=r(2),d=o(l),s=r(5),i=o(s),a=void 0,c={};if(f.default){a=document.createElement("p");var p=window.getComputedStyle(document.documentElement,"");for(var y in p)isNaN(y)||(c[p[y]]=p[y])}},function(e,t){"use strict";function r(e){return e.replace(u,o)}function o(e,t){return t?t.toUpperCase():""}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var u=/[-\s]+(.)?/g},function(e,t,r){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(!i)return t;if("string"!=typeof t||!isNaN(parseInt(t,10)))return t;var r=e+t;if(null!=s[r])return s[r];try{i.style[e]=t}catch(e){return s[r]=!1,!1}return""!==i.style[e]?s[r]=t:(t=d.default.css+t,"-ms-flex"===t&&(t="-ms-flexbox"),i.style[e]=t,""!==i.style[e]&&(s[r]=t)),s[r]||(s[r]=!1),i.style[e]="",s[r]}Object.defineProperty(t,"__esModule",{value:!0}),t.default=u;var n=r(3),f=o(n),l=r(2),d=o(l),s={},i=void 0;f.default&&(i=document.createElement("p"))}])});
 //# sourceMappingURL=jss-vendor-prefixer.min.js.map

lib/index.test.js

@@ -13,2 +13,6 @@ 'use strict';
 
+var _detectBrowser = require('detect-browser');
+
+var _detectBrowser2 = _interopRequireDefault(_detectBrowser);
+
 var _index = require('./index');
@@ -20,2 +24,8 @@
 
+var settings = {
+  generateClassName: function generateClassName(str, rule) {
+    return rule.name + '-id';
+  }
+};
+
 describe('jss-vendor-prefixer', function () {
@@ -25,3 +35,3 @@ var jss = void 0;
   beforeEach(function () {
-    jss = (0, _jss.create)().use((0, _index2['default'])());
+    jss = (0, _jss.create)(settings).use((0, _index2['default'])());
   });
@@ -35,8 +45,12 @@
         a: { animation: 'yyy' }
-      }, { named: false });
+      });
     });
 
+    if (_detectBrowser2['default'].name === 'ie' && _detectBrowser2['default'].version === '9.0.0') {
+      return;
+    }
+
     it('should generate correct CSS', function () {
       var prefixedProp = _cssVendor2['default'].supportedProperty('animation');
-      (0, _expect2['default'])(sheet.toString()).to.be('a {\n  ' + prefixedProp + ': yyy;\n}');
+      (0, _expect2['default'])(sheet.toString()).to.be('.a-id {\n  ' + prefixedProp + ': yyy;\n}');
     });
@@ -51,3 +65,3 @@ });
         '@keyframes a': {}
-      }, { named: false });
+      });
     });
@@ -67,7 +81,7 @@
         a: { xxx: 'block' }
-      }, { named: false });
+      });
     });
 
     it('should generate correct CSS', function () {
-      (0, _expect2['default'])(sheet.toString()).to.be('a {\n  xxx: block;\n}');
+      (0, _expect2['default'])(sheet.toString()).to.be('.a-id {\n  xxx: block;\n}');
     });
@@ -82,7 +96,7 @@ });
         a: { display: 'yyy' }
-      }, { named: false });
+      });
     });
 
     it('should generate correct CSS', function () {
-      (0, _expect2['default'])(sheet.toString()).to.be('a {\n  display: yyy;\n}');
+      (0, _expect2['default'])(sheet.toString()).to.be('.a-id {\n  display: yyy;\n}');
     });
@@ -97,7 +111,7 @@ });
         a: { xxx: 'yyy' }
-      }, { named: false });
+      });
     });
 
     it('should generate correct CSS', function () {
-      (0, _expect2['default'])(sheet.toString()).to.be('a {\n  xxx: yyy;\n}');
+      (0, _expect2['default'])(sheet.toString()).to.be('.a-id {\n  xxx: yyy;\n}');
     });
@@ -112,3 +126,3 @@ });
         a: { display: 'flex' }
-      }, { named: false });
+      });
     });
@@ -118,5 +132,5 @@
       var supportedValue = _cssVendor2['default'].supportedValue('display', 'flex');
-      (0, _expect2['default'])(sheet.toString()).to.be('a {\n  display: ' + supportedValue + ';\n}');
+      (0, _expect2['default'])(sheet.toString()).to.be('.a-id {\n  display: ' + supportedValue + ';\n}');
     });
   });
 });

package.json

 {
   "name": "jss-vendor-prefixer",
   "description": "JSS plugin that handles vendor prefixes on the browser",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "author": {
@@ -39,3 +39,3 @@ "name": "Oleg Slobodskoi",
   "dependencies": {
-    "css-vendor": "^0.3.4"
+    "css-vendor": "^0.3.8"
   },
@@ -53,2 +53,3 @@ "main": "lib/index.js",
     "cross-env": "^3.1.3",
+    "detect-browser": "^1.5.0",
     "es5-shim": "^4.5.9",
@@ -80,5 +81,2 @@ "eslint": "^3.9.1",
   "peerDependencies": {
-    "jss": "^5.2.0"
-  },
-  "peerDependencies": {
     "jss": "^5.5.6"
@@ -85,0 +83,0 @@ },

readme.md

@@ -10,8 +10,12 @@ ![JSS logo](https://avatars1.githubusercontent.com/u/9503099?v=3&s=60)
 
-[Demo](http://jsstyles.github.io/examples/index.html#plugin-jss-vendor-prefixer) -
-[JSS](https://github.com/jsstyles/jss)
+Make sure you read [how to use
+plugins](https://github.com/cssinjs/jss/blob/master/docs/setup.md#setup-with-plugins)
+in general.
 
-[![Gitter](https://badges.gitter.im/Join Chat.svg)](https://gitter.im/jsstyles/jss?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
+[Demo](http://cssinjs.github.io/examples/index.html#plugin-jss-vendor-prefixer) -
+[JSS](https://github.com/cssinjs/jss)
 
+[![Gitter](https://badges.gitter.im/Join Chat.svg)](https://gitter.im/cssinjs/lobby)
 
+
 ## Usage example
@@ -50,3 +54,3 @@
 
-File a bug against [jsstyles/jss prefixed with \[jss-vendor-prefixer\]](https://github.com/jsstyles/jss/issues/new?title=[jss-vendor-prefixer]%20).
+File a bug against [cssinjs/jss prefixed with \[jss-vendor-prefixer\]](https://github.com/cssinjs/jss/issues/new?title=[jss-vendor-prefixer]%20).
 
@@ -53,0 +57,0 @@ ## Run tests

tests/index.test.js

@@ -13,2 +13,6 @@ 'use strict';
 
+var _detectBrowser = require('detect-browser');
+
+var _detectBrowser2 = _interopRequireDefault(_detectBrowser);
+
 var _index = require('./index');
@@ -20,2 +24,8 @@
 
+var settings = {
+  generateClassName: function generateClassName(str, rule) {
+    return rule.name + '-id';
+  }
+};
+
 describe('jss-vendor-prefixer', function () {
@@ -25,3 +35,3 @@ var jss = void 0;
   beforeEach(function () {
-    jss = (0, _jss.create)().use((0, _index2['default'])());
+    jss = (0, _jss.create)(settings).use((0, _index2['default'])());
   });
@@ -35,8 +45,12 @@
         a: { animation: 'yyy' }
-      }, { named: false });
+      });
     });
 
+    if (_detectBrowser2['default'].name === 'ie' && _detectBrowser2['default'].version === '9.0.0') {
+      return;
+    }
+
     it('should generate correct CSS', function () {
       var prefixedProp = _cssVendor2['default'].supportedProperty('animation');
-      (0, _expect2['default'])(sheet.toString()).to.be('a {\n  ' + prefixedProp + ': yyy;\n}');
+      (0, _expect2['default'])(sheet.toString()).to.be('.a-id {\n  ' + prefixedProp + ': yyy;\n}');
     });
@@ -51,3 +65,3 @@ });
         '@keyframes a': {}
-      }, { named: false });
+      });
     });
@@ -67,7 +81,7 @@
         a: { xxx: 'block' }
-      }, { named: false });
+      });
     });
 
     it('should generate correct CSS', function () {
-      (0, _expect2['default'])(sheet.toString()).to.be('a {\n  xxx: block;\n}');
+      (0, _expect2['default'])(sheet.toString()).to.be('.a-id {\n  xxx: block;\n}');
     });
@@ -82,7 +96,7 @@ });
         a: { display: 'yyy' }
-      }, { named: false });
+      });
     });
 
     it('should generate correct CSS', function () {
-      (0, _expect2['default'])(sheet.toString()).to.be('a {\n  display: yyy;\n}');
+      (0, _expect2['default'])(sheet.toString()).to.be('.a-id {\n  display: yyy;\n}');
     });
@@ -97,7 +111,7 @@ });
         a: { xxx: 'yyy' }
-      }, { named: false });
+      });
     });
 
     it('should generate correct CSS', function () {
-      (0, _expect2['default'])(sheet.toString()).to.be('a {\n  xxx: yyy;\n}');
+      (0, _expect2['default'])(sheet.toString()).to.be('.a-id {\n  xxx: yyy;\n}');
     });
@@ -112,3 +126,3 @@ });
         a: { display: 'flex' }
-      }, { named: false });
+      });
     });
@@ -118,5 +132,5 @@
       var supportedValue = _cssVendor2['default'].supportedValue('display', 'flex');
-      (0, _expect2['default'])(sheet.toString()).to.be('a {\n  display: ' + supportedValue + ';\n}');
+      (0, _expect2['default'])(sheet.toString()).to.be('.a-id {\n  display: ' + supportedValue + ';\n}');
     });
   });
 });

No alert changes

Improved metrics

Total package byte prevSize

74744

increased by1.63%

Lines of code

654

increased by3.48%

Number of lines in readme file

65

increased by6.56%

Worsened metrics

Dev dependency count

34

increased by3.03%

Dependency changes

• Updatedcss-vendor@^0.3.8