fix: resolve docs Dependabot advisories

Taskfile.yml

@@ -78,12 +78,12 @@ tasks:
   fmt:
     desc: Format all markdown files with prettier
     cmds:
-      - npx prettier --write "**/*.md" --ignore-path .prettierignore
+      - npx --yes prettier@3.8.1 --write "**/*.md" --ignore-path .prettierignore
 
   fmt:check:
     desc: Check markdown formatting without making changes
     cmds:
-      - npx prettier --check --log-level=debug "**/*.md" --ignore-path .prettierignore
+      - npx --yes prettier@3.8.1 --check --log-level=debug "**/*.md" --ignore-path .prettierignore
 
   # File reference validation
   check:files:

canary-checker/package.json

@@ -13,9 +13,9 @@
     "render-for-context7": "INIT_CWD=$(pwd) ../scripts/goja-mdx-renderer/run.sh"
   },
   "dependencies": {
-    "@docusaurus/core": "^3.7.0",
-    "@docusaurus/plugin-client-redirects": "^3.7.0",
-    "@docusaurus/preset-classic": "^3.7.0",
+    "@docusaurus/core": "^3.10.1",
+    "@docusaurus/plugin-client-redirects": "^3.10.1",
+    "@docusaurus/preset-classic": "^3.10.1",
     "@flanksource/icons": "^1.0.34",
     "@floating-ui/react": "^0.26.28",
     "@mdx-js/react": "^3.0.0",
@@ -25,7 +25,6 @@
     "expressive-code": "^0.35.3",
     "file-loader": "6.2.0",
     "iconify-icon": "^2.1.0",
-    "image-webpack-loader": "^8.1.0",
     "my-loaders": "file:plugins/my-loaders",
     "postcss": "^8.4.38",
     "prism-react-renderer": "^2.3.1",
@@ -38,8 +37,8 @@
     "url-loader": "4.1.1"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "^3.7.0",
-    "@docusaurus/types": "^3.7.0",
+    "@docusaurus/module-type-aliases": "^3.10.1",
+    "@docusaurus/types": "^3.10.1",
     "@iconify-icon/react": "^2.1.0",
     "@iconify/react": "^5.2.0",
     "@iconify/tailwind": "^1.1.3",
@@ -64,5 +63,12 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "overrides": {
+    "serialize-javascript": "7.0.7",
+    "uuid": "11.1.1"
+  },
+  "engines": {
+    "node": ">=20"
   }
 }

canary-checker/plugins/my-loaders/index.js

@@ -8,7 +8,7 @@ module.exports = function () {
             {
               test: /\.(gif|png|jpe?g|svg)$/i,
               exclude: /\.(mdx?)$/i,
-              use: ['file-loader', { loader: 'image-webpack-loader' }],
+              use: ['file-loader'],
             },
           ],
         },

common/src/components/TerminalOutput.jsx

@@ -1,8 +1,46 @@
 
+import { useEffect, useRef, useState } from 'react'
 import Convert from 'ansi-to-html'
 
-import CopyButton from '@theme/CodeBlock/CopyButton'
+function CopyButton({ code, className = '' }) {
+  const [copied, setCopied] = useState(false)
+  const timeoutRef = useRef()
 
+  useEffect(() => () => window.clearTimeout(timeoutRef.current), [])
+
+  async function copyToClipboard() {
+    const text = String(code ?? '')
+
+    if (navigator.clipboard) {
+      await navigator.clipboard.writeText(text)
+    } else {
+      const textarea = document.createElement('textarea')
+      textarea.value = text
+      textarea.setAttribute('readonly', '')
+      textarea.style.position = 'absolute'
+      textarea.style.left = '-9999px'
+      document.body.appendChild(textarea)
+      textarea.select()
+      document.execCommand('copy')
+      document.body.removeChild(textarea)
+    }
+
+    setCopied(true)
+    timeoutRef.current = window.setTimeout(() => setCopied(false), 1000)
+  }
+
+  return (
+    <button
+      type="button"
+      aria-label={copied ? 'Copied' : 'Copy code to clipboard'}
+      title={copied ? 'Copied' : 'Copy'}
+      className={className}
+      onClick={copyToClipboard}
+    >
+      {copied ? 'Copied' : 'Copy'}
+    </button>
+  )
+}
 
 function ansi2HTML(str, command) {
 

common/src/theme/Layout/index.tsx

@@ -13,7 +13,6 @@ import {
   SkipToContentFallbackId,
   ThemeClassNames,
 } from '@docusaurus/theme-common';
-import {useKeyboardNavigation} from '@docusaurus/theme-common/internal';
 import SkipToContent from '@theme/SkipToContent';
 import AnnouncementBar from '@theme/AnnouncementBar';
 import Navbar from '@theme/Navbar';
@@ -42,8 +41,6 @@ export default function Layout(props: LayoutProps): ReactNode {
     description,
   } = props;
 
-  useKeyboardNavigation();
-
   return (
     <LayoutProvider>
       <PageMetadata title={title} description={description} />
@@ -57,6 +54,7 @@ export default function Layout(props: LayoutProps): ReactNode {
       <div
         id={SkipToContentFallbackId}
         className={clsx(
+          ThemeClassNames.layout.main.container,
           ThemeClassNames.wrapper.main,
           styles.mainWrapper,
           wrapperClassName,

mission-control/docusaurus.config.ts

@@ -204,7 +204,7 @@ export default async function createConfigAsync() {
                   util: require.resolve('util/'),
                   process: require.resolve('process/browser'),
                   buffer: require.resolve('buffer/'),
-                  fs: require.resolve("browserify-fs"),
+                  fs: false,
                   url: require.resolve("url/")
                 },
               },