Client/server separation

app/routes/dashboard.tsx

@@ -6,7 +6,7 @@ import { useState } from "react";
 import LoadingIndicator from "~/components/LoadingIndicator";
 import { useEventSource } from "remix-utils/sse/react";
 import { useUser } from "@clerk/remix";
-import { isAdmin, isVIP } from "~/services/helpers";
+import { isAdmin, isVIP } from "~/services/helpers.client";
 
 export const loader: LoaderFunction = async (args) => {
   const { userId } = await getAuth(args);

app/routes/room.$roomId.tsx

@@ -17,13 +17,17 @@ import {
 import { useEffect, useState } from "react";
 import LoadingIndicator from "~/components/LoadingIndicator";
 import { useEventSource } from "remix-utils/sse/react";
-import { PresenceItem, RoomResponse, VoteResponse } from "~/services/types";
-import { isAdmin, jsonToCsv } from "~/services/helpers";
+import {
+  PresenceItem,
+  RoomResponse,
+  VoteResponse,
+} from "~/services/types.client";
+import { isAdmin, jsonToCsv } from "~/services/helpers.client";
 import { useUser } from "@clerk/remix";
 import { db } from "~/services/db.server";
 import { rooms } from "~/services/schema";
 import { eq } from "drizzle-orm";
-import { shitList } from "~/services/consts";
+import { shitList } from "~/services/consts.server";
 
 // Loader
 export const loader: LoaderFunction = async (args) => {

app/services/types.client.ts

@@ -1,11 +1,4 @@
-type BetterEnum<T> = T[keyof T];
-
-export const EventTypes = {
-  ROOM_LIST_UPDATE: "room.list.update",
-  ROOM_UPDATE: "room.update",
-  VOTE_UPDATE: "vote.update",
-} as const;
-export type EventType = BetterEnum<typeof EventTypes>;
+// type BetterEnum<T> = T[keyof T];
 
 export interface PresenceItem {
   id: string;