perf(widgets): lazy load the application graph

packages/api/src/board-server.ts

@@ -0,0 +1,14 @@
+import { createRscTrpcContext } from "./rsc-context";
+import { boardRouter } from "./router/board";
+
+const createBoardCallerAsync = async () => boardRouter.createCaller(await createRscTrpcContext());
+
+export const getBoardByNameAsync = async (name: string) => {
+  const caller = await createBoardCallerAsync();
+  return await caller.getBoardByName({ name });
+};
+
+export const getHomeBoardAsync = async () => {
+  const caller = await createBoardCallerAsync();
+  return await caller.getHomeBoard();
+};

packages/api/src/rsc-context.ts

@@ -0,0 +1,16 @@
+import { cache } from "react";
+import { headers } from "next/headers";
+
+import { auth } from "@homarr/auth/next";
+
+import { createTRPCContext } from "./trpc";
+
+export const createRscTrpcContext = cache(async () => {
+  const requestHeaders = new Headers(await headers());
+  requestHeaders.set("x-trpc-source", "rsc");
+
+  return createTRPCContext({
+    session: await auth(),
+    headers: requestHeaders,
+  });
+});

packages/api/src/server.ts

@@ -1,25 +1,16 @@
 import { cache } from "react";
-import { headers } from "next/headers";
 import { createTRPCOptionsProxy } from "@trpc/tanstack-react-query";
 
-import { appRouter, createCaller, createTRPCContext } from "@homarr/api";
-import { auth } from "@homarr/auth/next";
+import { appRouter, createCaller } from "@homarr/api";
 
+import { createRscTrpcContext } from "./rsc-context";
 import { makeQueryClient } from "./shared";
 
 /**
  * This wraps the `createTRPCContext` helper and provides the required context for the tRPC API when
  * handling a tRPC call from a React Server Component.
  */
-const createContext = cache(async () => {
-  const heads = new Headers(await headers());
-  heads.set("x-trpc-source", "rsc");
-
-  return createTRPCContext({
-    session: await auth(),
-    headers: heads,
-  });
-});
+const createContext = () => createRscTrpcContext();
 
 export const api = createCaller(createContext);
 

packages/api/src/widget-prefetch-server.ts

@@ -0,0 +1,11 @@
+import { createRscTrpcContext } from "./rsc-context";
+import { downloadsRouter } from "./router/widgets/downloads";
+
+export const getDownloadJobsAndStatusesAsync = async (input: {
+  integrationIds: string[];
+  limitPerIntegration: number;
+}) => {
+  // Keep this leaf caller narrow: the shared server caller imports the complete app router into every widget-prefetch build.
+  const caller = downloadsRouter.createCaller(await createRscTrpcContext());
+  return await caller.getJobsAndStatuses(input);
+};