make the docs public

components/DefaultPage/NavBar.tsx

@@ -49,6 +49,7 @@ const NavbarPage = ({ page, path, level }: PageProps) => {
                     [styles['navbar__link--level-2']]: level === 2,
                 })}
                 href={page.path}
+                title={page.title}
             >
                 {page.title}
             </Link>

components/DefaultPage/styles.module.scss

@@ -46,6 +46,9 @@
     color: #767676;
     text-decoration: none;
     padding: spacing("md");
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
 
     &:hover {
       color: var(--text-color);

components/GraphQLExample/index.tsx

@@ -9,14 +9,15 @@ import styles from './styles.module.scss';
 
 interface Props {
     document: string;
+    version: string;
 }
 
 export const GraphQLExample = (props: Props) => {
     return (
         <div>
             <Prism className={styles.code} copyLabel="Copy" language="graphql">{props.document}</Prism>
             <Paper className={styles.footer}>
-                <Link className={styles['footer__link']} href={`/fusionfeed/graphql/explorer-and-reference#query=${encodeURIComponent(props.document)}`} target="_blank">
+                <Link className={styles['footer__link']} href={`/fusionfeed/graphql/explorer-and-reference#version=${props.version}&query=${encodeURIComponent(props.document)}`} target="_blank">
                     <Image src={graphqlIcon} alt="GraphQL Explorer" />
                     <span className={styles['footer__text']}>Open in GraphQL Explorer</span>
                 </Link>

components/LoginPage/LoginAgreement.tsx

@@ -17,7 +17,7 @@ export const LoginAgreement = ({ setLoginState }: LoginAgreementProps) => {
 
     const acceptAgreement = () => {
         cookie.set('ffagreement', 'true');
-        const destination = new URLSearchParams(window.location.search).get('destination');
+        const destination = window.location.hash.length > 1 && new URLSearchParams(window.location.hash.slice(1)).get('destination');
         router.push(destination || '/');
     };
 

components/LoginPage/LoginForm.tsx

@@ -33,7 +33,7 @@ export const LoginForm = ({ setLoginState }: LoginFormProps) => {
                     if (!agreement) {
                         setLoginState('agreement');
                     } else {
-                        const destination = new URLSearchParams(window.location.search).get('destination');
+                        const destination = window.location.hash.length > 1 && new URLSearchParams(window.location.hash.slice(1)).get('destination');
                         router.push(destination || '/');
                     }
                 } else {

content/fusionfeed/graphql/football/index.mdx

@@ -1,11 +1,11 @@
 ---
-title: Football
+title: Gridiron Football
 children:
   - enumerating-teams
   - navigating-games
   - searching-for-plays
 ---
-# Football
+# Gridiron Football
 
 In FusionFeed, gridiron football is simply referred to as "football". For association football, see [Soccer](../soccer).
 

content/fusionfeed/graphql/soccer/index.mdx

@@ -1,10 +1,10 @@
 ---
-title: Soccer
+title: Association Football (Soccer)
 children:
   - navigating-games
 ---
-# Soccer
+# Association Football (Soccer)
 
-In FusionFeed, association football is always referred to as "soccer" as opposed to "football", which is used to refer to gridiron football.
+In the FusionFeed API, association football is always referred to as "soccer" as opposed to "football", which is used to refer to gridiron football.
 
 FusionFeed provides coverage for a select number of games, primarily amongst Premier League teams.

content/fusionfeed/rest/video-preview-images.mdx

@@ -14,7 +14,7 @@ This endpoint requires authentication, so web apps cannot directly use it in the
 For example, this request:
 
 ```
-GET /v2/av-streams/BA~Ag-NUeoMbH8zwMzB8iLxSEVMbcHZ~CJ5byArXySDWly_GOiXnDr7KFtOD/preview.jpg?fit=640x360&t=2021-09-10T00:24:10Z
+GET /v2/av-streams/BA~AnZFw9BpHTRq_J84hAVaVYSx34n8~CCgrzL6_hXIKlr0Bd-2mIURDHfpF/preview.jpg?fit=640x360&t=2023-07-27T00:15:55Z
 ```
 
 Produces this image:

lib/auth.ts

@@ -9,10 +9,11 @@ export function withAuth<Params, Props>(
     return async (ctx) => {
         const { req } = ctx;
         const token = req.cookies['fftoken'];
+        const dest = ctx.resolvedUrl || req.url || '/';
         if (!token || !(await validateFusionFeedToken(token))) {
             return {
                 redirect: {
-                    destination: '/login#destination=' + encodeURIComponent(req.url || '/'),
+                    destination: '/login#destination=' + encodeURIComponent(dest),
                     permanent: false,
                 },
             };

lib/content-loading.ts

@@ -173,6 +173,10 @@ export async function getAllContent(): Promise<Map<string, Content>> {
                                                 type: 'mdxJsxAttribute',
                                                 name: 'document',
                                                 value: document,
+                                            }, {
+                                                type: 'mdxJsxAttribute',
+                                                name: 'version',
+                                                value: version,
                                             }];
                                             node.children = [];
                                         },

package.json

@@ -14,7 +14,7 @@
   "dependencies": {
     "@emotion/react": "^11.10.6",
     "@emotion/server": "^11.10.0",
-    "@graphiql/react": "^0.19.0",
+    "@graphiql/react": "^0.19.2",
     "@mantine/core": "^5.10.5",
     "@mantine/hooks": "^5.10.5",
     "@mantine/next": "^5.10.5",
@@ -25,7 +25,7 @@
     "eslint": "8.34.0",
     "eslint-config-next": "13.2.1",
     "file-saver": "^2.0.5",
-    "graphiql": "^3.0.1",
+    "graphiql": "^3.0.4",
     "graphql": "^16.6.0",
     "graphql-ws": "^5.12.0",
     "hast-util-from-html-isomorphic": "^1.0.0",

pages/[...path].tsx

@@ -1,7 +1,6 @@
 import { useRouter } from 'next/router';
 
 import { DefaultPage, Props } from '../components/DefaultPage';
-import { withAuth } from '../lib/auth';
 import { canonicalContentPath } from '../lib/content';
 import { getAllContent, getProductTableOfContents } from '../lib/content-loading';
 
@@ -11,7 +10,7 @@ interface Params {
     path: string[];
 }
 
-export const getServerSideProps = withAuth<Params, Props>(async function ({ params }) {
+export const getStaticProps = async function ({ params }: { params: Params }) {
     if (!params) {
         return { notFound: true };
     }
@@ -36,4 +35,21 @@ export const getServerSideProps = withAuth<Params, Props>(async function ({ para
             headings: content.headings,
         },
     };
-});
+};
+
+export const getStaticPaths = async function () {
+    const allContent = await getAllContent();
+
+    return {
+        fallback: false,
+        paths: Array.from(allContent.keys()).filter((key) => ![
+            '/',
+            '/fusionfeed/rest/explorer-and-reference',
+            '/fusionfeed/graphql/explorer-and-reference',
+        ].includes(key)).map((key) => ({
+            params: {
+                path: canonicalContentPath(key).split('/').slice(1),
+            },
+        })),
+    };
+};

pages/index.tsx

@@ -1,5 +1,4 @@
 import { HomePage, Props } from '../components/HomePage';
-import { withAuth } from '../lib/auth';
 import { canonicalContentPath, Frontmatter } from '../lib/content';
 import { getAllContent } from '../lib/content-loading';
 
@@ -23,7 +22,7 @@ interface HomePageFrontmatter extends Frontmatter {
     products: ProductFrontmatter[];
 }
 
-export const getServerSideProps = withAuth<{}, Props>(async function () {
+export const getStaticProps = async function () {
     const allContent = await getAllContent();
     const content = allContent.get('/')!;
     const frontmatter = content.frontmatter as unknown as HomePageFrontmatter;
@@ -59,4 +58,4 @@ export const getServerSideProps = withAuth<{}, Props>(async function () {
             }),
         },
     };
-});
+};