fix: normalize submission tags and stats

Author: Neikon

.github/workflows/create-theme-submission.yml

@@ -66,6 +66,7 @@ jobs:
           ISSUE_TITLE: ${{ steps.issue.outputs.title }}
           ISSUE_AUTHOR: ${{ steps.issue.outputs.author }}
           ISSUE_BODY_FILE: issue-body.md
+          GITHUB_TOKEN: ${{ github.token }}
         run: node scripts/create-theme-submission-from-issue.mjs
 
       - run: npm test

.github/workflows/publish-approved-theme-submission.yml

@@ -39,6 +39,7 @@ jobs:
       - name: Publish candidate theme
         env:
           PR_NUMBER: ${{ github.event.pull_request.number }}
+          GITHUB_TOKEN: ${{ github.token }}
         run: node scripts/publish-approved-theme-submission.mjs
 
       - run: npm test

MEMORY.md

@@ -67,6 +67,7 @@ This file stores durable project context so future conversations can resume work
 - Each published theme gets a `/themes/[slug]/` detail page and the site also generates `/themes.json`
 - Archived-but-existing repositories are preserved under `/archive/` with unsupported messaging; unavailable/deleted repositories are proposed for removal by PR
 - New theme submissions come through the `Submit a theme` GitHub Issue Form; automation turns them into `candidate` PRs, and they become public only after human review
+- Theme submission and approval automation populates basic repository stats for submitted repositories, reusing the same provider logic as `npm run refresh:themes`
 
 ## Known Technical Risks
 

README.md

@@ -39,6 +39,7 @@ Community submissions use the `Submit a theme` GitHub Issue Form. When a complet
 
 - create a candidate JSON entry in `src/content/themes/`;
 - download attached or linked screenshots into `public/assets/img/themes/`;
+- populate basic repository metadata such as stars, last update date, and owner avatar;
 - validate the catalog with `npm test` and `npm run build`;
 - open or update a review pull request from a `submissions/theme-<issue-number>` branch.
 

scripts/create-theme-submission-from-issue.mjs

@@ -2,6 +2,7 @@ import fs from 'node:fs'
 import path from 'node:path'
 import { Buffer } from 'node:buffer'
 import { fileURLToPath } from 'node:url'
+import { fetchRepositoryStats } from './repository-stats.mjs'
 
 const root = path.dirname(path.dirname(fileURLToPath(import.meta.url)))
 const themesDir = path.join(root, 'src/content/themes')
