ids

CONTRIBUTING.md

@@ -63,10 +63,10 @@ for convenience if I want to put up a branch at a memorable URL.
 An Action attempts to publish a `-dev` prerelease of this package for every
 green commit on `master`, and then promotes it to `prod` if successful.
 
-The backend is published to as
+The backend is published as
 [`speedruns` on crates.io](https://crates.io/crates/speedruns).
 
 The frontend is published as
 [`speedruns` on NPM](https://www.npmjs.com/package/speedruns) and as
-[`@jeremybanks/speedruns` on NPM](https://www.npmjs.com/package/speedruns), and
+[`@jeremybanks/speedruns` on NPM](https://www.npmjs.com/package/@jeremybanks/speedruns), and
 [on the GitHub Package Registry](https://github.com/jeremyBanks/speedruns/packages/120812).

src/components/hooks/with-apollo.tsx

@@ -47,7 +47,7 @@ const getApolloClient = (
       cache.restore(initialState);
     }
 
-    const policy = DEBUG ? "cache-and-network" : "cache-first";
+    const policy = "cache-first";
 
     globalApolloClient = new ApolloClient({
       cache,

src/components/schema.ts

@@ -9,6 +9,10 @@
 
 export interface GetGamePagePreview_game {
   __typename: "Game";
+  /**
+   * GraphQL node ID
+   */
+  id: string;
   /**
    * URL slug used on speedrun.com
    */
@@ -1106,6 +1110,10 @@ export interface GetHomeStats {
 
 export interface GetGameIndex_games {
   __typename: "Game";
+  /**
+   * GraphQL node ID
+   */
+  id: string;
   /**
    * URL slug used on speedrun.com
    */

src/pages/[game]/index.tsx

@@ -17,6 +17,7 @@ import LoadingBlock from "~/components/loading-block";
 const GamePage: NextPage = () => {
   const router = useRouter();
 
+  // TODO: make this use a cached value from the home page, instead of a second query
   const { data: previewData } = useQuery<schema.GetGamePagePreview>(
     GetGamePagePreview,
     {
@@ -114,6 +115,7 @@ export default withApollo(GamePage);
 const GetGamePagePreview = gql`
   query GetGamePagePreview($slug: String!) {
     game(slug: $slug) {
+      id
       srcSlug
       name
     }

src/pages/index.tsx

@@ -307,6 +307,7 @@ const GetHomeStats = gql`
 const GetGameIndex = gql`
   query GetGameIndex {
     games {
+      id
       srcSlug
       name
     }