Add codegen for enums

.changeset/thick-lizards-add.md

@@ -0,0 +1,5 @@
+---
+"@saleor/app-sdk": patch
+---
+
+Added script to generate TyoeScript enums from GraphQL schema.

codegen.ts

@@ -0,0 +1,33 @@
+import type { CodegenConfig } from "@graphql-codegen/cli";
+
+const config: CodegenConfig = {
+  schema: "https://raw.githubusercontent.com/saleor/saleor/main/saleor/graphql/schema.graphql",
+  documents: [], // No need to search for documents, we are only generating enums
+  ignoreNoDocuments: true, // Prevents throwing error on generating types in project without typed queries
+  generates: {
+    "./src/generated-enums.ts": {
+      plugins: [
+        "typescript",
+        {
+          add: {
+            content: [
+              "/**",
+              " * Generated file, do not modify it by hand.",
+              " * To update it to the current schema, use `pnpm generate` script.",
+              " */",
+            ],
+          },
+        },
+      ],
+      config: {
+        onlyEnums: true,
+        enumsAsTypes: true,
+        typesPrefix: "Generated", // Added the prefix since we export only subset of all enums
+      },
+    },
+  },
+  hooks: {
+    afterAllFileWrite: "prettier --write",
+  },
+};
+export default config;

package.json

@@ -14,7 +14,8 @@
     "prepare": "husky install",
     "lint": "tsc --noEmit && prettier --loglevel warn --write . && eslint --fix .",
     "copy-readme": "cp README.md dist/README.md",
-    "publish:ci": "pnpm publish && npx changeset tag && git push --follow-tags"
+    "publish:ci": "pnpm publish && npx changeset tag && git push --follow-tags",
+    "generate": "graphql-codegen"
   },
   "keywords": [],
   "author": "",
@@ -35,6 +36,9 @@
     "uuid": "^8.3.2"
   },
   "devDependencies": {
+    "@graphql-codegen/add": "^5.0.0",
+    "@graphql-codegen/cli": "^5.0.0",
+    "@graphql-codegen/typescript": "^4.0.1",
     "@testing-library/dom": "^8.17.1",
     "@testing-library/react": "^13.4.0",
     "@types/debug": "^4.1.7",