fix: add event listener for path creation, and reorganize file structure

Author: ladunjexa

app/page.tsx

@@ -13,11 +13,12 @@ import {
   handleCanvasObjectScaling,
   handleCanvasSelectionCreated,
   handleCanvaseMouseMove,
+  handlePathCreated,
   handleResize,
   initializeFabric,
   renderCanvas,
 } from "@/lib/canvas";
-import { ActiveElement, Attributes } from "@/types/type";
+import { ActiveElement, Attributes } from "@/types";
 import { useMutation, useRedo, useStorage, useUndo } from "@/liveblocks.config";
 import { LiveMap } from "@liveblocks/client";
 import { defaultNavElement } from "@/constants";
@@ -151,24 +152,31 @@ export default function Home() {
       });
     });
 
+    canvas.on("path:created", (options: any) => {
+      handlePathCreated({
+        options,
+        syncShapeInStorage,
+      });
+    });
+
     canvas.on("object:modified", (options: any) => {
       handleCanvasObjectModified({
         options,
         syncShapeInStorage,
       });
     });
 
-    canvas.on("selection:created", (options: any) => {
-      handleCanvasSelectionCreated({
+    canvas.on("object:scaling", (options: any) => {
+      handleCanvasObjectScaling({
         options,
-        isEditingRef,
         setElementAttributes,
       });
     });
 
-    canvas.on("object:scaling", (options: any) => {
-      handleCanvasObjectScaling({
+    canvas.on("selection:created", (options: any) => {
+      handleCanvasSelectionCreated({
         options,
+        isEditingRef,
         setElementAttributes,
       });
     });

components/comments/comments-overlay.tsx

@@ -9,7 +9,7 @@ import {
   useThreads,
   // useUser,
 } from "@/liveblocks.config";
-import { useMaxZIndex } from "@/lib/use-max-z-index";
+import { useMaxZIndex } from "@/hooks/use-max-z-index";
 
 import { PinnedThread } from "./pinned-thread";
 

components/comments/new-thread.tsx

@@ -13,7 +13,7 @@ import * as Portal from "@radix-ui/react-portal";
 import { ComposerSubmitComment } from "@liveblocks/react-comments/primitives";
 
 import { useCreateThread } from "@/liveblocks.config";
-import { useMaxZIndex } from "@/lib/use-max-z-index";
+import { useMaxZIndex } from "@/hooks/use-max-z-index";
 
 import PinnedComposer from "./pinned-composer";
 import NewThreadCursor from "./new-thread-cursor";

components/cursor/cursor-chat.tsx

@@ -1,5 +1,5 @@
 import CursorSVG from "@/public/assets/CursorSVG";
-import { CursorChatProps, CursorMode } from "@/types/type";
+import { CursorChatProps, CursorMode } from "@/types";
 import clsx from "clsx";
 import React from "react";
 

components/cursor/cursor.tsx

@@ -1,5 +1,5 @@
 import CursorSVG from "@/public/assets/CursorSVG";
-import { CursorProps } from "@/types/type";
+import { CursorProps } from "@/types";
 import clsx from "clsx";
 import React from "react";
 

components/cursor/live-cursors.tsx

@@ -1,4 +1,4 @@
-import { LiveCursorProps } from "@/types/type";
+import { LiveCursorProps } from "@/types";
 import React from "react";
 import Cursor from "./cursor";
 import { COLORS } from "@/constants";

components/layout/navbar.tsx

@@ -4,7 +4,7 @@ import Image from "next/image";
 import { memo } from "react";
 
 import { navElements } from "@/constants";
-import { ActiveElement, NavbarProps } from "@/types/type";
+import { ActiveElement, NavbarProps } from "@/types";
 
 import { Button } from "../ui/button";
 // import ShapesMenu from "./ShapesMenu";

components/layout/right-sidebar.tsx

@@ -4,7 +4,7 @@ import Dimensions from "../settings/dimension";
 import Text from "../settings/text";
 import Color from "../settings/color";
 import Export from "../settings/export";
-import { RightSidebarProps } from "@/types/type";
+import { RightSidebarProps } from "@/types";
 import { modifyShape } from "@/lib/shapes";
 import { fabric } from "fabric";
 

components/live.tsx

@@ -10,7 +10,7 @@ import {
 import LiveCursors from "./cursor/live-cursors";
 import clsx from "clsx";
 import CursorChat from "./cursor/cursor-chat";
-import { CursorMode, CursorState, Reaction, ReactionEvent } from "@/types/type";
+import { CursorMode, CursorState, Reaction, ReactionEvent } from "@/types";
 import ReactionSelector from "./reaction/reaction-selector";
 import FlyingReaction from "./reaction/flying-reaction";
 import useInterval from "@/hooks/use-interval";

components/shapes-menu.tsx

@@ -2,7 +2,7 @@
 
 import Image from "next/image";
 
-import { ShapesMenuProps } from "@/types/type";
+import { ShapesMenuProps } from "@/types";
 
 import {
   DropdownMenu,