drawboard-microservice 1.0.21 → 1.0.23

package/dist/App.d.ts

@@ -0,0 +1,2 @@
+declare const DrawingApp: React.FC;
+export default DrawingApp;

package/dist/components/BrushToolbar.d.ts

@@ -0,0 +1,11 @@
+type ToolMode = 'select' | 'rectangle' | 'ellipse' | 'line' | 'pencil' | 'eraser' | 'text' | 'latex' | 'highlighter';
+interface BrushToolbarProps {
+    finishTextEditing: () => void;
+    tool: ToolMode;
+    setTool: (tool: ToolMode) => void;
+    strokeColor: string;
+    setStrokeColor: (color: string) => void;
+    editingTextId: string | null;
+}
+declare const BrushToolbar: React.FC<BrushToolbarProps>;
+export default BrushToolbar;

package/dist/components/LatexEditor.d.ts

@@ -0,0 +1,69 @@
+import { default as React } from 'react';
+type ShapeType = 'rectangle' | 'ellipse' | 'line' | 'path' | 'text' | 'latex' | 'highlighter';
+type TextAlign = 'left' | 'center' | 'right';
+interface Shape {
+    id: string;
+    type: ShapeType;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    stroke: string;
+    strokeWidth: number;
+    points?: number[];
+    opacity?: number;
+    isSelected?: boolean;
+    text?: string;
+    latex?: string;
+    fontSize?: number;
+    fontFamily?: string;
+    textAlign?: TextAlign;
+    isEditing?: boolean;
+    fontWeight?: 'normal' | 'bold';
+    fontStyle?: 'normal' | 'italic';
+    textDecoration?: 'none' | 'underline' | 'line-through' | 'underline line-through';
+    isLatex?: boolean;
+    latexRendered?: string;
+    scaleX?: number;
+    scaleY?: number;
+    rotation?: number;
+}
+interface LatexSymbol {
+    name: string;
+    latex: string;
+    description: string;
+    category: 'fraction' | 'root' | 'superscript' | 'subscript' | 'brackets' | 'operators' | 'symbols';
+    placeholder?: string;
+}
+interface LatexCategory {
+    id: string;
+    name: string;
+    icon: string;
+}
+interface LatexEditorProps {
+    shape: Shape;
+    tempText: string;
+    textAreaRef: React.RefObject<HTMLTextAreaElement | null>;
+    updateTextInRealTime: (text: string) => void;
+    finishTextEditing: (saveToHistoryFlag?: boolean) => void;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    textareaStyle: React.CSSProperties;
+    latexSymbols: LatexSymbol[];
+    latexCategories: LatexCategory[];
+    handleLatexSymbolClick: (symbol: LatexSymbol) => void;
+    renderLatexToHtml: (latex: string, fontSize?: number) => string;
+    showLatexPreview?: boolean;
+    showLatexMenu?: boolean;
+    selectedLatexCategory?: string;
+    latexPreview?: string;
+    fontSize?: number;
+    strokeColor?: string;
+    setShowLatexMenu: (show: boolean) => void;
+    setShowLatexPreview?: (show: boolean) => void;
+    setSelectedLatexCategory: (category: string) => void;
+}
+declare const LatexEditor: React.FC<LatexEditorProps>;
+export default LatexEditor;

package/dist/components/LatexToolbar.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { Shape } from '../types';
+interface LatexToolbarProps {
+    selectedShape: Shape;
+    selectedId: string;
+    left: number;
+    top: number;
+    panelWidth: number;
+    startTextEditing: (id: string) => void;
+    updateSelectedTextProperty: (property: keyof Shape, value: any) => void;
+    fontSize: number;
+    strokeColor: string;
+}
+declare const LatexToolbar: React.FC<LatexToolbarProps>;
+export default LatexToolbar;

package/dist/components/OCRPreview.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+interface OCRPreviewProps {
+    latex: string;
+    position: {
+        x: number;
+        y: number;
+    };
+    fontSize: number;
+    strokeColor: string;
+    onSave: (finalLatex: string) => void;
+    onEdit: () => void;
+    onCancel: () => void;
+    isEditing?: boolean;
+    onFinishEdit?: (editedLatex: string) => void;
+}
+declare const OCRPreview: React.FC<OCRPreviewProps>;
+export default OCRPreview;

package/dist/components/OCRToolbar.d.ts

