comparing 91bd8592238d38e2ff40533541480f6db1bbef40 and main on cduck.me/statusphere-example-app-fork

+2 -2

.env.template

···

       4
       4
        
       DB_PATH=":memory:"         # The SQLite database path. Set as ":memory:" to use a temporary in-memory database.

     

       5
       5
        
       # PUBLIC_URL=""            # Set when deployed publicly, e.g. "https://mysite.com". Informs OAuth client id.

     

       6
       6
        
       # LOG_LEVEL="info"         # Options: 'fatal', 'error', 'warn', 'info', 'debug'

     

       7
       7
       -
       # PDS_URL="https://my.pds" # The the default PDS for login and sign-ups

     

       7
       7
       +
       # PDS_URL="https://my.pds" # The default PDS for login and sign-ups

     

       8
       8
        
       

     

       9
       9
       -
       # Secrets bellow *MUST* be set in production

     

       9
       9
       +
       # Secrets below *MUST* be set in production

     

       10
       10
        
       

     

       11
       11
        
       # May be generated with `openssl rand -base64 33`

     

       12
       12
        
       # COOKIE_SECRET=""

+2 -2

.gitignore

···

       14
       14
        
       dist-ssr

     

       15
       15
        
       *.local

     

       16
       16
        
       .env

     

       17
       17
       +
       *.sqlite

     

       17
       18
        
       

     

       18
       19
        
       # Editor directories and files

     

       19
       20
        
       !.vscode/extensions.json

     
···

       23
       24
        
       *.ntvs*

     

       24
       25
        
       *.njsproj

     

       25
       26
        
       *.sln

     

       26
       26
       -
       *.sw?

     

       27
       27
       -
       *.sqlite

     

       27
       27
       +
       *.sw?

+2 -8

.vscode/settings.json

···

       1
       1
        
       {

     

       2
       2
        
         "editor.formatOnSave": true,

     

       3
       3
       -
         "editor.defaultFormatter": "biomejs.biome",

     

       3
       3
       +
         "editor.defaultFormatter": "esbenp.prettier-vscode",

     

       4
       4
        
         "editor.codeActionsOnSave": {

     

       5
       5
        
           "quickfix.biome": "explicit",

     

       6
       6
        
           "source.organizeImports.biome": "explicit",

     
···

       11
       11
        
             "url": "https://cdn.jsdelivr.net/npm/tsup/schema.json",

     

       12
       12
        
             "fileMatch": ["package.json", "tsup.config.json"]

     

       13
       13
        
           }

     

       14
       14
       -
         ],

     

       15
       15
       -
         "[typescript]": {

     

       16
       16
       -
           "editor.defaultFormatter": "esbenp.prettier-vscode"

     

       17
       17
       -
         },

     

       18
       18
       -
         "[javascript]": {

     

       19
       19
       -
           "editor.defaultFormatter": "esbenp.prettier-vscode"

     

       20
       20
       -
         }

     

       14
       14
       +
         ]

     

       21
       15
        
       }

+42

README.md

