add server side fetching

src/lib/launcherSearchParams.ts

@@ -0,0 +1,43 @@
+import type { LauncherListQuery } from "@server/routers/launcher/types";
+
+export type LauncherQueryFilters = {
+    query?: string;
+    groupBy?: LauncherListQuery["groupBy"];
+    groupKey?: string;
+    siteIds?: number[];
+    labelIds?: number[];
+    sort_by?: LauncherListQuery["sort_by"];
+    order?: LauncherListQuery["order"];
+    pageSize?: number;
+};
+
+export function buildLauncherSearchParams(
+    filters: LauncherQueryFilters,
+    page: number
+) {
+    const sp = new URLSearchParams();
+    sp.set("page", String(page));
+    sp.set("pageSize", String(filters.pageSize ?? 20));
+    if (filters.query) {
+        sp.set("query", filters.query);
+    }
+    if (filters.groupBy) {
+        sp.set("groupBy", filters.groupBy);
+    }
+    if (filters.groupKey) {
+        sp.set("groupKey", filters.groupKey);
+    }
+    if (filters.siteIds?.length) {
+        sp.set("siteIds", filters.siteIds.join(","));
+    }
+    if (filters.labelIds?.length) {
+        sp.set("labelIds", filters.labelIds.join(","));
+    }
+    if (filters.sort_by) {
+        sp.set("sort_by", filters.sort_by);
+    }
+    if (filters.order) {
+        sp.set("order", filters.order);
+    }
+    return sp;
+}

src/lib/launcherServerData.ts

@@ -0,0 +1,128 @@
+import { internal } from "@app/lib/api";
+import type { LauncherActiveViewId } from "@app/lib/launcherLocalStorage";
+import { resolveLauncherStateFromUrl } from "@app/lib/launcherUrlState";
+import { buildLauncherSearchParams } from "@app/lib/launcherSearchParams";
+import type {
+    LauncherGroup,
+    LauncherResource,
+    LauncherViewConfig,
+    LauncherViewRecord,
+    ListLauncherGroupsResponse,
+    ListLauncherResourcesResponse,
+    ListLauncherViewsResponse
+} from "@server/routers/launcher/types";
+import { AxiosResponse } from "axios";
+
+export type LauncherGroupResources = {
+    resources: LauncherResource[];
+    pagination: {
+        total: number;
+        page: number;
+        pageSize: number;
+    };
+};
+
+export type LauncherPageData = {
+    views: LauncherViewRecord[];
+    activeViewId: LauncherActiveViewId;
+    config: LauncherViewConfig;
+    savedConfig: LauncherViewConfig;
+    groups: LauncherGroup[];
+    groupsPagination: {
+        total: number;
+        page: number;
+        pageSize: number;
+    };
+    resourcesByGroupKey: Record<string, LauncherGroupResources>;
+};
+
+const emptyResources: LauncherGroupResources = {
+    resources: [],
+    pagination: { total: 0, page: 1, pageSize: 20 }
+};
+
+export async function fetchLauncherPageData(
+    orgId: string,
+    searchParams: URLSearchParams,
+    cookieHeader: Awaited<
+        ReturnType<typeof import("@app/lib/api/cookies").authCookieHeader>
+    >
+): Promise<LauncherPageData> {
+    let views: LauncherViewRecord[] = [];
+    try {
+        const viewsRes = await internal.get<
+            AxiosResponse<ListLauncherViewsResponse>
+        >(`/org/${orgId}/launcher/views`, cookieHeader);
+        views = viewsRes.data.data.views;
+    } catch (e) {}
+
+    const { activeViewId, config, savedConfig } = resolveLauncherStateFromUrl(
+        searchParams,
+        views,
+        null
+    );
+
+    const groupFilters = {
+        query: config.query,
+        groupBy: config.groupBy,
+        siteIds: config.siteIds,
+        labelIds: config.labelIds,
+        sort_by: config.sortBy,
+        order: config.order,
+        pageSize: 20
+    };
+
+    let groups: LauncherGroup[] = [];
+    let groupsPagination: LauncherPageData["groupsPagination"] = {
+        total: 0,
+        page: 1,
+        pageSize: 20
+    };
+
+    try {
+        const sp = buildLauncherSearchParams(groupFilters, 1);
+        const groupsRes = await internal.get<
+            AxiosResponse<ListLauncherGroupsResponse>
+        >(`/org/${orgId}/launcher/groups?${sp.toString()}`, cookieHeader);
+        groups = groupsRes.data.data.groups;
+        groupsPagination = groupsRes.data.data.pagination;
+    } catch (e) {}
+
+    const resourcesByGroupKey: Record<string, LauncherGroupResources> = {};
+
+    await Promise.all(
+        groups.map(async (group) => {
+            try {
+                const sp = buildLauncherSearchParams(
+                    {
+                        ...groupFilters,
+                        groupKey: group.groupKey
+                    },
+                    1
+                );
+                const res = await internal.get<
+                    AxiosResponse<ListLauncherResourcesResponse>
+                >(
+                    `/org/${orgId}/launcher/resources?${sp.toString()}`,
+                    cookieHeader
+                );
+                resourcesByGroupKey[group.groupKey] = {
+                    resources: res.data.data.resources,
+                    pagination: res.data.data.pagination
+                };
+            } catch (e) {
+                resourcesByGroupKey[group.groupKey] = emptyResources;
+            }
+        })
+    );
+
+    return {
+        views,
+        activeViewId,
+        config,
+        savedConfig,
+        groups,
+        groupsPagination,
+        resourcesByGroupKey
+    };
+}