@@ -32,6 +33,7 @@ const submitterRole = normalizeSubmitterRole(requiredField(fields, 'Your relatio
 const notes = optionalField(fields, 'Notes for reviewers')
 const slug = uniqueSlug(slugify(title))
 const submittedBy = issueAuthor.length >= 2 ? issueAuthor : null
+const repositoryStats = await fetchRepositoryStats(repository)
 
 if (title.length < 2 || title.length > 80) {
   throw new Error('Theme title must be between 2 and 80 characters.')
@@ -68,12 +70,7 @@ const theme = {
   status: 'candidate',
   catalogIndex: candidateCatalogIndex(),
   ...(submittedBy ? { submittedBy } : {}),
-  stats: {
-    stars: 0,
-    updatedAt: null,
-    ownerAvatar: null,
-    accessible: true
-  }
+  stats: repositoryStats
 }
 
 const themePath = path.join(themesDir, `${slug}.json`)

scripts/publish-approved-theme-submission.mjs

@@ -2,6 +2,7 @@ import fs from 'node:fs'
 import path from 'node:path'
 import { execFileSync } from 'node:child_process'
 import { fileURLToPath } from 'node:url'
+import { fetchRepositoryStats } from './repository-stats.mjs'
 
 const root = path.dirname(path.dirname(fileURLToPath(import.meta.url)))
 const themesDir = path.join(root, 'src/content/themes')
@@ -54,6 +55,7 @@ const candidatePath = path.join(root, candidateFiles[0])
 const candidate = readTheme(candidatePath)
 candidate.status = 'published'
 candidate.catalogIndex = nextCatalogIndex(candidatePath)
+candidate.stats = await fetchRepositoryStats(candidate.repository, candidate.stats)
 
 fs.writeFileSync(candidatePath, `${JSON.stringify(candidate, null, 2)}\n`)
 console.log(`Published ${candidate.slug} with catalogIndex ${candidate.catalogIndex}.`)

scripts/refresh-theme-stats.mjs

@@ -1,90 +1,15 @@
 import fs from 'node:fs/promises'
 import path from 'node:path'
 import { fileURLToPath } from 'node:url'
+import { fetchRepositoryStats } from './repository-stats.mjs'
 
 const root = path.dirname(path.dirname(fileURLToPath(import.meta.url)))
 const themesDir = path.join(root, 'src/content/themes')
-const githubToken = process.env.GITHUB_TOKEN
-const gitlabToken = process.env.GITLAB_TOKEN
-const codebergToken = process.env.CODEBERG_TOKEN
-
-async function requestJson(url, headers = {}) {
-  const response = await fetch(url, { headers })
-
-  if (!response.ok) {
-    throw new Error(`${response.status} ${response.statusText}`)
-  }
-
-  return response.json()
-}
-
-function parseRepo(repository) {
-  const url = new URL(repository)
-  const [owner, name] = url.pathname.replace(/^\/|\/$/g, '').split('/')
-
-  if (!owner || !name) {
-    throw new Error(`Unsupported repository path: ${repository}`)
-  }
-
-  return { host: url.hostname.replace(/^www\./, ''), owner, name }
-}
-
-async function readGithub({ owner, name }) {
-  const headers = githubToken ? { Authorization: `Bearer ${githubToken}` } : {}
-  const data = await requestJson(`https://api.github.com/repos/${owner}/${name}`, headers)
-
-  return {
-    stars: data.stargazers_count ?? 0,
-    updatedAt: data.pushed_at ?? data.updated_at ?? null,
-    ownerAvatar: data.owner?.avatar_url ?? null,
-    accessible: true
-  }
-}
-
-async function readGitlab({ owner, name }) {
-  const headers = gitlabToken ? { Authorization: `Bearer ${gitlabToken}` } : {}
-  const encoded = encodeURIComponent(`${owner}/${name}`)
-  const data = await requestJson(`https://gitlab.com/api/v4/projects/${encoded}`, headers)
-
-  const avatar = data.namespace?.avatar_url ?? null
-
-  return {
-    stars: data.star_count ?? 0,
-    updatedAt: data.last_activity_at ?? null,
-    ownerAvatar: avatar?.startsWith('/') ? `https://gitlab.com${avatar}` : avatar,
-    accessible: true
-  }
-}
-
-async function readCodeberg({ owner, name }) {
-  const headers = codebergToken ? { Authorization: `token ${codebergToken}` } : {}
-  const data = await requestJson(`https://codeberg.org/api/v1/repos/${owner}/${name}`, headers)
-
-  return {
-    stars: data.stars_count ?? 0,
-    updatedAt: data.updated_at ?? null,
-    ownerAvatar: data.owner?.avatar_url ?? null,
-    accessible: true
-  }
-}
 
 async function refreshTheme(file) {
   const filePath = path.join(themesDir, file)
   const theme = JSON.parse(await fs.readFile(filePath, 'utf8'))
-  const repo = parseRepo(theme.repository)
-
-  let stats
-  if (repo.host === 'github.com') {
-    stats = await readGithub(repo)
-  } else if (repo.host === 'gitlab.com') {
-    stats = await readGitlab(repo)
-  } else if (repo.host === 'codeberg.org') {
-    stats = await readCodeberg(repo)
-  } else {
-    stats = { ...theme.stats, accessible: true }
-  }
-
-  theme.stats = { ...theme.stats, ...stats }
+  theme.stats = { ...theme.stats, ...await fetchRepositoryStats(theme.repository, theme.stats) }
   await fs.writeFile(filePath, `${JSON.stringify(theme, null, 2)}\n`)
   console.log(`Refreshed ${theme.slug}`)
 }

scripts/repository-stats.mjs

@@ -0,0 +1,89 @@
+const githubToken = process.env.GITHUB_TOKEN
+const gitlabToken = process.env.GITLAB_TOKEN
+const codebergToken = process.env.CODEBERG_TOKEN
+
+export async function fetchRepositoryStats(repository, currentStats = {}) {
+  const repo = parseRepo(repository)
+
+  try {
+    if (repo.host === 'github.com') {
+      return await readGithub(repo)
+    }
+
+    if (repo.host === 'gitlab.com') {
+      return await readGitlab(repo)
+    }
+
+    if (repo.host === 'codeberg.org') {
+      return await readCodeberg(repo)
+    }
+
+    return { ...currentStats, accessible: true }
+  } catch {
+    return {
+      stars: currentStats.stars ?? 0,
+      updatedAt: currentStats.updatedAt ?? null,
+      ownerAvatar: currentStats.ownerAvatar ?? null,
+      accessible: false
+    }
+  }
+}
+
+async function requestJson(url, headers = {}) {
+  const response = await fetch(url, { headers })
+
+  if (!response.ok) {
+    throw new Error(`${response.status} ${response.statusText}`)
+  }
+
+  return response.json()
+}
+
+function parseRepo(repository) {
+  const url = new URL(repository)
+  const [owner, name] = url.pathname.replace(/^\/|\/$/g, '').split('/')
+
+  if (!owner || !name) {
+    throw new Error(`Unsupported repository path: ${repository}`)
+  }
+
+  return { host: url.hostname.replace(/^www\./, ''), owner, name }
+}
+
+async function readGithub({ owner, name }) {
+  const headers = githubToken ? { Authorization: `Bearer ${githubToken}` } : {}
+  const data = await requestJson(`https://api.github.com/repos/${owner}/${name}`, headers)
+
+  return {
+    stars: data.stargazers_count ?? 0,
+    updatedAt: data.pushed_at ?? data.updated_at ?? null,
+    ownerAvatar: data.owner?.avatar_url ?? null,
+    accessible: true
+  }
+}
+
+async function readGitlab({ owner, name }) {
+  const headers = gitlabToken ? { Authorization: `Bearer ${gitlabToken}` } : {}
+  const encoded = encodeURIComponent(`${owner}/${name}`)
+  const data = await requestJson(`https://gitlab.com/api/v4/projects/${encoded}`, headers)
+  const avatar = data.namespace?.avatar_url ?? null
+
+  return {
+    stars: data.star_count ?? 0,
+    updatedAt: data.last_activity_at ?? null,
+    ownerAvatar: avatar?.startsWith('/') ? `https://gitlab.com${avatar}` : avatar,
+    accessible: true
+  }
+}
+
+async function readCodeberg({ owner, name }) {
+  const headers = codebergToken ? { Authorization: `token ${codebergToken}` } : {}
+  const data = await requestJson(`https://codeberg.org/api/v1/repos/${owner}/${name}`, headers)
+
+  return {
+    stars: data.stars_count ?? 0,
+    updatedAt: data.updated_at ?? null,
+    ownerAvatar: data.owner?.avatar_url ?? null,
+    accessible: true
+  }
+}

src/content/themes/seal-mint.json

@@ -21,8 +21,8 @@
   "submittedBy": "Neikon",
   "stats": {
     "stars": 0,
-    "updatedAt": null,
-    "ownerAvatar": null,
+    "updatedAt": "2026-04-09T11:08:17Z",
+    "ownerAvatar": "https://avatars.githubusercontent.com/u/273342409?v=4",
     "accessible": true
   }
 }

src/styles/global.css

@@ -243,8 +243,7 @@ select {
   overflow-x: auto;
 }
 
-.tag-filter,
-.theme-tags span {
+.tag-filter {
   border: 1px solid var(--line);
   border-radius: 999px;
   background: var(--surface);
@@ -346,13 +345,24 @@ select {
 }
 
 .theme-tags span {
-  padding: 5px 9px;
-  font-size: 0.78rem;
-  font-weight: 800;
+  display: inline-flex;
+  align-items: center;
+  min-height: 24px;
+  padding: 2px 8px;
+  border: 1px solid var(--line);
+  border-radius: 999px;
+  background: color-mix(in srgb, var(--surface) 76%, var(--bg));
+  color: var(--muted);
+  font-size: 0.74rem;
+  font-weight: 650;
+  line-height: 1.2;
+  white-space: nowrap;
 }
 
 .theme-tags.large span {
-  font-size: 0.9rem;
+  min-height: 30px;
+  padding-inline: 10px;
+  font-size: 0.84rem;
 }
 
 .theme-meta,