@ngenux/ngage-whiteboarding 1.0.0

package/dist/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/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/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/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/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/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,CAwPlD,CAAC"}

package/dist/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/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/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/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/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/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/src/components/Whiteboard/Board.d.ts

@@ -0,0 +1,14 @@
+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;
+}
+export declare const Board: React.MemoExoticComponent<React.ForwardRefExoticComponent<BoardProps & React.RefAttributes<BoardRef>>>;
+export {};
+//# sourceMappingURL=Board.d.ts.map

package/dist/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;CACzB;AAmwBD,eAAO,MAAM,KAAK,wGAOhB,CAAC"}

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

@@ -0,0 +1,19 @@
+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;
+}
+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/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;CACjC;AAID,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAgM7C,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuX9C,CAAC;AAGF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAE1C,CAAC"}

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

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

package/dist/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;CAChB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA2ZhD,CAAC"}

package/dist/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/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/src/hooks/useCapture.d.ts

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

package/dist/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/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/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;;;;;;;;;;;;;;;;;;;;;;;CAmVvD,CAAC"}

package/dist/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/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/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/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/src/utils/socket-utility.d.ts

@@ -0,0 +1,6 @@
+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;
+//# sourceMappingURL=socket-utility.d.ts.map

package/dist/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":"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"}

package/package.json

@@ -0,0 +1,97 @@
+{
+  "name": "@ngenux/ngage-whiteboarding",
+  "version": "1.0.0",
+  "description": "A collaborative whiteboard React component with real-time synchronization",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist/**/*",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "rollup -c rollup.config.mjs",
+    "dev": "rollup -c rollup.config.mjs -w",
+    "prepare": "npm run build",
+    "prepublishOnly": "npm run build",
+    "clean": "rm -rf dist",
+    "pack-preview": "npm pack --dry-run"
+  },
+  "keywords": [
+    "react",
+    "whiteboard",
+    "collaborative",
+    "drawing",
+    "real-time",
+    "websocket",
+    "canvas",
+    "typescript",
+    "component",
+    "ui",
+    "konva",
+    "graphics",
+    "visualization",
+    "interactive",
+    "shapes",
+    "freehand",
+    "annotation",
+    "sketch",
+    "diagram",
+    "board",
+    "online-whiteboard",
+    "digital-canvas",
+    "collaborative-editing",
+    "multi-user",
+    "synchronization"
+  ],
+  "author": {
+    "name": "ng-sushil",
+    "email": "sushil.shinde@ngenux.com",
+    "url": "https://github.com/ng-sushil"
+  },
+  "license": "MIT",
+  "homepage": "https://github.com/ngenux-accelerators/ngage-whiteboarding#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ngenux-accelerators/ngage-whiteboarding.git"
+  },
+  "bugs": {
+    "url": "https://github.com/ngenux-accelerators/ngage-whiteboarding/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+  },
+  "dependencies": {
+    "socket.io-client": "^4.7.2",
+    "uuid": "^9.0.0",
+    "pako": "^2.1.0",
+    "react-konva": "^18.2.10",
+    "konva": "^9.2.0",
+    "lucide-react": "^0.460.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "@types/uuid": "^9.0.0",
+    "@types/pako": "^2.0.0",
+    "@rollup/plugin-alias": "^5.0.0",
+    "@rollup/plugin-commonjs": "^25.0.0",
+    "@rollup/plugin-node-resolve": "^15.0.0",
+    "@rollup/plugin-typescript": "^11.0.0",
+    "rollup": "^3.0.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "typescript": "^5.0.0",
+    "tslib": "^2.6.0"
+  }
+}