feat: renamed old frontend and fixed some minor bugs

frontend/src/pages/middlewares/authenticate.tsx

@@ -0,0 +1,41 @@
+import { createFileRoute, redirect } from "@tanstack/react-router";
+
+import { createNotification } from "@app/components/notifications";
+import { userKeys } from "@app/hooks/api";
+import { authKeys, fetchAuthToken } from "@app/hooks/api/auth/queries";
+import { fetchUserDetails } from "@app/hooks/api/users/queries";
+
+export const Route = createFileRoute("/_authenticate")({
+  beforeLoad: async ({ context }) => {
+    if (!context.serverConfig.initialized) {
+      throw redirect({ to: "/admin/signup" });
+    }
+
+    const data = await context.queryClient
+      .ensureQueryData({
+        queryKey: authKeys.getAuthToken,
+        queryFn: fetchAuthToken
+      })
+      .catch(() => {
+        createNotification({
+          type: "error",
+          title: "Access Restricted",
+          text: " You need to log in to access this page. Please log in to continue."
+        });
+        throw redirect({
+          to: "/login"
+        });
+      });
+
+    if (!data.organizationId) {
+      throw redirect({ to: "/login/select-organization" });
+    }
+
+    const user = await context.queryClient.ensureQueryData({
+      queryKey: userKeys.getUser,
+      queryFn: fetchUserDetails
+    });
+
+    return { organizationId: data.organizationId as string, isAuthenticated: true, user };
+  }
+});

frontend/src/pages/middlewares/inject-org-details.tsx

@@ -0,0 +1,27 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+import { fetchOrganizationById, organizationKeys } from "@app/hooks/api/organization/queries";
+import { fetchUserOrgPermissions, roleQueryKeys } from "@app/hooks/api/roles/queries";
+import { fetchOrgSubscription, subscriptionQueryKeys } from "@app/hooks/api/subscriptions/queries";
+
+// Route context to fill in organization's data like details, subscription etc
+export const Route = createFileRoute("/_authenticate/_inject-org-details")({
+  beforeLoad: async ({ context }) => {
+    const organizationId = context.organizationId!;
+    await context.queryClient.ensureQueryData({
+      queryKey: organizationKeys.getOrgById(organizationId),
+      queryFn: () => fetchOrganizationById(organizationId)
+    });
+
+    await context.queryClient.ensureQueryData({
+      queryKey: subscriptionQueryKeys.getOrgSubsription(organizationId),
+      queryFn: () => fetchOrgSubscription(organizationId)
+    });
+
+    await context.queryClient.ensureQueryData({
+      queryKey: roleQueryKeys.getUserOrgPermissions({ orgId: organizationId }),
+      queryFn: () => fetchUserOrgPermissions({ orgId: organizationId })
+    });
+    return { organizationId };
+  }
+});

frontend/src/pages/middlewares/restrict-login-signup.tsx

@@ -0,0 +1,49 @@
+import { createFileRoute, redirect, stripSearchParams } from "@tanstack/react-router";
+import { zodValidator } from "@tanstack/zod-adapter";
+import { z } from "zod";
+
+import { authKeys, fetchAuthToken } from "@app/hooks/api/auth/queries";
+import { setAuthToken } from "@app/hooks/api/reactQuery";
+import { ProjectType } from "@app/hooks/api/workspace/types";
+
+const QueryParamsSchema = z.object({
+  callback_port: z.coerce.number().optional().catch(undefined)
+});
+
+export const Route = createFileRoute("/_restrict-login-signup")({
+  validateSearch: zodValidator(QueryParamsSchema),
+  search: {
+    middlewares: [stripSearchParams({ callback_port: undefined })]
+  },
+  beforeLoad: async ({ context, location, search }) => {
+    if (!context.serverConfig.initialized) {
+      if (location.pathname.endsWith("/admin/signup")) return;
+      throw redirect({ to: "/admin/signup" });
+    }
+
+    const data = await context.queryClient
+      .fetchQuery({
+        queryKey: authKeys.getAuthToken,
+        queryFn: fetchAuthToken
+      })
+      .catch(() => {
+        return null;
+      });
+    if (!data) return;
+
+    setAuthToken(data.token);
+    // to do cli login
+    if (search?.callback_port) {
+      if (location.pathname.endsWith("select-organization") || location.pathname.endsWith("login"))
+        return;
+    }
+
+    if (!data.organizationId) {
+      if (location.pathname.endsWith("select-organization")) return;
+      throw redirect({ to: "/login/select-organization" });
+    }
+    throw redirect({
+      to: `/organization/${ProjectType.SecretManager}/overview` as const
+    });
+  }
+});