content.js

var title = document.getElementsByTagName("title")[0].innerHTML;

class Anilist{
  constructor(){
    this.url=window.location.href;
    this.authenticated=false;
  }
  authenticate(){
    let a = /access_token=[^&]+/gi.exec(this.url);
    let AUTH_TOKEN=a[0].toString().replace(/access_token=/gi, "");
    chrome.storage.sync.set({auth_token:AUTH_TOKEN,logged_in:true});
    console.log(`logged in!! token was :\n ${AUTH_TOKEN} \n DO NOT SHARE!!`)
    this.authenticated=true;
  }
  changeUI(){
    if(this.authenticated){
      //will change UI in future
    }
  }

  //clears the chrome storage data of the extension only
  resetData(){
    let confirmAction = confirm("Are you sure to execute this action this will make u relogin?");
        if (confirmAction) {
          chrome.storage.sync.clear(()=>{
            alert("You have cleared all your data saved in chrome");
          })
        } else {
          alert("Action canceled");
        }
  }
}


//AnimePahe Class wrapper
class AnimePahe {
  constructor() {
    this.name = null;
    this.episode = null;
    this.isPaused = true;
  }

  //Gets the name and episode from the html>title of animepahe not too fancy 
  animepaheNameEpisode(str) {
    let anime = str.split("::")[0];
    let [name, episode] = anime.split("Ep.");
    const intEp = parseInt(episode);
    this.name = name;
    this.episode = intEp;
    return {
      name,
      intEp,
    };
  }
  showAnimeName() {
    return this.name;
  }
  showAnimeEpisode() {
    return this.episode;
  }

  onLoaded() {
    document.querySelector(".click-to-load").addEventListener("click", () => {
      console.log('%c Player is Now Loaded!', 'font-weight: bold; font-size: 50px;color: red; text-shadow: 3px 3px 0 rgb(217,31,38) , 6px 6px 0 rgb(226,91,14) , 9px 9px 0 rgb(245,221,8) , 12px 12px 0 rgb(5,148,68) , 15px 15px 0 rgb(2,135,206) , 18px 18px 0 rgb(4,77,145) , 21px 21px 0 rgb(42,21,113)');
      return true;
    });
  }

  changeUI(){
    //Will add functionality to inject a little UI for faster interaction with the extension
    document.createElement()
  }
}

class Gogoanime {
  constructor() {
    //Gets the title name directly from the div which has
    this.name = null;
    this.episode = null;
  }

  gogoanimeEpisode(str) {
    let [animeName, strEp] = str.split("Episode");
    const intEp = parseInt(strEp);
    this.name = animeName;
    this.episode = intEp;
    return {
      animeName,
      intEp,
    };
  }

  changeUI(){
    //Will add functionality to inject a little UI for faster interaction with the extension
    document.createElement()
  }
}

//Checks whether the URL contains the site name
function containsURL(str) {
  if (location.hostname.match(str)) {
    return true;
  } else if(location.href.match(str)){
    return true;
  }else{
    return false;
  }
}

if(containsURL("anilist.co/404#access_token")){
  let a=new Anilist();
  a.authenticate()
}else{
  console.log(location.hostname)
}

//Not a good name but checks which site and returns the instance of the site's class wrapper
function checkSite() {
  if (containsURL("animepahe.org") || containsURL("animepahe.com")) {
    return new AnimePahe();
  } else if (containsURL("gogoanime.ai")) {
    try {
      title = document.getElementsByClassName("title_name")[0].children[0].textContent;
      console.log(title);
    } catch (error) {
      //the current active page is homepage 
      title=null;
    }
    return new Gogoanime();
  }else{
    //pass
  }
}

//Returns the name based on the site
function toAnimeName(w) {
  const instanceOfClass=checkSite();
  if (instanceOfClass instanceof AnimePahe) {
    let a = instanceOfClass.animepaheNameEpisode(w);
    console.log(a.name + "| " + a.intEp);
    return (a.name!==null?a.name:console.warn(title+" was not found"));
  } else if (instanceOfClass instanceof Gogoanime) {
    let a = instanceOfClass.gogoanimeEpisode(w);
    console.log(a.animeName + "| " + a.intEp);
    return (a.animeName!==null?a.animeName:console.warn(title+" was not found"));
  } else {
    //pass
  }
}


function handleResponse(response) {
  return response.json().then(function (json) {
    return response.ok ? json : Promise.reject(json);
  });
}

function handleData(data) {
  let aboutAnime={
    key:          data.data.Media.description,
    coverImage:   data.data.Media.coverImage.large,
    titleEnglish: data.data.Media.title.english,
    latestAnime:  data.data.Media.id
  }

  chrome.storage.sync.set(aboutAnime, function() {
    console.log(aboutAnime);
  });

  return data;
}
function halwa(a){
  return a
}


async function requestAnilist(query,variables) {
  let url = 'https://graphql.anilist.co';

    chrome.storage.sync.get(null,(a)=>{
      if("auth_token" in a){
        console.log("ahh yes");
        console.log(a.auth_token);
        options = {
          method: "POST",
          headers: {
            'Authorization': 'Bearer ' + a.auth_token,
            'Content-Type': 'application/json',
            'Accept': 'application/json',
          },body: JSON.stringify({
            query: query,
            variables: variables,
          }),
        };
      }else{
        options = {
          method: "POST",
          headers: {
            "Content-Type": "application/json",
            'Accept': "application/json",
          },body: JSON.stringify({
            query: query,
            variables: variables,
          }),
        };
    };

  Promise.resolve(fetch(url, options)
    .then(handleResponse)
    .then(handleData)
    .catch((error) => {
      console.warn(error);
    }));
  }
)}

/*
Returns the Anime Info call stack is 
getAnime()->            Initial call wrapping the other two functions
requestAnilist()->      Requests the Anilist for the data     
chrome.storage.sync()   Sets the data in the chrome storage
*/

async function getAnime(){
  let variables = {
    search: toAnimeName(title),
    page: 1,
    perPage: 1,
  };

  let query=` query ($id: Int, $search: String) {
    Media (id: $id, search: $search, type: ANIME) {
        id
        duration
        description(asHtml: false)
        episodes
        bannerImage
        title {
            romaji
            english
            native
        }
        coverImage {
            large
        }
    }
}`
;
  await requestAnilist(query,variables);
}


Promise.resolve(getAnime());
/*
Call Stack 
getAnime()→toAnimeName()→checkSite()→containsURL()→Matches the URL with given input
   |         ↓
   |     Variables+Query(Static)        
   ↓         ↓
   ↪requestAnilist()→returnHeader[inner function]()
                                          ↓
                                        header+query(static)
                                          ↓
                                        fetch()→ Store in Chrome.storage.sync();


*/