7 |
20 | Get Started
21 |
22 |
23 | );
24 | }
25 |
--------------------------------------------------------------------------------
/app/entities/membership.ts:
--------------------------------------------------------------------------------
1 | import { StringParser, TableEntity } from "edgekitjs";
2 |
3 | export class Membership extends TableEntity {
4 | get teamId() {
5 | return new StringParser(this.parser.string("teamId")).cuid();
6 | }
7 |
8 | get userId() {
9 | return new StringParser(this.parser.string("userId")).cuid();
10 | }
11 |
12 | get acceptedAt() {
13 | if (this.parser.isNull("acceptedAt")) return null;
14 | let date = this.parser.date("acceptedAt");
15 | if (date.toString() === "Invalid Date") return null;
16 | return date;
17 | }
18 |
19 | get role() {
20 | return new StringParser(this.parser.string("role")).enum("member", "admin");
21 | }
22 |
23 | get isMember() {
24 | return this.role === "member";
25 | }
26 |
27 | get isAdmin() {
28 | return this.role === "admin";
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/scripts/setup/cf/account.ts:
--------------------------------------------------------------------------------
1 | import { Data } from "@edgefirst-dev/data";
2 | import { ObjectParser } from "@edgefirst-dev/data/parser";
3 | import type { Cloudflare } from "cloudflare";
4 | import consola from "consola";
5 |
6 | export class Account extends Data8 | Edge-first Starter Kit for React 9 |
10 | 11 |12 | Build lightning-fast React applications with edge computing. Deploy 13 | globally and scale effortlessly. 14 |
15 | 16 |
7 |
17 |
18 |
19 |
23 |
24 | );
25 | }
26 |
--------------------------------------------------------------------------------
/app/repositories.server/teams.ts:
--------------------------------------------------------------------------------
1 | import type { Membership } from "app:entities/membership";
2 | import { Team } from "app:entities/team";
3 | import schema from "db:schema";
4 | import { count, eq } from "drizzle-orm";
5 | import { orm } from "edgekitjs";
6 |
7 | export class TeamsRepository {
8 | async create(input: Omit
20 |
22 |
24 | Go to Homepage
34 |
35 | 25 | Page Not Found 26 |
27 | 28 |29 | We're sorry, but an unexpected error has occurred. Please try again 30 | later or contact support if the issue persists. 31 |
32 | 33 |
25 |
26 |
28 |
29 |
49 | );
50 | }
51 |
--------------------------------------------------------------------------------
/app/helpers/cookies.ts:
--------------------------------------------------------------------------------
1 | import { env } from "edgekitjs";
2 | import { createCookie } from "react-router";
3 |
4 | export namespace Cookies {
5 | /**
6 | * The `session` cookie is used to store the user's session information.
7 | *
8 | * @example
9 | * let sessionValue = await Cookies.session.parse(cookieHeader);
10 | */
11 | export const session = createCookie("session", {
12 | path: "/",
13 | sameSite: "lax",
14 | secure: process.env.NODE_ENV === "production",
15 | httpOnly: true,
16 | maxAge: 1000 * 60 * 60 * 24 * 365, // 1 year
17 | secrets: [env().fetch("SESSION_SECRET", "s3cr3t")],
18 | });
19 |
20 | /**
21 | * This cookie is used to store the user's expired session information.
22 | */
23 | export const expiredSession = createCookie("expired_session", {
24 | path: "/",
25 | sameSite: "lax",
26 | secure: process.env.NODE_ENV === "production",
27 | httpOnly: true,
28 | secrets: [env().fetch("SESSION_SECRET", "s3cr3t")],
29 | });
30 |
31 | /**
32 | * The `lng` cookie is used to store the user's preferred language (locale).
33 | *
34 | * @example
35 | * let language = await Cookies.lng.parse(cookieHeader);
36 | */
37 | export const lng = createCookie("lng", {
38 | path: "/",
39 | sameSite: "lax",
40 | secure: process.env.NODE_ENV === "production",
41 | httpOnly: true,
42 | secrets: [env().fetch("SESSION_SECRET", "s3cr3t")],
43 | });
44 |
45 | /**
46 | * The `returnTo` cookie is used to store the URL the user should be
47 | * redirected to after logging in.
48 | *
49 | * @example
50 | * let returnTo = await Cookies.returnTo.parse(cookieHeader);
51 | */
52 | export const returnTo = createCookie("returnTo", {
53 | path: "/",
54 | sameSite: "lax",
55 | secure: process.env.NODE_ENV === "production",
56 | httpOnly: true,
57 | secrets: [env().fetch("SESSION_SECRET", "s3cr3t")],
58 | });
59 | }
60 |
--------------------------------------------------------------------------------
/app/entities/user.test.ts:
--------------------------------------------------------------------------------
1 | import { describe, expect, test } from "bun:test";
2 | import type { users } from "db:schema";
3 |
4 | import { Email } from "edgekitjs";
5 | import { User } from "./user";
6 |
7 | describe(User.name, () => {
8 | let userRow: typeof users.$inferSelect = {
9 | // biome-ignore lint/suspicious/noExplicitAny: It's a test
10 | id: "a3j3p00nmf5fnhggm9zqc6l8" as any,
11 | createdAt: new Date(),
12 | updatedAt: new Date(),
13 | email: "john.doe@example.com",
14 | emailVerifiedAt: new Date(),
15 | emailVerificationToken: "xijjlqpjwls8h18k1fn49r6y",
16 | displayName: null,
17 | avatarKey: null,
18 | role: "user",
19 | };
20 |
21 | test("#constructor", () => {
22 | let user = User.from(userRow);
23 | expect(user).toBeInstanceOf(User);
24 | expect(user.toString()).toBe("user:a3j3p00nmf5fnhggm9zqc6l8");
25 | });
26 |
27 | test("get email", () => {
28 | let user = User.from(userRow);
29 | expect(user.email).toBeInstanceOf(Email);
30 | });
31 |
32 | test("get emailVerifiedAt", () => {
33 | let user = User.from(userRow);
34 | expect(user.emailVerifiedAt).toBeInstanceOf(Date);
35 | });
36 |
37 | test("get hasEmailVerified", () => {
38 | let user = User.from(userRow);
39 | expect(user.hasEmailVerified).toBe(true);
40 | });
41 |
42 | test("#avatar fallbacks to Gravatar if no avatarKey", () => {
43 | let user = User.from(userRow);
44 | expect(user.avatar).toBe(
45 | "https://gravatar.com/avatar/836f82db99121b3481011f16b49dfa5fbc714a0d1b1b9f784a1ebbbf5b39577f",
46 | );
47 | });
48 |
49 | test("#diplayName fallbacks to the email's username", () => {
50 | let user = User.from(userRow);
51 | expect(user.displayName).toBe("john.doe");
52 | });
53 |
54 | test("#role", () => {
55 | let user = User.from(userRow);
56 | expect(user.role).toBe("user");
57 | });
58 |
59 | test("#isRoot", () => {
60 | let user = User.from(userRow);
61 | expect(user.isRoot).toBe(false);
62 | });
63 | });
64 |
--------------------------------------------------------------------------------
/app/helpers/session.ts:
--------------------------------------------------------------------------------
1 | import { Cookies } from "app:helpers/cookies";
2 | import { SessionsRepository } from "app:repositories.server/sessions";
3 | import { waitUntil } from "edgekitjs";
4 | import { redirect } from "react-router";
5 |
6 | export async function querySession(request: Request) {
7 | let repo = new SessionsRepository();
8 |
9 | let sessionId = await Cookies.session.parse(request.headers.get("cookie"));
10 | if (!sessionId) return null;
11 |
12 | let [session] = await repo.findById(sessionId);
13 | if (!session) return null;
14 |
15 | if (session.hasExpired) {
16 | let headers = await deleteSession(request);
17 | headers.append(
18 | "Set-Cookie",
19 | await Cookies.expiredSession.serialize(session.userId),
20 | );
21 | throw redirect("/login", { headers });
22 | }
23 |
24 | waitUntil(repo.recordActivity(session.id));
25 | return session;
26 | }
27 |
28 | export async function getSession(request: Request, returnTo = "/register") {
29 | let session = await querySession(request);
30 | if (!session) throw redirect(returnTo);
31 | return session;
32 | }
33 |
34 | export async function createSession(
35 | input: SessionsRepository.CreateInput,
36 | responseHeaders = new Headers(),
37 | ) {
38 | let session = await new SessionsRepository().create(input);
39 | responseHeaders.append(
40 | "Set-Cookie",
41 | await Cookies.session.serialize(session.id),
42 | );
43 | return responseHeaders;
44 | }
45 |
46 | export async function deleteSession(
47 | request: Request,
48 | responseHeaders = new Headers(),
49 | ) {
50 | let id = await Cookies.session.parse(request.headers.get("cookie"));
51 | await new SessionsRepository().destroy(id);
52 | responseHeaders.append(
53 | "Set-Cookie",
54 | await Cookies.session.serialize(null, { maxAge: 0 }),
55 | );
56 | responseHeaders.append(
57 | "Set-Cookie",
58 | await Cookies.expiredSession.serialize(null, { maxAge: 0 }),
59 | );
60 | return responseHeaders;
61 | }
62 |
--------------------------------------------------------------------------------
/app/views/admin/purge.tsx:
--------------------------------------------------------------------------------
1 | import { Button } from "app:components/button";
2 | import { Spinner } from "app:components/spinner";
3 | import { rootOnly } from "app:helpers/auth";
4 | import { cn } from "app:helpers/cn";
5 | import { Cookies } from "app:helpers/cookies";
6 | import { ok } from "app:helpers/response";
7 | import schema from "db:schema";
8 | import { orm } from "edgekitjs";
9 | import { Form, redirect, useNavigation } from "react-router";
10 | import type { Route } from "./+types/purge";
11 |
12 | export async function loader({ request }: Route.LoaderArgs) {
13 | await rootOnly(request);
14 | return ok(null);
15 | }
16 |
17 | export async function action({ request }: Route.ActionArgs) {
18 | await rootOnly(request);
19 |
20 | await orm().delete(schema.users).execute();
21 | await orm().delete(schema.teams).execute();
22 |
23 | let headers = new Headers();
24 |
25 | headers.set(
26 | "Set-Cookie",
27 | await Cookies.session.serialize(null, { expires: new Date(0) }),
28 | );
29 |
30 | throw redirect("/", { headers });
31 | }
32 |
33 | export default function Component() {
34 | let navigation = useNavigation();
35 | let isPending = navigation.state !== "idle";
36 |
37 | return (
38 | Dashboard
27 |
30 |
31 |
38 |
39 |
40 |
47 |
48 | 32 | Total Users 33 |
34 |35 | {loaderData.users} 36 |
37 |41 | Total Teams 42 |
43 |44 | {loaderData.teams} 45 |
46 |
37 | Go to Homepage
47 |
48 | {error instanceof Error && error.stack ? (
49 |
54 | 38 | {title} 39 |
40 | 41 |42 | We're sorry, but an unexpected error has occurred. Please try again 43 | later or contact support if the issue persists. 44 |
45 | 46 |
50 | {JSON.stringify(error.stack, null, "\t")}
51 |
52 | ) : null}
53 |
49 |
70 |
71 |
50 | 
57 |
58 |
62 |
63 | {loaderData.user.hasEmailVerified ? null : (
64 | 59 | {loaderData.user.displayName} 60 |
61 |65 | Your email address has not been verified. Please check your email 66 | for a verification link. 67 |
68 | )} 69 |Session
74 |75 |
76 | This is a list of devices that have logged into your account. Revoke 77 | any sessions that you do not recognize. 78 |
79 |-
82 | {loaderData.sessions.map((session) => {
83 | return (
84 |
-
85 | 86 |92 |
87 | {session.geo.city}, {session.geo.country} - {session.ip} -{" "} 88 | {session.ua?.browser}{" "} 89 | {session.isCurrent ? " (current)" : ""} 90 |
91 |
93 | );
94 | })}
95 |