chore(deps): bump dependencies

4 files changed, 52 insertions, 46 deletions

diff --git a/subprojects/frontend/config/detectDevModeOptions.ts b/subprojects/frontend/config/detectDevModeOptions.ts
index 6052e047..7a3de4cb 100644
--- a/subprojects/frontend/config/detectDevModeOptions.ts
+++ b/subprojects/frontend/config/detectDevModeOptions.ts
@@ -63,6 +63,11 @@ export default function detectDevModeOptions(): DevModeOptions {
   const api = detectListenOptions('API', '127.0.0.1', 1312);
   const publicAddress = detectListenOptions('PUBLIC', listen.host, listen.port);
 
+  if (listen.secure) {
+    // Since nodejs 20, we'd need to pass in HTTPS options manually.
+    throw new Error(`Preview on secure port ${listen.port} is not supported`);
+  }
+
   const backendConfig: BackendConfig = {
     webSocketURL: `${listenURL(publicAddress, 'ws')}/${API_ENDPOINT}`,
   };
@@ -75,7 +80,6 @@ export default function detectDevModeOptions(): DevModeOptions {
       host: listen.host,
       port: listen.port,
       strictPort: true,
-      https: listen.secure,
       headers: {
         // Enable strict origin isolation, see e.g.,
         // https://github.com/vitejs/vite/issues/3909#issuecomment-1065893956
diff --git a/subprojects/frontend/package.json b/subprojects/frontend/package.json
index 748cc78d..e710a506 100644
--- a/subprojects/frontend/package.json
+++ b/subprojects/frontend/package.json
@@ -28,74 +28,74 @@
   },
   "homepage": "https://refinery.tools",
   "dependencies": {
-    "@codemirror/autocomplete": "^6.10.2",
+    "@codemirror/autocomplete": "^6.11.0",
     "@codemirror/commands": "^6.3.0",
-    "@codemirror/language": "^6.9.1",
+    "@codemirror/language": "^6.9.2",
     "@codemirror/lint": "^6.4.2",
     "@codemirror/search": "^6.5.4",
     "@codemirror/state": "^6.3.1",
-    "@codemirror/view": "^6.21.3",
+    "@codemirror/view": "^6.22.0",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
-    "@fontsource-variable/jetbrains-mono": "^5.0.16",
-    "@fontsource-variable/open-sans": "^5.0.16",
+    "@fontsource-variable/jetbrains-mono": "^5.0.18",
+    "@fontsource-variable/open-sans": "^5.0.18",
     "@hpcc-js/wasm": "^2.14.1",
-    "@lezer/common": "^1.1.0",
-    "@lezer/highlight": "^1.1.6",
-    "@lezer/lr": "^1.3.13",
+    "@lezer/common": "^1.1.1",
+    "@lezer/highlight": "^1.2.0",
+    "@lezer/lr": "^1.3.14",
     "@material-icons/svg": "^1.0.33",
-    "@mui/icons-material": "5.14.14",
-    "@mui/material": "5.14.14",
-    "@mui/system": "^5.14.14",
-    "@mui/x-data-grid": "^6.16.2",
+    "@mui/icons-material": "5.14.18",
+    "@mui/material": "5.14.18",
+    "@mui/system": "^5.14.18",
+    "@mui/x-data-grid": "^6.18.1",
     "ansi-styles": "^6.2.1",
     "csstype": "^3.1.2",
     "d3": "^7.8.5",
-    "d3-graphviz": "patch:d3-graphviz@npm%3A5.1.0#~/.yarn/patches/d3-graphviz-npm-5.1.0-ba6bed3fec.patch",
+    "d3-graphviz": "patch:d3-graphviz@npm%3A5.2.0#~/.yarn/patches/d3-graphviz-npm-5.2.0-161b1fbad4.patch",
     "d3-selection": "^3.0.0",
     "d3-zoom": "patch:d3-zoom@npm%3A3.0.0#~/.yarn/patches/d3-zoom-npm-3.0.0-18f706a421.patch",
     "escape-string-regexp": "^5.0.0",
     "lodash-es": "^4.17.21",
     "loglevel": "^1.8.1",
     "loglevel-plugin-prefix": "^0.8.4",
-    "mobx": "^6.10.2",
+    "mobx": "^6.11.0",
     "mobx-react-lite": "^4.0.5",
     "ms": "^2.1.3",
-    "nanoid": "^5.0.2",
+    "nanoid": "^5.0.3",
     "notistack": "^3.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-resize-detector": "^9.1.0",
-    "xstate": "^4.38.2",
+    "xstate": "^4.38.3",
     "zod": "^3.22.4"
   },
   "devDependencies": {
     "@lezer/generator": "^1.5.1",
-    "@types/d3": "^7.4.2",
-    "@types/d3-graphviz": "^2.6.9",
-    "@types/d3-selection": "^3.0.8",
-    "@types/d3-zoom": "^3.0.6",
-    "@types/eslint": "^8.44.6",
-    "@types/html-minifier-terser": "^7.0.1",
-    "@types/lodash-es": "^4.17.10",
-    "@types/micromatch": "^4.0.4",
-    "@types/ms": "^0.7.33",
-    "@types/node": "^18.18.6",
-    "@types/pnpapi": "^0.0.4",
-    "@types/react": "^18.2.29",
-    "@types/react-dom": "^18.2.14",
-    "@typescript-eslint/eslint-plugin": "^6.8.0",
-    "@typescript-eslint/parser": "^6.8.0",
-    "@vitejs/plugin-react-swc": "^3.4.0",
-    "@xstate/cli": "^0.5.7",
+    "@types/d3": "^7.4.3",
+    "@types/d3-graphviz": "^2.6.10",
+    "@types/d3-selection": "^3.0.10",
+    "@types/d3-zoom": "^3.0.8",
+    "@types/eslint": "^8.44.7",
+    "@types/html-minifier-terser": "^7.0.2",
+    "@types/lodash-es": "^4.17.11",
+    "@types/micromatch": "^4.0.5",
+    "@types/ms": "^0.7.34",
+    "@types/node": "^20.9.2",
+    "@types/pnpapi": "^0.0.5",
+    "@types/react": "^18.2.37",
+    "@types/react-dom": "^18.2.15",
+    "@typescript-eslint/eslint-plugin": "^6.11.0",
+    "@typescript-eslint/parser": "^6.11.0",
+    "@vitejs/plugin-react-swc": "^3.5.0",
+    "@xstate/cli": "^0.5.11",
     "cross-env": "^7.0.3",
-    "eslint": "^8.51.0",
+    "eslint": "^8.54.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "^17.1.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-import-resolver-typescript": "^3.6.1",
-    "eslint-plugin-import": "^2.28.1",
-    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-import": "^2.29.0",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
     "eslint-plugin-mobx": "^0.0.9",
     "eslint-plugin-prettier": "^5.0.1",
     "eslint-plugin-react": "^7.33.2",
@@ -103,10 +103,10 @@
     "html-minifier-terser": "^7.2.0",
     "micromatch": "^4.0.5",
     "pnpapi": "^0.0.0",
-    "prettier": "^3.0.3",
+    "prettier": "^3.1.0",
     "typescript": "5.2.2",
-    "vite": "^4.5.0",
-    "vite-plugin-pwa": "^0.16.5",
+    "vite": "^5.0.0",
+    "vite-plugin-pwa": "^0.17.0",
     "workbox-window": "^7.0.0"
   }
 }
diff --git a/subprojects/frontend/src/DirectionalSplitPane.tsx b/subprojects/frontend/src/DirectionalSplitPane.tsx
index 59c8b739..110bb202 100644
--- a/subprojects/frontend/src/DirectionalSplitPane.tsx
+++ b/subprojects/frontend/src/DirectionalSplitPane.tsx
@@ -64,9 +64,8 @@ export default function DirectionalSplitPane({
           [axis]: '0px',
           display: showLeftOnly || showRightOnly ? 'none' : 'flex',
           flexDirection: direction,
-          [horizontalSplit
-            ? 'borderBottom'
-            : 'borderRight']: `1px solid ${theme.palette.outer.border}`,
+          [horizontalSplit ? 'borderBottom' : 'borderRight']:
+            `1px solid ${theme.palette.outer.border}`,
         }}
       >
         <Box
diff --git a/subprojects/frontend/src/graph/VisibilityDialog.tsx b/subprojects/frontend/src/graph/VisibilityDialog.tsx
index f1fef28b..bfdcd59f 100644
--- a/subprojects/frontend/src/graph/VisibilityDialog.tsx
+++ b/subprojects/frontend/src/graph/VisibilityDialog.tsx
@@ -210,7 +210,10 @@ function VisibilityDialog({
             }
           />
         </td>
-        <td onClick={() => graph.cycleVisibility(name)}>
+        <td
+          onClick={() => graph.cycleVisibility(name)}
+          aria-label="Toggle visiblity"
+        >
           <div className="VisibilityDialog-nowrap">
             <RelationName metadata={metadata} abbreviate={graph.abbreviate} />
           </div>
@@ -261,10 +264,10 @@ function VisibilityDialog({
           <table cellSpacing={0}>
             <thead>
               <tr>
-                <th>
+                <th aria-label="Show true and error values">
                   <LabelIcon />
                 </th>
-                <th>
+                <th aria-label="Show unknown values">
                   <LabelOutlinedIcon />
                 </th>
                 <th>Symbol</th>