Initial GraphQL codegen

Author: miorel

workspaces/leetcode-api/graphql-codegen.ts

@@ -0,0 +1,21 @@
+import { CodegenConfig } from "@graphql-codegen/cli";
+
+const config: CodegenConfig = {
+  schema: "schema.graphql",
+  documents: ["src/**/*"],
+  generates: {
+    "./src/generated/client.ts": {
+      plugins: [
+        "typescript",
+        "typescript-operations",
+        "typescript-graphql-request",
+      ],
+      config: {
+        gqlImport: "graphql-request#gql",
+      },
+    },
+  },
+  emitLegacyCommonJSImports: false,
+};
+
+export default config;

workspaces/leetcode-api/package.json

@@ -15,6 +15,7 @@
   "type": "module",
   "exports": "./src/main.ts",
   "scripts": {
+    "codegen": "graphql-codegen-esm --config graphql-codegen.ts",
     "format": "prettier --color --write .",
     "lint": "eslint --color --max-warnings=0 .",
     "scrape-graphql-schema": "tsx src/scripts/scrape-graphql-schema/main.ts",
@@ -31,6 +32,8 @@
   },
   "devDependencies": {
     "@code-chronicles/eslint-config": "workspace:*",
+    "@graphql-codegen/cli": "5.0.2",
+    "@graphql-codegen/typescript-graphql-request": "6.2.0",
     "@types/node": "22.7.4",
     "eslint": "9.11.1",
     "graphql": "16.9.0",

workspaces/leetcode-api/src/fetchActiveDailyCodingChallengeQuestion.ts

@@ -11,7 +11,7 @@ import { questionDifficultyZodType } from "./zod-types/questionDifficultyZodType
 import { questionTitleSlugZodType } from "./zod-types/questionTitleSlugZodType.ts";
 
 const QUERY = gql`
-  query {
+  query fetchActiveDailyCodingChallengeQuestion {
     activeDailyCodingChallengeQuestion {
       date
       question {

workspaces/leetcode-api/src/fetchCommunitySolutionTopic.ts

@@ -6,7 +6,7 @@ import { getGraphQLClient } from "./getGraphQLClient.ts";
 // TODO: see if there are any fun GraphQL ESLint plugins
 
 const QUERY = gql`
-  query ($topicId: Int!) {
+  query fetchTopic($topicId: Int!) {
     topic(id: $topicId) {
       title
       solutionTags {

workspaces/leetcode-api/src/fetchQuestionList.ts

@@ -4,11 +4,12 @@ import { z } from "zod";
 import { numericIdAsNumberZodType } from "@code-chronicles/util/numericIdAsNumberZodType";
 
 import { getGraphQLClient } from "./getGraphQLClient.ts";
+import { getSdk } from "./generated/client.ts";
 import { questionDifficultyZodType } from "./zod-types/questionDifficultyZodType.ts";
 import { questionTitleSlugZodType } from "./zod-types/questionTitleSlugZodType.ts";
 
-const QUERY = gql`
-  query (
+gql`
+  query fetchQuestionList(
     $categorySlug: String!
     $limit: Int
     $skip: Int
@@ -79,7 +80,7 @@ export async function fetchQuestionList({
   limit?: number;
   skip?: number;
 } = {}): Promise<QuestionList> {
-  const data = await getGraphQLClient().request(QUERY, {
+  const data = await getSdk(getGraphQLClient()).fetchQuestionList({
     categorySlug,
     filters,
     limit,

workspaces/leetcode-api/src/fetchRecentAcSubmissionList.ts

@@ -7,7 +7,7 @@ import { getGraphQLClient } from "./getGraphQLClient.ts";
 import { questionTitleSlugZodType } from "./zod-types/questionTitleSlugZodType.ts";
 
 const QUERY = gql`
-  query ($username: String!, $limit: Int!) {
+  query fetchRecentAcSubmissionList($username: String!, $limit: Int!) {
     recentAcSubmissionList(username: $username, limit: $limit) {
       id
       title