WIP: Update Docusaurus + Site dependencies (#802)

* update: deps

* fix: broken link

* fix: search upgrade change

Author: ndom91

www/docs/configuration/providers.md

@@ -15,7 +15,7 @@ NextAuth.js is designed to work with any OAuth service, it supports OAuth 1.0, 1
 * [Atlassian](/providers/atlassian)
 * [Auth0](/providers/auth0)
 * [Basecamp](/providers/basecamp)
-* [Battle.net](/providers/battlenet)
+* [Battle.net](/providers/battle.net)
 * [Box](/providers/box)
 * [Amazon Cognito](/providers/cognito)
 * [Discord](/providers/discord)

www/docusaurus.config.js

@@ -17,7 +17,7 @@ module.exports = {
         alt: 'NextAuth Logo',
         src: 'img/logo/logo-xs.png'
       },
-      links: [
+      items: [
         {
           to: '/getting-started/introduction',
           activeBasePath: 'docs',

www/package-lock.json

@@ -10,16 +10,16 @@
     "lint:fix": "standard --fix"
   },
   "dependencies": {
-    "@docusaurus/core": "^2.0.0-alpha.54",
-    "@docusaurus/preset-classic": "^2.0.0-alpha.54",
+    "@docusaurus/core": "^2.0.0-alpha.66",
+    "@docusaurus/preset-classic": "^2.0.0-alpha.66",
     "classnames": "^2.2.6",
-    "docusaurus-lunr-search": "^1.0.3",
-    "jose": "^1.27.2",
+    "docusaurus-lunr-search": "^2.1.7",
+    "jose": "^2.0.2",
     "lodash.times": "^4.3.2",
-    "react": "^16.8.4",
-    "react-dom": "^16.8.4",
-    "react-marquee-slider": "^1.0.16",
-    "styled-components": "^5.1.1"
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "react-marquee-slider": "^1.1.2",
+    "styled-components": "^5.2.0"
   },
   "browserslist": {
     "production": [
@@ -34,6 +34,6 @@
     ]
   },
   "devDependencies": {
-    "standard": "^14.3.4"
+    "standard": "^15.0.0"
   }
 }

www/package.json

@@ -9,7 +9,7 @@
 
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-link: #289EF9;
+  --ifm-color-link: #289ef9;
   --ifm-color-primary: #1eb1fc;
   --ifm-color-primary-dark: #03a7fa;
   --ifm-color-primary-darker: #039eed;
@@ -21,22 +21,24 @@
   --ifm-color-info: #1eb1fc;
   --ifm-color-success: #1eb1fc;
   --ifm-color-warning: #c94b4b;
-  --ifm-font-family-base: -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+  --ifm-font-family-base: -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell,
+    Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial,
+    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   --ifm-background-color: #fff;
   --ifm-footer-background-color: #f9f9f9;
   --ifm-hero-background-color: #f5f5f5;
-  --ifm-navbar-background-color: rgba(255,255,255,0.95);
+  --ifm-navbar-background-color: rgba(255, 255, 255, 0.95);
   --ifm-h1-font-size: 3rem;
   --ifm-h1-font-size: 2rem;
 }
 
-html[data-theme='dark']:root {
-  --ifm-color-link: #289EF9;
+html[data-theme="dark"]:root {
+  --ifm-color-link: #289ef9;
   --ifm-footer-background-color: #111;
   --ifm-html-background-color: #242526;
   --ifm-background-color: #000000;
   --ifm-hero-background-color: #111111;
-  --ifm-navbar-background-color: rgba(0,0,0,0.95);
+  --ifm-navbar-background-color: rgba(0, 0, 0, 0.95);
 }
 
 @import "hero.css";
@@ -63,7 +65,6 @@ a {
 a,
 a:hover,
 .navbar .navbar__link:hover {
-  text-decoration: underline;
   color: var(--ifm-color-link);
 }
 
@@ -109,12 +110,12 @@ a:hover,
 
 .navbar__title {
   font-size: 1.2rem;
-  margin-left: .2rem;
+  margin-left: 0.2rem;
   display: none;
 }
 
-.navbar-sidebar__brand .navbar__title { 
-   display: inline;
+.navbar-sidebar__brand .navbar__title {
+  display: inline;
 }
 
 @media screen and (min-width: 420px) {
@@ -137,14 +138,14 @@ a:hover,
   padding: 0;
   height: 100%;
   font-size: 0.9rem;
-  background: #1E1E1E;
+  background: #1e1e1e;
   overflow: hidden;
-  border-radius: .5rem;
+  border-radius: 0.5rem;
 }
 
 .home-main .code .code-heading {
-  color: rgba(255,255,255,1);
-  background: #191A1B;
+  color: rgba(255, 255, 255, 1);
+  background: #191a1b;
   margin: 0;
   padding: 0.5rem 1rem;
   font-size: 1rem;
@@ -171,7 +172,7 @@ hr {
   border-color: #ddd;
 }
 
-html[data-theme='dark'] hr {
+html[data-theme="dark"] hr {
   border-color: #242526;
 }
 
@@ -190,20 +191,20 @@ html[data-theme='dark'] hr {
   background-repeat: no-repeat;
 }
 
-html[data-theme='dark'] .navbar__item.navbar__link[href*="github"]:before {
+html[data-theme="dark"] .navbar__item.navbar__link[href*="github"]:before {
   background-image: url("/img/brand-github-inverted.svg");
 }
 
 .navbar__item.navbar__link[href*="npmjs"]:before {
   content: "";
   width: 3rem;
   height: 1.2rem;
-  margin-top: .2rem;
+  margin-top: 0.2rem;
   background-image: url("/img/brand-npm.svg");
   background-repeat: no-repeat;
 }
 
-html[data-theme='dark'] .navbar__item.navbar__link[href*="npm"]:before {
+html[data-theme="dark"] .navbar__item.navbar__link[href*="npm"]:before {
   background-image: url("/img/brand-npm-inverted.svg");
 }
 
@@ -214,8 +215,8 @@ html[data-theme='dark'] .navbar__item.navbar__link[href*="npm"]:before {
   }
 }
 
-html[data-theme='dark'] { 
-  --ifm-background-color: #1F201C;
+html[data-theme="dark"] {
+  --ifm-background-color: #1f201c;
 }
 
 .home-main .feature-image-wrapper {
@@ -225,22 +226,21 @@ html[data-theme='dark'] {
   border-radius: 10rem;
   overflow: visible;
   background-color: var(--ifm-color-primary);
-  box-shadow: 0 0 2rem rgba(0,0,0,.1);
-  background-image: linear-gradient(0deg, #1786FB 0%, #45EABA 100%);
+  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
+  background-image: linear-gradient(0deg, #1786fb 0%, #45eaba 100%);
 }
 
 .home-main .section-features .row .col:nth-child(2) .feature-image-wrapper {
-  background-image: linear-gradient(0deg, #605BD4 0%, #E95595 100%);  
+  background-image: linear-gradient(0deg, #605bd4 0%, #e95595 100%);
 }
 
-
 .home-main .section-features .row .col:nth-child(3) .feature-image-wrapper {
-  background-image: linear-gradient(0deg, #FD5D21 0%, #FBB12E 100%);
+  background-image: linear-gradient(0deg, #fd5d21 0%, #fbb12e 100%);
 }
 
 .home-main .feature-image-wrapper img {
   filter: saturate(1.2) contrast(2);
-  zoom: .80;
+  zoom: 0.8;
 }
 
 @media screen and (max-width: 996px) {
@@ -255,14 +255,14 @@ html[data-theme='dark'] {
     font-size: 1rem !important;
     color: #000;
     text-align: left;
-    padding: .1rem 2rem;
+    padding: 0.1rem 2rem;
     text-decoration: underline;
     font-weight: bold;
     display: inline;
     opacity: 1;
   }
 
-  html[data-theme='dark'] .button.button--secondary.button--sm.menu__button {
+  html[data-theme="dark"] .button.button--secondary.button--sm.menu__button {
     color: #fff;
   }
 
@@ -271,4 +271,4 @@ html[data-theme='dark'] {
     opacity: 0.8;
     display: block;
   }
-}
+}

www/src/css/index.css

@@ -3,6 +3,10 @@
   border-right: none !important;
 }
 
+.menu__list .menu__link {
+  text-decoration: none;
+}
+
 .menu__list .menu__list-item a[href="#!"],
 .menu__list .menu__list-item a:not(.menu__link--sublist) {
   background: transparent;
@@ -22,13 +26,18 @@
   font-weight: 700;
 }
 
-.menu__list .menu__list-item a.menu__link.menu__link--active:not(.menu__link--sublist) {
-  background: transparent;  
+.menu__list
+  .menu__list-item
+  a.menu__link.menu__link--active:not(.menu__link--sublist) {
+  background: transparent;
   color: var(--ifm-color-link);
 }
 
-html[data-theme='dark'] .menu__list .menu__list-item a:not(.menu__link--sublist),
-html[data-theme='dark'] .menu__list .menu__list-item a[href="#!"] {
+html[data-theme="dark"]
+  .menu__list
+  .menu__list-item
+  a:not(.menu__link--sublist),
+html[data-theme="dark"] .menu__list .menu__list-item a[href="#!"] {
   color: #fff;
 }
 

www/src/css/sidebar.css

@@ -6,6 +6,10 @@
   border: none !important;
 }
 
+.table-of-contents__link {
+  text-decoration: none;
+}
+
 .contents a {
   text-decoration: none;
 }
@@ -36,10 +40,10 @@
 }
 
 .contents li > ul {
-  margin-left: .25rem;
+  margin-left: 0.25rem;
 }
 
 .contents li > ul li > a {
   font-weight: 400;
   font-size: 0.95rem;
-}
+}