chore: frontend testing setup (#1739)

* add vitest

* initialize lib w/ tests

* move to dev dep

* run tests in CI

* update file names

* move api folder to lib

* move api and api types to same folder

* update generator outpath

* rm husky

* i guess i _did_ need those types

* reorg types

* extract validators into testable components

* (WIP) start composable testing

* fix import type

* fix linter complaint

* simplify icon type def

* fix linter errors (maybe?)

* rename client file for sorting

frontend/lib/api/base/base-clients.ts

@@ -0,0 +1,53 @@
+import { ApiRequestInstance, PaginationData } from "~/lib/api/types/non-generated";
+
+export interface CrudAPIInterface {
+  requests: ApiRequestInstance;
+
+  // Route Properties / Methods
+  baseRoute: string;
+  itemRoute(itemId: string | number): string;
+
+  // Methods
+}
+
+export abstract class BaseAPI {
+  requests: ApiRequestInstance;
+
+  constructor(requests: ApiRequestInstance) {
+    this.requests = requests;
+  }
+}
+
+export abstract class BaseCRUDAPI<CreateType, ReadType, UpdateType = CreateType>
+  extends BaseAPI
+  implements CrudAPIInterface
+{
+  abstract baseRoute: string;
+  abstract itemRoute(itemId: string | number): string;
+
+  async getAll(page = 1, perPage = -1, params = {} as any) {
+    return await this.requests.get<PaginationData<ReadType>>(this.baseRoute, {
+      params: { page, perPage, ...params },
+    });
+  }
+
+  async createOne(payload: CreateType) {
+    return await this.requests.post<ReadType>(this.baseRoute, payload);
+  }
+
+  async getOne(itemId: string | number) {
+    return await this.requests.get<ReadType>(this.itemRoute(itemId));
+  }
+
+  async updateOne(itemId: string | number, payload: UpdateType) {
+    return await this.requests.put<ReadType, UpdateType>(this.itemRoute(itemId), payload);
+  }
+
+  async patchOne(itemId: string, payload: Partial<UpdateType>) {
+    return await this.requests.patch<ReadType, Partial<UpdateType>>(this.itemRoute(itemId), payload);
+  }
+
+  async deleteOne(itemId: string | number) {
+    return await this.requests.delete<ReadType>(this.itemRoute(itemId));
+  }
+}