appview/pages: show trending repos in the timeline

Signed-off-by: Anirudh Oppiliappan <[e-mail]>

appview/db/db.go

···
 			id integer primary key autoincrement,
 			name text unique
 		);
+
+		-- indexes for better star query performance
+		create index if not exists idx_stars_created on stars(created);
+		create index if not exists idx_stars_repo_at_created on stars(repo_at, created);
 	`)
 	if err != nil {
 		return nil, err

appview/db/star.go

···
 // Get a star record
 func GetStar(e Execer, starredByDid string, repoAt syntax.ATURI) (*Star, error) {
 	query := `
-	select starred_by_did, repo_at, created, rkey 
+	select starred_by_did, repo_at, created, rkey
 	from stars
 	where starred_by_did = ? and repo_at = ?`
 	row := e.QueryRow(query, starredByDid, repoAt)
···
 	}
 
 	repoQuery := fmt.Sprintf(
-		`select starred_by_did, repo_at, created, rkey 
+		`select starred_by_did, repo_at, created, rkey
 		from stars
 		%s
 		order by created desc
···
 	var stars []Star
 
 	rows, err := e.Query(`
-		select 
+		select
 			s.starred_by_did,
 			s.repo_at,
 			s.rkey,
···
 
 	return stars, nil
 }
+
+// GetTopStarredReposLastWeek returns the top 8 most starred repositories from the last week
+func GetTopStarredReposLastWeek(e Execer) ([]Repo, error) {
+	// first, get the top repo URIs by star count from the last week
+	query := `
+		with recent_starred_repos as (
+			select distinct repo_at
+			from stars
+			where created >= datetime('now', '-7 days')
+		),
+		repo_star_counts as (
+			select
+				s.repo_at,
+				count(*) as star_count
+			from stars s
+			join recent_starred_repos rsr on s.repo_at = rsr.repo_at
+			group by s.repo_at
+		)
+		select rsc.repo_at
+		from repo_star_counts rsc
+		order by rsc.star_count desc
+		limit 8
+	`
+
+	rows, err := e.Query(query)
+	if err != nil {
+		return nil, err
+	}
+	defer rows.Close()
+
+	var repoUris []string
+	for rows.Next() {
+		var repoUri string
+		err := rows.Scan(&repoUri)
+		if err != nil {
+			return nil, err
+		}
+		repoUris = append(repoUris, repoUri)
+	}
+
+	if err := rows.Err(); err != nil {
+		return nil, err
+	}
+
+	if len(repoUris) == 0 {
+		return []Repo{}, nil
+	}
+
+	// get full repo data
+	repos, err := GetRepos(e, 0, FilterIn("at_uri", repoUris))
+	if err != nil {
+		return nil, err
+	}
+
+	// sort repos by the original trending order
+	repoMap := make(map[string]Repo)
+	for _, repo := range repos {
+		repoMap[repo.RepoAt().String()] = repo
+	}
+
+	orderedRepos := make([]Repo, 0, len(repoUris))
+	for _, uri := range repoUris {
+		if repo, exists := repoMap[uri]; exists {
+			orderedRepos = append(orderedRepos, repo)
+		}
+	}
+
+	return orderedRepos, nil
+}

appview/pages/pages.go

