chore: add graphql linter (#1205)

And fix up the reported issues, including removing references to
deprecated fields.

Closes #1204

Author: tackley

.prettierignore

@@ -4,6 +4,7 @@ src/locales/*.js
 
 # these files are code generated
 src/graphql-client/*.ts
+src/graphql/ads-serve.graphql.schema.json
 
 # npm and prettier fight over a EOF on these files, let npm win:
 package.json

codegen.ts

@@ -12,6 +12,9 @@ const config: CodegenConfig = {
         fragmentMasking: false,
       },
     },
+    "src/graphql/ads-serve.graphql.schema.json": {
+      plugins: ["introspection"],
+    },
   },
   config: {
     strictScalars: true,

eslint.config.js

@@ -5,10 +5,18 @@ import jsxRuntime from "eslint-plugin-react/configs/jsx-runtime.js";
 import prettier from "eslint-config-prettier";
 import reactHooks from "eslint-plugin-react-hooks";
 import lingui from "eslint-plugin-lingui";
+import * as graphql from "@graphql-eslint/eslint-plugin";
 
 export default tseslint.config(
   eslint.configs.recommended,
   ...tseslint.configs.recommended,
+  {
+    plugins: {
+      prettier,
+      "react-hooks": reactHooks,
+      lingui,
+    },
+  },
   {
     files: ["**/*.{js,cjs,jsx,mjsx,ts,tsx,mtsx}"],
     ...reactRecommended,
@@ -18,10 +26,24 @@ export default tseslint.config(
         version: "detect",
       },
     },
+  },
+  {
+    name: "apply graphql processor to all typescript files",
+    files: ["**/*.{ts,tsx}"],
+    processor: graphql.processors.graphql,
+  },
+  {
+    name: "configure graphql linter",
+    files: ["**/*.graphql"],
     plugins: {
-      prettier,
-      "react-hooks": reactHooks,
-      lingui,
+      "@graphql-eslint": graphql,
+    },
+    languageOptions: {
+      parser: graphql,
+    },
+    rules: {
+      ...graphql.configs["operations-recommended"].rules,
+      "@graphql-eslint/no-deprecated": "warn",
     },
   },
   {
@@ -91,6 +113,7 @@ export default tseslint.config(
     ignores: [
       "**/*.test.ts",
       "src/components/TimeZonePicker/useTimeZoneList.ts",
+      "codegen.ts",
     ],
   },
   {

graphql.config.yml

@@ -1,2 +1,2 @@
-schema: "../ads-serve/src/graphql/schema.graphql"
+schema: "src/graphql/ads-serve.graphql.schema.json"
 documents: "src/**/*.{ts,tsx,graphql}"