Start to set up GraphQL-Codegen for the LeetCode API

package.json

@@ -18,7 +18,7 @@
   "devDependencies": {
     "@code-chronicles/eslint-config": "workspace:*",
     "@yarnpkg/types": "4.0.0",
-    "eslint": "9.11.1",
+    "eslint": "9.12.0",
     "husky": "9.1.6",
     "lint-staged": "15.2.10",
     "prettier": "3.3.3"

workspaces/adventure-pack/package.json

@@ -70,18 +70,18 @@
     "@code-chronicles/util": "workspace:*",
     "@jest/globals": "29.7.0",
     "@types/node": "22.7.4",
-    "@types/react": "18.3.10",
+    "@types/react": "18.3.11",
     "@types/react-dom": "18.3.0",
     "@types/react-syntax-highlighter": "15.5.13",
     "cross-env": "7.0.3",
-    "eslint": "9.11.1",
+    "eslint": "9.12.0",
     "fork-ts-checker-webpack-plugin": "9.0.2",
     "jest": "29.7.0",
     "prettier": "3.3.3",
     "prettier-plugin-java": "2.6.4",
     "ts-jest": "29.2.5",
     "ts-loader": "9.5.1",
-    "ts-morph": "23.0.0",
+    "ts-morph": "24.0.0",
     "tsx": "4.19.1",
     "type-fest": "4.26.1",
     "typescript": "5.6.2",

workspaces/download-leetcode-submissions/package.json

@@ -32,7 +32,7 @@
     "@code-chronicles/webpack-make-output-executable-plugin": "workspace:*",
     "@types/node": "22.7.4",
     "cross-env": "7.0.3",
-    "eslint": "9.11.1",
+    "eslint": "9.12.0",
     "fork-ts-checker-webpack-plugin": "9.0.2",
     "prettier": "3.3.3",
     "ts-loader": "9.5.1",

workspaces/eslint-config/package.json

@@ -21,19 +21,19 @@
     "lint": "eslint --color --max-warnings=0 ."
   },
   "dependencies": {
-    "@stylistic/eslint-plugin-js": "2.8.0",
-    "@stylistic/eslint-plugin-ts": "2.8.0",
+    "@stylistic/eslint-plugin-js": "2.9.0",
+    "@stylistic/eslint-plugin-ts": "2.9.0",
     "@typescript-eslint/eslint-plugin": "8.5.0",
     "@typescript-eslint/parser": "8.5.0",
     "eslint-import-resolver-typescript": "3.6.3",
-    "eslint-plugin-import": "2.30.0",
-    "eslint-plugin-import-x": "4.3.0",
+    "eslint-plugin-import": "2.31.0",
+    "eslint-plugin-import-x": "4.3.1",
     "eslint-plugin-jest": "28.8.3",
-    "globals": "15.9.0",
+    "globals": "15.10.0",
     "typescript": "5.6.2"
   },
   "devDependencies": {
-    "eslint": "9.11.1",
+    "eslint": "9.12.0",
     "prettier": "3.3.3"
   }
 }

workspaces/fetch-leetcode-problem-list/package.json

@@ -30,7 +30,7 @@
     "@code-chronicles/webpack-make-output-executable-plugin": "workspace:*",
     "@types/node": "22.7.4",
     "cross-env": "7.0.3",
-    "eslint": "9.11.1",
+    "eslint": "9.12.0",
     "fork-ts-checker-webpack-plugin": "9.0.2",
     "prettier": "3.3.3",
     "ts-loader": "9.5.1",

workspaces/fetch-recent-accepted-leetcode-submissions/package.json

@@ -30,7 +30,7 @@
     "@code-chronicles/webpack-make-output-executable-plugin": "workspace:*",
     "@types/node": "22.7.4",
     "cross-env": "7.0.3",
-    "eslint": "9.11.1",
+    "eslint": "9.12.0",
     "fork-ts-checker-webpack-plugin": "9.0.2",
     "prettier": "3.3.3",
     "ts-loader": "9.5.1",

