Merge pull request #133 from posthtml/feat/esm

.eslintrc

@@ -0,0 +1,18 @@
+{
+  "parserOptions": {
+    "sourceType": "module"
+  },
+  "rules": {
+    "indent": [2, 2, {"SwitchCase": 1}],
+    "quotes": [2, "single"],
+    "linebreak-style": [2, "unix"],
+    "camelcase": [2, {"properties": "always"}],
+    "brace-style": [2, "1tbs", {"allowSingleLine": true}]
+  },
+  "env": {
+    "es6": true,
+    "node": true,
+    "browser": false
+  },
+  "extends": "eslint:recommended"
+}

.github/dependabot.yml

@@ -3,6 +3,4 @@ updates:
 - package-ecosystem: npm
   directory: "/"
   schedule:
-    interval: monthly
-    time: "22:00"
-  open-pull-requests-limit: 10
+    interval: weekly

.github/workflows/nodejs.yml

@@ -7,23 +7,22 @@ on:
   push:
     branches: [master]
   pull_request:
-    branches: [master]
 
 jobs:
   build:
     runs-on: ubuntu-latest
 
     strategy:
       matrix:
-        node-version: [14, 16, 18]
+        node-version: [18, 20]
 
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v4
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v1
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
-      - run: npm install
+      - run: npm ci
       - run: npm test
         env:
           CI: true

README.md

@@ -34,8 +34,8 @@ $ npm i posthtml posthtml-postcss-merge-longhand
 ## Usage
 
 ```js
-const posthtml = require('posthtml')
-const mergeInlineLonghand = require('posthtml-postcss-merge-longhand')
+import posthtml from 'posthtml'
+import mergeInlineLonghand from 'posthtml-postcss-merge-longhand'
 
 const html = '<div style="margin-top: 1px; margin-right: 2px; margin-bottom: 3px; margin-left: 4px;">Test</div>'
 
@@ -60,8 +60,8 @@ Array of tag names to process. All other tags will be skipped.
 Example:
 
 ```js
-const posthtml = require('posthtml')
-const mergeInlineLonghand = require('posthtml-postcss-merge-longhand')
+import posthtml from 'posthtml'
+import mergeInlineLonghand from 'posthtml-postcss-merge-longhand'
 
 const html = `
   <div style="margin-top: 1px; margin-right: 2px; margin-bottom: 3px; margin-left: 4px;">Test</div>
@@ -84,5 +84,5 @@ posthtml([
 [npm-stats-shield]: https://img.shields.io/npm/dt/posthtml-postcss-merge-longhand.svg
 [github-ci]: https://github.com/posthtml/posthtml-postcss-merge-longhand/actions
 [github-ci-shield]: https://github.com/posthtml/posthtml-postcss-merge-longhand/actions/workflows/nodejs.yml/badge.svg
-[license]: ./license
+[license]: ./LICENSE
 [license-shield]: https://img.shields.io/npm/l/posthtml-postcss-merge-longhand.svg

lib/index.js

@@ -1,10 +1,8 @@
-'use strict'
+import postcss from 'postcss'
+import safe from 'postcss-safe-parser'
+import mergeLonghand from 'postcss-merge-longhand'
 
-const postcss = require('postcss')
-const safe = require('postcss-safe-parser')
-const mergeLonghand = require('postcss-merge-longhand')
-
-module.exports = (options = {}) => tree => {
+const plugin = (options = {}) => tree => {
   options.tags = options.tags || []
 
   const process = node => {
@@ -24,3 +22,5 @@ module.exports = (options = {}) => tree => {
 
   return tree.walk(process)
 }
+
+export default plugin