components/perf-stats/perf-stats.component.ts

0001 // perf-stats.component.ts
0002 import { Component, OnInit } from '@angular/core';
0003 import { PerfService, PerfLog } from '../../services/perf.service';
0004 import {MatTooltip} from "@angular/material/tooltip";
0005 import {DecimalPipe} from "@angular/common"; // adjust path as needed
0006
0007 @Component({
0008   selector: 'app-perf-stats',
0009   templateUrl: './perf-stats.component.html',
0010   imports: [
0011     MatTooltip,
0012     DecimalPipe
0013   ],
0014   styleUrls: ['./perf-stats.component.scss']
0015 })
0016 export class PerfStatsComponent implements OnInit {
0017   perf: PerfLog = { fps: 0, cpu: 0, calls: 0, triangles: 0 };
0018
0019   constructor(private perfService: PerfService) {}
0020
0021   ngOnInit(): void {
0022     this.perfService.perf$.subscribe((log: PerfLog) => {
0023       this.perf = log;
0024     });
0025   }
0026 }