···

       19
       19
        
       npm run dev

     

       20
       20
        
       # Navigate to http://localhost:8080

     

       21
       21
        
       ```

     

       22
       22
       +
       

     

       23
       23
       +
       ## Deploying

     

       24
       24
       +
       

     

       25
       25
       +
       In production, you will need a private key to sign OAuth tokens request. Use the

     

       26
       26
       +
       following command to generate a new private key:

     

       27
       27
       +
       

     

       28
       28
       +
       ```sh

     

       29
       29
       +
       ./bin/gen-jwk

     

       30
       30
       +
       ```

     

       31
       31
       +
       

     

       32
       32
       +
       The generated key must be added to the environment variables (`.env` file) in `PRIVATE_KEYS`.

     

       33
       33
       +
       

     

       34
       34
       +
       ```env

     

       35
       35
       +
       PRIVATE_KEYS='[{"kty":"EC","kid":"12",...}]'

     

       36
       36
       +
       ```

     

       37
       37
       +
       

     

       38
       38
       +
       > [!NOTE]

     

       39
       39
       +
       >

     

       40
       40
       +
       > The `PRIVATE_KEYS` can contain multiple keys. The first key in the array is

     

       41
       41
       +
       > the most recent one, and it will be used to sign new tokens. When a key is

     

       42
       42
       +
       > removed, all associated sessions will be invalidated.

     

       43
       43
       +
       

     

       44
       44
       +
       Make sure to also set the `COOKIE_SECRET`, which is used to sign session

     

       45
       45
       +
       cookies, in your environment variables (`.env` file). You should use a random

     

       46
       46
       +
       string for this:

     

       47
       47
       +
       

     

       48
       48
       +
       ```sh

     

       49
       49
       +
       openssl rand -base64 33

     

       50
       50
       +
       ```

     

       51
       51
       +
       

     

       52
       52
       +
       Finally, set the `PUBLIC_URL` to the URL where your app will be accessible. This

     

       53
       53
       +
       will allow the authorization servers to download the app's public keys.

     

       54
       54
       +
       

     

       55
       55
       +
       ```env

     

       56
       56
       +
       PUBLIC_URL="https://your-app-url.com"

     

       57
       57
       +
       ```

     

       58
       58
       +
       

     

       59
       59
       +
       > [!NOTE]

     

       60
       60
       +
       >

     

       61
       61
       +
       > You can use services like [ngrok](https://ngrok.com/) to expose your local

     

       62
       62
       +
       > server to the internet for testing purposes. Just set the `PUBLIC_URL` to the

     

       63
       63
       +
       > ngrok URL.

+1 -1

src/auth/client.ts

···

       31
       31
        
       

     

       32
       32
        
         // If a keyset is defined (meaning the client is confidential). Let's make

     

       33
       33
        
         // sure it has a private key for signing. Note: findPrivateKey will throw if

     

       34
       34
       -
         // the keyset does no contain a suitable private key.

     

       34
       34
       +
         // the keyset does not contain a suitable private key.

     

       35
       35
        
         const pk = keyset?.findPrivateKey({ use: 'sig' })

     

       36
       36
        
       

     

       37
       37
        
         const clientMetadata: OAuthClientMetadataInput = env.PUBLIC_URL

+3 -11

src/auth/storage.ts

···

       4
       4
        
         NodeSavedState,

     

       5
       5
        
         NodeSavedStateStore,

     

       6
       6
        
       } from '@atproto/oauth-client-node'

     

       7
       7
       -
       import { Database } from '#/db'

     

       7
       7
       +
       import type { Database } from '#/db'

     

       8
       8
        
       

     

       9
       9
        
       export class StateStore implements NodeSavedStateStore {

     

       10
       10
        
         constructor(private db: Database) {}

     

       11
       11
        
         async get(key: string): Promise<NodeSavedState | undefined> {

     

       12
       12
       -
           const result = await this.db

     

       13
       13
       -
             .selectFrom('auth_state')

     

       14
       14
       -
             .selectAll()

     

       15
       15
       -
             .where('key', '=', key)

     

       16
       16
       -
             .executeTakeFirst()

     

       12
       12
       +
           const result = await this.db.selectFrom('auth_state').selectAll().where('key', '=', key).executeTakeFirst()

     

       17
       13
        
           if (!result) return

     

       18
       14
        
           return JSON.parse(result.state) as NodeSavedState

     

       19
       15
        
         }

     
···

       33
       29
        
       export class SessionStore implements NodeSavedSessionStore {

     

       34
       30
        
         constructor(private db: Database) {}

     

       35
       31
        
         async get(key: string): Promise<NodeSavedSession | undefined> {

     

       36
       36
       -
           const result = await this.db

     

       37
       37
       -
             .selectFrom('auth_session')

     

       38
       38
       -
             .selectAll()

     

       39
       39
       -
             .where('key', '=', key)

     

       40
       40
       -
             .executeTakeFirst()

     

       32
       32
       +
           const result = await this.db.selectFrom('auth_session').selectAll().where('key', '=', key).executeTakeFirst()

     

       41
       33
        
           if (!result) return

     

       42
       34
        
           return JSON.parse(result.session) as NodeSavedSession

     

       43
       35
        
         }

+13 -2

src/context.ts

···

       6
       6
        
       import { createDb, Database, migrateToLatest } from '#/db'

     

       7
       7
        
       import { createIngester } from '#/ingester'

     

       8
       8
        
       import { env } from '#/env'

     

       9
       9
       +
       import {

     

       10
       10
       +
         BidirectionalResolver,

     

       11
       11
       +
         createBidirectionalResolver,

     

       12
       12
       +
       } from '#/id-resolver'

     

       9
       13
        
       

     

       10
       14
        
       /**

     

       11
       15
        
        * Application state passed to the router and elsewhere

     
···

       15
       19
        
         ingester: Firehose

     

       16
       20
        
         logger: pino.Logger

     

       17
       21
        
         oauthClient: NodeOAuthClient

     

       18
       18
       -
         identityResolver: NodeOAuthClient['identityResolver']

     

       22
       22
       +
         resolver: BidirectionalResolver

     

       23
       23
       +
         destroy: () => Promise<void>

     

       19
       24
        
       }

     

       20
       25
        
       

     

       21
       26
        
       export async function createAppContext(): Promise<AppContext> {

     
···

       24
       29
        
         const oauthClient = await createOAuthClient(db)

     

       25
       30
        
         const ingester = createIngester(db)

     

       26
       31
        
         const logger = pino({ name: 'server', level: env.LOG_LEVEL })

     

       32
       32
       +
         const resolver = createBidirectionalResolver(oauthClient)

     

       27
       33
        
       

     

       28
       34
        
         return {

     

       29
       35
        
           db,

     

       30
       36
        
           ingester,

     

       31
       37
        
           logger,

     

       32
       38
        
           oauthClient,

     

       33
       33
       -
           identityResolver: oauthClient.identityResolver,

     

       39
       39
       +
           resolver,

     

       40
       40
       +
       

     

       41
       41
       +
           async destroy() {

     

       42
       42
       +
             await ingester.destroy()

     

       43
       43
       +
             await db.destroy()

     

       44
       44
       +
           },

     

       34
       45
        
         }

     

       35
       46
        
       }

+37

src/id-resolver.ts

···

       1
       1
       +
       import { OAuthClient } from '@atproto/oauth-client-node'

     

       2
       2
       +
       

     

       3
       3
       +
       export interface BidirectionalResolver {

     

       4
       4
       +
         resolveDidToHandle(did: string): Promise<string | undefined>

     

       5
       5
       +
         resolveDidsToHandles(

     

       6
       6
       +
           dids: string[],

     

       7
       7
       +
         ): Promise<Record<string, string | undefined>>

     

       8
       8
       +
       }

     

       9
       9
       +
       

     

       10
       10
       +
       export function createBidirectionalResolver({

     

       11
       11
       +
         identityResolver,

     

       12
       12
       +
       }: OAuthClient): BidirectionalResolver {

     

       13
       13
       +
         return {

     

       14
       14
       +
           async resolveDidToHandle(did: string): Promise<string | undefined> {

     

       15
       15
       +
             try {

     

       16
       16
       +
               const { handle } = await identityResolver.resolve(did)

     

       17
       17
       +
               if (handle) return handle

     

       18
       18
       +
             } catch {

     

       19
       19
       +
               // Ignore

     

       20
       20
       +
             }

     

       21
       21
       +
           },

     

       22
       22
       +
       

     

       23
       23
       +
           async resolveDidsToHandles(

     

       24
       24
       +
             dids: string[],

     

       25
       25
       +
           ): Promise<Record<string, string | undefined>> {

     

       26
       26
       +
             const uniqueDids = [...new Set(dids)]

     

       27
       27
       +
       

     

       28
       28
       +
             return Object.fromEntries(

     

       29
       29
       +
               await Promise.all(

     

       30
       30
       +
                 uniqueDids.map((did) =>

     

       31
       31
       +
                   this.resolveDidToHandle(did).then((handle) => [did, handle]),

     

       32
       32
       +
                 ),

     

       33
       33
       +
               ),

     

       34
       34
       +
             )

     

       35
       35
       +
           },

     

       36
       36
       +
         }

     

       37
       37
       +
       }

+3 -4

src/index.ts

···

       1
       1
       -
       import { createHttpTerminator } from 'http-terminator'

     

       2
       1
        
       import { once } from 'node:events'

     

       3
       2
        
       

     

       4
       3
        
       import { createAppContext } from '#/context'

     

       5
       4
        
       import { env } from '#/env'

     

       5
       5
       +
       import { startServer } from '#/lib/http'

     

       6
       6
        
       import { run } from '#/lib/process'

     

       7
       7
        
       import { createRouter } from '#/routes'

     

       8
       8
       -
       import { startServer } from '#/lib/http'

     

       9
       8
        
       

     

       10
       9
        
       run(async (killSignal) => {

     

       11
       10
        
         // Create the application context

     
···

       30
       29
        
         // Gracefully shutdown the http server

     

       31
       30
        
         await terminate()

     

       32
       31
        
       

     

       33
       33
       -
         // Close the firehose connection

     

       34
       34
       -
         await ctx.ingester.destroy()

     

       32
       32
       +
         // Gracefully shutdown the application context

     

       33
       33
       +
         await ctx.destroy()

     

       35
       34
        
       })

+6 -6

src/ingester.ts

···

       11
       11
        
       export function createIngester(db: Database) {

     

       12
       12
        
         const logger = pino({ name: 'firehose', level: env.LOG_LEVEL })

     

       13
       13
        
         return new Firehose({

     

       14
       14
       -
           service: env.FIREHOSE_URL,

     

       15
       15
       -
           idResolver: new IdResolver({

     

       16
       16
       -
             plcUrl: env.PLC_URL,

     

       17
       17
       -
             didCache: new MemoryCache(HOUR, DAY),

     

       18
       18
       -
           }),

     

       14
       14
       +
           filterCollections: ['xyz.statusphere.status'],

     

       19
       15
        
           handleEvent: async (evt: Event) => {

     

       20
       16
        
             // Watch for write events

     

       21
       17
        
             if (evt.event === 'create' || evt.event === 'update') {

     
···

       70
       66
        
           onError: (err: unknown) => {

     

       71
       67
        
             logger.error({ err }, 'error on firehose ingestion')

     

       72
       68
        
           },

     

       73
       73
       -
           filterCollections: ['xyz.statusphere.status'],

     

       74
       69
        
           excludeIdentity: true,

     

       75
       70
        
           excludeAccount: true,

     

       71
       71
       +
           service: env.FIREHOSE_URL,

     

       72
       72
       +
           idResolver: new IdResolver({

     

       73
       73
       +
             plcUrl: env.PLC_URL,

     

       74
       74
       +
             didCache: new MemoryCache(HOUR, DAY),

     

       75
       75
       +
           }),

     

       76
       76
        
         })

     

       77
       77
        
       }

+12 -21

src/lib/http.ts

···

       1
       1
       +
       import { Request, Response } from 'express'

     

       1
       2
        
       import { createHttpTerminator } from 'http-terminator'

     

       2
       3
        
       import { once } from 'node:events'

     

       3
       4
        
       import type {

     
···

       9
       10
        
       

     

       10
       11
        
       export type NextFunction = (err?: unknown) => void

     

       11
       12
        
       

     

       12
       12
       -
       export type Handler<

     

       13
       13
       +
       export type Middleware<

     

       13
       14
        
         Req extends IncomingMessage = IncomingMessage,

     

       14
       14
       -
         Res extends ServerResponse<Req> = ServerResponse<Req>,

     

       15
       15
       +
         Res extends ServerResponse = ServerResponse,

     

       15
       16
        
       > = (req: Req, res: Res, next: NextFunction) => void

     

       16
       17
        
       

     

       17
       17
       -
       export type AsyncHandler<

     

       18
       18
       +
       export type Handler<

     

       18
       19
        
         Req extends IncomingMessage = IncomingMessage,

     

       19
       19
       -
         Res extends ServerResponse<Req> = ServerResponse<Req>,

     

       20
       20
       -
       > = (req: Req, res: Res, next: NextFunction) => Promise<void>

     

       21
       21
       -
       

     

       20
       20
       +
         Res extends ServerResponse = ServerResponse,

     

       21
       21
       +
       > = (req: Req, res: Res) => unknown | Promise<unknown>

     

       22
       22
        
       /**

     

       23
       23
        
        * Wraps a request handler middleware to ensure that `next` is called if it

     

       24
       24
        
        * throws or returns a promise that rejects.

     

       25
       25
        
        */

     

       26
       26
        
       export function handler<

     

       27
       27
       -
         Req extends IncomingMessage = IncomingMessage,

     

       28
       28
       -
         Res extends ServerResponse<Req> = ServerResponse<Req>,

     

       29
       29
       -
       >(fn: Handler<Req, Res> | AsyncHandler<Req, Res>): Handler<Req, Res> {

     

       30
       30
       -
         return (req, res, next) => {

     

       31
       31
       -
           // Optimization: NodeJS prefers objects over functions for garbage collection

     

       32
       32
       -
           const nextSafe = nextOnce.bind({ next })

     

       27
       27
       +
         Req extends IncomingMessage = Request,

     

       28
       28
       +
         Res extends ServerResponse = Response,

     

       29
       29
       +
       >(fn: Handler<Req, Res>): Middleware<Req, Res> {

     

       30
       30
       +
         return async (req, res, next) => {

     

       33
       31
        
           try {

     

       34
       34
       -
             const result = fn(req, res, nextSafe)

     

       35
       35
       -
             if (result instanceof Promise) result.catch(nextSafe)

     

       32
       32
       +
             await fn(req, res)

     

       36
       33
        
           } catch (err) {

     

       37
       37
       -
             nextSafe(err)

     

       34
       34
       +
             next(err)

     

       38
       35
        
           }

     

       39
       39
       -
         }

     

       40
       40
       -
       

     

       41
       41
       -
         function nextOnce(this: { next: NextFunction | null }, err?: unknown) {

     

       42
       42
       -
           const { next } = this

     

       43
       43
       -
           this.next = null

     

       44
       44
       -
           next?.(err)

     

       45
       36
        
         }

     

       46
       37
        
       }

     

       47
       38

+3 -3

src/lib/process.ts

···

       4
       4
        
        * Runs a function with an abort signal that will be triggered when the process

     

       5
       5
        
        * receives a termination signal.

     

       6
       6
        
        */

     

       7
       7
       -
       export async function run<F extends (signal: AbortSignal) => unknown>(

     

       7
       7
       +
       export async function run<F extends (signal: AbortSignal) => Promise<void>>(

     

       8
       8
        
         fn: F,

     

       9
       9
       -
       ): Promise<Awaited<ReturnType<F>>> {

     

       9
       9
       +
       ): Promise<void> {

     

       10
       10
        
         const killController = new AbortController()

     

       11
       11
        
       

     

       12
       12
        
         const abort = (signal?: string) => {

     
···

       17
       17
        
         for (const sig of SIGNALS) process.on(sig, abort)

     

       18
       18
        
       

     

       19
       19
        
         try {

     

       20
       20
       -
           return (await fn(killController.signal)) as Awaited<ReturnType<F>>

     

       20
       20
       +
           await fn(killController.signal)

     

       21
       21
        
         } finally {

     

       22
       22
        
           abort()

     

       23
       23
        
         }

+26 -7

src/pages/public/styles.css

···

       18
       18
        
         Josh's Custom CSS Reset

     

       19
       19
        
         https://www.joshwcomeau.com/css/custom-css-reset/

     

       20
       20
        
       */

     

       21
       21
       -
       *, *::before, *::after {

     

       21
       21
       +
       *,

     

       22
       22
       +
       *::before,

     

       23
       23
       +
       *::after {

     

       22
       24
        
         box-sizing: border-box;

     

       23
       25
        
       }

     

       24
       26
        
       * {

     
···

       28
       30
        
         line-height: 1.5;

     

       29
       31
        
         -webkit-font-smoothing: antialiased;

     

       30
       32
        
       }

     

       31
       31
       -
       img, picture, video, canvas, svg {

     

       33
       33
       +
       img,

     

       34
       34
       +
       picture,

     

       35
       35
       +
       video,

     

       36
       36
       +
       canvas,

     

       37
       37
       +
       svg {

     

       32
       38
        
         display: block;

     

       33
       39
        
         max-width: 100%;

     

       34
       40
        
       }

     

       35
       35
       -
       input, button, textarea, select {

     

       41
       41
       +
       input,

     

       42
       42
       +
       button,

     

       43
       43
       +
       textarea,

     

       44
       44
       +
       select {

     

       36
       45
        
         font: inherit;

     

       37
       46
        
       }

     

       38
       38
       -
       p, h1, h2, h3, h4, h5, h6 {

     

       47
       47
       +
       p,

     

       48
       48
       +
       h1,

     

       49
       49
       +
       h2,

     

       50
       50
       +
       h3,

     

       51
       51
       +
       h4,

     

       52
       52
       +
       h5,

     

       53
       53
       +
       h6 {

     

       39
       54
        
         overflow-wrap: break-word;

     

       40
       55
        
       }

     

       41
       41
       -
       #root, #__next {

     

       56
       56
       +
       #root,

     

       57
       57
       +
       #__next {

     

       42
       58
        
         isolation: isolate;

     

       43
       59
        
       }

     

       44
       60
        
       

     

       45
       61
        
       /*

     

       46
       62
        
         Common components

     

       47
       63
        
       */

     

       48
       48
       -
       button, .button {

     

       64
       64
       +
       button,

     

       65
       65
       +
       .button {

     

       49
       66
        
         display: inline-block;

     

       50
       67
        
         border: 0;

     

       51
       68
        
         background-color: var(--primary-500);

     
···

       55
       72
        
         cursor: pointer;

     

       56
       73
        
         text-decoration: none;

     

       57
       74
        
       }

     

       58
       58
       -
       button:hover, .button:hover {

     

       75
       75
       +
       button:hover,

     

       76
       76
       +
       .button:hover {

     

       59
       77
        
         background: var(--primary-400);

     

       60
       78
        
       }

     

       61
       79
        
       

     
···

       72
       90
        
       .error.visible {

     

       73
       91
        
         display: block;

     

       74
       92
        
       }

     

       93
       93
       +
       

     

       75
       94
        
       #header {

     

       76
       95
        
         background-color: #fff;

     

       77
       96
        
         text-align: center;

+78 -79

src/routes.ts

···

       3
       3
        
       import { OAuthResolverError } from '@atproto/oauth-client-node'

     

       4
       4
        
       import express, { Request, Response } from 'express'

     

       5
       5
        
       import { getIronSession } from 'iron-session'

     

       6
       6
       -
       import assert from 'node:assert'

     

       7
       6
        
       import type {

     

       8
       7
        
         IncomingMessage,

     

       9
       8
        
         RequestListener,

     
···

       12
       11
        
       import path from 'node:path'

     

       13
       12
        
       

     

       14
       13
        
       import type { AppContext } from '#/context'

     

       14
       14
       +
       import { env } from '#/env'

     

       15
       15
        
       import * as Profile from '#/lexicon/types/app/bsky/actor/profile'

     

       16
       16
        
       import * as Status from '#/lexicon/types/xyz/statusphere/status'

     

       17
       17
       -
       import { env } from '#/env'

     

       18
       17
        
       import { handler } from '#/lib/http'

     

       18
       18
       +
       import { ifString } from '#/lib/util'

     

       19
       19
        
       import { page } from '#/lib/view'

     

       20
       20
       -
       import { home, STATUS_OPTIONS } from '#/pages/home'

     

       20
       20
       +
       import { home } from '#/pages/home'

     

       21
       21
        
       import { login } from '#/pages/login'

     

       22
       22
       -
       import { ifString } from './lib/util'

     

       22
       22
       +
       

     

       23
       23
       +
       // Max age, in seconds, for static routes and assets

     

       24
       24
       +
       const MAX_AGE = env.NODE_ENV === 'production' ? 60 : 0

     

       23
       25
        
       

     

       24
       26
        
       type Session = { did?: string }

     

       25
       27
        
       

     
···

       29
       31
        
         res: ServerResponse,

     

       30
       32
        
         ctx: AppContext,

     

       31
       33
        
       ) {

     

       34
       34
       +
         res.setHeader('Vary', 'Cookie')

     

       35
       35
       +
       

     

       32
       36
        
         const session = await getIronSession<Session>(req, res, {

     

       33
       37
        
           cookieName: 'sid',

     

       34
       38
        
           password: env.COOKIE_SECRET,

     

       35
       39
        
         })

     

       36
       40
        
         if (!session.did) return null

     

       37
       37
       -
         try {

     

       38
       38
       -
           // force rotating the credentials if the request has a no-cache header

     

       39
       39
       -
           const refresh = req.headers['cache-control']?.includes('no-cache') || 'auto'

     

       40
       41
        
       

     

       41
       41
       -
           const oauthSession = await ctx.oauthClient.restore(session.did, refresh)

     

       42
       42
       +
         // This page is dynamic and should not be cached publicly

     

       43
       43
       +
         res.setHeader('cache-control', `max-age=${MAX_AGE}, private`)

     

       44
       44
       +
       

     

       45
       45
       +
         try {

     

       46
       46
       +
           const oauthSession = await ctx.oauthClient.restore(session.did)

     

       42
       47
        
           return oauthSession ? new Agent(oauthSession) : null

     

       43
       48
        
         } catch (err) {

     

       44
       49
        
           ctx.logger.warn({ err }, 'oauth restore failed')

     
···

       47
       52
        
         }

     

       48
       53
        
       }

     

       49
       54
        
       

     

       50
       50
       -
       export function createRouter(ctx: AppContext): RequestListener {

     

       55
       55
       +
       export const createRouter = (ctx: AppContext): RequestListener => {

     

       51
       56
        
         const router = express()

     

       52
       57
        
       

     

       53
       58
        
         // Static assets

     

       54
       54
       -
         router.use('/public', express.static(path.join(__dirname, 'pages', 'public')))

     

       59
       59
       +
         router.use(

     

       60
       60
       +
           '/public',

     

       61
       61
       +
           express.static(path.join(__dirname, 'pages', 'public'), {

     

       62
       62
       +
             maxAge: MAX_AGE * 1000,

     

       63
       63
       +
           }),

     

       64
       64
       +
         )

     

       55
       65
        
       

     

       56
       66
        
         // OAuth metadata

     

       57
       67
        
         router.get(

     

       58
       68
        
           '/oauth-client-metadata.json',

     

       59
       59
       -
           handler((req: Request, res: Response) => {

     

       69
       69
       +
           handler((req, res) => {

     

       70
       70
       +
             res.setHeader('cache-control', `max-age=${MAX_AGE}, public`)

     

       60
       71
        
             res.json(ctx.oauthClient.clientMetadata)

     

       61
       72
        
           }),

     

       62
       73
        
         )

     
···

       64
       75
        
         // Public keys

     

       65
       76
        
         router.get(

     

       66
       77
        
           '/.well-known/jwks.json',

     

       67
       67
       -
           handler((req: Request, res: Response) => {

     

       78
       78
       +
           handler((req, res) => {

     

       79
       79
       +
             res.setHeader('cache-control', `max-age=${MAX_AGE}, public`)

     

       68
       80
        
             res.json(ctx.oauthClient.jwks)

     

       69
       81
        
           }),

     

       70
       82
        
         )

     
···

       72
       84
        
         // OAuth callback to complete session creation

     

       73
       85
        
         router.get(

     

       74
       86
        
           '/oauth/callback',

     

       75
       75
       -
           handler(async (req: Request, res: Response) => {

     

       87
       87
       +
           handler(async (req, res) => {

     

       88
       88
       +
             res.setHeader('cache-control', 'no-store')

     

       89
       89
       +
       

     

       76
       90
        
             const params = new URLSearchParams(req.originalUrl.split('?')[1])

     

       77
       91
        
             try {

     

       78
       92
        
               // Load the session cookie

     
···

       96
       110
        
       

     

       97
       111
        
               // Update the session cookie

     

       98
       112
        
               session.did = oauth.session.did

     

       113
       113
       +
       

     

       99
       114
        
               await session.save()

     

       100
       115
        
             } catch (err) {

     

       101
       116
        
               ctx.logger.error({ err }, 'oauth callback failed')

     

       102
       102
       -
               return res.redirect('/?error')

     

       103
       117
        
             }

     

       118
       118
       +
       

     

       104
       119
        
             return res.redirect('/')

     

       105
       120
        
           }),

     

       106
       121
        
         )

     
···

       108
       123
        
         // Login page

     

       109
       124
        
         router.get(

     

       110
       125
        
           '/login',

     

       111
       111
       -
           handler(async (req: Request, res: Response) => {

     

       126
       126
       +
           handler(async (req, res) => {

     

       127
       127
       +
             res.setHeader('cache-control', `max-age=${MAX_AGE}, public`)

     

       112
       128
        
             res.type('html').send(page(login({})))

     

       113
       129
        
           }),

     

       114
       130
        
         )

     
···

       116
       132
        
         // Login handler

     

       117
       133
        
         router.post(

     

       118
       134
        
           '/login',

     

       119
       119
       -
           express.urlencoded({ extended: true }),

     

       120
       120
       -
           handler(async (req: Request, res: Response) => {

     

       121
       121
       -
             const input = ifString(req.body.input)

     

       122
       122
       -
       

     

       123
       123
       -
             // Validate

     

       124
       124
       -
             if (!input) {

     

       125
       125
       -
               res.type('html').send(page(login({ error: 'invalid input' })))

     

       126
       126
       -
               return

     

       127
       127
       -
             }

     

       128
       128
       -
       

     

       129
       129
       -
             // @NOTE input can be a handle, a DID or a service URL (PDS).

     

       135
       135
       +
           express.urlencoded(),

     

       136
       136
       +
           handler(async (req, res) => {

     

       137
       137
       +
             // Never store this route

     

       138
       138
       +
             res.setHeader('cache-control', 'no-store')

     

       130
       139
        
       

     

       131
       140
        
             // Initiate the OAuth flow

     

       132
       141
        
             try {

     

       142
       142
       +
               // Validate input: can be a handle, a DID or a service URL (PDS).

     

       143
       143
       +
               const input = ifString(req.body.input)

     

       144
       144
       +
               if (!input) {

     

       145
       145
       +
                 throw new Error('Invalid input')

     

       146
       146
       +
               }

     

       147
       147
       +
       

     

       148
       148
       +
               // Initiate the OAuth flow

     

       133
       149
        
               const url = await ctx.oauthClient.authorize(input, {

     

       134
       150
        
                 scope: 'atproto transition:generic',

     

       135
       151
        
               })

     

       152
       152
       +
       

     

       136
       153
        
               res.redirect(url.toString())

     

       137
       154
        
             } catch (err) {

     

       138
       155
        
               ctx.logger.error({ err }, 'oauth authorize failed')

     

       139
       156
        
       

     

       140
       140
       -
               const error =

     

       141
       141
       -
                 err instanceof OAuthResolverError

     

       142
       142
       -
                   ? err.message

     

       143
       143
       -
                   : "couldn't initiate login"

     

       157
       157
       +
               const error = err instanceof Error ? err.message : 'unexpected error'

     

       144
       158
        
       

     

       145
       145
       -
               res.type('html').send(page(login({ error })))

     

       159
       159
       +
               return res.type('html').send(page(login({ error })))

     

       146
       160
        
             }

     

       147
       161
        
           }),

     

       148
       162
        
         )

     
···

       150
       164
        
         // Signup

     

       151
       165
        
         router.get(

     

       152
       166
        
           '/signup',

     

       153
       153
       -
           handler(async (req: Request, res: Response) => {

     

       167
       167
       +
           handler(async (req, res) => {

     

       168
       168
       +
             res.setHeader('cache-control', `max-age=${MAX_AGE}, public`)

     

       169
       169
       +
       

     

       154
       170
        
             try {

     

       155
       171
        
               const service = env.PDS_URL ?? 'https://bsky.social'

     

       156
       172
        
               const url = await ctx.oauthClient.authorize(service, {

     
···

       176
       192
        
         // Logout handler

     

       177
       193
        
         router.post(

     

       178
       194
        
           '/logout',

     

       179
       179
       -
           handler(async (req: Request, res: Response) => {

     

       195
       195
       +
           handler(async (req, res) => {

     

       196
       196
       +
             // Never store this route

     

       197
       197
       +
             res.setHeader('cache-control', 'no-store')

     

       198
       198
       +
       

     

       180
       199
        
             const session = await getIronSession<Session>(req, res, {

     

       181
       200
        
               cookieName: 'sid',

     

       182
       201
        
               password: env.COOKIE_SECRET,

     
···

       201
       220
        
         // Homepage

     

       202
       221
        
         router.get(

     

       203
       222
        
           '/',

     

       204
       204
       -
           handler(async (req: Request, res: Response) => {

     

       223
       223
       +
           handler(async (req, res) => {

     

       205
       224
        
             // If the user is signed in, get an agent which communicates with their server

     

       206
       225
        
             const agent = await getSessionAgent(req, res, ctx)

     

       207
       226
        
       

     
···

       221
       240
        
                   .executeTakeFirst()

     

       222
       241
        
               : undefined

     

       223
       242
        
       

     

       224
       224
       -
             // Map (unique) user DIDs to their domain-name handles

     

       225
       225
       -
             const uniqueDids = [...new Set(statuses.map((s) => s.authorDid))]

     

       226
       226
       -
       

     

       227
       227
       -
             const didHandleMap: Record<string, string | undefined> =

     

       228
       228
       -
               Object.fromEntries(

     

       229
       229
       -
                 await Promise.all(

     

       230
       230
       -
                   uniqueDids.map((did) =>

     

       231
       231
       -
                     ctx.identityResolver.resolve(did).then(

     

       232
       232
       -
                       (r) => [did, r.handle],

     

       233
       233
       -
                       () => [did, undefined],

     

       234
       234
       -
                     ),

     

       235
       235
       -
                   ),

     

       236
       236
       -
                 ),

     

       237
       237
       -
               )

     

       243
       243
       +
             // Map user DIDs to their domain-name handles

     

       244
       244
       +
             const didHandleMap = await ctx.resolver.resolveDidsToHandles(

     

       245
       245
       +
               statuses.map((s) => s.authorDid),

     

       246
       246
       +
             )

     

       238
       247
        
       

     

       239
       248
        
             if (!agent) {

     

       240
       249
        
               // Serve the logged-out view

     

       241
       241
       -
               res.type('html').send(page(home({ statuses, didHandleMap })))

     

       242
       242
       -
               return

     

       250
       250
       +
               return res.type('html').send(page(home({ statuses, didHandleMap })))

     

       243
       251
        
             }

     

       244
       252
        
       

     

       245
       253
        
             // Fetch additional information about the logged-in user

     
···

       261
       269
        
                 : {}

     

       262
       270
        
       

     

       263
       271
        
             // Serve the logged-in view

     

       264
       264
       -
             res.type('html').send(

     

       265
       265
       -
               page(

     

       266
       266
       -
                 home({

     

       267
       267
       -
                   statuses,

     

       268
       268
       -
                   didHandleMap,

     

       269
       269
       -
                   profile,

     

       270
       270
       -
                   myStatus,

     

       271
       271
       -
                 }),

     

       272
       272
       -
               ),

     

       273
       273
       -
             )

     

       272
       272
       +
             res

     

       273
       273
       +
               .type('html')

     

       274
       274
       +
               .send(page(home({ statuses, didHandleMap, profile, myStatus })))

     

       274
       275
        
           }),

     

       275
       276
        
         )

     

       276
       277
        
       

     

       277
       278
        
         // "Set status" handler

     

       278
       279
        
         router.post(

     

       279
       280
        
           '/status',

     

       280
       280
       -
           express.urlencoded({ extended: true }),

     

       281
       281
       -
           handler(async (req: Request, res: Response) => {

     

       281
       281
       +
           express.urlencoded(),

     

       282
       282
       +
           handler(async (req, res) => {

     

       282
       283
        
             // If the user is signed in, get an agent which communicates with their server

     

       283
       284
        
             const agent = await getSessionAgent(req, res, ctx)

     

       284
       285
        
             if (!agent) {

     

       285
       285
       -
               res.redirect(`/login`)

     

       286
       286
       -
               return

     

       287
       287
       -
             }

     

       288
       288
       -
       

     

       289
       289
       -
             const status = ifString(req.body?.status)

     

       290
       290
       -
             if (!status || !STATUS_OPTIONS.includes(status)) {

     

       291
       291
       -
               throw new Error('Invalid status')

     

       286
       286
       +
               return res

     

       287
       287
       +
                 .status(401)

     

       288
       288
       +
                 .type('html')

     

       289
       289
       +
                 .send('<h1>Error: Session required</h1>')

     

       292
       290
        
             }

     

       293
       291
        
       

     

       294
       294
       -
             // Construct & validate their status record

     

       295
       295
       -
             const rkey = TID.nextStr()

     

       292
       292
       +
             // Construct their status record

     

       296
       293
        
             const record = {

     

       297
       294
        
               $type: 'xyz.statusphere.status',

     

       298
       298
       -
               status,

     

       295
       295
       +
               status: req.body?.status,

     

       299
       296
        
               createdAt: new Date().toISOString(),

     

       300
       297
        
             }

     

       301
       298
        
       

     

       299
       299
       +
             // Make sure the record generated from the input is valid

     

       302
       300
        
             if (!Status.validateRecord(record).success) {

     

       303
       303
       -
               res.status(400).type('html').send('<h1>Error: Invalid status</h1>')

     

       304
       304
       -
               return

     

       301
       301
       +
               return res

     

       302
       302
       +
                 .status(400)

     

       303
       303
       +
                 .type('html')

     

       304
       304
       +
                 .send('<h1>Error: Invalid status</h1>')

     

       305
       305
        
             }

     

       306
       306
        
       

     

       307
       307
       -
             // Write the status record to the user's repository

     

       308
       307
        
             let uri

     

       309
       308
        
             try {

     

       309
       309
       +
               // Write the status record to the user's repository

     

       310
       310
        
               const res = await agent.com.atproto.repo.putRecord({

     

       311
       311
        
                 repo: agent.assertDid,

     

       312
       312
        
                 collection: 'xyz.statusphere.status',

     

       313
       313
       -
                 rkey,

     

       313
       313
       +
                 rkey: TID.nextStr(),

     

       314
       314
        
                 record,

     

       315
       315
        
                 validate: false,

     

       316
       316
        
               })

     

       317
       317
        
               uri = res.data.uri

     

       318
       318
        
             } catch (err) {

     

       319
       319
        
               ctx.logger.warn({ err }, 'failed to write record')

     

       320
       320
       -
               res

     

       320
       320
       +
               return res

     

       321
       321
        
                 .status(500)

     

       322
       322
        
                 .type('html')

     

       323
       323
        
                 .send('<h1>Error: Failed to write record</h1>')

     

       324
       324
       -
               return

     

       325
       324
        
             }

     

       326
       325
        
       

     

       327
       326
        
             try {

     
···

       346
       345
        
               )

     

       347
       346
        
             }

     

       348
       347
        
       

     

       349
       349
       -
             res.redirect('/')

     

       348
       348
       +
             return res.redirect('/')

     

       350
       349
        
           }),

     

       351
       350
        
         )

     

       352
       351

Compare changes