🎉 feat: initialization

apps/admin/src/routes/__root.tsx

@@ -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>
+    );
+  },
+});

apps/admin/src/routes/dashboard/ads/index.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import Ads from "@/sections/ads";
+
+export const Route = createLazyFileRoute("/dashboard/ads/")({
+  component: Ads,
+});

apps/admin/src/routes/dashboard/announcement/index.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import Announcement from "@/sections/announcement";
+
+export const Route = createLazyFileRoute("/dashboard/announcement/")({
+  component: Announcement,
+});

apps/admin/src/routes/dashboard/auth-control/index.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import AuthControl from "@/sections/auth-control";
+
+export const Route = createLazyFileRoute("/dashboard/auth-control/")({
+  component: AuthControl,
+});

apps/admin/src/routes/dashboard/coupon/index.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import Coupon from "@/sections/coupon";
+
+export const Route = createLazyFileRoute("/dashboard/coupon/")({
+  component: Coupon,
+});

apps/admin/src/routes/dashboard/document/index.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import Document from "@/sections/document";
+
+export const Route = createLazyFileRoute("/dashboard/document/")({
+  component: Document,
+});

apps/admin/src/routes/dashboard/index.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import Dashboard from "@/sections/dashboard";
+
+export const Route = createLazyFileRoute("/dashboard/")({
+  component: Dashboard,
+});

apps/admin/src/routes/dashboard/log/balance.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import BalanceLogPage from "@/sections/log/balance";
+
+export const Route = createLazyFileRoute("/dashboard/log/balance")({
+  component: BalanceLogPage,
+});

apps/admin/src/routes/dashboard/log/commission.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import CommissionLogPage from "@/sections/log/commission";
+
+export const Route = createLazyFileRoute("/dashboard/log/commission")({
+  component: CommissionLogPage,
+});

apps/admin/src/routes/dashboard/log/email.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import EmailLogPage from "@/sections/log/email";
+
+export const Route = createLazyFileRoute("/dashboard/log/email")({
+  component: EmailLogPage,
+});

apps/admin/src/routes/dashboard/log/gift.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import GiftLogPage from "@/sections/log/gift";
+
+export const Route = createLazyFileRoute("/dashboard/log/gift")({
+  component: GiftLogPage,
+});

apps/admin/src/routes/dashboard/log/login.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import LoginLogPage from "@/sections/log/login";
+
+export const Route = createLazyFileRoute("/dashboard/log/login")({
+  component: LoginLogPage,
+});

apps/admin/src/routes/dashboard/log/mobile.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import MobileLogPage from "@/sections/log/mobile";
+
+export const Route = createLazyFileRoute("/dashboard/log/mobile")({
+  component: MobileLogPage,
+});

apps/admin/src/routes/dashboard/log/register.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import RegisterLogPage from "@/sections/log/register";
+
+export const Route = createLazyFileRoute("/dashboard/log/register")({
+  component: RegisterLogPage,
+});

apps/admin/src/routes/dashboard/log/reset-subscribe.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import ResetSubscribeLogPage from "@/sections/log/reset-subscribe";
+
+export const Route = createLazyFileRoute("/dashboard/log/reset-subscribe")({
+  component: ResetSubscribeLogPage,
+});

apps/admin/src/routes/dashboard/log/server-traffic.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import ServerTrafficLogPage from "@/sections/log/server-traffic";
+
+export const Route = createLazyFileRoute("/dashboard/log/server-traffic")({
+  component: ServerTrafficLogPage,
+});

apps/admin/src/routes/dashboard/log/subscribe-traffic.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import SubscribeTrafficLogPage from "@/sections/log/subscribe-traffic";
+
+export const Route = createLazyFileRoute("/dashboard/log/subscribe-traffic")({
+  component: SubscribeTrafficLogPage,
+});

apps/admin/src/routes/dashboard/log/subscribe.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import SubscribeLogPage from "@/sections/log/subscribe";
+
+export const Route = createLazyFileRoute("/dashboard/log/subscribe")({
+  component: SubscribeLogPage,
+});

apps/admin/src/routes/dashboard/log/traffic-details.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import TrafficDetailsPage from "@/sections/log/traffic-details";
+
+export const Route = createLazyFileRoute("/dashboard/log/traffic-details")({
+  component: TrafficDetailsPage,
+});

apps/admin/src/routes/dashboard/marketing/index.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import MarketingPage from "@/sections/marketing";
+
+export const Route = createLazyFileRoute("/dashboard/marketing/")({
+  component: MarketingPage,
+});

apps/admin/src/routes/dashboard/nodes.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import Nodes from "@/sections/nodes";
+
+export const Route = createLazyFileRoute("/dashboard/nodes")({
+  component: Nodes,
+});

apps/admin/src/routes/dashboard/order/index.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import Order from "@/sections/order";
+
+export const Route = createLazyFileRoute("/dashboard/order/")({
+  component: Order,
+});

apps/admin/src/routes/dashboard/payment/index.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import Payment from "@/sections/payment";
+
+export const Route = createLazyFileRoute("/dashboard/payment/")({
+  component: Payment,
+});

apps/admin/src/routes/dashboard/product/index.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import Product from "@/sections/product";
+
+export const Route = createLazyFileRoute("/dashboard/product/")({
+  component: Product,
+});

apps/admin/src/routes/dashboard/route.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import DashboardLayout from "@/layout";
+
+export const Route = createLazyFileRoute("/dashboard")({
+  component: DashboardLayout,
+});

apps/admin/src/routes/dashboard/servers.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import Servers from "@/sections/servers";
+
+export const Route = createLazyFileRoute("/dashboard/servers")({
+  component: Servers,
+});

apps/admin/src/routes/dashboard/subscribe/index.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import Subscribe from "@/sections/subscribe";
+
+export const Route = createLazyFileRoute("/dashboard/subscribe/")({
+  component: Subscribe,
+});

apps/admin/src/routes/dashboard/system/index.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import System from "@/sections/system";
+
+export const Route = createLazyFileRoute("/dashboard/system/")({
+  component: System,
+});

apps/admin/src/routes/dashboard/ticket/index.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import Ticket from "@/sections/ticket";
+
+export const Route = createLazyFileRoute("/dashboard/ticket/")({
+  component: Ticket,
+});

apps/admin/src/routes/dashboard/user/index.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import User from "@/sections/user";
+
+export const Route = createLazyFileRoute("/dashboard/user/")({
+  component: User,
+});

apps/admin/src/routes/index.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import Auth from "@/sections/auth";
+
+export const Route = createLazyFileRoute("/")({
+  component: Auth,
+});