Skip to content

Commit 8dc5c6c

Browse files
austenstoneaustenstone
committed
feat: SEO and deploy config for github-actions-usage-report
- Dynamic BASE_PATH via env var (defaults to /tbb/ for local dev) - Workflow sets BASE_PATH from repo name automatically - Updated title, description, and meta tags to match Google-ranked 'GitHub Usage Report Viewer' branding - Canonical URL, OG tags, and structured data point to the ranked URL - Sitemap and robots.txt updated for the new canonical domain - Relative paths for favicon/manifest so they work on any base
1 parent e5cdcbf commit 8dc5c6c

6 files changed

Lines changed: 32 additions & 30 deletions

File tree

‎.github/workflows/deploy.yml‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,8 @@ jobs:
4343

4444
- name: Build
4545
run: npm run build
46+
env:
47+
BASE_PATH: /${{ github.event.repository.name }}/
4648

4749
- uses: actions/upload-pages-artifact@v3
4850
with:

‎index.html‎

Lines changed: 21 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -5,38 +5,38 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66

77
<!-- Primary Meta Tags -->
8-
<title>TBB — GitHub Copilot Billing & Token Usage Dashboard</title>
9-
<meta name="title" content="TBB — GitHub Copilot Billing & Token Usage Dashboard" />
10-
<meta name="description" content="Drag-and-drop GitHub billing CSVs to instantly visualize Copilot spend, premium request usage, token consumption, and model breakdowns. 100% client-side — no data leaves your browser." />
11-
<meta name="keywords" content="GitHub Copilot, billing dashboard, token usage, premium requests, CSV viewer, Copilot spend, AI coding costs, GitHub billing, developer tools" />
8+
<title>GitHub Usage Report Viewer</title>
9+
<meta name="title" content="GitHub Usage Report Viewer" />
10+
<meta name="description" content="Visualize your GitHub Usage Report. All processing is done client side and your usage report never leaves your computer." />
11+
<meta name="keywords" content="GitHub, usage report, billing dashboard, Copilot, Actions, token usage, premium requests, CSV viewer, Copilot spend, AI coding costs, developer tools" />
1212
<meta name="author" content="Austen Stone" />
1313
<meta name="robots" content="index, follow" />
14-
<link rel="canonical" href="https://austenstone.github.io/tbb/" />
14+
<link rel="canonical" href="https://austenstone.github.io/github-actions-usage-report/" />
1515

1616
<!-- Open Graph / Facebook -->
1717
<meta property="og:type" content="website" />
18-
<meta property="og:url" content="https://austenstone.github.io/tbb/" />
19-
<meta property="og:title" content="TBB — GitHub Copilot Billing & Token Usage Dashboard" />
20-
<meta property="og:description" content="Drag-and-drop GitHub billing CSVs to instantly visualize Copilot spend, premium request usage, token consumption, and model breakdowns. 100% client-side." />
21-
<meta property="og:image" content="https://austenstone.github.io/tbb/og-image.png" />
18+
<meta property="og:url" content="https://austenstone.github.io/github-actions-usage-report/" />
19+
<meta property="og:title" content="GitHub Usage Report Viewer" />
20+
<meta property="og:description" content="Visualize your GitHub Usage Report. All processing is done client side and your usage report never leaves your computer." />
21+
<meta property="og:image" content="https://austenstone.github.io/github-actions-usage-report/og-image.png" />
2222
<meta property="og:image:width" content="1200" />
2323
<meta property="og:image:height" content="630" />
2424
<meta property="og:site_name" content="TBB" />
2525
<meta property="og:locale" content="en_US" />
2626

2727
<!-- Twitter -->
2828
<meta name="twitter:card" content="summary_large_image" />
29-
<meta name="twitter:url" content="https://austenstone.github.io/tbb/" />
30-
<meta name="twitter:title" content="TBB — GitHub Copilot Billing & Token Usage Dashboard" />
31-
<meta name="twitter:description" content="Drag-and-drop GitHub billing CSVs to instantly visualize Copilot spend, premium request usage, token consumption, and model breakdowns. 100% client-side." />
32-
<meta name="twitter:image" content="https://austenstone.github.io/tbb/og-image.png" />
29+
<meta name="twitter:url" content="https://austenstone.github.io/github-actions-usage-report/" />
30+
<meta name="twitter:title" content="GitHub Usage Report Viewer" />
31+
<meta name="twitter:description" content="Visualize your GitHub Usage Report. All processing is done client side and your usage report never leaves your computer." />
32+
<meta name="twitter:image" content="https://austenstone.github.io/github-actions-usage-report/og-image.png" />
3333

