import { BasicConnectionModalEnum } from '../enum';
import { FetchNodeComFlagTypeENum } from '../enum/node';
import type { CategoryConfigType, NodeItemConfigType } from '../types/node';
import { FilterCategoryConfig, FilterComponents } from './Filter';
import { RuleNodeTypeEnum } from './index.type';

const createModules = import.meta.glob('../packages/**/create.vue');
const connectionModules = import.meta.glob('../packages/**/connection.vue');

const BasicConnectionComponent = {
  [BasicConnectionModalEnum.BASIC]: () =>
    import('../src/components/CreateEdgeModal/BasicRelations.vue'),
  [BasicConnectionModalEnum.CUSTOM]: () =>
    import('../src/components/CreateEdgeModal/CustomRelations.vue'),
};

export const fetchNodeComponent = (key: string, flag: FetchNodeComFlagTypeENum) => {
  const modules =
    flag === FetchNodeComFlagTypeENum.CONNECTION_MODAL ? connectionModules : createModules;
  const modulesName = Object.keys(modules);
  const path = modulesName.find((item) => {
    const temp = item.split('/');
    return temp[temp.length - 2] === key;
  });
  return path ? modules[path] : null;
};

export const fetchConnectionComponent = async (config: NodeItemConfigType) => {
  const { configurationDescriptor } = config;
  const { nodeDefinition } = configurationDescriptor;
  const { customRelations } = nodeDefinition;
  return customRelations
    ? BasicConnectionComponent[BasicConnectionModalEnum.CUSTOM]
    : BasicConnectionComponent[BasicConnectionModalEnum.BASIC];
};

export const fetchCreateComponent = async (config: NodeItemConfigType) => {
  const { key } = config;
  return fetchNodeComponent(key, FetchNodeComFlagTypeENum.CREATE_MODAL);
};

export const allComponents: Record<
  RuleNodeTypeEnum,
  { category: CategoryConfigType; components: NodeItemConfigType[] }
> = {
  [RuleNodeTypeEnum.FILTER]: {
    category: FilterCategoryConfig,
    components: FilterComponents,
  },
};