ui Architecture Docs
Home / File/ session.server.ts — ui Source File

session.server.ts — ui Source File

Architecture documentation for session.server.ts, a typescript file in the ui codebase. 3 imports, 0 dependents.

File typescript FrameworkTooling TemplateSync 3 imports 7 functions

Entity Profile

Dependency Diagram

graph LR
  345f1f74_b31e_d405_fa60_b74af2d2247f["session.server.ts"]
  ce9dd226_41a3_f031_caf3_5378288c23c1["node"]
  345f1f74_b31e_d405_fa60_b74af2d2247f --> ce9dd226_41a3_f031_caf3_5378288c23c1
  6278b776_8865_1d58_5816_0e33545067f6["tiny-invariant"]
  345f1f74_b31e_d405_fa60_b74af2d2247f --> 6278b776_8865_1d58_5816_0e33545067f6
  052778fd_1a4c_7f8d_8295_ec523652ac24["user.server"]
  345f1f74_b31e_d405_fa60_b74af2d2247f --> 052778fd_1a4c_7f8d_8295_ec523652ac24
  style 345f1f74_b31e_d405_fa60_b74af2d2247f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { createCookieSessionStorage, redirect } from "@remix-run/node";
import invariant from "tiny-invariant";

import type { User } from "~/models/user.server";
import { getUserById } from "~/models/user.server";

invariant(process.env.SESSION_SECRET, "SESSION_SECRET must be set");

export const sessionStorage = createCookieSessionStorage({
  cookie: {
    name: "__session",
    httpOnly: true,
    path: "/",
    sameSite: "lax",
    secrets: [process.env.SESSION_SECRET],
    secure: process.env.NODE_ENV === "production",
  },
});

const USER_SESSION_KEY = "userId";

export async function getSession(request: Request) {
  const cookie = request.headers.get("Cookie");
  return sessionStorage.getSession(cookie);
}

export async function getUserId(
  request: Request,
): Promise<User["id"] | undefined> {
  const session = await getSession(request);
  const userId = session.get(USER_SESSION_KEY);
  return userId;
}

export async function getUser(request: Request) {
  const userId = await getUserId(request);
  if (userId === undefined) return null;

  const user = await getUserById(userId);
  if (user) return user;

  throw await logout(request);
}

export async function requireUserId(
  request: Request,
  redirectTo: string = new URL(request.url).pathname,
) {
  const userId = await getUserId(request);
  if (!userId) {
    const searchParams = new URLSearchParams([["redirectTo", redirectTo]]);
    throw redirect(`/login?${searchParams}`);
  }
  return userId;
}

export async function requireUser(request: Request) {
  const userId = await requireUserId(request);

  const user = await getUserById(userId);
  if (user) return user;

  throw await logout(request);
}

export async function createUserSession({
  request,
  userId,
  remember,
  redirectTo,
}: {
  request: Request;
  userId: string;
  remember: boolean;
  redirectTo: string;
}) {
  const session = await getSession(request);
  session.set(USER_SESSION_KEY, userId);
  return redirect(redirectTo, {
    headers: {
      "Set-Cookie": await sessionStorage.commitSession(session, {
        maxAge: remember
          ? 60 * 60 * 24 * 7 // 7 days
          : undefined,
      }),
    },
  });
}

export async function logout(request: Request) {
  const session = await getSession(request);
  return redirect("/", {
    headers: {
      "Set-Cookie": await sessionStorage.destroySession(session),
    },
  });
}

Domain

Subdomains

Functions

Dependencies

  • node
  • tiny-invariant
  • user.server

Source

Frequently Asked Questions

What does session.server.ts do?
session.server.ts is a source file in the ui codebase, written in typescript. It belongs to the FrameworkTooling domain, TemplateSync subdomain.
What functions are defined in session.server.ts?
session.server.ts defines 7 function(s): createUserSession, getSession, getUser, getUserId, logout, requireUser, requireUserId.
What does session.server.ts depend on?
session.server.ts imports 3 module(s): node, tiny-invariant, user.server.
Where is session.server.ts in the architecture?
session.server.ts is located at packages/shadcn/test/fixtures/frameworks/remix-indie-stack/app/session.server.ts (domain: FrameworkTooling, subdomain: TemplateSync, directory: packages/shadcn/test/fixtures/frameworks/remix-indie-stack/app).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free