Index
f3e33ea840
- Avatar Sandbox rewrite
- Updated owned item tags code
- Inventory Collectibles Category
- Great Divide Features ("Potentially Unbalanced" indicator in server list and User Statistics tab on profiles)
- Refreshed Settings Page design
- Fixed library item type detection
- Breadcrumbs on the view page for models, audios, decals, and meshes now link to the Library instead of the Store.
- If the document loads prior to the DOMContentLoaded event being registered in the sitewide.js file, then it'll still run everything as normal instead of just not running
- Updated README.md
I was bored so:
- You can now make a profile act like a birthday profile by appending ?birthday=true to the URL
351 lines
13 KiB
JavaScript
Executable file
351 lines
13 KiB
JavaScript
Executable file
let Username = window.location.pathname.split('/')[2];
|
|
const AvatarRow = document.getElementsByClassName('d-flex flex-row flex-nowrap overflow-x-scroll px-3 px-lg-0 mb-2 mb-lg-0')[0];
|
|
const AvatarHeading = document.querySelector('.section-title:has(i.fa-user-crown)');
|
|
|
|
var Settings;
|
|
var BestFriends;
|
|
let FavoriteBtn;
|
|
let CalculateButton;
|
|
let AvatarIFrame;
|
|
|
|
let Utilities;
|
|
|
|
if (Username) {
|
|
(async () => {
|
|
UserID = (await (await fetch('https://api.polytoria.com/v1/users/find?username=' + Username )).json());
|
|
Utilities = await import(chrome.runtime.getURL('resources/utils.js'));
|
|
Utilities = Utilities.default;
|
|
|
|
chrome.storage.sync.get(['PolyPlus_Settings'], function (result) {
|
|
Settings = result.PolyPlus_Settings || {};
|
|
|
|
const InfoColumns = document.getElementById('user-stats-card');
|
|
const UserIDRow = document.createElement('div')
|
|
UserIDRow.classList = 'mb-1'
|
|
UserIDRow.innerHTML = `
|
|
<b><i class="fa fa-hashtag text-center d-inline-block" style="width:1.2em"></i> Player ID</b>
|
|
<span class="float-end">
|
|
${UserID.id} <a id="copy" href="#copy"><i class="fad fa-copy" style="margin-left: 5px;"></i></a>
|
|
</span>
|
|
`
|
|
InfoColumns.children[0].insertBefore(UserIDRow, InfoColumns.children[0].children[1]);
|
|
|
|
const CopyButton = UserIDRow.getElementsByTagName('a')[0]
|
|
CopyButton.addEventListener('click', function(){
|
|
navigator.clipboard
|
|
.writeText(UserID.id)
|
|
.then(() => {
|
|
CopyButton.classList.add('text-success')
|
|
CopyButton.children[0].classList = 'fa-duotone fa-circle-check'
|
|
CopyButton.children[0].style.marginLeft = '3px'
|
|
|
|
setTimeout(() => {
|
|
CopyButton.classList.remove('text-success')
|
|
CopyButton.children[0].classList = 'fad fa-copy'
|
|
CopyButton.children[0].style.marginLeft = '5px'
|
|
}, 1500);
|
|
})
|
|
})
|
|
|
|
if (Settings.IRLPriceWithCurrency && Settings.IRLPriceWithCurrency.Enabled === true) {
|
|
IRLPrice();
|
|
}
|
|
|
|
if (Settings.BestFriendsOn === true) {
|
|
BestFriends();
|
|
}
|
|
|
|
if (Settings.OutfitCostOn === true) {
|
|
CalculateButton = document.createElement('small');
|
|
CalculateButton.classList = 'fw-normal text-success';
|
|
CalculateButton.style.letterSpacing = '0px';
|
|
CalculateButton.setAttribute('data-bs-toggle', 'tooltip');
|
|
CalculateButton.setAttribute('data-bs-title', "Calculate this avatar's cost!");
|
|
CalculateButton.setAttribute('data-bs-placement', 'right');
|
|
CalculateButton.innerHTML = `
|
|
<a class="text-decoration-underline text-success" style="text-decoration-color: rgb(15, 132, 79) !important;">$ calculate</a>
|
|
`;
|
|
AvatarHeading.appendChild(CalculateButton);
|
|
|
|
Utilities.InjectResource('registerTooltips');
|
|
|
|
let Calculating = false;
|
|
CalculateButton.addEventListener('click', function () {
|
|
if (Calculating === false) {
|
|
Calculating = true;
|
|
CalculateButton.innerText = '$ Calculating...';
|
|
OutfitCost();
|
|
}
|
|
});
|
|
}
|
|
|
|
AvatarIFrame = document.getElementById('user-avatar-card').getElementsByTagName('iframe')[0]
|
|
if (Settings.AvatarDimensionToggleOn === true || 1 === 1) {
|
|
const AvatarCard = document.getElementById('user-avatar-card')
|
|
const ToggleButton = document.createElement('button')
|
|
ToggleButton.classList = 'btn btn-primary btn-sm 3dviewtoggler isactive'
|
|
ToggleButton.style = 'position: absolute; right: 15px; margin: 10px;'
|
|
ToggleButton.innerHTML = '<i class="toggleIcn fad fa-image"></i>'
|
|
AvatarCard.children[0].insertBefore(ToggleButton, AvatarIFrame)
|
|
|
|
ToggleButton.addEventListener('click', async function(){
|
|
if (ToggleButton.children[0].classList.contains('fa-image')) {
|
|
if (document.getElementById('polyplus-2davatar')) {
|
|
const AvatarImage = document.getElementById('polyplus-2davatar')
|
|
|
|
AvatarImage.width = AvatarIFrame.offsetWidth
|
|
AvatarImage.height = AvatarIFrame.offsetHeight
|
|
AvatarImage.style.display = 'block'
|
|
AvatarIFrame.style.display = 'none'
|
|
|
|
ToggleButton.children[0].classList = 'toggleIcn fad fa-360-degrees'
|
|
} else {
|
|
const AvatarImage = document.createElement('img')
|
|
AvatarImage.id = 'polyplus-2davatar'
|
|
AvatarImage.width = AvatarIFrame.offsetWidth
|
|
AvatarImage.height = AvatarIFrame.offsetHeight
|
|
AvatarImage.style.padding = '20px'
|
|
|
|
const UserDetails = (await (await fetch('https://api.polytoria.com/v1/users/' + UserID.id)).json())
|
|
AvatarImage.src = UserDetails.thumbnail.avatar
|
|
|
|
AvatarIFrame.style.display = 'none'
|
|
|
|
const CustomBadge = document.querySelector('#user-avatar-card .badge:has(.pi)')
|
|
if (CustomBadge === null) {
|
|
AvatarCard.children[0].insertBefore(AvatarImage, AvatarCard.getElementsByClassName('user-badges')[0])
|
|
} else {
|
|
AvatarCard.children[0].insertBefore(AvatarImage, CustomBadge.parentElement)
|
|
}
|
|
|
|
ToggleButton.children[0].classList = 'toggleIcn fad fa-360-degrees'
|
|
}
|
|
} else {
|
|
document.getElementById('polyplus-2davatar').style.display = 'none'
|
|
AvatarIFrame.style.display = 'block'
|
|
ToggleButton.children[0].classList = 'toggleIcn fad fa-image'
|
|
}
|
|
})
|
|
}
|
|
});
|
|
|
|
if (new URLSearchParams(window.location.search).get('birthday') === 'true') {
|
|
const JoinDateRow = document.querySelector('#user-stats-card .mb-1:has(.fa-calendar)')
|
|
const BirthdayCard = document.createElement('div')
|
|
BirthdayCard.classList = 'card card-themed card-player-birthday mb-2'
|
|
BirthdayCard.innerHTML = `
|
|
<div class="card-body">
|
|
<div class="fw-semibold text-birthday-gradient">
|
|
<i class="fas fa-cake me-1"></i> It's my ${new Date().getFullYear() - new Date(JoinDateRow.children[1].innerText).getFullYear()}rd Polytoria anniversary!
|
|
</div>
|
|
<a href="/inbox/messages/${UserID.id}/compose?anniversary=1" class="btn btn-sm btn-outline-light mt-2"><i class="fas fa-hands-clapping me-1"></i> Send ${UserID.username} congrats</a>
|
|
</div>
|
|
`
|
|
document.getElementById('user-avatar-card').parentElement.insertBefore(BirthdayCard, document.getElementById('user-avatar-card'))
|
|
JoinDateRow.children[1].innerHTML = '<i class="fas fa-cake"></i> ' + JoinDateRow.children[1].innerHTML
|
|
JoinDateRow.children[1].classList.add('text-birthday-gradient')
|
|
JoinDateRow.children[1].classList.add('fw-semibold')
|
|
}
|
|
})();
|
|
|
|
if (AvatarIFrame === null) {
|
|
AvatarIFrame = document.getElementById('user-avatar-card').getElementsByTagName('iframe')[0]
|
|
}
|
|
const DropdownMenu = document.getElementsByClassName('dropdown-menu dropdown-menu-right')[0];
|
|
|
|
const CopyItem = document.createElement('a');
|
|
CopyItem.classList = 'dropdown-item text-primary';
|
|
CopyItem.href = '#';
|
|
CopyItem.innerHTML = `
|
|
<i class="fa-duotone fa-book"></i>
|
|
Copy 3D Avatar URL
|
|
`;
|
|
DropdownMenu.appendChild(CopyItem);
|
|
|
|
CopyItem.addEventListener('click', function () {
|
|
navigator.clipboard
|
|
.writeText(AvatarIFrame.src)
|
|
.then(() => {
|
|
alert('Successfully copied 3D avatar URL!');
|
|
})
|
|
.catch(() => {
|
|
alert('Failure to copy 3D avatar URL.');
|
|
});
|
|
});
|
|
|
|
const ShareItem = document.createElement('a');
|
|
ShareItem.classList = 'dropdown-item text-warning';
|
|
ShareItem.href = '#';
|
|
ShareItem.innerHTML = `
|
|
<i class="fa-duotone fa-book"></i>
|
|
Share your 3D Avatar URL!
|
|
`;
|
|
DropdownMenu.appendChild(ShareItem);
|
|
|
|
ShareItem.addEventListener('click', function () {
|
|
navigator.clipboard
|
|
.writeText('Hey! Look at my Polytoria avatar in 3D [here](' + AvatarIFrame.src + ')!')
|
|
.then(() => {
|
|
alert('Successfully copied sharable 3D avatar URL!');
|
|
})
|
|
.catch(() => {
|
|
alert('Failure to copy sharable 3D avatar URL.');
|
|
});
|
|
});
|
|
} else if (Username && Username[0] === '@') {
|
|
const Username = window.location.pathname.split('/')[2].substring(1);
|
|
|
|
let Reference = new URLSearchParams(new URL(window.location.href).search);
|
|
if (!Reference.has('ref')) {
|
|
Reference = '';
|
|
}
|
|
|
|
fetch('https://api.polytoria.com/v1/users/find?username=' + Username)
|
|
.then((response) => {
|
|
if (!response.ok) {
|
|
window.location.href = window.location.origin + decodeURIComponent(Reference.get('ref'));
|
|
} else {
|
|
return response.json();
|
|
}
|
|
})
|
|
.then((data) => {
|
|
window.location.href = 'https://polytoria.com/users/' + data.id;
|
|
})
|
|
.catch((error) => {
|
|
console.log('An error occurred:', error);
|
|
});
|
|
}
|
|
|
|
async function IRLPrice() {
|
|
const NetWorthElement = document.getElementsByClassName('float-end text-success')[0];
|
|
const IRLResult = await Utilities.CalculateIRL(NetWorthElement.innerText, Settings.IRLPriceWithCurrency.Currency);
|
|
NetWorthElement.innerHTML = NetWorthElement.innerHTML + '<div class="text-muted" style="font-size: 0.6rem;">(' + IRLResult.icon + IRLResult.result + ' ' + IRLResult.display + ')</div>';
|
|
}
|
|
|
|
function BestFriends() {
|
|
chrome.storage.sync.get(['PolyPlus_BestFriends'], function (result) {
|
|
BestFriends = result.PolyPlus_BestFriends || [];
|
|
|
|
FavoriteBtn = document.createElement('button');
|
|
FavoriteBtn.classList = 'btn btn-warning btn-sm ml-2';
|
|
if (!(BestFriends.length === Utilities.Limits.BestFriends)) {
|
|
if (Array.isArray(BestFriends) && BestFriends.includes(parseInt(UserID.id))) {
|
|
FavoriteBtn.innerText = 'Remove Best Friend Status';
|
|
} else {
|
|
FavoriteBtn.innerText = 'Best Friend';
|
|
}
|
|
} else {
|
|
FavoriteBtn.innerText = 'Remove Best Friend Status (max ' + Utilities.Limits.BestFriends + '/' + Utilities.Limits.BestFriends + ')';
|
|
}
|
|
if (UserID.id !== JSON.parse(window.localStorage.getItem('p+account_info')).ID && document.getElementById('add-friend-button').classList.contains('btn-success') === false) {
|
|
FavoriteBtn.addEventListener('click', function () {
|
|
Fav(UserID.id, FavoriteBtn);
|
|
});
|
|
} else {
|
|
FavoriteBtn.style.display = 'none';
|
|
}
|
|
document.querySelectorAll('.section-title.px-3.px-lg-0.mt-3')[0].appendChild(FavoriteBtn);
|
|
|
|
function Fav(UserID, btn) {
|
|
if (UserID.id === JSON.parse(window.localStorage.getItem('p+account_info')).ID) {
|
|
return;
|
|
}
|
|
btn.setAttribute('disabled', 'true');
|
|
|
|
chrome.storage.sync.get(['PolyPlus_BestFriends'], function (result) {
|
|
const BestFriends = result.PolyPlus_BestFriends || [];
|
|
const index = BestFriends.indexOf(parseInt(UserID.id));
|
|
|
|
if (index !== -1) {
|
|
// Number exists, remove it
|
|
BestFriends.splice(index, 1);
|
|
btn.innerText = 'Best Friend';
|
|
console.log('Number', parseInt(UserID.id), 'removed from BestFriends');
|
|
} else {
|
|
// Number doesn't exist, add it
|
|
BestFriends.push(parseInt(UserID.id));
|
|
btn.innerText = 'Remove Best Friend Status';
|
|
console.log('Number', parseInt(UserID.id), 'added to BestFriends');
|
|
}
|
|
|
|
chrome.storage.sync.set({PolyPlus_BestFriends: BestFriends, arrayOrder: true}, function () {
|
|
console.log('BestFriends saved successfully!');
|
|
setTimeout(function () {
|
|
btn.removeAttribute('disabled');
|
|
}, 1500);
|
|
});
|
|
});
|
|
}
|
|
});
|
|
|
|
chrome.storage.onChanged.addListener(function (changes, namespace) {
|
|
if ('PolyPlus_BestFriends' in changes) {
|
|
chrome.storage.sync.get(['PolyPlus_BestFriends'], function (result) {
|
|
BestFriends = result.PolyPlus_BestFriends || [];
|
|
|
|
if (!(BestFriends.length === Utilities.Limits.BestFriends)) {
|
|
if (Array.isArray(BestFriends) && BestFriends.includes(parseInt(UserID.id))) {
|
|
FavoriteBtn.innerText = 'Remove Best Friend Status';
|
|
} else {
|
|
FavoriteBtn.innerText = 'Best Friend';
|
|
}
|
|
} else {
|
|
FavoriteBtn.innerText = 'Remove Best Friend Status (max ' + Utilities.Limits.BestFriends + '/' + Utilities.Limits.BestFriends + ')';
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
function ClearBestFriends() {
|
|
chrome.storage.sync.set({PolyPlus_BestFriends: {BestFriends: []}, arrayOrder: true}, function () {
|
|
console.log('BestFriends saved successfully!');
|
|
setTimeout(function () {
|
|
btn.removeAttribute('disabled');
|
|
}, 1500);
|
|
});
|
|
}
|
|
}
|
|
|
|
async function OutfitCost() {
|
|
const AvatarCost = {
|
|
Total: 0,
|
|
Collectibles: 0,
|
|
Offsale: 0,
|
|
HasProfileTheme: false
|
|
};
|
|
for (let item of AvatarRow.children) {
|
|
const ItemID = item.getElementsByTagName('a')[0].href.split('/')[4];
|
|
await fetch('https://api.polytoria.com/v1/store/' + ItemID)
|
|
.then((response) => {
|
|
if (!response.ok) {
|
|
throw new Error('Network not ok');
|
|
}
|
|
return response.json();
|
|
})
|
|
.then((data) => {
|
|
let Price = data.price;
|
|
if (data.isLimited === true) {
|
|
AvatarCost.Collectibles += 1;
|
|
Price = data.averagePrice;
|
|
} else if (data.sales === 0) {
|
|
AvatarCost.Offsale += 1;
|
|
Price = 0;
|
|
} else if (data.type === 'profileTheme') {
|
|
AvatarCost.HasProfileTheme = true;
|
|
Price = 0;
|
|
}
|
|
|
|
AvatarCost.Total += Price;
|
|
})
|
|
.catch((error) => {
|
|
console.log(error);
|
|
});
|
|
}
|
|
const ResultText = document.createElement('small');
|
|
ResultText.classList = 'fw-normal text-success';
|
|
ResultText.style.letterSpacing = '0px';
|
|
ResultText.innerHTML = `(<i class="pi pi-brick mx-1"></i> ${AvatarCost.Collectibles > 0 || AvatarCost.Offsale > 0 || AvatarCost.HasProfileTheme === true ? '~' : ''}${AvatarCost.Total.toLocaleString()} | ${AvatarCost.Collectibles > 0 ? AvatarCost.Collectibles + ' collectible' : ''}${AvatarCost.Offsale > 0 ? `, ${AvatarCost.Offsale} offsale` : ''}${AvatarCost.HasProfileTheme === true ? ', profile theme excluded' : ''})`;
|
|
|
|
CalculateButton.remove();
|
|
AvatarHeading.appendChild(ResultText);
|
|
}
|