@ngenux/ngage-whiteboarding 1.0.8 → 1.0.9

package/dist/src/components/Whiteboard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Whiteboard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAUjF,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4hBhD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Whiteboard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAUjF,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmiBhD,CAAC"}

package/dist/src/context/WhiteboardContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WhiteboardContext.d.ts","sourceRoot":"","sources":["../../../src/context/WhiteboardContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAEhF,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,mBAAmB,EAAgB,MAAM,UAAU,CAAC;AAEhI,KAAK,gBAAgB,GACjB;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,OAAO,EAAE,QAAQ,CAAA;CAAE,GACvC;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GACtC;IAAE,IAAI,EAAE,sBAAsB,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GACjD;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GAC7C;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,OAAO,EAAE,WAAW,CAAA;CAAE,GAClD;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GACxC;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GACxC;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,OAAO,EAAE,UAAU,CAAA;CAAE,GAC1C;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,OAAO,EAAE,UAAU,CAAA;CAAE,GAC7C;IAAE,IAAI,EAAE,mBAAmB,CAAC;IAAC,OAAO,EAAE,UAAU,CAAA;CAAE,GAClD;IAAE,IAAI,EAAE,oBAAoB,CAAC;IAAC,OAAO,EAAE,UAAU,CAAA;CAAE,GACnD;IAAE,IAAI,EAAE,uBAAuB,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GAClD;IAAE,IAAI,EAAE,uBAAuB,CAAA;CAAE,GACjC;IAAE,IAAI,EAAE,qBAAqB,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GAChD;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GACzC;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GACzC;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,GACxB;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,GACzC;IAAE,IAAI,EAAE,qBAAqB,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,GACjD;IAAE,IAAI,EAAE,iBAAiB,CAAC;IAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,GACvE;IAAE,IAAI,EAAE,2BAA2B,CAAC;IAAC,OAAO,EAAE,UAAU,GAAG,SAAS,CAAA;CAAE,GACtE;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,GACxB;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,OAAO,EAAE,UAAU,EAAE,CAAA;CAAE,GAC7C;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GACtC;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GACtC;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GACvC;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,EAAE,CAAC;QAAC,mBAAmB,CAAC,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,EAAE,CAAA;KAAE,CAAA;CAAE,CAAC;AAwhB7I,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAC3C,kBAAkB,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IACpD,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;IAC/C,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,cAAc,EAAE,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,KAAK,IAAI,CAAC;IACvE,cAAc,EAAE,CAAC,KAAK,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9E,gBAAgB,EAAE,CAAC,eAAe,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1F,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAIF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,CAggB7F,CAAC;AAEF,eAAO,MAAM,aAAa,6BAMzB,CAAC"}
+{"version":3,"file":"WhiteboardContext.d.ts","sourceRoot":"","sources":["../../../src/context/WhiteboardContext.tsx"],"names":[],"mappings":"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"}

package/dist/src/utils/socket-utility.d.ts

@@ -1,6 +1,11 @@
+import { Socket } from 'socket.io-client';
 import { CompressedData } from '@/types';
 export declare const onSend: (roomId: string, data: CompressedData, webSocketUrl?: string) => void;
-export declare const onReceive: (roomId: string, callback: (data: CompressedData) => void, webSocketUrl?: string) => void;
+export declare const onReceive: (roomId: string, callback: (data: CompressedData) => void, webSocketUrl?: string, onRoomJoined?: () => void) => void;
 export declare const leaveRoom: (roomId: string) => void;
 export declare const disconnectSocket: () => void;
+export declare const isSocketConnected: () => boolean;
+export declare const getSocket: () => Socket | null;
+export declare const onSocketStatusChange: (callback: (isConnected: boolean) => void) => (() => void);
+export declare const waitForSocket: (webSocketUrl?: string, timeoutMs?: number) => Promise<void>;
 //# sourceMappingURL=socket-utility.d.ts.map

