Merge pull request #366 from boostcampwm-2024/refactor-fe-#356

프론트엔드 리팩토링

Author: github-actions[bot]

apps/frontend/public/kakao.svg apps/frontend/public/icons/kakao.svgapps/frontend/public/kakao.svg renamed to apps/frontend/public/icons/kakao.svg

@@ -1,10 +1,10 @@
 import { useSyncedUsers } from "@/entities/user";
-import { SideWrapper } from "@/shared/ui";
+import { useGetUser } from "@/features/auth";
+import { CanvasToolsView } from "@/widgets/CanvasToolsView";
 import { CanvasView } from "@/widgets/CanvasView";
 import { EditorView } from "@/widgets/EditorView";
 import { PageSideBarView } from "@/widgets/PageSideBarView";
-import { CanvasToolsView } from "@/widgets/CanvasToolsView";
-import { useGetUser } from "@/features/auth/model/useAuth";
+import { SideWrapper } from "@/shared/ui";
 
 function App() {
   useSyncedUsers();

apps/frontend/public/logo.svg apps/frontend/public/icons/logo.svgapps/frontend/public/logo.svg renamed to apps/frontend/public/icons/logo.svg

@@ -1,23 +1,13 @@
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { RouterProvider, createRouter } from "@tanstack/react-router";
 import "../shared/index.css";
-import { routeTree } from "@/routeTree.gen";
-
-const queryClient = new QueryClient();
-
-const router = createRouter({ routeTree });
-declare module "@tanstack/react-router" {
-  interface Register {
-    router: typeof router;
-  }
-}
+import { TanstackQueryProvider } from "./providers/TanstackQueryProvider";
+import { TanstackRouterProvider } from "./providers/TanstackRouterProvider";
 
 createRoot(document.getElementById("root")!).render(
   <StrictMode>
-    <QueryClientProvider client={queryClient}>
-      <RouterProvider router={router} />
-    </QueryClientProvider>
+    <TanstackQueryProvider>
+      <TanstackRouterProvider />
+    </TanstackQueryProvider>
   </StrictMode>,
 );

apps/frontend/public/naver.svg apps/frontend/public/icons/naver.svgapps/frontend/public/naver.svg renamed to apps/frontend/public/icons/naver.svg

@@ -0,0 +1,13 @@
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+
+const queryClient = new QueryClient();
+
+export function TanstackQueryProvider({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+  );
+}

apps/frontend/public/icons/vite.svg

@@ -0,0 +1,13 @@
+import { RouterProvider, createRouter } from "@tanstack/react-router";
+import { routeTree } from "@/app/routeTree.gen";
+
+const router = createRouter({ routeTree });
+declare module "@tanstack/react-router" {
+  interface Register {
+    router: typeof router;
+  }
+}
+
+export function TanstackRouterProvider() {
+  return <RouterProvider router={router} />;
+}

apps/frontend/src/app/App.tsx

@@ -0,0 +1,111 @@
+/* eslint-disable */
+
+// @ts-nocheck
+
+// noinspection JSUnusedGlobalSymbols
+
+// This file was automatically generated by TanStack Router.
+// You should NOT make any changes in this file as it will be overwritten.
+// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
+
+// Import Routes
+
+import { Route as rootRoute } from "./routes/__root";
+import { Route as IndexImport } from "./routes/index";
+import { Route as WorkspaceWorkspaceIdImport } from "./routes/workspace/$workspaceId";
+
+// Create/Update Routes
+
+const IndexRoute = IndexImport.update({
+  id: "/",
+  path: "/",
+  getParentRoute: () => rootRoute,
+} as any);
+
+const WorkspaceWorkspaceIdRoute = WorkspaceWorkspaceIdImport.update({
+  id: "/workspace/$workspaceId",
+  path: "/workspace/$workspaceId",
+  getParentRoute: () => rootRoute,
+} as any);
+
+// Populate the FileRoutesByPath interface
+
+declare module "@tanstack/react-router" {
+  interface FileRoutesByPath {
+    "/": {
+      id: "/";
+      path: "/";
+      fullPath: "/";
+      preLoaderRoute: typeof IndexImport;
+      parentRoute: typeof rootRoute;
+    };
+    "/workspace/$workspaceId": {
+      id: "/workspace/$workspaceId";
+      path: "/workspace/$workspaceId";
+      fullPath: "/workspace/$workspaceId";
+      preLoaderRoute: typeof WorkspaceWorkspaceIdImport;
+      parentRoute: typeof rootRoute;
+    };
+  }
+}
+
+// Create and export the route tree
+
+export interface FileRoutesByFullPath {
+  "/": typeof IndexRoute;
+  "/workspace/$workspaceId": typeof WorkspaceWorkspaceIdRoute;
+}
+
+export interface FileRoutesByTo {
+  "/": typeof IndexRoute;
+  "/workspace/$workspaceId": typeof WorkspaceWorkspaceIdRoute;
+}
+
+export interface FileRoutesById {
+  __root__: typeof rootRoute;
+  "/": typeof IndexRoute;
+  "/workspace/$workspaceId": typeof WorkspaceWorkspaceIdRoute;
+}
+
+export interface FileRouteTypes {
+  fileRoutesByFullPath: FileRoutesByFullPath;
+  fullPaths: "/" | "/workspace/$workspaceId";
+  fileRoutesByTo: FileRoutesByTo;
+  to: "/" | "/workspace/$workspaceId";
+  id: "__root__" | "/" | "/workspace/$workspaceId";
+  fileRoutesById: FileRoutesById;
+}
+
+export interface RootRouteChildren {
+  IndexRoute: typeof IndexRoute;
+  WorkspaceWorkspaceIdRoute: typeof WorkspaceWorkspaceIdRoute;
+}
+
+const rootRouteChildren: RootRouteChildren = {
+  IndexRoute: IndexRoute,
+  WorkspaceWorkspaceIdRoute: WorkspaceWorkspaceIdRoute,
+};
+
+export const routeTree = rootRoute
+  ._addFileChildren(rootRouteChildren)
+  ._addFileTypes<FileRouteTypes>();
+
+/* ROUTE_MANIFEST_START
+{
+  "routes": {
+    "__root__": {
+      "filePath": "__root.tsx",
+      "children": [
+        "/",
+        "/workspace/$workspaceId"
+      ]
+    },
+    "/": {
+      "filePath": "index.tsx"
+    },
+    "/workspace/$workspaceId": {
+      "filePath": "workspace/$workspaceId.tsx"
+    }
+  }
+}
+ROUTE_MANIFEST_END */