refactor: move modals to seperate package (#1135)

* refactor: move modals to seperate package

* fix: format issue

* fix: lint issues

* fix: format issue

* fix: only used as type

packages/api/src/client.ts

@@ -1,5 +1,25 @@
-import { createTRPCReact } from "@trpc/react-query";
+import { createTRPCClient, createTRPCReact, httpLink } from "@trpc/react-query";
+import SuperJSON from "superjson";
 
 import type { AppRouter } from ".";
 
 export const clientApi = createTRPCReact<AppRouter>();
+export const fetchApi = createTRPCClient<AppRouter>({
+  links: [
+    httpLink({
+      url: `${getBaseUrl()}/api/trpc`,
+      transformer: SuperJSON,
+      headers() {
+        const headers = new Headers();
+        headers.set("x-trpc-source", "fetch");
+        return headers;
+      },
+    }),
+  ],
+});
+
+function getBaseUrl() {
+  if (typeof window !== "undefined") return window.location.origin;
+  if (process.env.VERCEL_URL) return `https://${process.env.VERCEL_URL}`;
+  return `http://localhost:${process.env.PORT ?? 3000}`;
+}

packages/api/src/router/board.ts

@@ -26,6 +26,20 @@ import { createTRPCRouter, permissionRequiredProcedure, protectedProcedure, publ
 import { throwIfActionForbiddenAsync } from "./board/board-access";
 
 export const boardRouter = createTRPCRouter({
+  exists: permissionRequiredProcedure
+    .requiresPermission("board-create")
+    .input(z.string())
+    .query(async ({ ctx, input: name }) => {
+      try {
+        await noBoardWithSimilarNameAsync(ctx.db, name);
+        return false;
+      } catch (error) {
+        if (error instanceof TRPCError && error.code === "CONFLICT") {
+          return true;
+        }
+        throw error;
+      }
+    }),
   getAllBoards: publicProcedure.query(async ({ ctx }) => {
     const userId = ctx.session?.user.id;
     const permissionsOfCurrentUserWhenPresent = await ctx.db.query.boardUserPermissions.findMany({