adding new hooks

frontend/src/app.d.ts

@@ -7,12 +7,14 @@ declare global {
 	namespace App {
 		// interface Locals {}
 		// interface PageData {}
-		// interface Error {}
 		// interface Platform {}
 		interface Window {
 			parentIFrame: unknown;
 		}
 	}
+	interface Error {
+		code: number;
+	}
 	interface Event {
 		relatedTarget: EventTarget | null;
 		transform: ZoomTransform;

frontend/src/lib/liveblocks/index.ts

@@ -10,7 +10,9 @@ export * from "./useUndo";
 export * from "./useRedo";
 export * from "./useBatch";
 export * from "./useHistory";
-
+export * from "./useErrorListener";
+export * from "./useEventListener";
+export * from "./useBroadcastEvent";
 /**
  * These components were built to (mostly) match the
  * liveblocks-react library

frontend/src/lib/liveblocks/useBroadcastEvent.ts

@@ -0,0 +1,17 @@
+
+import { useRoom } from "./useRoom";
+import type { Json, BroadcastOptions } from "@liveblocks/client";
+
+export function useBroadcastEvent<TRoomEvent extends Json>(): (
+  event: TRoomEvent,
+  options?: BroadcastOptions
+) => void {
+  const room = useRoom();
+
+  return (
+    event: TRoomEvent,
+    options: BroadcastOptions = { shouldQueueEventIfNotReady: false }
+  ) => {
+    room.broadcastEvent(event, options);
+  }
+}

frontend/src/lib/liveblocks/useErrorListener.ts

@@ -0,0 +1,14 @@
+
+import { onDestroy } from "svelte";
+import { useRoom } from "./useRoom";
+
+
+export function useErrorListener(callback: (err: Error) => void): void {
+  const room = useRoom();
+
+  const unsubscribe = room.events.error.subscribe((e: Error) => callback(e))
+
+  onDestroy(() => {
+    unsubscribe();
+  });
+}

frontend/src/lib/liveblocks/useEventListener.ts

@@ -0,0 +1,23 @@
+
+import { onDestroy } from "svelte";
+import { useRoom } from "./useRoom";
+import type { Json } from "@liveblocks/client";
+
+export function userEventListener<TRoomEvent extends Json>(
+  callback: (eventData: { connectionId: number; event: TRoomEvent }) => void
+): void {
+  const room = useRoom();
+
+  const listener = (eventData: {
+    connectionId: number;
+    event: TRoomEvent;
+  }) => {
+    callback(eventData);
+  }
+
+  const unsubscribe = room.events.customEvent.subscribe(listener);
+
+  onDestroy(() => {
+    unsubscribe();
+  });
+}