// ==UserScript==
// @name Geoguessr change Avatar to Pin/ProfilePicture
// @description Changes the Avatar to your Pin/Profile Picture. Works in Duels, Br, Profile and many more places and not only your Avatar but also the Avatar of others
// @version 1.2.1
// @license MIT
// @author joniber#5011
// @match https://www.geoguessr.com/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=geoguessr.com
// @namespace https://greasyfork.org/users/1072330
// ==/UserScript==
//any questons, feedback, problems or feature request -> Discord joniber#5011
//=====================================================================================\\
// change these values however you like (make sure to hit ctrl+s afterwards) \\
// PIN = PROFILE PICTURE \\
//=====================================================================================\\
const PIN_IN_OWN_PROFILE = true
// ^^^^ set this to <false> to NOT change your Avatar to a PIN in your own profile
const PIN_IN_OTHERS_PROFILE = true
// ^^^^^ set this to <false> to NOT change the Avatar to a PIN in other profiles
const PIN_IN_DUELS_MATCHMAKING = true
// ^^^^ set this to <false> to NOT change the Avatar to a PIN in that area
const PIN_IN_BR_MATCHMAKING = true
// ^^^^ set this to <false> to NOT change the Avatar to a PIN in that area
const NO_AVATARS_END_OF_DUEL = true
// ^^^^ set this to <false> to NOT change the Avatar to a PIN in that area
const PIN_IN_TEAM_DUEL_PRIVATE_LOBBY = true
// ^^^^ set this to <false> to NOT change the Avatar to a PIN in that area
const PIN_IN_FRIEND_TAB = true
// ^^^^ set this to <false> to NOT change the Avatar to a PIN in that area
//=====================================================================================\\
// don't edit anything after this point unless you know what you're doing \\
//=====================================================================================\\
const GEOGUESSR_USER_ENDPOINT = 'https://geoguessr.com/api/v3/users'
const SCRIPT_PREFIX = 'up__'
const USER_PIN_CLASS = SCRIPT_PREFIX + 'userPin'
const USER_PIN_ID = SCRIPT_PREFIX + 'profilePin'
let av = null
let index = 0
let index1 = 0
let player1 = null
let player2 = null
async function fillPin(pin, userId) {
const userData = await getUserData(userId)
const pinURL = userData.pin.url
pin.setAttribute('src', '/images/auto/144/144/ce/0/plain/' + pinURL)
}
async function fillLvl(lvl, userId) {
const userData = await getUserData(userId)
let level = roundToNearest10(userData.progress.level)
if(level == 210){
level = 200
}
lvl.setAttribute(
'srcset',
'/static/avatars/tiers/low-quality/tier-' + level + '.webp'
)
}
function fillImageMultiple(link, id, setLvl){
if (!link.querySelector(`.${USER_PIN_CLASS}`)) {
if(wrapper){
link.firstChild.style.display="none"
let destination = link
fillImage(link, link, id, true, setLvl)
}
}
}
async function changePinInFriendTab(link) {
if(link){
if (!link.querySelector(`.${USER_PIN_CLASS}`)) {
const wrapper = link.querySelector('[class^="transparent-avatar_imageWrapper__"]')
if(wrapper){
wrapper.classList.remove('transparent-avatar_imageWrapper__izUAM')
wrapper.classList.add('styles_circle__QFYEk', 'styles_variantFloating__Srm_N', 'styles_colorTransparent__2bG5I', 'styles_borderColorTransparent__CwSAk', 'styles_borderSizeFactorZero__MEFpf')
wrapper.insertAdjacentHTML('afterbegin', wrapperFriend1())
const destination = link.querySelector('.styles_content__otIVG')
const pin = destination.firstChild
let id = link.querySelector('.anchor_variantNoUnderline__SPwsd').href
const userId = retrieveIdFromLink(id)
const userData = await getUserData(userId)
const pinURL = userData.pin.url
pin.setAttribute('src', '/images/auto/48/48/ce/0/plain/' + pinURL)
wrapper.lastChild.style="display:none"
}
}
}
}
function fillImage(destination, link, id, c, withLvl){
if(c){
destination.insertAdjacentHTML('afterbegin', wrapperDuels())
destination = link.querySelector('.profile-header_avatarWrapper__5_jDA.up__')
destination.insertAdjacentHTML('afterbegin', wrapper())
destination = link.querySelector('.avatar_titleAvatarImage__A51Dx.up__')
destination.insertAdjacentHTML('beforeend', profilePicture())
const pin = destination.lastChild
fillPin(pin, retrieveIdFromLink(id))
if(withLvl){
destination = link.querySelector('.styles_rectangle___6gqv.up__')
destination.insertAdjacentHTML('beforeend', levelBorder())
const lvl = destination.lastChild
fillLvl(lvl, retrieveIdFromLink(id))
}
}
else{
destination.insertAdjacentHTML('beforeend', wrapper())
destination = document.querySelector('.avatar_titleAvatarImage__A51Dx.up__')
destination.insertAdjacentHTML('beforeend', profilePicture1())
const pin = destination.lastChild
fillPin(pin, retrieveIdFromLink(id))
if(withLvl){
destination = document.querySelector('.styles_rectangle___6gqv.up__')
destination.insertAdjacentHTML('beforeend', levelBorder1())
const lvl = destination.lastChild
fillLvl(lvl, retrieveIdFromLink(id))
}
}
}
function changeAvatarToPin(link, avatarToRemove) {
if (!link.querySelector(`.${USER_PIN_CLASS}`)) {
if (link) {
let destination = null
if (avatarToRemove == link) {
link.querySelector('.styles_image__8M_kp').style = 'display: none'
destination = link.firstChild
} else {
link.querySelector('.player-card_lobbyCardInner__G_xzy').firstChild.remove()
destination = link.querySelector('.player-card_lobbyCardInner__G_xzy')
}
let id = '/me/profile'
if (link.querySelector('.player-card_userLink__HhoDo') != null) {
id = link.querySelector('.player-card_userLink__HhoDo').href
}
fillImage(destination, link, id, true, true)
}
}
}
let pfpToLink = {}
let nameToLink = {}
const originalSend = WebSocket.prototype.send
WebSocket.prototype.send = function(...args) {
window.ws = this
if (this.geoguessrClickablePartyCards == 0) return originalSend.call(this, ...args)
this.geoguessrClickablePartyCards = 0
const originalOnmessage = this.onmessage
this.onmessage = ({ data }) => {
if (originalOnmessage != null) originalOnmessage({ data })
const received = JSON.parse(data)
if(received.code == 'PartyUpdated'){
let payload = JSON.parse(received.payload)
let players = payload.players
for (let player of players){
nameToLink[player.name] = "user/"+player.id
}
}
if (received.code == 'PartyMemberListUpdated') {
let payload = JSON.parse(received.payload)
let members = payload.members
for (let member of members) {
if (member.pin != "") pfpToLink[member.pin] = "user/"+member.userId
if (member.fullBodyPin != "") pfpToLink[member.fullBodyPin] = "user/"+member.userId
}
}
}
return originalSend.call(this, ...args)
}
function addPinToPartyCard(wrapper) {
const image = wrapper.querySelector('.member-card_imageWrapper__5L2DF img')
if(image){
const imgPin = image.src.substr(57)
const id = pfpToLink[imgPin]
if (id != null) {
const link = wrapper.querySelector('.member-card_imageWrapper__5L2DF')
fillImageMultiple(link, id, false)
}
}
}
function addPinToTeamDuelsCard(wrapper){
const name = wrapper.querySelector('.user-nick_nick__y4VIt').innerHTML.replace(' ', '').replace(';','')
if(name){
if(nameToLink.length != 0){
const id = nameToLink[name]
if(id){
const link = wrapper.querySelector('.team-player-card_lobbyCardInner__fT8A_')
fillImageMultiple(link, id, true)
}
}
}
}
let inBattleRoyale = false
let inDuels = false
let inParty = false
let inTeamDuel = false
let lastOpenedMapHighscoreTab = 0
function onMutationTeamDuel(mutations,observer){
if (!isTeamDuel()) return
const cards = document.querySelectorAll('.team-player-card_lobbyCard__7p_OY')
for(let card of cards){
addPinToTeamDuelsCard(card)
}
if(document.querySelector('.game-finished_avatarContainer__S63IS')){
onMutationEnd()
}
}
function onMutationParty(mutations,observer){
if (location.pathname != "/party") return
const cards = document.querySelectorAll(".member-card_root__zbBxx")
for (let card of cards) {
addPinToPartyCard(card)
}
}
function onMutationEnd() {
if (NO_AVATARS_END_OF_DUEL) {
const gameFinishedAvatarContainer = document.querySelector(
'.game-finished_avatarContainer__S63IS'
)
if (gameFinishedAvatarContainer) {
if (document.querySelector('.styles_rectangle___6gqv.up__') == null) {
gameFinishedAvatarContainer.firstChild.remove()
let destination = gameFinishedAvatarContainer
destination.style = 'height: fit-content'
destination.insertAdjacentHTML('afterbegin', wrapperDuels())
destination = document.querySelector('.profile-header_avatarWrapper__5_jDA.up__')
destination.insertAdjacentHTML('afterbegin', wrapper())
document.querySelector('.profile-header_avatar__y6vsp').style =
'display:flex; justify-content:center; align-items:center'
document.querySelector('.avatar_titleAvatar__0pdL9').style = 'width:20rem'
destination = document.querySelector('.avatar_titleAvatarImage__A51Dx.up__')
destination.insertAdjacentHTML('beforeend', profilePicture())
const pin = destination.lastChild
let id = '/me/profile'
fillPin(pin, retrieveIdFromLink(id))
destination = document.querySelector('.styles_rectangle___6gqv.up__')
destination.insertAdjacentHTML('beforeend', levelBorder())
const lvl = destination.lastChild
if (
document.querySelector('.shadow-text_root__o3lD9').innerHTML.startsWith('YOU')
) {
fillLvl(lvl, retrieveIdFromLink(id))
} else {
lvl.setAttribute(
'src',
'/_next/static/images/laurel-wreath-gold-53fd377e1d268ce57fcd6f0dfb9f3727.png'
)
}
}
}
}
}
function onMutationsDuels(mutations, observer) {
if (player1 == null) {
player1 = document.querySelectorAll('.lobby_avatarContainer__kN2RK')[0];
if (player1 != null) {
player1.children[0].firstChild.remove();
player1.children[0].remove();
let destination1 = player1;
destination1.insertAdjacentHTML('afterbegin', wrapperDuels());
destination1 = document.querySelector('.profile-header_avatarWrapper__5_jDA.up__');
destination1.insertAdjacentHTML('afterbegin', wrapper());
destination1 = document.querySelector('.avatar_titleAvatarImage__A51Dx.up__');
destination1.insertAdjacentHTML('beforeend', profilePicture());
const pin = destination1.lastChild;
let id = player1.lastChild.firstChild.href;
fillPin(pin, retrieveIdFromLink(id));
destination1 = document.querySelector('.styles_rectangle___6gqv.up__');
destination1.insertAdjacentHTML('beforeend', levelBorder());
const lvl = destination1.lastChild;
fillLvl(lvl, retrieveIdFromLink(id));
}
player2 = document.querySelectorAll('.lobby_avatarContainer__kN2RK')[1];
if (player2 != null) {
player2.children[0].firstChild.remove();
player2.children[0].remove();
let destination2 = player2;
destination2.insertAdjacentHTML('afterbegin', wrapperDuels());
destination2 = document.querySelectorAll(
'.profile-header_avatarWrapper__5_jDA.up__'
)[1];
destination2.insertAdjacentHTML('afterbegin', wrapper());
destination2 = document.querySelectorAll('.avatar_titleAvatarImage__A51Dx.up__')[1];
destination2.insertAdjacentHTML('beforeend', profilePicture());
const pin1 = destination2.lastChild;
let id1 = player2.lastChild.firstChild.href;
fillPin(pin1, retrieveIdFromLink(id1));
destination2 = document.querySelectorAll('.styles_rectangle___6gqv.up__')[1];
destination2.insertAdjacentHTML('beforeend', levelBorder());
const lvl1 = destination2.lastChild;
fillLvl(lvl1, retrieveIdFromLink(id1));
}
}
if (player1 != null && player2 != null) {
player1 = null;
player2 = null;
}
const endOfDuelsObserver = new MutationObserver(onMutationEnd);
if (endOfDuelsObserver) {
endOfDuelsObserver.observe(
document.querySelector('.overlay_overlay__AR02x'),
OBSERVER_CONFIG
);
}
}
async function onMutationsStandard(mutations, observer) {
if (isDuels() && !inDuels && document.querySelector('.game_hud__fhdo5')) {
inDuels = true
const duelsObserver = new MutationObserver(onMutationsDuels)
duelsObserver.observe(document.querySelector('.game_hud__fhdo5'), OBSERVER_CONFIG)
} else if (inDuels && !document.querySelector('.game_hud__fhdo5')) {
inDuels = false
}
else if(isParty() && !inParty){
inParty=true
const partyObserver = new MutationObserver(onMutationParty)
partyObserver.observe(document.body, OBSERVER_CONFIG)
} else if (inParty && !document.querySelector('.party_root__EQz_N')) {
inParty = false
}
else if(isTeamDuel() && !inTeamDuel){
inTeamDuel=true
const teamDuelObserver = new MutationObserver(onMutationTeamDuel)
teamDuelObserver.observe(document.body, OBSERVER_CONFIG1)
} else if (inParty && !document.querySelector('.lobby_root__Z9W2f')) {
inTeamDuel = false
}
if (inBattleRoyale || inDuels || inParty) {
return
}
if (isProfile()) {
if (!PIN_IN_OWN_PROFILE && isOwnProfile()) {
return
}
if (!PIN_IN_OTHERS_PROFILE && isOtherProfile()) {
return
}
if (!document.querySelector(`#${USER_PIN_ID}`)) {
if(document.querySelector('.profile-header_fullBodyAvatar___LRnw')){
document.querySelector('.profile-header_fullBodyAvatar___LRnw').remove()
let destination = document.querySelector('.profile-header_avatarWrapper__5_jDA')
fillImage(destination, document, location.href, false, true)
}
}
}
if (PIN_IN_BR_MATCHMAKING) {
// battle royale matchmaking
for (const link of document.querySelectorAll('.player-card_root__NvK_s')) {
changeAvatarToPin(link, 'player-card_lobbyCardInner__G_xzy')
}
}
if (PIN_IN_FRIEND_TAB) {
for (const link of document.querySelectorAll('.chat-friend_content__zbEBt')) {
changePinInFriendTab(link)
}
if(document.querySelector('.friend-chat_root__jUP5_')){ //checks if we are in friend chat
let link = document.querySelector('.friend-chat_root__jUP5_') //sets link to the whole chat
if(link){ //checks if the link exist (might be redundand)
let friendchat = link.querySelector(".friend-list_friendList__ZlaGe") //sets the left side of the whole friend chat (the names and avatars)
if(!friendchat.lastChild.querySelector('.up__fc1')){ //checks if one of the elements on that list has the "class already". If so it doesn't enter, if not it enters
index1 = 0;
for (let i = 0; i<document.querySelectorAll('.friend-list_friend__3vXb_').length; i++ ) { //goes trough the whole list of elements meaning that each element with name and avatar gets checked seperatly. Not the same list than friendchat but that is the list where the links to their profiles are
let link1 = document.querySelectorAll('.friend-list_friend__3vXb_')[i]
let linkwrapper = link1.querySelector('.anchor_variantNoUnderline__SPwsd') //selects the element that contains the profile link
if(linkwrapper){ //checks if it exists
let linktoprofile = linkwrapper.href.substring(31) //gets the id of the profile
let userData = await getUserData(linktoprofile) //gets the userdata trough the id
if(friendchat){ //checks if the friendchat list of names exist
let link2 = friendchat.querySelectorAll('.friend-item_friendListItem__oF6Zk')[i] //gets the equivalent element to the id
let destination187 = link2.querySelector('.transparent-avatar_imageWrapper__izUAM') //gets the avatar wrapper from it
if(destination187 && !link2.querySelector('.up__fc1')){ //checks if it exist and if it didn't change the avatar to pfp already
if(destination187.firstChild){ //gets the avatar of the avatar wrapper
destination187.firstChild.style.display="none" //sets the avatar to display none
destination187.insertAdjacentHTML('afterbegin', friendChat2()) //adds the code for the profile picture
destination187.classList.add("transparent-avatar_background__M_sZ3", "transparent-avatar_colorWhite20__fmhRd")
if(destination187.classList.contains('transparent-avatar_imageWrapper__izUAM')){
destination187.classList.remove('transparent-avatar_imageWrapper__izUAM')
}
destination187.querySelector('.up__fc1').src="/images/auto/48/48/ce/0/plain/" + userData.pin.url //adds the profile picture
}
}
}
}
}
}
let avatar = link.querySelector('.empty-chat_emptyChat__fXgOw')
if(avatar){
let friendAvatarLink = ""
if(!avatar.querySelector(".up__fc")){
if(avatar.querySelector('[data-nimg="fill"]')){
friendAvatarLink = avatar.querySelector('[data-nimg="fill"]')
}
else{
friendAvatarLink = avatar.firstChild.querySelector('[class*=styles_image__8M_kp:last-child]')
}
if(friendAvatarLink.src){
let avatarLink = friendAvatarLink.src.substring(57)
if(avatarLink.startsWith('/')){
avatarLink = avatarLink.substring(1)
}
let done = false
let friendchat = document.querySelector(".friend-list_friendList__ZlaGe")
for (const link1 of document.querySelectorAll('.chat-friend_content__zbEBt')) {
let linkwrapper = link1.querySelector('.anchor_variantNoUnderline__SPwsd')
if(linkwrapper){
let linktoprofile = linkwrapper.href.substring(31)
let userData = await getUserData(linktoprofile)
let fullbodypin = userData.fullBodyPin
if(avatarLink == fullbodypin){
done=true
//main avatar
let destination = avatar.firstChild;
if (destination){
if(destination.firstChild){
destination.firstChild.style.display="none"
destination.insertAdjacentHTML('afterbegin', friendChat())
destination.querySelector('.up__fc').src = "/images/auto/192/192/ce/0/plain/" + userData.pin.url
destination.classList.add('empty-chat_avatar__Yx0_i')
if(destination.classList.contains('empty-chat_fullBodyAvatar__dUhe_')){
destination.classList.remove('empty-chat_fullBodyAvatar__dUhe_')
}
if( avatar.querySelector('[data-nimg="fill"]')){
avatar.querySelector('[data-nimg="fill"]').style.display="none"
}
}
}
//picture upper left
let pictureupperleft = link.querySelector('.chat-view_mobileAvatar__xkXTK')
if(pictureupperleft){
let destination = pictureupperleft.firstChild
if(destination){
if(destination.firstChild){
destination.firstChild.style.display="none"
destination.insertAdjacentHTML('afterbegin', friendChat2())
destination.querySelector('.up__fc1').src="/images/auto/48/48/ce/0/plain/" + userData.pin.url
}
}
}
break;
}
}
}
if(done==false){
if(avatar.firstChild.firstChild){
avatar.firstChild.firstChild.style.display="none"
}
}
}
}
else{
link.querySelector('.up__fc').classList.remove('up__fc')
}
}
}
}
}
if (isDuels() && PIN_IN_DUELS_MATCHMAKING) {
if (!document.querySelector(`#${USER_PIN_ID}`)) {
if (av == null) {
av = document.querySelector('.lobby_avatarContainer__kN2RK')
}
if (av != null) {
av.children[0].remove()
fillImage(av, document, retrieveIdFromLink('/me/profile'), false, true)
}
if (av != null) {
av = null
}
}
}
if (document.getElementById('60cf2c9800ea7b00015231a2')) {
document.getElementById('60cf2c9800ea7b00015231a2').remove()
if (!document.querySelector(`#${USER_PIN_ID}`)) {
let destination = document.querySelector('.join-party_avatarWrapper__2WzCN')
fillImage(destination, document, retrieveIdFromLink('/me/profile'), false, true)
}
}
}
//helpfunctions
function roundToNearest10(zahl) {
if (zahl % 10 === 0) {
return zahl + 10
} else {
return Math.ceil(zahl / 10) * 10
}
}
function retrieveIdFromLink(link) {
if (link.endsWith('/me/profile')) {
const data = document.querySelector('#__NEXT_DATA__').text
const json = JSON.parse(data)
return json.props.middlewareResults[1].account.user.userId
}
return link.split('/').at(-1)
}
function isOtherProfile() {
return pathMatches('user/.+')
}
function isOwnProfile() {
return pathMatches('me/profile')
}
function isProfile() {
return isOwnProfile() || isOtherProfile()
}
function isBattleRoyale() {
return pathMatches('battle-royale/.+')
}
function isParty(){
return pathMatches('party')
}
function isTeamDuel(){
return pathMatches('team-duels/.+')
}
function isDuels() {
return pathMatches('duels/.+')
}
async function getUserData(id) {
const response = await fetch(`${GEOGUESSR_USER_ENDPOINT}/${id}`)
const json = await response.json()
return json
}
function friendChat(){
return `<div class="styles_circle__QFYEk styles_variantFloating__Srm_N styles_colorTransparent__2bG5I styles_borderColorTransparent__CwSAk styles_borderSizeFactorZero__MEFpf"><div class="styles_rectangle___6gqv" style="padding-top: 100%;"><div class="styles_innerCircle__Y_L_e"><div class="styles_content__otIVG"><img class="styles_image__8M_kp up__fc" loading="auto" style="object-fit: cover;"></div></div></div></div>`
}
function friendChat2(){
return `<div class="styles_circle__QFYEk styles_variantFloating__Srm_N styles_colorTransparent__2bG5I styles_borderColorTransparent__CwSAk styles_borderSizeFactorZero__MEFpf"><div class="styles_rectangle___6gqv" style="padding-top: 100%;"><div class="styles_innerCircle__Y_L_e"><div class="styles_content__otIVG"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="styles_image__8M_kp up__fc1" style="position: absolute; height: 100%; width: 100%; inset: 0px; object-fit: cover; color: transparent;"></div></div></div></div>`
}
function wrapperFriend1(){
return `<div class="styles_rectangle___6gqv" style="padding-top: 100%"><div class="styles_innerCircle__Y_L_e"><div class="styles_content__otIVG up__userPin"><img class="styles_image__8M_kp ${USER_PIN_CLASS}" loading="auto" style="object-fit: cover"></div></div></div>`
}
function wrapperFriend() {
return `<div class="styles_circle__QFYEk styles_variantFloating__Srm_N styles_colorTransparent__2bG5I styles_borderColorTransparent__CwSAk styles_borderSizeFactorZero__MEFpf"><div class="styles_rectangle___6gqv" style="padding-top: 100%"><div class="styles_innerCircle__Y_L_e"><div class="styles_content__otIVG up__"></div></div></div></div>`
}
function wrapperDuels() {
return `<div class="profile-header_avatarWrapper__5_jDA up__"></div>`
}
function wrapperEndOfDuels() {
return `<div class="profile-header_avatar__y6vsp up__"></div>`
}
function wrapper() {
return `<div class="profile-header_avatar__y6vsp"><div class="avatar_titleAvatar__0pdL9"><div class="styles_rectangle___6gqv up__" style="padding-top: 100%"><div class="avatar_titleAvatarImage__A51Dx up__"></div></div></div></div>`
}
function profilePicture() {
return `<img class="styles_image__8M_kp ${USER_PIN_CLASS}" loading="auto" style="object-fit:cover">`
}
function profilePicture1() {
return `<img class="styles_image__8M_kp" id="${USER_PIN_ID}" loading="auto" style="object-fit:cover">`
}
function levelBorder() {
return `<img alt="" class="${USER_PIN_CLASS}" loading="lazy" decoding="async" data-nimg="fill" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="">`
}
function levelBorder1() {
return `<img alt="" loading="lazy" decoding="async" data-nimg="fill" id="${USER_PIN_ID}" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="" >`
}
const OBSERVER_CONFIG = {
characterDataOldValue: false,
subtree: true,
childList: true,
characterData: false,
}
const OBSERVER_CONFIG1 = {
characterDataOldValue: false,
subtree: true,
childList: true,
characterData: true,
attributes: true,
attributeFilter: ["style"]
}
const ERROR_MESSAGE = (wrong) => '${wrong}'
function pathMatches(path) {
return location.pathname.match(new RegExp(`^/(?:[^/]+/)?${path}$`))
}
const observer = new MutationObserver(onMutationsStandard)
observer.observe(document.body, OBSERVER_CONFIG)
