Install Open Source Web Report

// your.component.ts
import { IClsReportEndpointConfigModel, IEndpointDetails } from '@copyleaks/ng-web-report';

@Component({
  // ...
})
export class YourComponent {
  public endpointConfig: IClsReportEndpointConfigModel;
  
  constructor() {
    // Define your endpoint configuration
    this.endpointConfig = {
      crawledVersion: {
        url: 'https://your-api.com/copyleaks/{scanId}/source',
        headers: {
          'Authorization': 'Bearer your-token',
          'Content-Type': 'application/json'
        }
      },
      completeResults: {
        url: 'https://your-api.com/copyleaks/{scanId}/completed',
        headers: {
          'Authorization': 'Bearer your-token',
          'Content-Type': 'application/json'
        }
      },
      result: {
        url: 'https://your-api.com/copyleaks/{scanId}/results/{RESULT_ID}',
        headers: {
          'Authorization': 'Bearer your-token',
          'Content-Type': 'application/json'
        }
      }
      // Optional: progress endpoint for real-time results
      // progress: { ... }
    };
  }
  
  // Event handlers
  handleError(error: ReportHttpRequestErrorModel): void {
    // Your error handling logic here
    console.error('Report request error:', error);
  }
  
  handleUpdate(results: ICompleteResults): void {
    // Your logic for processing report updates here
    console.log('Complete results updated:', results);
  }
}

<!-- your.component.html -->
<copyleaks-web-report
  [reportEndpointConfig]="endpointConfig"
  [showDisabledProducts]="false"
  (onReportRequestError)="handleError($event)"
  (onCompleteResultUpdate)="handleUpdate($event)">
</copyleaks-web-report>