package/dist/src/utils/socket-utility.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"socket-utility.d.ts","sourceRoot":"","sources":["../../../src/utils/socket-utility.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAsEzC,eAAO,MAAM,MAAM,GAAI,QAAQ,MAAM,EAAE,MAAM,cAAc,EAAE,eAAe,MAAM,KAAG,IA6BpF,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,QAAQ,MAAM,EAAE,UAAU,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,EAAE,eAAe,MAAM,KAAG,IAc3G,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,QAAQ,MAAM,KAAG,IAO1C,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,IAQnC,CAAC"}
+{"version":3,"file":"socket-utility.d.ts","sourceRoot":"","sources":["../../../src/utils/socket-utility.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AA8DzC,eAAO,MAAM,MAAM,GAAI,QAAQ,MAAM,EAAE,MAAM,cAAc,EAAE,eAAe,MAAM,KAAG,IA6BpF,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,QAAQ,MAAM,EAAE,UAAU,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,EAAE,eAAe,MAAM,EAAE,eAAe,MAAM,IAAI,KAAG,IAoBtI,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,QAAQ,MAAM,KAAG,IAO1C,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,IAOnC,CAAC;AAGF,eAAO,MAAM,iBAAiB,QAAO,OAEpC,CAAC;AAGF,eAAO,MAAM,SAAS,QAAO,MAAM,GAAG,IAErC,CAAC;AAGF,eAAO,MAAM,oBAAoB,GAC/B,UAAU,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,KACvC,CAAC,MAAM,IAAI,CASb,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,eAAe,MAAM,EAAE,YAAW,MAAa,KAAG,OAAO,CAAC,IAAI,CAsB3F,CAAC"}

package/dist/utils/index.d.ts

@@ -0,0 +1,13 @@
+import './src/styles.css';
+import { Whiteboard } from './src/components/Whiteboard';
+import { WhiteboardProvider } from './src/context/WhiteboardContext';
+import { useCapture } from './src/hooks/useCapture';
+import { cn } from './src/lib/utils';
+export { Whiteboard, WhiteboardProvider, useCapture as useWhiteboardStream, cn };
+export type { WhiteboardProps } from './src/components/Whiteboard/index';
+export type { ShapeProps, ToolType, StrokeStyle, WhiteboardState, DrawingAction, CompressedData } from './src/types';
+export interface WhiteboardProviderProps {
+    children: React.ReactNode;
+    webSocketUrl?: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,UAAU,IAAI,mBAAmB,EAAE,EAAE,EAAE,CAAC;AAGjF,YAAY,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACzE,YAAY,EACV,UAAU,EACV,QAAQ,EACR,WAAW,EACX,eAAe,EACf,aAAa,EACb,cAAc,EACf,MAAM,aAAa,CAAC;AAGrB,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}

package/dist/utils/socket-utility.esm.js

@@ -0,0 +1,168 @@
+import { io } from 'socket.io-client';
+
+let socket = null;
+const joinedRooms = new Set();
+const setupCallbacks = new Map();
+let currentWebSocketUrl = undefined;
+// Initialize socket connection
+const initializeSocket = (webSocketUrl) => {
+    // Use provided webSocketUrl or fallback to environment variable for backward compatibility
+    const socketServerUrl = webSocketUrl || import.meta.env?.VITE_WEBSOCKET_URL || "";
+    // If URL has changed or socket doesn't exist, create new connection
+    if (!socket || (webSocketUrl && currentWebSocketUrl !== webSocketUrl)) {
+        // Disconnect existing socket if URL changed
+        if (socket && currentWebSocketUrl !== webSocketUrl) {
+            socket.disconnect();
+            socket = null;
+            joinedRooms.clear();
+            setupCallbacks.clear();
+        }
+        currentWebSocketUrl = webSocketUrl;
+        console.log('[SOCKET] Using socket server URL:', socketServerUrl);
+        if (!socketServerUrl) {
+            console.error('[SOCKET] No socket server URL provided');
+        }
+        socket = io(socketServerUrl, {
+            transports: ['websocket'],
+            reconnection: true,
+            reconnectionAttempts: 5,
+            reconnectionDelay: 1000,
+        });
+        socket.on('connect', () => {
+            console.log('[SOCKET] Connected to server');
+            // Re-join all rooms after reconnection
+            joinedRooms.forEach(roomId => {
+                socket.emit('join-room', roomId);
+                console.log('[SOCKET] Re-joined room:', roomId);
+            });
+        });
+        socket.on('disconnect', () => {
+            console.log('[SOCKET] Disconnected from server');
+        });
+        socket.on('connect_error', (error) => {
+            console.error('[SOCKET] Connection error:', error);
+        });
+        // Set up the global receive-message listener once
+        socket.on('receive-message', (message) => {
+            const callback = setupCallbacks.get(message.roomId);
+            if (callback) {
+                console.log('[SOCKET] Received message from room:', message.roomId, {
+                    compression: message.data.compressionType,
+                    originalSize: message.data.originalSize,
+                    compressedSize: message.data.compressedSize,
+                    from: message.from
+                });
+                callback(message.data);
+            }
+        });
+    }
+    return socket;
+};
+const onSend = (roomId, data, webSocketUrl) => {
+    const socketInstance = initializeSocket(webSocketUrl);
+    // Check if socket is connected before sending
+    if (!socketInstance.connected) {
+        console.warn('[SOCKET] Socket not connected, cannot send message');
+        return;
+    }
+    const message = {
+        roomId,
+        data,
+        timestamp: Date.now(),
+    };
+    console.log('[SOCKET] Sending message to room:', roomId, {
+        compression: data.compressionType,
+        originalSize: data.originalSize,
+        compressedSize: data.compressedSize,
+        connected: socketInstance.connected,
+        socketId: socketInstance.id,
+    });
+    try {
+        socketInstance.emit('send-message', message);
+        console.log('[SOCKET] Message sent successfully');
+    }
+    catch (error) {
+        console.error('[SOCKET] Error sending message:', error);
+    }
+};
+const onReceive = (roomId, callback, webSocketUrl) => {
+    const socketInstance = initializeSocket(webSocketUrl);
+    // Store the callback for this room
+    setupCallbacks.set(roomId, callback);
+    // Only join the room if we haven't already
+    if (!joinedRooms.has(roomId)) {
+        socketInstance.emit('join-room', roomId);
+        joinedRooms.add(roomId);
+        console.log('[SOCKET] Joined room:', roomId);
+    }
+    else {
+        console.log('[SOCKET] Already in room:', roomId);
+    }
+};
+const leaveRoom = (roomId) => {
+    if (socket && joinedRooms.has(roomId)) {
+        socket.emit('leave-room', roomId);
+        joinedRooms.delete(roomId);
+        setupCallbacks.delete(roomId);
+        console.log('[SOCKET] Left room:', roomId);
+    }
+};
+const disconnectSocket = () => {
+    if (socket) {
+        socket.disconnect();
+        socket = null;
+        joinedRooms.clear();
+        setupCallbacks.clear();
+        console.log('[SOCKET] Socket disconnected and cleaned up');
+    }
+};
+// Get current socket connection status
+const isSocketConnected = () => {
+    return socket?.connected ?? false;
+};
+// Get current socket instance
+const getSocket = () => {
+    return socket;
+};
+// Subscribe to connection status changes
+const onSocketStatusChange = (callback) => {
+    const socketInstance = socket || initializeSocket();
+    const handleConnect = () => callback(true);
+    const handleDisconnect = () => callback(false);
+    socketInstance.on('connect', handleConnect);
+    socketInstance.on('disconnect', handleDisconnect);
+    // Return unsubscribe function
+    return () => {
+        socketInstance.off('connect', handleConnect);
+        socketInstance.off('disconnect', handleDisconnect);
+    };
+};
+const waitForSocket = (webSocketUrl, timeoutMs = 5000) => {
+    return new Promise((resolve) => {
+        const socketInstance = initializeSocket(webSocketUrl);
+        // If already connected, resolve immediately
+        if (socketInstance.connected) {
+            console.log('[SOCKET] Socket already connected, resolving immediately');
+            resolve();
+            return;
+        }
+        console.log('[SOCKET] Waiting for socket connection (timeout: ' + timeoutMs + 'ms)');
+        // Listen for connect event
+        const handleConnect = () => {
+            console.log('[SOCKET] Socket connection established');
+            socketInstance.off('connect', handleConnect);
+            clearTimeout(timeoutHandle);
+            resolve();
+        };
+        socketInstance.on('connect', handleConnect);
+        // Safety net: resolve after timeout regardless
+        const timeoutHandle = setTimeout(() => {
+            console.log('[SOCKET] Connection timeout reached - resolving anyway (safety net)');
+            socketInstance.off('connect', handleConnect);
+            resolve();
+        }, timeoutMs);
+    });
+};
+
+export { disconnectSocket, getSocket, isSocketConnected, leaveRoom, onReceive, onSend, onSocketStatusChange, waitForSocket };
+//# sourceMappingURL=socket-utility.esm.js.map

package/dist/utils/socket-utility.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"socket-utility.esm.js","sources":["../../../src/utils/socket-utility.ts"],"sourcesContent":["import { io, Socket } from 'socket.io-client';\r\nimport { CompressedData } from '@/types';\r\n\r\nlet socket: Socket | null = null;\r\nconst joinedRooms = new Set<string>();\r\nconst setupCallbacks = new Map<string, (data: CompressedData) => void>();\r\nlet currentWebSocketUrl: string | undefined = undefined;\r\n\r\n// Initialize socket connection\r\nconst initializeSocket = (webSocketUrl?: string): Socket => {\r\n  // Use provided webSocketUrl or fallback to environment variable for backward compatibility\r\n  const socketServerUrl = webSocketUrl || import.meta.env?.VITE_WEBSOCKET_URL || \"\";\r\n  \r\n  // If URL has changed or socket doesn't exist, create new connection\r\n  if (!socket || (webSocketUrl && currentWebSocketUrl !== webSocketUrl)) {\r\n    // Disconnect existing socket if URL changed\r\n    if (socket && currentWebSocketUrl !== webSocketUrl) {\r\n      socket.disconnect();\r\n      socket = null;\r\n      joinedRooms.clear();\r\n      setupCallbacks.clear();\r\n    }\r\n    \r\n    currentWebSocketUrl = webSocketUrl;\r\n    console.log('[SOCKET] Using socket server URL:', socketServerUrl);\r\n\r\n    if (!socketServerUrl) {\r\n      console.error('[SOCKET] No socket server URL provided');\r\n    }\r\n\r\n    socket = io(socketServerUrl, {\r\n      transports: ['websocket'],\r\n      reconnection: true,\r\n      reconnectionAttempts: 5,\r\n      reconnectionDelay: 1000,\r\n    });\r\n\r\n    socket.on('connect', () => {\r\n      console.log('[SOCKET] Connected to server');\r\n      // Re-join all rooms after reconnection\r\n      joinedRooms.forEach(roomId => {\r\n        socket!.emit('join-room', roomId);\r\n        console.log('[SOCKET] Re-joined room:', roomId);\r\n      });\r\n    });\r\n\r\n    socket.on('disconnect', () => {\r\n      console.log('[SOCKET] Disconnected from server');\r\n    });\r\n\r\n    socket.on('connect_error', (error) => {\r\n      console.error('[SOCKET] Connection error:', error);\r\n    });\r\n\r\n    // Set up the global receive-message listener once\r\n    socket.on('receive-message', (message: { roomId: string; data: CompressedData; timestamp: number; from: string }) => {\r\n      const callback = setupCallbacks.get(message.roomId);\r\n      if (callback) {\r\n        console.log('[SOCKET] Received message from room:', message.roomId, {\r\n          compression: message.data.compressionType,\r\n          originalSize: message.data.originalSize,\r\n          compressedSize: message.data.compressedSize,\r\n          from: message.from\r\n        });\r\n        callback(message.data);\r\n      }\r\n    });\r\n  }\r\n  return socket;\r\n};\r\n\r\nexport const onSend = (roomId: string, data: CompressedData, webSocketUrl?: string): void => {\r\n  const socketInstance = initializeSocket(webSocketUrl);\r\n\r\n  // Check if socket is connected before sending\r\n  if (!socketInstance.connected) {\r\n    console.warn('[SOCKET] Socket not connected, cannot send message');\r\n    return;\r\n  }\r\n\r\n  const message = {\r\n    roomId,\r\n    data,\r\n    timestamp: Date.now(),\r\n  };\r\n\r\n  console.log('[SOCKET] Sending message to room:', roomId, {\r\n    compression: data.compressionType,\r\n    originalSize: data.originalSize,\r\n    compressedSize: data.compressedSize,\r\n    connected: socketInstance.connected,\r\n    socketId: socketInstance.id,\r\n  });\r\n\r\n  try {\r\n    socketInstance.emit('send-message', message);\r\n    console.log('[SOCKET] Message sent successfully');\r\n  } catch (error) {\r\n    console.error('[SOCKET] Error sending message:', error);\r\n  }\r\n};\r\n\r\nexport const onReceive = (roomId: string, callback: (data: CompressedData) => void, webSocketUrl?: string): void => {\r\n  const socketInstance = initializeSocket(webSocketUrl);\r\n\r\n  // Store the callback for this room\r\n  setupCallbacks.set(roomId, callback);\r\n\r\n  // Only join the room if we haven't already\r\n  if (!joinedRooms.has(roomId)) {\r\n    socketInstance.emit('join-room', roomId);\r\n    joinedRooms.add(roomId);\r\n    console.log('[SOCKET] Joined room:', roomId);\r\n  } else {\r\n    console.log('[SOCKET] Already in room:', roomId);\r\n  }\r\n};\r\n\r\nexport const leaveRoom = (roomId: string): void => {\r\n  if (socket && joinedRooms.has(roomId)) {\r\n    socket.emit('leave-room', roomId);\r\n    joinedRooms.delete(roomId);\r\n    setupCallbacks.delete(roomId);\r\n    console.log('[SOCKET] Left room:', roomId);\r\n  }\r\n};\r\n\r\nexport const disconnectSocket = (): void => {\r\n  if (socket) {\r\n    socket.disconnect();\r\n    socket = null;\r\n    joinedRooms.clear();\r\n    setupCallbacks.clear();\r\n    console.log('[SOCKET] Socket disconnected and cleaned up');\r\n  }\r\n};\r\n\r\n// Get current socket connection status\r\nexport const isSocketConnected = (): boolean => {\r\n  return socket?.connected ?? false;\r\n};\r\n\r\n// Get current socket instance\r\nexport const getSocket = (): Socket | null => {\r\n  return socket;\r\n};\r\n\r\n// Subscribe to connection status changes\r\nexport const onSocketStatusChange = (\r\n  callback: (isConnected: boolean) => void\r\n): (() => void) => {\r\n  const socketInstance = socket || initializeSocket();\r\n  \r\n  const handleConnect = () => callback(true);\r\n  const handleDisconnect = () => callback(false);\r\n  \r\n  socketInstance.on('connect', handleConnect);\r\n  socketInstance.on('disconnect', handleDisconnect);\r\n  \r\n  // Return unsubscribe function\r\n  return () => {\r\n    socketInstance.off('connect', handleConnect);\r\n    socketInstance.off('disconnect', handleDisconnect);\r\n  };\r\n};\r\n\r\nexport const waitForSocket = (webSocketUrl?: string, timeoutMs: number = 5000): Promise<void> => {\r\n  return new Promise((resolve) => {\r\n    const socketInstance = initializeSocket(webSocketUrl);\r\n    \r\n    // If already connected, resolve immediately\r\n    if (socketInstance.connected) {\r\n      console.log('[SOCKET] Socket already connected, resolving immediately');\r\n      resolve();\r\n      return;\r\n    }\r\n\r\n    console.log('[SOCKET] Waiting for socket connection (timeout: ' + timeoutMs + 'ms)');\r\n    \r\n    // Listen for connect event\r\n    const handleConnect = () => {\r\n      console.log('[SOCKET] Socket connection established');\r\n      socketInstance.off('connect', handleConnect);\r\n      clearTimeout(timeoutHandle);\r\n      resolve();\r\n    };\r\n\r\n    socketInstance.on('connect', handleConnect);\r\n\r\n    // Safety net: resolve after timeout regardless\r\n    const timeoutHandle = setTimeout(() => {\r\n      console.log('[SOCKET] Connection timeout reached - resolving anyway (safety net)');\r\n      socketInstance.off('connect', handleConnect);\r\n      resolve();\r\n    }, timeoutMs);\r\n  });\r\n}; "],"names":[],"mappings":"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"}