···
 }
 
 func (p *Pages) Timeline(w io.Writer, params TimelineParams) error {
-	return p.execute("timeline", w, params)
+	return p.execute("timeline/timeline", w, params)
+}
+
+type TopStarredReposLastWeekParams struct {
+	LoggedInUser *oauth.User
+	Repos        []db.Repo
+}
+
+func (p *Pages) TopStarredReposLastWeek(w io.Writer, params TopStarredReposLastWeekParams) error {
+	return p.executePlain("timeline/fragments/topStarredRepos", w, params)
 }
 
 type SettingsParams struct {

appview/pages/templates/timeline.html appview/pages/templates/timeline/timeline.html

···
     <meta property="og:title" content="timeline · tangled" />
     <meta property="og:type" content="object" />
     <meta property="og:url" content="https://tangled.sh" />
-    <meta property="og:description" content="see what's tangling" />
+    <meta property="og:description" content="tightly-knit social coding" />
 {{ end }}
 
-{{ define "topbar" }}
-  {{ template "layouts/topbar" $ }}
-{{ end }}
+
+
 
 {{ define "content" }}
     {{ with .LoggedInUser }}
+        {{ block "trending" . }}{{ end }}
         {{ block "timeline" $ }}{{ end }}
     {{ else }}
         {{ block "hero" $ }}{{ end }}
+        {{ block "trending" . }}{{ end }}
         {{ block "timeline" $ }}{{ end }}
     {{ end }}
+{{ end }}
+
+{{ define "trending" }}
+
+    <div
+        hx-get="/timeline/trending"
+        hx-trigger="load"
+        hx-indicator="#starred-loading"
+    >
+        <!-- Loading spinner -->
+        <div id="starred-loading" class="htmx-indicator">
+            <div class="p-6">
+                <h3 class="font-bold text-xl  text-gray-900 dark:text-white flex items-center gap-2 mb-3">
+                    Trending
+                    {{ i "trending-up" "size-4 flex-shrink-0" }}
+                </h3>
+            </div>
+            <div class="flex items-center justify-center py-8">
+                <div class="animate-spin rounded-full h-6 w-6 border-b-2 border-gray-900 dark:border-white"></div>
+                <span class="ml-2 text-sm text-gray-500 dark:text-gray-400">Loading...</span>
+            </div>
+        </div>
+    </div>
 {{ end }}
 
 {{ define "hero" }}

appview/pages/templates/timeline/fragments/topStarredRepos.html

···
+{{ define "timeline/fragments/topStarredRepos" }}
+<div class="w-full md:mx-0">
+    <div class="p-6">
+        <h3 class="font-bold text-xl text-gray-900 dark:text-white flex items-center gap-2 mb-3">
+            Trending
+            {{ i "trending-up" "size-4 flex-shrink-0" }}
+        </h3>
+    </div>
+    <div class="flex gap-3 overflow-x-auto pb-4 px-4 scrollbar-hide">
+        {{ range $index, $repo := .Repos }}
+            <div class="flex-none w-72 relative h-full">
+                <div class="relative h-full items-stretch border border-gray-200 dark:border-gray-700 rounded-sm">
+                    {{ template "user/fragments/repoCard" (list $ $repo true) }}
+                </div>
+            </div>
+        {{ else }}
+            <div class="py-8 px-6 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-sm">
+                <div class="text-sm text-gray-500 dark:text-gray-400 text-center">
+                    No trending repositories this week
+                </div>
+            </div>
+        {{ end }}
+    </div>
+</div>
+{{ end }}

appview/pages/templates/user/fragments/repoCard.html

···
 
         {{ $repoOwner := resolve .Did }}
         {{- if $fullName -}}
-          <a href="/{{ $repoOwner }}/{{ .Name }}">{{ $repoOwner }}/{{ .Name }}</a>
+          <a href="/{{ $repoOwner }}/{{ .Name }}" class="truncate">{{ $repoOwner }}/{{ .Name }}</a>
         {{- else -}}
-          <a href="/{{ $repoOwner }}/{{ .Name }}">{{ .Name }}</a>
+          <a href="/{{ $repoOwner }}/{{ .Name }}" class="truncate">{{ .Name }}</a>
         {{- end -}}
       </div>
       {{ with .Description }}

appview/state/router.go

···
 	r.Handle("/static/*", s.pages.Static())
 
 	r.Get("/", s.Timeline)
+	r.Get("/timeline/trending", s.TopStarredReposLastWeek)
 
 	r.Route("/repo", func(r chi.Router) {
 		r.Route("/new", func(r chi.Router) {

appview/state/state.go

···
 	})
 }
 
+func (s *State) TopStarredReposLastWeek(w http.ResponseWriter, r *http.Request) {
+	repos, err := db.GetTopStarredReposLastWeek(s.db)
+	if err != nil {
+		log.Println(err)
+		s.pages.Notice(w, "topstarredrepos", "Unable to load.")
+		return
+	}
+
+	s.pages.TopStarredReposLastWeek(w, pages.TopStarredReposLastWeekParams{
+		Repos: repos,
+	})
+}
+
 func (s *State) Keys(w http.ResponseWriter, r *http.Request) {
 	user := chi.URLParam(r, "user")
 	user = strings.TrimPrefix(user, "@")