refactor: graphql codegen

Signed-off-by: Adam Setch <[email protected]>

Author: setchy

.gitignore

@@ -5,21 +5,12 @@ build/
 # Dependency directories
 node_modules/
 
+# Generated GraphQL Files
+schema.graphql
+
 # Coverage directory used by tools like istanbul
 coverage
 *.lcov
 
-# Logs
-logs
-*.log
-npm-debug.log*
-
-# Optional npm cache directory
-.npm
-
-# Temporary folders
-tmp/
-temp/
-
 # Mac Files
 .DS_Store

codegen.ts

@@ -0,0 +1,27 @@
+import type { CodegenConfig } from '@graphql-codegen/cli';
+
+const config: CodegenConfig = {
+  overwrite: true,
+  schema: 'https://docs.github.com/public/fpt/schema.docs.graphql',
+  documents: [
+    'src/renderer/utils/api/**/*.ts',
+    '!src/renderer/utils/api/graphql/generated/**',
+    '!src/renderer/utils/api/**/*.test.ts',
+  ],
+  generates: {
+    'src/renderer/utils/api/graphql/generated/': {
+      preset: 'client',
+      config: {
+        documentMode: 'string',
+      },
+    },
+    // 'src/renderer/utils/api/graphql/generated/schema.graphql': {
+    //   plugins: ['schema-ast'],
+    //   config: {
+    //     includeDirectives: true,
+    //   },
+    // },
+  },
+};
+
+export default config;

package.json

@@ -9,7 +9,8 @@
     "build:main": "webpack --config ./config/webpack.config.main.prod.ts",
     "build:preload": "webpack --config ./config/webpack.config.preload.prod.ts",
     "build:renderer": "webpack --config ./config/webpack.config.renderer.prod.ts",
-    "watch": "concurrently --names \"main,preload,renderer\" --prefix-colors \"blue,magenta,green\" \"pnpm watch:main\" \"pnpm watch:preload\" \"pnpm watch:renderer\"",
+    "watch": "concurrently --names \"main,preload,renderer,codegen\" --prefix-colors \"blue,magenta,green,cyan\" \"pnpm watch:main\" \"pnpm watch:preload\" \"pnpm watch:renderer\" \"pnpm watch:codegen\"",
+    "watch:codegen": "pnpm codegen --watch",
     "watch:main": "webpack --watch --config ./config/webpack.config.main.base.ts",
     "watch:preload": "webpack --watch --config ./config/webpack.config.preload.base.ts",
     "watch:renderer": "webpack --watch --config ./config/webpack.config.renderer.base.ts",
@@ -20,7 +21,8 @@
     "lint": "biome check --fix",
     "test": "jest",
     "start": "electron . --enable-logging",
-    "prepare": "husky"
+    "prepare": "husky",
+    "codegen": "graphql-codegen --config codegen.ts"
   },
   "engines": {
     "node": ">=22"
@@ -74,9 +76,14 @@
     "react-router-dom": "7.8.2"
   },
   "devDependencies": {
+    "@0no-co/graphqlsp": "1.15.0",
     "@biomejs/biome": "2.2.4",
     "@discordapp/twemoji": "16.0.1",
     "@electron/notarize": "3.1.0",
+    "@graphql-codegen/cli": "6.0.0",
+    "@graphql-codegen/client-preset": "5.0.0",
+    "@graphql-codegen/schema-ast": "5.0.0",
+    "@parcel/watcher": "2.5.1",
     "@primer/css": "22.0.2",
     "@primer/octicons-react": "19.18.0",
     "@primer/primitives": "11.1.0",
@@ -102,7 +109,7 @@
     "electron": "38.1.0",
     "electron-builder": "26.0.12",
     "final-form": "5.0.0",
-    "graphql-tag": "2.12.6",
+    "graphql": "16.11.0",
     "html-webpack-plugin": "5.6.4",
     "husky": "9.1.7",
     "jest": "30.1.3",
@@ -138,4 +145,4 @@
     "*": "biome check --fix --no-errors-on-unmatched",
     "*.{js,ts,tsx}": "pnpm test --findRelatedTests --passWithNoTests --updateSnapshot"
   }
-}
+}