[website] make version switch show Docs by default (#1885)

* [website] make version switch show `Docs` by default

* should be Docs again, when you navigate to homepage after docs

* Update website/src/pages/_meta.json

Co-authored-by: Saihajpreet Singh <[email protected]>

Co-authored-by: Saihajpreet Singh <[email protected]>

Author: dimaMachina

patches/nextra-theme-docs+2.0.0-beta.29.patch

@@ -1,5 +1,5 @@
 diff --git a/node_modules/nextra-theme-docs/dist/index.js b/node_modules/nextra-theme-docs/dist/index.js
-index 55d4d18..3153398 100644
+index 55d4d18..b637a04 100644
 --- a/node_modules/nextra-theme-docs/dist/index.js
 +++ b/node_modules/nextra-theme-docs/dist/index.js
 @@ -51,8 +51,8 @@ var __async = (__this, __arguments, generator) => {
@@ -8,7 +8,7 @@ index 55d4d18..3153398 100644
  // src/index.tsx
 -import React41, { useEffect as useEffect8, useMemo as useMemo5, useRef as useRef7 } from "react";
 -import { useRouter as useRouter9 } from "next/router";
-+import React44, { useEffect as useEffect8, useMemo as useMemo5, useRef as useRef7 } from "react";
++import React44, { useEffect as useEffect9, useMemo as useMemo5, useRef as useRef7 } from "react";
 +import { useRouter as useRouter10 } from "next/router";
  import "focus-visible";
  import scrollIntoView3 from "scroll-into-view-if-needed";
@@ -608,18 +608,18 @@ index 55d4d18..3153398 100644
  import { Menu, Transition as Transition3 } from "@headlessui/react";
 +
 +// src/components/version-switch.tsx
-+import React30, { useState as useState6 } from "react";
++import React30, { useEffect as useEffect4, useState as useState6 } from "react";
 +import { useRouter as useRouter4 } from "next/router";
 +function VersionSwitch({
 +  options
 +}) {
 +  const router = useRouter4();
-+  const [route, setRoute] = useState6(
-+    () => {
-+      var _a;
-+      return ((_a = options.find((opt) => router.route.startsWith(opt.route))) == null ? void 0 : _a.route) || "";
-+    }
-+  );
++  const [route, setRoute] = useState6("");
++  useEffect4(() => {
++    var _a;
++    const newRoute = ((_a = options.find((opt) => router.route.startsWith(opt.route))) == null ? void 0 : _a.route) || "";
++    setRoute(newRoute);
++  }, [router.route]);
 +  const selected = route ? options.find((opt) => opt.route === route) : options[0];
 +  return /* @__PURE__ */ React30.createElement(Select, {
 +    className: "flex gap-1 items-center",
@@ -629,7 +629,7 @@ index 55d4d18..3153398 100644
 +    },
 +    selected: {
 +      key: route,
-+      name: /* @__PURE__ */ React30.createElement(React30.Fragment, null, selected == null ? void 0 : selected.title, /* @__PURE__ */ React30.createElement(ArrowRightIcon, {
++      name: /* @__PURE__ */ React30.createElement(React30.Fragment, null, route ? selected == null ? void 0 : selected.title : "Docs", /* @__PURE__ */ React30.createElement(ArrowRightIcon, {
 +        className: "shrink-0 h-3.5 w-3.5",
 +        pathClassName: "[[aria-expanded='true']>svg>&]:rotate-[270deg] origin-center transition-transform rotate-90"
 +      }))
@@ -841,18 +841,19 @@ index 55d4d18..3153398 100644
      href: getGitIssueUrl({
        repository: config.docsRepositoryBase,
        title: `Got server-side error in \`${mounted ? asPath : ""}\` url. Please fix!`,
-@@ -1733,8 +1921,8 @@ function ServerSideErrorPage() {
+@@ -1733,31 +1921,46 @@ function ServerSideErrorPage() {
  }
 
  // src/components/sidebar.tsx
 -import React34, {
 -  useState as useState6,
+-  useEffect as useEffect4,
 +import React35, {
 +  useState as useState7,
-   useEffect as useEffect4,
++  useEffect as useEffect5,
    useMemo as useMemo2,
    memo as memo2,
-@@ -1742,22 +1930,37 @@ import React34, {
+   useRef as useRef4
  } from "react";
  import cn13 from "clsx";
  import Slugger from "github-slugger";
@@ -896,16 +897,17 @@ index 55d4d18..3153398 100644
    const routeOriginal = getFSRoute(asPath, locale);
    const [route] = routeOriginal.split("#");
    const active = [route, route + "/"].includes(item.route + "/");
-@@ -1765,7 +1968,7 @@ function FolderImpl({
+@@ -1765,15 +1968,17 @@ function FolderImpl({
    const { setMenu } = useMenu();
    const config = useConfig();
    const open = TreeState[item.route] !== void 0 ? TreeState[item.route] : active || activeRouteInside || !config.sidebar.defaultMenuCollapsed;
 -  const rerender = useState6({})[1];
+-  useEffect4(() => {
 +  const rerender = useState7({})[1];
-   useEffect4(() => {
++  useEffect5(() => {
      if (activeRouteInside) {
        TreeState[item.route] = true;
-@@ -1773,7 +1976,9 @@ function FolderImpl({
+     }
    }, [activeRouteInside]);
    if (item.type === "menu") {
      const menu = item;
@@ -1061,7 +1063,7 @@ index 55d4d18..3153398 100644
  }
  var emptyHeading = [];
  function Sidebar({
-@@ -1903,7 +2126,10 @@ function Sidebar({
+@@ -1903,17 +2126,20 @@ function Sidebar({
  }) {
    const config = useConfig();
    const { menu, setMenu } = useMenu();
@@ -1072,7 +1074,19 @@ index 55d4d18..3153398 100644
 +  );
    const sidebarRef = useRef4(null);
    const containerRef = useRef4(null);
-   useEffect4(() => {
+-  useEffect4(() => {
++  useEffect5(() => {
+     if (menu) {
+       document.body.classList.add("overflow-hidden", "md:overflow-auto");
+     } else {
+       document.body.classList.remove("overflow-hidden", "md:overflow-auto");
+     }
+   }, [menu]);
+-  useEffect4(() => {
++  useEffect5(() => {
+     var _a;
+     const activeElement = (_a = sidebarRef.current) == null ? void 0 : _a.querySelector("li.active");
+     if (activeElement && (window.innerWidth > 767 || menu)) {
 @@ -1933,41 +2159,63 @@ function Sidebar({
      }
    }, [menu]);
@@ -1200,11 +1214,11 @@ index 55d4d18..3153398 100644
 
  // src/components/toc.tsx
 -import React36, { useEffect as useEffect5, useRef as useRef5, useMemo as useMemo3 } from "react";
-+import React37, { useEffect as useEffect5, useRef as useRef5, useMemo as useMemo3 } from "react";
++import React37, { useEffect as useEffect6, useRef as useRef5, useMemo as useMemo3 } from "react";
  import cn15 from "clsx";
  import Slugger2 from "github-slugger";
  import scrollIntoView2 from "scroll-into-view-if-needed";
-@@ -2027,17 +2281,24 @@ function TOC({ headings, filePath }) {
+@@ -2027,18 +2281,25 @@ function TOC({ headings, filePath }) {
    const activeAnchor = useActiveAnchor();
    const config = useConfig();
    const tocRef = useRef5(null);
@@ -1230,15 +1244,17 @@ index 55d4d18..3153398 100644
    const hasHeadings = items.length > 0;
 -  const hasMetaInfo = Boolean(config.feedback.content || config.editLink.component || config.toc.extraContent);
 -  const activeSlug = (_a = Object.entries(activeAnchor).find(([, { isActive }]) => isActive)) == null ? void 0 : _a[0];
+-  useEffect5(() => {
 +  const hasMetaInfo = Boolean(
 +    config.feedback.content || config.editLink.component || config.toc.extraContent
 +  );
 +  const activeSlug = (_a = Object.entries(activeAnchor).find(
 +    ([, { isActive }]) => isActive
 +  )) == null ? void 0 : _a[0];
-   useEffect5(() => {
++  useEffect6(() => {
      var _a2;
      if (!activeSlug)
+       return;
 @@ -2053,30 +2314,44 @@ function TOC({ headings, filePath }) {
        });
      }
@@ -1459,8 +1475,9 @@ index 55d4d18..3153398 100644
 
  // src/mdx-components.tsx
 -import React40, {
+-  useEffect as useEffect7,
 +import React41, {
-   useEffect as useEffect7,
++  useEffect as useEffect8,
    useRef as useRef6,
 -  useState as useState9,
 +  useState as useState10,
@@ -1475,8 +1492,9 @@ index 55d4d18..3153398 100644
 +import React40 from "react";
  import React210, {
    useCallback as useCallback4,
-   useEffect as useEffect6,
+-  useEffect as useEffect6,
 -  useState as useState8
++  useEffect as useEffect7,
 +  useState as useState9
  } from "react";
  import React310 from "react";
@@ -1490,15 +1508,17 @@ index 55d4d18..3153398 100644
      className: [
        "nextra-button transition-colors",
        "bg-primary-700/5 border border-black/5 text-gray-600 hover:text-gray-900 rounded-md p-2",
-@@ -2362,7 +2642,7 @@ var CopyToClipboard = (_a) => {
+@@ -2362,8 +2642,8 @@ var CopyToClipboard = (_a) => {
    } = _b, props = __objRest2(_b, [
      "value"
    ]);
 -  const [isCopied, setCopied] = useState8(false);
+-  useEffect6(() => {
 +  const [isCopied, setCopied] = useState9(false);
-   useEffect6(() => {
++  useEffect7(() => {
      if (!isCopied)
        return;
+     const timerId = setTimeout(() => {
 @@ -2484,43 +2764,46 @@ var observer;
  var setActiveAnchor;
  var slugs = /* @__PURE__ */ new WeakMap();
@@ -1581,6 +1601,15 @@ index 55d4d18..3153398 100644
  }
  var createHeaderLink = (Tag, context) => function HeaderLink(_a) {
    var _b = _a, {
+@@ -2532,7 +2815,7 @@ var createHeaderLink = (Tag, context) => function HeaderLink(_a) {
+   ]);
+   setActiveAnchor != null ? setActiveAnchor : setActiveAnchor = useSetActiveAnchor();
+   const obRef = useRef6(null);
+-  useEffect7(() => {
++  useEffect8(() => {
+     const heading = obRef.current;
+     if (!heading)
+       return;
 @@ -2548,19 +2831,22 @@ var createHeaderLink = (Tag, context) => function HeaderLink(_a) {
        });
      };
@@ -1614,18 +1643,20 @@ index 55d4d18..3153398 100644
      href: `#${id}`
    }, children));
  };
-@@ -2594,9 +2880,9 @@ var Details = (_a) => {
+@@ -2594,10 +2880,10 @@ var Details = (_a) => {
      "children",
      "open"
    ]);
 -  const [openState, setOpen] = useState9(!!open);
 +  const [openState, setOpen] = useState10(!!open);
    const [summary, restChildren] = findSummary(children);
 -  const [delayedOpenState, setDelayedOpenState] = useState9(openState);
+-  useEffect7(() => {
 +  const [delayedOpenState, setDelayedOpenState] = useState10(openState);
-   useEffect7(() => {
++  useEffect8(() => {
      if (openState) {
        setDelayedOpenState(true);
+     } else {
 @@ -2605,20 +2891,24 @@ var Details = (_a) => {
        return () => clearTimeout(timeout);
      }
@@ -1724,6 +1755,15 @@ index 55d4d18..3153398 100644
    return useMemo5(() => {
      const fsPath = getFSRoute(route, locale);
      return normalizePages({
+@@ -2719,7 +3012,7 @@ var Body = ({
+ }) => {
+   const mainElement = useRef7(null);
+   const config = useConfig();
+-  useEffect8(() => {
++  useEffect9(() => {
+     if (mainElement.current) {
+       resizeObserver.observe(mainElement.current);
+     }
 @@ -2728,25 +3021,28 @@ var Body = ({
      };
    }, []);

website/package.json

@@ -13,7 +13,6 @@
     "check": "exit 0"
   },
   "devDependencies": {
-    "@next/bundle-analyzer": "^12.2.5",
     "@theguild/algolia": "1.0.1",
     "@theguild/tailwind-config": "0.1.1",
     "@types/node": "18.7.23",

website/src/pages/_meta.json

@@ -2,17 +2,18 @@
   "index": {
     "title": "Home",
     "type": "page",
+    "hidden": true,
     "theme": {
       "layout": "raw"
     }
   },
-  "docs": {
-    "title": "v2",
+  "v3": {
+    "title": "v3 (beta)",
     "type": "page",
     "versioned": true
   },
-  "v3": {
-    "title": "v3",
+  "docs": {
+    "title": "v2",
     "type": "page",
     "versioned": true
   },

website/src/pages/v3/integrations/integration-with-cloudflare-workers.mdx

@@ -10,27 +10,18 @@ You will want to use the package `graphql-yoga` which has an agnostic HTTP handl
 
 > Watch [Episode #48 of `graphql.wtf`](https://graphql.wtf/episodes/48-graphql-yoga-cloudflare-workers-kv) for a quick introduction to using GraphQL Yoga with Cloudflare Workers, and KV:
 
-<br />
-
 <iframe
-  width="100%"
-  height="400"
   src="https://www.youtube.com/embed/xibiwSXMLsc"
   title="Using GraphQL Yoga with Cloudflare Workers, and KV"
-  frameBorder="0"
-  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-  allowFullScreen
-></iframe>
+/>
 
 ## Installation
 
 <PackageCmd packages={['graphql', 'graphql-yoga@three']} />
 
 ## Example with regular `fetch` event listener
 
-`listener.mjs`
-
-```ts
+```ts filename="listener.mjs"
 import { createYoga } from 'graphql-yoga'
 
 const yoga = createYoga()
@@ -42,9 +33,7 @@ self.addEventListener('fetch', yoga)
 
 ## Example with Modules Approach
 
-`modules.mjs`
-
-```ts
+```ts filename="modules.mjs"
 import { createYoga } from 'graphql-yoga'
 
 export default createYoga()

yarn.lock

@@ -2337,7 +2337,7 @@
     "@envelop/types" "2.4.0"
     tslib "2.4.0"
 
-"@envelop/disable-introspection@3.6.0", "@envelop/disable-introspection@^3.5.0":
+"@envelop/disable-introspection@^3.5.0":
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/@envelop/disable-introspection/-/disable-introspection-3.6.0.tgz#04b033389a83b9831442caabcbae30bde89857b9"
   integrity sha512-Zf505LqWo2efM0EtTBvXyYPynSTSL2+Ps0X+dCH33vQ3wF6gxMui9g1pGa4MDcGjaXWG67qZcT4eojpGlmmavA==
@@ -4195,7 +4195,7 @@
     unixify "^1.0.0"
     yargs "^17.0.0"
 
-"@next/bundle-analyzer@^12.2.5", "@next/bundle-analyzer@^12.3.1":
+"@next/bundle-analyzer@^12.3.1":
   version "12.3.1"
   resolved "https://registry.yarnpkg.com/@next/bundle-analyzer/-/bundle-analyzer-12.3.1.tgz#df168652c43ed0dc3e91a5108e34cdcc8fc7f05a"
   integrity sha512-2f/eei0YqZZBMTs4g1+HbgHyAFH5MbI/w9wLXmE8ly9SFze2D40sRH46JcC//EFVM/TIynVBh5sxn9CVO/vtxg==
@@ -5683,11 +5683,6 @@
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.46.tgz#0fb6bfbbeabd7a30880504993369c4bf1deab1fe"
   integrity sha512-laIjwTQaD+5DukBZaygQ79K1Z0jb1bPEMRrkXSLjtCcZm+abyp5YbrqpSLzD42FwWW6gK/aS4NYpJ804nG2brg==
 
-"@types/[email protected]":
-  version "1.1.9"
-  resolved "https://registry.yarnpkg.com/@types/eventsource/-/eventsource-1.1.9.tgz#ec35903741773c12b78a1859c82d2778b5eafcf9"
-  integrity sha512-F3K4oyM12o8W9jxuJmW+1sc8kdw0Hj0t+26urwkcolPJTgkfppEfIdftdcXmUU2QPBIwcrYO6diqgIqgCDf1FA==
-
 "@types/express-serve-static-core@^4.17.18":
   version "4.17.28"
   resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.17.28.tgz#c47def9f34ec81dc6328d0b1b5303d1ec98d86b8"
@@ -6155,13 +6150,6 @@
   resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-21.0.0.tgz#0c60e537fa790f5f9472ed2776c2b71ec117351b"
   integrity sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==
 
-"@types/[email protected]", "@types/yargs@^17.0.8":
-  version "17.0.13"
-  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.13.tgz#34cced675ca1b1d51fcf4d34c3c6f0fa142a5c76"
-  integrity sha512-9sWaruZk2JGxIQU+IhI1fhPYRcQ0UuTNuKuCW9bR5fp7qi2Llf7WDzNa17Cy7TKnh3cdxDOiyTu6gaLS0eDatg==
-  dependencies:
-    "@types/yargs-parser" "*"
-
 "@types/yargs@^15.0.0":
   version "15.0.14"
   resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-15.0.14.tgz#26d821ddb89e70492160b66d10a0eb6df8f6fb06"
@@ -6176,6 +6164,13 @@
   dependencies:
     "@types/yargs-parser" "*"
 
+"@types/yargs@^17.0.8":
+  version "17.0.13"
+  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.13.tgz#34cced675ca1b1d51fcf4d34c3c6f0fa142a5c76"
+  integrity sha512-9sWaruZk2JGxIQU+IhI1fhPYRcQ0UuTNuKuCW9bR5fp7qi2Llf7WDzNa17Cy7TKnh3cdxDOiyTu6gaLS0eDatg==
+  dependencies:
+    "@types/yargs-parser" "*"
+
 "@types/yauzl@^2.9.1":
   version "2.10.0"
   resolved "https://registry.yarnpkg.com/@types/yauzl/-/yauzl-2.10.0.tgz#b3248295276cf8c6f153ebe6a9aba0c988cb2599"