fix build

src/pages/editor/components/EditorCanvas.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useRef } from "react";
 import { Stage, Layer, Transformer, Rect, Group, Text } from "react-konva";
 import Konva from "konva";
 import { useEditorStore, type EditorObject } from "../store/editorStore";
@@ -20,7 +20,6 @@ const EditorCanvas = () => {
     selectedObjectId,
     selectedObjectIds,
     setSelectedObjectId,
-    setSelectedObjectIds,
     addToSelection,
     removeFromSelection,
     setSelectedTableId,
@@ -50,7 +49,7 @@ const EditorCanvas = () => {
     }
   }, [setStageRef, setLayerRef]);
 
-  const handleSelect = (id: string, node: Konva.Node, e?: Konva.KonvaEventObject<MouseEvent>) => {
+  const handleSelect = (id: string, _node: Konva.Node, e?: Konva.KonvaEventObject<MouseEvent>) => {
     const obj = objects.find((o) => o.id === id);
     const isMultiSelect = e?.evt?.metaKey || e?.evt?.ctrlKey || e?.evt?.shiftKey;
 
@@ -96,7 +95,7 @@ const EditorCanvas = () => {
     }
   };
 
-  const handleCellClick = (tableId: string, cellId: string, node?: Konva.Node, e?: Konva.KonvaEventObject<MouseEvent>) => {
+  const handleCellClick = (tableId: string, cellId: string, e?: Konva.KonvaEventObject<MouseEvent>) => {
     const isMultiSelect = e?.evt?.metaKey || e?.evt?.ctrlKey || e?.evt?.shiftKey;
 
     if (isMultiSelect) {
@@ -244,7 +243,7 @@ const EditorCanvas = () => {
 
           // Find the Konva node for this member
           const memberNode = layerRef.current?.findOne(`#${member.id}`) ||
-                            layerRef.current?.findOne(`#masked-${member.id}`);
+            layerRef.current?.findOne(`#masked-${member.id}`);
           if (memberNode) {
             memberNode.x(newX + scaledX);
             memberNode.y(newY + scaledY);
@@ -283,8 +282,6 @@ const EditorCanvas = () => {
           const groupMembers = objects.filter((o) => o.groupId === selectedObject.id);
           const oldGroupX = selectedObject.x || 0;
           const oldGroupY = selectedObject.y || 0;
-          const oldGroupWidth = selectedObject.width || 100;
-          const oldGroupHeight = selectedObject.height || 100;
 
           // محاسبه bounds جدید بر اساا member های update شده
           const updatedMembers = groupMembers.map((member) => {

src/pages/editor/components/canvas/useDrawingHandlers.ts

@@ -10,7 +10,7 @@ export const useDrawingHandlers = () => {
     const [tempObject, setTempObject] = useState<EditorObject | null>(null);
     const transformerRef = useRef<Konva.Transformer>(null);
 
-    const { tool, addObject, updateObject, setSelectedObjectId, setSelectedObjectIds, selectedObjectId, selectedObjectIds, setTool, addTable, setSelectedTableId } = useEditorStore();
+    const { tool, addObject, updateObject, setSelectedObjectId, setSelectedObjectIds, selectedObjectIds, setTool, addTable, setSelectedTableId } = useEditorStore();
     const { defaults } = useTextDefaultsStore();
 
     useEffect(() => {

src/pages/editor/components/canvas/useKeyboardMovement.ts

@@ -3,7 +3,6 @@ import { useEditorStore } from "../../store/editorStore";
 
 export const useKeyboardMovement = () => {
   const {
-    selectedObjectId,
     selectedObjectIds,
     objects,
     updateObject,
@@ -33,7 +32,7 @@ export const useKeyboardMovement = () => {
       if (e.key === "Delete" || e.key === "Backspace") {
         if (selectedObjectIds.length > 0) {
           e.preventDefault();
-          selectedObjectIds.forEach(id => deleteObject(id));
+          selectedObjectIds.forEach((id) => deleteObject(id));
           return;
         }
       }
@@ -42,7 +41,9 @@ export const useKeyboardMovement = () => {
       if ((e.metaKey || e.ctrlKey) && e.key === "g") {
         e.preventDefault();
         if (selectedObjectIds.length === 1) {
-          const selectedObject = objects.find((obj) => obj.id === selectedObjectIds[0]);
+          const selectedObject = objects.find(
+            (obj) => obj.id === selectedObjectIds[0]
+          );
           // اگر group انتخاب شده، ungroup کن
           if (selectedObject?.type === "group") {
             ungroupObjects(selectedObject.id);
@@ -116,5 +117,14 @@ export const useKeyboardMovement = () => {
     return () => {
       window.removeEventListener("keydown", handleKeyDown);
     };
-  }, [selectedObjectIds, objects, updateObject, deleteObject, tool, layerRef, groupObjects, ungroupObjects]);
+  }, [
+    selectedObjectIds,
+    objects,
+    updateObject,
+    deleteObject,
+    tool,
+    layerRef,
+    groupObjects,
+    ungroupObjects,
+  ]);
 };

src/pages/editor/components/tools/AbstractShape.tsx

@@ -1,9 +1,9 @@
-import { useEffect, useRef } from "react";
+import { useRef } from "react";
 import { Star } from "react-konva";
 import Konva from "konva";
 import type { ShapeProps } from "./types";
 
-const AbstractShape = ({ obj, isSelected, transformerRef, onSelect, onUpdate, draggable }: ShapeProps) => {
+const AbstractShape = ({ obj, isSelected, onSelect, onUpdate, draggable }: ShapeProps) => {
     const shapeRef = useRef<Konva.Star>(null);
 
     // Transformer is managed in EditorCanvas for multi-select support
@@ -28,12 +28,12 @@ const AbstractShape = ({ obj, isSelected, transformerRef, onSelect, onUpdate, dr
             fill={isMask ? "transparent" : obj.fill}
             stroke={
                 isSelected
-                  ? "#3b82f6" 
+                    ? "#3b82f6"
-                  : (isMask && showGuide) 
+                    : (isMask && showGuide)
-                    ? "#ff6b6b" 
+                        ? "#ff6b6b"
-                    : (isMask && !showGuide)
+                        : (isMask && !showGuide)
-                      ? "transparent"
+                            ? "transparent"
-                      : obj.stroke
+                            : obj.stroke
             }
             strokeWidth={isSelected ? 3 : (isMask && showGuide ? 2 : (obj.strokeWidth ?? 0))}
             dash={isMask && showGuide ? [10, 5] : undefined}

src/pages/editor/components/tools/ArrowShape.tsx

@@ -1,9 +1,9 @@
-import { useEffect, useRef } from "react";
+import { useRef } from "react";
 import { Arrow } from "react-konva";
 import Konva from "konva";
 import type { ShapeProps } from "./types";
 
-const ArrowShape = ({ obj, isSelected, transformerRef, onSelect, onUpdate, draggable }: ShapeProps) => {
+const ArrowShape = ({ obj, isSelected, onSelect, onUpdate, draggable }: ShapeProps) => {
     const shapeRef = useRef<Konva.Arrow>(null);
 
     // Transformer is managed in EditorCanvas for multi-select support

src/pages/editor/components/tools/CircleShape.tsx

@@ -1,9 +1,9 @@
-import { useEffect, useRef } from "react";
+import { useRef } from "react";
 import { Circle } from "react-konva";
 import Konva from "konva";
 import type { ShapeProps } from "./types";
 
-const CircleShape = ({ obj, isSelected, transformerRef, onSelect, onUpdate, draggable }: ShapeProps) => {
+const CircleShape = ({ obj, isSelected, onSelect, onUpdate, draggable }: ShapeProps) => {
     const shapeRef = useRef<Konva.Circle>(null);
 
     // Transformer is managed in EditorCanvas for multi-select support
@@ -22,12 +22,12 @@ const CircleShape = ({ obj, isSelected, transformerRef, onSelect, onUpdate, drag
             fill={isMask ? "transparent" : obj.fill}
             stroke={
                 isSelected
-                  ? "#3b82f6" 
+                    ? "#3b82f6"
-                  : (isMask && showGuide) 
+                    : (isMask && showGuide)
-                    ? "#ff6b6b" 
+                        ? "#ff6b6b"
-                    : (isMask && !showGuide)
+                        : (isMask && !showGuide)
-                      ? "transparent"
+                            ? "transparent"
-                      : obj.stroke
+                            : obj.stroke
             }
             strokeWidth={isSelected ? 3 : (isMask && showGuide ? 2 : (obj.strokeWidth ?? 0))}
             dash={isMask && showGuide ? [10, 5] : undefined}

src/pages/editor/components/tools/ImageObject.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useRef } from "react";
+import { useRef } from "react";
 import { Image as KonvaImage } from "react-konva";
 import Konva from "konva";
 import useImage from "use-image";
@@ -7,7 +7,6 @@ import type { ShapeProps } from "./types";
 const ImageObject = ({
     obj,
     isSelected,
-    transformerRef,
     onSelect,
     onUpdate,
     draggable,

src/pages/editor/components/tools/LineShape.tsx

@@ -1,9 +1,9 @@
-import { useEffect, useRef } from "react";
+import { useRef } from "react";
 import { Line } from "react-konva";
 import Konva from "konva";
 import type { ShapeProps } from "./types";
 
-const LineShape = ({ obj, isSelected, transformerRef, onSelect, onUpdate, draggable }: ShapeProps) => {
+const LineShape = ({ obj, isSelected, onSelect, onUpdate, draggable }: ShapeProps) => {
     const shapeRef = useRef<Konva.Line>(null);
 
     // Transformer is managed in EditorCanvas for multi-select support

src/pages/editor/components/tools/LinkShape.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useRef, useMemo } from "react";
+import { useRef, useMemo } from "react";
 import { Text } from "react-konva";
 import Konva from "konva";
 import type { ShapeProps } from "./types";
@@ -14,8 +14,6 @@ const getFontWeight = (fontWeight?: string): string => {
 
 const LinkShape = ({
     obj,
-    isSelected,
-    transformerRef,
     onSelect,
     onUpdate,
     draggable,

src/pages/editor/components/tools/RectangleShape.tsx

@@ -1,9 +1,9 @@
-import { useEffect, useRef } from "react";
+import { useRef } from "react";
 import { Rect } from "react-konva";
 import Konva from "konva";
 import type { ShapeProps } from "./types";
 
-const RectangleShape = ({ obj, isSelected, transformerRef, onSelect, onUpdate, draggable }: ShapeProps) => {
+const RectangleShape = ({ obj, isSelected, onSelect, onUpdate, draggable }: ShapeProps) => {
   const shapeRef = useRef<Konva.Rect>(null);
 
   // Transformer is managed in EditorCanvas for multi-select support

src/pages/editor/components/tools/TriangleShape.tsx

@@ -1,9 +1,9 @@
-import { useEffect, useRef } from "react";
+import { useRef } from "react";
 import { RegularPolygon } from "react-konva";
 import Konva from "konva";
 import type { ShapeProps } from "./types";
 
-const TriangleShape = ({ obj, isSelected, transformerRef, onSelect, onUpdate, draggable }: ShapeProps) => {
+const TriangleShape = ({ obj, isSelected, onSelect, onUpdate, draggable }: ShapeProps) => {
     const shapeRef = useRef<Konva.RegularPolygon>(null);
 
     // Transformer is managed in EditorCanvas for multi-select support
@@ -24,12 +24,12 @@ const TriangleShape = ({ obj, isSelected, transformerRef, onSelect, onUpdate, dr
             fill={isMask ? "transparent" : obj.fill}
             stroke={
                 isSelected
-                  ? "#3b82f6" 
+                    ? "#3b82f6"
-                  : (isMask && showGuide) 
+                    : (isMask && showGuide)
-                    ? "#ff6b6b" 
+                        ? "#ff6b6b"
-                    : (isMask && !showGuide)
+                        : (isMask && !showGuide)
-                      ? "transparent"
+                            ? "transparent"
-                      : obj.stroke
+                            : obj.stroke
             }
             strokeWidth={isSelected ? 3 : (isMask && showGuide ? 2 : (obj.strokeWidth ?? 0))}
             dash={isMask && showGuide ? [10, 5] : undefined}

src/pages/editor/components/tools/VideoShape.tsx

@@ -8,7 +8,6 @@ import { createPortal } from "react-dom";
 const VideoShape = ({
     obj,
     isSelected,
-    transformerRef,
     onSelect,
     onUpdate,
     draggable,

src/pages/editor/store/editorStore.ts

@@ -309,14 +309,14 @@ export const useEditorStore = create<EditorStoreType>((set, get) => {
     setSelectedObjectId: (id) => {
       set({
         selectedObjectId: id,
-        selectedObjectIds: id ? [id] : []
+        selectedObjectIds: id ? [id] : [],
       });
     },
     selectedObjectIds: [],
     setSelectedObjectIds: (ids) => {
       set({
         selectedObjectIds: ids,
-        selectedObjectId: ids.length > 0 ? ids[0] : null
+        selectedObjectId: ids.length > 0 ? ids[0] : null,
       });
     },
     addToSelection: (id) => {
@@ -325,16 +325,18 @@ export const useEditorStore = create<EditorStoreType>((set, get) => {
         const newIds = [...state.selectedObjectIds, id];
         set({
           selectedObjectIds: newIds,
-          selectedObjectId: newIds[0]
+          selectedObjectId: newIds[0],
         });
       }
     },
     removeFromSelection: (id) => {
       const state = get();
-      const newIds = state.selectedObjectIds.filter(selectedId => selectedId !== id);
+      const newIds = state.selectedObjectIds.filter(
+        (selectedId) => selectedId !== id
+      );
       set({
         selectedObjectIds: newIds,
-        selectedObjectId: newIds.length > 0 ? newIds[0] : null
+        selectedObjectId: newIds.length > 0 ? newIds[0] : null,
       });
     },
     selectedTableId: null,
@@ -650,7 +652,9 @@ export const useEditorStore = create<EditorStoreType>((set, get) => {
       if (!obj) return;
 
       const newVisible = !(obj.visible ?? true);
-      const shouldDeselect = !newVisible && (state.selectedObjectId === id || state.selectedTableId === id);
+      const shouldDeselect =
+        !newVisible &&
+        (state.selectedObjectId === id || state.selectedTableId === id);
 
       if (state.currentPageId) {
         set((state) => ({
@@ -704,7 +708,9 @@ export const useEditorStore = create<EditorStoreType>((set, get) => {
           oldGroupIdsToRemove.add(id);
         } else if (obj?.groupId) {
           // اگر این آبجکت در یک گروه است، همه آبجکت‌های آن گروه را اضافه کن
-          const oldGroupMembers = state.objects.filter((o) => o.groupId === obj.groupId);
+          const oldGroupMembers = state.objects.filter(
+            (o) => o.groupId === obj.groupId
+          );
           oldGroupMembers.forEach((member) => {
             if (member.type !== "group") {
               allObjectIdsToGroup.add(member.id);
@@ -721,8 +727,8 @@ export const useEditorStore = create<EditorStoreType>((set, get) => {
       if (allObjectIdsToGroup.size < 2) return;
 
       const groupId = `group-${crypto.randomUUID()}`;
-      const objectsToGroup = state.objects.filter((obj) => 
+      const objectsToGroup = state.objects.filter(
-        allObjectIdsToGroup.has(obj.id) && obj.type !== "group"
+        (obj) => allObjectIdsToGroup.has(obj.id) && obj.type !== "group"
       );
 
       if (objectsToGroup.length === 0) return;
@@ -853,7 +859,7 @@ export const useEditorStore = create<EditorStoreType>((set, get) => {
         selectedObjectIds: [],
       }));
     },
-    getGroupObjects: (groupId) => {
+    getGroupObjects: (groupId: string) => {
       const state = get();
       return state.objects.filter((obj) => obj.groupId === groupId);
     },