package/dist/utils/socket-utility.js

@@ -0,0 +1,177 @@
+'use strict';
+
+var socket_ioClient = require('socket.io-client');
+
+let socket = null;
+const joinedRooms = new Set();
+const setupCallbacks = new Map();
+let currentWebSocketUrl = undefined;
+// Initialize socket connection
+const initializeSocket = (webSocketUrl) => {
+    // Use provided webSocketUrl or fallback to environment variable for backward compatibility
+    const socketServerUrl = webSocketUrl || undefined?.VITE_WEBSOCKET_URL || "";
+    // If URL has changed or socket doesn't exist, create new connection
+    if (!socket || (webSocketUrl && currentWebSocketUrl !== webSocketUrl)) {
+        // Disconnect existing socket if URL changed
+        if (socket && currentWebSocketUrl !== webSocketUrl) {
+            socket.disconnect();
+            socket = null;
+            joinedRooms.clear();
+            setupCallbacks.clear();
+        }
+        currentWebSocketUrl = webSocketUrl;
+        console.log('[SOCKET] Using socket server URL:', socketServerUrl);
+        if (!socketServerUrl) {
+            console.error('[SOCKET] No socket server URL provided');
+        }
+        socket = socket_ioClient.io(socketServerUrl, {
+            transports: ['websocket'],
+            reconnection: true,
+            reconnectionAttempts: 5,
+            reconnectionDelay: 1000,
+        });
+        socket.on('connect', () => {
+            console.log('[SOCKET] Connected to server');
+            // Re-join all rooms after reconnection
+            joinedRooms.forEach(roomId => {
+                socket.emit('join-room', roomId);
+                console.log('[SOCKET] Re-joined room:', roomId);
+            });
+        });
+        socket.on('disconnect', () => {
+            console.log('[SOCKET] Disconnected from server');
+        });
+        socket.on('connect_error', (error) => {
+            console.error('[SOCKET] Connection error:', error);
+        });
+        // Set up the global receive-message listener once
+        socket.on('receive-message', (message) => {
+            const callback = setupCallbacks.get(message.roomId);
+            if (callback) {
+                console.log('[SOCKET] Received message from room:', message.roomId, {
+                    compression: message.data.compressionType,
+                    originalSize: message.data.originalSize,
+                    compressedSize: message.data.compressedSize,
+                    from: message.from
+                });
+                callback(message.data);
+            }
+        });
+    }
+    return socket;
+};
+const onSend = (roomId, data, webSocketUrl) => {
+    const socketInstance = initializeSocket(webSocketUrl);
+    // Check if socket is connected before sending
+    if (!socketInstance.connected) {
+        console.warn('[SOCKET] Socket not connected, cannot send message');
+        return;
+    }
+    const message = {
+        roomId,
+        data,
+        timestamp: Date.now(),
+    };
+    console.log('[SOCKET] Sending message to room:', roomId, {
+        compression: data.compressionType,
+        originalSize: data.originalSize,
+        compressedSize: data.compressedSize,
+        connected: socketInstance.connected,
+        socketId: socketInstance.id,
+    });
+    try {
+        socketInstance.emit('send-message', message);
+        console.log('[SOCKET] Message sent successfully');
+    }
+    catch (error) {
+        console.error('[SOCKET] Error sending message:', error);
+    }
+};
+const onReceive = (roomId, callback, webSocketUrl) => {
+    const socketInstance = initializeSocket(webSocketUrl);
+    // Store the callback for this room
+    setupCallbacks.set(roomId, callback);
+    // Only join the room if we haven't already
+    if (!joinedRooms.has(roomId)) {
+        socketInstance.emit('join-room', roomId);
+        joinedRooms.add(roomId);
+        console.log('[SOCKET] Joined room:', roomId);
+    }
+    else {
+        console.log('[SOCKET] Already in room:', roomId);
+    }
+};
+const leaveRoom = (roomId) => {
+    if (socket && joinedRooms.has(roomId)) {
+        socket.emit('leave-room', roomId);
+        joinedRooms.delete(roomId);
+        setupCallbacks.delete(roomId);
+        console.log('[SOCKET] Left room:', roomId);
+    }
+};
+const disconnectSocket = () => {
+    if (socket) {
+        socket.disconnect();
+        socket = null;
+        joinedRooms.clear();
+        setupCallbacks.clear();
+        console.log('[SOCKET] Socket disconnected and cleaned up');
+    }
+};
+// Get current socket connection status
+const isSocketConnected = () => {
+    return socket?.connected ?? false;
+};
+// Get current socket instance
+const getSocket = () => {
+    return socket;
+};
+// Subscribe to connection status changes
+const onSocketStatusChange = (callback) => {
+    const socketInstance = socket || initializeSocket();
+    const handleConnect = () => callback(true);
+    const handleDisconnect = () => callback(false);
+    socketInstance.on('connect', handleConnect);
+    socketInstance.on('disconnect', handleDisconnect);
+    // Return unsubscribe function
+    return () => {
+        socketInstance.off('connect', handleConnect);
+        socketInstance.off('disconnect', handleDisconnect);
+    };
+};
+const waitForSocket = (webSocketUrl, timeoutMs = 5000) => {
+    return new Promise((resolve) => {
+        const socketInstance = initializeSocket(webSocketUrl);
+        // If already connected, resolve immediately
+        if (socketInstance.connected) {
+            console.log('[SOCKET] Socket already connected, resolving immediately');
+            resolve();
+            return;
+        }
+        console.log('[SOCKET] Waiting for socket connection (timeout: ' + timeoutMs + 'ms)');
+        // Listen for connect event
+        const handleConnect = () => {
+            console.log('[SOCKET] Socket connection established');
+            socketInstance.off('connect', handleConnect);
+            clearTimeout(timeoutHandle);
+            resolve();
+        };
+        socketInstance.on('connect', handleConnect);
+        // Safety net: resolve after timeout regardless
+        const timeoutHandle = setTimeout(() => {
+            console.log('[SOCKET] Connection timeout reached - resolving anyway (safety net)');
+            socketInstance.off('connect', handleConnect);
+            resolve();
+        }, timeoutMs);
+    });
+};
+
+exports.disconnectSocket = disconnectSocket;
+exports.getSocket = getSocket;
+exports.isSocketConnected = isSocketConnected;
+exports.leaveRoom = leaveRoom;
+exports.onReceive = onReceive;
+exports.onSend = onSend;
+exports.onSocketStatusChange = onSocketStatusChange;
+exports.waitForSocket = waitForSocket;
+//# sourceMappingURL=socket-utility.js.map

