🎉 feat: initialization

2025-11-26 19:56:16 -08:00
commit a801849fb2
553 changed files with 213088 additions and 0 deletions
@@ -0,0 +1,79 @@
+import { TanStackDevtools } from "@tanstack/react-devtools";
+import { createRootRouteWithContext, Outlet } from "@tanstack/react-router";
+import { TanStackRouterDevtoolsPanel } from "@tanstack/react-router-devtools";
+import { Toaster } from "@workspace/ui/components/sonner";
+import { NavigationProgress } from "@workspace/ui/composed/navigation-progress";
+import { TanStackQueryDevtools } from "@workspace/ui/integrations/tanstack-query-devtools";
+import { getCookie } from "@workspace/ui/lib/cookies";
+import { getGlobalConfig } from "@workspace/ui/services/common/common";
+import { isBrowser } from "@workspace/ui/utils/index";
+import { useEffect } from "react";
+import { Helmet, HelmetProvider } from "react-helmet-async";
+import { useGlobalStore } from "@/stores/global";
+
+export const Route = createRootRouteWithContext()({
+  component: () => {
+    const { common, setCommon, getUserInfo } = useGlobalStore();
+    useEffect(() => {
+      const initializeApp = async () => {
+        try {
+          const configResponse = await getGlobalConfig();
+          if (configResponse.data?.data) {
+            setCommon(configResponse.data.data);
+          }
+          try {
+            if (getCookie("Authorization")) {
+              await getUserInfo();
+            }
+          } catch {
+            /* empty */
+          }
+        } catch (error) {
+          console.error("Failed to initialize app:", error);
+        }
+      };
+
+      initializeApp();
+    }, []);
+
+    const { site } = common;
+    const title = site.site_name || "Loading...";
+    const description = site.site_desc || "";
+    const keywords = site.keywords || "";
+    const logo = site.site_logo || "";
+    const url = isBrowser() ? window.location.href : "";
+
+    return (
+      <HelmetProvider>
+        <Helmet>
+          <title>{title}</title>
+          <meta content={description} name="description" />
+          <meta content={keywords} name="keywords" />
+          <link href={url} rel="canonical" />
+          <link href={logo} rel="icon" type="image/svg+xml" />
+          <link href={logo} rel="apple-touch-icon" sizes="180x180" />
+          <link href="/site.webmanifest" rel="manifest" />
+        </Helmet>
+        <NavigationProgress />
+        <Outlet />
+        <Toaster closeButton richColors />
+        <div
+          dangerouslySetInnerHTML={{ __html: common?.site.custom_html || "" }}
+          id="custom_html"
+        />
+        <TanStackDevtools
+          config={{
+            position: "bottom-right",
+          }}
+          plugins={[
+            {
+              name: "Tanstack Router",
+              render: <TanStackRouterDevtoolsPanel />,
+            },
+            TanStackQueryDevtools,
+          ]}
+        />
+      </HelmetProvider>
+    );
+  },
+});