TheGame/packages/web/utils/skillHelpers.ts

import { PlayerSkillFragment } from 'graphql/autogen/types';

export type SkillMap = {
  [category: string]: CategoryOption;
};

export type SkillOption = PlayerSkillFragment & {
  value: string;
  label: string;
};

export type CategoryOption = {
  label: string;
  options: Array<SkillOption>;
};

export const parseSkills = (
  skills: Array<PlayerSkillFragment>,
): Array<CategoryOption> => {
  const skillsMap: SkillMap = {};
  skills.forEach((skill) => {
    // `??=` miscompiles in webpack
    skillsMap[skill.category] = skillsMap[skill.category] ?? {
      label: skill.category,
      options: [],
    };
    skillsMap[skill.category].options?.push({
      get value(): string {
        return this.id;
      },
      get label() {
        return this.name;
      },
      ...skill,
    });
  });
  return Object.values(skillsMap);
};