@@ -0,0 +1,10 @@
+interface OCRToolbarProps {
+    onOcrSelect: () => void;
+    onOcrRecognize: () => void;
+    tool: string;
+    ocrSelection: any;
+    editingTextId: string | null;
+    finishTextEditing: () => void;
+}
+declare const OCRToolbar: React.FC<OCRToolbarProps>;
+export default OCRToolbar;

package/dist/components/RangeToolbar.d.ts

@@ -0,0 +1,8 @@
+type ToolMode = 'select' | 'rectangle' | 'ellipse' | 'line' | 'pencil' | 'eraser' | 'text' | 'latex' | 'highlighter';
+interface RangeToolbarInterface {
+    tool: ToolMode;
+    strokeWidth: number;
+    setStrokeWidth: (width: number) => void;
+}
+declare const RangeToolbar: React.FC<RangeToolbarInterface>;
+export default RangeToolbar;

package/dist/components/SelDelToolbar.d.ts

@@ -0,0 +1,11 @@
+type ToolMode = 'select' | 'rectangle' | 'ellipse' | 'line' | 'pencil' | 'eraser' | 'text' | 'latex' | 'highlighter';
+interface SelDelToolbarInterface {
+    finishTextEditing: () => void;
+    setTool: (tool: ToolMode) => void;
+    tool: ToolMode;
+    editingTextId: string;
+    selectedId: string;
+    handleDeleteShape: (selectedId: string) => void;
+}
+declare const SelDelToolbar: React.FC<SelDelToolbarInterface>;
+export default SelDelToolbar;

package/dist/components/TextEditor.d.ts

@@ -0,0 +1,9 @@
+interface TextEditorProps {
+    textAreaRef: React.RefObject<HTMLTextAreaElement | null>;
+    tempText: string;
+    updateTextInRealTime: (text: string) => void;
+    finishTextEditing: () => void;
+    textareaStyle: React.CSSProperties;
+}
+declare const TextEditor: React.FC<TextEditorProps>;
+export default TextEditor;

package/dist/components/TextToolbar.d.ts

@@ -0,0 +1,57 @@
+type ShapeType = 'rectangle' | 'ellipse' | 'line' | 'path' | 'text' | 'latex' | 'highlighter';
+type TextAlign = 'left' | 'center' | 'right';
+interface Shape {
+    id: string;
+    type: ShapeType;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    stroke: string;
+    strokeWidth: number;
+    points?: number[];
+    opacity?: number;
+    isSelected?: boolean;
+    text?: string;
+    latex?: string;
+    fontSize?: number;
+    fontFamily?: string;
+    textAlign?: TextAlign;
+    isEditing?: boolean;
+    fontWeight?: 'normal' | 'bold';
+    fontStyle?: 'normal' | 'italic';
+    textDecoration?: 'none' | 'underline' | 'line-through' | 'underline line-through';
+    isLatex?: boolean;
+    latexRendered?: string;
+    scaleX?: number;
+    scaleY?: number;
+    rotation?: number;
+}
+interface TextToolbarProps {
+    selectedShape: Shape;
+    selectedId: string;
+    showTextFormatDropdown: boolean;
+    showTextAlignDropdown: boolean;
+    setShowTextFormatDropdown: (value: boolean) => void;
+    setShowTextAlignDropdown: (value: boolean) => void;
+    updateSelectedTextProperty: (property: keyof Shape, value: any) => void;
+    startTextEditing: (shapeId: string) => void;
+    toggleBold: () => void;
+    toggleItalic: () => void;
+    toggleUnderline: () => void;
+    toggleStrikethrough: () => void;
+    fontFamily: string;
+    fontSize: number;
+    strokeColor: string;
+    availableFonts: string[];
+    left: number;
+    top: number;
+    panelWidth: number;
+    isBold: boolean;
+    isItalic: boolean;
+    isUnderline: boolean;
+    isStrikethrough: boolean;
+    currentAlign: string;
+}
+declare const TextToolbar: React.FC<TextToolbarProps>;
+export default TextToolbar;

package/dist/components/ToolsToolbar.d.ts

