import { AbstractBuildingBlock, RecordObjectLike } from '@allianz/taly-core/building-blocks';
import { CommonModule } from '@angular/common';
import {
  AfterViewInit,
  ChangeDetectionStrategy,
  Component,
  computed,
  inject,
  input,
  Signal,
  signal
} from '@angular/core';
import {
  DfDebuggerContext,
  DynamicFormBbResources,
  DynamicFormBbState,
  DynamicFormDebuggerAction,
  DynamicFormDebuggerService
} from './dynamic-form-debugger.service';

/**
 * Debugger for the Dynamic Form Building Blocks. Allows to execute registered actions.
 */
@Component({
  selector: 'df-debugger',
  templateUrl: 'dynamic-form-debugger.html',
  styleUrls: ['dynamic-form-debugger.scss'],
  standalone: true,
  imports: [CommonModule],
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class DynamicFormDebugger<T extends RecordObjectLike | undefined, U>
  implements AfterViewInit
{
  private dynamicFormDebuggerService = inject(DynamicFormDebuggerService);

  buildingBlock = input.required<AbstractBuildingBlock<T, U>>();

  /**
   * Where this debugger is rendered.
   */
  context = input.required<DfDebuggerContext>();

  private readonly actionsSource = signal<Signal<DynamicFormDebuggerAction[]>>(signal([]));
  protected readonly actions = computed(() => this.actionsSource()());

  ngAfterViewInit() {
    this.actionsSource.set(
      this.dynamicFormDebuggerService.getActions(
        this.buildingBlock() as AbstractBuildingBlock<DynamicFormBbState, DynamicFormBbResources>
      )
    );
  }

  executeAction(action: DynamicFormDebuggerAction) {
    action.callback(
      this.buildingBlock() as AbstractBuildingBlock<DynamicFormBbState, DynamicFormBbResources>,
      this.context()
    );
  }
}