Changeset 12135

Timestamp:

05/27/2018 11:09:07 AM (6 years ago)

Author:

netweb

Message:

Build/Test Tools: Add Autoprefixer

• Autoprefixer is a PostCSS plugin to parse CSS and automatically add CSS vendor prefixes based on an a supported list of browsers.
• The supported browsers list is inherited from WordPress, see ​https://make.wordpress.org/core/handbook/best-practices/browser-support/

Fixes #7791.

Location:

trunk

Files:

• Gruntfile.js (modified) (3 diffs)
• npm-shrinkwrap.json (modified) (6 diffs)
• package.json (modified) (4 diffs)

trunk/Gruntfile.js

@@ -28 +28 @@
         ],
 
+        autoprefixer = require('autoprefixer'),
         stylelintConfigCss  = require('stylelint-config-wordpress/index.js'),
         stylelintConfigScss = require('stylelint-config-wordpress/scss.js');
@@ -241 +242 @@
             }
         },
+        postcss: {
+            options: {
+                map: false,
+                processors: [
+                    autoprefixer({
+                        browsers: ['extends @wordpress/browserslist-config'],
+                        cascade: false
+                    })
+                ],
+                failOnError: false
+            },
+            css: {
+                expand: true,
+                cwd: SOURCE_DIR,
+                dest: SOURCE_DIR,
+                src: BP_CSS.concat( BP_EXCLUDED_CSS, BP_EXCLUDED_MISC )
+            }
+        },
         cssmin: {
             minify: {
@@ -310 +329 @@
      * Register tasks.
      */
-    grunt.registerTask( 'src',     ['checkDependencies', 'jsvalidate:src', 'jshint', 'stylelint', 'sass', 'rtlcss'] );
+    grunt.registerTask( 'src',     ['checkDependencies', 'jsvalidate:src', 'jshint', 'stylelint', 'sass', 'postcss', 'rtlcss'] );
     grunt.registerTask( 'commit',  ['src', 'checktextdomain', 'imagemin'] );
     grunt.registerTask( 'build',   ['commit', 'clean:all', 'copy:files', 'uglify', 'jsvalidate:build', 'cssmin', 'makepot', 'exec:bpdefault', 'exec:cli'] );

trunk/npm-shrinkwrap.json

@@ -5 +5 @@
     "requires": true,
     "dependencies": {
+        "@wordpress/browserslist-config": {
+            "version": "2.1.4",
+            "resolved": "https://registry.npmjs.org/@wordpress/browserslist-config/-/browserslist-config-2.1.4.tgz",
+            "integrity": "sha512-J8vd88IFsjYwYZSIVATDjWa0pH997zvQ6quor30UdwhqdZ4ZWxIh4AEADqZA3I4EwskWVmg9n9DF7jVUDZPxwg==",
+            "dev": true
+        },
         "JSONStream": {
             "version": "0.8.4",
@@ -216 +222 @@
         },
         "autoprefixer": {
-            "version": "6.7.7",
-            "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-6.7.7.tgz",
-            "integrity": "sha1-Hb0cg1ZY41zj+ZhAmdsAWFx4IBQ=",
-            "dev": true,
-            "requires": {
-                "browserslist": "1.7.7",
-                "caniuse-db": "1.0.30000676",
+            "version": "8.5.1",
+            "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-8.5.1.tgz",
+            "integrity": "sha512-0zXQ6OqbnVaplQKkKTASxHFPMNy6WfrXS5QRDJ4zTDxEBB3r7NPDSK4h9KCyQi1tq0tX5MsN4RdzChVBn2k/aw==",
+            "dev": true,
+            "requires": {
+                "browserslist": "3.2.8",
+                "caniuse-lite": "1.0.30000846",
                 "normalize-range": "0.1.2",
                 "num2fraction": "1.2.2",
-                "postcss": "5.2.17",
+                "postcss": "6.0.22",
                 "postcss-value-parser": "3.3.0"
             },
             "dependencies": {
+                "ansi-styles": {
+                    "version": "3.2.1",
+                    "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+                    "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+                    "dev": true,
+                    "requires": {
+                        "color-convert": "1.9.1"
+                    }
+                },
+                "browserslist": {
+                    "version": "3.2.8",
+                    "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-3.2.8.tgz",
+                    "integrity": "sha512-WHVocJYavUwVgVViC0ORikPHQquXwVh939TaelZ4WDqpWgTX/FsGhl/+P4qBUAGcRvtOgDgC+xftNWWp2RUTAQ==",
+                    "dev": true,
+                    "requires": {
+                        "caniuse-lite": "1.0.30000846",
+                        "electron-to-chromium": "1.3.48"
+                    }
+                },
+                "chalk": {
+                    "version": "2.4.1",
+                    "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.1.tgz",
+                    "integrity": "sha512-ObN6h1v2fTJSmUXoS3nMQ92LbDK9be4TV+6G+omQlGJFdcUX5heKi1LZ1YnRMIgwTLEj3E24bT6tYni50rlCfQ==",
+                    "dev": true,
+                    "requires": {
+                        "ansi-styles": "3.2.1",
+                        "escape-string-regexp": "1.0.5",
+                        "supports-color": "5.4.0"
+                    }
+                },
+                "electron-to-chromium": {
+                    "version": "1.3.48",
+                    "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.48.tgz",
+                    "integrity": "sha1-07DYWTgUBE4JLs4hCPw6ya6kuQA=",
+                    "dev": true
+                },
+                "has-flag": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+                    "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
+                    "dev": true
+                },
                 "postcss": {
-                    "version": "5.2.17",
-                    "resolved": "https://registry.npmjs.org/postcss/-/postcss-5.2.17.tgz",
-                    "integrity": "sha1-z09Ze4ZNZcikkrLqvp1wbIecOIs=",
-                    "dev": true,
-                    "requires": {
-                        "chalk": "1.1.3",
-                        "js-base64": "2.1.9",
-                        "source-map": "0.5.6",
-                        "supports-color": "3.2.3"
+                    "version": "6.0.22",
+                    "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.22.tgz",
+                    "integrity": "sha512-Toc9lLoUASwGqxBSJGTVcOQiDqjK+Z2XlWBg+IgYwQMY9vA2f7iMpXVc1GpPcfTSyM5lkxNo0oDwDRO+wm7XHA==",
+                    "dev": true,
+                    "requires": {
+                        "chalk": "2.4.1",
+                        "source-map": "0.6.1",
+                        "supports-color": "5.4.0"
                     }
                 },
                 "source-map": {
-                    "version": "0.5.6",
-                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.6.tgz",
-                    "integrity": "sha1-dc449SvwczxafwwRjYEzSiu19BI=",
+                    "version": "0.6.1",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                    "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
                     "dev": true
                 },
                 "supports-color": {
-                    "version": "3.2.3",
-                    "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-3.2.3.tgz",
-                    "integrity": "sha1-ZawFBLOVQXHYpklGsq48u4pfVPY=",
-                    "dev": true,
-                    "requires": {
-                        "has-flag": "1.0.0"
+                    "version": "5.4.0",
+                    "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.4.0.tgz",
+                    "integrity": "sha512-zjaXglF5nnWpsq470jSv6P9DwPvgLkuapYmfDm3JWOm0vkNTVF2tI4UrN2r6jH1qM/uc/WtxYY1hYoA2dOKj5w==",
+                    "dev": true,
+                    "requires": {
+                        "has-flag": "3.0.0"
                     }
                 }
@@ -529 +576 @@
             "dev": true
         },
+        "caniuse-lite": {
+            "version": "1.0.30000846",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30000846.tgz",
+            "integrity": "sha512-qxUOHr5mTaadWH1ap0ueivHd8x42Bnemcn+JutVr7GWmm2bU4zoBhjuv5QdXgALQnnT626lOQros7cCDf8PwCg==",
+            "dev": true
+        },
         "capture-stack-trace": {
             "version": "1.0.0",
@@ -1288 +1341 @@
                 "fs-exists-sync": "0.1.0"
             }
+        },
+        "diff": {
+            "version": "3.5.0",
+            "resolved": "https://registry.npmjs.org/diff/-/diff-3.5.0.tgz",
+            "integrity": "sha512-A46qtFgd+g7pDZinpnwiRJtxbC1hpgf0uzP3iG89scHk0AUC7A1TGxf5OiiOUv/JMZR8GOt8hL900hV0bOy5xA==",
+            "dev": true
         },
         "doiuse": {
@@ -2663 +2722 @@
                         "sprintf-js": "1.0.3",
                         "util-deprecate": "1.0.2"
+                    }
+                }
+            }
+        },
+        "grunt-postcss": {
+            "version": "0.9.0",
+            "resolved": "https://registry.npmjs.org/grunt-postcss/-/grunt-postcss-0.9.0.tgz",
+            "integrity": "sha512-lglLcVaoOIqH0sFv7RqwUKkEFGQwnlqyAKbatxZderwZGV1nDyKHN7gZS9LUiTx1t5GOvRBx0BEalHMyVwFAIA==",
+            "dev": true,
+            "requires": {
+                "chalk": "2.4.1",
+                "diff": "3.5.0",
+                "postcss": "6.0.22"
+            },
+            "dependencies": {
+                "ansi-styles": {
+                    "version": "3.2.1",
+                    "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+                    "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+                    "dev": true,
+                    "requires": {
+                        "color-convert": "1.9.1"
+                    }
+                },
+                "chalk": {
+                    "version": "2.4.1",
+                    "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.1.tgz",
+                    "integrity": "sha512-ObN6h1v2fTJSmUXoS3nMQ92LbDK9be4TV+6G+omQlGJFdcUX5heKi1LZ1YnRMIgwTLEj3E24bT6tYni50rlCfQ==",
+                    "dev": true,
+                    "requires": {
+                        "ansi-styles": "3.2.1",
+                        "escape-string-regexp": "1.0.5",
+                        "supports-color": "5.4.0"
+                    }
+                },
+                "has-flag": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+                    "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
+                    "dev": true
+                },
+                "postcss": {
+                    "version": "6.0.22",
+                    "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.22.tgz",
+                    "integrity": "sha512-Toc9lLoUASwGqxBSJGTVcOQiDqjK+Z2XlWBg+IgYwQMY9vA2f7iMpXVc1GpPcfTSyM5lkxNo0oDwDRO+wm7XHA==",
+                    "dev": true,
+                    "requires": {
+                        "chalk": "2.4.1",
+                        "source-map": "0.6.1",
+                        "supports-color": "5.4.0"
+                    }
+                },
+                "source-map": {
+                    "version": "0.6.1",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                    "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+                    "dev": true
+                },
+                "supports-color": {
+                    "version": "5.4.0",
+                    "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.4.0.tgz",
+                    "integrity": "sha512-zjaXglF5nnWpsq470jSv6P9DwPvgLkuapYmfDm3JWOm0vkNTVF2tI4UrN2r6jH1qM/uc/WtxYY1hYoA2dOKj5w==",
+                    "dev": true,
+                    "requires": {
+                        "has-flag": "3.0.0"
                     }
                 }
@@ -5583 +5707 @@
             "dev": true,
             "requires": {
-                "autoprefixer": "6.7.7",
                 "balanced-match": "0.4.2",
                 "chalk": "1.1.3",

trunk/package.json

@@ -6 +6 @@
     "description": "BuddyPress adds community features to WordPress. Member Profiles, Activity Streams, Direct Messaging, Notifications, and more!",
     "devDependencies": {
+        "@wordpress/browserslist-config": "~2.1.4",
+        "autoprefixer": "~8.5.1",
         "grunt": "^1.0.2",
         "grunt-check-dependencies": "~1.0.0",
@@ -20 +22 @@
         "grunt-legacy-util": "^1.0.0",
         "grunt-patch-wordpress": "~0.4.2",
+        "grunt-postcss": "~0.9.0",
         "grunt-rtlcss": "~2.0.1",
         "grunt-sass": "~2.0.0",
@@ -25 +28 @@
         "grunt-wp-i18n": "^1.0.2",
         "matchdep": "~1.0.1",
-        "postcss-scss": "^1.0.5",
+        "postcss-scss": "~1.0.5",
         "stylelint": "~7.10.1",
         "stylelint-config-wordpress": "~11.0.0"
@@ -50 +53 @@
     },
     "version": "3.0.0",
-    "dependencies": {}
+    "dependencies": {},
+    "browserslist": [
+        "extends @wordpress/browserslist-config"
+    ]
 }