/**
 * UI Component Module
 *
 * This module provides the main UI automation interface for RHTAP components.
 * It serves as a bridge between the core backend functionality and UI-specific operations.
 *
 * Key responsibilities:
 * - Wraps core Component functionality for UI testing
 * - Manages UI-specific Git provider implementations
 * - Provides access to Developer Hub URLs and Git operations
 *
 * @module UiComponent
 */

import { TestItem } from '../playwright/testItem';
import { Component } from '../rhtap/core/component';
import { GitPlugin } from './plugins/git/gitUiInterface';
import { GitUiFactory } from './plugins/git/gitUiFactory';
import { DocsUiPlugin } from './plugins/docs/docsUiPlugin';
import { RegistryPlugin } from './plugins/registry/registryPlugin';
import { RegistryUiFactory } from './plugins/registry/registryUiFactory';
import { DependenciesUiPlugin } from './plugins/dependencies/dependenciesUiPlugin';
import { CIPlugin } from './plugins/ci/ciPlugin';
import { CIFactory } from './plugins/ci/ciFactory';

export class UiComponent {
  private component: Component;
  private git: GitPlugin | undefined;
  private docs!: DocsUiPlugin;
  private registry: RegistryPlugin | undefined;
  private dependencies!: DependenciesUiPlugin;
  private ci: CIPlugin | undefined;

  private constructor(component: Component, git: GitPlugin | undefined, docs: DocsUiPlugin, registry: RegistryPlugin | undefined, dependencies: DependenciesUiPlugin, ci: CIPlugin | undefined) {
    this.component = component;
    this.git = git;
    this.docs = docs;
    this.registry = registry;
    this.dependencies = dependencies;
    this.ci = ci;
  }

  /**
   * Creates a new UI Component instance for UI automation testing.
   * This factory method initializes both the core providers and its UI-specific components.
   *
   * @param name - The name of the component to be created
   * @param testItem - Test configuration containing Git type and other test-specific settings
   * @param imageName - Name of the container image to be used
   * @returns A Promise resolving to a new UiComponent instance
   *
   * The method performs the following steps:
   * 1. Creates a core Component instance (skip actual creation as component from backend e2e test is reused)
   * 2. Creates a Git UI plugin based on the test configuration (GitHub/GitLab)
   * 3. Returns a new UiComponent that wraps both the core component and UI plugin
   */
  static async new(
    name: string,
    testItem: TestItem,
    imageName: string,
  ): Promise<UiComponent> {
    const component = await Component.new(name, testItem, imageName, false);
    const git = await GitUiFactory.createGitPlugin(
      testItem.getGitType(),
      component.getGit()
    );
    const docs = new DocsUiPlugin(
      name,
      component.getGit().getSourceRepoUrl(),
      component.getGit().getGitOpsRepoUrl()
    );

    const registry = await RegistryUiFactory.createRegistryPlugin(
      testItem.getRegistryType(),
      component.getRegistry()
    );
    const dependencies = new DependenciesUiPlugin(name);

    let registryUrl = component.getRegistry().getUrl().replace('https://', '');
    if (registryUrl.endsWith('/')) {
      registryUrl = registryUrl.slice(0, -1);
    }

    const ci = await CIFactory.createCiPlugin(
      name,
      `${registryUrl}/${component.getRegistry().getOrganization()}`,
      testItem.getCIType(),
    );
    return new UiComponent(component, git, docs, registry, dependencies, ci);
  }

  /**
   * Gets the core component instance.
   *
   * @returns The core component instance
   */
  public getCoreComponent(): Component {
    return this.component;
  }

  /**
   * Gets the UI-specific Git plugin instance.
   * This plugin handles UI automation for Git operations like login.
   *
   * @returns The GitPlugin instance for UI automation
   */
  public getGit(): GitPlugin | undefined {
    return this.git;
  }

  /**
   * Gets the UI-specific Docs plugin instance.
   * This plugin handles UI automation for Docs tests.
   *
   * @returns The DocsUiPlugin instance for UI automation
   */
  public getDocs(): DocsUiPlugin {
    return this.docs;
  }

  /**
   * Gets the UI-specific Registry plugin instance.
   * This plugin handles UI automation for Registry operations like login.
   *
   * @returns The RegistryPlugin instance for UI automation
   */
  public getRegistry(): RegistryPlugin | undefined {
    return this.registry;
  }

  /**
   * Gets the UI-specific CI plugin instance.
   * This plugin handles UI automation for CI operations
   * 
   * @returns The CIPlugin instance for UI automation
   */
  public getCI(): CIPlugin | undefined {
    return this.ci;
  }

  /**
   * Gets the component URL for the Developer Hub UI.
   * Constructs the URL using the Developer Hub base URL and component name.
   *
   * @returns The full URL to the component page in Developer Hub
   */
  public getComponentUrl(): string {
    const developerHubUrl = this.component.getDeveloperHub().getUrl();
    const componentName = this.component.getName();
    return `${developerHubUrl}/catalog/default/component/${componentName}`;
  }

    /**
   * Gets the gitops resource URL for the Developer Hub UI.
   * Constructs the URL using the Developer Hub base URL and component name.
   *
   * @returns The full URL to the gitops resource page in Developer Hub
   */
    public getGitopsResourceUrl(): string {
      const developerHubUrl = this.component.getDeveloperHub().getUrl();
      const componentName = this.component.getName();
      return `${developerHubUrl}/catalog/default/resource/${componentName}-gitops`;
    }

  /**
   * Gets the UI-specific Dependencies plugin instance.
   * This plugin handles UI automation for testing Dependencies tab and gitops dependency component
   *
   * @returns The DependenciesUiPlugin instance for UI automation
   */
  public getDependencies(): DependenciesUiPlugin {
    return this.dependencies
  }
}