import { registerRoute, registerSidebarEntry } from '@kinvolk/headlamp-plugin/lib';
import { ComponentType } from 'react';
import JobFlowDetail from './components/jobflows/Detail';
import JobFlowList from './components/jobflows/List';
import JobDetail from './components/jobs/Detail';
import JobList from './components/jobs/List';
import JobTemplateDetail from './components/jobtemplates/Detail';
import JobTemplateList from './components/jobtemplates/List';
import PodGroupDetail from './components/podgroups/Detail';
import PodGroupList from './components/podgroups/List';
import QueueDetail from './components/queues/Detail';
import QueueList from './components/queues/List';
import { registerVolcanoIcon } from './volcanoIcon';

registerVolcanoIcon();

/**
 * Route and sidebar registration settings for a Volcano resource section.
 */
interface VolcanoResourceRegistration {
  /** Sidebar entry key used by Headlamp. */
  sidebarName: string;
  /** Sidebar label shown in the UI. */
  label: string;
  /** Resource path segment under `/volcano`. */
  path: string;
  /** Route name for the list page. */
  listRouteName: string;
  /** Route name for the detail page. */
  detailRouteName: string;
  /** List page component for the resource. */
  ListComponent: ComponentType<any>;
  /** Detail page component for the resource. */
  DetailComponent: ComponentType<any>;
  /** Whether detail route includes `:namespace`. */
  hasNamespace: boolean;
}

/**
 * Registers sidebar, list route, and detail route for a Volcano resource.
 *
 * @param config Registration configuration for one resource type.
 */
function registerVolcanoResource(config: VolcanoResourceRegistration) {
  const {
    sidebarName,
    label,
    path,
    listRouteName,
    detailRouteName,
    ListComponent,
    DetailComponent,
    hasNamespace,
  } = config;

  registerSidebarEntry({
    parent: 'volcano',
    name: sidebarName,
    label,
    url: `/volcano/${path}`,
  });

  registerRoute({
    path: `/volcano/${path}`,
    sidebar: sidebarName,
    name: listRouteName,
    exact: true,
    component: () => <ListComponent />,
  });

  registerRoute({
    path: `/volcano/${path}/${hasNamespace ? ':namespace/:name' : ':name'}`,
    sidebar: sidebarName,
    name: detailRouteName,
    exact: true,
    component: () => <DetailComponent />,
  });
}

registerSidebarEntry({
  parent: null,
  name: 'volcano',
  label: 'Volcano',
  icon: 'custom:volcano',
  url: '/volcano/jobs',
});

const volcanoResources: VolcanoResourceRegistration[] = [
  {
    sidebarName: 'volcano-jobs',
    label: 'Jobs',
    path: 'jobs',
    listRouteName: 'volcano-jobs-list',
    detailRouteName: 'volcano-job-detail',
    ListComponent: JobList,
    DetailComponent: JobDetail,
    hasNamespace: true,
  },
  {
    sidebarName: 'volcano-jobtemplates',
    label: 'JobTemplates',
    path: 'jobtemplates',
    listRouteName: 'volcano-jobtemplates-list',
    detailRouteName: 'volcano-jobtemplate-detail',
    ListComponent: JobTemplateList,
    DetailComponent: JobTemplateDetail,
    hasNamespace: true,
  },
  {
    sidebarName: 'volcano-jobflows',
    label: 'JobFlows',
    path: 'jobflows',
    listRouteName: 'volcano-jobflows-list',
    detailRouteName: 'volcano-jobflow-detail',
    ListComponent: JobFlowList,
    DetailComponent: JobFlowDetail,
    hasNamespace: true,
  },
  {
    sidebarName: 'volcano-queues',
    label: 'Queues',
    path: 'queues',
    listRouteName: 'volcano-queues-list',
    detailRouteName: 'volcano-queue-detail',
    ListComponent: QueueList,
    DetailComponent: QueueDetail,
    hasNamespace: false,
  },
  {
    sidebarName: 'volcano-podgroups',
    label: 'PodGroups',
    path: 'podgroups',
    listRouteName: 'volcano-podgroups-list',
    detailRouteName: 'volcano-podgroup-detail',
    ListComponent: PodGroupList,
    DetailComponent: PodGroupDetail,
    hasNamespace: true,
  },
];

volcanoResources.forEach(registerVolcanoResource);