package/dist/utils/socket-utility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"socket-utility.js","sources":["../../../src/utils/socket-utility.ts"],"sourcesContent":["import { io, Socket } from 'socket.io-client';\r\nimport { CompressedData } from '@/types';\r\n\r\nlet socket: Socket | null = null;\r\nconst joinedRooms = new Set<string>();\r\nconst setupCallbacks = new Map<string, (data: CompressedData) => void>();\r\nlet currentWebSocketUrl: string | undefined = undefined;\r\n\r\n// Initialize socket connection\r\nconst initializeSocket = (webSocketUrl?: string): Socket => {\r\n  // Use provided webSocketUrl or fallback to environment variable for backward compatibility\r\n  const socketServerUrl = webSocketUrl || import.meta.env?.VITE_WEBSOCKET_URL || \"\";\r\n  \r\n  // If URL has changed or socket doesn't exist, create new connection\r\n  if (!socket || (webSocketUrl && currentWebSocketUrl !== webSocketUrl)) {\r\n    // Disconnect existing socket if URL changed\r\n    if (socket && currentWebSocketUrl !== webSocketUrl) {\r\n      socket.disconnect();\r\n      socket = null;\r\n      joinedRooms.clear();\r\n      setupCallbacks.clear();\r\n    }\r\n    \r\n    currentWebSocketUrl = webSocketUrl;\r\n    console.log('[SOCKET] Using socket server URL:', socketServerUrl);\r\n\r\n    if (!socketServerUrl) {\r\n      console.error('[SOCKET] No socket server URL provided');\r\n    }\r\n\r\n    socket = io(socketServerUrl, {\r\n      transports: ['websocket'],\r\n      reconnection: true,\r\n      reconnectionAttempts: 5,\r\n      reconnectionDelay: 1000,\r\n    });\r\n\r\n    socket.on('connect', () => {\r\n      console.log('[SOCKET] Connected to server');\r\n      // Re-join all rooms after reconnection\r\n      joinedRooms.forEach(roomId => {\r\n        socket!.emit('join-room', roomId);\r\n        console.log('[SOCKET] Re-joined room:', roomId);\r\n      });\r\n    });\r\n\r\n    socket.on('disconnect', () => {\r\n      console.log('[SOCKET] Disconnected from server');\r\n    });\r\n\r\n    socket.on('connect_error', (error) => {\r\n      console.error('[SOCKET] Connection error:', error);\r\n    });\r\n\r\n    // Set up the global receive-message listener once\r\n    socket.on('receive-message', (message: { roomId: string; data: CompressedData; timestamp: number; from: string }) => {\r\n      const callback = setupCallbacks.get(message.roomId);\r\n      if (callback) {\r\n        console.log('[SOCKET] Received message from room:', message.roomId, {\r\n          compression: message.data.compressionType,\r\n          originalSize: message.data.originalSize,\r\n          compressedSize: message.data.compressedSize,\r\n          from: message.from\r\n        });\r\n        callback(message.data);\r\n      }\r\n    });\r\n  }\r\n  return socket;\r\n};\r\n\r\nexport const onSend = (roomId: string, data: CompressedData, webSocketUrl?: string): void => {\r\n  const socketInstance = initializeSocket(webSocketUrl);\r\n\r\n  // Check if socket is connected before sending\r\n  if (!socketInstance.connected) {\r\n    console.warn('[SOCKET] Socket not connected, cannot send message');\r\n    return;\r\n  }\r\n\r\n  const message = {\r\n    roomId,\r\n    data,\r\n    timestamp: Date.now(),\r\n  };\r\n\r\n  console.log('[SOCKET] Sending message to room:', roomId, {\r\n    compression: data.compressionType,\r\n    originalSize: data.originalSize,\r\n    compressedSize: data.compressedSize,\r\n    connected: socketInstance.connected,\r\n    socketId: socketInstance.id,\r\n  });\r\n\r\n  try {\r\n    socketInstance.emit('send-message', message);\r\n    console.log('[SOCKET] Message sent successfully');\r\n  } catch (error) {\r\n    console.error('[SOCKET] Error sending message:', error);\r\n  }\r\n};\r\n\r\nexport const onReceive = (roomId: string, callback: (data: CompressedData) => void, webSocketUrl?: string): void => {\r\n  const socketInstance = initializeSocket(webSocketUrl);\r\n\r\n  // Store the callback for this room\r\n  setupCallbacks.set(roomId, callback);\r\n\r\n  // Only join the room if we haven't already\r\n  if (!joinedRooms.has(roomId)) {\r\n    socketInstance.emit('join-room', roomId);\r\n    joinedRooms.add(roomId);\r\n    console.log('[SOCKET] Joined room:', roomId);\r\n  } else {\r\n    console.log('[SOCKET] Already in room:', roomId);\r\n  }\r\n};\r\n\r\nexport const leaveRoom = (roomId: string): void => {\r\n  if (socket && joinedRooms.has(roomId)) {\r\n    socket.emit('leave-room', roomId);\r\n    joinedRooms.delete(roomId);\r\n    setupCallbacks.delete(roomId);\r\n    console.log('[SOCKET] Left room:', roomId);\r\n  }\r\n};\r\n\r\nexport const disconnectSocket = (): void => {\r\n  if (socket) {\r\n    socket.disconnect();\r\n    socket = null;\r\n    joinedRooms.clear();\r\n    setupCallbacks.clear();\r\n    console.log('[SOCKET] Socket disconnected and cleaned up');\r\n  }\r\n};\r\n\r\n// Get current socket connection status\r\nexport const isSocketConnected = (): boolean => {\r\n  return socket?.connected ?? false;\r\n};\r\n\r\n// Get current socket instance\r\nexport const getSocket = (): Socket | null => {\r\n  return socket;\r\n};\r\n\r\n// Subscribe to connection status changes\r\nexport const onSocketStatusChange = (\r\n  callback: (isConnected: boolean) => void\r\n): (() => void) => {\r\n  const socketInstance = socket || initializeSocket();\r\n  \r\n  const handleConnect = () => callback(true);\r\n  const handleDisconnect = () => callback(false);\r\n  \r\n  socketInstance.on('connect', handleConnect);\r\n  socketInstance.on('disconnect', handleDisconnect);\r\n  \r\n  // Return unsubscribe function\r\n  return () => {\r\n    socketInstance.off('connect', handleConnect);\r\n    socketInstance.off('disconnect', handleDisconnect);\r\n  };\r\n};\r\n\r\nexport const waitForSocket = (webSocketUrl?: string, timeoutMs: number = 5000): Promise<void> => {\r\n  return new Promise((resolve) => {\r\n    const socketInstance = initializeSocket(webSocketUrl);\r\n    \r\n    // If already connected, resolve immediately\r\n    if (socketInstance.connected) {\r\n      console.log('[SOCKET] Socket already connected, resolving immediately');\r\n      resolve();\r\n      return;\r\n    }\r\n\r\n    console.log('[SOCKET] Waiting for socket connection (timeout: ' + timeoutMs + 'ms)');\r\n    \r\n    // Listen for connect event\r\n    const handleConnect = () => {\r\n      console.log('[SOCKET] Socket connection established');\r\n      socketInstance.off('connect', handleConnect);\r\n      clearTimeout(timeoutHandle);\r\n      resolve();\r\n    };\r\n\r\n    socketInstance.on('connect', handleConnect);\r\n\r\n    // Safety net: resolve after timeout regardless\r\n    const timeoutHandle = setTimeout(() => {\r\n      console.log('[SOCKET] Connection timeout reached - resolving anyway (safety net)');\r\n      socketInstance.off('connect', handleConnect);\r\n      resolve();\r\n    }, timeoutMs);\r\n  });\r\n}; "],"names":["io"],"mappings":"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"}