workspaces/generate-health-report/package.json

@@ -27,7 +27,7 @@
   "devDependencies": {
     "@code-chronicles/eslint-config": "workspace:*",
     "@types/node": "22.7.4",
-    "eslint": "9.11.1",
+    "eslint": "9.12.0",
     "prettier": "3.3.3",
     "typescript": "5.6.2"
   }

workspaces/javascript-leetcode-month/package.json

@@ -24,7 +24,7 @@
     "@code-chronicles/util": "workspace:*",
     "@types/mdast": "4.0.4",
     "@types/node": "22.7.4",
-    "eslint": "9.11.1",
+    "eslint": "9.12.0",
     "mdast": "3.0.0",
     "prettier": "3.3.3",
     "remark": "15.0.1",

workspaces/leetcode-api/graphql-codegen.ts

@@ -0,0 +1,39 @@
+import type { CodegenConfig } from "@graphql-codegen/cli";
+
+const commonTypeScriptPluginConfig = {
+  arrayInputCoercion: false,
+  avoidOptionals: true,
+  enumsAsTypes: true,
+  defaultScalarType: "unknown",
+  skipTypename: true,
+  useTypeImports: true,
+
+  // TODO: add strictScalars: true
+};
+
+const config: CodegenConfig = {
+  schema: "schema.graphql",
+  documents: ["src/**/*.graphql"],
+  overwrite: true,
+  emitLegacyCommonJSImports: false,
+  generates: {
+    "src/graphqlTypes.generated.ts": {
+      plugins: ["typescript"],
+      config: commonTypeScriptPluginConfig,
+    },
+    "src/": {
+      preset: "near-operation-file",
+      presetConfig: {
+        baseTypesPath: "~./graphqlTypes.generated",
+        extension: ".generated.ts",
+      },
+      plugins: ["typescript-operations"],
+      config: commonTypeScriptPluginConfig,
+    },
+  },
+  hooks: {
+    afterAllFileWrite: ["prettier --write"],
+  },
+};
+
+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,9 +32,10 @@
   },
   "devDependencies": {
     "@code-chronicles/eslint-config": "workspace:*",
+    "@graphql-codegen/cli": "5.0.2",
+    "@graphql-codegen/near-operation-file-preset": "3.0.0",
     "@types/node": "22.7.4",
-    "eslint": "9.11.1",
-    "graphql": "16.9.0",
+    "eslint": "9.12.0",
     "jest": "29.7.0",
     "prettier": "3.3.3",
     "ts-jest": "29.2.5",

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.generated.ts

@@ -0,0 +1,21 @@
+import type * as Types from "./graphqlTypes.generated.js";
+
+export type FetchQuestionListQueryVariables = Types.Exact<{
+  categorySlug: Types.Scalars["String"]["input"];
+  limit: Types.InputMaybe<Types.Scalars["Int"]["input"]>;
+  skip: Types.InputMaybe<Types.Scalars["Int"]["input"]>;
+  filters: Types.QuestionListFilterInput;
+}>;
+
+export type FetchQuestionListQuery = {
+  questionList: {
+    totalNum: number;
+    data: Array<{
+      difficulty: string | null;
+      isPaidOnly: boolean | null;
+      questionFrontendId: string | null;
+      title: string;
+      titleSlug: string;
+    }>;
+  } | null;
+};

workspaces/leetcode-api/src/fetchQuestionList.graphql

@@ -0,0 +1,22 @@
+query fetchQuestionList(
+  $categorySlug: String!
+  $limit: Int
+  $skip: Int
+  $filters: QuestionListFilterInput!
+) {
+  questionList(
+    categorySlug: $categorySlug
+    limit: $limit
+    skip: $skip
+    filters: $filters
+  ) {
+    data {
+      difficulty
+      isPaidOnly
+      questionFrontendId
+      title
+      titleSlug
+    }
+    totalNum
+  }
+}

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