7 |
9 | )
10 | }
11 |
12 | export const meta: Route.MetaFunction = ({ params, matches }) => {
13 | const notesMatch = matches.find(
14 | (m) => m?.id === 'routes/users+/$username_+/notes',
15 | ) as { data: notesInfo['loaderData'] }
16 |
17 | const displayName = notesMatch?.data?.owner.name ?? params.username
18 | const noteCount = notesMatch?.data?.owner.notes.length ?? 0
19 | const notesText = noteCount === 1 ? 'note' : 'notes'
20 | return [
21 | { title: `${displayName}'s Notes | Epic Notes` },
22 | {
23 | name: 'description',
24 | content: `Checkout ${displayName}'s ${noteCount} ${notesText} on Epic Notes`,
25 | },
26 | ]
27 | }
28 |
--------------------------------------------------------------------------------
/playwright.config.ts:
--------------------------------------------------------------------------------
1 | import { defineConfig, devices } from '@playwright/test'
2 | import 'dotenv/config'
3 |
4 | const PORT = process.env.PORT || '3000'
5 |
6 | export default defineConfig({
7 | testDir: './tests/e2e',
8 | timeout: 15 * 1000,
9 | expect: {
10 | timeout: 5 * 1000,
11 | },
12 | fullyParallel: true,
13 | forbidOnly: !!process.env.CI,
14 | retries: process.env.CI ? 2 : 0,
15 | workers: process.env.CI ? 1 : undefined,
16 | reporter: 'html',
17 | use: {
18 | baseURL: `http://localhost:${PORT}/`,
19 | trace: 'on-first-retry',
20 | },
21 |
22 | projects: [
23 | {
24 | name: 'chromium',
25 | use: {
26 | ...devices['Desktop Chrome'],
27 | },
28 | },
29 | ],
30 |
31 | webServer: {
32 | command: process.env.CI ? 'npm run start:mocks' : 'npm run dev',
33 | port: Number(PORT),
34 | reuseExistingServer: true,
35 | stdout: 'pipe',
36 | stderr: 'pipe',
37 | env: {
38 | PORT,
39 | NODE_ENV: 'test',
40 | },
41 | },
42 | })
43 |
--------------------------------------------------------------------------------
/app/routes/resources+/healthcheck.tsx:
--------------------------------------------------------------------------------
1 | // learn more: https://fly.io/docs/reference/configuration/#services-http_checks
2 | import { prisma } from '#app/utils/db.server.ts'
3 | import { type Route } from './+types/healthcheck.ts'
4 |
5 | export async function loader({ request }: Route.LoaderArgs) {
6 | const host =
7 | request.headers.get('X-Forwarded-Host') ?? request.headers.get('host')
8 |
9 | try {
10 | // if we can connect to the database and make a simple query
11 | // and make a HEAD request to ourselves, then we're good.
12 | await Promise.all([
13 | prisma.user.count(),
14 | fetch(`${new URL(request.url).protocol}${host}`, {
15 | method: 'HEAD',
16 | headers: { 'X-Healthcheck': 'true' },
17 | }).then((r) => {
18 | if (!r.ok) return Promise.reject(r)
19 | }),
20 | ])
21 | return new Response('OK')
22 | } catch (error: unknown) {
23 | console.log('healthcheck ❌', { error })
24 | return new Response('ERROR', { status: 500 })
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/other/svg-icons/exit.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
12 |
--------------------------------------------------------------------------------
/app/components/spacer.tsx:
--------------------------------------------------------------------------------
1 | export function Spacer({
2 | size,
3 | }: {
4 | /**
5 | * The size of the space
6 | *
7 | * 4xs: h-4 (16px)
8 | *
9 | * 3xs: h-8 (32px)
10 | *
11 | * 2xs: h-12 (48px)
12 | *
13 | * xs: h-16 (64px)
14 | *
15 | * sm: h-20 (80px)
16 | *
17 | * md: h-24 (96px)
18 | *
19 | * lg: h-28 (112px)
20 | *
21 | * xl: h-32 (128px)
22 | *
23 | * 2xl: h-36 (144px)
24 | *
25 | * 3xl: h-40 (160px)
26 | *
27 | * 4xl: h-44 (176px)
28 | */
29 | size:
30 | | '4xs'
31 | | '3xs'
32 | | '2xs'
33 | | 'xs'
34 | | 'sm'
35 | | 'md'
36 | | 'lg'
37 | | 'xl'
38 | | '2xl'
39 | | '3xl'
40 | | '4xl'
41 | }) {
42 | const options: RecordSelect a note
8 |No note with the id "{params.noteId}" exists
47 | ), 48 | }} 49 | /> 50 | ) 51 | } 52 | -------------------------------------------------------------------------------- /other/build-server.ts: -------------------------------------------------------------------------------- 1 | import path from 'node:path' 2 | import { fileURLToPath } from 'node:url' 3 | import esbuild from 'esbuild' 4 | import fsExtra from 'fs-extra' 5 | import { globSync } from 'glob' 6 | 7 | const pkg = fsExtra.readJsonSync(path.join(process.cwd(), 'package.json')) 8 | 9 | const __dirname = path.dirname(fileURLToPath(import.meta.url)) 10 | const here = (...s: Array19 | {error.status} {error.data} 20 |
21 | ), 22 | statusHandlers, 23 | unexpectedErrorHandler = (error) =>{getErrorMessage(error)}
, 24 | }: { 25 | defaultStatusHandler?: StatusHandler 26 | statusHandlers?: Record
45 | {isResponse
46 | ? (statusHandlers?.[error.status] ?? defaultStatusHandler)({
47 | error,
48 | params,
49 | })
50 | : unexpectedErrorHandler(error)}
51 |
52 | )
53 | }
54 |
--------------------------------------------------------------------------------
/other/svg-icons/avatar.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
12 |
--------------------------------------------------------------------------------
/app/components/ui/tooltip.tsx:
--------------------------------------------------------------------------------
1 | import * as TooltipPrimitive from '@radix-ui/react-tooltip'
2 | import * as React from 'react'
3 |
4 | import { cn } from '#app/utils/misc.tsx'
5 |
6 | function TooltipProvider(
7 | props: React.ComponentProps
33 | Back to home
41 |
42 |
43 | ),
44 | }}
45 | />
46 | )
47 | }
48 |
--------------------------------------------------------------------------------
/other/svg-icons/github-logo.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
14 |
--------------------------------------------------------------------------------
/app/utils/client-hints.tsx:
--------------------------------------------------------------------------------
1 | /**
2 | * This file contains utilities for using client hints for user preference which
3 | * are needed by the server, but are only known by the browser.
4 | */
5 | import { getHintUtils } from '@epic-web/client-hints'
6 | import {
7 | clientHint as colorSchemeHint,
8 | subscribeToSchemeChange,
9 | } from '@epic-web/client-hints/color-scheme'
10 | import { clientHint as timeZoneHint } from '@epic-web/client-hints/time-zone'
11 | import * as React from 'react'
12 | import { useRevalidator } from 'react-router'
13 | import { useOptionalRequestInfo, useRequestInfo } from './request-info.ts'
14 |
15 | const hintsUtils = getHintUtils({
16 | theme: colorSchemeHint,
17 | timeZone: timeZoneHint,
18 | // add other hints here
19 | })
20 |
21 | export const { getHints } = hintsUtils
22 |
23 | /**
24 | * @returns an object with the client hints and their values
25 | */
26 | export function useHints() {
27 | const requestInfo = useRequestInfo()
28 | return requestInfo.hints
29 | }
30 |
31 | export function useOptionalHints() {
32 | const requestInfo = useOptionalRequestInfo()
33 | return requestInfo?.hints
34 | }
35 |
36 | /**
37 | * @returns inline script element that checks for client hints and sets cookies
38 | * if they are not set then reloads the page if any cookie was set to an
39 | * inaccurate value.
40 | */
41 | export function ClientHintCheck({ nonce }: { nonce: string }) {
42 | const { revalidate } = useRevalidator()
43 | React.useEffect(
44 | () => subscribeToSchemeChange(() => revalidate()),
45 | [revalidate],
46 | )
47 |
48 | return (
49 |
55 | )
56 | }
57 |
--------------------------------------------------------------------------------
/app/utils/connections.tsx:
--------------------------------------------------------------------------------
1 | import { Form } from 'react-router'
2 | import { z } from 'zod'
3 | import { Icon } from '#app/components/ui/icon.tsx'
4 | import { StatusButton } from '#app/components/ui/status-button.tsx'
5 | import { useIsPending } from './misc.tsx'
6 |
7 | export const GITHUB_PROVIDER_NAME = 'github'
8 | // to add another provider, set their name here and add it to the providerNames below
9 |
10 | export const providerNames = [GITHUB_PROVIDER_NAME] as const
11 | export const ProviderNameSchema = z.enum(providerNames)
12 | export type ProviderName = z.infer
34 |
39 |
40 | We can't find this page:
35 |
36 | {location.pathname}
37 |
38 |
37 |
49 | {delayedPending && (
50 |
60 | )
61 | }
62 |
63 | export { EpicProgress }
64 |
--------------------------------------------------------------------------------
/app/routes/admin+/cache_.sqlite.server.ts:
--------------------------------------------------------------------------------
1 | import { redirect } from 'react-router'
2 | import { z } from 'zod'
3 | import { cache } from '#app/utils/cache.server.ts'
4 | import {
5 | getInstanceInfo,
6 | getInternalInstanceDomain,
7 | } from '#app/utils/litefs.server'
8 | import { type Route } from './+types/cache_.sqlite.ts'
9 |
10 | export async function updatePrimaryCacheValue({
11 | key,
12 | cacheValue,
13 | }: {
14 | key: string
15 | cacheValue: any
16 | }) {
17 | const { currentIsPrimary, primaryInstance } = await getInstanceInfo()
18 | if (currentIsPrimary) {
19 | throw new Error(
20 | `updatePrimaryCacheValue should not be called on the primary instance (${primaryInstance})}`,
21 | )
22 | }
23 | const domain = getInternalInstanceDomain(primaryInstance)
24 | const token = process.env.INTERNAL_COMMAND_TOKEN
25 | return fetch(`${domain}/admin/cache/sqlite`, {
26 | method: 'POST',
27 | headers: {
28 | Authorization: `Bearer ${token}`,
29 | 'Content-Type': 'application/json',
30 | },
31 | body: JSON.stringify({ key, cacheValue }),
32 | })
33 | }
34 |
35 | export async function action({ request }: Route.ActionArgs) {
36 | const { currentIsPrimary, primaryInstance } = await getInstanceInfo()
37 | if (!currentIsPrimary) {
38 | throw new Error(
39 | `${request.url} should only be called on the primary instance (${primaryInstance})}`,
40 | )
41 | }
42 | const token = process.env.INTERNAL_COMMAND_TOKEN
43 | const isAuthorized =
44 | request.headers.get('Authorization') === `Bearer ${token}`
45 | if (!isAuthorized) {
46 | // nah, you can't be here...
47 | return redirect('https://www.youtube.com/watch?v=dQw4w9WgXcQ')
48 | }
49 | const { key, cacheValue } = z
50 | .object({ key: z.string(), cacheValue: z.unknown().optional() })
51 | .parse(await request.json())
52 | if (cacheValue === undefined) {
53 | await cache.delete(key)
54 | } else {
55 | // @ts-expect-error - we don't reliably know the type of cacheValue
56 | await cache.set(key, cacheValue)
57 | }
58 | return { success: true }
59 | }
60 |
--------------------------------------------------------------------------------
/app/routes/_marketing+/logos/remix.svg:
--------------------------------------------------------------------------------
1 |
26 |
--------------------------------------------------------------------------------
/app/components/ui/input-otp.tsx:
--------------------------------------------------------------------------------
1 | import { OTPInput, OTPInputContext } from 'input-otp'
2 | import * as React from 'react'
3 |
4 | import { cn } from '#app/utils/misc.tsx'
5 |
6 | const InputOTP = ({
7 | className,
8 | containerClassName,
9 | ...props
10 | }: React.ComponentProps
51 |
58 | )}
59 |
55 | {char}
56 | {hasFakeCaret && (
57 |
62 | )
63 | }
64 |
65 | const InputOTPSeparator = (props: React.ComponentProps<'div'>) => (
66 |
67 | )
68 |
69 | export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }
70 |
--------------------------------------------------------------------------------
/app/components/ui/status-button.tsx:
--------------------------------------------------------------------------------
1 | import { useSpinDelay } from 'spin-delay'
2 | import { cn } from '#app/utils/misc.tsx'
3 | import { Button, type ButtonVariant } from './button.tsx'
4 | import { Icon } from './icon.tsx'
5 | import {
6 | Tooltip,
7 | TooltipContent,
8 | TooltipProvider,
9 | TooltipTrigger,
10 | } from './tooltip.tsx'
11 |
12 | export const StatusButton = ({
13 | message,
14 | status,
15 | className,
16 | children,
17 | spinDelay,
18 | ...props
19 | }: React.ComponentProps<'button'> &
20 | ButtonVariant & {
21 | status: 'pending' | 'success' | 'error' | 'idle'
22 | message?: string | null
23 | spinDelay?: Parameters
58 |
59 |
60 | )}
61 |
36 |
38 | ) : null,
39 | success: (
40 |
44 |
46 | ),
47 | error: (
48 |
52 |
58 | ),
59 | idle: null,
60 | }[status]
61 |
62 | return (
63 |
76 | )
77 | }
78 | StatusButton.displayName = 'Button'
79 |
--------------------------------------------------------------------------------
/app/components/ui/icon.tsx:
--------------------------------------------------------------------------------
1 | import { type SVGProps } from 'react'
2 | import { cn } from '#app/utils/misc.tsx'
3 | import href from './icons/sprite.svg'
4 | import { type IconName } from '@/icon-name'
5 |
6 | export { href }
7 | export { IconName }
8 |
9 | const sizeClassName = {
10 | font: 'size-[1em]',
11 | xs: 'size-3',
12 | sm: 'size-4',
13 | md: 'size-5',
14 | lg: 'size-6',
15 | xl: 'size-7',
16 | } as const
17 |
18 | type Size = keyof typeof sizeClassName
19 |
20 | const childrenSizeClassName = {
21 | font: 'gap-1.5',
22 | xs: 'gap-1.5',
23 | sm: 'gap-1.5',
24 | md: 'gap-2',
25 | lg: 'gap-2',
26 | xl: 'gap-3',
27 | } satisfies Record
42 |
43 |
57 | {dc.doubleCheck ? 'Are you sure?' : 'Disable 2FA'}
58 |
59 |
60 |
61 | )
62 | }
63 |
--------------------------------------------------------------------------------
/app/routes/_auth+/webauthn+/utils.server.ts:
--------------------------------------------------------------------------------
1 | import {
2 | type AuthenticationResponseJSON,
3 | type RegistrationResponseJSON,
4 | } from '@simplewebauthn/server'
5 | import { createCookie } from 'react-router'
6 | import { z } from 'zod'
7 | import { getDomainUrl } from '#app/utils/misc.tsx'
8 |
9 | export const passkeyCookie = createCookie('webauthn-challenge', {
10 | path: '/',
11 | sameSite: 'lax',
12 | httpOnly: true,
13 | maxAge: 60 * 60 * 2,
14 | secure: process.env.NODE_ENV === 'production',
15 | secrets: [process.env.SESSION_SECRET],
16 | })
17 |
18 | export const PasskeyCookieSchema = z.object({
19 | challenge: z.string(),
20 | userId: z.string(),
21 | })
22 |
23 | export const RegistrationResponseSchema = z.object({
24 | id: z.string(),
25 | rawId: z.string(),
26 | response: z.object({
27 | clientDataJSON: z.string(),
28 | attestationObject: z.string(),
29 | transports: z
30 | .array(
31 | z.enum([
32 | 'ble',
33 | 'cable',
34 | 'hybrid',
35 | 'internal',
36 | 'nfc',
37 | 'smart-card',
38 | 'usb',
39 | ]),
40 | )
41 | .optional(),
42 | }),
43 | authenticatorAttachment: z.enum(['cross-platform', 'platform']).optional(),
44 | clientExtensionResults: z.object({
45 | credProps: z
46 | .object({
47 | rk: z.boolean(),
48 | })
49 | .optional(),
50 | }),
51 | type: z.literal('public-key'),
52 | }) satisfies z.ZodType44 | Disabling two factor authentication is not recommended. However, if 45 | you would like to do so, click here: 46 |
47 |
52 |
78 |
80 |
81 | )
82 | }
83 |
--------------------------------------------------------------------------------
/app/utils/email.server.ts:
--------------------------------------------------------------------------------
1 | import { render } from '@react-email/components'
2 | import { type ReactElement } from 'react'
3 | import { z } from 'zod'
4 |
5 | const resendErrorSchema = z.union([
6 | z.object({
7 | name: z.string(),
8 | message: z.string(),
9 | statusCode: z.number(),
10 | }),
11 | z.object({
12 | name: z.literal('UnknownError'),
13 | message: z.literal('Unknown Error'),
14 | statusCode: z.literal(500),
15 | cause: z.any(),
16 | }),
17 | ])
18 | type ResendError = z.infer
53 |
76 | -
54 |
- 55 | 59 | Profile 60 | 61 | 62 | {breadcrumbs.map((breadcrumb, i, arr) => ( 63 |
-
69 |
70 | {breadcrumb} 71 | 72 |
73 | ))}
74 |
17 |
18 |
26 |
27 | )
28 | }
29 |
30 | test('prevents default on the first click, and does not on the second', async () => {
31 | const user = userEvent.setup()
32 | render(
30 |
35 | {loaderData.status === 'idle' ? (
36 | loaderData.users.length ? (
37 |
75 |
76 | )
77 | }
78 |
79 | export function ErrorBoundary() {
80 | return Epic Notes Users
31 |
32 |
34 | -
43 | {loaderData.users.map((user) => (
44 |
-
45 |
49 |
56 | {user.name ? ( 57 | 58 | {user.name} 59 | 60 | ) : null} 61 | 62 | {user.username} 63 | 64 | 65 |
66 | ))}
67 |
No users found
70 | ) 71 | ) : loaderData.status === 'error' ? ( 72 |
48 | {loaderData.is2FAEnabled ? (
49 | <>
50 | Disable 2FA
57 |
58 |
59 | ) : (
60 | <>
61 |
76 |
83 | Enable 2FA
84 |
85 |
86 |
87 | )}
88 |
89 | )
90 | }
91 |
--------------------------------------------------------------------------------
/other/Dockerfile:
--------------------------------------------------------------------------------
1 | # This file is moved to the root directory before building the image
2 |
3 | # base node image
4 | FROM node:22-bookworm-slim as base
5 |
6 | # set for base and all layer that inherit from it
7 | ENV NODE_ENV production
8 |
9 | # Install openssl for Prisma
10 | RUN apt-get update && apt-get install -y fuse3 openssl sqlite3 ca-certificates
11 |
12 | # Install all node_modules, including dev dependencies
13 | FROM base as deps
14 |
15 | WORKDIR /myapp
16 |
17 | ADD package.json package-lock.json .npmrc ./
18 | RUN npm ci --include=dev
19 |
20 | # Setup production node_modules
21 | FROM base as production-deps
22 |
23 | WORKDIR /myapp
24 |
25 | COPY --from=deps /myapp/node_modules /myapp/node_modules
26 | ADD package.json package-lock.json .npmrc ./
27 | RUN npm prune --omit=dev
28 |
29 | # Build the app
30 | FROM base as build
31 |
32 | ARG COMMIT_SHA
33 | ENV COMMIT_SHA=$COMMIT_SHA
34 |
35 | # Use the following environment variables to configure Sentry
36 | # ENV SENTRY_ORG=
37 | # ENV SENTRY_PROJECT=
38 |
39 |
40 | WORKDIR /myapp
41 |
42 | COPY --from=deps /myapp/node_modules /myapp/node_modules
43 |
44 | ADD prisma .
45 | RUN npx prisma generate
46 |
47 | ADD . .
48 |
49 | # Mount the secret and set it as an environment variable and run the build
50 | RUN --mount=type=secret,id=SENTRY_AUTH_TOKEN \
51 | export SENTRY_AUTH_TOKEN=$(cat /run/secrets/SENTRY_AUTH_TOKEN) && \
52 | npm run build
53 |
54 | # Finally, build the production image with minimal footprint
55 | FROM base
56 |
57 | ENV FLY="true"
58 | ENV LITEFS_DIR="/litefs/data"
59 | ENV DATABASE_FILENAME="sqlite.db"
60 | ENV DATABASE_PATH="$LITEFS_DIR/$DATABASE_FILENAME"
61 | ENV DATABASE_URL="file:$DATABASE_PATH"
62 | ENV CACHE_DATABASE_FILENAME="cache.db"
63 | ENV CACHE_DATABASE_PATH="$LITEFS_DIR/$CACHE_DATABASE_FILENAME"
64 | ENV INTERNAL_PORT="8080"
65 | ENV PORT="8081"
66 | ENV NODE_ENV="production"
67 | # For WAL support: https://github.com/prisma/prisma-engines/issues/4675#issuecomment-1914383246
68 | ENV PRISMA_SCHEMA_DISABLE_ADVISORY_LOCK = "1"
69 |
70 | # add shortcut for connecting to database CLI
71 | RUN echo "#!/bin/sh\nset -x\nsqlite3 \$DATABASE_URL" > /usr/local/bin/database-cli && chmod +x /usr/local/bin/database-cli
72 | # and one for the cache database
73 | RUN echo "#!/bin/sh\nset -x\nsqlite3 \$CACHE_DATABASE_URL" > /usr/local/bin/cache-database-cli && chmod +x /usr/local/bin/cache-database-cli
74 |
75 | WORKDIR /myapp
76 |
77 | # Generate random value and save it to .env file which will be loaded by dotenv
78 | RUN INTERNAL_COMMAND_TOKEN=$(openssl rand -hex 32) && \
79 | echo "INTERNAL_COMMAND_TOKEN=$INTERNAL_COMMAND_TOKEN" > .env
80 |
81 | COPY --from=production-deps /myapp/node_modules /myapp/node_modules
82 | COPY --from=build /myapp/node_modules/.prisma /myapp/node_modules/.prisma
83 |
84 | COPY --from=build /myapp/server-build /myapp/server-build
85 | COPY --from=build /myapp/build /myapp/build
86 | COPY --from=build /myapp/package.json /myapp/package.json
87 | COPY --from=build /myapp/prisma /myapp/prisma
88 | COPY --from=build /myapp/app/components/ui/icons /myapp/app/components/ui/icons
89 |
90 | # prepare for litefs
91 | COPY --from=flyio/litefs:0.5.11 /usr/local/bin/litefs /usr/local/bin/litefs
92 | ADD other/litefs.yml /etc/litefs.yml
93 | RUN mkdir -p /data ${LITEFS_DIR}
94 |
95 | ADD . .
96 |
97 | CMD ["litefs", "mount"]
98 |
--------------------------------------------------------------------------------
/app/utils/timing.server.ts:
--------------------------------------------------------------------------------
1 | import { type CreateReporter } from '@epic-web/cachified'
2 |
3 | export type Timings = Record<
4 | string,
5 | Array<
6 | { desc?: string } & (
7 | | { time: number; start?: never }
8 | | { time?: never; start: number }
9 | )
10 | >
11 | >
12 |
13 | export function makeTimings(type: string, desc?: string) {
14 | const timings: Timings = {
15 | [type]: [{ desc, start: performance.now() }],
16 | }
17 | Object.defineProperty(timings, 'toString', {
18 | value: function () {
19 | return getServerTimeHeader(timings)
20 | },
21 | enumerable: false,
22 | })
23 | return timings
24 | }
25 |
26 | function createTimer(type: string, desc?: string) {
27 | const start = performance.now()
28 | return {
29 | end(timings: Timings) {
30 | let timingType = timings[type]
31 |
32 | if (!timingType) {
33 | timingType = timings[type] = []
34 | }
35 | timingType.push({ desc, time: performance.now() - start })
36 | },
37 | }
38 | }
39 |
40 | export async function time
51 |
62 |
67 | Two factor authentication adds an extra layer of security to your 68 | account. You will need to enter a code from an authenticator app 69 | like{' '} 70 | 71 | 1Password 72 | {' '} 73 | to log in. 74 |
75 |Loading...
,
30 | },
31 | ])
32 |
33 | const routeUrl = `/users/${user.username}`
34 | render(Loading...
,
75 | children: [
76 | {
77 | path: 'users/:username',
78 | Component: UsernameRoute,
79 | loader: async (args) => {
80 | // add the cookie header to the request
81 | args.request.headers.set('cookie', cookieHeader)
82 | return loader(args)
83 | },
84 | },
85 | ],
86 | },
87 | ])
88 |
89 | const routeUrl = `/users/${user.username}`
90 | render(
82 | Epic Notes Email Change
83 |
84 |
85 |
90 |
103 | Your Epic Notes email has been changed
104 |
105 |
106 |
112 |
119 |