ccusage-ui 0.1.6 → 0.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/package.json +12 -3
  2. package/public/share/{starter.html → bronze.html} +10 -11
  3. package/public/share/card-bronze.html +89 -0
  4. package/public/share/card-challenger.html +157 -0
  5. package/public/share/card-diamond.html +89 -0
  6. package/public/share/card-emerald.html +89 -0
  7. package/public/share/card-gold.html +89 -0
  8. package/public/share/card-grandmaster.html +89 -0
  9. package/public/share/card-iron.html +89 -0
  10. package/public/share/card-master.html +89 -0
  11. package/public/share/card-platinum.html +89 -0
  12. package/public/share/card-silver.html +89 -0
  13. package/public/share/{pro.html → challenger.html} +10 -11
  14. package/public/share/{mega.html → diamond.html} +10 -11
  15. package/public/share/{power.html → emerald.html} +10 -11
  16. package/public/share/gold.html +27 -0
  17. package/public/share/grandmaster.html +27 -0
  18. package/public/share/images/bronze.png +0 -0
  19. package/public/share/images/challenger.png +0 -0
  20. package/public/share/images/diamond.png +0 -0
  21. package/public/share/images/emerald.png +0 -0
  22. package/public/share/images/gold.png +0 -0
  23. package/public/share/images/grandmaster.png +0 -0
  24. package/public/share/images/iron.png +0 -0
  25. package/public/share/images/master.png +0 -0
  26. package/public/share/images/platinum.png +0 -0
  27. package/public/share/images/silver.png +0 -0
  28. package/public/share/iron.html +27 -0
  29. package/public/share/master.html +27 -0
  30. package/public/share/platinum.html +27 -0
  31. package/public/share/silver.html +27 -0
  32. package/scripts/capture-cards.js +52 -0
  33. package/public/share/legendary.html +0 -28
package/public/share/silver.html ADDED
@@ -0,0 +1,27 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <title>Silver - Claude Code Usage</title>
6
+
7
+ <!-- Open Graph / Facebook -->
8
+ <meta property="og:type" content="website">
9
+ <meta property="og:url" content="https://sowonlabs.github.io/ccusage-ui/share/silver.html">
10
+ <meta property="og:title" content="I'm a Silver AI User">
11
+ <meta property="og:description" content="My AI usage pace is over 10M tokens/month. Check your stats: npx ccusage-ui">
12
+ <meta property="og:image" content="https://sowonlabs.github.io/ccusage-ui/share/images/silver.png">
13
+
14
+ <!-- Twitter -->
15
+ <meta property="twitter:card" content="summary_large_image">
16
+ <meta property="twitter:url" content="https://sowonlabs.github.io/ccusage-ui/share/silver.html">
17
+ <meta property="twitter:title" content="I'm a Silver AI User">
18
+ <meta property="twitter:description" content="My AI usage pace is over 10M tokens/month. Check your stats: npx ccusage-ui">
19
+ <meta property="twitter:image" content="https://sowonlabs.github.io/ccusage-ui/share/images/silver.png">
20
+
21
+ <script>window.location.href = "https://github.com/sowonlabs/ccusage-ui";</script>
22
+ <meta http-equiv="refresh" content="0;url=https://github.com/sowonlabs/ccusage-ui" />
23
+ </head>
24
+ <body>
25
+ <p>Redirecting to <a href="https://github.com/sowonlabs/ccusage-ui">ccusage-ui</a>...</p>
26
+ </body>
27
+ </html>
package/scripts/capture-cards.js ADDED
@@ -0,0 +1,52 @@
1
+ const puppeteer = require('puppeteer');
2
+ const path = require('path');
3
+ const fs = require('fs');
4
+
5
+ const TIERS = [
6
+ 'challenger',
7
+ 'grandmaster',
8
+ 'master',
9
+ 'diamond',
10
+ 'emerald',
11
+ 'platinum',
12
+ 'gold',
13
+ 'silver',
14
+ 'bronze',
15
+ 'iron'
16
+ ];
17
+
18
+ async function captureCard(browser, tier) {
19
+ const page = await browser.newPage();
20
+ await page.setViewport({ width: 1200, height: 630 });
21
+
22
+ const htmlPath = path.join(__dirname, `../public/share/card-${tier}.html`);
23
+ const outputPath = path.join(__dirname, `../public/share/images/${tier}.png`);
24
+
25
+ await page.goto(`file://${htmlPath}`, { waitUntil: 'networkidle0' });
26
+ await page.screenshot({ path: outputPath, type: 'png' });
27
+
28
+ await page.close();
29
+ console.log(`✓ ${tier}.png`);
30
+ }
31
+
32
+ async function main() {
33
+ // Ensure images directory exists
34
+ const imagesDir = path.join(__dirname, '../public/share/images');
35
+ if (!fs.existsSync(imagesDir)) {
36
+ fs.mkdirSync(imagesDir, { recursive: true });
37
+ }
38
+
39
+ console.log('Capturing tier cards...\n');
40
+
41
+ const browser = await puppeteer.launch();
42
+
43
+ for (const tier of TIERS) {
44
+ await captureCard(browser, tier);
45
+ }
46
+
47
+ await browser.close();
48
+
49
+ console.log('\n✅ All cards captured!');
50
+ }
51
+
52
+ main().catch(console.error);
package/public/share/legendary.html DELETED
@@ -1,28 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <title>Legendary User - Claude Code Usage</title>
6
-
7
- <!-- Open Graph / Facebook -->
8
- <meta property="og:type" content="website">
9
- <meta property="og:url" content="https://sowonlabs.github.io/ccusage-ui/share/legendary.html">
10
- <meta property="og:title" content="I'm a Legendary AI User (Opus 4.5 Class)">
11
- <meta property="og:description" content="My AI usage pace is over 100M tokens/month. Check your local Claude Code stats with one command: npx ccusage-ui">
12
- <meta property="og:image" content="https://sowonlabs.github.io/ccusage-ui/screenshot.png">
13
-
14
- <!-- Twitter -->
15
- <meta property="twitter:card" content="summary_large_image">
16
- <meta property="twitter:url" content="https://sowonlabs.github.io/ccusage-ui/share/legendary.html">
17
- <meta property="twitter:title" content="I'm a Legendary AI User (Opus 4.5 Class)">
18
- <meta property="twitter:description" content="My AI usage pace is over 100M tokens/month. Check your local Claude Code stats with one command: npx ccusage-ui">
19
- <meta property="twitter:image" content="https://sowonlabs.github.io/ccusage-ui/screenshot.png">
20
-
21
- <!-- Redirect to main repo -->
22
- <script>window.location.href = "https://github.com/sowonlabs/ccusage-ui";</script>
23
- <meta http-equiv="refresh" content="0;url=https://github.com/sowonlabs/ccusage-ui" />
24
- </head>
25
- <body>
26
- <p>Redirecting to <a href="https://github.com/sowonlabs/ccusage-ui">ccusage-ui</a>...</p>
27
- </body>
28
- </html>