Bump and reduce dependencies

.github/workflows/browserslist.yml

@@ -5,28 +5,19 @@ permissions:
   pull-requests: write
 jobs:
   build:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04
     steps:
     - uses: actions/checkout@v4
     - name: Configure git
       run: |
         # Setup for commiting using built-in token. See https://github.com/actions/checkout#push-a-commit-using-the-built-in-token
         git config user.name "github-actions[bot]"
         git config user.email "41898282+github-actions[bot]@users.noreply.github.com"
-    - name: Cache node modules
-      uses: actions/cache@v2
-      env:
-        cache-name: cache-node-modules
-      with:
-        path: ~/.npm
-        key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/package-lock.json') }}
-        restore-keys: |
-          ${{ runner.os }}-build-${{ env.cache-name }}-
-          ${{ runner.os }}-build-
-          ${{ runner.os }}-
-    - uses: actions/setup-node@v1
+    - name: "Install Node 22 and cache NPM packages"
+      uses: actions/setup-node@v4
       with:
         node-version: '22'
+        cache: 'npm'
     - run: npm install
     - name: Update Browserslist database and create PR if applies
       uses: c2corg/[email protected]

.github/workflows/test.yml

@@ -2,7 +2,7 @@ name: Tests
 on: [push, pull_request]
 jobs:
   build:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04
     steps:
     - uses: actions/checkout@v2
     - name: Cache node modules
@@ -18,7 +18,7 @@ jobs:
           ${{ runner.os }}-
     - uses: actions/setup-node@v1
       with:
-        node-version: '12'
+        node-version: '22'
     - run: npm install
     - run: echo "::add-matcher::.github/problem_matcher.json"
     - run: npm test

.nvmrc

@@ -0,0 +1 @@
+22

CONTRIBUTORS.toml

@@ -14,9 +14,9 @@ role = "founder"
 
 [doamatto]
 name = "Matt Ronchetto"
-website = "https://www.doamatto.xyz"
+website = "https://maatt.fr"
 github = "doamatto"
-email = "[email protected]"
+email = "[email protected]"
 
 [kulchynska]
 

babel.config.js

@@ -1,13 +1,6 @@
 module.exports = {
   presets: [
-    [
-      "@babel/preset-env",
-      {
-        targets: {
-          node: "current",
-        },
-      },
-    ],
-    "@babel/preset-typescript",
-  ],
+    ["@babel/preset-env", {targets: {node: "current"}}],
+    "@babel/preset-typescript"
+  ]
 };

eslint.config.mjs

@@ -0,0 +1,26 @@
+// @ts-check
+
+import eslint from '@eslint/js';
+import globals from 'globals';
+import prettierConfig from 'eslint-config-prettier';
+import tsEslint from 'typescript-eslint';
+
+export default tsEslint.config(
+  eslint.configs.recommended,
+  tsEslint.configs.recommended,
+  prettierConfig,
+  {
+    languageOptions: {
+      ecmaVersion: 2022,
+      globals: {
+        ...globals.node
+      },
+      sourceType: "module"
+    },
+    rules: {
+      "@typescript-eslint/no-explicit-any": 1,
+      "@typescript-eslint/no-require-imports": 0,
+      "@typescript-eslint/no-unused-vars": 1,
+    }
+  }
+);

gulpfile.ts

@@ -1,5 +1,3 @@
-require("dotenv").config();
-
 import { Product, RubricQuestion, Contributor } from "./src/parsing/types";
 
 import {
@@ -15,18 +13,23 @@ import {
   getExtensionAPI,
 } from "./src/build/utils";
 
+import * as purgecss from "@fullhuman/postcss-purgecss";
+
 const gulp = require("gulp");
 const postcss = require("gulp-postcss");
-const rename = require("gulp-rename");
-const del = require("del");
-const fs = require("fs");
+const fs = require("node:fs");
+const path = require("node:path");
+const through = require("through2");
 
 const rubric: RubricQuestion[] = loadRubric();
 const contributors: Contributor[] = loadContributors();
 const products: Product[] = loadProducts(rubric, contributors);
 
-gulp.task("clean", () => {
-  return del("./dist/**/*");
+gulp.task("clean", async () => {
+  return fs.rmSync(path.join(__dirname, "dist"), {
+    recursive: true,
+    force: true,
+  });
 });
 
 gulp.task("build api", async () => {
@@ -70,7 +73,12 @@ gulp.task("build general pages", () => {
         "./src/templates/pages/directory.hbs",
       ],
     })
-    .pipe(rename({ extname: ".html" }))
+    .pipe(through.obj((file, _, cb) => { // change to .html extension
+      if (file.isBuffer()) {
+        file.path = file.path.replace(".hbs", ".html")
+      }
+      cb(null, file);
+    }))
     .pipe(hbsFactory({ rubric, contributors, products }))
     .pipe(gulp.dest("./dist/"));
 });
@@ -109,11 +117,31 @@ gulp.task("collect product icons", () => {
   return gulp.src(["./icons/**/*"]).pipe(gulp.dest("./dist/static/icons/"));
 });
 
-gulp.task("build css", () => {
+gulp.task("build css", async () => {
+  const purgecssConf = purgecss.default({
+    content: ["./src/**/*.hbs", "./src/**/*.js", "./src/**/*.ts", "./gulpfile.ts"],
+    defaultExtractor: (content) => content.match(/[\w-/:]+(?<!:)/g) || [],
+  });
+  const plugins = [
+    require("postcss-import"),
+    require("tailwindcss")("tailwind.config.js"),
+    require("autoprefixer"),
+    ...(process.env.NODE_ENV === "production" ? [purgecssConf] : []),
+  ];
+
   return gulp
     .src(["./src/static/css/base.scss"])
-    .pipe(postcss())
-    .pipe(rename({ extname: ".css" }))
+    .pipe(postcss(plugins, {
+      syntax: require("postcss-scss")
+    }))
+    .on("error", (err) => console.error(err))
+    .pipe(through.obj((file, _, cb) => { // change to .css extension
+      if (file.isBuffer()) {
+        file.path = file.path.replace(".scss", ".css")
+      }
+      cb(null, file);
+    }))
+    .on("error", (err) => console.error(err))
     .pipe(gulp.dest("./dist/static/css/"));
 });
 
@@ -126,7 +154,7 @@ gulp.task(
     "collect static",
     "collect product icons",
     "collect root favicon",
-    "build css",
+    "build css"
   ])
 );