#312--add-credits-to-about-page

core/messages/about/en.ts

@@ -1,10 +1,23 @@
 import { i18n } from '../../i18n.ts'
 
 export const aboutMessages = i18n('about', {
+  allCiActionsAuthors: 'all CI actions authors',
+  allDependenciesAuthors: 'All our dependencies authors',
+  allNpmDependenciesAuthors: 'all npm dependencies authors',
+  closeCredits: 'Close credits',
+  companies: 'Companies',
+  contributors: 'Contributors',
+  credits: 'Credits',
+  devOpsTeam: 'manually list of people who helped with Docker images, nginx, etc',
+  evilMartians: 'Evil Martians',
+  hhLabs: 'h+h lab',
   opensource:
     'This app is open source. Anyone, including developers and LLMs, can see exactly how it works and verify our promises.',
+  openSourceCommunity: 'Open Source Community',
   pageTitle: 'About',
   reportIssue: 'Report an issue',
+  slowReader: 'Slow Reader',
+  specialThanks: 'Special Thanks',
   version: 'App version',
   viewSources: 'View source code'
 })

core/pages/about.ts

@@ -1,12 +1,55 @@
 import { VERSION } from '@slowreader/api'
+import { atom } from 'nanostores'
 
 import { createPage } from './common.ts'
+import { contributorsMock } from './contributors.ts'
+
+export type Contributor = {
+  avatar_url: string
+  contributions: number
+  html_url: string
+  id: number
+  login: string
+  type: string
+}
+
+const EXCLUDED_LOGINS = new Set(['actions-user', 'dependabot[bot]'])
+
+async function getContributors(): Promise<Contributor[]> {
+  let response = await fetch(
+    'https://api.github.com/repos/hplush/slowreader/contributors'
+  )
+  if (!response.ok) {
+    throw new Error(`HTTP error! status: ${response.status}`)
+  }
+
+  let data = (await response.json()) as Contributor[]
+  return data.filter(contributor => !EXCLUDED_LOGINS.has(contributor.login))
+}
 
 export const aboutPage = createPage('about', () => {
+  let $credits = atom<Contributor[] | null>(null)
+  let $showCredits = atom<boolean>(false)
+
+  getContributors()
+    .then(data => {
+      $credits.set(data)
+    })
+    .catch(() => {
+      $credits.set(contributorsMock)
+    })
+
+  function toggleCredits(): void {
+    $showCredits.set(!$showCredits.get())
+  }
+
   return {
     appVersion: VERSION,
-    exit() {},
-    params: {}
+    credits: $credits,
+    exit() { },
+    params: {},
+    showCredits: $showCredits,
+    toggleCredits
   }
 })