import { ChangeDetectionStrategy, Component, OnInit, ViewChild } from '@angular/core';
import {
  FCanvasComponent,
  FFlowModule
} from '@foblex/flow';
import { NgForOf } from '@angular/common';
import { PointExtensions } from '@foblex/2d';

@Component({
  selector: 'stress-test',
  styleUrls: [ './stress-test.component.scss' ],
  templateUrl: './stress-test.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
  standalone: true,
  imports: [
    FFlowModule,
    NgForOf,
  ]
})
export class StressTestComponent implements OnInit {

  @ViewChild(FCanvasComponent, { static: false })
  public fCanvas!: FCanvasComponent;

  public columns: number[][] | undefined;

  public ngOnInit(): void {
    const totalNodes = 500;
    const nodesPerColumn = Math.ceil(totalNodes / 25);

    const numbers = Array.from({ length: totalNodes }, (_, i) => i + 1);
    this.columns = Array.from({ length: 25 }, (_, i) =>
      numbers.slice(i * nodesPerColumn, (i + 1) * nodesPerColumn)
    );
  }

  public onLoaded(): void {
    this.fCanvas?.fitToScreen(PointExtensions.initialize(20, 20), false);
  }
}