liveblocks.config.ts

import { LiveList, LiveObject, createClient } from "@liveblocks/client";
import { createRoomContext } from "@liveblocks/react";

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

// 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.
export type Presence = {
  // cursor: { x: number, y: number } | null,
  // ...
  boardId: string | null;
  columnId: string | 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.

export type Column = {
  name: string;
  index: number;
  id: string;
};

export type Task = {
  name: string;
  id: string;
  index: number;
  columnId: string;
  // column: Column
};
type Storage = {
  // animals: LiveList<string>,
  // ...
  columns: LiveList<LiveObject<Column>>;
  tasks: LiveList<LiveObject<Task>>;
};

// 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,  // Accessible through `user.id`
//   info?: Json,  // Accessible through `user.info`
// };

// 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 = {};

// 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 {
  RoomProvider,
  useMyPresence,
  useStorage,
  useMutation,
  useOthers,
  useUpdateMyPresence,
  /* ...all the other hooks you’re using... */
} = createRoomContext<
  Presence,
  Storage
  /* UserMeta, RoomEvent, ThreadMetadata */
>(client);