upgrade dependencies (#25)

* upgrade dependencies

* Self review

* Remove duplicate typescript declaration generation

* Update build

* Upgrade lock file

Author: Joel Denning

.eslintrc

@@ -9,13 +9,11 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
         with:
-          node-version: "15"
-      - uses: pnpm/[email protected]
-        with:
-          version: 5.14.1
+          node-version: "22"
+      - uses: pnpm/action-setup@v4
       - run: pnpm install --frozen-lockfile
       - run: pnpm test
       - run: pnpm run build

.github/workflows/build-and-test.yml

@@ -0,0 +1 @@
+pnpm exec pretty-quick --staged && pnpm exec concurrently pnpm:lint pnpm:test

.husky/pre-commit

@@ -15,7 +15,7 @@ class ExposedCssRuntimeModule extends RuntimeModule {
     return Template.asString(
       `${RuntimeGlobals.require}.cssAssets = ${JSON.stringify([
         this.chunk.id,
-      ])};`
+      ])};`,
     );
   }
 }
@@ -34,7 +34,7 @@ module.exports = class ExposeRuntimeCssAssetsPlugin {
       compilation.hooks.contentHash.tap(pluginName, (chunk) => {
         const modules = chunkGraph.getChunkModulesIterableBySourceType(
           chunk,
-          MODULE_TYPE
+          MODULE_TYPE,
         );
 
         if (modules) {
@@ -68,15 +68,12 @@ module.exports = class ExposeRuntimeCssAssetsPlugin {
                 const { outputOptions, chunkGraph } = compilation;
                 const modules = chunkGraph.getChunkModulesIterableBySourceType(
                   chunk,
-                  MODULE_TYPE
+                  MODULE_TYPE,
                 );
 
                 if (modules) {
-                  const {
-                    hashFunction,
-                    hashDigest,
-                    hashDigestLength,
-                  } = outputOptions;
+                  const { hashFunction, hashDigest, hashDigestLength } =
+                    outputOptions;
                   const hash = webpack.util.createHash(hashFunction);
 
                   for (const m of modules) {
@@ -99,12 +96,12 @@ module.exports = class ExposeRuntimeCssAssetsPlugin {
                   (referencedChunk) => {
                     return this.options.filename;
                   },
-                  true
-                )
+                  true,
+                ),
               );
               compilation.addRuntimeModule(
                 chunk,
-                new ExposedCssRuntimeModule()
+                new ExposedCssRuntimeModule(),
               );
             }
           }

ExposeRuntimeCssAssetsPlugin.cjs

@@ -0,0 +1,26 @@
+import babelParser from "babel-eslint";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import js from "@eslint/js";
+import { FlatCompat } from "@eslint/eslintrc";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+});
+
+export default [
+  ...compat.extends("ts-important-stuff"),
+  {
+    languageOptions: {
+      parser: babelParser,
+    },
+  },
+  // https://github.com/eslint/rewrite/tree/main/packages/migrate-config#--ext
+  {
+    files: ["**/*.ts"],
+  },
+];

eslint.config.mjs

@@ -1,3 +1,7 @@
-export default {
+/** @type {import('jest').Config} */
+const config = {
+  testEnvironment: "jsdom",
   setupFilesAfterEnv: ["<rootDir>/src/jest-setup.js"],
 };
+
+export default config;

jest.config.js

@@ -4,23 +4,17 @@
   "description": "Lifecycle helpers for loading CSS",
   "type": "module",
   "main": "lib/esm/single-spa-css.min.js",
-  "types": "lib/types/single-spa-css.d.ts",
+  "types": "lib/esm/single-spa-css.d.ts",
   "scripts": {
     "test": "jest",
     "clean": "rimraf lib",
-    "build": "pnpm run clean && concurrently pnpm:build:*",
+    "build": "pnpm run clean && rollup -c",
     "prepublishOnly": "pnpm run build",
     "check-format": "prettier --check .",
-    "build:code": "rollup -c",
     "watch:build": "rollup -cw",
-    "build:types": "tsc",
     "format": "prettier --write .",
-    "lint": "eslint src --ext ts"
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "pretty-quick --staged && concurrently pnpm:lint pnpm:test"
-    }
+    "lint": "eslint src",
+    "prepare": "husky"
   },
   "files": [
     "lib",
@@ -40,28 +34,30 @@
     "@babel/core": "^7.12.10",
     "@babel/preset-env": "^7.12.11",
     "@babel/preset-typescript": "^7.12.7",
-    "@rollup/plugin-typescript": "^8.1.0",
-    "@testing-library/dom": "^7.29.4",
-    "@testing-library/jest-dom": "^5.11.9",
-    "@types/jest": "^26.0.20",
-    "babel-eslint": "^11.0.0-beta.2",
-    "babel-jest": "^26.6.3",
-    "concurrently": "^5.3.0",
-    "eslint": "^7.19.0",
+    "@rollup/plugin-typescript": "^12.1.2",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@types/jest": "^29.5.14",
+    "babel-eslint": "11.0.0-beta.2",
+    "babel-jest": "^29.7.0",
+    "concurrently": "^9.1.2",
+    "eslint": "^9.19.0",
     "eslint-config-ts-important-stuff": "^1.1.0",
-    "husky": "^4.3.8",
-    "jest": "^26.6.3",
-    "jest-cli": "^26.6.3",
-    "prettier": "^2.2.1",
-    "pretty-quick": "^3.1.0",
-    "rimraf": "^3.0.2",
-    "rollup": "^2.37.1",
+    "husky": "^9.1.7",
+    "jest": "^29.7.0",
+    "jest-cli": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "prettier": "^3.4.2",
+    "pretty-quick": "^4.0.0",
+    "rimraf": "^6.0.1",
+    "rollup": "^4.32.0",
     "rollup-plugin-terser": "^7.0.2",
-    "single-spa": "^5.9.0",
+    "single-spa": "^6.0.3",
     "tslib": "^2.1.0",
-    "typescript": "^4.1.3"
+    "typescript": "^5.7.3"
   },
   "dependencies": {
     "@types/webpack-env": "^1.16.0"
-  }
+  },
+  "packageManager": "[email protected]"
 }