main.js

import { createPokemonCard } from "./class-object/pokemonCard";
import {
  fetchData,
  fetchDataSingleParam,
  fetchDataDoubleParam,
} from "./helpers/fetchData";
import {
  headerBuilder,
  randomCategoryBuilder,
  randomHeroBuilder,
  PokemonViewBuilder,
  returnTop,
} from "./html-builder/htmlBuilder";

import "./styles/style.css";
import "./styles/hero-section-styles.css";
import "./styles/view-styles.css";
import "./styles/category-styles.css";

const app = document.getElementById("app");

async function main() {
  const pokemonView = PokemonViewBuilder();
  app.appendChild(pokemonView.pokemonView);

  const pokeListData = await fetchData(
    "https://pokeapi.co/api/v2/pokemon?limit=151&offset=0"
  );
  //console.log(pokeListData);

  const pokeListDetails = await fetchDataSingleParam(
    pokeListData.results,
    "url"
  );
  //console.log(pokeListDetails);

  const pokeSpeciesData = await fetchDataDoubleParam(
    pokeListDetails.results,
    "species",
    "url"
  );
  //console.log(pokeSpeciesData);

  const pokeEvolutionData = await fetchDataDoubleParam(
    pokeSpeciesData.results,
    "evolution_chain",
    "url"
  );

  console.log(pokeEvolutionData);

  const pokemonCardList = createPokemonCard(
    pokeListDetails.results,
    pokeSpeciesData.results,
    pokeEvolutionData.results
  );

  randomHeroBuilder(app, pokemonCardList, pokemonView);

  app.appendChild(headerBuilder(pokemonCardList, pokemonView));

  // pokemonCardList.forEach((element) => {
  //   const card = cardBuilder(element);
  //   app.appendChild(card);
  // });

  randomCategoryBuilder(app, pokemonCardList, pokemonView);

  //pokemonView.updateView(pokemonCardList[3]);

  app.appendChild(returnTop());
}

main();