feat: add basic webui

packages/collaboration/room.tsx

@@ -0,0 +1,37 @@
+'use client';
+
+import type { ResolveMentionSuggestionsArgs } from '@liveblocks/client';
+import type { ResolveUsersArgs } from '@liveblocks/node';
+import {
+  ClientSideSuspense,
+  LiveblocksProvider,
+  RoomProvider,
+} from '@liveblocks/react/suspense';
+import type { ComponentProps, ReactNode } from 'react';
+
+type RoomProps = ComponentProps<typeof LiveblocksProvider> & {
+  id: string;
+  children: ReactNode;
+  authEndpoint: string;
+  fallback: ReactNode;
+  resolveUsers?: (
+    args: ResolveUsersArgs
+  ) => Promise<Liveblocks['UserMeta']['info'][]>;
+  resolveMentionSuggestions?: (
+    args: ResolveMentionSuggestionsArgs
+  ) => Promise<string[]>;
+};
+
+export const Room = ({
+  id,
+  children,
+  authEndpoint,
+  fallback,
+  ...props
+}: RoomProps) => (
+  <LiveblocksProvider authEndpoint={authEndpoint} {...props}>
+    <RoomProvider id={id} initialPresence={{ cursor: null }}>
+      <ClientSideSuspense fallback={fallback}>{children}</ClientSideSuspense>
+    </RoomProvider>
+  </LiveblocksProvider>
+);