refactor(web): extract API error classes to api/errors.ts (#65)

web/src/api/queries.ts

@@ -2,27 +2,9 @@ import { keepPreviousData, useInfiniteQuery, useMutation, useQuery, useQueryClie
 
 import { api } from "./client";
 import type { components } from "./schema";
+import { HttpError, FieldRejection, InUseError, VisibilityError } from "./errors";
 
-export class HttpError extends Error {
-  constructor(public readonly status: number) {
-    super(`HTTP ${status}`);
-    this.name = "HttpError";
-  }
-}
-
-export class FieldRejection extends Error {
-  constructor(public readonly field: string, public readonly code: string) {
-    super(`field rejected: ${field}`);
-    this.name = "FieldRejection";
-  }
-}
-
-export class InUseError extends Error {
-  constructor(public readonly count: number) {
-    super(`in use: ${count}`);
-    this.name = "InUseError";
-  }
-}
+export { HttpError, FieldRejection, InUseError, VisibilityError } from "./errors";
 
 type UserView = components["schemas"]["UserView"];
 type LoginRequest = components["schemas"]["LoginRequest"];
@@ -390,14 +372,6 @@ export function useCreateFieldDefinition() {
 
 type Visibility = "draft" | "internal" | "public";
 
-/** Error carrying the HTTP status so callers can branch 422-gate vs 409-illegal. */
-export class VisibilityError extends Error {
-  constructor(public status: number) {
-    super(`visibility change failed (${status})`);
-    this.name = "VisibilityError";
-  }
-}
-
 export function useSetVisibility() {
   const qc = useQueryClient();