Merge branch 'v3-main' of github.com:guildxyz/guild.xyz into add-guil…

…d-page

package.json

@@ -76,6 +76,7 @@
     "@storybook/react": "^8.4.4",
     "@storybook/test": "^8.4.4",
     "@svgr/webpack": "^8.1.0",
+    "@total-typescript/ts-reset": "^0.6.1",
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",

query.d.ts

@@ -0,0 +1,9 @@
+import '@tanstack/react-query'
+import { ErrorLike } from './src/lib/types'
+
+declare module '@tanstack/react-query' {
+  interface Register {
+    defaultError: ErrorLike
+  }
+}
+

reset.d.ts

@@ -0,0 +1,2 @@
+// Do not add any other lines of code to this file!
+import "@total-typescript/ts-reset";

src/app/(dashboard)/explorer/fetchers.ts

@@ -1,17 +1,13 @@
 import { env } from "@/lib/env";
 import type { Guild } from "@/lib/schemas/guild";
 import type { PaginatedResponse } from "@/lib/types";
+import { fetcher } from "../../../lib/fetcher";
 import { PAGE_SIZE } from "./constants";
 
 export const getGuildSearch =
   (search = "") =>
   async ({ pageParam }: { pageParam: number }) => {
-    const res = await fetch(
+    return fetcher<PaginatedResponse<Guild>>(
       `${env.NEXT_PUBLIC_API}/guild/search?page=${pageParam}&pageSize=${PAGE_SIZE}&search=${search}`,
     );
-    const json = await res.json();
-
-    if (json.error) throw new Error(json.error);
-
-    return json as PaginatedResponse<Guild>;
   };

src/lib/fetcher.ts

@@ -1,4 +1,5 @@
 import { env } from "./env";
+import type { ErrorLike } from "./types";
 
 export const fetcher = async <Data = unknown, Error = unknown>(
   resource: string,
@@ -13,8 +14,8 @@ export const fetcher = async <Data = unknown, Error = unknown>(
     if (!response.ok) {
       if (resource.includes(env.NEXT_PUBLIC_API)) {
         return Promise.reject({
-          error: res.error,
-        } as { error: string });
+          error: (res as ErrorLike).error || (res as ErrorLike).message,
+        });
       }
 
       return Promise.reject(res as Error);

src/lib/types.ts

@@ -12,3 +12,16 @@ export type PaginatedResponse<Item = unknown> = {
 export type DynamicRoute<T extends Record<string, string>> = {
   params: T;
 };
+
+/**
+ * Unstable error structure coming from v3 backend
+ *
+ * @property message most common error response
+ * @property error on some endpoints this field is given instead of message
+ */
+// TODO: align this to backend when error handling gets consistent
+export type ErrorLike = {
+  message: string;
+  status?: string;
+  error?: string;
+};

tsconfig.json

@@ -39,7 +39,8 @@
     "next-env.d.ts",
     "tailwind.config.ts",
     ".next/types/**/*.ts",
-    "guild.d.ts"
+    "reset.d.ts",
+    "query.d.ts"
   ],
   "exclude": [
     "node_modules",