ccusage-ui 0.1.5 β 0.1.6
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.
- package/package.json +1 -1
- package/public/index.html +44 -41
package/package.json
CHANGED
package/public/index.html
CHANGED
|
@@ -280,7 +280,7 @@
|
|
|
280
280
|
<div>
|
|
281
281
|
<div style="display: flex; align-items: center; gap: 8px;">
|
|
282
282
|
<h2 style="margin:0; font-size:18px;">Usage Trend</h2>
|
|
283
|
-
<span class="tier-info" data-tippy-content="β¬ Iron: <
|
|
283
|
+
<span class="tier-info" data-tippy-content="β¬ Iron: <5M<br>π« Bronze: 5M+<br>β¬ Silver: 10M+<br>π‘ Gold: 30M+<br>π Platinum: 50M+<br>π Emerald: 100M+<br>π Diamond: 300M+<br>π΄ Master: 500M+<br>π Grandmaster: 1B+<br>π Challenger: 1.5B+ (μΈκ³ 1μκΈ)">?</span>
|
|
284
284
|
</div>
|
|
285
285
|
|
|
286
286
|
<div id="userLevel" style="font-size:12px; color:#0071e3; margin-top:4px; font-weight:500;"></div>
|
|
@@ -493,15 +493,15 @@
|
|
|
493
493
|
let displayHTML = "";
|
|
494
494
|
|
|
495
495
|
const getLevelName = (val) => {
|
|
496
|
-
if (val >=
|
|
497
|
-
if (val >=
|
|
498
|
-
if (val >=
|
|
499
|
-
if (val >=
|
|
500
|
-
if (val >=
|
|
501
|
-
if (val >=
|
|
502
|
-
if (val >=
|
|
503
|
-
if (val >=
|
|
504
|
-
if (val >=
|
|
496
|
+
if (val >= 1500) return "π Challenger";
|
|
497
|
+
if (val >= 1000) return "π Grandmaster";
|
|
498
|
+
if (val >= 500) return "π΄ Master";
|
|
499
|
+
if (val >= 300) return "π Diamond";
|
|
500
|
+
if (val >= 100) return "π Emerald";
|
|
501
|
+
if (val >= 50) return "π Platinum";
|
|
502
|
+
if (val >= 30) return "π‘ Gold";
|
|
503
|
+
if (val >= 10) return "β¬ Silver";
|
|
504
|
+
if (val >= 5) return "π« Bronze";
|
|
505
505
|
return "β¬ Iron";
|
|
506
506
|
};
|
|
507
507
|
|
|
@@ -564,21 +564,24 @@
|
|
|
564
564
|
|
|
565
565
|
if (currentMetric === 'tokens') {
|
|
566
566
|
if (currentView === 'monthly') {
|
|
567
|
-
drawLine(
|
|
568
|
-
drawLine(100, '#
|
|
569
|
-
drawLine(300, '#
|
|
570
|
-
drawLine(500, '#
|
|
571
|
-
drawLine(1000, '#
|
|
567
|
+
drawLine(30, '#ffd700', 'Gold (30M)');
|
|
568
|
+
drawLine(100, '#00e5a0', 'Emerald (100M)');
|
|
569
|
+
drawLine(300, '#00bcd4', 'Diamond (300M)');
|
|
570
|
+
drawLine(500, '#e74c3c', 'Master (500M)');
|
|
571
|
+
drawLine(1000, '#ff9800', 'Grandmaster (1B)');
|
|
572
|
+
drawLine(1500, '#9b59b6', 'Challenger (1.5B)');
|
|
572
573
|
} else {
|
|
573
574
|
// Daily Benchmarks
|
|
574
|
-
// Challenger (
|
|
575
|
-
drawLine(
|
|
576
|
-
//
|
|
577
|
-
drawLine(
|
|
578
|
-
//
|
|
579
|
-
drawLine(
|
|
580
|
-
//
|
|
581
|
-
drawLine(
|
|
575
|
+
// Challenger (1.5B/mo -> ~50M/day)
|
|
576
|
+
drawLine(50, 'rgba(155, 89, 182, 0.5)', 'Challenger (50M)');
|
|
577
|
+
// Grandmaster (1B/mo -> ~33M/day)
|
|
578
|
+
drawLine(33, 'rgba(255, 152, 0, 0.5)', 'Grandmaster (33M)');
|
|
579
|
+
// Master (500M/mo -> ~16.7M/day)
|
|
580
|
+
drawLine(16.7, 'rgba(231, 76, 60, 0.5)', 'Master (16.7M)');
|
|
581
|
+
// Diamond (300M/mo -> ~10M/day)
|
|
582
|
+
drawLine(10, 'rgba(0, 188, 212, 0.5)', 'Diamond (10M)');
|
|
583
|
+
// Gold (30M/mo -> ~1M/day)
|
|
584
|
+
drawLine(1, 'rgba(255, 215, 0, 0.5)', 'Gold (1M)');
|
|
582
585
|
|
|
583
586
|
// User Average
|
|
584
587
|
const sum = datasetData.reduce((a, b) => a + b, 0);
|
|
@@ -772,28 +775,28 @@
|
|
|
772
775
|
}
|
|
773
776
|
|
|
774
777
|
const getLevelName = (val) => {
|
|
775
|
-
if (val >=
|
|
776
|
-
if (val >=
|
|
777
|
-
if (val >=
|
|
778
|
-
if (val >=
|
|
779
|
-
if (val >=
|
|
780
|
-
if (val >=
|
|
781
|
-
if (val >=
|
|
782
|
-
if (val >=
|
|
783
|
-
if (val >=
|
|
778
|
+
if (val >= 1500) return "Challenger";
|
|
779
|
+
if (val >= 1000) return "Grandmaster";
|
|
780
|
+
if (val >= 500) return "Master";
|
|
781
|
+
if (val >= 300) return "Diamond";
|
|
782
|
+
if (val >= 100) return "Emerald";
|
|
783
|
+
if (val >= 50) return "Platinum";
|
|
784
|
+
if (val >= 30) return "Gold";
|
|
785
|
+
if (val >= 10) return "Silver";
|
|
786
|
+
if (val >= 5) return "Bronze";
|
|
784
787
|
return "Iron";
|
|
785
788
|
};
|
|
786
789
|
|
|
787
790
|
const level = getLevelName(projected);
|
|
788
|
-
const levelId = projected >=
|
|
789
|
-
projected >=
|
|
790
|
-
projected >=
|
|
791
|
-
projected >=
|
|
792
|
-
projected >=
|
|
793
|
-
projected >=
|
|
794
|
-
projected >=
|
|
795
|
-
projected >=
|
|
796
|
-
projected >=
|
|
791
|
+
const levelId = projected >= 1500 ? 'challenger' :
|
|
792
|
+
projected >= 1000 ? 'grandmaster' :
|
|
793
|
+
projected >= 500 ? 'master' :
|
|
794
|
+
projected >= 300 ? 'diamond' :
|
|
795
|
+
projected >= 100 ? 'emerald' :
|
|
796
|
+
projected >= 50 ? 'platinum' :
|
|
797
|
+
projected >= 30 ? 'gold' :
|
|
798
|
+
projected >= 10 ? 'silver' :
|
|
799
|
+
projected >= 5 ? 'bronze' : 'iron';
|
|
797
800
|
|
|
798
801
|
const shareUrl = `https://sowonlabs.github.io/ccusage-ui/share/${levelId}.html`;
|
|
799
802
|
|