Updates to support stylelint v16

- Set minimum stylelint version to be v16.0.0
- Set minimum node version to be 18.12.0 to match stylelint
- Convert codebase to be pure esm
- Drop running CI against unsupported node versions - 14 and 16.

Author: BPScott

.eslintrc.js renamed to .eslintrc.cjs

@@ -12,8 +12,8 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        stylelint-version: [15.x]
-        node-version: [20.x, 18.x, 16.x, 14.x]
+        stylelint-version: [16.x]
+        node-version: [20.x, 18.x]
 
     steps:
       - uses: actions/checkout@v4

.github/workflows/ci.yml

@@ -1,8 +1,5 @@
-const stylelint = require('stylelint');
-const {
-  showInvisibles,
-  generateDifferences,
-} = require('prettier-linter-helpers');
+import stylelint from 'stylelint';
+import {showInvisibles, generateDifferences} from 'prettier-linter-helpers';
 
 const prettierPromise = import('prettier');
 
@@ -245,7 +242,7 @@ const ruleFunction = (expectation, options, context) => {
 ruleFunction.ruleName = ruleName;
 ruleFunction.messages = messages;
 
-module.exports = stylelint.createPlugin(ruleName, ruleFunction);
+export default stylelint.createPlugin(ruleName, ruleFunction);
 
 function omitStylelintSpecificOptions(options) {
   const prettierOptions = Object.assign({}, options);

index.js

@@ -1,3 +1,3 @@
-const getTestRule = require('jest-preset-stylelint/getTestRule');
+import {getTestRule} from 'jest-preset-stylelint';
 
 global.testRule = getTestRule({plugins: ['./']});

jest-setup.js

@@ -14,7 +14,11 @@
     "README.md",
     "LICENSE.md"
   ],
-  "main": "index.js",
+  "type": "module",
+  "exports": {
+    ".": "./index.js",
+    "./recommended": "./recommended.js"
+  },
   "scripts": {
     "lint": "eslint .",
     "test": "yarn run lint && node --experimental-vm-modules node_modules/jest/bin/jest.js",
@@ -33,15 +37,15 @@
   },
   "peerDependencies": {
     "prettier": ">=3.0.0",
-    "stylelint": ">=15.8.0"
+    "stylelint": ">=16.0.0"
   },
   "devDependencies": {
     "eslint": "^8.44.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-n": "^15.7.0",
     "eslint-plugin-prettier": "^5.0.0",
     "jest": "^29.6.1",
-    "jest-preset-stylelint": "^6.3.2",
+    "jest-preset-stylelint": "^7.0.0",
     "postcss": "^8.4.25",
     "postcss-html": "^1.5.0",
     "postcss-markdown": "^1.2.0",
@@ -52,12 +56,12 @@
     "prettier-plugin-astro": "^0.12.1",
     "prettier-plugin-svelte": "^3.0.0",
     "strip-ansi": "^6.0.0",
-    "stylelint": "^15.8.0",
+    "stylelint": "^16.0.1",
     "svelte": "^4.1.0",
     "typescript": "5.3.2"
   },
   "engines": {
-    "node": "^14.17.0 || >=16.0.0"
+    "node": ">=18.12.0"
   },
   "jest": {
     "preset": "jest-preset-stylelint",

package.json

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   plugins: ['.'],
   rules: {'prettier/prettier': true},
 };

recommended.js

@@ -1,4 +1,4 @@
-const styled = require('styled-components');
+import styled from 'styled-components';
 
 const Button = styled.div`
   background-image: url("x");

test/fixtures/check.inert.js

@@ -1,4 +1,4 @@
-const styled = require('styled-components');
+import styled from 'styled-components';
 
 const But{ton = styled.div`
   background-image: url("x");

test/fixtures/check.unparsable.js

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   plugins: ['../..'],
   rules: {
     'prettier/prettier': [

test/fixtures/stylelint.config.js

@@ -1,6 +1,9 @@
-const {spawnSync} = require('child_process');
-const {resolve} = require('path');
-const stripAnsi = require('strip-ansi');
+import {spawnSync} from 'node:child_process';
+import {resolve, dirname} from 'node:path';
+import {fileURLToPath} from 'node:url';
+import stripAnsi from 'strip-ansi';
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
 
 /**
  * Tests that report errors in multiple files may change the order of the files
@@ -19,8 +22,8 @@ check.invalid.css
 1 problem (1 error, 0 warnings)
 `.trim();
 
-    expect(result.output).toEqual(expectedResult);
-    expect(result.error).toEqual('');
+    expect(result.output).toEqual('');
+    expect(result.error).toEqual(expectedResult);
     expect(result.status).toEqual(2);
   });
 
@@ -35,8 +38,8 @@ check.invalid.scss
 2 problems (2 errors, 0 warnings)
 `.trim();
 
-    expect(result.output).toEqual(expectedResult);
-    expect(result.error).toEqual('');
+    expect(result.output).toEqual('');
+    expect(result.error).toEqual(expectedResult);
     expect(result.status).toEqual(2);
   });
 
@@ -49,8 +52,8 @@ check.invalid.scss
 
     const expectedResult = ``;
 
-    expect(result.output).toEqual(expectedResult);
-    expect(result.error).toEqual('');
+    expect(result.output).toEqual('');
+    expect(result.error).toEqual(expectedResult);
     expect(result.status).toEqual(0);
   });
 
@@ -63,8 +66,8 @@ check.invalid.scss
 
     const expectedResult = ``;
 
-    expect(result.output).toEqual(expectedResult);
-    expect(result.error).toEqual('');
+    expect(result.output).toEqual('');
+    expect(result.error).toEqual(expectedResult);
     expect(result.status).toEqual(0);
   });
 });