Generate Apollo fragment types at build time

.github/workflows/ci.yml

@@ -35,4 +35,4 @@ jobs:
       - name: Install
         run: npm ci
       - name: Test
-        run: npx jest --runInBand
+        run: npm test -- --runInBand --watchAll=false

.gitignore

@@ -33,3 +33,6 @@ yarn-error.log*
 
 # vercel
 .vercel
+
+# generated schema introspection
+/lib/apolloClient/fragmentTypes.json

package.json

@@ -7,11 +7,16 @@
   },
   "scripts": {
     "dev": "next dev",
+    "predev": "node scripts/generate-fragment-types.js",
     "build": "next build",
+    "prebuild": "node scripts/generate-fragment-types.js",
     "start": "next start",
+    "prestart": "node scripts/generate-fragment-types.js",
     "format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,md}\"",
     "lint": "eslint .",
-    "test": "jest --watch"
+    "pretest": "node scripts/generate-fragment-types.js",
+    "test": "jest --watch",
+    "generate:fragment-types": "node scripts/generate-fragment-types.js"
   },
   "dependencies": {
     "@apollo/client": "^3.14.0",

scripts/generate-fragment-types.js

@@ -0,0 +1,47 @@
+const fs = require('fs');
+const path = require('path');
+
+const fetch = require('cross-fetch');
+const { getIntrospectionQuery } = require('graphql');
+
+const schemaUrl =
+  process.env.APOLLO_SCHEMA_URL ||
+  process.env.NEXT_PUBLIC_APOLLOS_API ||
+  'https://longhollow-cdn.global.ssl.fastly.net';
+
+const outputPath = path.join(
+  __dirname,
+  '..',
+  'lib',
+  'apolloClient',
+  'fragmentTypes.json'
+);
+
+async function main() {
+  const query = getIntrospectionQuery({ descriptions: false });
+  const response = await fetch(schemaUrl, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ query }),
+  });
+
+  if (!response.ok) {
+    const bodyText = await response.text().catch(() => '');
+    throw new Error(
+      `Schema introspection failed (${response.status} ${response.statusText}). ${bodyText}`
+    );
+  }
+
+  const payload = await response.json();
+  if (payload.errors) {
+    throw new Error(`Schema introspection errors: ${JSON.stringify(payload.errors)}`);
+  }
+
+  fs.writeFileSync(outputPath, `${JSON.stringify(payload.data, null, 2)}\n`, 'utf8');
+  console.log(`Wrote ${outputPath}`);
+}
+
+main().catch(error => {
+  console.error('[generate-fragment-types]', error.message || error);
+  process.exit(1);
+});