3434
<!-- Favicon -->
35-
<link rel="icon" type="image/svg+xml" href="/tbb/favicon.svg" />
36-
<link rel="apple-touch-icon" href="/tbb/apple-touch-icon.png" />
35+
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
36+
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
3737

3838
<!-- Web App Manifest -->
39-
<link rel="manifest" href="/tbb/site.webmanifest" />
39+
<link rel="manifest" href="site.webmanifest" />
4040
<meta name="theme-color" content="#0d1117" media="(prefers-color-scheme: dark)" />
4141
<meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)" />
4242

@@ -45,10 +45,10 @@
4545
{
4646
"@context": "https://schema.org",
4747
"@type": "WebApplication",
48-
"name": "TBB",
49-
"alternateName": "Token-Based Billing Report Explorer",
50-
"url": "https://austenstone.github.io/tbb/",
51-
"description": "Drag-and-drop GitHub billing CSVs to instantly visualize Copilot spend, premium request usage, token consumption, and model breakdowns. 100% client-side.",
48+
"name": "GitHub Usage Report Viewer",
49+
"alternateName": "GitHub Billing Dashboard",
50+
"url": "https://austenstone.github.io/github-actions-usage-report/",
51+
"description": "Visualize your GitHub Usage Report. All processing is done client side and your usage report never leaves your computer.",
5252
"applicationCategory": "DeveloperApplication",
5353
"operatingSystem": "Any",
5454
"browserRequirements": "Requires a modern browser with JavaScript enabled",
@@ -73,7 +73,7 @@
7373
"Multi-file support with tab switching",
7474
"Duplicate file detection via FNV-1a hashing"
7575
],
76-
"screenshot": "https://austenstone.github.io/tbb/og-image.png",
76+
"screenshot": "https://austenstone.github.io/github-actions-usage-report/og-image.png",
7777
"softwareVersion": "1.0.0"
7878
}
7979
</script>

‎public/robots.txt‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
User-agent: *
22
Allow: /
33

4-
Sitemap: https://austenstone.github.io/tbb/sitemap.xml
4+
Sitemap: https://austenstone.github.io/github-actions-usage-report/sitemap.xml

‎public/site.webmanifest‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
{
2-
"name": "TBB — GitHub Copilot Billing Dashboard",
3-
"short_name": "TBB",
4-
"description": "Drag-and-drop GitHub billing CSVs to visualize Copilot spend, premium request usage, and token consumption. 100% client-side.",
5-
"start_url": "/tbb/",
6-
"scope": "/tbb/",
2+
"name": "GitHub Usage Report Viewer",
3+
"short_name": "Usage Viewer",
4+
"description": "Visualize your GitHub Usage Report. All processing is done client side and your usage report never leaves your computer.",
5+
"start_url": "./",
6+
"scope": "./",
77
"display": "standalone",
88
"background_color": "#0d1117",
99
"theme_color": "#0d1117",
1010
"icons": [
1111
{
12-
"src": "/tbb/favicon.svg",
12+
"src": "favicon.svg",
1313
"sizes": "any",
1414
"type": "image/svg+xml",
1515
"purpose": "any maskable"

‎public/sitemap.xml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<?xml version="1.0" encoding="UTF-8"?>
22
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
33
<url>
4-
<loc>https://austenstone.github.io/tbb/</loc>
4+
<loc>https://austenstone.github.io/github-actions-usage-report/</loc>
55
<lastmod>2026-03-26</lastmod>
66
<changefreq>weekly</changefreq>
77
<priority>1.0</priority>

‎vite.config.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import react from '@vitejs/plugin-react';
33

44
export default defineConfig({
55
plugins: [react()],
6-
base: '/tbb/',
6+
base: process.env.BASE_PATH ?? '/tbb/',
77
css: {
88
modules: {
99
localsConvention: 'camelCase',

0 commit comments

Comments
 (0)