import { Level, Palette, RawLevel, Upgrade } from "./types";
import _palette from "./data/palette.json";
import _rawLevelsList from "./data/levels.json";
import _appVersion from "./data/version.json";
import { rawUpgrades } from "./upgrades";
import { getLevelBackground } from "./getLevelBackground";
import { levelIconHTML } from "./levelIcon";

const palette = _palette as Palette;

const rawLevelsList = _rawLevelsList as RawLevel[];

export const appVersion = _appVersion as string;

export const icons = {} as { [k: string]: string };
export const allLevelsAndIcons = rawLevelsList
  .map((level, i) => {
    const bricks = level.bricks
      .split("")
      .map((c) => palette[c])
      .slice(0, level.size * level.size);
    const bricksCount = bricks.filter((i) => i).length;
    const icon = levelIconHTML(bricks, level.size, level.color);
    icons[level.name] = icon;
    return {
      ...level,
      bricks,
      bricksCount,
      icon,
      color: level.color || "#000000",
      svg: getLevelBackground(level),
    };
  })
  .map((l, li) => ({
    ...l,
    sortKey: ((Math.random() + 3) / 3.5) * l.bricksCount,
  })) as Level[];

export const allLevels = allLevelsAndIcons.filter(
  (l) => !l.name.startsWith("icon:"),
);

export const upgrades = rawUpgrades.map((u) => ({
  ...u,
  icon: icons["icon:" + u.id],
})) as Upgrade[];