@ngenux/ngage-whiteboarding 1.0.7 → 1.0.9

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

@@ -0,0 +1,128 @@
+import React from 'react';
+import { ShapeProps, WhiteboardState, ToolType, DrawingAction, StrokeStyle, WhiteboardSyncState } from '../types';
+type WhiteboardAction = {
+    type: 'SET_TOOL';
+    payload: ToolType;
+} | {
+    type: 'SET_COLOR';
+    payload: string;
+} | {
+    type: 'SET_BACKGROUND_COLOR';
+    payload: string;
+} | {
+    type: 'SET_STROKE_WIDTH';
+    payload: number;
+} | {
+    type: 'SET_STROKE_STYLE';
+    payload: StrokeStyle;
+} | {
+    type: 'SET_OPACITY';
+    payload: number;
+} | {
+    type: 'SET_USER_ID';
+    payload: string;
+} | {
+    type: 'ADD_SHAPE';
+    payload: ShapeProps;
+} | {
+    type: 'UPDATE_SHAPE';
+    payload: ShapeProps;
+} | {
+    type: 'UPDATE_TEMP_SHAPE';
+    payload: ShapeProps;
+} | {
+    type: 'SET_ACTIVE_DRAWING';
+    payload: ShapeProps;
+} | {
+    type: 'REMOVE_ACTIVE_DRAWING';
+    payload: string;
+} | {
+    type: 'CLEAR_ACTIVE_DRAWINGS';
+} | {
+    type: 'SET_CLEAR_TIMESTAMP';
+    payload: number;
+} | {
+    type: 'DELETE_SHAPE';
+    payload: string;
+} | {
+    type: 'SELECT_SHAPE';
+    payload: string;
+} | {
+    type: 'DESELECT_ALL';
+} | {
+    type: 'SET_DRAWING';
+    payload: boolean;
+} | {
+    type: 'SET_CAPTURE_ENABLED';
+    payload: boolean;
+} | {
+    type: 'SET_CANVAS_SIZE';
+    payload: {
+        width: number;
+        height: number;
+    };
+} | {
+    type: 'SET_CURRENT_DRAWING_SHAPE';
+    payload: ShapeProps | undefined;
+} | {
+    type: 'CLEAR_CANVAS';
+} | {
+    type: 'UNDO';
+} | {
+    type: 'REDO';
+} | {
+    type: 'SET_SHAPES';
+    payload: ShapeProps[];
+} | {
+    type: 'USER_UNDO';
+    payload: string;
+} | {
+    type: 'USER_REDO';
+    payload: string;
+} | {
+    type: 'USER_CLEAR';
+    payload: string;
+} | {
+    type: 'ERASE';
+    payload: {
+        shapeId: string;
+        erasePath: {
+            x: number;
+            y: number;
+        }[];
+        normalizedErasePath?: {
+            x: number;
+            y: number;
+        }[];
+    };
+};
+type WhiteboardContextType = {
+    state: WhiteboardState;
+    dispatch: React.Dispatch<WhiteboardAction>;
+    applyDrawingAction: (action: DrawingAction) => void;
+    getCurrentSyncState: () => WhiteboardSyncState;
+    requestStateFromPeers: () => void;
+    setQueueAction: (queueAction: (action: DrawingAction) => void) => void;
+    normalizePoint: (point: {
+        x: number;
+        y: number;
+    }) => {
+        x: number;
+        y: number;
+    };
+    denormalizePoint: (normalizedPoint: {
+        x: number;
+        y: number;
+    }) => {
+        x: number;
+        y: number;
+    };
+    webSocketUrl?: string;
+};
+export declare const WhiteboardProvider: React.FC<{
+    children: React.ReactNode;
+    webSocketUrl?: string;
+}>;
+export declare const useWhiteboard: () => WhiteboardContextType;
+export {};
+//# sourceMappingURL=WhiteboardContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WhiteboardContext.d.ts","sourceRoot":"","sources":["../../../../src/context/WhiteboardContext.tsx"],"names":[],"mappings":"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"}

package/dist/utils/src/hooks/useCapture.d.ts

@@ -0,0 +1,4 @@
+export declare const useCapture: () => {
+    mediaStream: MediaStream | null;
+};
+//# sourceMappingURL=useCapture.d.ts.map

package/dist/utils/src/hooks/useCapture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCapture.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useCapture.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;;CAoEtB,CAAC"}

package/dist/utils/src/hooks/useCollaborativeWhiteboard.d.ts

