3.0.1 release

Author: Robin Frischmann

Changelog.md

@@ -1,6 +1,11 @@
 # Changelog
 
 ## 3.0
+
+### 3.0.1
+* performance improvements (~10% faster) ( [#115](https://github.com/rofrischmann/inline-style-prefixer/pull/115) ) ( [#116](https://github.com/rofrischmann/inline-style-prefixer/pull/116) )
+* ordering prefixed properties correctly ( [#117](https://github.com/rofrischmann/inline-style-prefixer/pull/117) )
+
 ### 3.0.0
 
 #### Complete Rewrite
@@ -10,6 +15,8 @@
 * new documentation using gitbook
 * integrated flowtype
 
+------
+
 ## 2.0
 ### 2.0.5
 * added style sorting to prepend prefixed properties ( [#105](https://github.com/rofrischmann/inline-style-prefixer/issues/105) )

README.md

@@ -18,11 +18,11 @@ If you're still using npm, you may run `npm i --save inline-style-prefixer`.
 We also provide [UMD](https://github.com/umdjs/umd) builds for each package in the `dist` folder. You can easily use them via [unpkg](https://unpkg.com/).
 ```HTML
 <!-- Unminified versions -->
-<script src="https://unpkg.com/[email protected].0/dist/inline-style-prefixer.js"></script>
-<script src="https://unpkg.com/[email protected].0/dist/inline-style-prefix-all.js"></script>
+<script src="https://unpkg.com/[email protected].1/dist/inline-style-prefixer.js"></script>
+<script src="https://unpkg.com/[email protected].1/dist/inline-style-prefix-all.js"></script>
 <!-- Minified versions -->
-<script src="https://unpkg.com/[email protected].0/dist/inline-style-prefixer.min.js"></script>
-<script src="https://unpkg.com/[email protected].0/dist/inline-style-prefix-all.min.js"></script>
+<script src="https://unpkg.com/[email protected].1/dist/inline-style-prefixer.min.js"></script>
+<script src="https://unpkg.com/[email protected].1/dist/inline-style-prefix-all.min.js"></script>
 ```
 
 ## Browser Support

benchmark/packages/301/static/createPrefixer.js

@@ -57,7 +57,7 @@ function createPrefixer(_ref) {
           style[property] = _processedValue;
         }
 
-        (0, _prefixProperty2.default)(prefixMap, property, style);
+        style = (0, _prefixProperty2.default)(prefixMap, property, style);
       }
     }
 

benchmark/packages/301/utils/prefixProperty.js

@@ -12,11 +12,27 @@ var _capitalizeString2 = _interopRequireDefault(_capitalizeString);
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function prefixProperty(prefixProperties, property, style) {
-  if (prefixProperties.hasOwnProperty(property)) {
-    var requiredPrefixes = prefixProperties[property];
-    for (var i = 0, len = requiredPrefixes.length; i < len; ++i) {
-      style[requiredPrefixes[i] + (0, _capitalizeString2.default)(property)] = style[property];
-    }
+  if (!prefixProperties.hasOwnProperty(property)) {
+    return style;
   }
+
+  // We need to preserve the order of the styles while inserting new prefixed
+  // styles. Object order is not guaranteed, but this is better than nothing.
+  // Note that this is brittle and is likely to break in older versions of
+  // Node (e.g. Node 4).
+  var newStyle = {};
+  Object.keys(style).forEach(function (styleProperty) {
+    if (styleProperty === property) {
+      // We've found the style we need to prefix.
+      var requiredPrefixes = prefixProperties[property];
+      for (var i = 0, len = requiredPrefixes.length; i < len; ++i) {
+        newStyle[requiredPrefixes[i] + (0, _capitalizeString2.default)(property)] = style[property];
+      }
+    }
+
+    newStyle[styleProperty] = style[styleProperty];
+  });
+
+  return newStyle;
 }
 module.exports = exports['default'];