package/dist/utils/src/components/Shapes/Arrow.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ShapeProps } from '@/types';
+interface ArrowProps {
+    shapeProps: ShapeProps;
+    isSelected: boolean;
+    onSelect: () => void;
+    onUpdate: (shape: ShapeProps) => void;
+}
+export declare const Arrow: React.FC<ArrowProps>;
+export {};
+//# sourceMappingURL=Arrow.d.ts.map

package/dist/utils/src/components/Shapes/Arrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arrow.d.ts","sourceRoot":"","sources":["../../../../../src/components/Shapes/Arrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,UAAU,UAAU;IAClB,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAwHrC,CAAC"}

package/dist/utils/src/components/Shapes/Ellipse.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ShapeProps } from '@/types';
+interface EllipseProps {
+    shapeProps: ShapeProps;
+    isSelected: boolean;
+    onSelect: () => void;
+    onUpdate: (shape: ShapeProps) => void;
+}
+export declare const Ellipse: React.FC<EllipseProps>;
+export {};
+//# sourceMappingURL=Ellipse.d.ts.map

package/dist/utils/src/components/Shapes/Ellipse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ellipse.d.ts","sourceRoot":"","sources":["../../../../../src/components/Shapes/Ellipse.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAe,MAAM,SAAS,CAAC;AAElD,UAAU,YAAY;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC;AAkBD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA0H1C,CAAC"}