@@ -0,0 +1,27 @@
+import { DrawingAction, CollaborationCallbacks } from '../types';
+export declare const useCollaborativeWhiteboard: (roomId: string, callbacks?: CollaborationCallbacks) => {
+    queueAction: (action: DrawingAction) => void;
+    getPerformanceMetrics: () => {
+        queueSize: number;
+        avgCompressionRatio: number;
+        totalActions: number;
+        timeSinceLastTransmission: number;
+        isThrottling: boolean;
+        isRateLimited: boolean;
+    };
+    getConstraintMetrics: () => {
+        currentMessageRate: number;
+        maxMessageRate: number;
+        isWithinRateLimit: boolean;
+        maxMessageSize: number;
+        maxPayloadSize: number;
+        queuedActionsCount: number;
+        constraintsStatus: {
+            messageRate: string;
+            messageSizeLimit: string;
+            payloadSizeLimit: string;
+        };
+    };
+    forceTransmit: () => void;
+};
+//# sourceMappingURL=useCollaborativeWhiteboard.d.ts.map

package/dist/utils/src/hooks/useCollaborativeWhiteboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCollaborativeWhiteboard.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useCollaborativeWhiteboard.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAkB,sBAAsB,EAAkC,MAAM,UAAU,CAAC;AAIjH,eAAO,MAAM,0BAA0B,GACrC,QAAQ,MAAM,EACd,YAAY,sBAAsB;0BAqQO,aAAa;;;;;;;;;;;;;;;;;;;;;;;CAqVvD,CAAC"}

package/dist/utils/src/lib/utils.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils/src/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAA;AAG5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/utils/src/types/index.d.ts

