base mask

src/pages/editor/store/editorStore.ts

@@ -60,6 +60,8 @@ export type EditorObject = {
   shapeType?: ShapeType;
   tableData?: TableData;
   visible?: boolean;
+  isMask?: boolean;
+  showMaskGuide?: boolean;
 };
 
 export type Page = {

src/pages/editor/store/shapeStore.ts

@@ -5,11 +5,15 @@ export type ShapeType = "square" | "circle" | "triangle" | "abstract";
 type ShapeStore = {
     activeShape: ShapeType;
     setActiveShape: (shape: ShapeType) => void;
+    useAsMask: boolean;
+    setUseAsMask: (value: boolean) => void;
 };
 
 export const useShapeStore = create<ShapeStore>((set) => ({
     activeShape: "square",
     setActiveShape: (shape) => set({ activeShape: shape }),
+    useAsMask: false,
+    setUseAsMask: (value) => set({ useAsMask: value }),
 }));