Add a few signin API routes

Author: theandrew168

backend/query/article.go

@@ -14,12 +14,12 @@ import (
 // Count: all, all by account, search, search by account
 
 type Article struct {
-	Title       string    `db:"title"`
-	URL         string    `db:"url"`
-	BlogTitle   string    `db:"blog_title"`
-	BlogURL     string    `db:"blog_url"`
-	PublishedAt time.Time `db:"published_at"`
-	Tags        []string  `db:"tags"`
+	Title       string    `db:"title" json:"title"`
+	URL         string    `db:"url" json:"url"`
+	BlogTitle   string    `db:"blog_title" json:"blogTitle"`
+	BlogURL     string    `db:"blog_url" json:"blogURL"`
+	PublishedAt time.Time `db:"published_at" json:"publishedAt"`
+	Tags        []string  `db:"tags" json:"tags"`
 }
 
 func (qry *Query) ListRecentArticles(limit, offset int) ([]Article, error) {

backend/web/api/auth.go

@@ -0,0 +1,30 @@
+package api
+
+import (
+	"net/http"
+
+	"golang.org/x/oauth2"
+
+	"github.com/theandrew168/bloggulus/backend/random"
+	"github.com/theandrew168/bloggulus/backend/web/api/jsonutil"
+)
+
+func HandleOAuthSignin(conf *oauth2.Config) http.Handler {
+	type response struct {
+		State       string `json:"state"`
+		AuthCodeURL string `json:"authCodeURL"`
+	}
+	return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
+		state, err := random.BytesBase64(16)
+		if err != nil {
+			panic(err)
+		}
+
+		authCodeURL := conf.AuthCodeURL(state)
+
+		jsonutil.Write(w, http.StatusOK, response{
+			State:       state,
+			AuthCodeURL: authCodeURL,
+		})
+	})
+}

backend/web/api/handler.go

@@ -1,19 +1,40 @@
 package api
 
 import (
-	"io/fs"
 	"net/http"
 
+	"golang.org/x/oauth2"
+	"golang.org/x/oauth2/github"
+	"golang.org/x/oauth2/google"
+
 	"github.com/theandrew168/bloggulus/backend/command"
+	"github.com/theandrew168/bloggulus/backend/config"
 	"github.com/theandrew168/bloggulus/backend/query"
 )
 
 func Handler(
-	public fs.FS,
+	conf config.Config,
 	cmd *command.Command,
 	qry *query.Query,
 ) http.Handler {
+	githubConf := oauth2.Config{
+		Endpoint:     github.Endpoint,
+		ClientID:     conf.GithubClientID,
+		ClientSecret: conf.GithubClientSecret,
+		RedirectURL:  conf.GithubRedirectURI,
+		Scopes:       []string{},
+	}
+	googleConf := oauth2.Config{
+		Endpoint:     google.Endpoint,
+		ClientID:     conf.GoogleClientID,
+		ClientSecret: conf.GoogleClientSecret,
+		RedirectURL:  conf.GoogleRedirectURI,
+		Scopes:       []string{"https://www.googleapis.com/auth/userinfo.profile"},
+	}
+
 	mux := http.NewServeMux()
 	mux.Handle("GET /articles", HandleArticleList(qry))
+	mux.Handle("GET /github/signin", HandleOAuthSignin(&githubConf))
+	mux.Handle("GET /google/signin", HandleOAuthSignin(&googleConf))
 	return mux
 }

backend/web/handler.go

@@ -94,7 +94,7 @@ func Handler(
 	// The main application routes start here.
 	mux.Handle("GET /{$}", HandleIndexPage(qry))
 
-	apiHandler := api.Handler(public, cmd, qry)
+	apiHandler := api.Handler(conf, cmd, qry)
 	mux.Handle("GET /api/v1/", http.StripPrefix("/api/v1", apiHandler))
 
 	// Check if the debug auth method should be enabled.

frontend/src/routes/+page.server.ts

@@ -0,0 +1,20 @@
+import type { PageServerLoad } from "./$types";
+
+type Article = {
+	title: string;
+	url: string;
+	blogTitle: string;
+	blogURL: string;
+	publishedAt: string;
+	tags: string[];
+};
+
+type ArticlesResponse = {
+	articles: Article[];
+};
+
+export const load: PageServerLoad = async () => {
+	const articlesResp = await fetch("http://localhost:5000/api/v1/articles");
+	const articles: ArticlesResponse = await articlesResp.json();
+	return { articles: articles.articles };
+};

frontend/src/routes/+page.svelte

@@ -1,2 +1,20 @@
+<script lang="ts">
+	import type { PageProps } from "./$types";
+
+	let { data }: PageProps = $props();
+</script>
+
 <h1>Welcome to SvelteKit</h1>
 <p>Visit <a href="https://svelte.dev/docs/kit">svelte.dev/docs/kit</a> to read the documentation</p>
+
+<a href="/signin/debug">Sign In (Debug)</a>
+<a href="/signin/github">Sign In (GitHub)</a>
+<a href="/signin/google">Sign In (Google)</a>
+
+<ul>
+	{#each data.articles as article}
+		<li>
+			{article.title}
+		</li>
+	{/each}
+</ul>