src/lib/queries.ts

@@ -53,6 +53,11 @@ import type {
     LauncherListQuery,
     LauncherViewConfig
 } from "@server/routers/launcher/types";
+import type { LauncherQueryFilters } from "@app/lib/launcherSearchParams";
+import { buildLauncherSearchParams } from "@app/lib/launcherSearchParams";
+
+export type { LauncherQueryFilters } from "@app/lib/launcherSearchParams";
+export { buildLauncherSearchParams } from "@app/lib/launcherSearchParams";
 
 export type ProductUpdate = {
     link: string | null;
@@ -1174,45 +1179,6 @@ export const domainQueries = {
         })
 };
 
-export type LauncherQueryFilters = {
-    query?: string;
-    groupBy?: LauncherListQuery["groupBy"];
-    groupKey?: string;
-    siteIds?: number[];
-    labelIds?: number[];
-    sort_by?: LauncherListQuery["sort_by"];
-    order?: LauncherListQuery["order"];
-    pageSize?: number;
-};
-
-function launcherSearchParams(filters: LauncherQueryFilters, page: number) {
-    const sp = new URLSearchParams();
-    sp.set("page", String(page));
-    sp.set("pageSize", String(filters.pageSize ?? 20));
-    if (filters.query) {
-        sp.set("query", filters.query);
-    }
-    if (filters.groupBy) {
-        sp.set("groupBy", filters.groupBy);
-    }
-    if (filters.groupKey) {
-        sp.set("groupKey", filters.groupKey);
-    }
-    if (filters.siteIds?.length) {
-        sp.set("siteIds", filters.siteIds.join(","));
-    }
-    if (filters.labelIds?.length) {
-        sp.set("labelIds", filters.labelIds.join(","));
-    }
-    if (filters.sort_by) {
-        sp.set("sort_by", filters.sort_by);
-    }
-    if (filters.order) {
-        sp.set("order", filters.order);
-    }
-    return sp;
-}
-
 export const launcherQueries = {
     views: (orgId: string) =>
         queryOptions({
@@ -1228,7 +1194,7 @@ export const launcherQueries = {
         infiniteQueryOptions({
             queryKey: ["ORG", orgId, "LAUNCHER", "GROUPS", filters] as const,
             queryFn: async ({ pageParam = 1, signal, meta }) => {
-                const sp = launcherSearchParams(filters, pageParam);
+                const sp = buildLauncherSearchParams(filters, pageParam);
                 const res = await meta!.api.get<
                     AxiosResponse<ListLauncherGroupsResponse>
                 >(`/org/${orgId}/launcher/groups?${sp.toString()}`, { signal });
@@ -1249,7 +1215,7 @@ export const launcherQueries = {
         infiniteQueryOptions({
             queryKey: ["ORG", orgId, "LAUNCHER", "RESOURCES", filters] as const,
             queryFn: async ({ pageParam = 1, signal, meta }) => {
-                const sp = launcherSearchParams(filters, pageParam);
+                const sp = buildLauncherSearchParams(filters, pageParam);
                 const res = await meta!.api.get<
                     AxiosResponse<ListLauncherResourcesResponse>
                 >(`/org/${orgId}/launcher/resources?${sp.toString()}`, {