web2/liveblocks.config.ts at main · CodeRelay-dotenv/web2 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
// import {
//   createClient,
//   LiveList,
//   LiveMap,
//   LiveObject,
// } from "@liveblocks/client";
// import { createRoomContext } from "@liveblocks/react";
// import type { Layer, Color } from "@/types/canvas";

// const client = createClient({
//   authEndpoint: "/api/liveblocks-auth",
//   throttle: 16,
// });

// // Presence represents the properties that exist on every user in the Room
// // and that will automatically be kept in sync. Accessible through the
// // `user.presence` property. Must be JSON-serializable.
// type Presence = {
//   cursor: { x: number; y: number } | null;
//   selection: string[];
//   pencilDraft: [x: number, y: number, pressure: number][] | null;
//   pencilColor: Color | null;
// };

// // Optionally, Storage represents the shared document that persists in the
// // Room, even after all users leave. Fields under Storage typically are
// // LiveList, LiveMap, LiveObject instances, for which updates are
// // automatically persisted and synced to all connected clients.
// type Storage = {
//   layers: LiveMap<string, LiveObject<Layer>>;
//   layerIds: LiveList<string>;
// };

// // Optionally, UserMeta represents static/readonly metadata on each user, as
// // provided by your own custom auth back end (if used). Useful for data that
// // will not change during a session, like a user's name or avatar.
// type UserMeta = {
//   id?: string;
//   info?: {
//     name?: string;
//     picture?: string;
//   };
// };

// // Optionally, the type of custom events broadcast and listened to in this
// // room. Use a union for multiple events. Must be JSON-serializable.
// type RoomEvent = {
//   // type: "NOTIFICATION",
//   // ...
// };

// // Optionally, when using Comments, ThreadMetadata represents metadata on
// // each thread. Can only contain booleans, strings, and numbers.
// export type ThreadMetadata = {
//   // resolved: boolean;
//   // quote: string;
//   // time: number;
// };

// export const {
//   suspense: {
//     RoomProvider,
//     useRoom,
//     useMyPresence,
//     useUpdateMyPresence,
//     useSelf,
//     useOthers,
//     useOthersMapped,
//     useOthersConnectionIds,
//     useOther,
//     useBroadcastEvent,
//     useEventListener,
//     useErrorListener,
//     useStorage,
//     useObject,
//     useMap,
//     useList,
//     useBatch,
//     useHistory,
//     useUndo,
//     useRedo,
//     useCanUndo,
//     useCanRedo,
//     useMutation,
//     useStatus,
//     useLostConnectionListener,
//     useThreads,
//     useUser,
//     useCreateThread,
//     useEditThreadMetadata,
//     useCreateComment,
//     useEditComment,
//     useDeleteComment,
//     useAddReaction,
//     useRemoveReaction,
//   },
// } = createRoomContext(client,
// );

import { LiveList, LiveMap, LiveObject } from "@liveblocks/client";
import { Color, Layer } from "@/types/canvas";

declare global {
  interface Liveblocks {
    // Each user's Presence, for useMyPresence, useOthers, etc.
    Presence: {
        cursor: { x: number; y: number } | null;
        selection: string[];
        pencilDraft: [x: number, y: number, pressure: number][] | null;
        pencilColor: Color | null;
      };
    // The Storage tree for the room, for useMutation, useStorage, etc.
    Storage: {
        layers: LiveMap<string, LiveObject<Layer>>;
        layerIds: LiveList<string>;
      };
  }
}