drawboard-microservice 1.0.24 → 1.0.26

package/dist/index.js

@@ -57869,10 +57869,6 @@ const useWebSocket = (boardId, onCanvasUpdate, userId = crypto.randomUUID()) =>
       console.log("[WS] Already connected, skipping");
       return;
     }
-    if (wsRef.current) {
-      wsRef.current.close();
-      wsRef.current = null;
-    }
     const ws = new WebSocket(
       `${WS_BASE_URL}/ws/canvas/${boardIdRef.current}/`
     );
@@ -58182,6 +58178,25 @@ const DrawingAppContent = () => {
   const [isDrawingActive, setIsDrawingActive] = React.useState(false);
   const [scrollPosition, setScrollPosition] = React.useState({ left: 0, top: 0 });
   React.useEffect(() => {
+    let timeoutId;
+    const initWithFallback = () => {
+      const devPayload = {
+        widgetId: -1,
+        userId: 0,
+        role: "user",
+        config: {},
+        board: {
+          id: 0,
+          name: "Offline Board",
+          parentId: 0
+        }
+      };
+      console.log("Initializing in offline mode");
+      setWidget(devPayload);
+      setBoardId("offline-" + Date.now());
+      setWidgetId(-1);
+      setIsInitialized(true);
+    };
     const unsubscribe = onWidgetInitialized((payload) => {
       console.log("Widget initialized via getInfo:", payload);
       setWidget(payload);
@@ -58195,6 +58210,11 @@ const DrawingAppContent = () => {
         initializeStatsModule(payload);
       }
     });
+    timeoutId = setTimeout(() => {
+      if (!isInitialized) {
+        initWithFallback();
+      }
+    }, 1e3);
     if (process.env.NODE_ENV === "development") {
       const devPayload = {
         widgetId: -1,
@@ -58215,6 +58235,7 @@ const DrawingAppContent = () => {
     }
     return () => {
       unsubscribe();
+      clearTimeout(timeoutId);
     };
   }, []);
   const initializeStatsModule = React.useCallback(async (widgetInfo) => {
@@ -58316,7 +58337,6 @@ const DrawingAppContent = () => {
   }, [shapes2, canvasConfig, strokeColor, strokeWidth, fontSize, fontFamily, textAlign, scale]);
   const sendWidgetConfigImmediately = React.useCallback(async () => {
     if (!widget || !widget.widgetId || widget.widgetId <= 0) {
-      console.log("Standalone mode, skipping widget config update");
       return;
     }
     try {
@@ -58330,10 +58350,8 @@ const DrawingAppContent = () => {
         body: JSON.stringify(config)
       });
       if (!response.ok) {
-        console.warn("Failed to update widget config:", response.statusText);
       }
     } catch (error) {
-      console.error("Error updating widget config:", error);
     }
   }, [widget, createWidgetConfig]);
   const getAuthToken = () => {
@@ -58346,7 +58364,6 @@ const DrawingAppContent = () => {
         const metrics = collectMetrics();
         await statsService.sendMetrics(metrics);
       } catch (error) {
-        console.error("Failed to send metrics:", error);
       }
     }, 3e4);
     return () => clearInterval(intervalId);
@@ -58359,10 +58376,11 @@ const DrawingAppContent = () => {
           config: canvasConfig,
           history: canvasHistory
         });
-        sendShapesUpdate(shapesToSend);
+        if (sendShapesUpdate) {
+          sendShapesUpdate(shapesToSend);
+        }
         sendWidgetConfigImmediately();
       } catch (error) {
-        console.error("Failed to send canvas data to backend:", error);
       }
     }
   }, [boardId, canvasConfig, canvasHistory, sendShapesUpdate, widget, sendWidgetConfigImmediately]);
@@ -58397,9 +58415,14 @@ const DrawingAppContent = () => {
     if (newShapes) {
       setShapes(newShapes);
       if (widget && widget.widgetId > 0) {
-        await undoAction(boardId);
-        sendUndo();
-        sendWidgetConfigImmediately();
+        try {
+          await undoAction(boardId);
+          if (sendUndo) {
+            sendUndo();
+          }
+          sendWidgetConfigImmediately();
+        } catch (error) {
+        }
       }
     }
   };
@@ -58466,7 +58489,6 @@ const DrawingAppContent = () => {
   const [panStart, setPanStart] = React.useState({ x: 0, y: 0 });
   const handleOcrRecognize = React.useCallback(async () => {
     if (!ocrSelection || !stageRef.current) {
-      console.error("No OCR selection or stage reference");
       return;
     }
     try {
@@ -58480,7 +58502,6 @@ const DrawingAppContent = () => {
       const tempCanvas = document.createElement("canvas");
       const tempCtx = tempCanvas.getContext("2d");
       if (!tempCtx) {
-        console.error("Failed to get canvas context");
         if (hadOcrBorder) {
           setShapes(shapes2);
         }
@@ -58524,21 +58545,16 @@ const DrawingAppContent = () => {
         setOcrPreviewLatex(latexFormula);
         setShowOcrPreview(true);
         setIsOcrEditing(false);
-        console.log("OCR успешно распознано:", result);
       } else {
         if (hadOcrBorder) {
           setShapes(shapes2);
         }
-        console.error("OCR распознавание не удалось:", result.error);
-        alert("Не удалось распознать формулу. Попробуйте снова.");
       }
     } catch (error) {
       const shapesWithOcrBorder = shapes2.filter((shape) => shape.id.startsWith("ocr_border_"));
       if (shapesWithOcrBorder.length > 0) {
         setShapes(shapes2);
       }
-      console.error("Ошибка при OCR распознавании:", error);
-      alert("Ошибка при отправке изображения на сервер.");
     }
   }, [ocrSelection, shapes2, scale]);
   const handleOcrSelect = React.useCallback(() => {
@@ -58692,9 +58708,14 @@ const DrawingAppContent = () => {
     setOcrSelection(null);
     saveToHistory([]);
     if (widget && widget.widgetId > 0) {
-      await clearCanvas(boardId);
-      sendClear();
-      sendWidgetConfigImmediately();
+      try {
+        await clearCanvas(boardId);
+        if (sendClear) {
+          sendClear();
+        }
+        sendWidgetConfigImmediately();
+      } catch (error) {
+      }
     }
   };
   const handleLatexSymbolClick = (symbol) => {
@@ -59318,6 +59339,9 @@ const DrawingAppContent = () => {
     }
     setIsDrawingActive(false);
   };
+  if (!isInitialized) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "drawing-app-container", children: "Loading..." });
+  }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "drawing-app-container", children: [
     /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "top-header", children: "Paint" }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "drawing-toolbar-container", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "drawing-toolbar", children: [