Merge pull request #12 from kimulaco/feat/support-postcss-v8

feat: support postcss v8

.eslintignore

@@ -0,0 +1 @@
+node_modules/

.eslintrc.js

@@ -3,4 +3,4 @@ module.exports = {
   env: {
     jest: true
   }
-}
+}

.github/workflows/nodejs.yml

@@ -14,15 +14,17 @@ jobs:
     runs-on: ${{ matrix.os }}
     strategy:
       matrix:
-        node-version: ['12']
+        node-version: ['14']
         os: [ubuntu-latest]
     steps:
     - uses: actions/checkout@v1
     - name: Use Node.js ${{ matrix.node-version }}
       uses: actions/setup-node@v1
       with:
         node-version: ${{ matrix.node-version }}
-    - name: yarn install
-      run: yarn
-    - name: yarn test
-      run: yarn test
+    - name: npm install
+      run: npm install
+    - name: npm run lint
+      run: npm run lint
+    - name: npm run test
+      run: npm run test

.gitignore

@@ -2,3 +2,4 @@
 .node-version
 npm-debug.log
 node_modules
+test/**/dist

.npmignore

@@ -1,4 +1,8 @@
 .DS_Store
-.node-version
 npm-debug.log
 node_modules
+.github
+test
+.editorconfig
+.eslintrc.js
+.eslintignore

CHANGELOG.md

@@ -0,0 +1,8 @@
+# Change Log
+
+## 1.4.0
+
+- Support PostCSS v7 and v8.
+- Updated [amp-custom](https://github.com/kimulaco/amp-custom) to v1.4.0.
+- Updated devDependencies.
+- Fixed CI config.

README.md

@@ -2,11 +2,13 @@
 
 [![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://opensource.org/licenses/MIT)
 [![npm version](https://badge.fury.io/js/postcss-amp-custom.svg)](https://badge.fury.io/js/postcss-amp-custom)
-[![Build Status](https://travis-ci.org/kimulaco/postcss-amp-custom.svg?branch=master)](https://travis-ci.org/kimulaco/postcss-amp-custom)
+[![Build Status](https://github.com/kimulaco/postcss-amp-custom/workflows/Test/badge.svg)](https://github.com/kimulaco/postcss-amp-custom/actions)
 
-PostCSS plugin to optimize CSS source for AMP HTML.
+PostCSS plugin to optimize CSS source for AMP HTML. Removes styles that are prohibited by AMP HTML.
 
-[amp-custom](https://github.com/kimulaco/amp-custom) is the core library.
+Supports PostCSS v7 and v8.
+
+[amp-custom](https://github.com/kimulaco/amp-custom) is the core library. However, [amp-custom](https://github.com/kimulaco/amp-custom) will be deprecated in the future, and postcss-amp-custom will be mainly developed.
 
 ## Install
 
@@ -18,13 +20,15 @@ npm install --save-dev postcss-amp-custom
 
 ```js
 // postcss.config.js
+const postcssAmpCustom = require('postcss-amp-custom')
+
 module.exports = () => ({
-    plugins: [
-        require('postcss-amp-custom')({
-            enableByteLimit: true
-        })
-    ]
-});
+  plugins: [
+    postcssAmpCustom({
+      enableByteLimit: true
+    })
+  ]
+})
 ```
 
 ```css
@@ -66,12 +70,7 @@ body{font-size:16px}a{color:#39c;text-decoration:none}
 
 ## Options
 
-- enableByteLimit `Boolean` - If the CSS source exceeds 50 KB, it issues an error.(Default: `false`)
-
-## Plugins
-
-- [amp-custom](https://github.com/kimulaco/amp-custom)
-- [gulp-amp-custom](https://github.com/kimulaco/gulp-amp-custom)
+- enableByteLimit `Boolean` - If the CSS source exceeds 75KB, it issues an error.(Default: `false`)
 
 ## License
 

index.js

@@ -0,0 +1,36 @@
+const postcss = require('postcss')
+const compileAmpCustom = require('./libs/compileAmpCustom')
+const isPostCSSv8 = require('./libs/isPostCSSv8')
+const PLUGIN_NAME = 'postcss-amp-custom'
+
+module.exports = (option = {}) => {
+  option = Object.assign({
+    enableByteLimit: false
+  }, option || {})
+
+  if (isPostCSSv8(postcss)) {
+    return {
+      postcssPlugin: PLUGIN_NAME,
+      Root (root, postcss) {
+        postcss.result.root = compileAmpCustom(root, postcss, option)
+      }
+    }
+  } else {
+    return postcss.plugin(PLUGIN_NAME, (option) => {
+      return (root, result) => {
+        return new Promise((resolve, reject) => {
+          try {
+            const postcss = require('postcss')
+            const style = compileAmpCustom(root, postcss, option)
+            result.root = postcss.parse(style)
+            resolve()
+          } catch (error) {
+            reject(error)
+          }
+        })
+      }
+    })
+  }
+}
+
+module.exports.postcss = true

libs/compileAmpCustom.js

@@ -0,0 +1,17 @@
+const AmpCustom = require('amp-custom')
+const ampCustom = new AmpCustom()
+
+const compileAmpCustom = (root, postcss, option = {}) => {
+  const style = ampCustom.optimize(root.toString())
+
+  if (
+    option.enableByteLimit &&
+    ampCustom.isOverMaxByte(style)
+  ) {
+    throw new Error('AMP stylesheet exceeds the 75KB limit.')
+  }
+
+  return postcss.parse(style)
+}
+
+module.exports = compileAmpCustom

libs/isPostCSSv8.js

@@ -0,0 +1,5 @@
+const isPostCSSv8 = (postcss) => {
+  return typeof postcss.Root !== 'undefined'
+}
+
+module.exports = isPostCSSv8