add page to retrieve user virtual api keys

2026-08-14 16:30:15 +02:00 · 2026-08-11 11:53:39 -04:00
parent 732fd4eba1
commit 2187f23588
9 changed files with 891 additions and 4 deletions
@@ -0,0 +1,113 @@
+import { Layout } from "@app/components/Layout";
+import UserVirtualApiKeys from "@app/components/UserVirtualApiKeys";
+import { commandBarNavSections } from "@app/app/navigation";
+import { internal } from "@app/lib/api";
+import { authCookieHeader } from "@app/lib/api/cookies";
+import { verifySession } from "@app/lib/auth/verifySession";
+import { pullEnv } from "@app/lib/pullEnv";
+import UserProvider from "@app/providers/UserProvider";
+import { ListUserOrgsResponse } from "@server/routers/org";
+import { GetOrgOverviewResponse } from "@server/routers/org/getOrgOverview";
+import type { ListMyVirtualApiKeysResponse } from "@server/routers/virtualApiKey/types";
+import { AxiosResponse } from "axios";
+import type { Metadata } from "next";
+import { getTranslations } from "next-intl/server";
+import { redirect } from "next/navigation";
+import { cache } from "react";
+
+export async function generateMetadata(): Promise<Metadata> {
+    const t = await getTranslations();
+    return {
+        title: t("myVirtualApiKeysTitle")
+    };
+}
+
+type KeysPageProps = {
+    params: Promise<{ orgId: string }>;
+};
+
+export const dynamic = "force-dynamic";
+
+export default async function KeysPage(props: KeysPageProps) {
+    const params = await props.params;
+    const orgId = params.orgId;
+
+    if (!orgId) {
+        redirect(`/`);
+    }
+
+    const getUser = cache(verifySession);
+    const user = await getUser();
+
+    if (!user) {
+        redirect("/");
+    }
+
+    const cookieHeader = await authCookieHeader();
+
+    let overview: GetOrgOverviewResponse | undefined;
+    try {
+        const res = await internal.get<AxiosResponse<GetOrgOverviewResponse>>(
+            `/org/${orgId}/overview`,
+            cookieHeader
+        );
+        overview = res.data.data;
+    } catch {
+        // leave undefined
+    }
+
+    let orgs: ListUserOrgsResponse["orgs"] = [];
+    try {
+        const getOrgs = cache(async () =>
+            internal.get<AxiosResponse<ListUserOrgsResponse>>(
+                `/user/${user.userId}/orgs`,
+                cookieHeader
+            )
+        );
+        const res = await getOrgs();
+        if (res && res.data.data.orgs) {
+            orgs = res.data.data.orgs;
+        }
+    } catch {
+        // leave empty
+    }
+
+    if (!orgs.some((org) => org.orgId === orgId)) {
+        redirect("/");
+    }
+
+    let keysData: ListMyVirtualApiKeysResponse | null = null;
+    try {
+        const res = await internal.get<
+            AxiosResponse<ListMyVirtualApiKeysResponse>
+        >(`/org/${orgId}/my-virtual-api-keys`, cookieHeader);
+        keysData = res.data.data;
+    } catch {
+        redirect(`/${orgId}`);
+    }
+
+    if (!keysData) {
+        redirect(`/${orgId}`);
+    }
+
+    const env = pullEnv();
+    const primaryOrg = orgs.find((o) => o.orgId === orgId)?.isPrimaryOrg;
+    const isAdminOrOwner = Boolean(overview?.isAdmin || overview?.isOwner);
+
+    return (
+        <UserProvider user={user}>
+            <Layout
+                orgId={orgId}
+                orgs={orgs}
+                navItems={[]}
+                commandNavItems={commandBarNavSections(env, {
+                    isPrimaryOrg: primaryOrg
+                })}
+                showSidebar={false}
+                showViewAsAdmin={isAdminOrOwner}
+            >
+                <UserVirtualApiKeys orgId={orgId} initialData={keysData} />
+            </Layout>
+        </UserProvider>
+    );
+}
@@ -0,0 +1,121 @@
+import { Layout } from "@app/components/Layout";
+import UserVirtualApiKeys from "@app/components/UserVirtualApiKeys";
+import { commandBarNavSections } from "@app/app/navigation";
+import { internal } from "@app/lib/api";
+import { authCookieHeader } from "@app/lib/api/cookies";
+import { verifySession } from "@app/lib/auth/verifySession";
+import { pullEnv } from "@app/lib/pullEnv";
+import UserProvider from "@app/providers/UserProvider";
+import { ListUserOrgsResponse } from "@server/routers/org";
+import { GetOrgOverviewResponse } from "@server/routers/org/getOrgOverview";
+import type { ListMyVirtualApiKeysResponse } from "@server/routers/virtualApiKey/types";
+import { AxiosResponse } from "axios";
+import type { Metadata } from "next";
+import { getTranslations } from "next-intl/server";
+import { redirect } from "next/navigation";
+import { cache } from "react";
+
+export async function generateMetadata(): Promise<Metadata> {
+    const t = await getTranslations();
+    return {
+        title: t("myVirtualApiKeysResourceTitle")
+    };
+}
+
+type ResourceKeysPageProps = {
+    params: Promise<{ orgId: string; resourceGuid: string }>;
+};
+
+export const dynamic = "force-dynamic";
+
+export default async function ResourceKeysPage(props: ResourceKeysPageProps) {
+    const params = await props.params;
+    const orgId = params.orgId;
+    const resourceGuid = params.resourceGuid;
+
+    if (!orgId || !resourceGuid) {
+        redirect(`/`);
+    }
+
+    const getUser = cache(verifySession);
+    const user = await getUser();
+
+    if (!user) {
+        redirect("/");
+    }
+
+    const cookieHeader = await authCookieHeader();
+
+    let overview: GetOrgOverviewResponse | undefined;
+    try {
+        const res = await internal.get<AxiosResponse<GetOrgOverviewResponse>>(
+            `/org/${orgId}/overview`,
+            cookieHeader
+        );
+        overview = res.data.data;
+    } catch {
+        // leave undefined
+    }
+
+    let orgs: ListUserOrgsResponse["orgs"] = [];
+    try {
+        const getOrgs = cache(async () =>
+            internal.get<AxiosResponse<ListUserOrgsResponse>>(
+                `/user/${user.userId}/orgs`,
+                cookieHeader
+            )
+        );
+        const res = await getOrgs();
+        if (res && res.data.data.orgs) {
+            orgs = res.data.data.orgs;
+        }
+    } catch {
+        // leave empty
+    }
+
+    if (!orgs.some((org) => org.orgId === orgId)) {
+        redirect("/");
+    }
+
+    let keysData: ListMyVirtualApiKeysResponse | null = null;
+    try {
+        const res = await internal.get<
+            AxiosResponse<ListMyVirtualApiKeysResponse>
+        >(
+            `/org/${orgId}/my-virtual-api-keys?resourceGuid=${encodeURIComponent(resourceGuid)}`,
+            cookieHeader
+        );
+        keysData = res.data.data;
+    } catch {
+        redirect(`/${orgId}/keys`);
+    }
+
+    if (!keysData) {
+        redirect(`/${orgId}/keys`);
+    }
+
+    const env = pullEnv();
+    const primaryOrg = orgs.find((o) => o.orgId === orgId)?.isPrimaryOrg;
+    const isAdminOrOwner = Boolean(overview?.isAdmin || overview?.isOwner);
+
+    return (
+        <UserProvider user={user}>
+            <Layout
+                orgId={orgId}
+                orgs={orgs}
+                navItems={[]}
+                commandNavItems={commandBarNavSections(env, {
+                    isPrimaryOrg: primaryOrg
+                })}
+                showSidebar={false}
+                showViewAsAdmin={isAdminOrOwner}
+            >
+                <UserVirtualApiKeys
+                    orgId={orgId}
+                    resourceGuid={resourceGuid}
+                    initialData={keysData}
+                />
+            </Layout>
+        </UserProvider>
+    );
+}