@@ -0,0 +1,12 @@
+type ToolMode = 'select' | 'rectangle' | 'ellipse' | 'line' | 'pencil' | 'eraser' | 'text' | 'latex' | 'highlighter';
+interface ToolsToolbarInterface {
+    handleUndo: () => void;
+    handleRedo: () => void;
+    handleClearCanvas: () => void;
+    finishTextEditing: () => void;
+    setTool: (tool: ToolMode) => void;
+    editingTextId: string;
+    tool: ToolMode;
+}
+declare const ToolsToolbar: React.FC<ToolsToolbarInterface>;
+export default ToolsToolbar;

package/dist/constants/fonts.d.ts

@@ -0,0 +1 @@
+export declare const availableFonts: string[];

package/dist/constants/latexCategories.d.ts

@@ -0,0 +1,2 @@
+import { LatexCategory } from '../types.ts';
+export declare const latexCategories: LatexCategory[];

package/dist/constants/latexSymbols.d.ts

@@ -0,0 +1,2 @@
+import { LatexSymbol } from '../types.ts';
+export declare const latexSymbols: LatexSymbol[];

package/dist/hooks/useDrawingHandlers.d.ts

@@ -0,0 +1,36 @@
+import { Shape, DrawingState, TransformState, ToolMode } from '../types';
+export declare const useDrawingHandlers: (setIsDrawingActive: React.Dispatch<React.SetStateAction<boolean>>, shapes: Shape[], setShapes: React.Dispatch<React.SetStateAction<Shape[]>>, saveToHistory: (shapes: Shape[]) => void, tool: ToolMode, strokeColor: string, strokeWidth: number, fontSize: number, fontFamily: string, textAlign: "left" | "center" | "right", selectedId: string | null, setSelectedId: React.Dispatch<React.SetStateAction<string | null>>, setDrawingState: React.Dispatch<React.SetStateAction<DrawingState>>, setTransformState: React.Dispatch<React.SetStateAction<TransformState>>, startTextEditing: (id: string) => void, scale: number, ocrSelection: any, setOcrSelection: React.Dispatch<React.SetStateAction<any>>, clearOcrBorders: () => void) => {
+    isDragging: boolean;
+    setIsDragging: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    dragStart: {
+        x: number;
+        y: number;
+    };
+    setDragStart: import('react').Dispatch<import('react').SetStateAction<{
+        x: number;
+        y: number;
+    }>>;
+    selectedShapeStart: {
+        x: number;
+        y: number;
+    };
+    setSelectedShapeStart: import('react').Dispatch<import('react').SetStateAction<{
+        x: number;
+        y: number;
+    }>>;
+    originalPointsOnDragStart: number[];
+    setOriginalPointsOnDragStart: import('react').Dispatch<import('react').SetStateAction<number[]>>;
+    erasedShapes: Set<string>;
+    setErasedShapes: import('react').Dispatch<import('react').SetStateAction<Set<string>>>;
+    eraserHistoryStart: Shape[] | null;
+    setEraserHistoryStart: import('react').Dispatch<import('react').SetStateAction<Shape[] | null>>;
+    constrainToCanvas: (x: number, y: number, width: number, height: number) => {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    handleMouseDown: (e: any) => void;
+    handleMouseMove: (e: any, drawingState: DrawingState, transformState: TransformState, shiftPressed: boolean) => void;
+    handleMouseUp: () => void;
+};

package/dist/hooks/useDrawingState.d.ts

@@ -0,0 +1,9 @@
+import { DrawingState, TransformState } from '../types';
+export declare const useDrawingState: () => {
+    drawingState: DrawingState;
+    setDrawingState: import('react').Dispatch<import('react').SetStateAction<DrawingState>>;
+    transformState: TransformState;
+    setTransformState: import('react').Dispatch<import('react').SetStateAction<TransformState>>;
+    resetDrawingState: () => void;
+    resetTransformState: () => void;
+};

package/dist/hooks/useHistory.d.ts

@@ -0,0 +1,9 @@
+import { Shape } from '../types';
+export declare const useHistory: (initialShapes: Shape[], onShapesChange?: (shapes: Shape[]) => void) => {
+    history: Shape[][];
+    historyIndex: number;
+    saveToHistory: (newShapes: Shape[]) => void;
+    handleUndo: () => Shape[] | null;
+    handleRedo: () => Shape[] | null;
+    resetHistory: (shapes: Shape[]) => void;
+};

package/dist/hooks/useKeyboard.d.ts

@@ -0,0 +1 @@
+export declare const useKeyboard: (shiftPressed: boolean, setShiftPressed: React.Dispatch<React.SetStateAction<boolean>>, selectedId: string | null, editingTextId: string | null, handleDeleteShape: (id: string) => void, handleUndo: () => void, finishTextEditing: (saveToHistory?: boolean) => void, changeFontSizeWithStep: (selectedId: string | null, direction: "up" | "down", shiftPressed: boolean) => void, toggleTextStyle: (selectedId: string | null, styleType: "bold" | "italic" | "underline" | "strikethrough") => void, shapes: any[], zoomIn?: () => void, zoomOut?: () => void) => void;

package/dist/hooks/useLatexSymbols.d.ts

@@ -0,0 +1,3 @@
+export declare const useLatexSymbols: (textAreaRef: React.RefObject<HTMLTextAreaElement | null>, editingTextId: string | null, updateTextInRealTime: (text: string) => void) => {
+    insertLatexSymbol: (latex: string) => void;
+};

package/dist/hooks/useOutsideClick.d.ts

@@ -0,0 +1 @@
+export declare const useOutsideClick: (refs: React.RefObject<HTMLElement>[], callback: () => void, dependencies?: any[]) => void;

package/dist/hooks/useTextEditing.d.ts

@@ -0,0 +1,13 @@
+import { Shape } from '../types';
+export declare const useTextEditing: (shapes: Shape[], setShapes: React.Dispatch<React.SetStateAction<Shape[]>>, saveToHistory: (shapes: Shape[]) => void, fontSize: number, strokeColor: string) => {
+    editingTextId: string | null;
+    tempText: string;
+    latexPreview: string;
+    setTempText: import('react').Dispatch<import('react').SetStateAction<string>>;
+    setEditingTextId: import('react').Dispatch<import('react').SetStateAction<string | null>>;
+    setLatexPreview: import('react').Dispatch<import('react').SetStateAction<string>>;
+    startTextEditing: (shapeId: string) => void;
+    finishTextEditing: (saveToHistoryFlag?: boolean) => boolean;
+    updateTextInRealTime: (newText: string) => void;
+    setIsTextChanged: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+};

package/dist/hooks/useTextFormatting.d.ts

@@ -0,0 +1,6 @@
+import { Shape } from '../types';
+export declare const useTextFormatting: (shapes: Shape[], setShapes: React.Dispatch<React.SetStateAction<Shape[]>>, saveToHistory: (shapes: Shape[]) => void, fontSize: number) => {
+    updateSelectedTextProperty: (selectedId: string | null, property: keyof Shape, value: any) => void;
+    toggleTextStyle: (selectedId: string | null, styleType: "bold" | "italic" | "underline" | "strikethrough") => void;
+    changeFontSizeWithStep: (selectedId: string | null, direction: "up" | "down", shiftPressed: boolean) => void;
+};

package/dist/hooks/useWebSocket.d.ts

@@ -0,0 +1,17 @@
+import { Shape } from '../types';
+export interface WebSocketMessage {
+    type: 'init' | 'update' | 'clear' | 'undo' | 'shapes';
+    data?: any;
+    userId?: string;
+}
+export interface CanvasData {
+    shapes: Shape[];
+    config?: any;
+    history?: any[];
+}
+export declare const useWebSocket: (boardId: string, onCanvasUpdate: (data: CanvasData) => void, userId?: string) => {
+    sendShapesUpdate: (shapes: Shape[]) => void;
+    sendClear: () => void;
+    sendUndo: () => void;
+    isConnected: boolean;
+};

package/dist/index.d.ts

@@ -1 +1,2 @@
-export {}
+export { default as DrawingApp } from './App.tsx';
+export { getInfo } from './services/widgetBridge';

package/dist/index.js

@@ -58051,13 +58051,12 @@ const onWidgetInitialized = (callback) => {
   };
 };
 class StatsService {
-  baseURL = "https://statservice.example.com";
-  moduleToken = null;
-  rateLimitCache = /* @__PURE__ */ new Map();
-  RATE_LIMIT_WINDOW = 60 * 60 * 1e3;
-  // 60 minutes
-  MAX_REQUESTS = 12;
   constructor() {
+    this.baseURL = "https://statservice.example.com";
+    this.moduleToken = null;
+    this.rateLimitCache = /* @__PURE__ */ new Map();
+    this.RATE_LIMIT_WINDOW = 60 * 60 * 1e3;
+    this.MAX_REQUESTS = 12;
     this.loadToken();
   }
   loadToken() {