fix: left-align footer stats, remove bulletpoints, count all repos

Footer stats now include all qualifying repos (including awesome lists)
while cards still respect excludeAwesomeLists filter.

Author: GeiserX

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "ghost-github-portfolio",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "description": "Auto-sync GitHub repositories to a Ghost CMS portfolio page. Fetches repos, sorts by stars, generates cards with banners and badges, and updates Ghost via the Admin API.",
   "type": "module",
   "bin": {

package.json

@@ -215,56 +215,48 @@ function inferTechStack(repo: GitHubRepo): string | null {
 }
 
 export function generateFooter(
-  repos: GitHubRepo[],
+  allRepos: GitHubRepo[],
   config: Config,
 ): string | null {
   if (!config.portfolio.footer.showStats && !config.portfolio.footer.showViewAll)
     return null;
 
-  const center = config.portfolio.centerContent;
-  const align = center ? ' style="text-align:center;"' : "";
-  const listStyle = center
-    ? ' style="list-style:none; padding:0; text-align:center;"'
-    : "";
-
   const parts: string[] = [];
-  parts.push(`<h2${align}>GitHub Stats</h2>`);
+  parts.push(`<h2>GitHub Stats</h2>`);
 
   if (config.portfolio.footer.showStats) {
-    const totalStars = repos.reduce((s, r) => s + r.stargazers_count, 0);
-    const totalRepos = repos.length;
+    const totalStars = allRepos.reduce((s, r) => s + r.stargazers_count, 0);
+    const totalRepos = allRepos.length;
     const languages = [
-      ...new Set(repos.map((r) => r.language).filter(Boolean)),
+      ...new Set(allRepos.map((r) => r.language).filter(Boolean)),
     ];
     const focusAreas = [
-      ...new Set(repos.flatMap((r) => r.topics).filter(Boolean)),
+      ...new Set(allRepos.flatMap((r) => r.topics).filter(Boolean)),
     ]
       .slice(0, 8)
       .map((t) => t.charAt(0).toUpperCase() + t.slice(1));
 
-    parts.push(`<ul${listStyle}>`);
     parts.push(
-      `<li><strong>Total Stars (featured):</strong>&nbsp;${totalStars}+</li>`,
+      `<p><strong>Total Stars (featured):</strong>&nbsp;${totalStars}+</p>`,
     );
     parts.push(
-      `<li><strong>Featured Repositories:</strong>&nbsp;${totalRepos}</li>`,
+      `<p><strong>Featured Repositories:</strong>&nbsp;${totalRepos}</p>`,
     );
     if (languages.length > 0) {
       parts.push(
-        `<li><strong>Primary Languages:</strong>&nbsp;${languages.join(", ")}</li>`,
+        `<p><strong>Primary Languages:</strong>&nbsp;${languages.join(", ")}</p>`,
       );
     }
     if (focusAreas.length > 0) {
       parts.push(
-        `<li><strong>Focus Areas:</strong>&nbsp;${focusAreas.join(", ")}</li>`,
+        `<p><strong>Focus Areas:</strong>&nbsp;${focusAreas.join(", ")}</p>`,
       );
     }
-    parts.push(`</ul>`);
   }
 
   if (config.portfolio.footer.showViewAll) {
     parts.push(
-      `<p${align}><a href="https://github.com/${config.github.username}?tab=repositories"><strong>View All Repositories &rarr;</strong></a></p>`,
+      `<p><a href="https://github.com/${config.github.username}?tab=repositories"><strong>View All Repositories &rarr;</strong></a></p>`,
     );
   }
 

src/generator.ts

@@ -78,10 +78,6 @@ export async function fetchRepos(
     .filter((r) => includeForked || !r.fork)
     .filter((r) => !excludeSet.has(r.name.toLowerCase()))
     .filter((r) => !config.portfolio.repos[r.name]?.exclude)
-    .filter((r) => {
-      if (!config.portfolio.excludeAwesomeLists) return true;
-      return !r.name.toLowerCase().startsWith("awesome") && !r.topics.includes("awesome-list");
-    })
     .sort((a, b) => b.stargazers_count - a.stargazers_count)
     .slice(0, maxRepos);
 }

src/github.ts

@@ -14,7 +14,7 @@ program
   .description(
     "Auto-sync GitHub repositories to a Ghost CMS portfolio page. Fetches repos, sorts by stars, generates cards with banners and badges, and updates Ghost via the Admin API.",
   )
-  .version("0.3.2");
+  .version("0.3.3");
 
 program
   .command("sync")
@@ -34,20 +34,26 @@ program
         console.log(
           `Fetching repos for ${config.github.username} (min ${config.portfolio.minStars} stars)...`,
         );
-      const repos = await fetchRepos(config);
+      const allRepos = await fetchRepos(config);
+
+      // Filter awesome lists for display only (stats use all repos)
+      const displayRepos = config.portfolio.excludeAwesomeLists
+        ? allRepos.filter((r) => !r.name.toLowerCase().startsWith("awesome") && !r.topics.includes("awesome-list"))
+        : allRepos;
+
       console.log(
-        `Found ${repos.length} repos matching criteria (${config.portfolio.minStars}+ stars)`,
+        `Found ${allRepos.length} repos matching criteria (${config.portfolio.minStars}+ stars)${displayRepos.length < allRepos.length ? `, displaying ${displayRepos.length}` : ""}`,
       );
 
-      if (repos.length === 0) {
+      if (displayRepos.length === 0) {
         console.log("No repos found. Check your config.");
         return;
       }
 
       // Detect banners (parallel)
       if (verbose) console.log("Detecting banner images...");
       const bannerResults = await Promise.all(
-        repos.map(async (repo) => {
+        displayRepos.map(async (repo) => {
           const banner = await detectBanner(repo, config);
           if (verbose) {
             console.log(
@@ -61,7 +67,7 @@ program
       // Fetch per-repo portfolio configs (.ghost-portfolio.yml)
       if (verbose) console.log("Fetching portfolio configs...");
       await Promise.all(
-        repos.map(async (repo) => {
+        displayRepos.map(async (repo) => {
           const portfolioConfig = await fetchPortfolioConfig(repo, config);
           if (portfolioConfig) {
             // Merge: per-repo file provides defaults, config.yml overrides
@@ -82,7 +88,7 @@ program
         generateCard(repo, banner, config),
       );
 
-      const footer = generateFooter(repos, config);
+      const footer = generateFooter(allRepos, config);
       const lexical = buildLexical(cards, footer);
 
       if (opts.json) {
@@ -99,7 +105,7 @@ program
         }
         console.log(`\nTotal cards: ${cards.length}`);
         console.log(
-          `Total stars: ${repos.reduce((s, r) => s + r.stargazers_count, 0)}`,
+          `Total stars: ${displayRepos.reduce((s, r) => s + r.stargazers_count, 0)}`,
         );
 
         // Write to temp file for inspection
@@ -121,9 +127,9 @@ program
       const updated = await updatePage(config, page.id, page.updated_at, lexical);
 
       console.log(`Portfolio updated: ${updated.title}`);
-      console.log(`  ${repos.length} projects displayed`);
+      console.log(`  ${displayRepos.length} projects displayed`);
       console.log(
-        `  ${repos.reduce((s, r) => s + r.stargazers_count, 0)} total stars`,
+        `  ${displayRepos.reduce((s, r) => s + r.stargazers_count, 0)} total stars`,
       );
       console.log(
         `  ${bannerResults.filter((b) => b.banner).length} banners loaded`,