feat(apollo): enable APQ

Author: pan93412

lib/apollo.ts

@@ -1,5 +1,7 @@
 import { HttpLink } from "@apollo/client";
 import { ApolloClient, InMemoryCache } from "@apollo/client-integration-nextjs";
+import { PersistedQueryLink } from "@apollo/client/link/persisted-queries";
+import { sha256 } from "crypto-hash";
 import buildUri from "./build-uri";
 
 /**
@@ -8,6 +10,7 @@ import buildUri from "./build-uri";
  * You should add the token to the headers of the request.
  */
 export function makeClient({ token }: { token?: string | null }) {
+  const apq = new PersistedQueryLink({ sha256 });
   const httpLink = new HttpLink({
     uri: buildUri("/query"),
     headers: {
@@ -17,6 +20,6 @@ export function makeClient({ token }: { token?: string | null }) {
 
   return new ApolloClient({
     cache: new InMemoryCache(),
-    link: httpLink,
+    link: apq.concat(httpLink),
   });
 }

package.json

@@ -42,6 +42,7 @@
     "babel-plugin-react-compiler": "19.1.0-rc.3",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "crypto-hash": "^4.0.0",
     "foxact": "^0.2.49",
     "graphql": "^16.11.0",
     "lucide-react": "^0.544.0",