feat(apollo): enable APQ

app/(app)/statistics/_components/board/completed-questions.tsx

@@ -32,7 +32,7 @@ export default function CompletedQuestionsPercentage() {
 
   return (
     <>
-      {solvedQuestions}/{totalQuestions} ({completedPercentage.toFixed(2)}%)
+      {solvedQuestions}/{totalQuestions} ({completedPercentage.toFixed(0)}%)
     </>
   );
 }

app/(app)/statistics/_components/statistics/resolved-questions.tsx

@@ -20,7 +20,7 @@ export default function ResolvedQuestions() {
   const { data } = useSuspenseQuery(RESOLVED_QUESTIONS);
   const totalQuestions = data.me.submissionStatistics.totalQuestions;
   const solvedQuestions = data.me.submissionStatistics.solvedQuestions;
-  const resolvedQuestions = solvedQuestions / totalQuestions;
+  const resolvedQuestions = solvedQuestions / totalQuestions * 100;
 
   return (
     <div className="flex flex-col gap-1">

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 persistedQueryLink = 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: persistedQueryLink.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",