Re-enable prefixing for all browser versions

The v3 update of inline-style-prefixer changed the set of browsers that
it would generate prefixes for by default. To prevent this from being a
breaking change for Aphrodite users, we are generating our own prefixer
data in a way that supports all versions of all browsers. The guide for
this can be found at:

  https://github.com/rofrischmann/inline-style-prefixer/blob/master/docs/guides/CustomPrefixAll.md

It would be nice to eventually allow consumers of Aphrodite to customize
the browser support matrix, but in the meantime, this will do.

Author: lencioni

package.json

@@ -15,9 +15,10 @@
     "coverage": "nyc --check-coverage --lines 100 --branches 100 npm run tests",
     "tests": "mocha --compilers js:babel/register tests",
     "tests:watch": "mocha --watch --compilers js:babel/register tests",
-    "prebuild": "rimraf dist lib",
+    "prebuild": "rimraf dist/* lib/*",
     "build": "npm-run-all --parallel build:*",
     "watch:build": "npm-run-all --parallel watch:build:*",
+    "build:prefixes": "tools/generate_prefixer_data.js",
     "build:main": "babel -d lib/ src",
     "watch:build:main": "npm run build:main -- --watch",
     "build:umd": "webpack --output-library-target umd --output-library aphrodite --output-filename aphrodite.umd.js --devtool source-map",
@@ -43,13 +44,15 @@
     "babel": "^5.8.23",
     "babel-core": "^5.8.25",
     "babel-loader": "^5.3.2",
+    "caniuse-api": "^1.5.3",
     "chai": "^3.3.0",
     "es6-shim": "^0.35.3",
     "eslint": "^3.7.1",
     "eslint-config-standard-react": "^4.2.0",
     "eslint-plugin-react": "^6.3.0",
     "flow-bin": "^0.34.0",
     "jsdom": "^6.5.1",
+    "mkdirp": "^0.5.1",
     "mocha": "^2.3.3",
     "npm-run-all": "^1.7.0",
     "nyc": "^6.4.4",

src/generate.js

@@ -1,12 +1,15 @@
 /* @flow */
-import prefixAll from 'inline-style-prefixer/static';
+import createPrefixer from 'inline-style-prefixer/static/createPrefixer';
+import staticData from '../lib/staticPrefixData';
 
 import OrderedElements from './ordered-elements';
 import {
     objectToPairs, kebabifyStyleName, recursiveMerge, stringifyValue,
     importantify, flatten
 } from './util';
 
+const prefixAll = createPrefixer(staticData);
+
 /* ::
 import type { SheetDefinition } from './index.js';
 type StringHandlers = { [id:string]: Function };

tests/generate_test.js

@@ -191,11 +191,13 @@ ${formatStyles(actual)}
             justifyContent: 'center',
         }], '.foo{' +
             '-webkit-box-pack:center !important;' +
+            '-ms-flex-pack:center !important;' +
             '-webkit-box-align:center !important;' +
-            'display:-ms-flexbox !important;' +
-            'display:-webkit-flex !important;' +
+            '-ms-flex-align:center !important;' +
             'display:flex !important;' +
             'display:-webkit-box !important;' +
+            'display:-ms-flexbox !important;' +
+            'display:-webkit-flex !important;' +
             'display:-moz-box !important;' +
             '-webkit-transition:all 0s !important;' +
             '-moz-transition:all 0s !important;' +

tools/generate_prefixer_data.js

@@ -0,0 +1,26 @@
+#!/usr/bin/env node
+const generateData = require("inline-style-prefixer/generator");
+const mkdirp = require("mkdirp");
+
+// We want all of the browser prefixes available, so set the browser version
+// to support to 0.
+const browserList = {
+    chrome: 0,
+    android: 0,
+    firefox: 0,
+    ios_saf: 0,
+    safari: 0,
+    ie: 0,
+    ie_mob: 0,
+    edge: 0,
+    opera: 0,
+    op_mini: 0,
+    and_uc: 0,
+    and_chr: 0,
+};
+
+mkdirp(`${__dirname}/../lib`);
+generateData(browserList, {
+    staticPath: `${__dirname}/../lib/staticPrefixData.js`,
+    compatibility: true,
+});