import * as path from 'path';
import { readdirSync, existsSync } from 'fs';
import { Renderer } from './ryuji.js';
import { Builder } from './saki.js';
import _favourites_info from './favourites_info.json';

//todo: music?

interface FavouritesInfo {
  favourites: {
    listing: boolean; //whether to mark entire listing as favourite
    chapters: string[]; //favourite chapters
  };
}

interface Listing extends FavouritesInfo {
  name: string;
  type: "anime" | "manga" | "music";
}

interface DirectoryVars {
  listing: Listing;
  chapters: string[]; //name of all the chapters
}

interface ListingVars {
  listing: Listing;
  chapter: string;
  next_chapter?: string | boolean;
  prev_chapter?: string | boolean;
}

type MusicVars = ListingVars;

interface AnimeVars extends ListingVars {
  higher_quality_available: boolean;
};

interface MangaVars extends ListingVars {
  images: string[]; //file names of all the images in the chapter
}

const favourites_info: Record<string, FavouritesInfo> = _favourites_info;

let listings: Listing[] = [];

//add listings from static_assets/anime_assets
for (let listing_type of ["anime", "manga", "music"]) {
  listings.push(...readdirSync(path.join(__dirname, `/static_assets/${listing_type}_assets`)).map(
    (listing_name: string) =>
      ({
        name: listing_name,
        type: listing_type,
        favourites: {
          listing: favourites_info[`${listing_type}-${listing_name}`] ? favourites_info[`${listing_type}-${listing_name}`].favourites.listing : false,
          chapters: favourites_info[`${listing_type}-${listing_name}`] ? favourites_info[`${listing_type}-${listing_name}`].favourites.chapters : [],
        }
      })
  ).filter(
    (listing: any): listing is Listing =>
      typeof listing.name === "string" && (listing?.type === "anime" || listing?.type === "manga" || listing?.type === "music")
  ));
}

let renderer: Renderer = new Renderer("templates", "components");
let builder: Builder = new Builder("/build");

//static page
builder.serve_static_folder("static");

//main page
builder.serve_template(renderer, "/", "index", {
  listings,
});

//directories, anime, manga
let directory_serve_paths: string[] = [];
let directory_vars: DirectoryVars[] = [];

let anime_serve_paths: string[] = [];
let anime_vars: AnimeVars[] = [];

let manga_serve_paths: string[] = [];
let manga_vars: MangaVars[] = [];

let music_serve_paths: string[] = [];
let music_vars: MusicVars[] = [];

let songs: string[] = [];
let manga_pages_count: number = 0;

let subbed_songs = [];

for (let i = 0; i < listings.length; i++) {
  const listing: Listing = listings[i];
  directory_serve_paths.push(`/${listing.type}/${listing.name}`);
  const chapters: string[] = readdirSync(path.join(__dirname, `/static_assets/${listing.type}_assets/${listing.name}`), { withFileTypes: true }).map((d) => d.name.replace(".mp4", "").replace(".mp3", "")).filter(
    (chapter: string) =>
      !(listing.type === "anime" && chapter.endsWith("_higher_quality"))
  ); //filter out the higher quality anime videos, we want those to be on the same page as the low quality (select quality with dropdown), not listed as a separate episode
  directory_vars.push({
    listing,
    chapters,
  });
  for (let j = 0; j < chapters.length; j++) {
    const chapter: string = chapters[j];
    const base = {
      listing,
      chapter,
      next_chapter: chapters[j + 1] ? chapters[j + 1] : false,
      prev_chapter: j > 0 ? chapters[j - 1] : false,
    };
    const serve_path = `/${listing.type}/${listing.name}/${chapter}`;
    if (listing.type === "anime") {
      anime_serve_paths.push(serve_path);
      anime_vars.push({
        ...base,
        higher_quality_available: existsSync(path.join(__dirname, `/static_assets/${listing.type}_assets/${listing.name}`, `${chapter}_higher_quality.mp4`)),
      });
    } else if (listing.type === "manga") {
      manga_serve_paths.push(serve_path);
      const images: string[] = readdirSync(path.join(__dirname, `/static_assets/${listing.type}_assets/${listing.name}/${chapter}`), { withFileTypes: true }).map((d) => d.name);
      manga_pages_count += images.length;
      manga_vars.push({
        ...base,
        images,
      });
    } else if (listing.type === "music") {
      music_serve_paths.push(serve_path);
      songs.push(`${listing.name}/${chapter}`);
      music_vars.push({
        ...base,
      });
      if (existsSync(path.join(__dirname, `/static_assets/music_subtitle_assets/${listing.name}/${chapter}.vtt`))) {
        subbed_songs.push(`${listing.name}/${chapter}`);
      }
    }
    //
  }
}

builder.serve_templates(renderer, directory_serve_paths, "directory", directory_vars);
builder.serve_templates(renderer, anime_serve_paths, "anime", anime_vars);
builder.serve_templates(renderer, manga_serve_paths, "manga", manga_vars);
builder.serve_templates(renderer, music_serve_paths, "music", music_vars);

builder.serve_template(renderer, "/stats", "stats", {
  manga_series_count: listings.filter((l) => l.type === "manga").length,
  manga_chapters_count: manga_serve_paths.length,
  manga_pages_count,
  anime_series_count: listings.filter((l) => l.type === "anime").length,
  anime_episodes_count: anime_serve_paths.length,
  artists_count: listings.filter((l) => l.type === "music").length,
  songs_count: songs.length,
  sub_count: subbed_songs.length,
});

builder.serve_template(renderer, "/player", "player", {
  songs,
  artists: listings.filter((l) => l.type === "music").map(
    (l) => (
      {
        name: l.name,
        sanitized_name: l.name.replaceAll("\"", "\\\""),
        songs: songs.filter((s) => s.startsWith(`${l.name}/`)).map(
          (song) => (
            {
              name: song.slice(`${l.name}/`.length),
              //I don't think " can be in file names... but just in case
              sanitized_name: song.slice(`${l.name}/`.length).replaceAll("\"", "\\\""),
              favourite: l.favourites.chapters.includes(song.slice(`${l.name}/`.length)),
              subbed: subbed_songs.includes(song),
            }
          )
        ),
        favourite: l.favourites.listing,
      }
    )
  ),
});