refactor(api): graphql codegen (#2619)

* refactor(api): graphql codegen

Signed-off-by: Adam Setch <adam.setch@outlook.com>

* refactor(api): graphql codegen

Signed-off-by: Adam Setch <adam.setch@outlook.com>

* remove styled components

Signed-off-by: Adam Setch <adam.setch@outlook.com>

---------

Signed-off-by: Adam Setch <adam.setch@outlook.com>

Author: setchy

codegen.ts

@@ -15,21 +15,15 @@ const config: CodegenConfig = {
   },
   documents: ['src/renderer/utils/api/**/*.graphql'],
   generates: {
-    'src/renderer/utils/api/graphql/generated/': {
-      preset: 'client',
-      presetConfig: {
-        fragmentMasking: false, // Disables masking
-      },
+    'src/renderer/utils/api/graphql/generated/graphql.ts': {
+      plugins: ['typescript', 'typescript-operations', 'typed-document-node'],
       config: {
+        onlyOperationTypes: true,
         documentMode: 'string',
-        enumsAsTypes: true,
         useTypeImports: true,
-      },
-    },
-    'src/renderer/utils/api/graphql/generated/schema.graphql': {
-      plugins: ['schema-ast'],
-      config: {
-        includeDirectives: true,
+        enumsAsTypes: true,
+        skipTypename: true,
+        fragmentMasking: false, // Disables masking
       },
     },
   },

graphql.config.ts

@@ -2,6 +2,7 @@ import type { IGraphQLConfig } from 'graphql-config';
 
 const config: IGraphQLConfig = {
   schema: './src/renderer/utils/api/graphql/generated/schema.graphql',
+  documents: ['src/renderer/utils/api/**/*.graphql'],
 };
 
 export default config;

package.json

@@ -86,6 +86,7 @@
     "@electron/notarize": "3.1.1",
     "@graphql-codegen/cli": "6.1.1",
     "@graphql-codegen/schema-ast": "5.0.0",
+    "@graphql-typed-document-node/core": "3.2.0",
     "@octokit/core": "7.0.6",
     "@octokit/graphql": "9.0.3",
     "@octokit/oauth-methods": "6.0.2",

pnpm-lock.yaml

@@ -57,7 +57,6 @@ export function mockAuthorResponseNode(login: string): AuthorFieldsFragment {
     htmlUrl: `https://github.com/${login}` as Link,
     avatarUrl: 'https://avatars.githubusercontent.com/u/583231?v=4' as Link,
     type: 'User',
-    __typename: 'User',
   } satisfies AuthorFieldsFragment;
 }