@@ -0,0 +1,123 @@
+export type Point = {
+    x: number;
+    y: number;
+};
+export type NormalizedPoint = {
+    x: number;
+    y: number;
+};
+export type ShapeType = 'rectangle' | 'ellipse' | 'line' | 'pencil' | 'eraser' | 'arrow';
+export type StrokeStyle = 'solid' | 'dashed' | 'dotted';
+export type ShapeProps = {
+    id: string;
+    userId: string;
+    type: ShapeType;
+    points: Point[];
+    normalizedPoints?: NormalizedPoint[];
+    fill?: string;
+    stroke: string;
+    strokeWidth: number;
+    strokeStyle?: StrokeStyle;
+    opacity: number;
+    isDragging?: boolean;
+    isSelected?: boolean;
+    isEraser?: boolean;
+    erasePaths?: Point[][];
+    drawingSessionId?: string;
+    timestamp?: number;
+    rotation?: number;
+    scaleX?: number;
+    scaleY?: number;
+    x?: number;
+    y?: number;
+    normalizedX?: number;
+    normalizedY?: number;
+    normalizedErasePaths?: Point[][];
+};
+export type ToolType = ShapeType | 'select' | 'pan';
+export type ErasePayload = {
+    shapeId: string;
+    erasePath: Point[];
+    normalizedErasePath?: Point[];
+    timestamp?: number;
+};
+export type DrawingAction = {
+    type: 'add' | 'update' | 'delete' | 'clear' | 'start_draw' | 'continue_draw' | 'end_draw' | 'undo' | 'redo' | 'deselect_all' | 'select_shape' | 'set_background_color' | 'set_opacity' | 'set_stroke_width' | 'set_color' | 'set_stroke_style' | 'request_state' | 'sync_state' | 'user_undo' | 'user_redo' | 'user_clear' | 'erase' | 'toggle_lock' | 'update_allowed_users';
+    payload: ShapeProps | string | Partial<ShapeProps> | ShapeProps[] | number | StrokeStyle | WhiteboardSyncState | ErasePayload | {
+        isUnlocked: boolean;
+        adminId: string;
+        timestamp: number;
+    } | {
+        allowedUsers: string[];
+        userId: string;
+        timestamp: number;
+    };
+    batchId?: string;
+    timestamp?: number;
+    requesterId?: string;
+    userId?: string;
+};
+export type WhiteboardState = {
+    shapes: ShapeProps[];
+    history: ShapeProps[][];
+    historyIndex: number;
+    tool: ToolType;
+    color: string;
+    backgroundColor: string;
+    strokeWidth: number;
+    strokeStyle: StrokeStyle;
+    opacity: number;
+    userId: string;
+    isDrawing: boolean;
+    captureEnabled: boolean;
+    canvasSize: {
+        width: number;
+        height: number;
+    };
+    selectedShapeId?: string;
+    currentDrawingShape?: ShapeProps;
+    activeDrawings: {
+        [shapeId: string]: ShapeProps;
+    };
+    lastClearTimestamp: number;
+    userUndoStacks: {
+        [userId: string]: ShapeProps[];
+    };
+};
+export type TransmissionData = {
+    userId: string;
+    roomId: string;
+    actions: DrawingAction[];
+    timestamp: number;
+    canvasSize?: {
+        width: number;
+        height: number;
+    };
+};
+export type CompressedData = {
+    data: string;
+    compressionType: 'none' | 'delta' | 'base64' | 'gzip' | 'lz4';
+    originalSize?: number;
+    compressedSize?: number;
+};
+export type CollaborationCallbacks = {
+    sendData?: (data: CompressedData) => void;
+    onReceiveData?: (callback: (data: CompressedData) => void) => void;
+};
+export type PerformanceMetrics = {
+    drawingLatency: number;
+    transmissionLatency: number;
+    compressionRatio: number;
+    fps: number;
+};
+export type WhiteboardSyncState = {
+    shapes: ShapeProps[];
+    backgroundColor: string;
+    canvasSize: {
+        width: number;
+        height: number;
+    };
+    timestamp: number;
+    userId: string;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/types/index.ts"],"names":[],"mappings":"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"}

package/dist/utils/src/utils/compression.d.ts

@@ -0,0 +1,14 @@
+import { CompressedData, DrawingAction, Point } from '@/types';
+export declare const compressData: (data: string) => CompressedData;
+export declare const decompressData: (compressedData: CompressedData) => string;
+export declare const compressPoints: (points: Point[]) => number[];
+export declare const decompressPoints: (compressed: number[]) => Point[];
+export declare const optimizeBatch: (actions: DrawingAction[]) => DrawingAction[];
+export declare const getCompressionMetrics: (original: string, compressed: CompressedData) => {
+    originalSize: number;
+    compressedSize: number;
+    compressionRatio: number;
+    spaceSaved: number;
+    spaceSavedPercent: number;
+};
+//# sourceMappingURL=compression.d.ts.map

package/dist/utils/src/utils/compression.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compression.d.ts","sourceRoot":"","sources":["../../../../src/utils/compression.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAc,KAAK,EAAE,MAAM,SAAS,CAAC;AAG3E,eAAO,MAAM,YAAY,GAAI,MAAM,MAAM,KAAG,cA6B3C,CAAC;AAmGF,eAAO,MAAM,cAAc,GAAI,gBAAgB,cAAc,KAAG,MAyB/D,CAAC;AAwGF,eAAO,MAAM,cAAc,GAAI,QAAQ,KAAK,EAAE,KAAG,MAAM,EAoBtD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,YAAY,MAAM,EAAE,KAAG,KAAK,EAc5D,CAAC;AAGF,eAAO,MAAM,aAAa,GAAI,SAAS,aAAa,EAAE,KAAG,aAAa,EA+ErE,CAAC;AAGF,eAAO,MAAM,qBAAqB,GAAI,UAAU,MAAM,EAAE,YAAY,cAAc;;;;;;CAWjF,CAAC"}

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

@@ -0,0 +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 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/utils/src/utils/socket-utility.d.ts.map

@@ -0,0 +1 @@
+{"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;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;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,CAcb,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,eAAe,MAAM,EAAE,YAAW,MAAa,KAAG,OAAO,CAAC,IAAI,CA8B3F,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ngenux/ngage-whiteboarding",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "A collaborative whiteboard React component with real-time synchronization",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",

package/dist/src/utils/video-coordinates.d.ts

@@ -1,36 +0,0 @@
-/**
- * Video coordinate utilities for pixel-locked annotation
- * Handles normalization and denormalization of coordinates relative to video content
- */
-export interface VideoContentRect {
-    x: number;
-    y: number;
-    w: number;
-    h: number;
-}
-export interface NormalizedUV {
-    u: number;
-    v: number;
-}
-/**
- * Calculate the actual visible video content box accounting for object-fit: contain
- * Handles letterboxing and pillarboxing
- */
-export declare function getVideoContentRect(videoEl: HTMLVideoElement | null): VideoContentRect | null;
-/**
- * Convert pointer event to normalized UV coordinates (0-1 range)
- * Relative to the video content box
- */
-export declare function toNormalizedUV(clientX: number, clientY: number, videoEl: HTMLVideoElement | null, containerRect: DOMRect): NormalizedUV | null;
-/**
- * Convert normalized UV coordinates back to view pixel coordinates
- */
-export declare function uvToView(uv: NormalizedUV, videoEl: HTMLVideoElement | null): {
-    x: number;
-    y: number;
-} | null;
-/**
- * Check if a point (in UV space) is within the video content area
- */
-export declare function isInVideoContent(clientX: number, clientY: number, videoEl: HTMLVideoElement | null, containerRect: DOMRect): boolean;
-//# sourceMappingURL=video-coordinates.d.ts.map

package/dist/src/utils/video-coordinates.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"video-coordinates.d.ts","sourceRoot":"","sources":["../../../src/utils/video-coordinates.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,gBAAgB;IAC/B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,YAAY;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI,GAAG,gBAAgB,GAAG,IAAI,CAiC7F;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAC5B,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,gBAAgB,GAAG,IAAI,EAChC,aAAa,EAAE,OAAO,GACrB,YAAY,GAAG,IAAI,CAuBrB;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EAAE,EAAE,YAAY,EAAE,OAAO,EAAE,gBAAgB,GAAG,IAAI,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAU5G;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,gBAAgB,GAAG,IAAI,EAChC,aAAa,EAAE,OAAO,GACrB,OAAO,CAeT"}