fix: codegen-build-issues

Author: tractorss

.eslintrc.json

@@ -5,7 +5,7 @@
     "plugin:prettier/recommended",
     "prettier"
   ],
-  "ignorePatterns": ["**/**/generated.ts"],
+  "ignorePatterns": ["**/generated.ts", "src/hooks/liquidity/gql/*"],
   "rules": {
     "max-len": [
       "warn",

codegen.ts

@@ -6,7 +6,22 @@ const config: CodegenConfig = {
   documents: ["src/hooks/liquidity/swapr.graphql"],
   generates: {
     "./src/hooks/liquidity/gql/gql.ts": {
-      plugins: ["typescript", "typescript-graphql-request"],
+      // preset: "client",
+      plugins: [
+        "typescript",
+        "typescript-operations",
+        "typescript-graphql-request",
+      ],
+      config: {
+        strictScalars: true,
+        scalars: {
+          BigDecimal: "string",
+          BigInt: "string",
+          Int8: "string",
+          Bytes: "`0x${string}`",
+          Timestamp: "string",
+        },
+      },
     },
   },
 };

package.json

@@ -40,6 +40,7 @@
     "@graphql-codegen/cli": "^5.0.2",
     "@graphql-codegen/typescript": "^5.0.2",
     "@graphql-codegen/typescript-graphql-request": "^6.3.0",
+    "@graphql-codegen/typescript-operations": "^5.0.2",
     "@svgr/webpack": "^8.1.0",
     "@tailwindcss/postcss": "^4.1.4",
     "@types/node": "^20",

src/hooks/liquidity/getTicksData.ts

@@ -1,10 +1,10 @@
 import { Address } from "viem";
 
 import {
-  Tick,
   OrderDirection,
   Tick_OrderBy,
   getSdk as getSwaprSdk,
+  GetTicksQuery,
 } from "./gql/gql";
 
 import { PoolInfo, getPools } from "./useMarketPools";
@@ -17,7 +17,7 @@ async function getTicks(poolId: string) {
   }
 
   const graphQLSdk = getSwaprSdk;
-  let total: Tick[] = [];
+  let total: GetTicksQuery["ticks"] = [];
   let tickIdx = "";
   while (true) {
     const { ticks } = await graphQLSdk(graphQLClient).GetTicks({

src/hooks/liquidity/useMarketPools.ts

@@ -6,7 +6,7 @@ import {
   OrderDirection,
   Pool_OrderBy as SwaprPool_OrderBy,
   getSdk as getSwaprSdk,
-  Pool,
+  GetPoolsQuery,
 } from "./gql/gql";
 
 import { getSwaprClient } from "./utils";
@@ -50,7 +50,7 @@ async function getSwaprPools(
   });
 
   return await Promise.all(
-    pools.map(async (pool: Pool) => ({
+    pools.map(async (pool: GetPoolsQuery["pools"][number]) => ({
       id: pool.id as Address,
       dex: "Swapr",
       fee: Number(pool.fee),

yarn.lock

@@ -2705,6 +2705,25 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@graphql-codegen/typescript-operations@npm:^5.0.2":
+  version: 5.0.2
+  resolution: "@graphql-codegen/typescript-operations@npm:5.0.2"
+  dependencies:
+    "@graphql-codegen/plugin-helpers": "npm:^6.0.0"
+    "@graphql-codegen/typescript": "npm:^5.0.2"
+    "@graphql-codegen/visitor-plugin-common": "npm:6.1.0"
+    auto-bind: "npm:~4.0.0"
+    tslib: "npm:~2.6.0"
+  peerDependencies:
+    graphql: ^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0
+    graphql-sock: ^1.0.0
+  peerDependenciesMeta:
+    graphql-sock:
+      optional: true
+  checksum: 10c0/c3012666de69b1fc39a881f648b8a755904813223aaf9c7b5836f8cf5b40966171cbac645e0725cb7debcf30c73c9a262f4fbfe8f6a81cd9cd8791fd5aabe116
+  languageName: node
+  linkType: hard
+
 "@graphql-codegen/typescript@npm:^4.1.6":
   version: 4.1.6
   resolution: "@graphql-codegen/typescript@npm:4.1.6"
@@ -11042,6 +11061,7 @@ __metadata:
     "@graphql-codegen/cli": "npm:^5.0.2"
     "@graphql-codegen/typescript": "npm:^5.0.2"
     "@graphql-codegen/typescript-graphql-request": "npm:^6.3.0"
+    "@graphql-codegen/typescript-operations": "npm:^5.0.2"
     "@kleros/ui-components-library": "npm:^3.6.0"
     "@reown/appkit": "npm:^1.7.11"
     "@reown/appkit-adapter-wagmi": "npm:^1.7.11"