From c8be2e4d8f61b737ecf9a0cbf34a811cc7aba312 Mon Sep 17 00:00:00 2001
From: "David I. Lehn" <dlehn@digitalbazaar.com>
Date: Fri, 8 Aug 2025 23:09:22 -0400
Subject: [PATCH 1/4] Update ignore patterns.

---
 .gitignore | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/.gitignore b/.gitignore
index 04ddfd3..95c747b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,10 @@
+*.sw[nop]
+*~
+.DS_Store
+.cache/
+.project
+.settings
+.vscode/
 _site/*
 node_modules/
 package-lock.json
-.cache/
-.vscode/
\ No newline at end of file

From 383bddd042022c1265aa7b1e476222b247af2929 Mon Sep 17 00:00:00 2001
From: "David I. Lehn" <dlehn@digitalbazaar.com>
Date: Fri, 8 Aug 2025 23:10:00 -0400
Subject: [PATCH 2/4] Update dependencies.

- Update dependencies:
  - `eslint@9` and related packages.
  - `@11ty/eleventy@3` and related packages.
  - All other dependencies.
- Update eslint config.
- Update to ESM style.
- Fix lint issues.
---
 .eleventy.js                         | 24 ++++++++++----------
 .eslintrc.cjs                        | 28 -----------------------
 _shortcodes/BarRating.js             |  2 +-
 _shortcodes/mermaid.js               |  2 +-
 _shortcodes/mermaid_fullscreen_js.js |  2 +-
 eslint.config.js                     | 34 ++++++++++++++++++++++++++++
 package.json                         | 26 ++++++++++-----------
 src/_data/implementations.js         |  2 +-
 src/_data/results.js                 |  6 ++---
 src/assets/js/spiderCharts.js        |  2 +-
 10 files changed, 67 insertions(+), 61 deletions(-)
 delete mode 100644 .eslintrc.cjs
 create mode 100644 eslint.config.js

diff --git a/.eleventy.js b/.eleventy.js
index aebeb72..95a7443 100644
--- a/.eleventy.js
+++ b/.eleventy.js
@@ -1,14 +1,14 @@
 // Imports
-const markdownIt = require('markdown-it');
-const {execSync} = require('child_process');
-const legend = require('./src/_data/legend.json');
-const BarRating = require('./_shortcodes/BarRating');
-const markdownItAnchor = require('markdown-it-anchor');
-const mermaidShortcode = require('./_shortcodes/mermaid');
-const syntaxHighlight = require('@11ty/eleventy-plugin-syntaxhighlight');
-const eleventyMermaidPlugin = require('@kevingimbel/eleventy-plugin-mermaid');
-const mermaidFullscreenJsShortcode =
-  require('./_shortcodes/mermaid_fullscreen_js');
+import BarRating from './_shortcodes/BarRating.js';
+import eleventyMermaidPlugin from '@kevingimbel/eleventy-plugin-mermaid';
+import {execSync} from 'node:child_process';
+import legend from './src/_data/legend.json' with {type: 'json'};
+import markdownIt from 'markdown-it';
+import markdownItAnchor from 'markdown-it-anchor';
+import mermaidFullscreenJsShortcode from
+  './_shortcodes/mermaid_fullscreen_js.js';
+import mermaidShortcode from './_shortcodes/mermaid.js';
+import syntaxHighlight from '@11ty/eleventy-plugin-syntaxhighlight';
 
 // Constants
 const statusMarks = legend.reduce((all, statusMark) => {
@@ -22,7 +22,7 @@ const statusLabel = legend.reduce((all, statusMark) => {
 }, {});
 
 // Eleventy Configurations
-module.exports = function(eleventyConfig) {
+export default function(eleventyConfig) {
   /* Markdown Overrides */
   const markdownLibrary = markdownIt({
     html: true,
@@ -91,4 +91,4 @@ module.exports = function(eleventyConfig) {
       layouts: '_layouts',
     },
   };
-};
+}
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
deleted file mode 100644
index 78fa68e..0000000
--- a/.eslintrc.cjs
+++ /dev/null
@@ -1,28 +0,0 @@
-module.exports = {
-  env: {
-    node: true
-  },
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'commonjs'
-  },
-  ignorePatterns: ['_site', '!.eleventy.js'],
-  extends: [
-    'eslint-config-digitalbazaar',
-    'eslint-config-digitalbazaar/jsdoc'
-  ],
-  rules: {
-    'jsdoc/check-examples': 0
-  },
-  overrides: [
-    {
-      files: ['src/assets/js/*'],
-      env: {
-        browser: true
-      },
-      parserOptions: {
-        sourceType: 'module'
-      }
-    }
-  ]
-};
diff --git a/_shortcodes/BarRating.js b/_shortcodes/BarRating.js
index faa6f07..7637287 100644
--- a/_shortcodes/BarRating.js
+++ b/_shortcodes/BarRating.js
@@ -56,4 +56,4 @@ function BarRating(passed, pending, failed, total, width) {
   `;
 }
 
-module.exports = BarRating;
+export default BarRating;
diff --git a/_shortcodes/mermaid.js b/_shortcodes/mermaid.js
index 345e8aa..d4f5c9b 100644
--- a/_shortcodes/mermaid.js
+++ b/_shortcodes/mermaid.js
@@ -1,4 +1,4 @@
-module.exports = content => {
+export default content => {
   return `<div style="position: relative">
 <span class="ui top right attached blue icon label">
   <i class="expand icon"></i>
diff --git a/_shortcodes/mermaid_fullscreen_js.js b/_shortcodes/mermaid_fullscreen_js.js
index 219f1d8..a7817a2 100644
--- a/_shortcodes/mermaid_fullscreen_js.js
+++ b/_shortcodes/mermaid_fullscreen_js.js
@@ -1,4 +1,4 @@
-module.exports = () => {
+export default () => {
   const src = 'https://unpkg.com/mermaid@10/dist/mermaid.esm.min.mjs';
   return `<script type="module" async>
     import mermaid from '${src}';
diff --git a/eslint.config.js b/eslint.config.js
new file mode 100644
index 0000000..95d4b0c
--- /dev/null
+++ b/eslint.config.js
@@ -0,0 +1,34 @@
+import globals from 'globals';
+
+import digitalbazaar from 'eslint-config-digitalbazaar';
+import digitalbazaarJsdoc from 'eslint-config-digitalbazaar/jsdoc';
+import digitalbazaarModule from 'eslint-config-digitalbazaar/module';
+
+export default [
+  ...digitalbazaar,
+  ...digitalbazaarJsdoc,
+  ...digitalbazaarModule,
+  {
+    ignores: ['_site', '!.eleventy.js'],
+  },
+  {
+    languageOptions: {
+      globals: {
+        ...globals.node
+      }
+    },
+    rules: {
+      'unicorn/prefer-node-protocol': 'error'
+    }
+  },
+  {
+    files: [
+      'src/assets/js/*'
+    ],
+    languageOptions: {
+      globals: {
+        ...globals.browser
+      }
+    }
+  }
+];
diff --git a/package.json b/package.json
index b1cdbaa..2a09467 100644
--- a/package.json
+++ b/package.json
@@ -2,10 +2,10 @@
   "name": "canivc",
   "version": "0.0.0",
   "description": "Community compatibility dashboard for Verifiable Credentials.",
-  "main": "index.js",
+  "type": "module",
   "scripts": {
     "build": "eleventy",
-    "lint": "eslint .",
+    "lint": "eslint",
     "serve": "rm -rf _site/ && eleventy --serve",
     "start": "rm -rf _site/ && eleventy --serve",
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -20,19 +20,19 @@
   "author": "Digital Bazaar, Inc.",
   "license": "BSD-3-Clause",
   "devDependencies": {
-    "@11ty/eleventy": "^2.0.1",
-    "@11ty/eleventy-fetch": "^4.0.0",
-    "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
-    "@kevingimbel/eleventy-plugin-mermaid": "^2.1.0",
-    "eslint": "^8.52.0",
-    "eslint-config-digitalbazaar": "^5.0.1",
-    "eslint-plugin-jsdoc": "^46.8.2",
-    "eslint-plugin-unicorn": "^48.0.1",
-    "pagefind": "^1.0.4"
+    "@11ty/eleventy": "^3.1.2",
+    "@11ty/eleventy-fetch": "^5.1.0",
+    "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.2",
+    "@kevingimbel/eleventy-plugin-mermaid": "^3.0.0",
+    "eslint": "^9.33.0",
+    "eslint-config-digitalbazaar": "github:digitalbazaar/eslint-config-digitalbazaar#use-eslint-v9",
+    "eslint-plugin-jsdoc": "^52.0.4",
+    "eslint-plugin-unicorn": "^60.0.0",
+    "pagefind": "^1.3.0"
   },
   "dependencies": {
-    "markdown-it-anchor": "^8.6.7",
-    "sass": "^1.66.0",
+    "markdown-it-anchor": "^9.2.0",
+    "sass": "^1.90.0",
     "w3c-ccg-vc-test-suite-implementations": "github:w3c-ccg/vc-api-test-suite-implementations",
     "w3c-vc-test-suite-implementations": "github:w3c/vc-test-suite-implementations"
   }
diff --git a/src/_data/implementations.js b/src/_data/implementations.js
index 53849b8..3b4a27e 100644
--- a/src/_data/implementations.js
+++ b/src/_data/implementations.js
@@ -1,4 +1,4 @@
-module.exports = async () => {
+export default async () => {
   const {
     allImplementations: vcwgImplementations
   } = await import('w3c-vc-test-suite-implementations');
diff --git a/src/_data/results.js b/src/_data/results.js
index a40db2a..2f11d38 100644
--- a/src/_data/results.js
+++ b/src/_data/results.js
@@ -1,4 +1,4 @@
-const EleventyFetch = require('@11ty/eleventy-fetch');
+import EleventyFetch from '@11ty/eleventy-fetch';
 
 const specUrls = [
   'https://w3c.github.io/vc-data-model-2.0-test-suite/index.json',
@@ -209,7 +209,7 @@ function removeSomeTestSections(results) {
 }
 
 // Repeated fetch
-module.exports = async function() {
+export default async function() {
   /* This returns a promise */
   const promises = specUrls.map(url =>
     EleventyFetch(url, {
@@ -244,4 +244,4 @@ module.exports = async function() {
       ]
     }))
   };
-};
+}
diff --git a/src/assets/js/spiderCharts.js b/src/assets/js/spiderCharts.js
index 4374ada..5f82757 100644
--- a/src/assets/js/spiderCharts.js
+++ b/src/assets/js/spiderCharts.js
@@ -1,4 +1,4 @@
-/* global document, Chart */
+/* global Chart */
 const ctx = Array.from(document.querySelectorAll('.spider-chart'));
 
 // Chart global defaults

From 58b016eee47e6b22d1a8831747f6226f43fe886d Mon Sep 17 00:00:00 2001
From: "David I. Lehn" <dlehn@digitalbazaar.com>
Date: Wed, 27 Aug 2025 23:52:49 -0400
Subject: [PATCH 3/4] Use custom recommended eslint config.

---
 eslint.config.js | 18 ++----------------
 package.json     |  6 +++---
 2 files changed, 5 insertions(+), 19 deletions(-)

diff --git a/eslint.config.js b/eslint.config.js
index 95d4b0c..f7b6c22 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -1,26 +1,12 @@
 import globals from 'globals';
 
-import digitalbazaar from 'eslint-config-digitalbazaar';
-import digitalbazaarJsdoc from 'eslint-config-digitalbazaar/jsdoc';
-import digitalbazaarModule from 'eslint-config-digitalbazaar/module';
+import config from '@digitalbazaar/eslint-config/node-recommended';
 
 export default [
-  ...digitalbazaar,
-  ...digitalbazaarJsdoc,
-  ...digitalbazaarModule,
+  ...config,
   {
     ignores: ['_site', '!.eleventy.js'],
   },
-  {
-    languageOptions: {
-      globals: {
-        ...globals.node
-      }
-    },
-    rules: {
-      'unicorn/prefer-node-protocol': 'error'
-    }
-  },
   {
     files: [
       'src/assets/js/*'
diff --git a/package.json b/package.json
index 2a09467..a4cafb7 100644
--- a/package.json
+++ b/package.json
@@ -23,10 +23,10 @@
     "@11ty/eleventy": "^3.1.2",
     "@11ty/eleventy-fetch": "^5.1.0",
     "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.2",
+    "@digitalbazaar/eslint-config": "github:digitalbazaar/eslint-config-digitalbazaar#use-eslint-v9",
     "@kevingimbel/eleventy-plugin-mermaid": "^3.0.0",
-    "eslint": "^9.33.0",
-    "eslint-config-digitalbazaar": "github:digitalbazaar/eslint-config-digitalbazaar#use-eslint-v9",
-    "eslint-plugin-jsdoc": "^52.0.4",
+    "eslint": "^9.34.0",
+    "eslint-plugin-jsdoc": "^54.1.1",
     "eslint-plugin-unicorn": "^60.0.0",
     "pagefind": "^1.3.0"
   },

From 020af256c0488aa0428ac2576fb375f35e5dcca6 Mon Sep 17 00:00:00 2001
From: "David I. Lehn" <dlehn@digitalbazaar.com>
Date: Wed, 27 Aug 2025 23:56:34 -0400
Subject: [PATCH 4/4] Fix lint issues.

---
 .eleventy.js                  | 10 +++++-----
 eslint.config.js              |  2 +-
 src/_data/results.js          |  8 ++++----
 src/assets/js/globalState.js  |  2 +-
 src/assets/js/spiderCharts.js |  4 ++--
 5 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/.eleventy.js b/.eleventy.js
index 95a7443..57958a5 100644
--- a/.eleventy.js
+++ b/.eleventy.js
@@ -26,15 +26,15 @@ export default function(eleventyConfig) {
   /* Markdown Overrides */
   const markdownLibrary = markdownIt({
     html: true,
-    linkify: true,
+    linkify: true
   }).use(markdownItAnchor, {
-    permalink: false,
+    permalink: false
   });
   eleventyConfig.setLibrary('md', markdownLibrary);
 
   eleventyConfig.addPlugin(syntaxHighlight);
   eleventyConfig.addPlugin(eleventyMermaidPlugin, {
-    extra_classes: 'attached',
+    extra_classes: 'attached'
   });
 
   // Shortcode components
@@ -88,7 +88,7 @@ export default function(eleventyConfig) {
     dir: {
       input: 'src/',
 
-      layouts: '_layouts',
-    },
+      layouts: '_layouts'
+    }
   };
 }
diff --git a/eslint.config.js b/eslint.config.js
index f7b6c22..89d2f57 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -5,7 +5,7 @@ import config from '@digitalbazaar/eslint-config/node-recommended';
 export default [
   ...config,
   {
-    ignores: ['_site', '!.eleventy.js'],
+    ignores: ['_site', '!.eleventy.js']
   },
   {
     files: [
diff --git a/src/_data/results.js b/src/_data/results.js
index 2f11d38..abae5fa 100644
--- a/src/_data/results.js
+++ b/src/_data/results.js
@@ -9,7 +9,7 @@ const specUrls = [
   'https://w3c-ccg.github.io/did-key-test-suite/index.json',
   'https://w3c-ccg.github.io/vc-api-issuer-test-suite/index.json',
   'https://w3c-ccg.github.io/vc-api-verifier-test-suite/index.json',
-  'https://w3c.github.io/vc-bitstring-status-list-test-suite/index.json',
+  'https://w3c.github.io/vc-bitstring-status-list-test-suite/index.json'
 ];
 
 // Helper function: Remove company name suffix (Digital Bazaar: P-256)
@@ -30,7 +30,7 @@ const extractCompanyResultsByTestType = results => {
         const testState = test.state;
         all[testState] = all[testState] ? all[testState] + 1 : 1;
         return {total: tests.length, ...all};
-      }, {}),
+      }, {})
     };
   };
 
@@ -49,7 +49,7 @@ const extractCompanyResultsByTestType = results => {
         ...all,
         [testType]: testSuiteDataByTestType[testType].map(({suites}) => {
           return suites.reduce(getTestResults, {});
-        }),
+        })
       };
     },
     {}
@@ -214,7 +214,7 @@ export default async function() {
   const promises = specUrls.map(url =>
     EleventyFetch(url, {
       duration: '1w', // save for 1 week
-      type: 'json', // we’ll parse JSON for you
+      type: 'json' // we’ll parse JSON for you
     })
   );
 
diff --git a/src/assets/js/globalState.js b/src/assets/js/globalState.js
index 5f45d10..0367086 100644
--- a/src/assets/js/globalState.js
+++ b/src/assets/js/globalState.js
@@ -29,7 +29,7 @@ const store = reactive({
         this.toggleLoading();
       }
     }
-  },
+  }
 });
 
 // Make global state available with app scopes
diff --git a/src/assets/js/spiderCharts.js b/src/assets/js/spiderCharts.js
index 5f82757..f2de10d 100644
--- a/src/assets/js/spiderCharts.js
+++ b/src/assets/js/spiderCharts.js
@@ -34,7 +34,7 @@ ctx.forEach(elementCtx => {
           pointHoverBackgroundColor: white,
           pointBackgroundColor: fomanticGreen,
           pointHoverBorderColor: fomanticGreen,
-          backgroundColor: fomanticGreenTransparent,
+          backgroundColor: fomanticGreenTransparent
         }
       ]
     },
@@ -56,6 +56,6 @@ ctx.forEach(elementCtx => {
           }
         }
       }
-    },
+    }
   });
 });