Upgrade to latest docusaurus (#4303)

* upgrade to latest docusaurus

* patch vuln

* fix broken link

docs/docs/faqs.md

@@ -13,7 +13,7 @@ A solid green image means that frigate has not received any frames from ffmpeg.
 
 ### How can I get sound or audio in my recordings? {#audio-in-recordings}
 
-By default, Frigate removes audio from recordings to reduce the likelihood of failing for invalid data. If you would like to include audio, you need to override the output args to remove `-an` for where you want to include audio. The recommended audio codec is `aac`. Not all audio codecs are supported by RTMP, so you may need to re-encode your audio with `-c:a aac`. The default ffmpeg args are shown [here](/configuration/index/#full-configuration-reference).
+By default, Frigate removes audio from recordings to reduce the likelihood of failing for invalid data. If you would like to include audio, you need to override the output args to remove `-an` for where you want to include audio. The recommended audio codec is `aac`. Not all audio codecs are supported by RTMP, so you may need to re-encode your audio with `-c:a aac`. The default ffmpeg args are shown [here](/configuration/#full-configuration-reference).
 
 :::tip
 

docs/docusaurus.config.js

@@ -12,9 +12,15 @@ module.exports = {
   projectName: 'frigate',
   themeConfig: {
     algolia: {
+      appId: 'WIURGBNBPY',
       apiKey: '81ec882db78f7fed05c51daf973f0362',
       indexName: 'frigate',
     },
+    docs: {
+      sidebar: {
+        hideable: true,
+      }
+    },
     navbar: {
       title: 'Frigate',
       logo: {
@@ -46,8 +52,6 @@ module.exports = {
         },
       ],
     },
-    sidebarCollapsible: false,
-    hideableSidebar: true,
     footer: {
       style: 'dark',
       links: [
@@ -78,6 +82,7 @@ module.exports = {
           sidebarPath: require.resolve('./sidebars.js'),
           // Please change this to your repo.
           editUrl: 'https://github.com/blakeblackshear/frigate/edit/master/docs/',
+          sidebarCollapsible: false
         },
 
         theme: {

docs/package.json

@@ -8,17 +8,20 @@
     "build": "docusaurus build",
     "swizzle": "docusaurus swizzle",
     "deploy": "docusaurus deploy",
+    "clear": "docusaurus clear",
     "serve": "docusaurus serve",
-    "clear": "docusaurus clear"
+    "write-translations": "docusaurus write-translations",
+    "write-heading-ids": "docusaurus write-heading-ids"
   },
   "dependencies": {
-    "@docusaurus/core": "^2.0.0-beta.20",
+    "@docusaurus/core": "^2.2.0",
-    "@docusaurus/preset-classic": "^2.0.0-beta.20",
+    "@docusaurus/preset-classic": "^2.2.0",
     "@mdx-js/react": "^1.6.22",
-    "clsx": "^1.1.1",
+    "clsx": "^1.2.1",
     "raw-loader": "^4.0.2",
-    "react": "^16.14.0",
+    "prism-react-renderer": "^1.3.5",
-    "react-dom": "^16.14.0"
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
   },
   "browserslist": {
     "production": [
@@ -33,6 +36,10 @@
     ]
   },
   "devDependencies": {
-    "@types/react": "^16.14.0"
+    "@types/react": "^17.0.0",
+    "@docusaurus/module-type-aliases": "2.2.0"
+  },
+  "engines": {
+    "node": ">=16.14"
   }
 }