commit ed80e5a577d40cbc2183e7dbc88df55bf48733a2 · julien.rbrt.fr/tangled-core

+5 -6

appview/oauth/handler/handler.go

···

       35
        
       func (o *OAuthHandler) Router() http.Handler {

     

       36
        
       	r := chi.NewRouter()

     

       37
        
       

     

       38
       -
       	// gets mounted on /oauth

     

       39
       -
       	r.Get("/client-metadata.json", o.clientMetadata)

     

       40
       -
       	r.Get("/jwks.json", o.jwks)

     

       41
        
       	r.Get("/login", o.login)

     

       42
        
       	r.Post("/login", o.login)

     

       43
       -
       	r.Get("/callback", o.callback)

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       44
        
       	return r

     

       45
        
       }

     

       46
        
       

     
···

       84
        
       	json.NewEncoder(w).Encode(response)

     

       85
        
       }

     

       86
        
       

     

       87
       -
       // temporary until we swap out the main login page

     

       88
        
       func (o *OAuthHandler) login(w http.ResponseWriter, r *http.Request) {

     

       89
        
       	switch r.Method {

     

       90
        
       	case http.MethodGet:

     

       91
       -
       		o.Pages.OAuthLogin(w, pages.LoginParams{})

     

       92
        
       	case http.MethodPost:

     

       93
        
       		handle := strings.TrimPrefix(r.FormValue("handle"), "@")

     

       94

···

       35
        
       func (o *OAuthHandler) Router() http.Handler {

     

       36
        
       	r := chi.NewRouter()

     

       37
        
       

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       38
        
       	r.Get("/login", o.login)

     

       39
        
       	r.Post("/login", o.login)

     

       40
       +
       

     

       41
       +
       	r.Get("/oauth/client-metadata.json", o.clientMetadata)

     

       42
       +
       	r.Get("/oauth/jwks.json", o.jwks)

     

       43
       +
       	r.Get("/oauth/callback", o.callback)

     

       44
        
       	return r

     

       45
        
       }

     

       46
        
       

     
···

       84
        
       	json.NewEncoder(w).Encode(response)

     

       85
        
       }

     

       86
        
       

     

       0
        
       
     

       87
        
       func (o *OAuthHandler) login(w http.ResponseWriter, r *http.Request) {

     

       88
        
       	switch r.Method {

     

       89
        
       	case http.MethodGet:

     

       90
       +
       		o.Pages.Login(w, pages.LoginParams{})

     

       91
        
       	case http.MethodPost:

     

       92
        
       		handle := strings.TrimPrefix(r.FormValue("handle"), "@")

     

       93

-4

appview/pages/pages.go

···

       249
        
       	return p.executePlain("user/login", w, params)

     

       250
        
       }

     

       251
        
       

     

       252
       -
       func (p *Pages) OAuthLogin(w io.Writer, params LoginParams) error {

     

       253
       -
       	return p.executePlain("user/oauthlogin", w, params)

     

       254
       -
       }

     

       255
       -
       

     

       256
        
       type TimelineParams struct {

     

       257
        
       	LoggedInUser *oauth.User

     

       258
        
       	Timeline     []db.TimelineEvent

···

       249
        
       	return p.executePlain("user/login", w, params)

     

       250
        
       }

     

       251
        
       

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       252
        
       type TimelineParams struct {

     

       253
        
       	LoggedInUser *oauth.User

     

       254
        
       	Timeline     []db.TimelineEvent

+22 -33

appview/pages/templates/user/login.html

···

       8
        
                       content="width=device-width, initial-scale=1.0"

     

       9
        
                   />

     

       10
        
                   <script src="/static/htmx.min.js"></script>

     

       11
       -
                   <link rel="stylesheet" href="/static/tw.css?{{ cssContentHash }}" type="text/css" />

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       12
        
                   <title>login</title>

     

       13
        
               </head>

     

       14
        
               <body class="flex items-center justify-center min-h-screen">

     

       15
       -
                   <main class="max-w-7xl px-6 -mt-4">

     

       16
       -
                       <h1 class="text-center text-2xl font-semibold italic dark:text-white">

     

       0
        
       
     

       0
        
       
     

       17
        
                           tangled

     

       18
        
                       </h1>

     

       19
        
                       <h2 class="text-center text-xl italic dark:text-white">

     

       20
        
                           tightly-knit social coding.

     

       21
        
                       </h2>

     

       22
        
                       <form

     

       23
       -
                           class="w-full mt-4"

     

       24
       -
                           hx-post="/login"

     

       25
        
                           hx-swap="none"

     

       26
        
                           hx-disabled-elt="this"

     

       27
        
                       >

     

       28
        
                           <div class="flex flex-col">

     

       29
        
                               <label for="handle">handle</label>

     

       30
       -
                               <input 

     

       31
       -
                                 type="text"

     

       32
       -
                                 id="handle"

     

       33
       -
                                 name="handle"

     

       34
       -
                                 tabindex="1"

     

       35
       -
                                 required

     

       36
       -
                               />

     

       37
       -
                               <span class="text-xs text-gray-500 mt-1">

     

       38
       -
                                   You need to use your

     

       39
       -
                                   <a href="https://bsky.app">Bluesky</a> handle to log

     

       40
       -
                                   in.

     

       41
       -
                               </span>

     

       42
       -
                           </div>

     

       43
       -
       

     

       44
       -
                           <div class="flex flex-col mt-2">

     

       45
       -
                               <label for="app_password">app password</label>

     

       46
        
                               <input

     

       47
       -
                                   type="password"

     

       48
       -
                                   id="app_password"

     

       49
       -
                                   name="app_password"

     

       50
       -
                                   tabindex="2"

     

       51
        
                                   required

     

       52
        
                               />

     

       53
       -
                               <span class="text-xs text-gray-500 mt-1">

     

       54
       -
                                   Generate an app password

     

       55
       -
                                   <a

     

       56
       -
                                       href="https://bsky.app/settings/app-passwords"

     

       57
       -
                                       target="_blank"

     

       58
       -
                                       >here</a

     

       59
       -
                                   >.

     

       60
        
                               </span>

     

       61
        
                           </div>

     

       62
        
       

     
···

       70
        
                           </button>

     

       71
        
                       </form>

     

       72
        
                       <p class="text-sm text-gray-500">

     

       73
       -
                           Join our <a href="https://chat.tangled.sh">Discord</a> or IRC channel:

     

       0
        
       
     

       74
        
                           <a href="https://web.libera.chat/#tangled"

     

       75
        
                               ><code>#tangled</code> on Libera Chat</a

     

       76
        
                           >.

···

       8
        
                       content="width=device-width, initial-scale=1.0"

     

       9
        
                   />

     

       10
        
                   <script src="/static/htmx.min.js"></script>

     

       11
       +
                   <link

     

       12
       +
                       rel="stylesheet"

     

       13
       +
                       href="/static/tw.css?{{ cssContentHash }}"

     

       14
       +
                       type="text/css"

     

       15
       +
                   />

     

       16
        
                   <title>login</title>

     

       17
        
               </head>

     

       18
        
               <body class="flex items-center justify-center min-h-screen">

     

       19
       +
                   <main class="max-w-md px-6 -mt-4">

     

       20
       +
                       <h1

     

       21
       +
                           class="text-center text-2xl font-semibold italic dark:text-white"

     

       22
       +
                       >

     

       23
        
                           tangled

     

       24
        
                       </h1>

     

       25
        
                       <h2 class="text-center text-xl italic dark:text-white">

     

       26
        
                           tightly-knit social coding.

     

       27
        
                       </h2>

     

       28
        
                       <form

     

       29
       +
                           class="mt-4 max-w-sm mx-auto"

     

       30
       +
                           hx-post="/oauth/login"

     

       31
        
                           hx-swap="none"

     

       32
        
                           hx-disabled-elt="this"

     

       33
        
                       >

     

       34
        
                           <div class="flex flex-col">

     

       35
        
                               <label for="handle">handle</label>

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       36
        
                               <input

     

       37
       +
                                   type="text"

     

       38
       +
                                   id="handle"

     

       39
       +
                                   name="handle"

     

       40
       +
                                   tabindex="1"

     

       41
        
                                   required

     

       42
        
                               />

     

       43
       +
                               <span class="text-sm text-gray-500 mt-1">

     

       44
       +
                                   Use your

     

       45
       +
                                   <a href="https://bsky.app">Bluesky</a> handle to log

     

       46
       +
                                   in. You will then be redirected to your PDS to

     

       47
       +
                                   complete authentication.

     

       0
        
       
     

       0
        
       
     

       48
        
                               </span>

     

       49
        
                           </div>

     

       50
        
       

     
···

       58
        
                           </button>

     

       59
        
                       </form>

     

       60
        
                       <p class="text-sm text-gray-500">

     

       61
       +
                           Join our <a href="https://chat.tangled.sh">Discord</a> or

     

       62
       +
                           IRC channel:

     

       63
        
                           <a href="https://web.libera.chat/#tangled"

     

       64
        
                               ><code>#tangled</code> on Libera Chat</a

     

       65
        
                           >.

-71

appview/pages/templates/user/oauthlogin.html

···

       1
       -
       {{ define "user/oauthlogin" }}

     

       2
       -
           <!doctype html>

     

       3
       -
           <html lang="en" class="dark:bg-gray-900">

     

       4
       -
               <head>

     

       5
       -
                   <meta charset="UTF-8" />

     

       6
       -
                   <meta

     

       7
       -
                       name="viewport"

     

       8
       -
                       content="width=device-width, initial-scale=1.0"

     

       9
       -
                   />

     

       10
       -
                   <script src="/static/htmx.min.js"></script>

     

       11
       -
                   <link

     

       12
       -
                       rel="stylesheet"

     

       13
       -
                       href="/static/tw.css?{{ cssContentHash }}"

     

       14
       -
                       type="text/css"

     

       15
       -
                   />

     

       16
       -
                   <title>login</title>

     

       17
       -
               </head>

     

       18
       -
               <body class="flex items-center justify-center min-h-screen">

     

       19
       -
                   <main class="max-w-7xl px-6 -mt-4">

     

       20
       -
                       <h1

     

       21
       -
                           class="text-center text-2xl font-semibold italic dark:text-white"

     

       22
       -
                       >

     

       23
       -
                           tangled

     

       24
       -
                       </h1>

     

       25
       -
                       <h2 class="text-center text-xl italic dark:text-white">

     

       26
       -
                           tightly-knit social coding.

     

       27
       -
                       </h2>

     

       28
       -
                       <form

     

       29
       -
                           class="w-full mt-4"

     

       30
       -
                           hx-post="/oauth/login"

     

       31
       -
                           hx-swap="none"

     

       32
       -
                           hx-disabled-elt="this"

     

       33
       -
                       >

     

       34
       -
                           <div class="flex flex-col">

     

       35
       -
                               <label for="handle">handle</label>

     

       36
       -
                               <input

     

       37
       -
                                   type="text"

     

       38
       -
                                   id="handle"

     

       39
       -
                                   name="handle"

     

       40
       -
                                   tabindex="1"

     

       41
       -
                                   required

     

       42
       -
                               />

     

       43
       -
                               <span class="text-xs text-gray-500 mt-1">

     

       44
       -
                                   Use your

     

       45
       -
                                   <a href="https://bsky.app">Bluesky</a> handle to log

     

       46
       -
                                   in. You will then be redirected to your PDS to

     

       47
       -
                                   complete authentication.

     

       48
       -
                               </span>

     

       49
       -
                           </div>

     

       50
       -
       

     

       51
       -
                           <button

     

       52
       -
                               class="btn w-full my-2 mt-6"

     

       53
       -
                               type="submit"

     

       54
       -
                               id="login-button"

     

       55
       -
                               tabindex="3"

     

       56
       -
                           >

     

       57
       -
                               <span>login</span>

     

       58
       -
                           </button>

     

       59
       -
                       </form>

     

       60
       -
                       <p class="text-sm text-gray-500">

     

       61
       -
                           Join our <a href="https://chat.tangled.sh">Discord</a> or

     

       62
       -
                           IRC channel:

     

       63
       -
                           <a href="https://web.libera.chat/#tangled"

     

       64
       -
                               ><code>#tangled</code> on Libera Chat</a

     

       65
       -
                           >.

     

       66
       -
                       </p>

     

       67
       -
                       <p id="login-msg" class="error w-full"></p>

     

       68
       -
                   </main>

     

       69
       -
               </body>

     

       70
       -
           </html>

     

       71
       -
       {{ end }}

+1 -6

appview/state/router.go

···

       200
        
       

     

       201
        
       	r.With(middleware.AuthMiddleware(s.oauth)).Post("/logout", s.Logout)

     

       202
        
       

     

       203
       -
       	// r.Route("/login", func(r chi.Router) {

     

       204
       -
       	// 	r.Get("/", s.Login)

     

       205
       -
       	// 	r.Post("/", s.Login)

     

       206
       -
       	// })

     

       207
       -
       

     

       208
        
       	r.Route("/knots", func(r chi.Router) {

     

       209
        
       		r.Use(middleware.AuthMiddleware(s.oauth))

     

       210
        
       		r.Get("/", s.Knots)

     
···

       250
        
       	})

     

       251
        
       

     

       252
        
       	r.Mount("/settings", s.SettingsRouter())

     

       253
       -
       	r.Mount("/oauth", s.OAuthRouter())

     

       254
        
       	r.Get("/keys/{user}", s.Keys)

     

       255
        
       

     

       256
        
       	r.NotFound(func(w http.ResponseWriter, r *http.Request) {

···

       200
        
       

     

       201
        
       	r.With(middleware.AuthMiddleware(s.oauth)).Post("/logout", s.Logout)

     

       202
        
       

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       203
        
       	r.Route("/knots", func(r chi.Router) {

     

       204
        
       		r.Use(middleware.AuthMiddleware(s.oauth))

     

       205
        
       		r.Get("/", s.Knots)

     
···

       245
        
       	})

     

       246
        
       

     

       247
        
       	r.Mount("/settings", s.SettingsRouter())

     

       248
       +
       	r.Mount("/", s.OAuthRouter())

     

       249
        
       	r.Get("/keys/{user}", s.Keys)

     

       250
        
       

     

       251
        
       	r.NotFound(func(w http.ResponseWriter, r *http.Request) {