package/dist/utils/src/components/Shapes/ErasedShape.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ShapeProps } from '@/types';
+interface ErasedShapeProps {
+    shapeProps: ShapeProps;
+    isSelected: boolean;
+    onSelect: () => void;
+    onUpdate: (shape: ShapeProps) => void;
+}
+export declare const ErasedShape: React.FC<ErasedShapeProps>;
+export {};
+//# sourceMappingURL=ErasedShape.d.ts.map

package/dist/utils/src/components/Shapes/ErasedShape.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErasedShape.d.ts","sourceRoot":"","sources":["../../../../../src/components/Shapes/ErasedShape.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,UAAU,gBAAgB;IACxB,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4TlD,CAAC"}

package/dist/utils/src/components/Shapes/FreehandDrawing.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ShapeProps } from '@/types';
+interface FreehandDrawingProps {
+    shapeProps: ShapeProps;
+    isSelected: boolean;
+    onSelect: () => void;
+    onUpdate: (shape: ShapeProps) => void;
+}
+export declare const FreehandDrawing: React.FC<FreehandDrawingProps>;
+export {};
+//# sourceMappingURL=FreehandDrawing.d.ts.map

package/dist/utils/src/components/Shapes/FreehandDrawing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FreehandDrawing.d.ts","sourceRoot":"","sources":["../../../../../src/components/Shapes/FreehandDrawing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAe,MAAM,SAAS,CAAC;AAElD,UAAU,oBAAoB;IAC5B,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC;AAkBD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAyH1D,CAAC"}

