🎉 feat: initialization

2025-11-26 19:56:16 -08:00
commit a801849fb2
553 changed files with 213088 additions and 0 deletions
@@ -0,0 +1,95 @@
+import { createRouter, RouterProvider } from "@tanstack/react-router";
+import {
+  TanStackQueryContext,
+  TanStackQueryProvider,
+} from "@workspace/ui/integrations/tanstack-query";
+import { StrictMode } from "react";
+import ReactDOM from "react-dom/client";
+// Import the generated route tree
+import { routeTree } from "./routeTree.gen";
+// Styles
+import "@workspace/ui/globals.css";
+import { DirectionProvider } from "@workspace/ui/integrations/direction";
+import { LanguageProvider } from "@workspace/ui/integrations/language";
+import { ThemeProvider } from "@workspace/ui/integrations/theme";
+import { initializeI18n } from "@workspace/ui/lib/i18n";
+import { fallbackLng, supportedLngs } from "./config/index.ts";
+// Report web vitals
+import reportWebVitals from "./reportWebVitals.ts";
+// Common utilities
+import { Logout } from "./utils/common.ts";
+
+initializeI18n({
+  supportedLngs,
+  fallbackLng,
+  ns: [
+    "ads",
+    "announcement",
+    "auth-control",
+    "auth",
+    "components",
+    "coupon",
+    "dashboard",
+    "document",
+    "log",
+    "marketing",
+    "menu",
+    "nodes",
+    "order",
+    "payment",
+    "product",
+    "servers",
+    "subscribe",
+    "system",
+    "ticket",
+    "tool",
+    "translation",
+    "user",
+  ],
+});
+
+window.logout = Logout;
+
+// Create a new router instance
+const TanStackQueryProviderContext = TanStackQueryContext();
+const router = createRouter({
+  routeTree,
+  context: {
+    ...TanStackQueryProviderContext,
+  },
+  defaultPreload: "intent",
+  scrollRestoration: true,
+  defaultStructuralSharing: true,
+  defaultPreloadStaleTime: 0,
+});
+
+// Register the router instance for type safety
+declare module "@tanstack/react-router" {
+  interface Register {
+    router: typeof router;
+  }
+}
+
+// Render the app
+const rootElement = document.getElementById("app");
+if (rootElement && !rootElement.innerHTML) {
+  const root = ReactDOM.createRoot(rootElement);
+  root.render(
+    <StrictMode>
+      <TanStackQueryProvider {...TanStackQueryProviderContext}>
+        <LanguageProvider supportedLanguages={supportedLngs}>
+          <ThemeProvider>
+            <DirectionProvider>
+              <RouterProvider router={router} />
+            </DirectionProvider>
+          </ThemeProvider>
+        </LanguageProvider>
+      </TanStackQueryProvider>
+    </StrictMode>
+  );
+}
+
+// If you want to start measuring performance in your app, pass a function
+// to log results (for example: reportWebVitals(console.log))
+// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+reportWebVitals();