Merge pull request #1 from rongierlach/purify-css

Purify css

Author: youfoundron

README.md

@@ -1,27 +1,27 @@
-# Gatsby Plugin Uncss
+# Gatsby Plugin PurifyCSS
 [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
- [![npm version](https://badge.fury.io/js/gatsby-plugin-uncss.svg)](https://badge.fury.io/js/gatsby-plugin-uncss) [![dependencies Status](https://david-dm.org/rongierlach/gatsby-plugin-uncss/status.svg)](https://david-dm.org/rongierlach/gatsby-plugin-uncss) [![devDependencies Status](https://david-dm.org/rongierlach/gatsby-plugin-uncss/dev-status.svg)](https://david-dm.org/rongierlach/gatsby-plugin-uncss?type=dev)  
-A [Gatsby](https://github.com/gatsbyjs/gatsby) post-build plugin that implements [Uncss](https://github.com/giakki/uncss).  
+ [![npm version](https://badge.fury.io/js/gatsby-plugin-purify-css.svg)](https://badge.fury.io/js/gatsby-plugin-purify-css) [![dependencies Status](https://david-dm.org/rongierlach/gatsby-plugin-purify-css/status.svg)](https://david-dm.org/rongierlach/gatsby-plugin-purify-css) [![devDependencies Status](https://david-dm.org/rongierlach/gatsby-plugin-purify-css/dev-status.svg)](https://david-dm.org/rongierlach/gatsby-plugin-purify-css?type=dev)  
+A [Gatsby](https://github.com/gatsbyjs/gatsby) post-build plugin that implements [PurifyCSS](https://github.com/purifycss/purifycss).  
 Never worry about the size of your css framework again!  
 It updates your html files directly, removing any unused inline styles.
 
 ## Install
-`$ npm install gatsby-plugin-uncss`
+`$ npm install gatsby-plugin-purify-css`
 
 ## Usage
 In your `gatsby-config.js` file:
 ```javascript
 module.exports = {
   plugins: [
     {
-      resolve: 'gatsby-plugin-uncss'
+      resolve: 'gatsby-plugin-purify-css'
       options: {
-        uncssOptions: { /* ... */ }
+        purifyOptions: { /* ... */ }
       }
     }
   ]
 }
 ```
 
 ## Options
-Uncss options are documented [here](https://github.com/giakki/uncss#within-nodejs).
+PurifyCSS options are documented [here](https://github.com/purifycss/purifycss#the-optional-options-argument).

example/.gitignore

@@ -0,0 +1,9 @@
+# Project dependencies
+# https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
+node_modules
+.cache/
+# Build directory
+public/
+.DS_Store
+yarn-error.log
+yarn.lock

example/package.json

@@ -13,6 +13,6 @@
   "dependencies": {
     "gatsby": "^1.9.38",
     "gatsby-link": "^1.6.16",
-    "gatsby-plugin-uncss": "^1.0.0"
+    "gatsby-plugin-uncss": "^1.1.0"
   }
 }

package.json

@@ -1,12 +1,12 @@
 {
-  "name": "gatsby-plugin-uncss",
-  "version": "1.1.0",
+  "name": "gatsby-plugin-purify-css",
+  "version": "0.0.0",
   "description": "Gatsby plugin for removing unused CSS in production.",
   "keywords": [
     "gatsby",
     "plugin",
-    "uncss",
     "purify",
+    "uncss",
     "css"
   ],
   "main": "index.js",
@@ -17,16 +17,16 @@
     "build": "webpack",
     "prepublishOnly": "npm run clean && npm run build"
   },
-  "repository": "git@github.com:rongierlach/gatsby-plugin-uncss.git",
+  "repository": "git@github.com:rongierlach/gatsby-plugin-purify-css.git",
   "author": "Ron Gierlach <rongierlach@gmail.com>",
   "license": "GPL-3.0",
   "dependencies": {
     "bluebird": "^3.5.0",
     "cheerio": "^1.0.0-rc.2",
     "klaw": "^2.1.0",
+    "purify-css": "^1.2.5",
     "strip-css-comments": "^3.0.0",
-    "through2-filter": "^2.0.0",
-    "uncss": "^0.15.0"
+    "through2-filter": "^2.0.0"
   },
   "devDependencies": {
     "babel-eslint": "^8.0.0",

src/index.js

@@ -1,4 +1,4 @@
-import uncss from 'uncss'
+import purify from 'purify-css'
 import { resolve } from 'path'
 import { promisify, all } from 'bluebird'
 
@@ -7,9 +7,9 @@ import sanitizeCSS from './sanitizeCSS'
 import getPathsWithExt from './getPathsWithExt'
 import selectAndReplaceInFileFactory from './selectAndReplaceInFileFactory'
 
-const uncssAsync = promisify(uncss)
+const purifyAsync = promisify(purify)
 
-exports.onPostBuild = async (_, { uncssOptions }, cb) => {
+exports.onPostBuild = async (_, {purifyOptions = {minify: true}}, cb) => {
   const rootPath = resolve('public')
 
   // get file paths
@@ -18,11 +18,7 @@ exports.onPostBuild = async (_, { uncssOptions }, cb) => {
 
   // evalute CSS
   let originalCSS = await readFile(cssFile, { encoding: 'utf-8' })
-  let purifiedCSS = await uncssAsync(htmlFiles, {
-    ...uncssOptions,
-    raw: originalCSS,
-    htmlroot: rootPath
-  })
+  let purifiedCSS = await purifyAsync(htmlFiles, originalCSS, purifyOptions)
 
   // remove comments, sourcemaps, and newlines
   purifiedCSS = sanitizeCSS(purifiedCSS)