feat: Add support for auto-loading test data in development mode and extend usage report service with custom image storage

Author: austenstone

src/app/components/usage/usage.component.ts

@@ -1,11 +1,12 @@
-import { OnInit, ChangeDetectorRef, Component, OnDestroy } from '@angular/core';
+import { OnInit, ChangeDetectorRef, Component, OnDestroy, isDevMode } from '@angular/core';
 import { FormControl, FormGroup } from '@angular/forms';
 import { UsageReport } from 'github-usage-report/src/types';
 import { Observable, Subscription, debounceTime, map, startWith } from 'rxjs';
 import { CustomUsageReportLine, UsageReportService } from 'src/app/usage-report.service';
 import { DialogBillingNavigateComponent } from './dialog-billing-navigate';
 import { MatDialog } from '@angular/material/dialog';
 import { ModelUsageReport } from 'github-usage-report';
+import { HttpClient } from '@angular/common/http';
 
 @Component({
   selector: 'app-usage',
@@ -42,10 +43,16 @@ export class UsageComponent implements OnInit, OnDestroy {
     private usageReportService: UsageReportService,
     public dialog: MatDialog,
     private cdr: ChangeDetectorRef,
+    private http: HttpClient,
   ) {
   }
 
   ngOnInit() {
+    // Auto-load test data in development mode
+    if (isDevMode()) {
+      this.loadTestData();
+    }
+
     this.subscriptions.push(
       this.range.valueChanges.pipe(debounceTime(500)).subscribe(value => {
         if (value.start && value.start instanceof Date && !isNaN(value.start.getTime()) &&
@@ -193,4 +200,16 @@ export class UsageComponent implements OnInit, OnDestroy {
     a.click();
     (a as any).parentNode.removeChild(a);
   }
+
+  private async loadTestData() {
+    try {
+      const response = await this.http.get('assets/github-usage-report.csv', { responseType: 'text' }).toPromise();
+      if (response) {
+        console.log('Auto-loading test data in development mode...');
+        await this.onFileText(response, 'metered');
+      }
+    } catch (error) {
+      console.warn('Could not auto-load test data:', error);
+    }
+  }
 }

src/app/usage-report.service.ts

@@ -79,6 +79,7 @@ export class UsageReportService {
     "actions_windows_8_core": 'Windows 8',
     "actions_windows_8_core_arm": 'Windows 8 (ARM)',
     "actions_storage": 'Actions Storage',
+    "actions_custom_image_storage": 'Custom Image Storage',
     "actions_unknown": 'Actions Unknown',
     "copilot_enterprise": 'Copilot Enterprise',
     "copilot_for_business": 'Copilot Business',