package/dist/utils/src/components/Shapes/Line.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ShapeProps } from '@/types';
+interface LineProps {
+    shapeProps: ShapeProps;
+    isSelected: boolean;
+    onSelect: () => void;
+    onUpdate: (shape: ShapeProps) => void;
+}
+export declare const Line: React.FC<LineProps>;
+export {};
+//# sourceMappingURL=Line.d.ts.map

package/dist/utils/src/components/Shapes/Line.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../../../../src/components/Shapes/Line.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAe,MAAM,SAAS,CAAC;AAElD,UAAU,SAAS;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC;AAkBD,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA0HpC,CAAC"}

package/dist/utils/src/components/Shapes/Rectangle.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ShapeProps } from '@/types';
+interface RectangleProps {
+    shapeProps: ShapeProps;
+    isSelected: boolean;
+    onSelect: () => void;
+    onUpdate: (shape: ShapeProps) => void;
+}
+export declare const Rectangle: React.FC<RectangleProps>;
+export {};
+//# sourceMappingURL=Rectangle.d.ts.map

package/dist/utils/src/components/Shapes/Rectangle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rectangle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Shapes/Rectangle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAe,MAAM,SAAS,CAAC;AAElD,UAAU,cAAc;IACtB,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC;AAkBD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA0H9C,CAAC"}

