@profullstack/builtindie 0.1.4 → 0.7.1

package/src/tui.ts

@@ -2,13 +2,13 @@
  * `builtindie` with no arguments: the board in the terminal.
  *
  * ←/→ switch board (today, week, month, all, new), ↑/↓ pick, Enter shows it,
- * v upvotes, l launches a URL you type, q quits. Glyphs come from the OpenIcon
+ * v upvotes, l launches a URL you type, k shows the karma leaderboard, q quits. Glyphs come from the OpenIcon
  * set: Nerd Font, Unicode or ASCII, whichever this terminal can draw.
  */
 const UP = glyph('arrow-up') || '^'
 const OK = glyph('check') || '+'
 import { createApp } from '@profullstack/hqtui'
-import { BuiltIndieClient, type ApiProduct } from './client.js'
+import { BuiltIndieClient, type ApiProduct, type BoardRows } from './client.js'
 import { glyph } from './icons.js'
 
 export const WINDOWS = ['today', 'week', 'month', 'all', 'new'] as const
@@ -21,12 +21,14 @@ export type TuiState = {
   typing: string | null
   busy: string | null
   flash: string | null
+  /** The karma leaderboard, while it is open (k). */
+  board: BoardRows | null
 }
 
-export const initialState = (): TuiState => ({ window: 0, products: [], at: 0, open: null, typing: null, busy: null, flash: null })
+export const initialState = (): TuiState => ({ window: 0, products: [], at: 0, open: null, typing: null, busy: null, flash: null, board: null })
 
 /** Pure key handling, testable without a terminal. */
-export function onKey(s: TuiState, key: { name: string; key: string; char?: string }): 'load' | 'vote' | 'launch' | 'quit' | null {
+export function onKey(s: TuiState, key: { name: string; key: string; char?: string }): 'load' | 'vote' | 'launch' | 'karma' | 'quit' | null {
   if (key.key === 'ctrl+c') return 'quit'
   if (s.typing !== null) {
     if (key.name === 'escape') s.typing = null
@@ -35,8 +37,14 @@ export function onKey(s: TuiState, key: { name: string; key: string; char?: stri
     else if (key.char && key.char.length === 1 && !key.key.startsWith('ctrl+')) s.typing += key.char
     return null
   }
+  if (s.board) {
+    if (key.name === 'escape' || key.char === 'k') s.board = null
+    else if (key.char === 'q') return 'quit'
+    return null
+  }
   if (key.name === 'escape') return s.open ? ((s.open = null), null) : 'quit'
   if (key.char === 'q') return 'quit'
+  if (key.char === 'k') return 'karma'
   if (key.char === 'l') return (s.typing = ''), null
   if (key.char === 'v') return s.products[s.at] ? 'vote' : null
   if (key.name === 'right' || key.name === 'left') {
@@ -72,6 +80,12 @@ export async function runTui(client = new BuiltIndieClient()): Promise<void> {
     const action = onKey(s, event)
     if (action === 'quit') app.quit()
     else if (action === 'load') void load()
+    else if (action === 'karma') {
+      void run('Loading the karma board…', async () => {
+        const week = await client.leaderboard('karma', 'week', 25)
+        s.board = week.rows.length ? week : await client.leaderboard('karma', 'all', 25)
+      })
+    }
     else if (action === 'vote') {
       const p = s.products[s.at]!
       void run('Voting…', async () => {
@@ -98,7 +112,14 @@ export async function runTui(client = new BuiltIndieClient()): Promise<void> {
       h.text(WINDOWS.map((w, i) => (i === s.window ? `[${w}]` : w)).join('  '), { fg: theme.text })
       h.text(`${client.base.replace(/^https?:\/\//, '')} `, { fg: theme.muted, align: 'right' })
     })
-    if (s.open) {
+    if (s.board) {
+      const r = s.board
+      ui.panel({ title: `Top karma (${r.period === 'all' ? 'all time' : 'this week'})` }, (b: any) => {
+        if (!r.rows.length) b.text('Nobody yet. Sign in at built.indie, then upvote, review, comment and share to earn karma.', { fg: theme.muted })
+        for (const x of r.rows) b.text(`${String(x.rank ?? '').padStart(3)}. ${String(x.value).padStart(5)}  ${x.name} ${x.badges.map((g) => g.emoji).join('')}`, { fg: x.rank === 1 ? theme.accent : theme.text, bold: x.rank === 1 })
+        b.text(r.web, { fg: theme.muted })
+      })
+    } else if (s.open) {
       const p = s.open
       ui.panel({ title: `${p.name}  ${UP} ${p.votes}` }, (b: any) => {
         b.text(p.tagline, { fg: theme.accent, bold: true })
@@ -108,6 +129,7 @@ export async function runTui(client = new BuiltIndieClient()): Promise<void> {
         if (p.tags.length) b.text(`tags   ${p.tags.join(', ')}`, { fg: theme.muted })
         if (p.videos.length) b.text(`video  ${p.videos[0]!.url}`, { fg: theme.muted })
         if (p.maker) b.text(`maker  ${p.maker.name}${p.maker.verified ? ' ✓' : ''}`, { fg: theme.muted })
+        if (p.rating != null) b.text(`rated  ★ ${p.rating} from ${p.reviews}`, { fg: theme.muted })
       })
     } else {
       ui.panel({ title: s.busy ?? `${WINDOWS[s.window]} (${s.products.length})` }, (b: any) => {
@@ -120,7 +142,7 @@ export async function runTui(client = new BuiltIndieClient()): Promise<void> {
     }
     if (s.typing !== null) ui.panel({ title: 'Launch a URL', size: 3 }, (b: any) => b.text(`${s.typing}▏`, { fg: theme.accent }))
     else if (s.flash) ui.panel({ title: 'built.indie', size: 3 }, (b: any) => b.text(s.flash, { fg: theme.accent }))
-    ui.statusBar({ items: s.typing !== null ? [{ key: 'Enter', label: 'launch' }, { key: 'Esc', label: 'cancel' }] : [{ key: '←→', label: 'board' }, { key: '↑↓', label: 'pick' }, { key: 'Enter', label: 'open' }, { key: 'v', label: 'upvote' }, { key: 'l', label: 'launch' }, { key: 'q', label: 'quit' }], right: [{ label: 'built.indie' }] })
+    ui.statusBar({ items: s.typing !== null ? [{ key: 'Enter', label: 'launch' }, { key: 'Esc', label: 'cancel' }] : [{ key: '←→', label: 'board' }, { key: '↑↓', label: 'pick' }, { key: 'Enter', label: 'open' }, { key: 'v', label: 'upvote' }, { key: 'l', label: 'launch' }, { key: 'k', label: 'karma' }, { key: 'q', label: 'quit' }], right: [{ label: 'built.indie' }] })
   })
   void load()
   await app.start()

package/src/version.ts

@@ -1 +1 @@
-export const VERSION = '0.1.4'
+export const VERSION = '0.7.1'