polyplus/js/everywhere.js

var Settings;
let Theme = ``;

(async () => {
  let Utilities = await import(chrome.runtime.getURL('resources/utils.js'));
  Utilities = Utilities.default

  chrome.storage.sync.get(["PolyPlus_Settings"], function(result) {
    // Merge settings and expected settings to make sure all keys exist
    const RawSettings = result.PolyPlus_Settings
    Settings = MergeObjects(RawSettings || Utilities.DefaultSettings, Utilities.DefaultSettings);
  
    // If theme exists, create a style element to represent it
    if (Settings.ThemeCreator.Enabled && Settings.ThemeCreator.Enabled === true) {
      switch (Settings.ThemeCreator.BGImageSize) {
        case 0:
          Settings.ThemeCreator.BGImageSize = 'fit'
          break
        case 1:
          Settings.ThemeCreator.BGImageSize = 'cover'
          break
        case 2:
          Settings.ThemeCreator.BGImageSize = 'contain'
          break
      }
      Theme += `
      :root {
        --polyplus-navbgcolor: ${Settings.ThemeCreator.NavBGColor};
        --polyplus-navbordercolor: ${Settings.ThemeCreator.NavBorderColor};
        --polyplus-navitemcolor: ${Settings.ThemeCreator.NavItemColor};
        --polyplus-sidebarbgcolor: ${Settings.ThemeCreator.SideBGColor};
        --polyplus-sidebarbordercolor: ${Settings.ThemeCreator.SideBorderColor};
        --polyplus-sidebaritembgcolor: ${Settings.ThemeCreator.SideItemBGColor};
        --polyplus-sidebaritembordercolor: ${Settings.ThemeCreator.SideItemBorderColor};
        --polyplus-sidebaritemcolor: ${Settings.ThemeCreator.SideItemColor};
        --polyplus-sidebaritemlabelcolor: ${Settings.ThemeCreator.SideItemLabelColor};
        --polyplus-bgcolor: ${Settings.ThemeCreator.BGColor};
        --polyplus-bgimage: url(${Settings.ThemeCreator.BGImage});
        --polyplus-bgimagesize: ${Settings.ThemeCreator.BGImageSize};
        --polyplus-primarytextcolor: ${Settings.ThemeCreator.PrimaryTextColor};
        --polyplus-secondarytextcolor: ${Settings.ThemeCreator.SecondaryTextColor};
        --polyplus-linktextcolor: ${Settings.ThemeCreator.LinkTextColor};
        --polyplus-linkhoveredtextcolor: ${Settings.ThemeCreator.LinkHoveredTextColor};
        --polyplus-linkfocusedtextcolor: ${Settings.ThemeCreator.LinkFocusedTextColor};
        --polyplus-linkvisitedtextcolor: ${Settings.ThemeCreator.LinkVisitedTextColor};
        --polyplus-cardheadbgcolor: ${Settings.ThemeCreator.CardHeadBGColor};
        --polyplus-cardbodybgcolor: ${Settings.ThemeCreator.CardBodyBGColor};
        --polyplus-cardbordercolor: ${Settings.ThemeCreator.CardBorderColor};
      }
  
      nav {
        background-color: var(--polyplus-navbgcolor) !important;
        border-bottom: 1px solid var(--polyplus-navbordercolor) !important;
      }
  
      .nav-sidebar {
        background-color: var(--polyplus-sidebarbgcolor) !important;
        border-right: 1px solid var(--polyplus-sidebarbordercolor) !important;
      }
  
      #app {
        background-color: var(--polyplus-bgcolor) !important;
        background-image: var(--polyplus-bgimage) !important;
        background-size var(--polyplus-bgimagesize)
        color: var(--polyplus-primarytextcolor) !important;
      }
  
      .text-muted {
        color: var(--polyplus-secondarytextcolor) !important;
      }
  
      a {
        color: var(--polyplus-linktextcolor) !important;
      }
  
      a:hover {
        color: var(--polyplus-linkhoveredtextcolor) !important;
      }
  
      a:focus {
        color: var(--polyplus-linkfocusedtextcolor) !important;
      }
  
      /*
      a:visited {
        color: var(--polyplus-linkvisitedtextcolor) !important;
      }
      */
  
      .card-header {
        background-color: var(--polyplus-cardheadbgcolor) !important;
      }
  
      .card {
        background-color: var(--polyplus-cardbodybgcolor) !important;
        border-color: var(--polyplus-cardbordercolor) !important;
      }
  
      nav a.nav-link {
        color: var(--polyplus-navitemcolor) !important;
      }
  
      .nav-sidebar .nav-sidebar-button {
        background-color: var(--polyplus-sidebaritembgcolor) !important;
        border-color: var(--polyplus-sidebaritembordercolor) !important;
        color: var(--polyplus-sidebaritemcolor) !important;
      }
  
      .nav-sidebar-text {
        color: var(--polyplus-sidebaritemlabelcolor) !important;
      }
      `
    }
  });

  if (Settings.HideUserAdsOn === true) {
    if (Settings.HideUserAdsOn.Banners === true) {
      Theme += `
      div[style^="max-width: 728px;"]:has(.text-center a[href^="/ads/"]) {
        display: none;
      }
      `
    }

    if (Settings.HideUserAdsOn.Rectangles === true) {
      Theme += `
      div[style^="max-width: 300px;"]:has(.text-center a[href^="/ads/"]) {
        display: none;
      }
      `
    }
  }
  
  if (Settings.HideNotifBadgesOn === true) {
    Theme += `
    .notif-nav .notif-sidebar {
      display: none;
    }
    `
  }

  // Credit to @SK-Fast (also known as DevPixels) for the improved loading code (taken from his original Poly+, and reformatted to Index Poly+)
  const ThemeBlob = new Blob([Theme], { type: 'text/css' })
  const ThemeURL = URL.createObjectURL(ThemeBlob)
  document.head.innerHTML += `<link href="${ThemeURL}" rel="stylesheet" type="text/css">`
  
  document.addEventListener('DOMContentLoaded', async function() {
    if (document.getElementsByClassName('card-header')[0] && document.getElementsByClassName('card-header')[0].innerText === ' Page not found') {
      return
    }

    Utilities.InjectResource('getUserDetails')
    document.body.setAttribute('data-URL', window.location.pathname)

    const UserData = JSON.parse(window.localStorage.getItem('p+account_info'))

    if (Settings.IRLPriceWithCurrency.Enabled === true) {
      const IRLResult = await Utilities.CalculateIRL(document.querySelector('.brickBalanceCont').innerText.replace(/\s+/g,''), Settings.IRLPriceWithCurrency.Currency)
      // Desktop
      document.querySelector('.text-success .brickBalanceCount').innerHTML += ` (${IRLResult.icon}${IRLResult.result} ${IRLResult.display})` 
      
      // Mobile
      document.querySelector('.text-success .brickBalanceCont').innerHTML += ` (${IRLResult.icon}${IRLResult.result} ${IRLResult.display})` 
      //document.querySelector('.text-success .brickBalanceCont').innerHTML += `<div class="text-muted" style="font-size: 0.6rem;text-align: right;">(${IRLResult.icon}${IRLResult.result} ${IRLResult.display})</div>`
    }
  
    if (Settings.ModifyNavOn && Settings.ModifyNavOn === true) {
      let NavbarItems = document.querySelectorAll('.navbar-nav.me-auto a.nav-link[href]')
      let Needed = [NavbarItems[11],NavbarItems[12],NavbarItems[13],NavbarItems[14],NavbarItems[15]]
      for (let i = 0; i < Settings.ModifyNav.length; i++) {
        if (Settings.ModifyNav[i].Label != null) {
          console.log(Needed[i], Needed[i].children[1])
          Needed[i].children[1].innerText = Settings.ModifyNav[i].Label
          Needed[i].href = Settings.ModifyNav[i].Link
        }
      }
    }

    /*
    if (Settings.HideUserAdsOn === true) {
      Array.from(document.querySelectorAll('.text-center:has(a[href^="/ads"])')).forEach(ad => {ad.remove()})
    }
    */
  
    if (Settings.HideNotifBadgesOn === true) {
      document.getElementsByClassName('notif-nav notif-sidebar').forEach(element => {element.remove();});
    }
  });
})();

function MergeObjects(obj1, obj2) {
  var mergedObj = {};

  // Copy the values from obj1 to the mergedObj
  for (var key in obj1) {
    mergedObj[key] = obj1[key];
  }

  // Merge the values from obj2 into the mergedObj, favoring obj2 for non-existing keys in obj1
  for (var key in obj2) {
    if (!obj1.hasOwnProperty(key)) {
      mergedObj[key] = obj2[key];
    }
  }

  return mergedObj;
}