Split codebase (#455)

apps/yaak-client/routes/__root.tsx

@@ -0,0 +1,50 @@
+import { QueryClientProvider } from "@tanstack/react-query";
+import { createRootRoute, Outlet } from "@tanstack/react-router";
+import { type } from "@tauri-apps/plugin-os";
+import classNames from "classnames";
+import { Provider as JotaiProvider } from "jotai";
+import { LazyMotion, MotionConfig } from "motion/react";
+import { lazy, Suspense } from "react";
+import { GlobalHooks } from "../components/GlobalHooks";
+import RouteError from "../components/RouteError";
+import { jotaiStore } from "../lib/jotai";
+import { queryClient } from "../lib/queryClient";
+
+const Toasts = lazy(() => import("../components/Toasts").then((m) => ({ default: m.Toasts })));
+const Dialogs = lazy(() => import("../components/Dialogs").then((m) => ({ default: m.Dialogs })));
+
+export const Route = createRootRoute({
+  component: RouteComponent,
+  errorComponent: RouteError,
+});
+
+const motionFeatures = () => import("framer-motion").then((mod) => mod.domAnimation);
+
+function RouteComponent() {
+  return (
+    <JotaiProvider store={jotaiStore}>
+      <QueryClientProvider client={queryClient}>
+        <LazyMotion strict features={motionFeatures}>
+          <MotionConfig transition={{ duration: 0.1 }}>
+            <Suspense>
+              <Toasts />
+              <Dialogs />
+            </Suspense>
+            <Layout />
+            <GlobalHooks />
+          </MotionConfig>
+        </LazyMotion>
+      </QueryClientProvider>
+    </JotaiProvider>
+  );
+}
+
+function Layout() {
+  return (
+    <div
+      className={classNames("w-full h-full", type() === "linux" && "border border-border-subtle")}
+    >
+      <Outlet />
+    </div>
+  );
+}