Simplify GraphQL setup

This removes the unified GraphQL cache, as invalidation is annoying.
It also fixes inconsistent codegen behaviors.

Author: sandhose

frontend/codegen.ts

@@ -6,13 +6,6 @@
 
 import type { CodegenConfig } from "@graphql-codegen/cli";
 
-// Adds a comment to the top of generated files to ignore linting and formatting
-const lintIgnore = {
-  add: {
-    content: "/* prettier-ignore */\n/* eslint-disable */",
-  },
-} as const;
-
 const config: CodegenConfig = {
   schema: "./schema.graphql",
   documents: ["src/**/*.{tsx,ts}", "!src/gql/**/*"],
@@ -21,17 +14,14 @@ const config: CodegenConfig = {
     "./src/gql/": {
       preset: "client",
       config: {
+        useTypeImports: true,
         // By default, unknown scalars are generated as `any`. This is not ideal for catching potential bugs.
         defaultScalarType: "unknown",
         scalars: {
           DateTime: "string",
           Url: "string",
         },
       },
-      plugins: [lintIgnore],
-    },
-    "./src/gql/schema.ts": {
-      plugins: ["urql-introspection", lintIgnore],
     },
   },
 };

frontend/package-lock.json

@@ -25,7 +25,6 @@
     "@tanstack/router-zod-adapter": "^1.70.0",
     "@urql/core": "^5.0.6",
     "@urql/devtools": "^2.0.3",
-    "@urql/exchange-graphcache": "^7.2.0",
     "@urql/exchange-refocus": "^1.1.0",
     "@urql/exchange-request-policy": "^1.2.0",
     "@vector-im/compound-design-tokens": "1.8.0",
@@ -52,7 +51,7 @@
     "@codecov/vite-plugin": "^1.2.0",
     "@graphql-codegen/add": "^5.0.3",
     "@graphql-codegen/cli": "^5.0.3",
-    "@graphql-codegen/client-preset": "4.3.3",
+    "@graphql-codegen/client-preset": "^4.4.0",
     "@graphql-codegen/urql-introspection": "^3.0.0",
     "@storybook/addon-essentials": "^8.3.5",
     "@storybook/react": "^8.3.5",

frontend/package.json

@@ -1,7 +1,7 @@
 /* eslint-disable */
-import { ResultOf, DocumentTypeDecoration, TypedDocumentNode } from '@graphql-typed-document-node/core';
-import { FragmentDefinitionNode } from 'graphql';
-import { Incremental } from './graphql';
+import type { ResultOf, DocumentTypeDecoration, TypedDocumentNode } from '@graphql-typed-document-node/core';
+import type { FragmentDefinitionNode } from 'graphql';
+import type { Incremental } from './graphql';
 
 
 export type FragmentType<TDocumentType extends DocumentTypeDecoration<any, any>> = TDocumentType extends DocumentTypeDecoration<

frontend/src/gql/fragment-masking.ts

@@ -1,6 +1,6 @@
 /* eslint-disable */
 import * as types from './graphql';
-import { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';
+import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';
 
 /**
  * Map of all GraphQL operations in the project.
@@ -11,6 +11,7 @@ import { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/
  * 3. It does not support dead code elimination, so it will add unused operations.
  *
  * Therefore it is highly recommended to use the babel or swc plugin for production.
+ * Learn more about it here: https://the-guild.dev/graphql/codegen/plugins/presets/preset-client#reducing-bundle-size
  */
 const documents = {
     "\n  fragment PasswordChange_siteConfig on SiteConfig {\n    id\n    passwordChangeAllowed\n  }\n": types.PasswordChange_SiteConfigFragmentDoc,