fix typescript errors

apps/web/app/(canvas)/canvas/[id]/page.tsx

@@ -1,10 +1,6 @@
 import { userHasCanvas } from "@/app/actions/fetchers";
+import { RectProvider, ResizaleLayout } from "@/components/canvas/resizableLayout";
 import { redirect } from "next/navigation";
-import {
-  RectProvider,
-  ResizaleLayout,
-} from "../_canvas_comp/(components)/resizableLayout";
-
 export default async function page({ params }: any) {
   const canvasExists = await userHasCanvas(params.id);
   if (!canvasExists.success) {

apps/web/app/api/canvas/route.ts

@@ -0,0 +1,10 @@
+export function GET(req: Request){
+  const id = new URL(req.url).searchParams.get("id");
+  return new Response(JSON.stringify(id));
+} 
+
+export async function POST(req: Request){
+  const body = await req.json();
+  const id = new URL(req.url).searchParams.get("id");
+  return new Response(JSON.stringify({body, id}));
+}

apps/web/components/canvas/canvas.tsx

@@ -1,16 +1,16 @@
 import { useCallback, useEffect, useRef, useState } from "react";
 import { Editor, Tldraw, setUserPreferences, TLStoreWithStatus } from "tldraw";
-import { createAssetFromUrl } from "../lib/createAssetUrl";
+import { createAssetFromUrl } from "../../lib/createAssetUrl";
 import "tldraw/tldraw.css";
 import { components } from "./enabledComp";
 import { twitterCardUtil } from "./twitterCard";
 import { textCardUtil } from "./textCard";
-import createEmbedsFromUrl from "../lib/createEmbeds";
-import { loadRemoteSnapshot } from "../lib/loadSnap";
+import createEmbedsFromUrl from "../../lib/createEmbeds";
+import { loadRemoteSnapshot } from "../../lib/loadSnap";
 import { SaveStatus } from "./savesnap";
 import { getAssetUrls } from "@tldraw/assets/selfHosted";
 import { memo } from "react";
-import DragContext from "../lib/context";
+import DragContext from "../../lib/context";
 import DropZone from "./dropComponent";
 import { useRect } from "./resizableLayout";
 // import "./canvas.css";
@@ -73,7 +73,7 @@ const TldrawComponent = memo(() => {
     });
   }, []);
 
-  setUserPreferences({ id: "supermemory",colorScheme: "dark" });
+  setUserPreferences({ id: "supermemory", colorScheme: "dark" });
 
   const assetUrls = getAssetUrls();
   return (

apps/web/components/canvas/dropComponent.tsx

@@ -1,7 +1,10 @@
 import React, { useRef, useCallback, useEffect, useContext } from "react";
 import { useEditor } from "tldraw";
-import DragContext, { DragContextType, useDragContext } from "../lib/context";
-import { handleExternalDroppedContent } from "../lib/createEmbeds";
+import DragContext, {
+  DragContextType,
+  useDragContext,
+} from "../../lib/context";
+import { handleExternalDroppedContent } from "../../lib/createEmbeds";
 
 const stripHtmlTags = (html: string): string => {
   const div = document.createElement("div");

apps/web/lib/loadSnap.ts

@@ -1,7 +1,8 @@
 import { createTLStore, defaultShapeUtils, loadSnapshot } from "tldraw";
-import { twitterCardUtil } from "../(components)/twitterCard";
-import { textCardUtil } from "../(components)/textCard";
-import { getCanvasData } from "@/app/actions/fetchers";
+import { getCanvasData } from "../app/actions/fetchers";
+import { twitterCardUtil } from "../components/canvas/twitterCard";
+import { textCardUtil } from "../components/canvas/textCard";
+
 export async function loadRemoteSnapshot(id:string) {
   const snapshot = await getCanvasData(id);
 

apps/web/tsconfig.json

@@ -17,7 +17,8 @@
     "**/*.ts",
     "**/*.tsx",
     ".next/types/**/*.ts",
-    "../../packages/ui/"
+    "../../packages/ui/",
+    "./components"
   ],
   "exclude": ["node_modules/"]
 }