chore: dependencies 2023-12 (#2652)

* chore: update dependencies

* chore: update lit

* chore: update typescript

* chore: update owc testing calls

* chore: update tsconfig

* chore: update lit dependency

* chore: resolve some new linting, type, and static a11y errors

* chore: update node version

* chore: ts-node workaround

* chore: juggle ci

* fix: popover a11y

* fix: popover render

* test: fix popover test

* fix: docs build

* fix: syntax errors (pebcak)

* fix(tools): types for a11ySnapshot

* test: fix types

* fix(tools): types

* chore: fix build

* chore: chalk dep

Author: bennypowers

.changeset/tidy-numbers-rush.md

@@ -0,0 +1,10 @@
+---
+"@patternfly/pfe-tools": patch
+"@patternfly/pfe-core": patch
+"@patternfly/elements": patch
+---
+
+"@patternfly/elements": major
+---
+
+Update dependencies, including Lit version 3

.github/workflows/bundle.yml

@@ -25,7 +25,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: '18'
+          node-version: '20'
           cache: npm
 
       - name: Bundle

.github/workflows/preview.yml

@@ -13,7 +13,7 @@ jobs:
         uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: '18'
+          node-version: '20'
           cache: npm
 
       - name: Verify JSPM URL

.github/workflows/release.yml

@@ -14,7 +14,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: '18'
+          node-version: '20'
           cache: npm
 
       - run: npm ci --prefer-offline

.github/workflows/tests.yml

@@ -40,9 +40,8 @@ jobs:
   #   steps:
   #     - name: Debugging context variables
   #       run: echo "$GITHUB_CONTEXT"
-
-  test:
-    name: Run test suite (Web Test Runner)
+  lint:
+    name: Lint files
     runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
@@ -52,7 +51,7 @@ jobs:
       - name: Configure node version
         uses: actions/setup-node@v3
         with:
-          node-version: '18'
+          node-version: '20'
           cache: npm
 
       - name: Install dependencies
@@ -62,13 +61,32 @@ jobs:
         id: lint
         run: npm run lint
 
+
+  test:
+    name: Run test suite (Web Test Runner)
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+
+      # Configures the node version used on GitHub-hosted runners
+      - name: Configure node version
+        uses: actions/setup-node@v3
+        with:
+          node-version: '20'
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci --prefer-offline
+
+      - name: install playwright
+        run: npx playwright install
+
       - name: Run tests
         run: npm test
-        if: ${{ always() }}
 
       - name: JUnit Report Action
         uses: mikepenz/action-junit-report@v2.8.2
-        if: ${{ always() }}
         with:
           report_paths: test-results/test-results.xml
           fail_on_failure: true # fail the actions run if the tests failed
@@ -79,10 +97,8 @@ jobs:
     strategy:
       matrix:
         node:
-          - '18'
-          - '19'
-          # https://github.com/TypeStrong/ts-node/issues/1997
-          # - '20'
+          - '20'
+          - '21'
     if: |
       github.event_name == 'workflow_dispatch'
       ||   github.event_name == 'push'
@@ -126,8 +142,9 @@ jobs:
   validate:
     name: Validate successful build on main
     needs:
-      - build
+      - lint
       - test
+      - build
     if: ${{ always() }}
     runs-on: ubuntu-latest
     steps:

.github/workflows/visual-regression.yml

@@ -29,7 +29,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: '18'
+          node-version: '20'
           cache: npm
       - run: npm ci --prefer-offline
 

.nvmrc

@@ -1 +1 @@
-v18.12.1
+v20.10.0

core/pfe-core/package.json

@@ -51,8 +51,8 @@
     "test": "wtr --files './test/*.spec.ts' --config ../../web-test-runner.config.js"
   },
   "dependencies": {
-    "@floating-ui/dom": "^1.2.6",
-    "lit": "^2.7.2"
+    "@floating-ui/dom": "^1.5.3",
+    "lit": "^3.1.0"
   },
   "repository": {
     "type": "git",

docs/_data/importMap.cjs

@@ -1,8 +1,6 @@
 const fs = require('fs');
 const path = require('path');
-const { promisify } = require('node:util');
-const Glob = require('glob');
-const glob = promisify(Glob);
+const { glob } = require('glob');
 
 const packageLock = JSON.parse(fs.readFileSync(path.join(__dirname, '..', '..', 'package-lock.json')));
 
@@ -46,12 +44,17 @@ const LIT_DEPS = [
       './decorators.js',
       './directive.js',
       './directive-helpers.js',
-      './experimental-hydrate-support.js',
-      './experimental-hydrate.js',
       './html.js',
       './polyfill-support.js',
       './static-html.js',
     ]
+  },
+  {
+    target: `@lit-labs/ssr-client`,
+    subpaths: [
+      '.',
+      './lit-element-hydrate-support.js',
+    ]
   }
 ];
 
@@ -69,7 +72,7 @@ module.exports = async function() {
   const { Generator } = await import('@jspm/generator');
 
   const generator = new Generator({
-    defaultProvider: 'jspm',
+    defaultProvider: 'jspm.io',
     env: ['production', 'browser', 'module']
   });
 

docs/_plugins/create-import-map.cjs

@@ -3,7 +3,7 @@ module.exports = function(eleventyConfig) {
     const { Generator } = await import('@jspm/generator');
 
     const generator = new Generator({
-      defaultProvider: 'jspm',
+      defaultProvider: 'jspm.io',
       env: ['production', 'browser', 'module']
     });