scaffold Vike app with Bati

server/authjs-handler.ts

@@ -0,0 +1,95 @@
+import { Auth, type AuthConfig, createActionURL, setEnvDefaults } from "@auth/core";
+import CredentialsProvider from "@auth/core/providers/credentials";
+import type { Session } from "@auth/core/types";
+// TODO: stop using universal-middleware and directly integrate server middlewares instead and/or use vike-server https://vike.dev/server. (Bati generates boilerplates that use universal-middleware https://github.com/magne4000/universal-middleware to make Bati's internal logic easier. This is temporary and will be removed soon.)
+import type { Get, UniversalHandler, UniversalMiddleware } from "@universal-middleware/core";
+
+const env: Record<string, string | undefined> =
+  typeof process?.env !== "undefined"
+    ? process.env
+    : import.meta && "env" in import.meta
+      ? (import.meta as ImportMeta & { env: Record<string, string | undefined> }).env
+      : {};
+
+if (!globalThis.crypto) {
+  /**
+   * Polyfill needed if Auth.js code runs on node18
+   */
+  Object.defineProperty(globalThis, "crypto", {
+    value: await import("node:crypto").then((crypto) => crypto.webcrypto as Crypto),
+    writable: false,
+    configurable: true,
+  });
+}
+
+const authjsConfig = {
+  basePath: "/api/auth",
+  trustHost: Boolean(env.AUTH_TRUST_HOST ?? env.VERCEL ?? env.NODE_ENV !== "production"),
+  // TODO: Replace secret {@see https://authjs.dev/reference/core#secret}
+  secret: "MY_SECRET",
+  providers: [
+    // TODO: Choose and implement providers
+    CredentialsProvider({
+      name: "Credentials",
+      credentials: {
+        username: { label: "Username", type: "text", placeholder: "jsmith" },
+        password: { label: "Password", type: "password" },
+      },
+      async authorize() {
+        // Add logic here to look up the user from the credentials supplied
+        const user = { id: "1", name: "J Smith", email: "jsmith@example.com" };
+
+        // Any object returned will be saved in `user` property of the JWT
+        // If you return null then an error will be displayed advising the user to check their details.
+        // You can also Reject this callback with an Error thus the user will be sent to the error page with the error message as a query parameter
+        return user ?? null;
+      },
+    }),
+  ],
+} satisfies Omit<AuthConfig, "raw">;
+
+/**
+ * Retrieve Auth.js session from Request
+ */
+export async function getSession(req: Request, config: Omit<AuthConfig, "raw">): Promise<Session | null> {
+  setEnvDefaults(process.env, config);
+  const requestURL = new URL(req.url);
+  const url = createActionURL("session", requestURL.protocol, req.headers, process.env, config);
+
+  const response = await Auth(new Request(url, { headers: { cookie: req.headers.get("cookie") ?? "" } }), config);
+
+  const { status = 200 } = response;
+
+  const data = await response.json();
+
+  if (!data || !Object.keys(data).length) return null;
+  if (status === 200) return data;
+  throw new Error(data.message);
+}
+
+/**
+ * Add Auth.js session to context
+ * @link {@see https://authjs.dev/getting-started/session-management/get-session}
+ **/
+export const authjsSessionMiddleware: Get<[], UniversalMiddleware> = () => async (request, context) => {
+  try {
+    return {
+      ...context,
+      session: await getSession(request, authjsConfig),
+    };
+  } catch (error) {
+    console.debug("authjsSessionMiddleware:", error);
+    return {
+      ...context,
+      session: null,
+    };
+  }
+};
+
+/**
+ * Auth.js route
+ * @link {@see https://authjs.dev/getting-started/installation}
+ **/
+export const authjsHandler = (() => async (request) => {
+  return Auth(request, authjsConfig);
+}) satisfies Get<[], UniversalHandler>;

server/trpc-handler.ts

@@ -0,0 +1,20 @@
+import { appRouter } from "../trpc/server";
+// TODO: stop using universal-middleware and directly integrate server middlewares instead and/or use vike-server https://vike.dev/server. (Bati generates boilerplates that use universal-middleware https://github.com/magne4000/universal-middleware to make Bati's internal logic easier. This is temporary and will be removed soon.)
+import type { Get, UniversalHandler } from "@universal-middleware/core";
+import { fetchRequestHandler } from "@trpc/server/adapters/fetch";
+
+export const trpcHandler = ((endpoint) => (request, context, runtime) => {
+  return fetchRequestHandler({
+    endpoint,
+    req: request,
+    router: appRouter,
+    createContext({ req, resHeaders }) {
+      return {
+        ...context,
+        ...runtime,
+        req,
+        resHeaders,
+      };
+    },
+  });
+}) satisfies Get<[endpoint: string], UniversalHandler>;

server/vike-handler.ts

@@ -0,0 +1,18 @@
+/// <reference lib="webworker" />
+import { renderPage } from "vike/server";
+// TODO: stop using universal-middleware and directly integrate server middlewares instead and/or use vike-server https://vike.dev/server. (Bati generates boilerplates that use universal-middleware https://github.com/magne4000/universal-middleware to make Bati's internal logic easier. This is temporary and will be removed soon.)
+import type { Get, UniversalHandler } from "@universal-middleware/core";
+
+export const vikeHandler: Get<[], UniversalHandler> = () => async (request, context, runtime) => {
+  const pageContextInit = { ...context, ...runtime, urlOriginal: request.url, headersOriginal: request.headers };
+  const pageContext = await renderPage(pageContextInit);
+  const response = pageContext.httpResponse;
+
+  const { readable, writable } = new TransformStream();
+  response.pipe(writable);
+
+  return new Response(readable, {
+    status: response.statusCode,
+    headers: response.headers,
+  });
+};