Merge pull request #66 from utilitycss/fix/node-18

fix: node 18

Author: axyz

.travis.yml

@@ -1,6 +1,6 @@
 language: node_js
 node_js:
-  - 14
+  - 18
 cache:
   yarn: true
 script:

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@utilitycss/utility",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "description": "Generator for Utility CSS frameworks",
   "author": "Andrea Moretti (@axyz) <axyzxp@gmail.com>",
   "repository": "utilitycss/utility",
@@ -19,18 +19,17 @@
   },
   "dependencies": {
     "commander": "7.0.0",
-    "cssstats": "^4.0.0",
     "deepmerge": "^4.2.2",
     "open": "^7.4.0",
     "chalk": "^4.1.0",
     "lodash": "^4.17.20",
     "mocha": "^8.3.0",
-    "postcss": "8.2.6"
+    "postcss": "8.4.29"
   },
   "devDependencies": {
     "@types/mocha": "^8.2.0",
     "@types/lodash": "^4.14.168",
-    "@types/node": "^14.14.27",
+    "@types/node": "^18.17.14",
     "@types/prettier": "^2.2.1",
     "@typescript-eslint/eslint-plugin": "^4.15.0",
     "@typescript-eslint/parser": "^4.15.0",
@@ -47,8 +46,8 @@
     "postcss-cli": "^8.3.1",
     "prettier": "^2.2.1",
     "prettydiff": "^101.2.6",
-    "ts-node": "^9.1.1",
-    "typescript": "^4.1.5"
+    "ts-node": "^10.9.1",
+    "typescript": "^4.2.5"
   },
   "husky": {
     "hooks": {

src/cli.ts

@@ -74,13 +74,13 @@ program
     debug("Building CSS bundle...");
     postcss([builder(config)])
       .process(input)
-      .then(async (result) => {
+      .then(async (result: any) => {
         await write(result.css);
         // eslint-disable-next-line no-console
         debug("Success!");
       })
       // eslint-disable-next-line no-console
-      .catch((e) => console.error(chalk.red(e)));
+      .catch((e: Error) => console.error(chalk.red(e)));
   });
 
 program.command("*", null, { noHelp: true }).action(() => {

src/helpers/build-stats.ts

@@ -2,13 +2,11 @@ import path from "path";
 import { promises as fsAsync } from "fs";
 import _ from "lodash";
 
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const cssstats = require("cssstats");
-
 interface BuildStats {
   atomCss: string;
 }
 
+/* FIXME: Temporarily disabled due to cssstats's dependency to postcss-safe-parser, that causes issues in node 18 */
 export default async function buildStats({
   atomCss,
 }: BuildStats): Promise<string> {
@@ -26,7 +24,7 @@ export default async function buildStats({
     } = {} as any,
     declarations: { total: totalDecls, unique: uniqueDecls } = {} as any,
     mediaQueries: { total: totalMedia } = {} as any,
-  } = cssstats(atomCss) as any;
+  } = {} as any;
 
   const statsTemplate = _.template(
     await fsAsync.readFile(