commit 98a4c2e529846e3b9ed16ff325e3b281b3e60d19 · cduck.me/statusphere-example-app-fork

+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?

+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
        
         }

+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;

+1 -1

src/routes.ts

···

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

     

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

     

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

     

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

     

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

     

       23
       23
        
       

     

       24
       24
        
       type Session = { did?: string }

     

       25
       25