package/dist/utils/src/components/Whiteboard/Board.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { DrawingAction } from '../../types';
+interface BoardProps {
+    roomId?: string;
+    queueAction?: (action: DrawingAction) => void;
+    hasToolAccess?: boolean;
+}
+export interface BoardRef {
+    exportAsImage: (format: 'png' | 'jpeg') => void;
+    exportAsPDF: () => void;
+    getStageDataURL: (format: 'png' | 'jpeg') => string;
+}
+export declare const Board: React.MemoExoticComponent<React.ForwardRefExoticComponent<BoardProps & React.RefAttributes<BoardRef>>>;
+export {};
+//# sourceMappingURL=Board.d.ts.map

package/dist/utils/src/components/Whiteboard/Board.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Board.d.ts","sourceRoot":"","sources":["../../../../../src/components/Whiteboard/Board.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6F,MAAM,OAAO,CAAC;AAGlH,OAAO,EAAqB,aAAa,EAAgB,MAAM,aAAa,CAAC;AAU7E,UAAU,UAAU;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,QAAQ;IACvB,aAAa,EAAE,CAAC,MAAM,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;IAChD,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,eAAe,EAAE,CAAC,MAAM,EAAE,KAAK,GAAG,MAAM,KAAK,MAAM,CAAC;CACrD;AA+2BD,eAAO,MAAM,KAAK,wGAOhB,CAAC"}

package/dist/utils/src/components/Whiteboard/Toolbar.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { DrawingAction } from '@/types';
+interface ToolbarProps {
+    queueAction?: (action: DrawingAction) => void;
+    handleExportImage?: (format: 'png' | 'jpeg') => void;
+    handleExportPDF?: () => void;
+    handleClear?: () => void;
+    handleLockToggle?: () => void;
+    handleAllowedUsersChange?: (users: string[]) => void;
+    isAdmin?: boolean;
+    hasToolAccess?: boolean;
+    isGloballyUnlocked?: boolean;
+    shouldBeOpenByDefault?: boolean;
+    disableBackgroundChange?: boolean;
+    hasVideoBackground?: boolean;
+}
+export declare const TopToolbar: React.FC<ToolbarProps>;
+export declare const LeftSidebar: React.FC<ToolbarProps>;
+export declare const Toolbar: React.FC<ToolbarProps>;
+export {};
+//# sourceMappingURL=Toolbar.d.ts.map

package/dist/utils/src/components/Whiteboard/Toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Whiteboard/Toolbar.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,aAAa,EAAyB,MAAM,SAAS,CAAC;AAE/D,UAAU,YAAY;IACpB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;IACrD,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAID,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAwM7C,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAob9C,CAAC;AAGF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAE1C,CAAC"}

package/dist/utils/src/components/Whiteboard/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface WhiteboardProps {
+    roomId: string;
+    isAdmin?: boolean;
+    allowedUsers?: string[];
+    userId: string;
+    transparentBackground?: boolean;
+    videoStream?: MediaStream;
+}
+export declare const Whiteboard: React.FC<WhiteboardProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/src/components/Whiteboard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Whiteboard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAUjF,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwiBhD,CAAC"}