chore(deps): update GitHub Actions and Node versions (#704)

* chore(deps): update GitHub Actions and Node versions

* fix(deps): upgrade to fix chokidar error

* fix(utils): update type syntax to fix linting error

.github/workflows/chromatic.yml

@@ -17,21 +17,21 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout Repo
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
           fetch-depth: 0
 
-      - name: Setup Node.js 18.x
-        uses: actions/setup-node@v3
+      - name: Setup Node.js 20.x
+        uses: actions/setup-node@v4
         with:
-          node-version: 18.x
+          node-version: 20.x
           registry-url: 'https://registry.npmjs.org'
 
       - name: Get yarn cache directory path
         id: yarn-cache-dir-path
         run: echo "YARN_CACHE_DIR=.yarn/cache" >> $GITHUB_OUTPUT
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
         with:
           path: |

.github/workflows/release.yml

@@ -13,22 +13,22 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout Repo
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
           # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits
           fetch-depth: 0
 
-      - name: Setup Node.js 18.x
-        uses: actions/setup-node@v3
+      - name: Setup Node.js 20.x
+        uses: actions/setup-node@v4
         with:
-          node-version: 18.x
+          node-version: 20.x
           registry-url: 'https://registry.npmjs.org'
 
       - name: Get yarn cache directory path
         id: yarn-cache-dir-path
         run: echo "YARN_CACHE_DIR=.yarn/cache" >> $GITHUB_OUTPUT
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
         with:
           path: |

.github/workflows/size-limit.yml

@@ -11,18 +11,18 @@ jobs:
     env:
       CI_JOB_NUMBER: 1
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
-      - name: Setup Node 18.x
-        uses: actions/setup-node@v3
+      - name: Setup Node 20.x
+        uses: actions/setup-node@v4
         with:
-          node-version: 18.x
+          node-version: 20.x
 
       - name: Get yarn cache directory path
         id: yarn-cache-dir-path
         run: echo "YARN_CACHE_DIR=.yarn/cache" >> $GITHUB_OUTPUT
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
         with:
           path: |

.github/workflows/verify.yml

@@ -11,18 +11,18 @@ jobs:
     name: Lint
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
-      - name: Setup Node 18.x
-        uses: actions/setup-node@v3
+      - name: Setup Node 20.x
+        uses: actions/setup-node@v4
         with:
-          node-version: 18.x
+          node-version: 20.x
 
       - name: Get yarn cache directory path
         id: yarn-cache-dir-path
         run: echo "YARN_CACHE_DIR=.yarn/cache" >> $GITHUB_OUTPUT
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
         with:
           path: |
@@ -42,18 +42,18 @@ jobs:
     name: Test
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
-      - name: Setup Node 18.x
-        uses: actions/setup-node@v3
+      - name: Setup Node 20.x
+        uses: actions/setup-node@v4
         with:
-          node-version: 18.x
+          node-version: 20.x
 
       - name: Get yarn cache directory path
         id: yarn-cache-dir-path
         run: echo "YARN_CACHE_DIR=.yarn/cache" >> $GITHUB_OUTPUT
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
         with:
           path: |

.nvmrc

@@ -1 +1 @@
-18
+20

.tool-versions

@@ -1 +1 @@
-nodejs 18.19.1
+nodejs 20.11.1

docs/development/quick-start.md

@@ -18,7 +18,7 @@ Start by cloning the Pharos repository:
 $ git clone git@github.com:ithaka/pharos.git
 ```
 
-Pharos supports the current long-term support (LTS) version of Node.js—currently version 18. Node can be installed from [its website](https://nodejs.org/en/), with [nvm](https://github.com/nvm-sh/nvm#install--update-script), or with [asdf](https://asdf-vm.com/) and its [Node.js plugin](https://github.com/asdf-vm/asdf-nodejs).
+Pharos supports the current long-term support (LTS) version of Node.js—currently version 20. Node can be installed from [its website](https://nodejs.org/en/), with [nvm](https://github.com/nvm-sh/nvm#install--update-script), or with [asdf](https://asdf-vm.com/) and its [Node.js plugin](https://github.com/asdf-vm/asdf-nodejs).
 
 If you're using `nvm`, run the following command to switch to a Node version compatible with the project:
 

packages/pharos-cli/package.json

@@ -15,12 +15,12 @@
     "pharos": "dist/index.js"
   },
   "devDependencies": {
-    "@types/jest": "^26.0.15",
-    "@types/node": "^14.14.6",
+    "@types/jest": "^29.5.12",
+    "@types/node": "^20.11.25",
     "jest": "^29.7.0",
     "ts-jest": "^29.1.1",
-    "ts-morph": "^20.0.0",
-    "ts-node": "^10.0.0",
+    "ts-morph": "^21.0.1",
+    "ts-node": "^10.9.2",
     "typescript": "^5.2.2"
   },
   "scripts": {

packages/pharos/package.json

@@ -75,7 +75,7 @@
     "@web/test-runner-playwright": "^0.10.0",
     "autoprefixer": "^10.4.0",
     "cem-plugin-readonly": "^0.0.2",
-    "chokidar": "^3.5.2",
+    "chokidar": "^3.6.0",
     "globby": "^12.0.0",
     "minify-html-literals": "^1.3.5",
     "postcss": "^8.4.31",

packages/pharos/src/utils/registerComponents.ts

@@ -5,7 +5,7 @@ import PharosComponentMixin from './mixins/pharos-component';
  * @param prefix The prefix to use in the tag name.
  * @param classes The Pharos classes to register as custom elements.
  */
-const registerComponents = (prefix: string, classes: typeof LitElement[]): void => {
+const registerComponents = (prefix: string, classes: (typeof LitElement)[]): void => {
   classes.forEach((clazz) => {
     const kebab = clazz.name
       .replace(/([a-z])([A-Z])/g, '$1-$2')