Index/polyplus
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: format code with Prettier

Browse source
This commit is contained in:
github-actions[bot] 2024-05-27 22:04:23 +00:00
parent d25b2f97c2
commit cc39111694
37 changed files with 21815 additions and 6019 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
README.md
View file

@ -35,15 +35,17 @@ Poly+ is an upcoming quality-of-life browser extension for the Polytoria website
- Multi-Cancel Outbound Trades - Multi-Cancel Outbound Trades
- Item Wishlist - Item Wishlist
- Outfit Cost - Outfit Cost
And there is more to come! And there is more to come!
# Supported Browsers # Supported Browsers
As of right now, Poly+ only works on Chromium-based browsers. Currently, there are no plans to bring it to other browsers in the future. As of right now, Poly+ only works on Chromium-based browsers. Currently, there are no plans to bring it to other browsers in the future.
> TL;DR Chromium-based browsers > TL;DR Chromium-based browsers
## Examples of Browsers that are Chromium-based ## Examples of Browsers that are Chromium-based
- Google Chrome - Google Chrome
- Chromium - Chromium
- Edge - Edge
@ -56,12 +58,12 @@ As of right now, Poly+ only works on Chromium-based browsers. Currently, there a
## How to Download - Stable Build? ## How to Download - Stable Build?
1. Go to the releases section of this GitHub repository 1. Go to the releases section of this GitHub repository
3. Go to the latest release and download the .ZIP file for that release 2. Go to the latest release and download the .ZIP file for that release
4. Extract the .ZIP 3. Extract the .ZIP
5. Enable developer mode on your browser (developer mode allows you to load unpacked extensions) 4. Enable developer mode on your browser (developer mode allows you to load unpacked extensions)
6. Click the "Load Unpacked" button 5. Click the "Load Unpacked" button
7. When the file selector comes up, open the unzipped folder from this GitHub repository 6. When the file selector comes up, open the unzipped folder from this GitHub repository
8. Go to Polytoria and you should see some changes! 7. Go to Polytoria and you should see some changes!
## How to Download - Pre-Release Build? ## How to Download - Pre-Release Build?
@ -73,6 +75,6 @@ As of right now, Poly+ only works on Chromium-based browsers. Currently, there a
4. Extract the .ZIP 4. Extract the .ZIP
5. Enable developer mode on your browser (developer mode allows you to load unpacked extensions) 5. Enable developer mode on your browser (developer mode allows you to load unpacked extensions)
6. Go to your browsers extensions page (usually `browserName://extensions`) 6. Go to your browsers extensions page (usually `browserName://extensions`)
8. Click the "Load Unpacked" button 7. Click the "Load Unpacked" button
9. When the file selector comes up, open the unzipped folder of this repository's source code 8. When the file selector comes up, open the unzipped folder of this repository's source code
10. Go to Polytoria and you should see some changes! 9. Go to Polytoria and you should see some changes!

15656
css/polytoria.css
View file

File diff suppressed because one or more lines are too long

107
css/specific.css
View file

@ -1,49 +1,58 @@
/* /*
FRONTEND FIXES / SPACING IMPROVEMENTS FRONTEND FIXES / SPACING IMPROVEMENTS
*/ */
body[data-URL^="/my/friends"] .col-lg-3 { body[data-URL^='/my/friends'] .col-lg-3 {
margin-bottom: 20px; margin-bottom: 20px;
} }
body[data-URL^="/create/"] .mt-2.mt-lg-0.col-lg.d-flex.align-content-between.flex-wrap { body[data-URL^='/create/'] .mt-2.mt-lg-0.col-lg.d-flex.align-content-between.flex-wrap {
width: 50%; width: 50%;
} }
body[data-URL^="/create/"] .col.d-flex.align-content-between.flex-wrap { body[data-URL^='/create/'] .col.d-flex.align-content-between.flex-wrap {
width: 50%; width: 50%;
} }
.text-truncate { .text-truncate {
white-space: nowrap !important; white-space: nowrap !important;
overflow: hidden !important; overflow: hidden !important;
text-overflow: ellipsis !important; text-overflow: ellipsis !important;
} }
/* ------------------------------------------ */ /* ------------------------------------------ */
/* /*
INLINE EDITING INLINE EDITING
*/ */
body[data-polyplus-inlineEditing="true"] .polyplus-inlineEditing-visible {display: block !important;} body[data-polyplus-inlineEditing='true'] .polyplus-inlineEditing-visible {
.polyplus-inlineEditing-visible {display: none;} display: block !important;
}
body[data-polyplus-inlineEditing="true"] .polyplus-inlineEditing-hidden {display: none !important;} .polyplus-inlineEditing-visible {
.polyplus-inlineEditing-hidden {display: block;} display: none;
}
/* ------------------------------------------ */
body[data-polyplus-inlineEditing='true'] .polyplus-inlineEditing-hidden {
/* display: none !important;
MODALS }
*/ .polyplus-inlineEditing-hidden {
display: block;
html:has(.polyplus-modal[open]), body:has(.polyplus-modal[open]) { }
overflow: hidden;
} /* ------------------------------------------ */
.polyplus-modal::backdrop { /*
background: rgba(0, 0, 0, 0.73); MODALS
} */
/* ------------------------------------------ */ html:has(.polyplus-modal[open]),
body:has(.polyplus-modal[open]) {
overflow: hidden;
}
.polyplus-modal::backdrop {
background: rgba(0, 0, 0, 0.73);
}
/* ------------------------------------------ */

761
js/account/avatar-sandbox.js
View file

@ -1,372 +1,389 @@
let PageContainer = document.querySelector('.container.p-0.p-lg-5') let PageContainer = document.querySelector('.container.p-0.p-lg-5');
let ItemGrid; let ItemGrid;
let Wearing; let Wearing;
let Tabs; let Tabs;
let IFrame; let IFrame;
let TabSelected = 'hat' let TabSelected = 'hat';
let Search; let Search;
let Page = 1 let Page = 1;
let Avatar = { let Avatar = {
"useCharacter": true, useCharacter: true,
"items": [], items: [],
"shirt": null, shirt: null,
"pants": null, pants: null,
"tool": {ID: -1, URL: null}, tool: {ID: -1, URL: null},
"headColor": "#e0e0e0", headColor: '#e0e0e0',
"torsoColor": "#e0e0e0", torsoColor: '#e0e0e0',
"leftArmColor": "#e0e0e0", leftArmColor: '#e0e0e0',
"rightArmColor": "#e0e0e0", rightArmColor: '#e0e0e0',
"leftLegColor": "#e0e0e0", leftLegColor: '#e0e0e0',
"rightLegColor": "#e0e0e0" rightLegColor: '#e0e0e0'
} };
let ItemCardContents = ` let ItemCardContents = `
<div style="max-width: 150px;"> <div style="max-width: 150px;">
<div class="card mb-2 avatar-item-container"> <div class="card mb-2 avatar-item-container">
<div class="p-2"> <div class="p-2">
<img src=":ItemThumbnail" class="img-fluid"> <img src=":ItemThumbnail" class="img-fluid">
<span class="position-absolute" style="top: 5px; left: 5px; z-index: 1;"> <span class="position-absolute" style="top: 5px; left: 5px; z-index: 1;">
<span class="badge bg-secondary">:ItemType</span> <span class="badge bg-secondary">:ItemType</span>
</span> </span>
<button class="avatarAction btn btn-success btn-sm position-absolute rounded-circle text-center" style="top: -10px; right: -16px; width: 32px; height: 32px; z-index: 1;"><i class="fas fa-plus"></i></button> <button class="avatarAction btn btn-success btn-sm position-absolute rounded-circle text-center" style="top: -10px; right: -16px; width: 32px; height: 32px; z-index: 1;"><i class="fas fa-plus"></i></button>
</div> </div>
</div> </div>
<a href="/store/:ItemID" class="text-reset"> <a href="/store/:ItemID" class="text-reset">
<h6 class="text-truncate mb-0"> :ItemName</h6> <h6 class="text-truncate mb-0"> :ItemName</h6>
</a> </a>
<small class="text-muted d-block text-truncate"> <small class="text-muted d-block text-truncate">
by <a href="/users/:CreatorID" class="text-reset">:CreatorName</a> by <a href="/users/:CreatorID" class="text-reset">:CreatorName</a>
</small> </small>
</div> </div>
` `;
if (new URLSearchParams(new URL(window.location).search).get('sandbox') === 'true') { if (new URLSearchParams(new URL(window.location).search).get('sandbox') === 'true') {
console.log('Avatar Sandbox!') console.log('Avatar Sandbox!');
LoadFile(chrome.runtime.getURL('resources/avatar-sandbox.html'), function(html){ LoadFile(chrome.runtime.getURL('resources/avatar-sandbox.html'), function (html) {
PageContainer.innerHTML = html PageContainer.innerHTML = html;
ItemGrid = document.getElementById('inventory') ItemGrid = document.getElementById('inventory');
Wearing = document.getElementById('wearing') Wearing = document.getElementById('wearing');
Tabs = document.getElementById('tabs') Tabs = document.getElementById('tabs');
IFrame = document.getElementById('viewFrame') IFrame = document.getElementById('viewFrame');
Search = document.getElementById('item-search') Search = document.getElementById('item-search');
Search.addEventListener('change', function(){ Search.addEventListener('change', function () {
RefreshItems() RefreshItems();
}); });
UpdateAvatar() UpdateAvatar();
RefreshItems() RefreshItems();
Array.from(Tabs.children).forEach(element => { Array.from(Tabs.children).forEach((element) => {
element.addEventListener('click', function(){ element.addEventListener('click', function () {
let Link = element.getElementsByTagName('a')[0] let Link = element.getElementsByTagName('a')[0];
if (!(Link.classList.contains('active'))) { if (!Link.classList.contains('active')) {
Link.classList.add('active') Link.classList.add('active');
Tabs.querySelector(`[data-tab="${TabSelected}"]`).classList.remove('active') Tabs.querySelector(`[data-tab="${TabSelected}"]`).classList.remove('active');
TabSelected = Link.getAttribute('data-tab') TabSelected = Link.getAttribute('data-tab');
Page = 1 Page = 1;
RefreshItems() RefreshItems();
} }
}); });
}); });
let Clear = document.getElementById('clear') let Clear = document.getElementById('clear');
Clear.addEventListener('click', function(){ Clear.addEventListener('click', function () {
Avatar = { Avatar = {
"useCharacter": true, useCharacter: true,
"items": [], items: [],
"shirt": {ID: -1, URL: null}, shirt: {ID: -1, URL: null},
"pants": {ID: -1, URL: null}, pants: {ID: -1, URL: null},
"tool": {ID: -1, URL: null}, tool: {ID: -1, URL: null},
"headColor": "#e0e0e0", headColor: '#e0e0e0',
"torsoColor": "#e0e0e0", torsoColor: '#e0e0e0',
"leftArmColor": "#e0e0e0", leftArmColor: '#e0e0e0',
"rightArmColor": "#e0e0e0", rightArmColor: '#e0e0e0',
"leftLegColor": "#e0e0e0", leftLegColor: '#e0e0e0',
"rightLegColor": "#e0e0e0" rightLegColor: '#e0e0e0'
} };
UpdateAvatar() UpdateAvatar();
}); });
let JSONUpload = document.getElementById('jsonUpload') let JSONUpload = document.getElementById('jsonUpload');
JSONUpload.addEventListener('change', function(){ JSONUpload.addEventListener('change', function () {
let Reader = new FileReader() let Reader = new FileReader();
Reader.addEventListener('loadend', function(){ Reader.addEventListener('loadend', function () {
Avatar = JSON.parse(Reader.result) Avatar = JSON.parse(Reader.result);
UpdateAvatar() UpdateAvatar();
JSONUpload.value = "" JSONUpload.value = '';
}); });
Reader.readAsText(JSONUpload.files[0]) Reader.readAsText(JSONUpload.files[0]);
}); });
let JSONSave = document.getElementById('jsonSave') let JSONSave = document.getElementById('jsonSave');
JSONSave.addEventListener('click', function(){ JSONSave.addEventListener('click', function () {
FormatAvatar().then(FormattedAvatar => { FormatAvatar().then((FormattedAvatar) => {
let Download = document.createElement('a') let Download = document.createElement('a');
Download.href = URL.createObjectURL(new Blob([JSON.stringify(FormattedAvatar)], { Download.href = URL.createObjectURL(
type: "application/json" new Blob([JSON.stringify(FormattedAvatar)], {
})); type: 'application/json'
Download.setAttribute('download', 'AvatarSandbox.json') })
document.body.appendChild(Download) );
Download.click() Download.setAttribute('download', 'AvatarSandbox.json');
document.body.removeChild(Download) document.body.appendChild(Download);
}); Download.click();
}); document.body.removeChild(Download);
});
let OpenInNewTab = document.getElementById('openNewTab') });
OpenInNewTab.addEventListener('click', function(){
UpdateAvatar() let OpenInNewTab = document.getElementById('openNewTab');
}); OpenInNewTab.addEventListener('click', function () {
}); UpdateAvatar();
} });
});
function UpdateAvatar() { }
GenerateHash()
.then(hash => { function UpdateAvatar() {
IFrame.addEventListener('load', function () { GenerateHash().then((hash) => {
IFrame.src = 'https://polytoria.com/ptstatic/itemview/#' + hash; IFrame.addEventListener('load', function () {
}); IFrame.src = 'https://polytoria.com/ptstatic/itemview/#' + hash;
IFrame.src = 'about:blank'; });
}); IFrame.src = 'about:blank';
} });
}
function LoadFile(path, callback) {
var xhr = new XMLHttpRequest(); function LoadFile(path, callback) {
xhr.onload = function () { return callback(this.responseText); } var xhr = new XMLHttpRequest();
xhr.open("GET", path, true); xhr.onload = function () {
xhr.send(); return callback(this.responseText);
} };
xhr.open('GET', path, true);
async function GenerateHash() { xhr.send();
let FormattedAvatar = await FormatAvatar() }
for (let i = 0; i < FormattedAvatar.items.length; i++) {
FormattedAvatar.items[i] = FormattedAvatar.items[i].URL async function GenerateHash() {
} let FormattedAvatar = await FormatAvatar();
if (FormattedAvatar.shirt) { for (let i = 0; i < FormattedAvatar.items.length; i++) {
FormattedAvatar.shirt = FormattedAvatar.shirt.URL FormattedAvatar.items[i] = FormattedAvatar.items[i].URL;
} }
if (FormattedAvatar.pants) { if (FormattedAvatar.shirt) {
FormattedAvatar.pants = FormattedAvatar.pants.URL FormattedAvatar.shirt = FormattedAvatar.shirt.URL;
} }
FormattedAvatar.face = FormattedAvatar.face.URL if (FormattedAvatar.pants) {
if (FormattedAvatar.tool) { FormattedAvatar.pants = FormattedAvatar.pants.URL;
FormattedAvatar.tool = FormattedAvatar.tool.URL }
} FormattedAvatar.face = FormattedAvatar.face.URL;
console.log('Formatted Avatar: ', FormattedAvatar) if (FormattedAvatar.tool) {
console.log('Real Avatar: ', Avatar) FormattedAvatar.tool = FormattedAvatar.tool.URL;
return btoa(encodeURIComponent(JSON.stringify(FormattedAvatar))) }
} console.log('Formatted Avatar: ', FormattedAvatar);
console.log('Real Avatar: ', Avatar);
async function FormatAvatar() { return btoa(encodeURIComponent(JSON.stringify(FormattedAvatar)));
let LocalAvatar = structuredClone(Avatar) }
if (!LocalAvatar.face) { async function FormatAvatar() {
LocalAvatar.face = {ID: -1, URL: "https://c0.ptacdn.com/static/3dview/DefaultFace.png"} let LocalAvatar = structuredClone(Avatar);
}
if (!LocalAvatar.face) {
for (let i = 0; i < LocalAvatar.items.length; i++) { LocalAvatar.face = {ID: -1, URL: 'https://c0.ptacdn.com/static/3dview/DefaultFace.png'};
if (LocalAvatar.items[i].URL === null) { }
await fetch("https://api.polytoria.com/v1/assets/serve-mesh/:id".replace(':id', LocalAvatar.items[i].ID))
.then(response => { for (let i = 0; i < LocalAvatar.items.length; i++) {
if (!response.ok) { if (LocalAvatar.items[i].URL === null) {
throw new Error('Network response was not ok'); await fetch('https://api.polytoria.com/v1/assets/serve-mesh/:id'.replace(':id', LocalAvatar.items[i].ID))
} .then((response) => {
return response.json(); if (!response.ok) {
}) throw new Error('Network response was not ok');
.then(data => { }
Avatar.items[i].URL = data.url return response.json();
LocalAvatar.items[i].URL = data.url })
}) .then((data) => {
.catch(error => { Avatar.items[i].URL = data.url;
console.error('Fetch error:', error); LocalAvatar.items[i].URL = data.url;
}); })
} .catch((error) => {
} console.error('Fetch error:', error);
});
if (LocalAvatar.tool && LocalAvatar.tool.ID !== -1 && LocalAvatar.tool.URL === null) { }
await fetch("https://api.polytoria.com/v1/assets/serve-mesh/:id".replace(':id', LocalAvatar.tool.ID)) }
.then(response => {
if (!response.ok) { if (LocalAvatar.tool && LocalAvatar.tool.ID !== -1 && LocalAvatar.tool.URL === null) {
throw new Error('Network response was not ok'); await fetch('https://api.polytoria.com/v1/assets/serve-mesh/:id'.replace(':id', LocalAvatar.tool.ID))
} .then((response) => {
return response.json(); if (!response.ok) {
}) throw new Error('Network response was not ok');
.then(data => { }
Avatar.tool.URL = data.url return response.json();
LocalAvatar.tool.URL = data.url })
}) .then((data) => {
.catch(error => { Avatar.tool.URL = data.url;
console.error('Fetch error:', error); LocalAvatar.tool.URL = data.url;
}); })
} .catch((error) => {
console.error('Fetch error:', error);
if (LocalAvatar.face.ID !== -1 && LocalAvatar.face.URL === null) { });
await fetch("https://api.polytoria.com/v1/assets/serve/:id/Asset".replace(':id', LocalAvatar.face.ID)) }
.then(response => {
if (!response.ok) { if (LocalAvatar.face.ID !== -1 && LocalAvatar.face.URL === null) {
throw new Error('Network response was not ok'); await fetch('https://api.polytoria.com/v1/assets/serve/:id/Asset'.replace(':id', LocalAvatar.face.ID))
} .then((response) => {
return response.json(); if (!response.ok) {
}) throw new Error('Network response was not ok');
.then(data => { }
Avatar.face.URL = data.url return response.json();
LocalAvatar.face.URL = data.url })
}) .then((data) => {
.catch(error => { Avatar.face.URL = data.url;
console.error('Fetch error:', error); LocalAvatar.face.URL = data.url;
}); })
} .catch((error) => {
console.error('Fetch error:', error);
if (LocalAvatar.shirt && LocalAvatar.shirt.ID !== -1 && LocalAvatar.shirt.URL === null) { });
await fetch("https://api.polytoria.com/v1/assets/serve/:id/Asset".replace(':id', LocalAvatar.shirt.ID)) }
.then(response => {
if (!response.ok) { if (LocalAvatar.shirt && LocalAvatar.shirt.ID !== -1 && LocalAvatar.shirt.URL === null) {
throw new Error('Network response was not ok'); await fetch('https://api.polytoria.com/v1/assets/serve/:id/Asset'.replace(':id', LocalAvatar.shirt.ID))
} .then((response) => {
return response.json(); if (!response.ok) {
}) throw new Error('Network response was not ok');
.then(data => { }
Avatar.shirt.URL = data.url return response.json();
LocalAvatar.shirt.URL = data.url })
}) .then((data) => {
.catch(error => { Avatar.shirt.URL = data.url;
console.error('Fetch error:', error); LocalAvatar.shirt.URL = data.url;
}); })
} .catch((error) => {
console.error('Fetch error:', error);
if (LocalAvatar.pants && LocalAvatar.pants.ID !== -1 && LocalAvatar.pants.URL === null) { });
await fetch("https://api.polytoria.com/v1/assets/serve/:id/Asset".replace(':id', LocalAvatar.pants.ID)) }
.then(response => {
if (!response.ok) { if (LocalAvatar.pants && LocalAvatar.pants.ID !== -1 && LocalAvatar.pants.URL === null) {
throw new Error('Network response was not ok'); await fetch('https://api.polytoria.com/v1/assets/serve/:id/Asset'.replace(':id', LocalAvatar.pants.ID))
} .then((response) => {
return response.json(); if (!response.ok) {
}) throw new Error('Network response was not ok');
.then(data => { }
Avatar.pants.URL = data.url return response.json();
LocalAvatar.pants.URL = data.url })
}) .then((data) => {
.catch(error => { Avatar.pants.URL = data.url;
console.error('Fetch error:', error); LocalAvatar.pants.URL = data.url;
}); })
} .catch((error) => {
console.error('Fetch error:', error);
return LocalAvatar });
} }
function RefreshItems() { return LocalAvatar;
fetch(`https://api.polytoria.com/v1/store?search=${Search.value}&types%5B%5D=${TabSelected}&sort=createdAt&order=desc&page=${Page}&limit=12`) }
.then(response => {
if (!response.ok) { function RefreshItems() {
throw new Error('Network response was not ok'); fetch(`https://api.polytoria.com/v1/store?search=${Search.value}&types%5B%5D=${TabSelected}&sort=createdAt&order=desc&page=${Page}&limit=12`)
} .then((response) => {
return response.json(); if (!response.ok) {
}) throw new Error('Network response was not ok');
.then(data => { }
Array.from(ItemGrid.children).forEach(element => {element.remove()}); return response.json();
data = data.assets })
data.forEach(item => { .then((data) => {
let NewItemCard = document.createElement('div') Array.from(ItemGrid.children).forEach((element) => {
NewItemCard.classList = 'col-auto' element.remove();
NewItemCard.innerHTML = ItemCardContents.replace(':ItemName', item.name).replace().replace(':ItemID', item.id).replace(':ItemType', item.type.replace(item.type.charAt(0), item.type.charAt(0).toUpperCase())).replace(':CreatorName', item.creator.name).replace(':CreatorID', item.creator.id).replace(':ItemThumbnail', item.thumbnail) });
NewItemCard.getElementsByClassName('p-2')[0].addEventListener('click', function(){ data = data.assets;
WearAsset(NewItemCard, item.name, {Name: item.creator.name, ID: item.creator.id}, item.id, item.type, item.thumbnail) data.forEach((item) => {
}); let NewItemCard = document.createElement('div');
NewItemCard.classList = 'col-auto';
ItemGrid.appendChild(NewItemCard) NewItemCard.innerHTML = ItemCardContents.replace(':ItemName', item.name)
}); .replace()
}) .replace(':ItemID', item.id)
.catch(error => { .replace(':ItemType', item.type.replace(item.type.charAt(0), item.type.charAt(0).toUpperCase()))
console.error('Fetch error:', error); .replace(':CreatorName', item.creator.name)
}); .replace(':CreatorID', item.creator.id)
} .replace(':ItemThumbnail', item.thumbnail);
NewItemCard.getElementsByClassName('p-2')[0].addEventListener('click', function () {
function WearAsset(element, name, creator, id, type, thumbnail) { WearAsset(NewItemCard, item.name, {Name: item.creator.name, ID: item.creator.id}, item.id, item.type, item.thumbnail);
switch (type) { });
case 'hat':
let Index = CheckItemID(Avatar.items, id) ItemGrid.appendChild(NewItemCard);
if (Index === -1) { });
if (Avatar.items.length !== 3) { })
Avatar.items.push({Name: name, Creator: creator, ID: id, URL: null, Thumbnail: thumbnail}) .catch((error) => {
Wearing.prepend(ItemGrid.querySelector(`.col-auto:has(a[href="/store/${id}"])`)) console.error('Fetch error:', error);
} else { });
Avatar.items.splice(0, 1) }
Avatar.items.push({Name: name, Creator: creator, ID: id, URL: null, Thumbnail: thumbnail})
if (TabSelected === type) { function WearAsset(element, name, creator, id, type, thumbnail) {
console.log('tab is', TabSelected, type) switch (type) {
ItemGrid.prepend(Wearing.querySelector(`.col-auto:has(a[href="/store/${id}"])`)) case 'hat':
} let Index = CheckItemID(Avatar.items, id);
} if (Index === -1) {
} else { if (Avatar.items.length !== 3) {
console.log('remove') Avatar.items.push({Name: name, Creator: creator, ID: id, URL: null, Thumbnail: thumbnail});
Avatar.items.splice(Index, 1) Wearing.prepend(ItemGrid.querySelector(`.col-auto:has(a[href="/store/${id}"])`));
if (TabSelected === type) { } else {
console.log('tab is', TabSelected, type) Avatar.items.splice(0, 1);
ItemGrid.prepend(Wearing.querySelector(`.col-auto:has(a[href="/store/${id}"])`)) Avatar.items.push({Name: name, Creator: creator, ID: id, URL: null, Thumbnail: thumbnail});
} if (TabSelected === type) {
} console.log('tab is', TabSelected, type);
break ItemGrid.prepend(Wearing.querySelector(`.col-auto:has(a[href="/store/${id}"])`));
case 'face': }
if (Avatar.face && Avatar.face.ID !== id) { }
Avatar.face = {Name: name, Creator: creator, ID: id, URL: null, Thumbnail: thumbnail} } else {
Wearing.prepend(ItemGrid.querySelector(`.col-auto:has(a[href="/store/${id}"])`)) console.log('remove');
} else { Avatar.items.splice(Index, 1);
Avatar.face = {Name: "Default Face", Creator: {Name: "Polytoria", ID: 1}, ID: -1, URL: "https://c0.ptacdn.com/static/3dview/DefaultFace.png", Thumbnail: "https://c0.ptacdn.com/static/3dview/DefaultFace.png"} if (TabSelected === type) {
if (TabSelected === type) { console.log('tab is', TabSelected, type);
console.log('tab is', TabSelected, type) ItemGrid.prepend(Wearing.querySelector(`.col-auto:has(a[href="/store/${id}"])`));
ItemGrid.prepend(Wearing.querySelector(`.col-auto:has(a[href="/store/${id}"])`)) }
} }
} break;
break case 'face':
case 'tool': if (Avatar.face && Avatar.face.ID !== id) {
if (Avatar.tool && Avatar.tool.ID !== id) { Avatar.face = {Name: name, Creator: creator, ID: id, URL: null, Thumbnail: thumbnail};
Avatar.tool = {Name: name, Creator: creator, ID: id, URL: null, Thumbnail: thumbnail} Wearing.prepend(ItemGrid.querySelector(`.col-auto:has(a[href="/store/${id}"])`));
Wearing.prepend(ItemGrid.querySelector(`.col-auto:has(a[href="/store/${id}"])`)) } else {
} else { Avatar.face = {
Avatar.tool = null Name: 'Default Face',
if (TabSelected === type) { Creator: {Name: 'Polytoria', ID: 1},
console.log('tab is', TabSelected, type) ID: -1,
ItemGrid.prepend(Wearing.querySelector(`.col-auto:has(a[href="/store/${id}"])`)) URL: 'https://c0.ptacdn.com/static/3dview/DefaultFace.png',
} Thumbnail: 'https://c0.ptacdn.com/static/3dview/DefaultFace.png'
} };
break if (TabSelected === type) {
case 'shirt': console.log('tab is', TabSelected, type);
if (Avatar.shirt.ID !== id) { ItemGrid.prepend(Wearing.querySelector(`.col-auto:has(a[href="/store/${id}"])`));
Avatar.shirt = {Name: name, Creator: creator, ID: id, URL: null, Thumbnail: thumbnail} }
Wearing.prepend(ItemGrid.querySelector(`.col-auto:has(a[href="/store/${id}"])`)) }
} else { break;
Avatar.shirt = null case 'tool':
if (TabSelected === type) { if (Avatar.tool && Avatar.tool.ID !== id) {
console.log('tab is', TabSelected, type) Avatar.tool = {Name: name, Creator: creator, ID: id, URL: null, Thumbnail: thumbnail};
ItemGrid.prepend(Wearing.querySelector(`.col-auto:has(a[href="/store/${id}"])`)) Wearing.prepend(ItemGrid.querySelector(`.col-auto:has(a[href="/store/${id}"])`));
} } else {
} Avatar.tool = null;
break if (TabSelected === type) {
case 'pants': console.log('tab is', TabSelected, type);
if (Avatar.pants.ID !== id) { ItemGrid.prepend(Wearing.querySelector(`.col-auto:has(a[href="/store/${id}"])`));
Avatar.pants = {Name: name, Creator: creator, ID: id, URL: null, Thumbnail: thumbnail} }
Wearing.prepend(ItemGrid.querySelector(`.col-auto:has(a[href="/store/${id}"])`)) }
} else { break;
Avatar.pants = null case 'shirt':
if (TabSelected === type) { if (Avatar.shirt.ID !== id) {
console.log('tab is', TabSelected, type) Avatar.shirt = {Name: name, Creator: creator, ID: id, URL: null, Thumbnail: thumbnail};
ItemGrid.prepend(Wearing.querySelector(`.col-auto:has(a[href="/store/${id}"])`)) Wearing.prepend(ItemGrid.querySelector(`.col-auto:has(a[href="/store/${id}"])`));
} } else {
} Avatar.shirt = null;
break if (TabSelected === type) {
} console.log('tab is', TabSelected, type);
ItemGrid.prepend(Wearing.querySelector(`.col-auto:has(a[href="/store/${id}"])`));
UpdateAvatar() }
} }
break;
function CheckItemID(object, id) { case 'pants':
for (let i = 0; i < object.length; i++) { if (Avatar.pants.ID !== id) {
if (object[i] === id || object[i].ID === id) { Avatar.pants = {Name: name, Creator: creator, ID: id, URL: null, Thumbnail: thumbnail};
console.log('Index: ' + i) Wearing.prepend(ItemGrid.querySelector(`.col-auto:has(a[href="/store/${id}"])`));
return i } else {
} Avatar.pants = null;
} if (TabSelected === type) {
return -1 console.log('tab is', TabSelected, type);
} ItemGrid.prepend(Wearing.querySelector(`.col-auto:has(a[href="/store/${id}"])`));
}
}
break;
}
UpdateAvatar();
}
function CheckItemID(object, id) {
for (let i = 0; i < object.length; i++) {
if (object[i] === id || object[i].ID === id) {
console.log('Index: ' + i);
return i;
}
}
return -1;
}

983
js/account/avatar-sandbox2.js
View file

@ -1,488 +1,495 @@
const UserID = JSON.parse(window.localStorage.getItem('p+account_info')).ID const UserID = JSON.parse(window.localStorage.getItem('p+account_info')).ID;
const BodyColors = [ const BodyColors = [
"#f8f8f8", '#f8f8f8',
"#cdcdcd", '#cdcdcd',
"#111111", '#111111',
"#ff0000", '#ff0000',
"#a34b4b", '#a34b4b',
"#ffc9c9", '#ffc9c9',
"#957977", '#957977',
"#c4281c", '#c4281c',
"#da867a", '#da867a',
"#694028", '#694028',
"#cc8e69", '#cc8e69',
"#a05f35", '#a05f35',
"#7c5c46", '#7c5c46',
"#eab892", '#eab892',
"#da8541", '#da8541',
"#aa5500", '#aa5500',
"#ffcc99", '#ffcc99',
"#e29b40", '#e29b40',
"#ffaf00", '#ffaf00',
"#ffb000", '#ffb000',
"#d7c59a", '#d7c59a',
"#f5cd30", '#f5cd30',
"#fdea8d", '#fdea8d',
"#e5e4df", '#e5e4df',
"#c1be42", '#c1be42',
"#ffff00", '#ffff00',
"#ffffcc", '#ffffcc',
"#a4bd47", '#a4bd47',
"#7f8e64", '#7f8e64',
"#a1c48c", '#a1c48c',
"#3a7d15", '#3a7d15',
"#4b974b", '#4b974b',
"#00ff00", '#00ff00',
"#ccffcc", '#ccffcc',
"#27462d", '#27462d',
"#287f47", '#287f47',
"#789082", '#789082',
"#9ff3e9", '#9ff3e9',
"#12eed4", '#12eed4',
"#f2f3f3", '#f2f3f3',
"#00ffff", '#00ffff',
"#008f9c", '#008f9c',
"#04afec", '#04afec',
"#80bbdb", '#80bbdb',
"#b4d2e4", '#b4d2e4',
"#0d69ac", '#0d69ac',
"#1b2a35", '#1b2a35',
"#afddff", '#afddff',
"#6e99ca", '#6e99ca',
"#74869d", '#74869d',
"#2154b9", '#2154b9',
"#002060", '#002060',
"#0000ff", '#0000ff',
"#b1a7ff", '#b1a7ff',
"#a3a2a5", '#a3a2a5',
"#6225d1", '#6225d1',
"#b480ff", '#b480ff',
"#8c5b9f", '#8c5b9f',
"#6b327c", '#6b327c',
"#aa00aa", '#aa00aa',
"#635f62", '#635f62',
"#ff00bf", '#ff00bf',
"#ff66cc", '#ff66cc',
"#e8bac8" '#e8bac8'
] ];
let PageContainer = document.querySelector('.container.p-0.p-lg-5') let PageContainer = document.querySelector('.container.p-0.p-lg-5');
let ItemGrid; let ItemGrid;
let Wearing; let Wearing;
let Tabs; let Tabs;
let IFrame; let IFrame;
let TabSelected = 'hat' let TabSelected = 'hat';
let Search; let Search;
let Page = 1 let Page = 1;
let Avatar = { let Avatar = {
"useCharacter": true, useCharacter: true,
"items": [ items: [24122],
24122 shirt: 24118,
], pants: 24123,
"shirt": 24118, headColor: '#e0e0e0',
"pants": 24123, torsoColor: '#e0e0e0',
"headColor": "#e0e0e0", leftArmColor: '#e0e0e0',
"torsoColor": "#e0e0e0", rightArmColor: '#e0e0e0',
"leftArmColor": "#e0e0e0", leftLegColor: '#e0e0e0',
"rightArmColor": "#e0e0e0", rightLegColor: '#e0e0e0'
"leftLegColor": "#e0e0e0", };
"rightLegColor": "#e0e0e0"
} if (new URLSearchParams(window.location.search).has('sandbox')) {
console.log('Avatar Sandbox!');
if (new URLSearchParams(window.location.search).has('sandbox')) {
console.log('Avatar Sandbox!') LoadFile(chrome.runtime.getURL('resources/avatar-sandbox.html'), function (html) {
PageContainer.innerHTML = html;
LoadFile(chrome.runtime.getURL('resources/avatar-sandbox.html'), function(html){ ItemGrid = document.getElementById('inventory');
PageContainer.innerHTML = html Wearing = document.getElementById('wearing');
ItemGrid = document.getElementById('inventory') Tabs = document.getElementById('tabs');
Wearing = document.getElementById('wearing') IFrame = document.getElementById('viewFrame');
Tabs = document.getElementById('tabs')
IFrame = document.getElementById('viewFrame') Search = document.getElementById('item-search');
Search.addEventListener('onchange', function () {
Search = document.getElementById('item-search') RefreshItems();
Search.addEventListener('onchange', function(){ });
RefreshItems()
}); UpdateAvatar();
RefreshItems();
UpdateAvatar() LoadWearing();
RefreshItems()
LoadWearing() Array.from(Tabs.children).forEach((element) => {
element.addEventListener('click', function () {
Array.from(Tabs.children).forEach(element => { let Link = element.getElementsByTagName('a')[0];
element.addEventListener('click', function(){ if (!Link.classList.contains('active')) {
let Link = element.getElementsByTagName('a')[0] Link.classList.add('active');
if (!(Link.classList.contains('active'))) { Tabs.querySelector(`[data-tab="${TabSelected}"]`).classList.remove('active');
Link.classList.add('active') TabSelected = Link.getAttribute('data-tab');
Tabs.querySelector(`[data-tab="${TabSelected}"]`).classList.remove('active') Page = 1;
TabSelected = Link.getAttribute('data-tab') RefreshItems();
Page = 1 }
RefreshItems() });
} });
});
}); let Clear = document.getElementById('clear');
Clear.addEventListener('click', function () {
let Clear = document.getElementById('clear') Avatar = {
Clear.addEventListener('click', function(){ useCharacter: true,
Avatar = { items: [24122],
"useCharacter": true, shirt: 24118,
"items": [ pants: 24123,
24122 headColor: '#e0e0e0',
], torsoColor: '#e0e0e0',
"shirt": 24118, leftArmColor: '#e0e0e0',
"pants": 24123, rightArmColor: '#e0e0e0',
"headColor": "#e0e0e0", leftLegColor: '#e0e0e0',
"torsoColor": "#e0e0e0", rightLegColor: '#e0e0e0'
"leftArmColor": "#e0e0e0", };
"rightArmColor": "#e0e0e0", UpdateAvatar();
"leftLegColor": "#e0e0e0", });
"rightLegColor": "#e0e0e0"
} let Myself = document.getElementById('myself');
UpdateAvatar() Myself.addEventListener('click', function () {
}); LoadMyself();
});
let Myself = document.getElementById('myself')
Myself.addEventListener('click', function(){ let JSONUpload = document.getElementById('jsonUpload');
LoadMyself() JSONUpload.addEventListener('change', function () {
}); let Reader = new FileReader();
Reader.addEventListener('loadend', function () {
let JSONUpload = document.getElementById('jsonUpload') Avatar = JSON.parse(Reader.result);
JSONUpload.addEventListener('change', function(){ UpdateAvatar();
let Reader = new FileReader()
Reader.addEventListener('loadend', function(){ JSONUpload.value = '';
Avatar = JSON.parse(Reader.result) });
UpdateAvatar()
Reader.readAsText(JSONUpload.files[0]);
JSONUpload.value = "" });
});
let JSONSave = document.getElementById('jsonSave');
Reader.readAsText(JSONUpload.files[0]) JSONSave.addEventListener('click', function () {
}); let Download = document.createElement('a');
Download.href = URL.createObjectURL(
let JSONSave = document.getElementById('jsonSave') new Blob([JSON.stringify(Avatar)], {
JSONSave.addEventListener('click', function(){ type: 'application/json'
let Download = document.createElement('a') })
Download.href = URL.createObjectURL(new Blob([JSON.stringify(Avatar)], { );
type: "application/json" Download.setAttribute('download', 'AvatarSandbox.json');
})); document.body.appendChild(Download);
Download.setAttribute('download', 'AvatarSandbox.json') Download.click();
document.body.appendChild(Download) document.body.removeChild(Download);
Download.click() });
document.body.removeChild(Download)
}); let OpenInNewTab = document.getElementById('openNewTab');
OpenInNewTab.addEventListener('click', function () {
let OpenInNewTab = document.getElementById('openNewTab') UpdateAvatar();
OpenInNewTab.addEventListener('click', function(){ });
UpdateAvatar()
}); let LoadAsset = document.getElementById('load-asset');
LoadAsset.addEventListener('click', async function () {
let LoadAsset = document.getElementById('load-asset') console.log('clickk');
LoadAsset.addEventListener('click', async function(){ const MeshURL = (await (await fetch('https://api.polytoria.com/v1/assets/serve-mesh/' + LoadAsset.previousElementSibling.value)).json()).url;
console.log('clickk') Avatar.items.push(MeshURL);
const MeshURL = (await (await fetch('https://api.polytoria.com/v1/assets/serve-mesh/' + LoadAsset.previousElementSibling.value)).json()).url UpdateAvatar();
Avatar.items.push(MeshURL) });
UpdateAvatar() });
}) } else {
}); const SandboxButton = document.createElement('a');
} else { SandboxButton.classList = 'btn btn-outline-success w-100 mt-3';
const SandboxButton = document.createElement('a') SandboxButton.href = '?sandbox=true';
SandboxButton.classList = 'btn btn-outline-success w-100 mt-3' SandboxButton.innerHTML = '<i class="fas fa-shirt"></i> Avatar Sandbox';
SandboxButton.href = '?sandbox=true' document.getElementById('cont-move').parentElement.appendChild(SandboxButton);
SandboxButton.innerHTML = '<i class="fas fa-shirt"></i> Avatar Sandbox' }
document.getElementById('cont-move').parentElement.appendChild(SandboxButton)
} function UpdateAvatar() {
GenerateHash().then((hash) => {
function UpdateAvatar() { IFrame.addEventListener('load', function () {
GenerateHash() IFrame.src = 'https://polytoria.com/ptstatic/itemview/#' + hash;
.then(hash => { });
IFrame.addEventListener('load', function () { IFrame.src = 'about:blank';
IFrame.src = 'https://polytoria.com/ptstatic/itemview/#' + hash; });
}); }
IFrame.src = 'about:blank';
}); function LoadFile(path, callback) {
} var xhr = new XMLHttpRequest();
xhr.onload = function () {
function LoadFile(path, callback) { return callback(this.responseText);
var xhr = new XMLHttpRequest(); };
xhr.onload = function () { return callback(this.responseText); } xhr.open('GET', path, true);
xhr.open("GET", path, true); xhr.send();
xhr.send(); }
}
async function GenerateHash(data) {
async function GenerateHash(data) { if (!data) {
if (!data) { console.log('Data not provided');
console.log('Data not provided') let FormattedAvatar = await FormatAvatar();
let FormattedAvatar = await FormatAvatar() return btoa(encodeURIComponent(JSON.stringify(FormattedAvatar)));
return btoa(encodeURIComponent(JSON.stringify(FormattedAvatar))) } else {
} else { console.log('Data provided');
console.log('Data provided') return btoa(encodeURIComponent(JSON.stringify(data)));
return btoa(encodeURIComponent(JSON.stringify(data))) }
} }
}
function RefreshItems() {
function RefreshItems() { fetch(`https://api.polytoria.com/v1/store?search=${Search.value}&types%5B%5D=${TabSelected}&sort=createdAt&order=desc&page=${Page}&limit=12`)
fetch(`https://api.polytoria.com/v1/store?search=${Search.value}&types%5B%5D=${TabSelected}&sort=createdAt&order=desc&page=${Page}&limit=12`) .then((response) => {
.then(response => { if (!response.ok) {
if (!response.ok) { throw new Error('Network response was not ok');
throw new Error('Network response was not ok'); }
} return response.json();
return response.json(); })
}) .then((data) => {
.then(data => { Array.from(ItemGrid.children).forEach((element) => {
Array.from(ItemGrid.children).forEach(element => {element.remove()}); element.remove();
data = data.assets });
data.forEach(item => { data = data.assets;
let NewItemCard = document.createElement('div') data.forEach((item) => {
NewItemCard.setAttribute('data-id', item.id) let NewItemCard = document.createElement('div');
NewItemCard.classList = 'col-auto' NewItemCard.setAttribute('data-id', item.id);
NewItemCard.innerHTML = ` NewItemCard.classList = 'col-auto';
<div style="max-width: 150px;"> NewItemCard.innerHTML = `
<div class="card mb-2 avatar-item-container"> <div style="max-width: 150px;">
<div class="p-2"> <div class="card mb-2 avatar-item-container">
<img src="${item.thumbnail}" class="img-fluid"> <div class="p-2">
<span class="position-absolute" style="top: 5px; left: 5px; z-index: 1;"> <img src="${item.thumbnail}" class="img-fluid">
<span class="badge bg-secondary">${item.type.charAt(0).toUpperCase() + item.type.substring(1)}</span> <span class="position-absolute" style="top: 5px; left: 5px; z-index: 1;">
</span> <span class="badge bg-secondary">${item.type.charAt(0).toUpperCase() + item.type.substring(1)}</span>
<button class="avatarAction btn btn-success btn-sm position-absolute rounded-circle text-center" style="top: -10px; right: -16px; width: 32px; height: 32px; z-index: 1;"><i class="fas fa-plus"></i></button> </span>
</div> <button class="avatarAction btn btn-success btn-sm position-absolute rounded-circle text-center" style="top: -10px; right: -16px; width: 32px; height: 32px; z-index: 1;"><i class="fas fa-plus"></i></button>
</div> </div>
<a href="/store/${item.id}" class="text-reset"> </div>
<h6 class="text-truncate mb-0">${item.name}</h6> <a href="/store/${item.id}" class="text-reset">
</a> <h6 class="text-truncate mb-0">${item.name}</h6>
<small class="text-muted d-block text-truncate"> </a>
by <a href="/users/${item.creator.id}" class="text-reset">${item.creator.name}</a> <small class="text-muted d-block text-truncate">
</small> by <a href="/users/${item.creator.id}" class="text-reset">${item.creator.name}</a>
</div> </small>
` </div>
NewItemCard.getElementsByClassName('p-2')[0].addEventListener('click', function(){ `;
WearAsset(NewItemCard, item) NewItemCard.getElementsByClassName('p-2')[0].addEventListener('click', function () {
}); WearAsset(NewItemCard, item);
});
ItemGrid.appendChild(NewItemCard)
}); ItemGrid.appendChild(NewItemCard);
}) });
.catch(error => { })
console.error('Fetch error:', error); .catch((error) => {
}); console.error('Fetch error:', error);
} });
}
async function FormatAvatar() {
const FormattedAvatar = structuredClone(Avatar) async function FormatAvatar() {
const FormattedAvatar = structuredClone(Avatar);
// Hats, Tools: https://api.polytoria.com/v1/assets/serve-mesh/:id
// or: https://api.polytoria.com/v1/assets/serve/:id/Asset // Hats, Tools: https://api.polytoria.com/v1/assets/serve-mesh/:id
// or: https://api.polytoria.com/v1/assets/serve/:id/Asset
Avatar.items.forEach(async (item, index) => {
if (typeof(item) === 'number') { Avatar.items.forEach(async (item, index) => {
console.log(item) if (typeof item === 'number') {
await FetchMesh(item) console.log(item);
.then(URL => { await FetchMesh(item)
console.log('URL: ' + URL) .then((URL) => {
FormattedAvatar.items[index] = URL console.log('URL: ' + URL);
}) FormattedAvatar.items[index] = URL;
.catch(error => { })
throw new Error(error) .catch((error) => {
}); throw new Error(error);
console.log('after url') });
//Avatar.items[index] = URL console.log('after url');
} //Avatar.items[index] = URL
}); }
});
if (typeof(FormattedAvatar.tool) === 'number') {console.log(FormattedAvatar.tool); FormattedAvatar.tool = await FetchMesh(FormattedAvatar.tool)}
if (typeof FormattedAvatar.tool === 'number') {
if (FormattedAvatar.face && typeof(FormattedAvatar.face) === 'number') { console.log(FormattedAvatar.tool);
FormattedAvatar.face = await FetchAsset(FormattedAvatar.face) FormattedAvatar.tool = await FetchMesh(FormattedAvatar.tool);
} else { }
FormattedAvatar.face = "https://c0.ptacdn.com/static/3dview/DefaultFace.png"
} if (FormattedAvatar.face && typeof FormattedAvatar.face === 'number') {
FormattedAvatar.face = await FetchAsset(FormattedAvatar.face);
if (typeof(FormattedAvatar.shirt) === 'number') {FormattedAvatar.shirt = await FetchAsset(FormattedAvatar.shirt)} } else {
if (typeof(FormattedAvatar.pants) === 'number') {FormattedAvatar.pants = await FetchAsset(FormattedAvatar.pants)} FormattedAvatar.face = 'https://c0.ptacdn.com/static/3dview/DefaultFace.png';
}
console.log('Real Avatar: ', Avatar, 'Formatted: ', FormattedAvatar)
return FormattedAvatar if (typeof FormattedAvatar.shirt === 'number') {
} FormattedAvatar.shirt = await FetchAsset(FormattedAvatar.shirt);
}
function LoadMyself() { if (typeof FormattedAvatar.pants === 'number') {
fetch('https://api.polytoria.com/v1/users/:id/avatar'.replace(':id', UserID)) FormattedAvatar.pants = await FetchAsset(FormattedAvatar.pants);
.then(response => { }
if (!response.ok) {
throw new Error('Network not ok') console.log('Real Avatar: ', Avatar, 'Formatted: ', FormattedAvatar);
} return FormattedAvatar;
return response.json() }
})
.then(data => { function LoadMyself() {
Avatar.items = [] fetch('https://api.polytoria.com/v1/users/:id/avatar'.replace(':id', UserID))
.then((response) => {
data.assets.forEach(item => { if (!response.ok) {
switch(item.type) { throw new Error('Network not ok');
case 'hat': }
Avatar.items.push(item.id) return response.json();
break })
default: .then((data) => {
Avatar[item.type] = item.id Avatar.items = [];
break
} data.assets.forEach((item) => {
}); switch (item.type) {
case 'hat':
Avatar.headColor = '#' + data.colors.head || '#cdcdcd' Avatar.items.push(item.id);
Avatar.torsoColor = '#' + data.colors.torso || '#cdcdcd' break;
Avatar.leftArmColor = '#' + data.colors.leftArm || '#cdcdcd' default:
Avatar.rightArmColor = '#' + data.colors.rightArm || '#cdcdcd' Avatar[item.type] = item.id;
Avatar.leftLegColor = '#' + data.colors.leftLeg || '#cdcdcd' break;
Avatar.rightLegColor = '#' + data.colors.rightLeg || '#cdcdcd' }
});
UpdateAvatar()
}) Avatar.headColor = '#' + data.colors.head || '#cdcdcd';
.catch(error => { Avatar.torsoColor = '#' + data.colors.torso || '#cdcdcd';
console.log(error) Avatar.leftArmColor = '#' + data.colors.leftArm || '#cdcdcd';
}); Avatar.rightArmColor = '#' + data.colors.rightArm || '#cdcdcd';
} Avatar.leftLegColor = '#' + data.colors.leftLeg || '#cdcdcd';
Avatar.rightLegColor = '#' + data.colors.rightLeg || '#cdcdcd';
function WearAsset(element, info) {
if (Avatar.items.indexOf(info.id) === -1 && Avatar[info.type] !== info.id) { UpdateAvatar();
console.log('Equip', info) })
switch(info.type) { .catch((error) => {
case 'hat': console.log(error);
Avatar.items.push(info.id) });
break }
default:
Avatar[info.type] = info.id function WearAsset(element, info) {
break if (Avatar.items.indexOf(info.id) === -1 && Avatar[info.type] !== info.id) {
} console.log('Equip', info);
} else { switch (info.type) {
console.log('unequip', info) case 'hat':
switch(info.type) { Avatar.items.push(info.id);
case 'hat': break;
Avatar.items.splice(Avatar.items.indexOf(info.id), 1) default:
break Avatar[info.type] = info.id;
case 'face': break;
Avatar.face = "https://c0.ptacdn.com/static/3dview/DefaultFace.png" }
break } else {
default: console.log('unequip', info);
Avatar[info.type] = undefined switch (info.type) {
break case 'hat':
} Avatar.items.splice(Avatar.items.indexOf(info.id), 1);
} break;
case 'face':
const ToggleButton = element.getElementsByClassName('avatarAction')[0] Avatar.face = 'https://c0.ptacdn.com/static/3dview/DefaultFace.png';
ToggleButton.classList.toggle('btn-success') break;
ToggleButton.classList.toggle('btn-danger') default:
ToggleButton.children[0].classList.toggle('fa-plus') Avatar[info.type] = undefined;
ToggleButton.children[0].classList.toggle('fa-minus') break;
}
const Duplicate = ItemGrid.querySelector(`[data-id="${info.id}"]`) }
if (Duplicate !== null && Duplicate !== element) {
const DuplicateToggleButton = Duplicate.getElementsByClassName('avatarAction')[0] const ToggleButton = element.getElementsByClassName('avatarAction')[0];
DuplicateToggleButton.classList.toggle('btn-success') ToggleButton.classList.toggle('btn-success');
DuplicateToggleButton.classList.toggle('btn-danger') ToggleButton.classList.toggle('btn-danger');
DuplicateToggleButton.children[0].classList.toggle('fa-plus') ToggleButton.children[0].classList.toggle('fa-plus');
DuplicateToggleButton.children[0].classList.toggle('fa-minus') ToggleButton.children[0].classList.toggle('fa-minus');
}
const Duplicate = ItemGrid.querySelector(`[data-id="${info.id}"]`);
LoadWearing() if (Duplicate !== null && Duplicate !== element) {
UpdateAvatar() const DuplicateToggleButton = Duplicate.getElementsByClassName('avatarAction')[0];
} DuplicateToggleButton.classList.toggle('btn-success');
DuplicateToggleButton.classList.toggle('btn-danger');
async function FetchMesh(id) { DuplicateToggleButton.children[0].classList.toggle('fa-plus');
if (id === null) {return null} DuplicateToggleButton.children[0].classList.toggle('fa-minus');
console.log('https://api.polytoria.com/v1/assets/serve-mesh/:id'.replace(':id', id)) }
return fetch('https://api.polytoria.com/v1/assets/serve-mesh/:id'.replace(':id', id))
.then(response => { LoadWearing();
if (!response.ok) { UpdateAvatar();
throw new Error('Network not ok') }
}
return response.json() async function FetchMesh(id) {
}) if (id === null) {
.then(data => { return null;
console.log(data, 'finished', data.url) }
return data.url console.log('https://api.polytoria.com/v1/assets/serve-mesh/:id'.replace(':id', id));
}) return fetch('https://api.polytoria.com/v1/assets/serve-mesh/:id'.replace(':id', id))
.catch(error => { .then((response) => {
console.log('Fetch error: ' + error) if (!response.ok) {
}); throw new Error('Network not ok');
} }
return response.json();
async function FetchAsset(id) { })
if (id === null) {return null} .then((data) => {
return fetch('https://api.polytoria.com/v1/assets/serve/:id/Asset'.replace(':id', id)) console.log(data, 'finished', data.url);
.then(response => { return data.url;
if (!response.ok) { })
throw new Error('Network not ok') .catch((error) => {
} console.log('Fetch error: ' + error);
return response.json() });
}) }
.then(data => {
return data.url async function FetchAsset(id) {
}) if (id === null) {
.catch(error => { return null;
console.log('Fetch error: ' + error) }
}); return fetch('https://api.polytoria.com/v1/assets/serve/:id/Asset'.replace(':id', id))
} .then((response) => {
if (!response.ok) {
function LoadWearing() { throw new Error('Network not ok');
const WearingItems = [ }
...Avatar.items, return response.json();
Avatar.shirt, })
Avatar.pants, .then((data) => {
Avatar.face return data.url;
].filter(item => item !== null && item !== undefined); })
.catch((error) => {
Array.from(Wearing.children).forEach(element => { console.log('Fetch error: ' + error);
const ItemID = element.getElementsByTagName('a')[0].href.split('/')[2] });
if (!WearingItems.includes(ItemID)) { }
element.remove();
} function LoadWearing() {
}); const WearingItems = [...Avatar.items, Avatar.shirt, Avatar.pants, Avatar.face].filter((item) => item !== null && item !== undefined);
WearingItems.forEach(item => { Array.from(Wearing.children).forEach((element) => {
const ExistingElement = Wearing.querySelector(`[data-itemid="${item}"]`); const ItemID = element.getElementsByTagName('a')[0].href.split('/')[2];
if (!WearingItems.includes(ItemID)) {
if (!ExistingElement) { element.remove();
fetch(`https://api.polytoria.com/v1/store/${item}`) }
.then(response => { });
if (!response.ok) {
throw new Error('Network not ok'); WearingItems.forEach((item) => {
} const ExistingElement = Wearing.querySelector(`[data-itemid="${item}"]`);
return response.json();
}) if (!ExistingElement) {
.then(item => { fetch(`https://api.polytoria.com/v1/store/${item}`)
if (Wearing.innerHTML === 'No items to show.') { .then((response) => {
Wearing.innerHTML = '' if (!response.ok) {
} throw new Error('Network not ok');
let NewItemCard = document.createElement('div'); }
NewItemCard.setAttribute('data-id', item.id) return response.json();
NewItemCard.classList = 'col-auto'; })
NewItemCard.innerHTML = ` .then((item) => {
<div style="max-width: 150px;"> if (Wearing.innerHTML === 'No items to show.') {
<div class="card mb-2 avatar-item-container"> Wearing.innerHTML = '';
<div class="p-2"> }
<img src="${item.thumbnail}" class="img-fluid"> let NewItemCard = document.createElement('div');
<span class="position-absolute" style="top: 5px; left: 5px; z-index: 1;"> NewItemCard.setAttribute('data-id', item.id);
<span class="badge bg-secondary">${item.type.charAt(0).toUpperCase() + item.type.substring(1)}</span> NewItemCard.classList = 'col-auto';
</span> NewItemCard.innerHTML = `
<button class="avatarAction btn btn-danger btn-sm position-absolute rounded-circle text-center" style="top: -10px; right: -16px; width: 32px; height: 32px; z-index: 1;"><i class="fas fa-minus"></i></button> <div style="max-width: 150px;">
</div> <div class="card mb-2 avatar-item-container">
</div> <div class="p-2">
<a href="/store/${item.id}" class="text-reset"> <img src="${item.thumbnail}" class="img-fluid">
<h6 class="text-truncate mb-0">${item.name}</h6> <span class="position-absolute" style="top: 5px; left: 5px; z-index: 1;">
</a> <span class="badge bg-secondary">${item.type.charAt(0).toUpperCase() + item.type.substring(1)}</span>
<small class="text-muted d-block text-truncate"> </span>
by <a href="/users/${item.creator.id}" class="text-reset">${item.creator.name}</a> <button class="avatarAction btn btn-danger btn-sm position-absolute rounded-circle text-center" style="top: -10px; right: -16px; width: 32px; height: 32px; z-index: 1;"><i class="fas fa-minus"></i></button>
</small> </div>
</div> </div>
` <a href="/store/${item.id}" class="text-reset">
Wearing.appendChild(NewItemCard); <h6 class="text-truncate mb-0">${item.name}</h6>
NewItemCard.getElementsByClassName('p-2')[0].addEventListener('click', function () { </a>
WearAsset(NewItemCard, item); <small class="text-muted d-block text-truncate">
}); by <a href="/users/${item.creator.id}" class="text-reset">${item.creator.name}</a>
}) </small>
.catch(error => { </div>
console.log('Fetch error: ' + error); `;
}); Wearing.appendChild(NewItemCard);
} NewItemCard.getElementsByClassName('p-2')[0].addEventListener('click', function () {
}); WearAsset(NewItemCard, item);
});
if (Array.from(Wearing.children).length === 0) { })
Wearing.innerHTML = 'No items to show.' .catch((error) => {
} console.log('Fetch error: ' + error);
} });
}
});
if (Array.from(Wearing.children).length === 0) {
Wearing.innerHTML = 'No items to show.';
}
}

420
js/account/friends.js
View file

@ -1,210 +1,210 @@
var SelectedFriends = [] var SelectedFriends = [];
chrome.storage.sync.get(['PolyPlus_Settings'], function(result){ chrome.storage.sync.get(['PolyPlus_Settings'], function (result) {
Settings = result.PolyPlus_Settings; Settings = result.PolyPlus_Settings;
if (Settings.ImprovedFrListsOn === true) { if (Settings.ImprovedFrListsOn === true) {
var Tab = "requests" var Tab = 'requests';
var FriendsContainer = document.getElementById('friends-container') var FriendsContainer = document.getElementById('friends-container');
var Container = document.createElement('div') var Container = document.createElement('div');
Container.classList = 'row mb-3' Container.classList = 'row mb-3';
Container.innerHTML = ` Container.innerHTML = `
<div class="col"><button id="AccAllFrBtn" class="btn btn-success w-100">Accept all Friend Request(s)</button></div> <div class="col"><button id="AccAllFrBtn" class="btn btn-success w-100">Accept all Friend Request(s)</button></div>
<div class="col"><button id="DelAllFrBtn" class="btn btn-danger w-100">Decline all Friend Request(s)</button></div> <div class="col"><button id="DelAllFrBtn" class="btn btn-danger w-100">Decline all Friend Request(s)</button></div>
` `;
FriendsContainer.parentElement.insertBefore(Container, FriendsContainer) FriendsContainer.parentElement.insertBefore(Container, FriendsContainer);
var AccAllFrBtn = document.getElementById('AccAllFrBtn') var AccAllFrBtn = document.getElementById('AccAllFrBtn');
var DelAllFrBtn = document.getElementById('DelAllFrBtn') var DelAllFrBtn = document.getElementById('DelAllFrBtn');
var AccBtns = document.querySelectorAll('[onclick="acceptFriendRequest(this)"]') var AccBtns = document.querySelectorAll('[onclick="acceptFriendRequest(this)"]');
var DelBtns = document.querySelectorAll('[onclick="declineFriendRequest(this)"]') var DelBtns = document.querySelectorAll('[onclick="declineFriendRequest(this)"]');
if (!(AccBtns.length === 0)) { if (!(AccBtns.length === 0)) {
AccAllFrBtn.addEventListener('click', function(){ AccAllFrBtn.addEventListener('click', function () {
AccBtns.forEach(element => { AccBtns.forEach((element) => {
setTimeout(function () {}, 145) setTimeout(function () {}, 145);
fetch('https://polytoria.com/api/friends/send', { fetch('https://polytoria.com/api/friends/send', {
method: 'POST', method: 'POST',
headers: { headers: {
'Content-Type': 'application/json', 'Content-Type': 'application/json',
'X-CSRF-Token': document.querySelector('input[name="_csrf"]').value 'X-CSRF-Token': document.querySelector('input[name="_csrf"]').value
}, },
body: JSON.stringify({ userID: parseInt(element.getAttribute('data-user-id')) }), body: JSON.stringify({userID: parseInt(element.getAttribute('data-user-id'))})
}) }).catch((error) => {
.catch(error => { // Handle any errors
// Handle any errors console.error('Error:', error);
console.error('Error:', error); Success = false;
Success = false });
});
/*
/* let NewAcceptBtn = document.createElement('a')
let NewAcceptBtn = document.createElement('a') NewAcceptBtn.style.display = 'none'
NewAcceptBtn.style.display = 'none' sNewAcceptBtn.classList = 'btn btn-success'
sNewAcceptBtn.classList = 'btn btn-success' NewAcceptBtn.setAttribute('data-user-id', element.getAttribute('data-user-id'))
NewAcceptBtn.setAttribute('data-user-id', element.getAttribute('data-user-id')) NewAcceptBtn.setAttribute('onclick', 'acceptFriendRequest(this)')
NewAcceptBtn.setAttribute('onclick', 'acceptFriendRequest(this)') FriendsContainer.appendChild(NewAcceptBtn)
FriendsContainer.appendChild(NewAcceptBtn) NewAcceptBtn.click();
NewAcceptBtn.click(); */
*/ });
}) });
}); } else {
} else { AccAllFrBtn.setAttribute('disabled', 'true');
AccAllFrBtn.setAttribute('disabled', 'true') }
} if (!(DelBtns.length === 0)) {
if (!(DelBtns.length === 0)) { DelAllFrBtn.addEventListener('click', function () {
DelAllFrBtn.addEventListener('click', function(){ DelBtns.forEach((element) => {
DelBtns.forEach(element => { setTimeout(function () {}, 110);
setTimeout(function () {}, 110) fetch('https://polytoria.com/api/friends/remove', {
fetch('https://polytoria.com/api/friends/remove', { method: 'POST',
method: 'POST', headers: {
headers: { 'Content-Type': 'application/json',
'Content-Type': 'application/json', 'X-CSRF-Token': document.querySelector('input[name="_csrf"]').value
'X-CSRF-Token': document.querySelector('input[name="_csrf"]').value },
}, body: JSON.stringify({userID: parseInt(element.getAttribute('data-user-id'))})
body: JSON.stringify({ userID: parseInt(element.getAttribute('data-user-id')) }), }).catch((error) => {
}) // Handle any errors
.catch(error => { console.error('Error:', error, document.querySelector('input[name="_csrf"]').value);
// Handle any errors Success = false;
console.error('Error:', error, document.querySelector('input[name="_csrf"]').value); });
Success = false
}); /*
let NewDeclineBtn = document.createElement('a')
/* NewDeclineBtn.style.display = 'none'
let NewDeclineBtn = document.createElement('a') NewDeclineBtn.classList = 'btn btn-danger'
NewDeclineBtn.style.display = 'none' NewDeclineBtn.setAttribute('data-user-id', element.getAttribute('data-user-id'))
NewDeclineBtn.classList = 'btn btn-danger' NewDeclineBtn.setAttribute('onclick', 'declineFriendRequest(this)')
NewDeclineBtn.setAttribute('data-user-id', element.getAttribute('data-user-id')) FriendsContainer.appendChild(NewDeclineBtn)
NewDeclineBtn.setAttribute('onclick', 'declineFriendRequest(this)') NewDeclineBtn.click();
FriendsContainer.appendChild(NewDeclineBtn) */
NewDeclineBtn.click(); });
*/ });
}) } else {
}); DelAllFrBtn.setAttribute('disabled', 'true');
} else { }
DelAllFrBtn.setAttribute('disabled', 'true') let Text = document.createElement('p');
} Text.classList = 'mx-auto';
let Text = document.createElement('p') Text.style.textAlign = 'center';
Text.classList = 'mx-auto' Text.style.fontSize = '1.3rem';
Text.style.textAlign = 'center' Text.style.display = 'none';
Text.style.fontSize = '1.3rem' Text.innerHTML = `
Text.style.display = 'none' <span>0</span> friends selected!
Text.innerHTML = ` <br>
<span>0</span> friends selected! <button id="viewSelectionBtn" class="btn btn-primary">View Selection</button>
<br> <button id="clearSelectionBtn" class="btn btn-warning">Clear Selection</button>
<button id="viewSelectionBtn" class="btn btn-primary">View Selection</button> <button id="removeSelectionBtn" class="btn btn-danger">Remove Selected Friends</button>
<button id="clearSelectionBtn" class="btn btn-warning">Clear Selection</button> `;
<button id="removeSelectionBtn" class="btn btn-danger">Remove Selected Friends</button> FriendsContainer.parentElement.insertBefore(Text, FriendsContainer);
` let Text_Span = Text.querySelector('span');
FriendsContainer.parentElement.insertBefore(Text, FriendsContainer) let Text_View = document.getElementById('viewSelectionBtn');
let Text_Span = Text.querySelector('span'); let Text_Clear = document.getElementById('clearSelectionBtn');
let Text_View = document.getElementById('viewSelectionBtn'); let Text_Remove = document.getElementById('removeSelectionBtn');
let Text_Clear = document.getElementById('clearSelectionBtn'); document.querySelector('[data-friends-tab="requests"]').addEventListener('click', function () {
let Text_Remove = document.getElementById('removeSelectionBtn'); Tab = 'requests';
document.querySelector('[data-friends-tab="requests"]').addEventListener('click', function(){ Container.style.display = '';
Tab = "requests" Text.style.display = 'none';
Container.style.display = ''; document.querySelectorAll('input[type="check"]').forEach((element) => {
Text.style.display = 'none'; element.remove();
document.querySelectorAll('input[type="check"]').forEach(element => {element.remove();}); });
}); });
document.querySelector('[data-friends-tab="friends"]').addEventListener('click', function(){ document.querySelector('[data-friends-tab="friends"]').addEventListener('click', function () {
Tab = "friends" Tab = 'friends';
Container.style.display = 'none'; Container.style.display = 'none';
Text.style.display = ''; Text.style.display = '';
}); });
var ConfirmRemove = 0 var ConfirmRemove = 0;
Text_View.addEventListener('click', function(){}); Text_View.addEventListener('click', function () {});
Text_Clear.addEventListener('click', function(){ Text_Clear.addEventListener('click', function () {
SelectedFriends = [] SelectedFriends = [];
UpdateCheckboxes(); UpdateCheckboxes();
Text_Span.innerText = SelectedFriends.length Text_Span.innerText = SelectedFriends.length;
}); });
Text_Remove.addEventListener('click', function(){ Text_Remove.addEventListener('click', function () {
ConfirmRemove = ConfirmRemove + 1 ConfirmRemove = ConfirmRemove + 1;
switch(ConfirmRemove) { switch (ConfirmRemove) {
case 0: case 0:
Text_Remove.innerText = 'Remove Selected Friends' Text_Remove.innerText = 'Remove Selected Friends';
break break;
case 1: case 1:
Text_Remove.innerText = 'Are you sure?' Text_Remove.innerText = 'Are you sure?';
break break;
case 2: case 2:
for (let i = 0; i < SelectedFriends.length; i++) { for (let i = 0; i < SelectedFriends.length; i++) {
setTimeout(function () {}, 110) setTimeout(function () {}, 110);
let NewDeclineBtn = document.createElement('a') let NewDeclineBtn = document.createElement('a');
NewDeclineBtn.style.display = 'none' NewDeclineBtn.style.display = 'none';
NewDeclineBtn.classList = 'btn btn-danger' NewDeclineBtn.classList = 'btn btn-danger';
NewDeclineBtn.setAttribute('data-user-id', SelectedFriends[i]) NewDeclineBtn.setAttribute('data-user-id', SelectedFriends[i]);
NewDeclineBtn.setAttribute('onclick', 'declineFriendRequest(this)') NewDeclineBtn.setAttribute('onclick', 'declineFriendRequest(this)');
FriendsContainer.appendChild(NewDeclineBtn) FriendsContainer.appendChild(NewDeclineBtn);
NewDeclineBtn.click(); NewDeclineBtn.click();
} }
SelectedFriends = [] SelectedFriends = [];
UpdateCheckboxes(); UpdateCheckboxes();
Text_Remove.innerText = 'Remove Selected Friends' Text_Remove.innerText = 'Remove Selected Friends';
ConfirmRemove = 0 ConfirmRemove = 0;
break break;
} }
}); });
const observer = new MutationObserver(function (){ const observer = new MutationObserver(function () {
if (FriendsContainer.children.length > 0 && Tab === "friends") { if (FriendsContainer.children.length > 0 && Tab === 'friends') {
LoadCheckBoxes(); LoadCheckBoxes();
} }
}); });
observer.observe(FriendsContainer, {childList: true, subtree: false}); observer.observe(FriendsContainer, {childList: true, subtree: false});
function LoadCheckBoxes() { function LoadCheckBoxes() {
Array.from(FriendsContainer.children).forEach(element => { Array.from(FriendsContainer.children).forEach((element) => {
let DeclineBtn = element.querySelector('a.btn.btn-danger') let DeclineBtn = element.querySelector('a.btn.btn-danger');
let UserID = DeclineBtn.getAttribute('data-user-id') let UserID = DeclineBtn.getAttribute('data-user-id');
let Column = document.createElement('div') let Column = document.createElement('div');
let EditColumn = element.querySelector('.col-9') let EditColumn = element.querySelector('.col-9');
Column.classList = 'col-auto' Column.classList = 'col-auto';
var NewCheckBox = document.createElement('button') var NewCheckBox = document.createElement('button');
NewCheckBox.classList = 'polyplus-multiremovefr-checkbox' NewCheckBox.classList = 'polyplus-multiremovefr-checkbox';
NewCheckBox.setAttribute('style', 'padding: 20px; background-color: #191919; border: 1px solid #393939; border-radius: 1rem;') NewCheckBox.setAttribute('style', 'padding: 20px; background-color: #191919; border: 1px solid #393939; border-radius: 1rem;');
var Index = SelectedFriends.indexOf(UserID) var Index = SelectedFriends.indexOf(UserID);
if (Index !== -1) { if (Index !== -1) {
DeclineBtn.classList.add('disabled') DeclineBtn.classList.add('disabled');
NewCheckBox.style.borderColor = 'lime' NewCheckBox.style.borderColor = 'lime';
} }
EditColumn.classList.remove('col-9') EditColumn.classList.remove('col-9');
EditColumn.classList.add('col') EditColumn.classList.add('col');
Column.appendChild(NewCheckBox) Column.appendChild(NewCheckBox);
EditColumn.parentElement.appendChild(Column) EditColumn.parentElement.appendChild(Column);
NewCheckBox.addEventListener('click', function(){ NewCheckBox.addEventListener('click', function () {
var Index = SelectedFriends.indexOf(UserID) var Index = SelectedFriends.indexOf(UserID);
if (Index === -1) { if (Index === -1) {
DeclineBtn.classList.add('disabled') DeclineBtn.classList.add('disabled');
SelectedFriends.push(UserID) SelectedFriends.push(UserID);
NewCheckBox.style.borderColor = 'lime' NewCheckBox.style.borderColor = 'lime';
} else { } else {
SelectedFriends.splice(Index, 1) SelectedFriends.splice(Index, 1);
NewCheckBox.style.borderColor = '#393939' NewCheckBox.style.borderColor = '#393939';
DeclineBtn.classList.remove('disabled') DeclineBtn.classList.remove('disabled');
} }
Text_Span.innerText = SelectedFriends.length Text_Span.innerText = SelectedFriends.length;
UpdateCheckboxes(); UpdateCheckboxes();
}); });
}); });
} }
function UpdateCheckboxes(){ function UpdateCheckboxes() {
document.querySelectorAll('.polyplus-multiremovefr-checkbox').forEach(element => { document.querySelectorAll('.polyplus-multiremovefr-checkbox').forEach((element) => {
let Parent = element.parentElement.parentElement.parentElement.parentElement.parentElement let Parent = element.parentElement.parentElement.parentElement.parentElement.parentElement;
let DeclineBtn = Parent.querySelector('a.btn.btn-danger') let DeclineBtn = Parent.querySelector('a.btn.btn-danger');
if (element.getAttribute('disabled')) { if (element.getAttribute('disabled')) {
element.removeAttribute('disabled') element.removeAttribute('disabled');
} }
if (SelectedFriends.IndexOf(DeclineBtn.getAttribute('data-user-id')) === -1) { if (SelectedFriends.IndexOf(DeclineBtn.getAttribute('data-user-id')) === -1) {
element.style.borderColor = '#393939' element.style.borderColor = '#393939';
DeclineBtn.classList.remove('disabled') DeclineBtn.classList.remove('disabled');
if (SelectedFriends.length >= 25) { if (SelectedFriends.length >= 25) {
element.setAttribute('disabled', true) element.setAttribute('disabled', true);
} }
} else { } else {
DeclineBtn.classList.add('disabled') DeclineBtn.classList.add('disabled');
element.style.borderColor = 'lime' element.style.borderColor = 'lime';
} }
}) });
} }
} }
}); });

433
js/account/home.js
View file

@ -1,215 +1,218 @@
/* /*
this file needs a rewrite by me lol this file needs a rewrite by me lol
*/ */
var Settings; var Settings;
var PinnedGamesData var PinnedGamesData;
var BestFriendsData var BestFriendsData;
let Utilities; let Utilities;
chrome.storage.sync.get(['PolyPlus_Settings'], async function(result) { chrome.storage.sync.get(['PolyPlus_Settings'], async function (result) {
Settings = result.PolyPlus_Settings || Utilities.DefaultSettings Settings = result.PolyPlus_Settings || Utilities.DefaultSettings;
if (Settings.IRLPriceWithCurrency.Enabled === true) { if (Settings.IRLPriceWithCurrency.Enabled === true) {
IRLPrice() IRLPrice();
} }
if (Settings.HomeFriendCountOn === true) { if (Settings.HomeFriendCountOn === true) {
ShowFriendCount() ShowFriendCount();
} }
if (Settings.PinnedGamesOn === true || Settings.BestFriendsOn === true) { if (Settings.PinnedGamesOn === true || Settings.BestFriendsOn === true) {
Update() Update();
} }
}); });
let ContainerElement = ` let ContainerElement = `
<div class="card-body p-0 m-1 scrollFadeContainer d-flex"></div>`; <div class="card-body p-0 m-1 scrollFadeContainer d-flex"></div>`;
let GameContainerElement = ` let GameContainerElement = `
<div class="scrollFade card me-2 place-card force-desktop text-center mb-2" style="opacity: 1;"> <div class="scrollFade card me-2 place-card force-desktop text-center mb-2" style="opacity: 1;">
<div class="card-body"> <div class="card-body">
<div class="ratings-header"> <div class="ratings-header">
<img src=":Thumbnail" class="place-card-image" style="position: relative;"> <img src=":Thumbnail" class="place-card-image" style="position: relative;">
<div style="position: absolute;background: linear-gradient(to bottom, black, transparent, transparent, transparent);width: 100%;height: 100%;top: 0;left: 0;border-radius: 10px;padding-top: 5px;color: gray;font-size: 0.8rem;"> <div style="position: absolute;background: linear-gradient(to bottom, black, transparent, transparent, transparent);width: 100%;height: 100%;top: 0;left: 0;border-radius: 10px;padding-top: 5px;color: gray;font-size: 0.8rem;">
<span> <span>
<i id="thumbup-icn" class="thumb-icon far fa-thumbs-up"></i> <i id="thumbup-icn" class="thumb-icon far fa-thumbs-up"></i>
:Likes :Likes
</span> </span>
| |
<span> <span>
<i id="thumbdown-icn" class="thumb-icon far fa-thumbs-down"></i> <i id="thumbdown-icn" class="thumb-icon far fa-thumbs-down"></i>
:Dislikes :Dislikes
</span> </span>
</div> </div>
</div> </div>
<div> <div>
<div class="mt-2 mb-1 place-card-title"> <div class="mt-2 mb-1 place-card-title">
:GameName :GameName
</div> </div>
</div> </div>
</div> </div>
</div> </div>
`; `;
let TitleElement = ` let TitleElement = `
<div class="col"> <div class="col">
<h6 class="dash-ctitle2">Jump right back into your favorite games</h6> <h6 class="dash-ctitle2">Jump right back into your favorite games</h6>
<h5 class="dash-ctitle">Pinned Games</h5> <h5 class="dash-ctitle">Pinned Games</h5>
</div>`; </div>`;
var FriendContainer = document.querySelector('.card:has(.friendsPopup) .card-body') var FriendContainer = document.querySelector('.card:has(.friendsPopup) .card-body');
let NewContainer = document.createElement('div'); let NewContainer = document.createElement('div');
NewContainer.style.display = 'none' NewContainer.style.display = 'none';
NewContainer.classList = 'card card-dash mcard'; NewContainer.classList = 'card card-dash mcard';
NewContainer.style.animationDelay = '0.18s'; NewContainer.style.animationDelay = '0.18s';
NewContainer.innerHTML = ContainerElement; NewContainer.innerHTML = ContainerElement;
let NewTitle = document.createElement('div'); let NewTitle = document.createElement('div');
NewTitle.style.display = 'none' NewTitle.style.display = 'none';
NewTitle.classList = 'row reqFadeAnim px-2 px-lg-0'; NewTitle.classList = 'row reqFadeAnim px-2 px-lg-0';
NewTitle.innerHTML = TitleElement; NewTitle.innerHTML = TitleElement;
let BestFriendsContainer = document.createElement('div') let BestFriendsContainer = document.createElement('div');
BestFriendsContainer.classList = 'd-flex' BestFriendsContainer.classList = 'd-flex';
BestFriendsContainer.style = 'display: none; border-bottom: 1px solid #000; padding-bottom: 10px; margin-bottom: 10px; width: 100%;' BestFriendsContainer.style = 'display: none; border-bottom: 1px solid #000; padding-bottom: 10px; margin-bottom: 10px; width: 100%;';
let Spacer = document.createElement('div') let Spacer = document.createElement('div');
Spacer.innerHTML = ' ' Spacer.innerHTML = ' ';
Spacer.style.width = '50px' Spacer.style.width = '50px';
Spacer.prepend(BestFriendsContainer) Spacer.prepend(BestFriendsContainer);
FriendContainer.prepend(BestFriendsContainer) FriendContainer.prepend(BestFriendsContainer);
async function Update() { async function Update() {
chrome.storage.sync.get(['PolyPlus_PinnedGames'], function(result) { chrome.storage.sync.get(['PolyPlus_PinnedGames'], function (result) {
PinnedGamesData = result.PolyPlus_PinnedGames || []; PinnedGamesData = result.PolyPlus_PinnedGames || [];
if (Settings.PinnedGamesOn === true) { if (Settings.PinnedGamesOn === true) {
PinnedGames() PinnedGames();
} else { } else {
NewContainer.style.display = 'none' NewContainer.style.display = 'none';
NewTitle.style.display = 'none' NewTitle.style.display = 'none';
} }
}); });
chrome.storage.sync.get(['PolyPlus_BestFriends'], function(result) { chrome.storage.sync.get(['PolyPlus_BestFriends'], function (result) {
BestFriendsData = result.PolyPlus_BestFriends || []; BestFriendsData = result.PolyPlus_BestFriends || [];
if (Settings.BestFriendsOn === true) { if (Settings.BestFriendsOn === true) {
BestFriends(); BestFriends();
} else { } else {
BestFriendsContainer.style.display = 'none' BestFriendsContainer.style.display = 'none';
Spacer.style.display = 'none' Spacer.style.display = 'none';
} }
}); });
} }
function PinnedGames() { function PinnedGames() {
var Existing = NewContainer.children[0].children var Existing = NewContainer.children[0].children;
Array.from(Existing).forEach(element => { Array.from(Existing).forEach((element) => {
element.remove(); element.remove();
}); });
if (PinnedGamesData.length === 0) { if (PinnedGamesData.length === 0) {
NewContainer.style.display = 'none' NewContainer.style.display = 'none';
NewTitle.style.display = 'none' NewTitle.style.display = 'none';
} else { } else {
NewContainer.style.display = '' NewContainer.style.display = '';
NewTitle.style.display = '' NewTitle.style.display = '';
} }
PinnedGamesData.forEach(element => { PinnedGamesData.forEach((element) => {
fetch('https://api.polytoria.com/v1/places/' + element) fetch('https://api.polytoria.com/v1/places/' + element)
.then(response => response.json()) .then((response) => response.json())
.then(data => { .then((data) => {
let GameName = data.name; let GameName = data.name;
let GameThumbnail = data.thumbnail; let GameThumbnail = data.thumbnail;
var NewGameContainer = document.createElement('a'); var NewGameContainer = document.createElement('a');
NewGameContainer.innerHTML = GameContainerElement.replace(':GameName',GameName).replace(':Thumbnail',GameThumbnail).replace(':Likes', data.rating.likes).replace(':Dislikes', data.rating.dislikes); NewGameContainer.innerHTML = GameContainerElement.replace(':GameName', GameName)
NewGameContainer.href = '/places/' + element .replace(':Thumbnail', GameThumbnail)
.replace(':Likes', data.rating.likes)
/* .replace(':Dislikes', data.rating.dislikes);
if (new Date().getDate() >= new Date(data.updatedAt).getDate()) { NewGameContainer.href = '/places/' + element;
console.log('Game has updated')
} /*
*/ if (new Date().getDate() >= new Date(data.updatedAt).getDate()) {
console.log('Game has updated')
NewContainer.children[0].appendChild(NewGameContainer); }
}) */
.catch(error => {
console.error('Error:', error); NewContainer.children[0].appendChild(NewGameContainer);
}); })
}); .catch((error) => {
} console.error('Error:', error);
});
function BestFriends() { });
Array.from(document.querySelectorAll('[bestFriend]')).forEach(element => { }
element.removeAttribute('bestFriend')
element.getElementsByClassName('friend-name')[0].style.color = 'initial'; function BestFriends() {
FriendContainer.appendChild(element) Array.from(document.querySelectorAll('[bestFriend]')).forEach((element) => {
}); element.removeAttribute('bestFriend');
element.getElementsByClassName('friend-name')[0].style.color = 'initial';
if (BestFriendsData.length === 0) { FriendContainer.appendChild(element);
BestFriendsContainer.style.visibility = 'hidden' });
BestFriendsContainer.style.padding = '0px !important'
BestFriendsContainer.style.margin = '0px !important' if (BestFriendsData.length === 0) {
} else { BestFriendsContainer.style.visibility = 'hidden';
BestFriendsContainer.style.visibility = 'visible' BestFriendsContainer.style.padding = '0px !important';
BestFriendsContainer.style.padding = '' BestFriendsContainer.style.margin = '0px !important';
BestFriendsContainer.style.margin = '' } else {
} BestFriendsContainer.style.visibility = 'visible';
BestFriendsContainer.style.padding = '';
BestFriendsData.forEach(element => { BestFriendsContainer.style.margin = '';
let ExistingFriend = document.getElementById('friend-' + element) }
if (ExistingFriend) {
ExistingFriend.setAttribute('bestFriend', 'true') BestFriendsData.forEach((element) => {
ExistingFriend.getElementsByClassName('friend-name')[0].style.color = 'yellow'; let ExistingFriend = document.getElementById('friend-' + element);
BestFriendsContainer.prepend(ExistingFriend) if (ExistingFriend) {
} ExistingFriend.setAttribute('bestFriend', 'true');
}); ExistingFriend.getElementsByClassName('friend-name')[0].style.color = 'yellow';
} BestFriendsContainer.prepend(ExistingFriend);
}
var SecondaryColumn = document.getElementsByClassName('col-lg-8')[0] });
SecondaryColumn.insertBefore(NewContainer, SecondaryColumn.children[0]); }
SecondaryColumn.insertBefore(NewTitle, SecondaryColumn.children[0]);
var SecondaryColumn = document.getElementsByClassName('col-lg-8')[0];
async function IRLPrice() { SecondaryColumn.insertBefore(NewContainer, SecondaryColumn.children[0]);
(async () => { SecondaryColumn.insertBefore(NewTitle, SecondaryColumn.children[0]);
Utilities = await import(chrome.runtime.getURL('resources/utils.js'));
Utilities = Utilities.default async function IRLPrice() {
(async () => {
const TrendingItems = document.getElementById('home-trendingItems') Utilities = await import(chrome.runtime.getURL('resources/utils.js'));
for (let item of TrendingItems.children[1].getElementsByClassName('d-flex')[0].children) { Utilities = Utilities.default;
const Price = item.getElementsByClassName('text-success')[0]
if (Price !== undefined) { const TrendingItems = document.getElementById('home-trendingItems');
const IRLResult = await Utilities.CalculateIRL(Price.innerText, Settings.IRLPriceWithCurrency.Currency) for (let item of TrendingItems.children[1].getElementsByClassName('d-flex')[0].children) {
const Price = item.getElementsByClassName('text-success')[0];
let Span = document.createElement('span') if (Price !== undefined) {
Span.classList = 'text-muted polyplus-price-tag' const IRLResult = await Utilities.CalculateIRL(Price.innerText, Settings.IRLPriceWithCurrency.Currency);
Span.style = 'font-size: 0.7rem; font-weight: lighter;'
Span.innerText = "($" + IRLResult.result + " " + IRLResult.display + ")" let Span = document.createElement('span');
Price.appendChild(Span) Span.classList = 'text-muted polyplus-price-tag';
} Span.style = 'font-size: 0.7rem; font-weight: lighter;';
} Span.innerText = '($' + IRLResult.result + ' ' + IRLResult.display + ')';
})(); Price.appendChild(Span);
} }
}
async function ShowFriendCount() { })();
let FriendCount = (await (await fetch('https://polytoria.com/api/friends?page=1')).json()).meta.total }
/*
const FirstPage = (await (await fetch('https://polytoria.com/api/friends?page=1')).json()) async function ShowFriendCount() {
if (FirstPage.meta.lastPage > 1) { let FriendCount = (await (await fetch('https://polytoria.com/api/friends?page=1')).json()).meta.total;
const LastPage = (await (await fetch('https://polytoria.com/api/friends?page=' + Pages)).json()) /*
FriendCount = (12*(FirstPage.meta.pages-1)) + LastPage.data.length const FirstPage = (await (await fetch('https://polytoria.com/api/friends?page=1')).json())
} else { if (FirstPage.meta.lastPage > 1) {
FriendCount = FirstPage.data.length const LastPage = (await (await fetch('https://polytoria.com/api/friends?page=' + Pages)).json())
} FriendCount = (12*(FirstPage.meta.pages-1)) + LastPage.data.length
*/ } else {
FriendCount = FirstPage.data.length
const CountText = document.createElement('small') }
CountText.classList = 'text-muted fw-lighter' */
CountText.style.fontSize = '0.8rem'
CountText.innerText = ' (' + FriendCount + ')' const CountText = document.createElement('small');
document.querySelector('#home-friendsOnline h5').appendChild(CountText) CountText.classList = 'text-muted fw-lighter';
} CountText.style.fontSize = '0.8rem';
CountText.innerText = ' (' + FriendCount + ')';
document.querySelector('#home-friendsOnline h5').appendChild(CountText);
}

78
js/account/inbox.js
View file

@ -1,47 +1,47 @@
ExpandMessages() ExpandMessages();
function ExpandMessages() { function ExpandMessages() {
const Messages = document.getElementById('messages') const Messages = document.getElementById('messages');
for (let message of Messages.children) { for (let message of Messages.children) {
let Expanded = false let Expanded = false;
let ContentDiv = null let ContentDiv = null;
const ViewButton = message.querySelector('a.btn[href^="/inbox/messages"]') const ViewButton = message.querySelector('a.btn[href^="/inbox/messages"]');
const MessageID = ViewButton.getAttribute('href').split('/')[3] const MessageID = ViewButton.getAttribute('href').split('/')[3];
const ExpandButton = document.createElement('button') const ExpandButton = document.createElement('button');
ExpandButton.classList = 'btn btn-outline-warning px-4 mt-1' ExpandButton.classList = 'btn btn-outline-warning px-4 mt-1';
ExpandButton.innerText = 'Expand' ExpandButton.innerText = 'Expand';
ViewButton.parentElement.appendChild(ExpandButton) ViewButton.parentElement.appendChild(ExpandButton);
ExpandButton.addEventListener('click', function(){ ExpandButton.addEventListener('click', function () {
if (ContentDiv === null) { if (ContentDiv === null) {
fetch('https://polytoria.com/inbox/messages/'+MessageID) fetch('https://polytoria.com/inbox/messages/' + MessageID)
.then(response => { .then((response) => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network not ok') throw new Error('Network not ok');
} }
return response.text() return response.text();
}) })
.then(data => { .then((data) => {
const Doc = new DOMParser().parseFromString(data, 'text/html') const Doc = new DOMParser().parseFromString(data, 'text/html');
const MessageContent = Doc.querySelector('p.mb-0').innerText const MessageContent = Doc.querySelector('p.mb-0').innerText;
ContentDiv = document.createElement('div')
ContentDiv.classList = 'py-2'
ContentDiv.innerText = MessageContent
message.appendChild(ContentDiv)
})
.catch(error => {
console.log(error)
});
}
Expanded = !Expanded ContentDiv = document.createElement('div');
ContentDiv.classList = 'py-2';
ContentDiv.innerText = MessageContent;
message.appendChild(ContentDiv);
})
.catch((error) => {
console.log(error);
});
}
ExpandButton.innerText = (Expanded === false) ? 'Expand' : 'Minimize' Expanded = !Expanded;
ContentDiv.style.display = (Expanded === false) ? 'none' : 'block'
}); ExpandButton.innerText = Expanded === false ? 'Expand' : 'Minimize';
} ContentDiv.style.display = Expanded === false ? 'none' : 'block';
} });
}
}

384
js/account/inventory.js
View file

@ -1,186 +1,198 @@
if (window.location.pathname.split('/')[3] === "inventory") { if (window.location.pathname.split('/')[3] === 'inventory') {
const UserID = window.location.pathname.split('/')[2] const UserID = window.location.pathname.split('/')[2];
if (UserID === JSON.parse(window.localStorage.getItem('p+account_info')).ID) { if (UserID === JSON.parse(window.localStorage.getItem('p+account_info')).ID) {
let Nav = document.getElementsByClassName('nav-pills')[0] let Nav = document.getElementsByClassName('nav-pills')[0];
let WishlistNav = document.createElement('li') let WishlistNav = document.createElement('li');
WishlistNav.classList.add('nav-item') WishlistNav.classList.add('nav-item');
WishlistNav.innerHTML = ` WishlistNav.innerHTML = `
<a href="/users/${UserID}/inventory/wishlist/" class="nav-link"> <a href="/users/${UserID}/inventory/wishlist/" class="nav-link">
<i class="fa-regular fa-sparkles me-1"></i> <i class="fa-regular fa-sparkles me-1"></i>
<span class="pilltitle">Item Wishlist</span> <span class="pilltitle">Item Wishlist</span>
</a> </a>
` `;
Nav.appendChild(WishlistNav) Nav.appendChild(WishlistNav);
if (window.location.pathname.split('/')[4] === "wishlist") { if (window.location.pathname.split('/')[4] === 'wishlist') {
const ItemGrid = document.getElementsByClassName('itemgrid')[0] const ItemGrid = document.getElementsByClassName('itemgrid')[0];
const ItemCardContents = ` const ItemCardContents = `
<a href="/store/:ItemID" class="text-reset"> <a href="/store/:ItemID" class="text-reset">
<div class="card mb-2"> <div class="card mb-2">
:LimitedTag :LimitedTag
<div class="card-body"> <div class="card-body">
<img src=":ItemThumbnail" class="img-fluid rounded"> <img src=":ItemThumbnail" class="img-fluid rounded">
</div> </div>
</div> </div>
<h6 class="text-truncate mb-0"> <h6 class="text-truncate mb-0">
:ItemName :ItemName
</h6> </h6>
</a> </a>
<small class="text-muted d-block mb-1"> <small class="text-muted d-block mb-1">
by <a href="/users/:CreatorID" class="text-muted">:CreatorName</a> by <a href="/users/:CreatorID" class="text-muted">:CreatorName</a>
</small> </small>
<button class="polyplus-itemwish-removebtn btn btn-danger btn-sm" style="width: 100%;">X</button> <button class="polyplus-itemwish-removebtn btn btn-danger btn-sm" style="width: 100%;">X</button>
` `;
Array.from(ItemGrid.children).forEach(element => { Array.from(ItemGrid.children).forEach((element) => {
element.remove(); element.remove();
}); });
Array.from(Nav.children).forEach(element => { Array.from(Nav.children).forEach((element) => {
element = element.children[0] element = element.children[0];
if (!(element === WishlistNav)) { if (!(element === WishlistNav)) {
if (element.classList.contains('active')) { if (element.classList.contains('active')) {
element.classList.remove('active') element.classList.remove('active');
} }
} }
}); });
WishlistNav.children[0].classList.add('active') WishlistNav.children[0].classList.add('active');
const Search = document.createElement('div') const Search = document.createElement('div');
Search.classList = 'row' Search.classList = 'row';
Search.innerHTML = ` Search.innerHTML = `
<div class="col-auto"> <div class="col-auto">
<select class="form-select" id="polyplus-itemwish-type" style="width: 150px;"> <select class="form-select" id="polyplus-itemwish-type" style="width: 150px;">
<option value="any">Any</option> <option value="any">Any</option>
<option value="hat">Hat</option> <option value="hat">Hat</option>
<option value="face">Faces</option> <option value="face">Faces</option>
<option value="tool">Tools</option> <option value="tool">Tools</option>
<option value="shirt">Shirt</option> <option value="shirt">Shirt</option>
<option value="pants">Pants</option> <option value="pants">Pants</option>
</select> </select>
</div> </div>
<div class="col"> <div class="col">
<input id="polyplus-itemwish-searchbar" type="text" class="form-control bg-dark" placeholder="Search..."> <input id="polyplus-itemwish-searchbar" type="text" class="form-control bg-dark" placeholder="Search...">
</div> </div>
<div class="col-auto"> <div class="col-auto">
<div class="form-check"> <div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="polyplus-itemwish-isLimited"> <input class="form-check-input" type="checkbox" value="" id="polyplus-itemwish-isLimited">
<label class="form-check-label" for="polyplus-itemwish-isLimited"> <label class="form-check-label" for="polyplus-itemwish-isLimited">
Is Limited? Is Limited?
<span class="text-muted" style="font-size: 0.65rem; display: block;">Items that are limited</span> <span class="text-muted" style="font-size: 0.65rem; display: block;">Items that are limited</span>
</label> </label>
</div> </div>
</div> </div>
<div class="col-auto"> <div class="col-auto">
<div class="form-check"> <div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="polyplus-itemwish-isAvailable"> <input class="form-check-input" type="checkbox" value="" id="polyplus-itemwish-isAvailable">
<label class="form-check-label" for="polyplus-itemwish-isAvailable"> <label class="form-check-label" for="polyplus-itemwish-isAvailable">
Is Available? Is Available?
<span class="text-muted" style="font-size: 0.65rem; display: block; width: 170px;">Items that are equal to or less than the budget (excluding limiteds)</span> <span class="text-muted" style="font-size: 0.65rem; display: block; width: 170px;">Items that are equal to or less than the budget (excluding limiteds)</span>
</label> </label>
</div> </div>
</div> </div>
` `;
ItemGrid.parentElement.prepend(document.createElement('br'), ItemGrid.parentElement.children[0]) ItemGrid.parentElement.prepend(document.createElement('br'), ItemGrid.parentElement.children[0]);
ItemGrid.parentElement.prepend(Search, ItemGrid.parentElement.children[0]) ItemGrid.parentElement.prepend(Search, ItemGrid.parentElement.children[0]);
let Type = document.getElementById('polyplus-itemwish-type') let Type = document.getElementById('polyplus-itemwish-type');
let SearchBar = document.getElementById('polyplus-itemwish-searchbar') let SearchBar = document.getElementById('polyplus-itemwish-searchbar');
let IsLimited = document.getElementById('polyplus-itemwish-isLimited') let IsLimited = document.getElementById('polyplus-itemwish-isLimited');
let IsAvailable = document.getElementById('polyplus-itemwish-isAvailable') let IsAvailable = document.getElementById('polyplus-itemwish-isAvailable');
Type.addEventListener('change', function(){ Type.addEventListener('change', function () {
Update(Type.options[Type.selectedIndex].value, SearchBar.value, IsLimited.checked, IsAvailable.checked) Update(Type.options[Type.selectedIndex].value, SearchBar.value, IsLimited.checked, IsAvailable.checked);
}); });
SearchBar.addEventListener('change', function(){ SearchBar.addEventListener('change', function () {
Update(Type.options[Type.selectedIndex].value, SearchBar.value, IsLimited.checked, IsAvailable.checked) Update(Type.options[Type.selectedIndex].value, SearchBar.value, IsLimited.checked, IsAvailable.checked);
}); });
IsLimited.addEventListener('change', function(){ IsLimited.addEventListener('change', function () {
Update(Type.options[Type.selectedIndex].value, SearchBar.value, IsLimited.checked, IsAvailable.checked) Update(Type.options[Type.selectedIndex].value, SearchBar.value, IsLimited.checked, IsAvailable.checked);
}); });
IsAvailable.addEventListener('change', function(){ IsAvailable.addEventListener('change', function () {
Update(Type.options[Type.selectedIndex].value, SearchBar.value, IsLimited.checked, IsAvailable.checked) Update(Type.options[Type.selectedIndex].value, SearchBar.value, IsLimited.checked, IsAvailable.checked);
}); });
chrome.storage.sync.get(['PolyPlus_ItemWishlist'], function(result){ chrome.storage.sync.get(['PolyPlus_ItemWishlist'], function (result) {
let Wishlist = result.PolyPlus_ItemWishlist || []; let Wishlist = result.PolyPlus_ItemWishlist || [];
console.log('wishlist: ', Wishlist) console.log('wishlist: ', Wishlist);
Wishlist.forEach(element => { Wishlist.forEach((element) => {
let NewItemCard = document.createElement('div') let NewItemCard = document.createElement('div');
NewItemCard.classList = 'px-0' NewItemCard.classList = 'px-0';
fetch('https://api.polytoria.com/v1/store/:id'.replace(':id', element)) fetch('https://api.polytoria.com/v1/store/:id'.replace(':id', element))
.then(response => response.json()) .then((response) => response.json())
.then(data => { .then((data) => {
NewItemCard.innerHTML = ItemCardContents.replace(':ItemID', data.id).replace(':ItemThumbnail', data.thumbnail).replace(':ItemName', data.name).replace(':CreatorID', data.creator.id).replace(':CreatorName', data.creator.name) NewItemCard.innerHTML = ItemCardContents.replace(':ItemID', data.id)
if (data.isLimited === true) { .replace(':ItemThumbnail', data.thumbnail)
NewItemCard.innerHTML = NewItemCard.innerHTML.replace(':LimitedTag', '<div class="ribbon ribbon-limited ribbon-top-right"><span>Limited</span></div>') .replace(':ItemName', data.name)
} else { .replace(':CreatorID', data.creator.id)
NewItemCard.innerHTML = NewItemCard.innerHTML.replace(':LimitedTag', '') .replace(':CreatorName', data.creator.name);
} if (data.isLimited === true) {
NewItemCard.setAttribute('data-id', data.id) NewItemCard.innerHTML = NewItemCard.innerHTML.replace(':LimitedTag', '<div class="ribbon ribbon-limited ribbon-top-right"><span>Limited</span></div>');
NewItemCard.setAttribute('data-name', data.name) } else {
NewItemCard.setAttribute('data-type', data.type) NewItemCard.innerHTML = NewItemCard.innerHTML.replace(':LimitedTag', '');
NewItemCard.setAttribute('data-creator', data.creator.name) }
NewItemCard.setAttribute('data-limited', data.isLimited) NewItemCard.setAttribute('data-id', data.id);
if (data.isLimited === false) { NewItemCard.setAttribute('data-name', data.name);
NewItemCard.setAttribute('data-price', data.price) NewItemCard.setAttribute('data-type', data.type);
} NewItemCard.setAttribute('data-creator', data.creator.name);
NewItemCard.setAttribute('data-limited', data.isLimited);
ItemGrid.appendChild(NewItemCard) if (data.isLimited === false) {
NewItemCard.setAttribute('data-price', data.price);
NewItemCard.getElementsByClassName('polyplus-itemwish-removebtn')[0].addEventListener('click', function(){ }
let Index = Wishlist.indexOf(parseInt(NewItemCard.getAttribute('data-id')))
if (Index === -1) { ItemGrid.appendChild(NewItemCard);
NewItemCard.remove();
return NewItemCard.getElementsByClassName('polyplus-itemwish-removebtn')[0].addEventListener('click', function () {
} else { let Index = Wishlist.indexOf(parseInt(NewItemCard.getAttribute('data-id')));
Wishlist.splice(Index, 1) if (Index === -1) {
console.log(Wishlist) NewItemCard.remove();
NewItemCard.remove(); return;
} } else {
chrome.storage.sync.set({'PolyPlus_ItemWishlist': Wishlist, arrayOrder: true}, function() { Wishlist.splice(Index, 1);
console.log('ItemWishlist successfully saved: ' + ItemWishlist) console.log(Wishlist);
}); NewItemCard.remove();
}); }
}) chrome.storage.sync.set({PolyPlus_ItemWishlist: Wishlist, arrayOrder: true}, function () {
.catch(error => { console.log('ItemWishlist successfully saved: ' + ItemWishlist);
console.error('Error:', error); });
}); });
}); })
}); .catch((error) => {
} console.error('Error:', error);
} });
} });
});
function Update(type, query, isLimited, isAvailable) { }
let ItemGrid = document.getElementsByClassName('itemgrid')[0] }
let BrickBalance = parseInt(JSON.parse(window.localStorage.getItem('p+account_info')).Bricks) }
query = query.toLowerCase();
let Results = Array.from(ItemGrid.children) function Update(type, query, isLimited, isAvailable) {
for (let i = 0; i < Results.length; i++) { let ItemGrid = document.getElementsByClassName('itemgrid')[0];
let Show = true let BrickBalance = parseInt(JSON.parse(window.localStorage.getItem('p+account_info')).Bricks);
query = query.toLowerCase();
console.log('type: ', type) let Results = Array.from(ItemGrid.children);
if (!(type === 'any')) { for (let i = 0; i < Results.length; i++) {
console.log('isn\'t any') let Show = true;
if (!(Results[i].getAttribute('data-type') === type)) {Show = false}
} console.log('type: ', type);
if (!(type === 'any')) {
if (!(Results[i].getAttribute('data-name').toLowerCase().startsWith(query))) {Show = false} console.log("isn't any");
if (!(Results[i].getAttribute('data-type') === type)) {
if (isLimited === true) { Show = false;
if (!(Results[i].getAttribute('data-limited') === 'true')) {Show = false} }
} }
if (isAvailable === true) { if (!Results[i].getAttribute('data-name').toLowerCase().startsWith(query)) {
if (!(parseInt(Results[i].getAttribute('data-price')) <= BrickBalance)) {Show = false} Show = false;
} }
if (Show === true) { if (isLimited === true) {
Results[i].style.display = 'block' if (!(Results[i].getAttribute('data-limited') === 'true')) {
} else { Show = false;
Results[i].style.display = 'none' }
} }
}
} if (isAvailable === true) {
if (!(parseInt(Results[i].getAttribute('data-price')) <= BrickBalance)) {
Show = false;
}
}
if (Show === true) {
Results[i].style.display = 'block';
} else {
Results[i].style.display = 'none';
}
}
}

500
js/account/profile.js
View file

@ -1,247 +1,253 @@
let UserID = window.location.pathname.split('/')[2]; let UserID = 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 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)') const AvatarHeading = document.querySelector('.section-title:has(i.fa-user-crown)');
var Settings; var Settings;
var BestFriends; var BestFriends;
let FavoriteBtn; let FavoriteBtn;
let CalculateButton; let CalculateButton;
let Utilities; let Utilities;
if (UserID) { if (UserID) {
(async () => { (async () => {
UserID = (await (await fetch('https://api.polytoria.com/v1/users/')).json()).id UserID = (await (await fetch('https://api.polytoria.com/v1/users/')).json()).id;
Utilities = await import(chrome.runtime.getURL('resources/utils.js')); Utilities = await import(chrome.runtime.getURL('resources/utils.js'));
Utilities = Utilities.default Utilities = Utilities.default;
chrome.storage.sync.get(['PolyPlus_Settings'], function(result) { chrome.storage.sync.get(['PolyPlus_Settings'], function (result) {
Settings = result.PolyPlus_Settings || {} Settings = result.PolyPlus_Settings || {};
if (Settings.IRLPriceWithCurrency.Enabled === true) { if (Settings.IRLPriceWithCurrency.Enabled === true) {
IRLPrice() IRLPrice();
} }
if (Settings.BestFriendsOn === true) { if (Settings.BestFriendsOn === true) {
BestFriends() BestFriends();
} }
if (Settings.OutfitCostOn === true) { if (Settings.OutfitCostOn === true) {
CalculateButton = document.createElement('small') CalculateButton = document.createElement('small');
CalculateButton.classList = 'fw-normal text-success' CalculateButton.classList = 'fw-normal text-success';
CalculateButton.style.letterSpacing = '0px' CalculateButton.style.letterSpacing = '0px';
CalculateButton.setAttribute('data-bs-toggle', 'tooltip') CalculateButton.setAttribute('data-bs-toggle', 'tooltip');
CalculateButton.setAttribute('data-bs-title', 'Calculate this avatar\'s cost!') CalculateButton.setAttribute('data-bs-title', "Calculate this avatar's cost!");
CalculateButton.setAttribute('data-bs-placement', 'right') CalculateButton.setAttribute('data-bs-placement', 'right');
CalculateButton.innerHTML = ` CalculateButton.innerHTML = `
<a class="text-decoration-underline text-success" style="text-decoration-color: rgb(15, 132, 79) !important;">$ calculate</a> <a class="text-decoration-underline text-success" style="text-decoration-color: rgb(15, 132, 79) !important;">$ calculate</a>
` `;
AvatarHeading.appendChild(CalculateButton) AvatarHeading.appendChild(CalculateButton);
Utilities.InjectResource('registerTooltips') Utilities.InjectResource('registerTooltips');
let Calculating = false let Calculating = false;
CalculateButton.addEventListener('click', function(){ CalculateButton.addEventListener('click', function () {
if (Calculating === false) { if (Calculating === false) {
Calculating = true Calculating = true;
CalculateButton.innerText = '$ Calculating...' CalculateButton.innerText = '$ Calculating...';
OutfitCost() OutfitCost();
} }
}); });
} }
}); });
})(); })();
const AvatarIFrame = document.querySelector('[src^="/ptstatic"]') const AvatarIFrame = document.querySelector('[src^="/ptstatic"]');
const DropdownMenu = document.getElementsByClassName('dropdown-menu dropdown-menu-right')[0] const DropdownMenu = document.getElementsByClassName('dropdown-menu dropdown-menu-right')[0];
const CopyItem = document.createElement('a') const CopyItem = document.createElement('a');
CopyItem.classList = 'dropdown-item text-primary' CopyItem.classList = 'dropdown-item text-primary';
CopyItem.href = '#' CopyItem.href = '#';
CopyItem.innerHTML = ` CopyItem.innerHTML = `
<i class="fa-duotone fa-book"></i> <i class="fa-duotone fa-book"></i>
Copy 3D Avatar URL Copy 3D Avatar URL
` `;
DropdownMenu.appendChild(CopyItem) DropdownMenu.appendChild(CopyItem);
CopyItem.addEventListener('click', function(){ CopyItem.addEventListener('click', function () {
navigator.clipboard.writeText(AvatarIFrame.src) navigator.clipboard
.then(() => { .writeText(AvatarIFrame.src)
alert('Successfully copied 3D avatar URL!') .then(() => {
}) alert('Successfully copied 3D avatar URL!');
.catch(() => { })
alert('Failure to copy 3D avatar URL.') .catch(() => {
}); alert('Failure to copy 3D avatar URL.');
}); });
});
const ShareItem = document.createElement('a')
ShareItem.classList = 'dropdown-item text-warning' const ShareItem = document.createElement('a');
ShareItem.href = '#' ShareItem.classList = 'dropdown-item text-warning';
ShareItem.innerHTML = ` ShareItem.href = '#';
<i class="fa-duotone fa-book"></i> ShareItem.innerHTML = `
Share your 3D Avatar URL! <i class="fa-duotone fa-book"></i>
` Share your 3D Avatar URL!
DropdownMenu.appendChild(ShareItem) `;
DropdownMenu.appendChild(ShareItem);
ShareItem.addEventListener('click', function(){
navigator.clipboard.writeText("Hey! Look at my Polytoria avatar in 3D [here](" + AvatarIFrame.src + ")!") ShareItem.addEventListener('click', function () {
.then(() => { navigator.clipboard
alert('Successfully copied sharable 3D avatar URL!') .writeText('Hey! Look at my Polytoria avatar in 3D [here](' + AvatarIFrame.src + ')!')
}) .then(() => {
.catch(() => { alert('Successfully copied sharable 3D avatar URL!');
alert('Failure to copy sharable 3D avatar URL.') })
}); .catch(() => {
}); alert('Failure to copy sharable 3D avatar URL.');
} else if (UserID && UserID[0] === "@") { });
const Username = window.location.pathname.split('/')[2].substring(1) });
} else if (UserID && UserID[0] === '@') {
let Reference = new URLSearchParams(new URL(window.location.href).search) const Username = window.location.pathname.split('/')[2].substring(1);
if (!Reference.has('ref')) {
Reference = "" 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) { fetch('https://api.polytoria.com/v1/users/find?username=' + Username)
window.location.href = window.location.origin + decodeURIComponent(Reference.get('ref')) .then((response) => {
} else { if (!response.ok) {
return response.json() 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 })
}) .then((data) => {
.catch(error => { window.location.href = 'https://polytoria.com/users/' + data.id;
console.log("An error occurred:", error); })
}); .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) async function IRLPrice() {
NetWorthElement.innerHTML = NetWorthElement.innerHTML + '<div class="text-muted" style="font-size: 0.6rem;">(' + IRLResult.icon + IRLResult.result + ' ' + IRLResult.display + ')</div>' 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 || []; function BestFriends() {
chrome.storage.sync.get(['PolyPlus_BestFriends'], function (result) {
FavoriteBtn = document.createElement('button'); BestFriends = result.PolyPlus_BestFriends || [];
FavoriteBtn.classList = 'btn btn-warning btn-sm ml-2';
if (!(BestFriends.length === Utilities.Limits.BestFriends)) { FavoriteBtn = document.createElement('button');
if (Array.isArray(BestFriends) && BestFriends.includes(parseInt(UserID))) { FavoriteBtn.classList = 'btn btn-warning btn-sm ml-2';
FavoriteBtn.innerText = 'Remove Best Friend Status'; if (!(BestFriends.length === Utilities.Limits.BestFriends)) {
} else { if (Array.isArray(BestFriends) && BestFriends.includes(parseInt(UserID))) {
FavoriteBtn.innerText = 'Best Friend'; FavoriteBtn.innerText = 'Remove Best Friend Status';
} } else {
} else { FavoriteBtn.innerText = 'Best Friend';
FavoriteBtn.innerText = 'Remove Best Friend Status (max ' + Utilities.Limits.BestFriends + '/' + Utilities.Limits.BestFriends + ')' }
} } else {
if (UserID !== JSON.parse(window.localStorage.getItem('p+account_info')).ID && document.getElementById('add-friend-button').classList.contains('btn-success') === false) { FavoriteBtn.innerText = 'Remove Best Friend Status (max ' + Utilities.Limits.BestFriends + '/' + Utilities.Limits.BestFriends + ')';
FavoriteBtn.addEventListener('click', function() { }
Fav(UserID, FavoriteBtn); if (UserID !== JSON.parse(window.localStorage.getItem('p+account_info')).ID && document.getElementById('add-friend-button').classList.contains('btn-success') === false) {
}); FavoriteBtn.addEventListener('click', function () {
} else { Fav(UserID, FavoriteBtn);
FavoriteBtn.style.display = 'none' });
} } else {
document.querySelectorAll('.section-title.px-3.px-lg-0.mt-3')[0].appendChild(FavoriteBtn); FavoriteBtn.style.display = 'none';
}
function Fav(UserID, btn) { document.querySelectorAll('.section-title.px-3.px-lg-0.mt-3')[0].appendChild(FavoriteBtn);
if (UserID === JSON.parse(window.localStorage.getItem('p+account_info')).ID) { return }
btn.setAttribute('disabled', 'true') function Fav(UserID, btn) {
if (UserID === JSON.parse(window.localStorage.getItem('p+account_info')).ID) {
chrome.storage.sync.get(['PolyPlus_BestFriends'], function(result) { return;
const BestFriends = result.PolyPlus_BestFriends || []; }
const index = BestFriends.indexOf(parseInt(UserID)); btn.setAttribute('disabled', 'true');
if (index !== -1) { chrome.storage.sync.get(['PolyPlus_BestFriends'], function (result) {
// Number exists, remove it const BestFriends = result.PolyPlus_BestFriends || [];
BestFriends.splice(index, 1); const index = BestFriends.indexOf(parseInt(UserID));
btn.innerText = "Best Friend"
console.log('Number', parseInt(UserID), 'removed from BestFriends'); if (index !== -1) {
} else { // Number exists, remove it
// Number doesn't exist, add it BestFriends.splice(index, 1);
BestFriends.push(parseInt(UserID)); btn.innerText = 'Best Friend';
btn.innerText = "Remove Best Friend Status" console.log('Number', parseInt(UserID), 'removed from BestFriends');
console.log('Number', parseInt(UserID), 'added to BestFriends'); } else {
} // Number doesn't exist, add it
BestFriends.push(parseInt(UserID));
chrome.storage.sync.set({ 'PolyPlus_BestFriends': BestFriends, arrayOrder: true }, function() { btn.innerText = 'Remove Best Friend Status';
console.log('BestFriends saved successfully!'); console.log('Number', parseInt(UserID), 'added to BestFriends');
setTimeout(function() { }
btn.removeAttribute('disabled')
}, 1500) 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 || [];
chrome.storage.onChanged.addListener(function (changes, namespace) {
if (!(BestFriends.length === Utilities.Limits.BestFriends)) { if ('PolyPlus_BestFriends' in changes) {
if (Array.isArray(BestFriends) && BestFriends.includes(parseInt(UserID))) { chrome.storage.sync.get(['PolyPlus_BestFriends'], function (result) {
FavoriteBtn.innerText = 'Remove Best Friend Status' BestFriends = result.PolyPlus_BestFriends || [];
} else {
FavoriteBtn.innerText = 'Best Friend' if (!(BestFriends.length === Utilities.Limits.BestFriends)) {
} if (Array.isArray(BestFriends) && BestFriends.includes(parseInt(UserID))) {
} else { FavoriteBtn.innerText = 'Remove Best Friend Status';
FavoriteBtn.innerText = 'Remove Best Friend Status (max ' + Utilities.Limits.BestFriends + '/' + Utilities.Limits.BestFriends + ')' } 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') function ClearBestFriends() {
}, 1500) 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, async function OutfitCost() {
HasProfileTheme: false const AvatarCost = {
} Total: 0,
for (let item of AvatarRow.children) { Collectibles: 0,
const ItemID = item.getElementsByTagName('a')[0].href.split('/')[4] Offsale: 0,
await fetch('https://api.polytoria.com/v1/store/'+ItemID) HasProfileTheme: false
.then(response => { };
if (!response.ok) { for (let item of AvatarRow.children) {
throw new Error('Network not ok') const ItemID = item.getElementsByTagName('a')[0].href.split('/')[4];
} await fetch('https://api.polytoria.com/v1/store/' + ItemID)
return response.json() .then((response) => {
}) if (!response.ok) {
.then(data => { throw new Error('Network not ok');
let Price = data.price }
if (data.isLimited === true) { return response.json();
AvatarCost.Collectibles += 1 })
Price = data.averagePrice .then((data) => {
} else if (data.sales === 0) { let Price = data.price;
AvatarCost.Offsale += 1 if (data.isLimited === true) {
Price = 0 AvatarCost.Collectibles += 1;
} else if (data.type === 'profileTheme') { Price = data.averagePrice;
AvatarCost.HasProfileTheme = true } else if (data.sales === 0) {
Price = 0 AvatarCost.Offsale += 1;
} Price = 0;
} else if (data.type === 'profileTheme') {
AvatarCost.Total += Price AvatarCost.HasProfileTheme = true;
}) Price = 0;
.catch(error => {console.log(error)}); }
}
const ResultText = document.createElement('small') AvatarCost.Total += Price;
ResultText.classList = 'fw-normal text-success' })
ResultText.style.letterSpacing = '0px' .catch((error) => {
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' : '' })` console.log(error);
});
CalculateButton.remove() }
AvatarHeading.appendChild(ResultText) 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);
}

60
js/account/settings-privacy.js
View file

@ -1,30 +1,30 @@
chrome.storage.sync.get(['PolyPlus_Settings'], function(result){ chrome.storage.sync.get(['PolyPlus_Settings'], function (result) {
if (result.PolyPlus_Settings.MoreSearchFiltersOn === true) { if (result.PolyPlus_Settings.MoreSearchFiltersOn === true) {
const BlockedUsersCard = document.getElementsByClassName('card-body')[1] const BlockedUsersCard = document.getElementsByClassName('card-body')[1];
const InputGroup = document.createElement('div') const InputGroup = document.createElement('div');
InputGroup.classList = 'input-group mb-2' InputGroup.classList = 'input-group mb-2';
InputGroup.innerHTML = ` InputGroup.innerHTML = `
<input id="blocked-users-search" type="text" class="form-control bg-dark" placeholder="Search blocked users..."> <input id="blocked-users-search" type="text" class="form-control bg-dark" placeholder="Search blocked users...">
<button id="blocked-users-confirm" class="btn btn-secondary"><i class="fad fa-search"></i></button> <button id="blocked-users-confirm" class="btn btn-secondary"><i class="fad fa-search"></i></button>
` `;
BlockedUsersCard.insertBefore(InputGroup, BlockedUsersCard.children[0]) BlockedUsersCard.insertBefore(InputGroup, BlockedUsersCard.children[0]);
const SearchBar = document.getElementById('blocked-users-search') const SearchBar = document.getElementById('blocked-users-search');
const ConfirmBtn = document.getElementById('blocked-users-confirm') const ConfirmBtn = document.getElementById('blocked-users-confirm');
ConfirmBtn.addEventListener('click', function(){ ConfirmBtn.addEventListener('click', function () {
SearchBlockedUsers(SearchBar.value); SearchBlockedUsers(SearchBar.value);
}); });
function SearchBlockedUsers(query) { function SearchBlockedUsers(query) {
query = query.toLowerCase(); query = query.toLowerCase();
for (let i = 1; i < BlockedUsersCard.children.length; i++) { for (let i = 1; i < BlockedUsersCard.children.length; i++) {
let Username = BlockedUsersCard.children[i].getElementsByTagName('h5')[0].innerText.toLowerCase(); let Username = BlockedUsersCard.children[i].getElementsByTagName('h5')[0].innerText.toLowerCase();
if (Username.includes(query)) { if (Username.includes(query)) {
BlockedUsersCard.children[i].style.display = 'block' BlockedUsersCard.children[i].style.display = 'block';
} else { } else {
BlockedUsersCard.children[i].style.display = 'none' BlockedUsersCard.children[i].style.display = 'none';
} }
} }
} }
} }
}); });

217
js/account/trades-outbound.js
View file

@ -1,109 +1,108 @@
var SelectedTrades = [] var SelectedTrades = [];
let Parent = document.getElementsByClassName('card mcard p-5 text-center text-muted')[0].parentElement let Parent = document.getElementsByClassName('card mcard p-5 text-center text-muted')[0].parentElement;
let Text = document.createElement('p') let Text = document.createElement('p');
Text.classList = 'mx-auto' Text.classList = 'mx-auto';
Text.style.textAlign = 'center' Text.style.textAlign = 'center';
Text.style.fontSize = '1.3rem' Text.style.fontSize = '1.3rem';
Text.innerHTML = ` Text.innerHTML = `
<span>0</span> trades selected! <span>0</span> trades selected!
<br> <br>
<button id="viewSelectionBtn" class="btn btn-primary">View Selection</button> <button id="viewSelectionBtn" class="btn btn-primary">View Selection</button>
<button id="clearSelectionBtn" class="btn btn-warning">Clear Selection</button> <button id="clearSelectionBtn" class="btn btn-warning">Clear Selection</button>
<button id="cancelSelectionBtn" class="btn btn-danger">Cancel Selected Trades</button> <button id="cancelSelectionBtn" class="btn btn-danger">Cancel Selected Trades</button>
` `;
Parent.insertBefore(Text, Parent.children[0]) Parent.insertBefore(Text, Parent.children[0]);
let Text_Span = Text.querySelector('span'); let Text_Span = Text.querySelector('span');
let Text_View = document.getElementById('viewSelectionBtn'); let Text_View = document.getElementById('viewSelectionBtn');
let Text_Clear = document.getElementById('clearSelectionBtn'); let Text_Clear = document.getElementById('clearSelectionBtn');
let Text_Cancel = document.getElementById('cancelSelectionBtn'); let Text_Cancel = document.getElementById('cancelSelectionBtn');
var ConfirmCancel = 0 var ConfirmCancel = 0;
Text_View.addEventListener('click', function(){}); Text_View.addEventListener('click', function () {});
Text_Clear.addEventListener('click', function(){ Text_Clear.addEventListener('click', function () {
SelectedTrades = [] SelectedTrades = [];
UpdateCheckboxes(); UpdateCheckboxes();
Text_Span.innerText = SelectedTrades.length Text_Span.innerText = SelectedTrades.length;
}); });
Text_Cancel.addEventListener('click', function(){ Text_Cancel.addEventListener('click', function () {
ConfirmCancel = ConfirmCancel + 1 ConfirmCancel = ConfirmCancel + 1;
switch(ConfirmCancel) { switch (ConfirmCancel) {
case 0: case 0:
Text_Cancel.innerText = 'Cancel Selected Trades' Text_Cancel.innerText = 'Cancel Selected Trades';
break break;
case 1: case 1:
Text_Cancel.innerText = 'Are you sure?' Text_Cancel.innerText = 'Are you sure?';
break break;
case 2: case 2:
let Success = true let Success = true;
for (let i = 0; i < SelectedTrades.length; i++) { for (let i = 0; i < SelectedTrades.length; i++) {
setTimeout(function () {}, 110) setTimeout(function () {}, 110);
console.log(SelectedTrades[i]) console.log(SelectedTrades[i]);
fetch('https://polytoria.com/api/trade/decline', { fetch('https://polytoria.com/api/trade/decline', {
method: 'POST', method: 'POST',
headers: { headers: {
'Content-Type': 'application/json', 'Content-Type': 'application/json',
'X-CSRF-Token': document.querySelector('input[name="_csrf"]').value 'X-CSRF-Token': document.querySelector('input[name="_csrf"]').value
}, },
body: JSON.stringify({ id: SelectedTrades[i] }), body: JSON.stringify({id: SelectedTrades[i]})
}) }).catch((error) => {
.catch(error => { // Handle any errors
// Handle any errors console.error('Error:', error);
console.error('Error:', error); Success = false;
Success = false });
}); }
} SelectedTrades = [];
SelectedTrades = [] UpdateCheckboxes();
UpdateCheckboxes(); Text_Cancel.innerText = 'Cancel Selected Trades';
Text_Cancel.innerText = 'Cancel Selected Trades' ConfirmCancel = 0;
ConfirmCancel = 0 break;
break }
} });
});
LoadCheckBoxes();
LoadCheckBoxes();
function LoadCheckBoxes() {
function LoadCheckBoxes() { Array.from(document.getElementsByClassName('card-inbox')).forEach((element) => {
Array.from(document.getElementsByClassName('card-inbox')).forEach(element => { let ViewBtn = element.querySelector('a.btn.btn-primary');
let ViewBtn = element.querySelector('a.btn.btn-primary') let TradeID = parseInt(ViewBtn.getAttribute('href').split('/')[3]);
let TradeID = parseInt(ViewBtn.getAttribute('href').split('/')[3]) var NewCheckBox = document.createElement('button');
var NewCheckBox = document.createElement('button') NewCheckBox.classList = 'polyplus-multicanceltr-checkbox';
NewCheckBox.classList = 'polyplus-multicanceltr-checkbox' NewCheckBox.setAttribute('style', 'padding: 20px; background-color: #191919; border: 1px solid #393939; border-radius: 1rem; margin-left: 10px;');
NewCheckBox.setAttribute('style', 'padding: 20px; background-color: #191919; border: 1px solid #393939; border-radius: 1rem; margin-left: 10px;') var Index = SelectedTrades.indexOf(TradeID);
var Index = SelectedTrades.indexOf(TradeID) if (Index !== -1) {
if (Index !== -1) { NewCheckBox.style.borderColor = 'lime';
NewCheckBox.style.borderColor = 'lime' }
} ViewBtn.parentElement.appendChild(NewCheckBox);
ViewBtn.parentElement.appendChild(NewCheckBox) NewCheckBox.addEventListener('click', function () {
NewCheckBox.addEventListener('click', function(){ var Index = SelectedTrades.indexOf(TradeID);
var Index = SelectedTrades.indexOf(TradeID) if (Index === -1) {
if (Index === -1) { SelectedTrades.push(TradeID);
SelectedTrades.push(TradeID) NewCheckBox.style.borderColor = 'lime';
NewCheckBox.style.borderColor = 'lime' } else {
} else { SelectedTrades.splice(Index, 1);
SelectedTrades.splice(Index, 1) NewCheckBox.style.borderColor = '#393939';
NewCheckBox.style.borderColor = '#393939' }
} Text_Span.innerText = SelectedTrades.length;
Text_Span.innerText = SelectedTrades.length UpdateCheckboxes();
UpdateCheckboxes(); });
}); });
}); }
}
function UpdateCheckboxes() {
function UpdateCheckboxes(){ document.querySelectorAll('.polyplus-multicanceltr-checkbox').forEach((element) => {
document.querySelectorAll('.polyplus-multicanceltr-checkbox').forEach(element => { let Parent = element.parentElement;
let Parent = element.parentElement let ViewBtn = Parent.querySelector('a.btn.btn-primary');
let ViewBtn = Parent.querySelector('a.btn.btn-primary') if (element.getAttribute('disabled')) {
if (element.getAttribute('disabled')) { element.removeAttribute('disabled');
element.removeAttribute('disabled') }
} if (SelectedTrades.IndexOf(ViewBtn.getAttribute('data-user-id')) === -1) {
if (SelectedTrades.IndexOf(ViewBtn.getAttribute('data-user-id')) === -1) { element.style.borderColor = '#393939';
element.style.borderColor = '#393939' } else {
} else { element.style.borderColor = 'lime';
element.style.borderColor = 'lime' if (SelectedTrades.length >= 10) {
if (SelectedTrades.length >= 10) { element.setAttribute('disabled', true);
element.setAttribute('disabled', true) }
} }
} });
}) }
}

162
js/account/transactions.js
View file

@ -1,80 +1,82 @@
/* /*
let Currencies; let Currencies;
LoadFile(chrome.runtime.getURL('resources/currencies.json'), function(text){ LoadFile(chrome.runtime.getURL('resources/currencies.json'), function(text){
Currencies = JSON.parse(text) Currencies = JSON.parse(text)
console.log(new Date(Currencies.Date).toLocaleDateString("en-US", {day:"numeric",month:"long",year:"numeric"}), Currencies) console.log(new Date(Currencies.Date).toLocaleDateString("en-US", {day:"numeric",month:"long",year:"numeric"}), Currencies)
}) })
*/ */
let Utilities; let Utilities;
(async () => { (async () => {
Utilities = await import(chrome.runtime.getURL('resources/utils.js')); Utilities = await import(chrome.runtime.getURL('resources/utils.js'));
Utilities = Utilities.default Utilities = Utilities.default;
})(); })();
let Nav = document.getElementsByClassName('nav-pills')[0] let Nav = document.getElementsByClassName('nav-pills')[0];
let DIV = document.createElement('div') let DIV = document.createElement('div');
DIV.innerHTML = ` DIV.innerHTML = `
<input id="polyplus-brickconverter-input" type="number" class="form-control bg-dark mb-2" placeholder="How many Bricks?"> <input id="polyplus-brickconverter-input" type="number" class="form-control bg-dark mb-2" placeholder="How many Bricks?">
<input id="polyplus-brickconverter-output" type="text" class="form-control bg-dark mb-2" placeholder="Result" disabled> <input id="polyplus-brickconverter-output" type="text" class="form-control bg-dark mb-2" placeholder="Result" disabled>
<select id="polyplus-brickconverter-type" class="form-select bg-dark mb-2"> <select id="polyplus-brickconverter-type" class="form-select bg-dark mb-2">
<option value="USD" selected>United States Dollar (USD)</option> <option value="USD" selected>United States Dollar (USD)</option>
<option value="EUR">Euro (EUR)</option> <option value="EUR">Euro (EUR)</option>
<option value="CAD">Canadian Dollar (CAD)</option> <option value="CAD">Canadian Dollar (CAD)</option>
<option value="GBP">Great British Pound (GBP)</option> <option value="GBP">Great British Pound (GBP)</option>
<option value="MXN">Mexican Peso (MXN)</option> <option value="MXN">Mexican Peso (MXN)</option>
<option value="AUD">Australian Dollar (AUD)</option> <option value="AUD">Australian Dollar (AUD)</option>
<option value="TRY">Turkish Lira (TRY)</option> <option value="TRY">Turkish Lira (TRY)</option>
</select> </select>
<!-- <!--
<select id="polyplus-brickconverter-package" class="form-select bg-dark"> <select id="polyplus-brickconverter-package" class="form-select bg-dark">
<option value="0" selected>$0.99 USD</option> <option value="0" selected>$0.99 USD</option>
<option value="1">$4.99 USD</option> <option value="1">$4.99 USD</option>
<option value="2">a</option> <option value="2">a</option>
<option value="3">b</option> <option value="3">b</option>
<option value="4">c</option> <option value="4">c</option>
<option value="5">d</option> <option value="5">d</option>
</select> </select>
--> -->
` `;
Nav.appendChild(document.createElement('hr')) Nav.appendChild(document.createElement('hr'));
Nav.appendChild(DIV) Nav.appendChild(DIV);
let Input = document.getElementById('polyplus-brickconverter-input') let Input = document.getElementById('polyplus-brickconverter-input');
let Output = document.getElementById('polyplus-brickconverter-output') let Output = document.getElementById('polyplus-brickconverter-output');
let Type = document.getElementById('polyplus-brickconverter-type') let Type = document.getElementById('polyplus-brickconverter-type');
chrome.storage.sync.get(['PolyPlus_Settings'], function(result){ chrome.storage.sync.get(['PolyPlus_Settings'], function (result) {
Type.selectedIndex = result.PolyPlus_Settings.IRLPriceWithCurrency.Currency || 0 Type.selectedIndex = result.PolyPlus_Settings.IRLPriceWithCurrency.Currency || 0;
}); });
//let Package = document.getElementById('polyplus-brickconverter-package') //let Package = document.getElementById('polyplus-brickconverter-package')
Input.addEventListener('input', function(){ Input.addEventListener('input', function () {
Update() Update();
}); });
Type.addEventListener('change', function(){ Type.addEventListener('change', function () {
Update() Update();
}); });
/* /*
Package.addEventListener('change', function(){ Package.addEventListener('change', function(){
Update() Update()
}); });
*/ */
async function Update(){ async function Update() {
if (Input.value === "") { if (Input.value === '') {
Output.value = '' Output.value = '';
return return;
} }
const IRLResult = await Utilities.CalculateIRL(Input.value, Type.selectedIndex) const IRLResult = await Utilities.CalculateIRL(Input.value, Type.selectedIndex);
Output.value = "$" + IRLResult.result + " " + IRLResult.display Output.value = '$' + IRLResult.result + ' ' + IRLResult.display;
} }
function LoadFile(path, callback) { function LoadFile(path, callback) {
var xhr = new XMLHttpRequest(); var xhr = new XMLHttpRequest();
xhr.onload = function () { return callback(this.responseText); } xhr.onload = function () {
xhr.open("GET", path, true); return callback(this.responseText);
xhr.send(); };
} xhr.open('GET', path, true);
xhr.send();
}

449
js/background.js
View file

@ -1,230 +1,219 @@
const Manifest = chrome.runtime.getManifest() const Manifest = chrome.runtime.getManifest();
const SettingsURL = chrome.runtime.getURL('settings.html') const SettingsURL = chrome.runtime.getURL('settings.html');
/* /*
ON INSTALL: ON INSTALL:
chrome.runtime.onInstalled.addListener(() => { chrome.runtime.onInstalled.addListener(() => {
chrome.tabs.create({url: 'https://polyplus.vercel.app/app/welcome.html'}) chrome.tabs.create({url: 'https://polyplus.vercel.app/app/welcome.html'})
}); });
*/ */
// WHEN CLICKING ON EXTENSION ICON OPEN THE SETTINGS PAGE // WHEN CLICKING ON EXTENSION ICON OPEN THE SETTINGS PAGE
chrome.action.onClicked.addListener((tab) => { chrome.action.onClicked.addListener((tab) => {
chrome.tabs.create({ active: true, url: SettingsURL }); chrome.tabs.create({active: true, url: SettingsURL});
}); });
// REGISTER AN ALARM FOR DAILY UPDATE CHECK // REGISTER AN ALARM FOR DAILY UPDATE CHECK
chrome.alarms.create('PolyPlus-UpdateCheck', { chrome.alarms.create('PolyPlus-UpdateCheck', {
when: Date.now() + (GetNext12PM()) when: Date.now() + GetNext12PM()
}); });
function GetNext12PM() { function GetNext12PM() {
const Now = new Date(); const Now = new Date();
const Next = new Date(); const Next = new Date();
Next.setHours(12, 0, 0, 0); Next.setHours(12, 0, 0, 0);
if (Now.getHours() >= 12) { if (Now.getHours() >= 12) {
Next.setDate(Next.getDate() + 1); Next.setDate(Next.getDate() + 1);
} }
return Next - Now; return Next - Now;
} }
// HANDLE ALARMS FIRING // HANDLE ALARMS FIRING
chrome.alarms.onAlarm.addListener(function(alarm){ chrome.alarms.onAlarm.addListener(function (alarm) {
if (alarm.name === 'PolyPlus-UpdateCheck') { if (alarm.name === 'PolyPlus-UpdateCheck') {
RunUpdateNotifier() RunUpdateNotifier();
} }
}); });
function RunUpdateNotifier() { function RunUpdateNotifier() {
chrome.storage.local.get(["PolyPlus_LiveVersion", "PolyPlus_OutOfDate", "PolyPlus_SkipUpdate"], function(result){ chrome.storage.local.get(['PolyPlus_LiveVersion', 'PolyPlus_OutOfDate', 'PolyPlus_SkipUpdate'], function (result) {
const OutOfDate = result.PolyPlus_OutOfDate || false const OutOfDate = result.PolyPlus_OutOfDate || false;
const SkipUpdate = result.PolyPlus_SkipUpdate || null const SkipUpdate = result.PolyPlus_SkipUpdate || null;
const LiveVersion = result.PolyPlus_LiveVersion || Manifest.version const LiveVersion = result.PolyPlus_LiveVersion || Manifest.version;
if (OutOfDate !== true && SkipUpdate !== LiveVersion) { if (OutOfDate !== true && SkipUpdate !== LiveVersion) {
fetch('https://polyplus.vercel.app/data/version.json') fetch('https://polyplus.vercel.app/data/version.json')
.then(response => { .then((response) => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network not ok') throw new Error('Network not ok');
} }
return response.json() return response.json();
}) })
.then(data => { .then((data) => {
chrome.storage.local.set({'PolyPlus_LiveVersion': data.version}, function(){ chrome.storage.local.set({PolyPlus_LiveVersion: data.version}, function () {
console.log('Cached live version') console.log('Cached live version');
}) });
if (data.version > Manifest.version) { if (data.version > Manifest.version) {
chrome.storage.local.set({'PolyPlus_OutOfDate': true, 'PolyPlus_ReleaseNotes': data.releaseNotes}, function(){ chrome.storage.local.set({PolyPlus_OutOfDate: true, PolyPlus_ReleaseNotes: data.releaseNotes}, function () {
console.log('Cached update notifier result') console.log('Cached update notifier result');
}); });
chrome.notifications.create("", { chrome.notifications.create(
type: "basic", '',
iconUrl: chrome.runtime.getURL("icon.png"), {
title: "New Update Available", type: 'basic',
message: "A new update is available for Poly+! (v" + data.version + ")" iconUrl: chrome.runtime.getURL('icon.png'),
}, function(notificationID) { title: 'New Update Available',
chrome.notifications.onClicked.addListener(function (id) { message: 'A new update is available for Poly+! (v' + data.version + ')'
if (id === notificationID) { },
chrome.tabs.create({url: 'https://github.com/IndexingGitHub/PolyPlus/releases', active: true}) function (notificationID) {
chrome.notifications.clear(notificationID) chrome.notifications.onClicked.addListener(function (id) {
} if (id === notificationID) {
}) chrome.tabs.create({url: 'https://github.com/IndexingGitHub/PolyPlus/releases', active: true});
}) chrome.notifications.clear(notificationID);
chrome.action.setBadgeBackgroundColor( }
{color: 'red'}, });
() => { /* ... */ }, }
); );
} chrome.action.setBadgeBackgroundColor({color: 'red'}, () => {
}) /* ... */
.catch(error => {console.log(error)}) });
} }
}); })
} .catch((error) => {
console.log(error);
chrome.contextMenus.removeAll(function() { });
chrome.contextMenus.create({ }
title: 'Run Update Notifier', });
id: 'PolyPlus-RunUpdateNotifier', }
contexts: ['all'],
documentUrlPatterns: [ chrome.contextMenus.removeAll(function () {
"https://polytoria.com/my/settings/polyplus-debug", chrome.contextMenus.create({
] title: 'Run Update Notifier',
}); id: 'PolyPlus-RunUpdateNotifier',
contexts: ['all'],
// COPY ASSET ID CONTEXT MENU ITEM REGISTRATION documentUrlPatterns: ['https://polytoria.com/my/settings/polyplus-debug']
chrome.contextMenus.create({ });
title: 'Copy Asset ID',
id: 'PolyPlus-CopyID', // COPY ASSET ID CONTEXT MENU ITEM REGISTRATION
contexts: ['link'], chrome.contextMenus.create({
documentUrlPatterns: [ title: 'Copy Asset ID',
"https://polytoria.com/*", id: 'PolyPlus-CopyID',
SettingsURL contexts: ['link'],
], documentUrlPatterns: ['https://polytoria.com/*', SettingsURL],
targetUrlPatterns: [ targetUrlPatterns: ['https://polytoria.com/places/**', 'https://polytoria.com/users/**', 'https://polytoria.com/store/**']
"https://polytoria.com/places/**", });
"https://polytoria.com/users/**",
"https://polytoria.com/store/**" // COPY AVATAR HASH CONTEXT MENU ITEM REGISTRATION
] chrome.contextMenus.create({
}); title: 'Copy Avatar Hash',
id: 'PolyPlus-CopyAvatarHash',
// COPY AVATAR HASH CONTEXT MENU ITEM REGISTRATION contexts: ['image'],
chrome.contextMenus.create({ documentUrlPatterns: ['https://polytoria.com/*', SettingsURL],
title: 'Copy Avatar Hash', targetUrlPatterns: ['https://c0.ptacdn.com/thumbnails/avatars/**', 'https://c0.ptacdn.com/thumbnails/avatars/**']
id: 'PolyPlus-CopyAvatarHash', });
contexts: ['image'], });
documentUrlPatterns: [
"https://polytoria.com/*", // HANDLE CONTEXT MENU ITEMS
SettingsURL chrome.contextMenus.onClicked.addListener(function (info, tab) {
], if (info.menuItemId === 'PolyPlus-CopyID') {
targetUrlPatterns: [ let ID = parseInt(info.linkUrl.split('/')[4]);
"https://c0.ptacdn.com/thumbnails/avatars/**", chrome.scripting
"https://c0.ptacdn.com/thumbnails/avatars/**" .executeScript({
] target: {tabId: tab.id},
}); func: CopyAssetID,
}) args: [ID]
})
// HANDLE CONTEXT MENU ITEMS .then(() => console.log('Copied ID!'));
chrome.contextMenus.onClicked.addListener(function (info, tab){ }
if (info.menuItemId === 'PolyPlus-CopyID') {
let ID = parseInt(info.linkUrl.split('/')[4]) if (info.menuItemId === 'PolyPlus-CopyAvatarHash') {
chrome.scripting let Hash = new URL(info.srcUrl).pathname.split('/')[3].replace('-icon', '').replace('.png', '');
.executeScript({ chrome.scripting
target: {tabId: tab.id}, .executeScript({
func: CopyAssetID, target: {tabId: tab.id},
args: [ID] func: CopyAvatarHash,
}) args: [Hash]
.then(() => console.log("Copied ID!")); })
} .then(() => console.log('Copied ID!'));
}
if (info.menuItemId === 'PolyPlus-CopyAvatarHash') {
let Hash = new URL(info.srcUrl).pathname.split('/')[3].replace('-icon', '').replace('.png', '') if (info.menuItemId === 'PolyPlus-RunUpdateNotifier') {
chrome.scripting RunUpdateNotifier();
.executeScript({ }
target: {tabId: tab.id}, });
func: CopyAvatarHash,
args: [Hash] chrome.runtime.onMessage.addListener(function (message, sender) {
}) console.log('hi');
.then(() => console.log("Copied ID!")); message = message.message || '';
} console.log(message);
if (message === 'tooltip') {
if (info.menuItemId === 'PolyPlus-RunUpdateNotifier') { console.log('is about tooltip');
RunUpdateNotifier() chrome.scripting.executeScript({
} target: {tabId: sender.tab.id},
}); func: UpdateTooltips
});
chrome.runtime.onMessage.addListener(function (message, sender) { }
console.log('hi') });
message = message.message || ''
console.log(message) /*
if (message === 'tooltip') { GREEN LOGO WHEN EXTENSION APPLIES TO CURRENT TAB PAGE, RED WHEN IT DOESN'T
console.log('is about tooltip') COMING SOON
chrome.scripting
.executeScript({ chrome.tabs.onActivated.addListener(function (info){
target: {tabId: sender.tab.id}, chrome.tabs.get(info.tabId, function(tab){
func: UpdateTooltips const Any = CheckIfScriptApplies(tab.url)
}) console.log(Any)
} });
}); });
/* function CheckIfScriptApplies(url) {
GREEN LOGO WHEN EXTENSION APPLIES TO CURRENT TAB PAGE, RED WHEN IT DOESN'T return Manifest.content_scripts.forEach(script => {
COMING SOON COMMENT
if (matchesUrl(script.matches, url)) {
chrome.tabs.onActivated.addListener(function (info){ return true
chrome.tabs.get(info.tabId, function(tab){ }
const Any = CheckIfScriptApplies(tab.url)
console.log(Any) script.matches.forEach(match => {
}); if (url.startsWith(match.replaceAll('*', ''))) {
}); return true
}
function CheckIfScriptApplies(url) { })
return Manifest.content_scripts.forEach(script => { })
COMMENT }
if (matchesUrl(script.matches, url)) {
return true function matchesUrl(patterns, url) {
} return patterns.some(pattern => {
return new RegExp(pattern).test(url);
script.matches.forEach(match => { });
if (url.startsWith(match.replaceAll('*', ''))) { }
return true */
}
}) function CopyAssetID(id) {
}) navigator.clipboard
} .writeText(id)
.then(() => {
function matchesUrl(patterns, url) { alert('Successfully copied ID!');
return patterns.some(pattern => { })
return new RegExp(pattern).test(url); .catch(() => {
}); alert('Failure to copy ID.');
} });
*/ }
function CopyAssetID(id) { function CopyAvatarHash(hash) {
navigator.clipboard navigator.clipboard
.writeText(id) .writeText(hash)
.then(() => { .then(() => {
alert('Successfully copied ID!') alert('Successfully copied avatar hash!');
}) })
.catch(() => { .catch(() => {
alert('Failure to copy ID.') alert('Failure to copy avatar hash.');
}); });
} }
function CopyAvatarHash(hash) { function UpdateTooltips() {
navigator.clipboard const Script = document.createElement('script');
.writeText(hash) Script.innerHTML = `
.then(() => { const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
alert('Successfully copied avatar hash!') const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
}) `;
.catch(() => { document.body.appendChild(Script);
alert('Failure to copy avatar hash.') }
});
}
function UpdateTooltips() {
const Script = document.createElement('script')
Script.innerHTML = `
const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
`
document.body.appendChild(Script)
}

246
js/debug.js
View file

@ -3,12 +3,12 @@
Accessable at /my/settings/polyplus#dev Accessable at /my/settings/polyplus#dev
*/ */
if (window.location.pathname.split('/')[3] === "polyplus" && window.location.hash === '#dev') { if (window.location.pathname.split('/')[3] === 'polyplus' && window.location.hash === '#dev') {
document.title = 'Poly+ Debug - Polytoria' document.title = 'Poly+ Debug - Polytoria';
const Version = chrome.runtime.getManifest().version const Version = chrome.runtime.getManifest().version;
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function () {
document.querySelector('#main-content .container').innerHTML = ` document.querySelector('#main-content .container').innerHTML = `
<style> <style>
#main-content .container label { #main-content .container label {
font-size: 0.8rem; font-size: 0.8rem;
@ -101,133 +101,141 @@ if (window.location.pathname.split('/')[3] === "polyplus" && window.location.has
</div> </div>
</div> </div>
</div> </div>
` `;
const CheckForUpdatesButton = document.getElementById('check-for-updates') const CheckForUpdatesButton = document.getElementById('check-for-updates');
function CheckForUpdates() { function CheckForUpdates() {
CheckForUpdatesButton.removeEventListener('click', CheckForUpdates) CheckForUpdatesButton.removeEventListener('click', CheckForUpdates);
CheckForUpdatesButton.disabled = true CheckForUpdatesButton.disabled = true;
fetch('https://polyplus.vercel.app/data/version.json') fetch('https://polyplus.vercel.app/data/version.json')
.then(response => { .then((response) => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network not ok') throw new Error('Network not ok');
} }
return response.json() return response.json();
}) })
.then(data => { .then((data) => {
if (data.version === Version || Math.floor((data.version - Version) * 10) === 0) { if (data.version === Version || Math.floor((data.version - Version) * 10) === 0) {
CheckForUpdatesButton.innerText = 'No updates available' CheckForUpdatesButton.innerText = 'No updates available';
} else { } else {
CheckForUpdatesButton.innerText = Math.floor((data.version - Version) * 10) + ' updates available' CheckForUpdatesButton.innerText = Math.floor((data.version - Version) * 10) + ' updates available';
} }
}) })
.catch(error => {console.log(error)}); .catch((error) => {
} console.log(error);
CheckForUpdatesButton.addEventListener('click', CheckForUpdates); });
}
CheckForUpdatesButton.addEventListener('click', CheckForUpdates);
document.getElementById('edit-setting').addEventListener('click', function(){ document.getElementById('edit-setting').addEventListener('click', function () {
const EditSettingName = document.getElementById('edit-setting-name') const EditSettingName = document.getElementById('edit-setting-name');
const EditSettingValue = document.getElementById('edit-setting-value') const EditSettingValue = document.getElementById('edit-setting-value');
chrome.storage.sync.get(['PolyPlus_Settings'], function(result) { chrome.storage.sync.get(['PolyPlus_Settings'], function (result) {
result = result.PolyPlus_Settings result = result.PolyPlus_Settings;
let NewValue = EditSettingValue.value let NewValue = EditSettingValue.value;
switch (NewValue) { switch (NewValue) {
case 'true': case 'true':
NewValue = true NewValue = true;
break break;
case 'false': case 'false':
NewValue = false NewValue = false;
break break;
case 'null': case 'null':
NewValue = null NewValue = null;
break break;
case 'undefined': case 'undefined':
NewValue = undefined NewValue = undefined;
break break;
case parseInt(NewValue): case parseInt(NewValue):
NewValue = parseInt(NewValue) NewValue = parseInt(NewValue);
break break;
} }
result[EditSettingName.value] = NewValue result[EditSettingName.value] = NewValue;
chrome.storage.sync.set({ 'PolyPlus_Settings': result }, function() { chrome.storage.sync.set({PolyPlus_Settings: result}, function () {
alert('Successfully set: "' + EditSettingName.value + '" to ' + NewValue) alert('Successfully set: "' + EditSettingName.value + '" to ' + NewValue);
}); });
}); });
}); });
document.getElementById('reset-settings').addEventListener('click', async function(){ document.getElementById('reset-settings').addEventListener('click', async function () {
let Utilities = await import(chrome.runtime.getURL('resources/utils.js')) let Utilities = await import(chrome.runtime.getURL('resources/utils.js'));
Utilities = Utilities.default Utilities = Utilities.default;
chrome.storage.sync.set({ 'PolyPlus_Settings': Utilities.DefaultSettings }, function() { chrome.storage.sync.set({PolyPlus_Settings: Utilities.DefaultSettings}, function () {
alert('Successfully reset settings to their defaults!') alert('Successfully reset settings to their defaults!');
}); });
}); });
document.getElementById('example-pinnedgames').addEventListener('click', function(){ document.getElementById('example-pinnedgames').addEventListener('click', function () {
chrome.storage.sync.set({ 'PolyPlus_PinnedGames': [6012, 3857, 2537] }, function() { chrome.storage.sync.set({PolyPlus_PinnedGames: [6012, 3857, 2537]}, function () {
alert('Successfully loaded example for Pinned Games!') alert('Successfully loaded example for Pinned Games!');
}); });
}); });
document.getElementById('example-bestfriends').addEventListener('click', function(){ document.getElementById('example-bestfriends').addEventListener('click', function () {
chrome.storage.sync.set({ 'PolyPlus_BestFriends': [1, 2, 3] }, function() { chrome.storage.sync.set({PolyPlus_BestFriends: [1, 2, 3]}, function () {
alert('Successfully loaded example for Best Friends!') alert('Successfully loaded example for Best Friends!');
}); });
}); });
document.getElementById('example-itemwishlist').addEventListener('click', function(){ document.getElementById('example-itemwishlist').addEventListener('click', function () {
chrome.storage.sync.set({ 'PolyPlus_ItemWishlist': [31495, 31493, 31492] }, function() { chrome.storage.sync.set({PolyPlus_ItemWishlist: [31495, 31493, 31492]}, function () {
alert('Successfully loaded example for Item Wishlist!') alert('Successfully loaded example for Item Wishlist!');
}); });
}); });
document.getElementById('clear-pinnedgames').addEventListener('click', function(){ document.getElementById('clear-pinnedgames').addEventListener('click', function () {
chrome.storage.sync.set({ 'PolyPlus_PinnedGames': [] }, function() { chrome.storage.sync.set({PolyPlus_PinnedGames: []}, function () {
alert('Successfully cleared Pinned Games!') alert('Successfully cleared Pinned Games!');
}); });
}); });
document.getElementById('clear-bestfriends').addEventListener('click', function(){ document.getElementById('clear-bestfriends').addEventListener('click', function () {
chrome.storage.sync.set({ 'PolyPlus_BestFriends': [] }, function() { chrome.storage.sync.set({PolyPlus_BestFriends: []}, function () {
alert('Successfully cleared Best Friends!') alert('Successfully cleared Best Friends!');
}); });
}); });
document.getElementById('clear-itemwishlist').addEventListener('click', function(){ document.getElementById('clear-itemwishlist').addEventListener('click', function () {
chrome.storage.sync.set({ 'PolyPlus_ItemWishlist': [] }, function() { chrome.storage.sync.set({PolyPlus_ItemWishlist: []}, function () {
alert('Successfully cleared Item Wishlist!') alert('Successfully cleared Item Wishlist!');
}); });
}); });
document.getElementById('delete-sync').addEventListener('click', function(){ document.getElementById('delete-sync').addEventListener('click', function () {
if (confirm("Are you sure you'd like to delete all sync data associated with the extension?") === false) { return } if (confirm("Are you sure you'd like to delete all sync data associated with the extension?") === false) {
chrome.storage.sync.clear(function() { return;
alert('Successfully deleted all sync data associated with the extension!') }
}); chrome.storage.sync.clear(function () {
}); alert('Successfully deleted all sync data associated with the extension!');
});
});
document.getElementById('delete-local').addEventListener('click', function(){ document.getElementById('delete-local').addEventListener('click', function () {
if (confirm("Are you sure you'd like to delete all local data associated with the extension?") === false) { return } if (confirm("Are you sure you'd like to delete all local data associated with the extension?") === false) {
chrome.storage.local.clear(function() { return;
alert('Successfully deleted all local data associated with the extension!') }
}); chrome.storage.local.clear(function () {
}); alert('Successfully deleted all local data associated with the extension!');
});
});
document.getElementById('delete-all-data').addEventListener('click', function(){ document.getElementById('delete-all-data').addEventListener('click', function () {
if (confirm("Are you sure you'd like to delete all sync and local data associated with the extension?") === false) { return } if (confirm("Are you sure you'd like to delete all sync and local data associated with the extension?") === false) {
chrome.storage.sync.clear(function() { return;
alert('Successfully deleted all sync data associated with the extension!') }
}); chrome.storage.sync.clear(function () {
chrome.storage.local.clear(function() { alert('Successfully deleted all sync data associated with the extension!');
alert('Successfully deleted all local data associated with the extension!') });
}); chrome.storage.local.clear(function () {
}); alert('Successfully deleted all local data associated with the extension!');
});
});
chrome.storage.sync.getBytesInUse(["PolyPlus_Settings", "PolyPlus_PinnedGames", "PolyPlus_BestFriends", "PolyPlus_ItemWishlist"], function(bytes){ chrome.storage.sync.getBytesInUse(['PolyPlus_Settings', 'PolyPlus_PinnedGames', 'PolyPlus_BestFriends', 'PolyPlus_ItemWishlist'], function (bytes) {
document.getElementById('data-size').innerText = bytes.toLocaleString() document.getElementById('data-size').innerText = bytes.toLocaleString();
}); });
}) });
} }

106
js/forum/forum-search.js
View file

@ -1,53 +1,53 @@
setTimeout(function () {}, 100) setTimeout(function () {}, 100);
var Settings; var Settings;
chrome.storage.sync.get(['PolyPlus_Settings'], function(result){ chrome.storage.sync.get(['PolyPlus_Settings'], function (result) {
Settings = result.PolyPlus_Settings; Settings = result.PolyPlus_Settings;
if (!(Settings.MoreSearchFiltersOn === true)) { if (!(Settings.MoreSearchFiltersOn === true)) {
return return;
} }
let Form = document.querySelector('form[action="/forum/search"]') let Form = document.querySelector('form[action="/forum/search"]');
let SearchBtn = document.querySelector('button[type="submit"]') let SearchBtn = document.querySelector('button[type="submit"]');
let CreatedByFilter = document.createElement('div') let CreatedByFilter = document.createElement('div');
CreatedByFilter.classList = 'input-group mt-2' CreatedByFilter.classList = 'input-group mt-2';
CreatedByFilter.innerHTML = ` CreatedByFilter.innerHTML = `
<div class="form-check"> <div class="form-check">
<input class="form-check-input" type="checkbox"> <input class="form-check-input" type="checkbox">
<label class="form-check-label" for="createdBy">Created by <input type="text" class="form-control" placeholder="willemsteller" id="createdBy" name="createdBy"></label> <label class="form-check-label" for="createdBy">Created by <input type="text" class="form-control" placeholder="willemsteller" id="createdBy" name="createdBy"></label>
</div> </div>
` `;
console.log(SearchBtn) console.log(SearchBtn);
Form.insertBefore(CreatedByFilter, SearchBtn.parentElement) Form.insertBefore(CreatedByFilter, SearchBtn.parentElement);
let CreatedByFilter_Checkbox = CreatedByFilter.querySelector('input[type="checkbox"]') let CreatedByFilter_Checkbox = CreatedByFilter.querySelector('input[type="checkbox"]');
let CreatedByFilter_Input = CreatedByFilter.querySelector('input[type="text"]') let CreatedByFilter_Input = CreatedByFilter.querySelector('input[type="text"]');
let CreatedByValue = GetURLParameter("createdBy") let CreatedByValue = GetURLParameter('createdBy');
console.log(CreatedByValue) console.log(CreatedByValue);
if (CreatedByValue) { if (CreatedByValue) {
CreatedByFilter_Checkbox.setAttribute('checked', true) CreatedByFilter_Checkbox.setAttribute('checked', true);
CreatedByFilter_Input.setAttribute('value', CreatedByValue) CreatedByFilter_Input.setAttribute('value', CreatedByValue);
CreatedByFilter_Input.removeAttribute('disabled') CreatedByFilter_Input.removeAttribute('disabled');
document.querySelectorAll('.forum-entry').forEach(element => { document.querySelectorAll('.forum-entry').forEach((element) => {
console.log(element.querySelectorAll('a[href^="/users/"]')[1].innerText) console.log(element.querySelectorAll('a[href^="/users/"]')[1].innerText);
if (!(element.querySelectorAll('a[href^="/users/"]')[1].innerText === CreatedByValue)) { if (!(element.querySelectorAll('a[href^="/users/"]')[1].innerText === CreatedByValue)) {
element.remove(); element.remove();
} }
}); });
} }
/* /*
CreatedByFilter_Checkbox.addEventListener('click', function(){ CreatedByFilter_Checkbox.addEventListener('click', function(){
let Status = CreatedByFilter_Checkbox.getAttribute('checked') let Status = CreatedByFilter_Checkbox.getAttribute('checked')
if (Status === true) { if (Status === true) {
CreatedByFilter_Input.removeAttribute('disabled') CreatedByFilter_Input.removeAttribute('disabled')
} else { } else {
CreatedByFilter_Input.setAttribute('disabled', true) CreatedByFilter_Input.setAttribute('disabled', true)
} }
}); });
*/ */
}); });
function GetURLParameter(param) { function GetURLParameter(param) {
const queryString = window.location.search; const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString); const urlParams = new URLSearchParams(queryString);
return urlParams.get(param); return urlParams.get(param);
} }

76
js/forum/forum-view.js
View file

@ -1,51 +1,51 @@
const ForumText = document.querySelectorAll('p:not(.text-muted):not(.mb-0)') const ForumText = document.querySelectorAll('p:not(.text-muted):not(.mb-0)');
var Settings = [] var Settings = [];
chrome.storage.sync.get(['PolyPlus_Settings'], function(result) { chrome.storage.sync.get(['PolyPlus_Settings'], function (result) {
Settings = result.PolyPlus_Settings || { Settings = result.PolyPlus_Settings || {
ForumMentsOn: false, ForumMentsOn: false,
ForumUnixStampsOn: false ForumUnixStampsOn: false
} };
if (Settings.ForumMentsOn === true) { if (Settings.ForumMentsOn === true) {
ForumMentions() ForumMentions();
} }
if (Settings.ForumUnixStampsOn === true) { if (Settings.ForumUnixStampsOn === true) {
ForumUnixTimestamps() ForumUnixTimestamps();
} }
}); });
function ForumMentions() { function ForumMentions() {
const Regex = /@([\w.]+)/g const Regex = /@([\w.]+)/g;
for (let text of ForumText) { for (let text of ForumText) {
let FormattedText = text.innerHTML let FormattedText = text.innerHTML;
let match; let match;
while ((match = Regex.exec(text.innerText)) !== null) { while ((match = Regex.exec(text.innerText)) !== null) {
const Username = match[0].substring(1) const Username = match[0].substring(1);
FormattedText = FormattedText.replaceAll(match[0], `<a href="/users/@${Username}?ref=${encodeURIComponent(window.location.pathname)}" class="polyplus-mention">${match[0]}</a>`) FormattedText = FormattedText.replaceAll(match[0], `<a href="/users/@${Username}?ref=${encodeURIComponent(window.location.pathname)}" class="polyplus-mention">${match[0]}</a>`);
} }
text.innerHTML = FormattedText text.innerHTML = FormattedText;
} }
} }
function ForumUnixTimestamps() { function ForumUnixTimestamps() {
const Regex = /&lt;t:[A-Za-z0-9]+&gt;/i const Regex = /&lt;t:[A-Za-z0-9]+&gt;/i;
for (let text of ForumText) { for (let text of ForumText) {
let FormattedText = text.innerHTML let FormattedText = text.innerHTML;
let match; let match;
while ((match = Regex.exec(FormattedText)) !== null) { while ((match = Regex.exec(FormattedText)) !== null) {
const Timestamp = new Date(match[0].substring(6, match[0].length - 4) * 1000) const Timestamp = new Date(match[0].substring(6, match[0].length - 4) * 1000);
const Months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"] const Months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
const Distance = new Intl.RelativeTimeFormat({numeric: 'auto', style: 'short'}).format(Math.floor((Timestamp - new Date()) / (60 * 1000)), 'day') const Distance = new Intl.RelativeTimeFormat({numeric: 'auto', style: 'short'}).format(Math.floor((Timestamp - new Date()) / (60 * 1000)), 'day');
const Result = `<code style="color: orange;">${Months[Timestamp.getMonth()]} ${Timestamp.getDate()}, ${Timestamp.getFullYear()} (${["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"][Timestamp.getDay()-1]}) at ${Timestamp.getHours()-12}:${String(Timestamp.getMinutes()).padStart(2, "0")} (${Distance})</code>` const Result = `<code style="color: orange;">${Months[Timestamp.getMonth()]} ${Timestamp.getDate()}, ${Timestamp.getFullYear()} (${['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'][Timestamp.getDay() - 1]}) at ${Timestamp.getHours() - 12}:${String(Timestamp.getMinutes()).padStart(2, '0')} (${Distance})</code>`;
FormattedText = FormattedText.replaceAll(match[0], Result) FormattedText = FormattedText.replaceAll(match[0], Result);
console.log(FormattedText) console.log(FormattedText);
} }
text.innerHTML = FormattedText text.innerHTML = FormattedText;
} }
} }

76
js/guilds.js
View file

@ -1,52 +1,52 @@
const StoreItems = document.getElementById('store-items') const StoreItems = document.getElementById('store-items');
var Settings; var Settings;
let Utilities; let Utilities;
chrome.storage.sync.get(['PolyPlus_Settings'], function(result){ chrome.storage.sync.get(['PolyPlus_Settings'], function (result) {
Settings = result.PolyPlus_Settings Settings = result.PolyPlus_Settings;
if (Settings.IRLPriceWithCurrency.Enabled === true) { if (Settings.IRLPriceWithCurrency.Enabled === true) {
(async () => { (async () => {
Utilities = await import(chrome.runtime.getURL('resources/utils.js')); Utilities = await import(chrome.runtime.getURL('resources/utils.js'));
Utilities = Utilities.default Utilities = Utilities.default;
for (let item of Array.from(StoreItems.children)) { for (let item of Array.from(StoreItems.children)) {
IRLPrice(item) IRLPrice(item);
} }
const PreviousPage = document.querySelector('#store-prev a') const PreviousPage = document.querySelector('#store-prev a');
const NextPage = document.querySelector('#store-next a') const NextPage = document.querySelector('#store-next a');
//PreviousPage.addEventListener('click', IRLPrice) //PreviousPage.addEventListener('click', IRLPrice)
//NextPage.addEventListener('click', IRLPrice) //NextPage.addEventListener('click', IRLPrice)
})(); })();
} }
}); });
async function IRLPrice(item) { async function IRLPrice(item) {
const Price = item.getElementsByClassName('text-success')[0] const Price = item.getElementsByClassName('text-success')[0];
if (Price !== undefined && Price.innerText !== "Free") { if (Price !== undefined && Price.innerText !== 'Free') {
const IRLResult = await Utilities.CalculateIRL(Price.innerText, Settings.IRLPriceWithCurrency.Currency) const IRLResult = await Utilities.CalculateIRL(Price.innerText, Settings.IRLPriceWithCurrency.Currency);
let Span = document.createElement('span') let Span = document.createElement('span');
Span.classList = 'text-muted polyplus-price-tag' Span.classList = 'text-muted polyplus-price-tag';
Span.style.fontSize = '0.7rem' Span.style.fontSize = '0.7rem';
Span.innerText = " ($" + IRLResult.result + " " + IRLResult.display + ")" Span.innerText = ' ($' + IRLResult.result + ' ' + IRLResult.display + ')';
Price.appendChild(Span) Price.appendChild(Span);
} }
} }
const observer = new MutationObserver(async function (list){ const observer = new MutationObserver(async function (list) {
for (const record of list) { for (const record of list) {
for (const element of record.addedNodes) { for (const element of record.addedNodes) {
if (element.tagName === "DIV" && element.classList.value === 'col-auto mb-3') { if (element.tagName === 'DIV' && element.classList.value === 'col-auto mb-3') {
if (Settings.IRLPriceWithCurrency.Enabled === true) { if (Settings.IRLPriceWithCurrency.Enabled === true) {
IRLPrice(element) IRLPrice(element);
} }
} }
} }
observer.observe(StoreItems, {attributes: false,childList: true,subtree: false}); observer.observe(StoreItems, {attributes: false, childList: true, subtree: false});
} }
}); });
observer.observe(StoreItems, {attributes: false,childList: true,subtree: false}); observer.observe(StoreItems, {attributes: false, childList: true, subtree: false});

95
js/library-download.js
View file

@ -1,57 +1,56 @@
const AssetID = window.location.pathname.split('/')[2] const AssetID = window.location.pathname.split('/')[2];
const LibraryType = document.querySelectorAll('ol a')[1].innerText const LibraryType = document.querySelectorAll('ol a')[1].innerText;
const LibraryTypes = [ const LibraryTypes = ['Models', 'Audio', 'Decal', 'Mesh'];
"Models",
"Audio",
"Decal",
"Mesh"
]
if (LibraryTypes.indexOf(LibraryType) !== -1) { if (LibraryTypes.indexOf(LibraryType) !== -1) {
chrome.storage.sync.get(['PolyPlus_Settings'], function(result){ chrome.storage.sync.get(['PolyPlus_Settings'], function (result) {
Settings = result.PolyPlus_Settings || {}; Settings = result.PolyPlus_Settings || {};
if (Settings.LibraryDownloadsOn === false) { return } if (Settings.LibraryDownloadsOn === false) {
return;
}
const Dropdown = document.querySelector('#app div[style] .dropdown-menu li') const Dropdown = document.querySelector('#app div[style] .dropdown-menu li');
const DownloadLink = document.createElement('a') const DownloadLink = document.createElement('a');
DownloadLink.classList = 'dropdown-item text-warning' DownloadLink.classList = 'dropdown-item text-warning';
DownloadLink.href = '#' DownloadLink.href = '#';
DownloadLink.innerHTML = `<i class="fa-duotone fa-download"></i> Download` DownloadLink.innerHTML = `<i class="fa-duotone fa-download"></i> Download`;
Dropdown.insertBefore(DownloadLink, Dropdown.children[Dropdown.children.length-1]) Dropdown.insertBefore(DownloadLink, Dropdown.children[Dropdown.children.length - 1]);
switch(LibraryType) { switch (LibraryType) {
case 'Models': case 'Models':
DownloadLink.href = 'https://api.polytoria.com/v1/models/get-model?id=' + AssetID DownloadLink.href = 'https://api.polytoria.com/v1/models/get-model?id=' + AssetID;
break break;
case 'Audio': case 'Audio':
const AudioBlob = new Blob([document.getElementsByTagName('audio')[0]], {type: 'octet-steam'}) const AudioBlob = new Blob([document.getElementsByTagName('audio')[0]], {type: 'octet-steam'});
DownloadLink.href = URL.createObjectURL(AudioBlob) DownloadLink.href = URL.createObjectURL(AudioBlob);
DownloadLink.download = document.getElementsByTagName('h1')[0].innerText + '.mp3' DownloadLink.download = document.getElementsByTagName('h1')[0].innerText + '.mp3';
case 'Decal': case 'Decal':
const DecalBlob = new Blob([document.getElementsByClassName('store-thumbnail')[0]], {type: 'image/png'}) const DecalBlob = new Blob([document.getElementsByClassName('store-thumbnail')[0]], {type: 'image/png'});
DownloadLink.href = URL.createObjectURL(DecalBlob) DownloadLink.href = URL.createObjectURL(DecalBlob);
DownloadLink.download = document.getElementsByTagName('h1')[0].innerText + '.png' DownloadLink.download = document.getElementsByTagName('h1')[0].innerText + '.png';
break break;
} }
if (LibraryType === 'Mesh') { if (LibraryType === 'Mesh') {
let MeshURL = null let MeshURL = null;
DownloadLink.addEventListener('click', async function(){ DownloadLink.addEventListener('click', async function () {
if (MeshURL !== null) { return } if (MeshURL !== null) {
MeshURL = await fetch('https://api.polytoria.com/v1/assets/serve-mesh/' + AssetID) return;
MeshURL = await MeshURL.json() }
MeshURL = await fetch('https://api.polytoria.com/v1/assets/serve-mesh/' + AssetID);
MeshURL = await MeshURL.json();
if (MeshURL.success === true) { if (MeshURL.success === true) {
DownloadLink.href = MeshURL.url DownloadLink.href = MeshURL.url;
DownloadLink.download = document.getElementsByTagName('h1')[0].innerText + '.glb' DownloadLink.download = document.getElementsByTagName('h1')[0].innerText + '.glb';
DownloadLink.click() DownloadLink.click();
} else { } else {
alert('Failure to fetch .glb file for mesh') alert('Failure to fetch .glb file for mesh');
} }
}) });
} }
}); });
} }

94
js/membership-themes.js
View file

@ -1,46 +1,48 @@
chrome.storage.sync.get(['PolyPlus_Settings'], function(result){ chrome.storage.sync.get(['PolyPlus_Settings'], function (result) {
Settings = result.PolyPlus_Settings || { Settings = result.PolyPlus_Settings || {
ApplyMembershipThemeOn: false, ApplyMembershipThemeOn: false,
ApplyMembershipThemeTheme: 0 ApplyMembershipThemeTheme: 0
}; };
if (Settings.ApplyMembershipThemeOn !== true) {return} if (Settings.ApplyMembershipThemeOn !== true) {
return;
MembershipTheme = Settings.ApplyMembershipThemeTheme === 0 ? 'plus': 'plusdx' }
document.addEventListener('DOMContentLoaded', function(){ MembershipTheme = Settings.ApplyMembershipThemeTheme === 0 ? 'plus' : 'plusdx';
if (document.getElementsByClassName('card-header')[0] && document.getElementsByClassName('card-header')[0].innerText === ' Page not found') {
return document.addEventListener('DOMContentLoaded', function () {
} if (document.getElementsByClassName('card-header')[0] && document.getElementsByClassName('card-header')[0].innerText === ' Page not found') {
return;
if (document.getElementsByTagName('NAV')[0].classList.contains('navbar-plus') === true || document.getElementsByTagName('NAV')[0].classList.contains('navbar-plusdx') === true) { }
return
} if (document.getElementsByTagName('NAV')[0].classList.contains('navbar-plus') === true || document.getElementsByTagName('NAV')[0].classList.contains('navbar-plusdx') === true) {
return;
const Navbar = document.querySelector('.navbar.navbar-expand-lg.navbar-light.bg-navbar.nav-topbar'); }
const Sidebar = document.querySelector('.d-flex.flex-column.flex-shrink-0.bg-sidebar.nav-sidebar');
const Navbar = document.querySelector('.navbar.navbar-expand-lg.navbar-light.bg-navbar.nav-topbar');
Navbar.classList.add('navbar-' + MembershipTheme); const Sidebar = document.querySelector('.d-flex.flex-column.flex-shrink-0.bg-sidebar.nav-sidebar');
Sidebar.classList.add('sidebar-' + MembershipTheme);
Navbar.classList.add('navbar-' + MembershipTheme);
if (MembershipTheme === 'plusdx') { Sidebar.classList.add('sidebar-' + MembershipTheme);
let SidebarLogo = document.querySelector('.nav-sidebar img');
SidebarLogo.setAttribute('src', 'https://c0.ptacdn.com/static/images/branding/icon-plusdx.bd9daa92.svg') if (MembershipTheme === 'plusdx') {
let SidebarLogoLabel = document.createElement('div') let SidebarLogo = document.querySelector('.nav-sidebar img');
SidebarLogoLabel.classList = 'nplusdx-banner' SidebarLogo.setAttribute('src', 'https://c0.ptacdn.com/static/images/branding/icon-plusdx.bd9daa92.svg');
SidebarLogoLabel.innerHTML = ` let SidebarLogoLabel = document.createElement('div');
<i class="pi pi-plusdx" style="margin-right:-0.4em"></i> SidebarLogoLabel.classList = 'nplusdx-banner';
` SidebarLogoLabel.innerHTML = `
SidebarLogo.parentElement.appendChild(SidebarLogoLabel) <i class="pi pi-plusdx" style="margin-right:-0.4em"></i>
`;
if (window.location.pathname === "/home") { SidebarLogo.parentElement.appendChild(SidebarLogoLabel);
let HomeUsernameText = document.getElementsByClassName('home-title2')[0]
HomeUsernameText.children[0].classList.add('text-plusdx') if (window.location.pathname === '/home') {
let Label = document.createElement('div') let HomeUsernameText = document.getElementsByClassName('home-title2')[0];
Label.classList = 'hplusdx-banner rounded-2' HomeUsernameText.children[0].classList.add('text-plusdx');
Label.setAttribute('style', 'margin-top: -8px; animation-delay: 0.09s;') let Label = document.createElement('div');
Label.innerText = 'Deluxe' Label.classList = 'hplusdx-banner rounded-2';
HomeUsernameText.appendChild(Label) Label.setAttribute('style', 'margin-top: -8px; animation-delay: 0.09s;');
} Label.innerText = 'Deluxe';
} HomeUsernameText.appendChild(Label);
}); }
}); }
});
});

112
js/op-comments.js
View file

@ -1,55 +1,57 @@
!(() => { !(() => {
let Comments = document.getElementById('comments') let Comments = document.getElementById('comments');
const Type = window.location.pathname.split('/')[1] const Type = window.location.pathname.split('/')[1];
let CreatorID; let CreatorID;
if (Type === 'store') { if (Type === 'store') {
if (document.querySelector('h5 .text-reset[href^="/users/"]')) { if (document.querySelector('h5 .text-reset[href^="/users/"]')) {
CreatorID = document.querySelector('h5 .text-reset[href^="/users/"]').getAttribute('href').split('/')[2] CreatorID = document.querySelector('h5 .text-reset[href^="/users/"]').getAttribute('href').split('/')[2];
} else { } else {
CreatorID = 1 CreatorID = 1;
} }
} else if (Type === 'places') { } else if (Type === 'places') {
CreatorID = document.querySelector('.mcard .col .text-muted [href^="/users/"]').getAttribute('href').split('/')[2] CreatorID = document.querySelector('.mcard .col .text-muted [href^="/users/"]').getAttribute('href').split('/')[2];
} else if (Type === 'feed') { } else if (Type === 'feed') {
CreatorID = document.querySelector('p a[href^="/users/"].text-reset').getAttribute('href').split('/')[2] CreatorID = document.querySelector('p a[href^="/users/"].text-reset').getAttribute('href').split('/')[2];
} else if (Type === 'guilds') { } else if (Type === 'guilds') {
CreatorID = document.querySelector('[class^="userlink-"][href^="/users/"]').getAttribute('href').split('/')[2] CreatorID = document.querySelector('[class^="userlink-"][href^="/users/"]').getAttribute('href').split('/')[2];
Comments = document.getElementById('wall-posts') Comments = document.getElementById('wall-posts');
} }
const Observer = new MutationObserver(function (list){ const Observer = new MutationObserver(function (list) {
for (let record of list) { for (let record of list) {
for (let element of record.addedNodes) { for (let element of record.addedNodes) {
if (element.classList === 'card mb-3') { if (element.classList === 'card mb-3') {
LoadCreatorTag(element) LoadCreatorTag(element);
} }
} }
} }
}); });
Observer.observe(Comments, {attributes: false, childList: true, subtree: false}) Observer.observe(Comments, {attributes: false, childList: true, subtree: false});
const LoadCreatorTag = function(element) { const LoadCreatorTag = function (element) {
let NameElement = element.querySelector('.text-reset[href^="/users/"]') let NameElement = element.querySelector('.text-reset[href^="/users/"]');
if (Type === 'guilds') { if (Type === 'guilds') {
NameElement = element.querySelector('[class^="userlink-"][href^="/users/"]') NameElement = element.querySelector('[class^="userlink-"][href^="/users/"]');
} }
let UserID = NameElement.getAttribute('href').split('/')[2] let UserID = NameElement.getAttribute('href').split('/')[2];
if (UserID === CreatorID) { if (UserID === CreatorID) {
let Tag = document.createElement('span') let Tag = document.createElement('span');
Tag.classList = 'badge bg-primary' Tag.classList = 'badge bg-primary';
Tag.style.marginLeft = '5px' Tag.style.marginLeft = '5px';
Tag.style.verticalAlign = 'text-top' Tag.style.verticalAlign = 'text-top';
Tag.innerText = 'CREATOR' Tag.innerText = 'CREATOR';
if (Type === 'guilds') { Tag.innerText = 'LEADER' } if (Type === 'guilds') {
NameElement.appendChild(Tag) Tag.innerText = 'LEADER';
}
//new window.bootstrap.Tooltip(Tag, {toggle:"tooltip",title:"This user is the creator of this asset!"}) NameElement.appendChild(Tag);
}
} //new window.bootstrap.Tooltip(Tag, {toggle:"tooltip",title:"This user is the creator of this asset!"})
}
Array.from(Comments.children).forEach(element => { };
LoadCreatorTag(element)
}); Array.from(Comments.children).forEach((element) => {
})(); LoadCreatorTag(element);
});
})();

318
js/places/place-edit.js
View file

@ -1,158 +1,160 @@
const PlaceID = window.location.pathname.split('/')[3] const PlaceID = window.location.pathname.split('/')[3];
const Form = document.querySelector('form[action="/create/place/update"]') const Form = document.querySelector('form[action="/create/place/update"]');
var Settings; var Settings;
var PlaceData = null var PlaceData = null;
!(async () => { !(async () => {
ActivityToggle() ActivityToggle();
//RequestGameProfile() //RequestGameProfile()
CopyOwnedPlace() CopyOwnedPlace();
})() })();
async function ActivityToggle() { async function ActivityToggle() {
if (PlaceData === null) { if (PlaceData === null) {
PlaceData = await fetch('https://api.polytoria.com/v1/places/' + PlaceID) PlaceData = await fetch('https://api.polytoria.com/v1/places/' + PlaceID);
PlaceData = await PlaceData.json() PlaceData = await PlaceData.json();
} }
let Status = PlaceData.isActive let Status = PlaceData.isActive;
const DIV = document.createElement('div') const DIV = document.createElement('div');
DIV.classList = 'form-group mt-4' DIV.classList = 'form-group mt-4';
DIV.innerHTML = ` DIV.innerHTML = `
<label class="mb-2"> <label class="mb-2">
<h5 class="mb-0">Toggle Activity</h5> <h5 class="mb-0">Toggle Activity</h5>
<small class="text-muted">Make your place active or inactive (currently ${(Status === true) ? 'active' : 'inactive'}).</small> <small class="text-muted">Make your place active or inactive (currently ${Status === true ? 'active' : 'inactive'}).</small>
</label> </label>
<br> <br>
` `;
Form.insertBefore(DIV, Form.children[Form.children.length-1]) Form.insertBefore(DIV, Form.children[Form.children.length - 1]);
const ActivityBtn = document.createElement('button') const ActivityBtn = document.createElement('button');
ActivityBtn.type = 'button' ActivityBtn.type = 'button';
ActivityBtn.classList = 'btn ' + (Status === true ? 'btn-danger' : 'btn-success') ActivityBtn.classList = 'btn ' + (Status === true ? 'btn-danger' : 'btn-success');
ActivityBtn.innerText = Status === true ? 'Deactivate' : 'Activate' ActivityBtn.innerText = Status === true ? 'Deactivate' : 'Activate';
DIV.appendChild(ActivityBtn) DIV.appendChild(ActivityBtn);
ActivityBtn.addEventListener('click', function() { ActivityBtn.addEventListener('click', function () {
fetch(`https://polytoria.com/api/places/${PlaceID}/toggle-active`, { fetch(`https://polytoria.com/api/places/${PlaceID}/toggle-active`, {
method: "POST", method: 'POST',
headers: { headers: {
'Content-Type': 'application/json', 'Content-Type': 'application/json',
'X-CSRF-Token': document.querySelector('input[name="_csrf"]').value 'X-CSRF-Token': document.querySelector('input[name="_csrf"]').value
} }
}) })
.then(response => { .then((response) => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network not ok ' + response.status) throw new Error('Network not ok ' + response.status);
} }
return response.json() return response.json();
}) })
.then(data => { .then((data) => {
Status = data.isActive Status = data.isActive;
ActivityBtn.innerText = Status === true ? 'Deactivate' : 'Activate' ActivityBtn.innerText = Status === true ? 'Deactivate' : 'Activate';
ActivityBtn.classList = 'btn ' + (Status === true ? 'btn-danger' : 'btn-success') ActivityBtn.classList = 'btn ' + (Status === true ? 'btn-danger' : 'btn-success');
}) })
.catch(error => { .catch((error) => {
console.log(error) console.log(error);
}); });
}); });
} }
function RequestGameProfile() { function RequestGameProfile() {
const Div = document.createElement('div') const Div = document.createElement('div');
Div.classList = 'card mt-4' Div.classList = 'card mt-4';
Div.innerHTML = ` Div.innerHTML = `
<div class="card-body"> <div class="card-body">
<input type="text" class="form-control bg-dark mb-2" placeholder="Game Title.."> <input type="text" class="form-control bg-dark mb-2" placeholder="Game Title..">
<input type="color" class="form-control bg-dark mb-2" placeholder="Background Color.."> <input type="color" class="form-control bg-dark mb-2" placeholder="Background Color..">
<input type="color" class="form-control bg-dark mb-2" placeholder="Accent Color.."> <input type="color" class="form-control bg-dark mb-2" placeholder="Accent Color..">
<input type="color" class="form-control bg-dark mb-2" placeholder="Secondary Color.."> <input type="color" class="form-control bg-dark mb-2" placeholder="Secondary Color..">
<input type="color" class="form-control bg-dark mb-2" placeholder="Card Background Color.."> <input type="color" class="form-control bg-dark mb-2" placeholder="Card Background Color..">
<input type="color" class="form-control bg-dark mb-2" placeholder="Text Color.."> <input type="color" class="form-control bg-dark mb-2" placeholder="Text Color..">
<button type="button" class="btn btn-primary">Submit Request</button> <button type="button" class="btn btn-primary">Submit Request</button>
</div> </div>
` `;
Form.insertBefore(Div, Form.children[Form.children.length-1]) Form.insertBefore(Div, Form.children[Form.children.length - 1]);
const SubmitBtn = Div.getElementsByTagName('button')[0] const SubmitBtn = Div.getElementsByTagName('button')[0];
SubmitBtn.addEventListener('click', function(){ SubmitBtn.addEventListener('click', function () {
const CardBody = Div.children[0] const CardBody = Div.children[0];
const Result = { const Result = {
gameTitle: CardBody.children[0].value, gameTitle: CardBody.children[0].value,
bg: CardBody.children[1].value, bg: CardBody.children[1].value,
accent: CardBody.children[2].value, accent: CardBody.children[2].value,
secondary: CardBody.children[3].value, secondary: CardBody.children[3].value,
cardBg: CardBody.children[4].value, cardBg: CardBody.children[4].value,
text: CardBody.children[5].value text: CardBody.children[5].value
} };
window.location.href = 'https://polyplus.vercel.app/app/game-profile.html?gameId=' + PlaceID + '&profile=' + encodeURIComponent(btoa(JSON.stringify(Result))) window.location.href = 'https://polyplus.vercel.app/app/game-profile.html?gameId=' + PlaceID + '&profile=' + encodeURIComponent(btoa(JSON.stringify(Result)));
}); });
} }
async function CopyOwnedPlace() { async function CopyOwnedPlace() {
console.log('ran function') console.log('ran function');
if (PlaceData === null) { if (PlaceData === null) {
PlaceData = await fetch('https://api.polytoria.com/v1/places/' + 2640) PlaceData = await fetch('https://api.polytoria.com/v1/places/' + 2640);
PlaceData = await PlaceData.json() PlaceData = await PlaceData.json();
} }
if (PlaceData.creator.id !== parseInt(JSON.parse(window.localStorage.getItem('p+account_info')).ID)) { if (PlaceData.creator.id !== parseInt(JSON.parse(window.localStorage.getItem('p+account_info')).ID)) {
console.log('returned') console.log('returned');
//return //return
} }
const DIV = document.createElement('div') const DIV = document.createElement('div');
DIV.classList = 'form-group mt-4' DIV.classList = 'form-group mt-4';
DIV.innerHTML = ` DIV.innerHTML = `
<label class="mb-2"> <label class="mb-2">
<h5 class="mb-0">Download <code style="color: orange;">.poly</code> File</h5> <h5 class="mb-0">Download <code style="color: orange;">.poly</code> File</h5>
<small class="text-muted">Quickly download your place from the site!</small> <small class="text-muted">Quickly download your place from the site!</small>
</label> </label>
<br> <br>
<button type="button" class="btn btn-primary">Download</button> <button type="button" class="btn btn-primary">Download</button>
` `;
Form.insertBefore(DIV, Form.children[Form.children.length-1]) Form.insertBefore(DIV, Form.children[Form.children.length - 1]);
const DownloadButton = DIV.getElementsByTagName('button')[0] const DownloadButton = DIV.getElementsByTagName('button')[0];
DownloadButton.addEventListener('click', async function() { DownloadButton.addEventListener('click', async function () {
console.log('clicked download epic') console.log('clicked download epic');
let CreatorToken = await fetch('https://polytoria.com/api/places/edit', { let CreatorToken = await fetch('https://polytoria.com/api/places/edit', {
method: "POST", method: 'POST',
headers: { headers: {
'X-CSRF-Token': document.querySelector('input[name="_csrf"]').value 'X-CSRF-Token': document.querySelector('input[name="_csrf"]').value
}, },
body: JSON.stringify({ placeID: PlaceID }) body: JSON.stringify({placeID: PlaceID})
}) });
CreatorToken = await CreatorToken.json() CreatorToken = await CreatorToken.json();
CreatorToken = CreatorToken.token CreatorToken = CreatorToken.token;
fetch(`https://api.polytoria.com/v1/places/get-place?id=${PlaceID}&tokenType=creator`, { fetch(`https://api.polytoria.com/v1/places/get-place?id=${PlaceID}&tokenType=creator`, {
headers: { headers: {
'Authorization': CreatorToken Authorization: CreatorToken
} }
}) })
.then(response => { .then((response) => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network not ok') throw new Error('Network not ok');
} }
return response.blob() return response.blob();
}) })
.then(data => { .then((data) => {
//const JSONBlob = new Blob([data], {type: "application/xml"}) //const JSONBlob = new Blob([data], {type: "application/xml"})
const DownloadURL = URL.createObjectURL(data) const DownloadURL = URL.createObjectURL(data);
const Link = document.createElement('a') const Link = document.createElement('a');
Link.href = DownloadURL Link.href = DownloadURL;
Link.download = PlaceData.name + '.poly' Link.download = PlaceData.name + '.poly';
document.body.appendChild(Link) document.body.appendChild(Link);
Link.click() Link.click();
Link.remove() Link.remove();
}) })
.catch(error => {console.log(error)}); .catch((error) => {
}) console.log(error);
} });
});
}

82
js/places/place-join.js
View file

@ -3,43 +3,47 @@
*/ */
!(() => { !(() => {
return return;
const PlaceID = parseInt(window.location.pathname.split('/')[2]) const PlaceID = parseInt(window.location.pathname.split('/')[2]);
fetch('https://polytoria.com/home')
.then(response => {
if (!response.ok) {
throw new Error('Network not ok')
}
return response.text()
})
.then(data => {
const Parser = new DOMParser()
const Doc = Parser.parseFromString(data, 'text/html')
fetch('https://polytoria.com/api/places/join',{ fetch('https://polytoria.com/home')
method: 'POST', .then((response) => {
headers: { if (!response.ok) {
'Content-Type': 'application/json', throw new Error('Network not ok');
'X-Csrf-Token': Doc.querySelector('[name="_csrf"]').value }
}, return response.text();
body: JSON.stringify({ })
'placeID': PlaceID .then((data) => {
}) const Parser = new DOMParser();
}) const Doc = Parser.parseFromString(data, 'text/html');
.then(response => {
if (!response.ok) { fetch('https://polytoria.com/api/places/join', {
throw new Error('Network not ok') method: 'POST',
} headers: {
return response.json() 'Content-Type': 'application/json',
}) 'X-Csrf-Token': Doc.querySelector('[name="_csrf"]').value
.then(data => { },
if (data.success !== true) {throw new Error(data.message)} body: JSON.stringify({
setTimeout(function(){ placeID: PlaceID
window.location.href = 'polytoria://client/' + data.token })
window.location.href = 'https://polytoria.com/places/' + PlaceID })
}, 5000) .then((response) => {
}) if (!response.ok) {
.catch(error => {console.log(error)}) throw new Error('Network not ok');
}) }
})(); return response.json();
})
.then((data) => {
if (data.success !== true) {
throw new Error(data.message);
}
setTimeout(function () {
window.location.href = 'polytoria://client/' + data.token;
window.location.href = 'https://polytoria.com/places/' + PlaceID;
}, 5000);
})
.catch((error) => {
console.log(error);
});
});
})();

717
js/places/place-view.js
View file

@ -1,136 +1,138 @@
const PlaceID = window.location.pathname.split('/')[2] const PlaceID = window.location.pathname.split('/')[2];
const UserID = JSON.parse(window.localStorage.getItem('p+account_info')).ID const UserID = JSON.parse(window.localStorage.getItem('p+account_info')).ID;
const GameCreator = document.querySelector('#main-content .card-body .col div.text-muted a[href^="/users/"]').getAttribute('href').split('/')[2] const GameCreator = document.querySelector('#main-content .card-body .col div.text-muted a[href^="/users/"]').getAttribute('href').split('/')[2];
let Utilities; let Utilities;
var Settings; var Settings;
var PinnedGamesData = [] var PinnedGamesData = [];
let GamePinned; let GamePinned;
let InfoColumns = document.querySelectorAll('#main-content .col:has(#likes-data-container) .card:has(.fas.fa-chart-bar) ul') let InfoColumns = document.querySelectorAll('#main-content .col:has(#likes-data-container) .card:has(.fas.fa-chart-bar) ul');
let CalculateRevenueButton; let CalculateRevenueButton;
const AchievementsTab = document.getElementById('achievements-tabpane') const AchievementsTab = document.getElementById('achievements-tabpane');
const GamepassesTab = document.getElementById('gamepasses-tabpane') const GamepassesTab = document.getElementById('gamepasses-tabpane');
const Achievements = Array.from(AchievementsTab.getElementsByClassName('card')) || [] const Achievements = Array.from(AchievementsTab.getElementsByClassName('card')) || [];
const Gamepasses = Array.from(GamepassesTab.getElementsByClassName('card')) || [] const Gamepasses = Array.from(GamepassesTab.getElementsByClassName('card')) || [];
!(() => { !(() => {
if (PlaceID === undefined) { return } if (PlaceID === undefined) {
return;
}
const DataContainer = document.getElementById('likes-data-container') const DataContainer = document.getElementById('likes-data-container');
const RatingsData = { const RatingsData = {
Likes: parseInt(DataContainer.getAttribute('data-like-count')), Likes: parseInt(DataContainer.getAttribute('data-like-count')),
Dislikes: parseInt(DataContainer.getAttribute('data-dislike-count')), Dislikes: parseInt(DataContainer.getAttribute('data-dislike-count')),
Percentage: null Percentage: null
} };
RatingsData.Percentage = Math.floor((RatingsData.Likes / (RatingsData.Likes + RatingsData.Dislikes)) * 100) RatingsData.Percentage = Math.floor((RatingsData.Likes / (RatingsData.Likes + RatingsData.Dislikes)) * 100);
const RatingsContainer = document.getElementById('thumbup-btn').parentElement.parentElement const RatingsContainer = document.getElementById('thumbup-btn').parentElement.parentElement;
const PercentageLabel = document.createElement('small') const PercentageLabel = document.createElement('small');
PercentageLabel.classList = 'text-muted' PercentageLabel.classList = 'text-muted';
PercentageLabel.style.fontSize = '0.8rem' PercentageLabel.style.fontSize = '0.8rem';
PercentageLabel.style.marginLeft = '10px' PercentageLabel.style.marginLeft = '10px';
PercentageLabel.style.marginRight = '10px' PercentageLabel.style.marginRight = '10px';
if (!isNaN(RatingsData.Percentage)) {
PercentageLabel.innerText = RatingsData.Percentage + '%'
} else {
PercentageLabel.innerText = 'N/A'
}
RatingsContainer.children[0].appendChild(PercentageLabel) if (!isNaN(RatingsData.Percentage)) {
PercentageLabel.innerText = RatingsData.Percentage + '%';
} else {
PercentageLabel.innerText = 'N/A';
}
chrome.storage.sync.get(['PolyPlus_Settings'], async function(result) { RatingsContainer.children[0].appendChild(PercentageLabel);
Settings = result.PolyPlus_Settings || {}
Utilities = await import(chrome.runtime.getURL('resources/utils.js')); chrome.storage.sync.get(['PolyPlus_Settings'], async function (result) {
Utilities = Utilities.default Settings = result.PolyPlus_Settings || {};
if (Settings.PinnedGamesOn === true) {
PinnedGames()
}
if (Settings.InlineEditingOn === true && GameCreator === UserID) { Utilities = await import(chrome.runtime.getURL('resources/utils.js'));
InlineEditing() Utilities = Utilities.default;
}
const Description = document.querySelector('.col:has(#likes-data-container) .card.mcard.mb-2 .card-body.p-3.small') if (Settings.PinnedGamesOn === true) {
if (Settings.GameProfilesOn === true && Description !== null) { PinnedGames();
const GameProfileRegex = /p\+gp;(#(?:[A-Fa-f0-9]{3}){1,2}\b(;#(?:[A-Fa-f0-9]{3}){1,2}\b)+)/gm }
if (GameProfileRegex.test(Description.innerText)) {
const Info = GameProfileRegex.exec(Description.innerText)[1].split(';')
GameProfile(Info)
}
}
if (Settings.IRLPriceWithCurrency.Enabled === true) { if (Settings.InlineEditingOn === true && GameCreator === UserID) {
IRLPrice() InlineEditing();
} }
if (Settings.ShowPlaceRevenueOn === true) { const Description = document.querySelector('.col:has(#likes-data-container) .card.mcard.mb-2 .card-body.p-3.small');
const NameRow = document.createElement('li') if (Settings.GameProfilesOn === true && Description !== null) {
NameRow.innerText = 'Revenue:' const GameProfileRegex = /p\+gp;(#(?:[A-Fa-f0-9]{3}){1,2}\b(;#(?:[A-Fa-f0-9]{3}){1,2}\b)+)/gm;
if (GameProfileRegex.test(Description.innerText)) {
const Info = GameProfileRegex.exec(Description.innerText)[1].split(';');
GameProfile(Info);
}
}
CalculateRevenueButton = document.createElement('li') if (Settings.IRLPriceWithCurrency.Enabled === true) {
CalculateRevenueButton.classList = 'fw-normal text-success' IRLPrice();
CalculateRevenueButton.style.letterSpacing = '0px' }
CalculateRevenueButton.innerHTML = `
if (Settings.ShowPlaceRevenueOn === true) {
const NameRow = document.createElement('li');
NameRow.innerText = 'Revenue:';
CalculateRevenueButton = document.createElement('li');
CalculateRevenueButton.classList = 'fw-normal text-success';
CalculateRevenueButton.style.letterSpacing = '0px';
CalculateRevenueButton.innerHTML = `
<a class="text-decoration-underline text-success" style="text-decoration-color: rgb(15, 132, 79) !important;">$ Calculate</a> <a class="text-decoration-underline text-success" style="text-decoration-color: rgb(15, 132, 79) !important;">$ Calculate</a>
` `;
InfoColumns[0].appendChild(NameRow) InfoColumns[0].appendChild(NameRow);
InfoColumns[1].appendChild(CalculateRevenueButton) InfoColumns[1].appendChild(CalculateRevenueButton);
let Calculating = false let Calculating = false;
CalculateRevenueButton.addEventListener('click', function() { CalculateRevenueButton.addEventListener('click', function () {
if (Calculating === false) { if (Calculating === false) {
Calculating = true Calculating = true;
CalculateRevenueButton.innerText = '$ Calculating...' CalculateRevenueButton.innerText = '$ Calculating...';
PlaceRevenue() PlaceRevenue();
} }
}) });
} }
if (AchievementsTab.getElementsByClassName('display-3')[0] === undefined) { if (AchievementsTab.getElementsByClassName('display-3')[0] === undefined) {
AchievementProgressBar() AchievementProgressBar();
AchievementEarnedPercentage() AchievementEarnedPercentage();
for (let achievement of Achievements) { for (let achievement of Achievements) {
if ((achievement.getElementsByClassName('fad fa-check-circle')[0] !== undefined) === false) { if ((achievement.getElementsByClassName('fad fa-check-circle')[0] !== undefined) === false) {
achievement.style.opacity = '0.5' achievement.style.opacity = '0.5';
} }
} }
} }
}); });
})() })();
async function PinnedGames() { async function PinnedGames() {
chrome.storage.sync.get(['PolyPlus_PinnedGames'], function(result){ chrome.storage.sync.get(['PolyPlus_PinnedGames'], function (result) {
PinnedGamesData = result.PolyPlus_PinnedGames || []; PinnedGamesData = result.PolyPlus_PinnedGames || [];
const PinBtn = document.createElement('button'); const PinBtn = document.createElement('button');
PinBtn.classList = 'btn btn-warning btn-sm'; PinBtn.classList = 'btn btn-warning btn-sm';
PinBtn.style = 'position: absolute; right: 0; margin-right: 7px;' PinBtn.style = 'position: absolute; right: 0; margin-right: 7px;';
if (PinnedGamesData.includes(parseInt(PlaceID))) {
PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Un-pin';
} else {
if (PinnedGamesData.length !== Utilities.Limits.PinnedGames) {
PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Pin'
} else {
PinBtn.setAttribute('disabled', true)
PinBtn.innerHTML = `<i class="fa-duotone fa-star"></i> Pin (max ${Utilities.Limits.PinnedGames}/${Utilities.Limits.PinnedGames})`
}
}
PinBtn.addEventListener('click', function() { if (PinnedGamesData.includes(parseInt(PlaceID))) {
PinBtn.setAttribute('disabled', 'true') PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Un-pin';
} else {
if (PinnedGamesData.length !== Utilities.Limits.PinnedGames) {
PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Pin';
} else {
PinBtn.setAttribute('disabled', true);
PinBtn.innerHTML = `<i class="fa-duotone fa-star"></i> Pin (max ${Utilities.Limits.PinnedGames}/${Utilities.Limits.PinnedGames})`;
}
}
chrome.storage.sync.get(['PolyPlus_PinnedGames'], function(result) { PinBtn.addEventListener('click', function () {
PinnedGamesData = result.PolyPlus_PinnedGames || []; PinBtn.setAttribute('disabled', 'true');
/*
chrome.storage.sync.get(['PolyPlus_PinnedGames'], function (result) {
PinnedGamesData = result.PolyPlus_PinnedGames || [];
/*
const Index = PinnedGames.indexOf(parseInt(PlaceID)) const Index = PinnedGames.indexOf(parseInt(PlaceID))
if (Index !== -1) { if (Index !== -1) {
//delete PinnedGames[PlaceID] //delete PinnedGames[PlaceID]
@ -142,32 +144,32 @@ async function PinnedGames() {
PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Un-pin' PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Un-pin'
} }
*/ */
const Index = PinnedGamesData.indexOf(parseInt(PlaceID)); const Index = PinnedGamesData.indexOf(parseInt(PlaceID));
if (Index !== -1) { if (Index !== -1) {
PinnedGamesData.splice(Index, 1); PinnedGamesData.splice(Index, 1);
PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Pin' PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Pin';
} else { } else {
PinnedGamesData.push(parseInt(PlaceID)); PinnedGamesData.push(parseInt(PlaceID));
PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Un-pin' PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Un-pin';
} }
chrome.storage.sync.set({ 'PolyPlus_PinnedGames': PinnedGamesData, arrayOrder: true }, function() {
setTimeout(function() {
PinBtn.removeAttribute('disabled')
console.log(PinnedGamesData)
}, 1250)
});
});
});
document.getElementsByClassName('card-header')[2].appendChild(PinBtn); chrome.storage.sync.set({PolyPlus_PinnedGames: PinnedGamesData, arrayOrder: true}, function () {
setTimeout(function () {
PinBtn.removeAttribute('disabled');
console.log(PinnedGamesData);
}, 1250);
});
});
});
chrome.storage.onChanged.addListener(function(changes, namespace) { document.getElementsByClassName('card-header')[2].appendChild(PinBtn);
if ('PolyPlus_PinnedGames' in changes) {
chrome.storage.sync.get(['PolyPlus_PinnedGames'], function(result) { chrome.storage.onChanged.addListener(function (changes, namespace) {
PinnedGamesData = result.PolyPlus_PinnedGames || []; if ('PolyPlus_PinnedGames' in changes) {
chrome.storage.sync.get(['PolyPlus_PinnedGames'], function (result) {
/* PinnedGamesData = result.PolyPlus_PinnedGames || [];
/*
if (PinnedGamesData[PlaceID]) { if (PinnedGamesData[PlaceID]) {
PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Un-pin' PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Un-pin'
} else { } else {
@ -180,162 +182,160 @@ async function PinnedGames() {
} }
} }
*/ */
if (PinnedGamesData.includes(parseInt(PlaceID))) { if (PinnedGamesData.includes(parseInt(PlaceID))) {
PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Un-pin' PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Un-pin';
} else { } else {
if (PinnedGamesData.length !== Utilities.Limits.PinnedGames) { if (PinnedGamesData.length !== Utilities.Limits.PinnedGames) {
PinBtn.removeAttribute('disabled') PinBtn.removeAttribute('disabled');
PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Pin' PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Pin';
} else { } else {
PinBtn.setAttribute('disabled', true) PinBtn.setAttribute('disabled', true);
PinBtn.innerHTML = `<i class="fa-duotone fa-star"></i> Pin (max ${Utilities.Limits.PinnedGames}/${Utilities.Limits.PinnedGames})` PinBtn.innerHTML = `<i class="fa-duotone fa-star"></i> Pin (max ${Utilities.Limits.PinnedGames}/${Utilities.Limits.PinnedGames})`;
} }
} }
}); });
} }
}); });
}); });
} }
async function InlineEditing() { async function InlineEditing() {
/* /*
INLINE EDITING TO-DO: INLINE EDITING TO-DO:
- Make it possible to edit the description even if there is no description initially - Make it possible to edit the description even if there is no description initially
- Make it possible to edit the place's genre - Make it possible to edit the place's genre
*/ */
let Editing = false let Editing = false;
const Style = document.createElement('style') const Style = document.createElement('style');
Style.innerHTML = ` Style.innerHTML = `
body[data-polyplus-inlineEditing="true"] .polyplus-inlineEditing-visible {display: block !important;} body[data-polyplus-inlineEditing="true"] .polyplus-inlineEditing-visible {display: block !important;}
.polyplus-inlineEditing-visible {display: none;} .polyplus-inlineEditing-visible {display: none;}
body[data-polyplus-inlineEditing="true"] .polyplus-inlineEditing-hidden {display: none !important;} body[data-polyplus-inlineEditing="true"] .polyplus-inlineEditing-hidden {display: none !important;}
.polyplus-inlineEditing-hidden {display: block;} .polyplus-inlineEditing-hidden {display: block;}
` `;
document.body.prepend(Style) document.body.prepend(Style);
const Inputs = [ const Inputs = [
{ {
name: "name", name: 'name',
element: null, element: null,
reference: '.card-header h1[style="font-weight:800;font-size:1.6em"]', reference: '.card-header h1[style="font-weight:800;font-size:1.6em"]',
placeholder: "Place Title..", placeholder: 'Place Title..',
required: true, required: true,
isTextarea: false, isTextarea: false,
styles: 'font-weight:800;font-size:1.6em' styles: 'font-weight:800;font-size:1.6em'
}, },
{ {
name: "description", name: 'description',
element: null, element: null,
reference: '.col:has(#likes-data-container) .card.mcard.mb-2 .card-body.p-3.small', reference: '.col:has(#likes-data-container) .card.mcard.mb-2 .card-body.p-3.small',
placeholder: "Place Description..", placeholder: 'Place Description..',
required: false, required: false,
isTextarea: true, isTextarea: true,
styles: 'height:300px; overflow-y:auto;' styles: 'height:300px; overflow-y:auto;'
} }
] ];
console.log(Inputs) console.log(Inputs);
for (let input of Inputs) { for (let input of Inputs) {
let Input = (input.isTextarea === true) ? document.createElement('textarea') : document.createElement('input') let Input = input.isTextarea === true ? document.createElement('textarea') : document.createElement('input');
input.element = Input input.element = Input;
const Reference = document.querySelector(input.reference) const Reference = document.querySelector(input.reference);
Input.classList = 'polyplus-inlineEditing-visible form-control' Input.classList = 'polyplus-inlineEditing-visible form-control';
Input.placeholder = input.placeholder Input.placeholder = input.placeholder;
Input.value = Reference.innerText Input.value = Reference.innerText;
Input.style = input.styles Input.style = input.styles;
Reference.classList.add('polyplus-inlineEditing-hidden') Reference.classList.add('polyplus-inlineEditing-hidden');
Reference.parentElement.appendChild(Input) Reference.parentElement.appendChild(Input);
} }
const PlaceGenre = document.getElementsByClassName('list-unstyled m-0 col')[0].children[3] const PlaceGenre = document.getElementsByClassName('list-unstyled m-0 col')[0].children[3];
const Genres = [ const Genres = [
"other", 'other',
"adventure", 'adventure',
"building", 'building',
"competitive", 'competitive',
"creative", 'creative',
"fighting", 'fighting',
"funny", 'funny',
"hangout", 'hangout',
"medieval", 'medieval',
"parkour", 'parkour',
"puzzle", 'puzzle',
"racing", 'racing',
"roleplay", 'roleplay',
"sandbox", 'sandbox',
"showcase", 'showcase',
"simulator", 'simulator',
"sports", 'sports',
"strategy", 'strategy',
"survival", 'survival',
"techdemo", 'techdemo',
"trading", 'trading',
"tycoon", 'tycoon',
"western" 'western'
] ];
const EditBtn = document.createElement('button'); const EditBtn = document.createElement('button');
EditBtn.classList = 'btn btn-primary btn-sm'; EditBtn.classList = 'btn btn-primary btn-sm';
EditBtn.style = 'position: absolute; right: 0; margin-right: 7px;' EditBtn.style = 'position: absolute; right: 0; margin-right: 7px;';
EditBtn.innerHTML = '<i class="fa-duotone fa-hammer"></i> <span>Edit Details</span>' EditBtn.innerHTML = '<i class="fa-duotone fa-hammer"></i> <span>Edit Details</span>';
document.getElementsByClassName('card-header')[3].appendChild(EditBtn); document.getElementsByClassName('card-header')[3].appendChild(EditBtn);
EditBtn.addEventListener('click', function(){ EditBtn.addEventListener('click', function () {
Editing = !Editing Editing = !Editing;
EditBtn.children[0].classList.toggle('fa-hammer') EditBtn.children[0].classList.toggle('fa-hammer');
EditBtn.children[0].classList.toggle('fa-check-double') EditBtn.children[0].classList.toggle('fa-check-double');
EditBtn.children[0].classList.toggle('fa-fade') EditBtn.children[0].classList.toggle('fa-fade');
document.body.setAttribute('data-polyplus-inlineEditing', Editing) document.body.setAttribute('data-polyplus-inlineEditing', Editing);
if (Editing === false) { if (Editing === false) {
const Send = new FormData() const Send = new FormData();
Send.append("_csrf", document.querySelector('input[name="_csrf"]').value) Send.append('_csrf', document.querySelector('input[name="_csrf"]').value);
Send.append("id", PlaceID) Send.append('id', PlaceID);
for (let input of Inputs) { for (let input of Inputs) {
console.log('start of loop') console.log('start of loop');
Send.append(input.name, input.element.value) Send.append(input.name, input.element.value);
} }
console.log('after') console.log('after');
fetch('/create/place/update', {method:"POST",body:Send}) fetch('/create/place/update', {method: 'POST', body: Send})
.then(response => { .then((response) => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network not ok') throw new Error('Network not ok');
} }
return response.text() return response.text();
}) })
.then(data => { .then((data) => {
console.log('Successfully edited game') console.log('Successfully edited game');
for (let input of Inputs) { for (let input of Inputs) {
const Reference = document.querySelector(input.reference) const Reference = document.querySelector(input.reference);
Reference.innerText = input.element.value Reference.innerText = input.element.value;
} }
}) })
.catch(error => { .catch((error) => {
alert('Error while saving changes') alert('Error while saving changes');
console.log('Error while editing game') console.log('Error while editing game');
}); });
} }
}); });
} }
async function GameProfile(data) { async function GameProfile(data) {
document.querySelector('h1.my-0') document.querySelector('h1.my-0').setAttribute('game-key', 'true');
.setAttribute('game-key', 'true'); document.querySelector('div[style="min-height: 60vh;"]').id = 'gameprofile';
document.querySelector('div[style="min-height: 60vh;"]')
.id = 'gameprofile';
const Style = document.createElement('style') const Style = document.createElement('style');
Style.innerHTML = ` Style.innerHTML = `
div#app { div#app {
background: ${data[0]} !important; background: ${data[0]} !important;
} }
@ -362,58 +362,58 @@ async function GameProfile(data) {
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
} }
` `;
document.body.appendChild(Style) document.body.appendChild(Style);
} }
async function IRLPrice() { async function IRLPrice() {
const Gamepasses = document.querySelector('#gamepasses-tabpane .row.flex-row').children const Gamepasses = document.querySelector('#gamepasses-tabpane .row.flex-row').children;
for (let gamepass of Gamepasses) { for (let gamepass of Gamepasses) {
const Price = gamepass.getElementsByClassName('text-success')[0] const Price = gamepass.getElementsByClassName('text-success')[0];
const IRLResult = await Utilities.CalculateIRL(Price.innerText, Settings.IRLPriceWithCurrency.Currency) const IRLResult = await Utilities.CalculateIRL(Price.innerText, Settings.IRLPriceWithCurrency.Currency);
let Span = document.createElement('span') let Span = document.createElement('span');
Span.classList = 'text-muted polyplus-price-tag' Span.classList = 'text-muted polyplus-price-tag';
Span.style.fontSize = '0.7rem' Span.style.fontSize = '0.7rem';
Span.innerText = "($" + IRLResult.result + " " + IRLResult.display + ")" Span.innerText = '($' + IRLResult.result + ' ' + IRLResult.display + ')';
Price.appendChild(Span) Price.appendChild(Span);
} }
} }
async function PlaceRevenue() { async function PlaceRevenue() {
const BricksPerView = 5 const BricksPerView = 5;
let PlaceDetails = await fetch('https://api.polytoria.com/v1/places/' + PlaceID) let PlaceDetails = await fetch('https://api.polytoria.com/v1/places/' + PlaceID);
PlaceDetails = await PlaceDetails.json() PlaceDetails = await PlaceDetails.json();
let CreatorDetails = await fetch('https://api.polytoria.com/v1/users/' + GameCreator) let CreatorDetails = await fetch('https://api.polytoria.com/v1/users/' + GameCreator);
CreatorDetails = await CreatorDetails.json() CreatorDetails = await CreatorDetails.json();
let Total = (round5(PlaceDetails.uniqueVisits) / 5) let Total = round5(PlaceDetails.uniqueVisits) / 5;
let Revenue = (round5(PlaceDetails.uniqueVisits) / 5) let Revenue = round5(PlaceDetails.uniqueVisits) / 5;
let CreatorTax = 0.35 let CreatorTax = 0.35;
switch (CreatorDetails.membershipType) { switch (CreatorDetails.membershipType) {
case 'plus': case 'plus':
CreatorTax = 0.25 CreatorTax = 0.25;
break break;
case 'plusDeluxe': case 'plusDeluxe':
CreatorTax = 0.15 CreatorTax = 0.15;
break break;
} }
let Achievements = await fetch('https://api.polytoria.com/v1/places/' + PlaceID + '/achievements') let Achievements = await fetch('https://api.polytoria.com/v1/places/' + PlaceID + '/achievements');
Achievements = await Achievements.json() Achievements = await Achievements.json();
let Gamepasses = await fetch('https://api.polytoria.com/v1/places/' + PlaceID + '/gamepasses') let Gamepasses = await fetch('https://api.polytoria.com/v1/places/' + PlaceID + '/gamepasses');
Gamepasses = await Gamepasses.json() Gamepasses = await Gamepasses.json();
for (let gamepass of Gamepasses.gamepasses) { for (let gamepass of Gamepasses.gamepasses) {
const PriceAfterTax = Math.floor(gamepass.asset.price - (gamepass.asset.price * CreatorTax)) const PriceAfterTax = Math.floor(gamepass.asset.price - gamepass.asset.price * CreatorTax);
Revenue += (PriceAfterTax * gamepass.asset.sales) Revenue += PriceAfterTax * gamepass.asset.sales;
} }
/* /*
let AchievementCost = 0 let AchievementCost = 0
let FreeAchievements = null; let FreeAchievements = null;
for (let achievement of Achievements.achievements) { for (let achievement of Achievements.achievements) {
@ -423,84 +423,93 @@ async function PlaceRevenue() {
} }
*/ */
const ResultText = document.createElement('li') const ResultText = document.createElement('li');
ResultText.classList = 'fw-normal text-success' ResultText.classList = 'fw-normal text-success';
ResultText.style.letterSpacing = '0px' ResultText.style.letterSpacing = '0px';
ResultText.innerHTML = `<i class="pi pi-brick mx-1"></i> ~` + Revenue.toLocaleString() ResultText.innerHTML = `<i class="pi pi-brick mx-1"></i> ~` + Revenue.toLocaleString();
CalculateRevenueButton.remove() CalculateRevenueButton.remove();
InfoColumns[1].appendChild(ResultText) InfoColumns[1].appendChild(ResultText);
} }
function round5(number) { const remainder = number % 5; if (remainder < 2.5) { return number - remainder; } else { return number + (5 - remainder); } } function round5(number) {
const remainder = number % 5;
if (remainder < 2.5) {
return number - remainder;
} else {
return number + (5 - remainder);
}
}
function AchievementProgressBar() { function AchievementProgressBar() {
const AchievementCount = Achievements.length const AchievementCount = Achievements.length;
let AchievementsEarned = 0 let AchievementsEarned = 0;
for (let achievement of Achievements) { for (let achievement of Achievements) {
Achieved = (achievement.getElementsByClassName('fad fa-check-circle')[0] !== undefined) Achieved = achievement.getElementsByClassName('fad fa-check-circle')[0] !== undefined;
if (Achieved === true) { if (Achieved === true) {
AchievementsEarned++ AchievementsEarned++;
} }
} }
const PercentageEarned = ((AchievementsEarned*100)/AchievementCount).toFixed(0) const PercentageEarned = ((AchievementsEarned * 100) / AchievementCount).toFixed(0);
const ProgressBar = document.createElement('div') const ProgressBar = document.createElement('div');
ProgressBar.role = 'progressbar' ProgressBar.role = 'progressbar';
ProgressBar.classList = 'progress' ProgressBar.classList = 'progress';
ProgressBar.style.background = '#000' ProgressBar.style.background = '#000';
ProgressBar.ariaValueNow = PercentageEarned ProgressBar.ariaValueNow = PercentageEarned;
ProgressBar.ariaValueMin = "0" ProgressBar.ariaValueMin = '0';
ProgressBar.ariaValueMax = "100" ProgressBar.ariaValueMax = '100';
ProgressBar.innerHTML = `<div class="progress-bar progress-bar-striped text-bg-warning" style="width: ${PercentageEarned}%">${PercentageEarned}%</div>` ProgressBar.innerHTML = `<div class="progress-bar progress-bar-striped text-bg-warning" style="width: ${PercentageEarned}%">${PercentageEarned}%</div>`;
AchievementsTab.prepend(document.createElement('hr')) AchievementsTab.prepend(document.createElement('hr'));
AchievementsTab.prepend(ProgressBar) AchievementsTab.prepend(ProgressBar);
} }
function AchievementEarnedPercentage() { function AchievementEarnedPercentage() {
fetch('https://api.polytoria.com/v1/places/' + PlaceID) fetch('https://api.polytoria.com/v1/places/' + PlaceID)
.then(response => { .then((response) => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network not ok') throw new Error('Network not ok');
} }
return response.json() return response.json();
}) })
.then(data => { .then((data) => {
const UserCount = data.uniqueVisits const UserCount = data.uniqueVisits;
for (let achievement of Achievements) { for (let achievement of Achievements) {
const OwnerText = achievement.getElementsByClassName('text-muted small my-0')[0] const OwnerText = achievement.getElementsByClassName('text-muted small my-0')[0];
// thanks to Stackoverflow on how to remove everything except numbers from string // thanks to Stackoverflow on how to remove everything except numbers from string
const OwnerCount = parseInt(OwnerText.innerText.replace(/[^0-9]/g, '')) const OwnerCount = parseInt(OwnerText.innerText.replace(/[^0-9]/g, ''));
const PercentageOfPlayers = ((OwnerCount*100)/UserCount).toFixed(2) const PercentageOfPlayers = ((OwnerCount * 100) / UserCount).toFixed(2);
OwnerText.innerHTML += " (" + PercentageOfPlayers + "%, " + GetAchievementDifficulty(PercentageOfPlayers) + ")" OwnerText.innerHTML += ' (' + PercentageOfPlayers + '%, ' + GetAchievementDifficulty(PercentageOfPlayers) + ')';
} }
}) })
.catch(error => {console.log(error)}); .catch((error) => {
console.log(error);
});
} }
function GetAchievementDifficulty(percent) { function GetAchievementDifficulty(percent) {
if (percent >= 90 && percent <= 100) { if (percent >= 90 && percent <= 100) {
return 'Freebie' return 'Freebie';
} else if (percent >= 80 && percent <= 89.9) { } else if (percent >= 80 && percent <= 89.9) {
return 'Cake Walk' return 'Cake Walk';
} else if (percent >= 50 && percent <= 79.9) { } else if (percent >= 50 && percent <= 79.9) {
return 'Easy' return 'Easy';
} else if (percent >= 30 && percent <= 49.9) { } else if (percent >= 30 && percent <= 49.9) {
return 'Moderate' return 'Moderate';
} else if (percent >= 20 && percent <= 29.9) { } else if (percent >= 20 && percent <= 29.9) {
return 'Challenging' return 'Challenging';
} else if (percent >= 10 && percent <= 19.9) { } else if (percent >= 10 && percent <= 19.9) {
return 'Hard' return 'Hard';
} else if (percent >= 5 && percent <= 9.9) { } else if (percent >= 5 && percent <= 9.9) {
return 'Extreme' return 'Extreme';
} else if (percent >= 1 && percent <= 4.9) { } else if (percent >= 1 && percent <= 4.9) {
return 'Insane' return 'Insane';
} else if (percent >= 0 && percent <= 0.9) { } else if (percent >= 0 && percent <= 0.9) {
return 'Impossible' return 'Impossible';
} }
} }

41
js/places/places.js
View file

@ -6,25 +6,28 @@
let Settings; let Settings;
let PinnedGamesData; let PinnedGamesData;
chrome.storage.sync.get(['PolyPlus_Settings', 'PolyPlus_PinnedGames'], function(result){ chrome.storage.sync.get(['PolyPlus_Settings', 'PolyPlus_PinnedGames'], function (result) {
Settings = result.PolyPlus_Settings || {} Settings = result.PolyPlus_Settings || {};
PinnedGamesData = result.PolyPlus_PinnedGames || [] PinnedGamesData = result.PolyPlus_PinnedGames || [];
if (Settings.PinnedGamesOn === true) {} if (Settings.PinnedGamesOn === true) {
}) }
});
function PinnedGames() { function PinnedGames() {
for (let game of PinnedGamesData) { for (let game of PinnedGamesData) {
fetch('https://api.polytoria.com/v1/places/' + game) fetch('https://api.polytoria.com/v1/places/' + game)
.then(response => { .then((response) => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network not ok') throw new Error('Network not ok');
} }
return response.json() return response.json();
}) })
.then(data => { .then((data) => {
// epic // epic
}) })
.catch(error => {console.log(error)}) .catch((error) => {
} console.log(error);
} });
}
}

36
js/settings.js
View file

@ -1,18 +1,18 @@
const SettingsURL = chrome.runtime.getURL('settings.html') const SettingsURL = chrome.runtime.getURL('settings.html');
const InExtensionSettings = (window.location.pathname.split('/')[3] === "polyplus" && window.location.hash !== "#dev") const InExtensionSettings = window.location.pathname.split('/')[3] === 'polyplus' && window.location.hash !== '#dev';
if (InExtensionSettings === true) { if (InExtensionSettings === true) {
window.location.href = SettingsURL + window.location.hash window.location.href = SettingsURL + window.location.hash;
} }
document.addEventListener('DOMContentLoaded', function(){ document.addEventListener('DOMContentLoaded', function () {
const Nav = document.getElementsByClassName('nav nav-pills')[0] const Nav = document.getElementsByClassName('nav nav-pills')[0];
const PolyPlusItem = document.createElement('a') const PolyPlusItem = document.createElement('a');
PolyPlusItem.classList = 'nav-link' PolyPlusItem.classList = 'nav-link';
PolyPlusItem.href = SettingsURL PolyPlusItem.href = SettingsURL;
PolyPlusItem.innerHTML = ` PolyPlusItem.innerHTML = `
<i class="fa-regular fa-sparkles me-1"></i> <span class="pilltitle">Poly+</span> <i class="fa-regular fa-sparkles me-1"></i> <span class="pilltitle">Poly+</span>
` `;
Nav.insertBefore(PolyPlusItem, Nav.getElementsByTagName('hr')[0]) Nav.insertBefore(PolyPlusItem, Nav.getElementsByTagName('hr')[0]);
}); });

416
js/sitewide.js
View file

@ -1,207 +1,209 @@
var Settings; var Settings;
let Theme = ``; let Theme = ``;
(async () => { (async () => {
let Utilities = await import(chrome.runtime.getURL('resources/utils.js')); let Utilities = await import(chrome.runtime.getURL('resources/utils.js'));
Utilities = Utilities.default Utilities = Utilities.default;
chrome.storage.sync.get(["PolyPlus_Settings"], function(result) { chrome.storage.sync.get(['PolyPlus_Settings'], function (result) {
// Merge settings and expected settings to make sure all keys exist // Merge settings and expected settings to make sure all keys exist
const RawSettings = result.PolyPlus_Settings const RawSettings = result.PolyPlus_Settings;
Settings = MergeObjects(RawSettings || Utilities.DefaultSettings, Utilities.DefaultSettings); Settings = MergeObjects(RawSettings || Utilities.DefaultSettings, Utilities.DefaultSettings);
// If theme exists, create a style element to represent it // If theme exists, create a style element to represent it
if (Settings.ThemeCreator.Enabled && Settings.ThemeCreator.Enabled === true) { if (Settings.ThemeCreator.Enabled && Settings.ThemeCreator.Enabled === true) {
switch (Settings.ThemeCreator.BGImageSize) { switch (Settings.ThemeCreator.BGImageSize) {
case 0: case 0:
Settings.ThemeCreator.BGImageSize = 'fit' Settings.ThemeCreator.BGImageSize = 'fit';
break break;
case 1: case 1:
Settings.ThemeCreator.BGImageSize = 'cover' Settings.ThemeCreator.BGImageSize = 'cover';
break break;
case 2: case 2:
Settings.ThemeCreator.BGImageSize = 'contain' Settings.ThemeCreator.BGImageSize = 'contain';
break break;
} }
Theme += ` Theme += `
:root { :root {
--polyplus-navbgcolor: ${Settings.ThemeCreator.NavBGColor}; --polyplus-navbgcolor: ${Settings.ThemeCreator.NavBGColor};
--polyplus-navbordercolor: ${Settings.ThemeCreator.NavBorderColor}; --polyplus-navbordercolor: ${Settings.ThemeCreator.NavBorderColor};
--polyplus-navitemcolor: ${Settings.ThemeCreator.NavItemColor}; --polyplus-navitemcolor: ${Settings.ThemeCreator.NavItemColor};
--polyplus-sidebarbgcolor: ${Settings.ThemeCreator.SideBGColor}; --polyplus-sidebarbgcolor: ${Settings.ThemeCreator.SideBGColor};
--polyplus-sidebarbordercolor: ${Settings.ThemeCreator.SideBorderColor}; --polyplus-sidebarbordercolor: ${Settings.ThemeCreator.SideBorderColor};
--polyplus-sidebaritembgcolor: ${Settings.ThemeCreator.SideItemBGColor}; --polyplus-sidebaritembgcolor: ${Settings.ThemeCreator.SideItemBGColor};
--polyplus-sidebaritembordercolor: ${Settings.ThemeCreator.SideItemBorderColor}; --polyplus-sidebaritembordercolor: ${Settings.ThemeCreator.SideItemBorderColor};
--polyplus-sidebaritemcolor: ${Settings.ThemeCreator.SideItemColor}; --polyplus-sidebaritemcolor: ${Settings.ThemeCreator.SideItemColor};
--polyplus-sidebaritemlabelcolor: ${Settings.ThemeCreator.SideItemLabelColor}; --polyplus-sidebaritemlabelcolor: ${Settings.ThemeCreator.SideItemLabelColor};
--polyplus-bgcolor: ${Settings.ThemeCreator.BGColor}; --polyplus-bgcolor: ${Settings.ThemeCreator.BGColor};
--polyplus-bgimage: url(${Settings.ThemeCreator.BGImage}); --polyplus-bgimage: url(${Settings.ThemeCreator.BGImage});
--polyplus-bgimagesize: ${Settings.ThemeCreator.BGImageSize}; --polyplus-bgimagesize: ${Settings.ThemeCreator.BGImageSize};
--polyplus-primarytextcolor: ${Settings.ThemeCreator.PrimaryTextColor}; --polyplus-primarytextcolor: ${Settings.ThemeCreator.PrimaryTextColor};
--polyplus-secondarytextcolor: ${Settings.ThemeCreator.SecondaryTextColor}; --polyplus-secondarytextcolor: ${Settings.ThemeCreator.SecondaryTextColor};
--polyplus-linktextcolor: ${Settings.ThemeCreator.LinkTextColor}; --polyplus-linktextcolor: ${Settings.ThemeCreator.LinkTextColor};
--polyplus-linkhoveredtextcolor: ${Settings.ThemeCreator.LinkHoveredTextColor}; --polyplus-linkhoveredtextcolor: ${Settings.ThemeCreator.LinkHoveredTextColor};
--polyplus-linkfocusedtextcolor: ${Settings.ThemeCreator.LinkFocusedTextColor}; --polyplus-linkfocusedtextcolor: ${Settings.ThemeCreator.LinkFocusedTextColor};
--polyplus-linkvisitedtextcolor: ${Settings.ThemeCreator.LinkVisitedTextColor}; --polyplus-linkvisitedtextcolor: ${Settings.ThemeCreator.LinkVisitedTextColor};
--polyplus-cardheadbgcolor: ${Settings.ThemeCreator.CardHeadBGColor}; --polyplus-cardheadbgcolor: ${Settings.ThemeCreator.CardHeadBGColor};
--polyplus-cardbodybgcolor: ${Settings.ThemeCreator.CardBodyBGColor}; --polyplus-cardbodybgcolor: ${Settings.ThemeCreator.CardBodyBGColor};
--polyplus-cardbordercolor: ${Settings.ThemeCreator.CardBorderColor}; --polyplus-cardbordercolor: ${Settings.ThemeCreator.CardBorderColor};
} }
nav { nav {
background-color: var(--polyplus-navbgcolor) !important; background-color: var(--polyplus-navbgcolor) !important;
border-bottom: 1px solid var(--polyplus-navbordercolor) !important; border-bottom: 1px solid var(--polyplus-navbordercolor) !important;
} }
.nav-sidebar { .nav-sidebar {
background-color: var(--polyplus-sidebarbgcolor) !important; background-color: var(--polyplus-sidebarbgcolor) !important;
border-right: 1px solid var(--polyplus-sidebarbordercolor) !important; border-right: 1px solid var(--polyplus-sidebarbordercolor) !important;
} }
#app { #app {
background-color: var(--polyplus-bgcolor) !important; background-color: var(--polyplus-bgcolor) !important;
background-image: var(--polyplus-bgimage) !important; background-image: var(--polyplus-bgimage) !important;
background-size var(--polyplus-bgimagesize) background-size var(--polyplus-bgimagesize)
color: var(--polyplus-primarytextcolor) !important; color: var(--polyplus-primarytextcolor) !important;
} }
.text-muted { .text-muted {
color: var(--polyplus-secondarytextcolor) !important; color: var(--polyplus-secondarytextcolor) !important;
} }
a { a {
color: var(--polyplus-linktextcolor) !important; color: var(--polyplus-linktextcolor) !important;
} }
a:hover { a:hover {
color: var(--polyplus-linkhoveredtextcolor) !important; color: var(--polyplus-linkhoveredtextcolor) !important;
} }
a:focus { a:focus {
color: var(--polyplus-linkfocusedtextcolor) !important; color: var(--polyplus-linkfocusedtextcolor) !important;
} }
/* /*
a:visited { a:visited {
color: var(--polyplus-linkvisitedtextcolor) !important; color: var(--polyplus-linkvisitedtextcolor) !important;
} }
*/ */
.card-header { .card-header {
background-color: var(--polyplus-cardheadbgcolor) !important; background-color: var(--polyplus-cardheadbgcolor) !important;
} }
.card { .card {
background-color: var(--polyplus-cardbodybgcolor) !important; background-color: var(--polyplus-cardbodybgcolor) !important;
border-color: var(--polyplus-cardbordercolor) !important; border-color: var(--polyplus-cardbordercolor) !important;
} }
nav a.nav-link { nav a.nav-link {
color: var(--polyplus-navitemcolor) !important; color: var(--polyplus-navitemcolor) !important;
} }
.nav-sidebar .nav-sidebar-button { .nav-sidebar .nav-sidebar-button {
background-color: var(--polyplus-sidebaritembgcolor) !important; background-color: var(--polyplus-sidebaritembgcolor) !important;
border-color: var(--polyplus-sidebaritembordercolor) !important; border-color: var(--polyplus-sidebaritembordercolor) !important;
color: var(--polyplus-sidebaritemcolor) !important; color: var(--polyplus-sidebaritemcolor) !important;
} }
.nav-sidebar-text { .nav-sidebar-text {
color: var(--polyplus-sidebaritemlabelcolor) !important; color: var(--polyplus-sidebaritemlabelcolor) !important;
} }
` `;
} }
}); });
if (Settings.HideUserAdsOn === true) { if (Settings.HideUserAdsOn === true) {
if (Settings.HideUserAdsOn.Banners === true) { if (Settings.HideUserAdsOn.Banners === true) {
Theme += ` Theme += `
div[style^="max-width: 728px;"]:has(.text-center a[href^="/ads/"]) { div[style^="max-width: 728px;"]:has(.text-center a[href^="/ads/"]) {
display: none; display: none;
} }
` `;
} }
if (Settings.HideUserAdsOn.Rectangles === true) { if (Settings.HideUserAdsOn.Rectangles === true) {
Theme += ` Theme += `
div[style^="max-width: 300px;"]:has(.text-center a[href^="/ads/"]) { div[style^="max-width: 300px;"]:has(.text-center a[href^="/ads/"]) {
display: none; display: none;
} }
` `;
} }
} }
if (Settings.HideNotifBadgesOn === true) { if (Settings.HideNotifBadgesOn === true) {
Theme += ` Theme += `
.notif-nav .notif-sidebar { .notif-nav .notif-sidebar {
display: none; 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+) // 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 ThemeBlob = new Blob([Theme], {type: 'text/css'});
const ThemeURL = URL.createObjectURL(ThemeBlob) const ThemeURL = URL.createObjectURL(ThemeBlob);
document.head.innerHTML += `<link href="${ThemeURL}" rel="stylesheet" type="text/css">` document.head.innerHTML += `<link href="${ThemeURL}" rel="stylesheet" type="text/css">`;
document.addEventListener('DOMContentLoaded', async function() { document.addEventListener('DOMContentLoaded', async function () {
if (document.getElementsByClassName('card-header')[0] && document.getElementsByClassName('card-header')[0].innerText === ' Page not found') { if (document.getElementsByClassName('card-header')[0] && document.getElementsByClassName('card-header')[0].innerText === ' Page not found') {
return return;
} }
Utilities.InjectResource('getUserDetails') Utilities.InjectResource('getUserDetails');
document.body.setAttribute('data-URL', window.location.pathname) document.body.setAttribute('data-URL', window.location.pathname);
const UserData = JSON.parse(window.localStorage.getItem('p+account_info')) const UserData = JSON.parse(window.localStorage.getItem('p+account_info'));
if (Settings.IRLPriceWithCurrency.Enabled === true) { if (Settings.IRLPriceWithCurrency.Enabled === true) {
const IRLResult = await Utilities.CalculateIRL(document.querySelector('.brickBalanceCont').innerText.replace(/\s+/g,''), Settings.IRLPriceWithCurrency.Currency) const IRLResult = await Utilities.CalculateIRL(document.querySelector('.brickBalanceCont').innerText.replace(/\s+/g, ''), Settings.IRLPriceWithCurrency.Currency);
// Desktop // Desktop
document.querySelector('.text-success .brickBalanceCount').innerHTML += ` (${IRLResult.icon}${IRLResult.result} ${IRLResult.display})` document.querySelector('.text-success .brickBalanceCount').innerHTML += ` (${IRLResult.icon}${IRLResult.result} ${IRLResult.display})`;
// Mobile // Mobile
document.querySelector('.text-success .brickBalanceCont').innerHTML += ` (${IRLResult.icon}${IRLResult.result} ${IRLResult.display})` 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>` //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) { if (Settings.ModifyNavOn && Settings.ModifyNavOn === true) {
let NavbarItems = document.querySelectorAll('.navbar-nav.me-auto a.nav-link[href]') let NavbarItems = document.querySelectorAll('.navbar-nav.me-auto a.nav-link[href]');
let Needed = [NavbarItems[11],NavbarItems[12],NavbarItems[13],NavbarItems[14],NavbarItems[15]] let Needed = [NavbarItems[11], NavbarItems[12], NavbarItems[13], NavbarItems[14], NavbarItems[15]];
for (let i = 0; i < Settings.ModifyNav.length; i++) { for (let i = 0; i < Settings.ModifyNav.length; i++) {
if (Settings.ModifyNav[i].Label != null) { if (Settings.ModifyNav[i].Label != null) {
console.log(Needed[i], Needed[i].children[1]) console.log(Needed[i], Needed[i].children[1]);
Needed[i].children[1].innerText = Settings.ModifyNav[i].Label Needed[i].children[1].innerText = Settings.ModifyNav[i].Label;
Needed[i].href = Settings.ModifyNav[i].Link Needed[i].href = Settings.ModifyNav[i].Link;
} }
} }
} }
/* /*
if (Settings.HideUserAdsOn === true) { if (Settings.HideUserAdsOn === true) {
Array.from(document.querySelectorAll('.text-center:has(a[href^="/ads"])')).forEach(ad => {ad.remove()}) Array.from(document.querySelectorAll('.text-center:has(a[href^="/ads"])')).forEach(ad => {ad.remove()})
} }
*/ */
if (Settings.HideNotifBadgesOn === true) { if (Settings.HideNotifBadgesOn === true) {
document.getElementsByClassName('notif-nav notif-sidebar').forEach(element => {element.remove();}); document.getElementsByClassName('notif-nav notif-sidebar').forEach((element) => {
} element.remove();
}); });
})(); }
});
function MergeObjects(obj1, obj2) { })();
var mergedObj = {};
function MergeObjects(obj1, obj2) {
// Copy the values from obj1 to the mergedObj var mergedObj = {};
for (var key in obj1) {
mergedObj[key] = obj1[key]; // 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)) { // Merge the values from obj2 into the mergedObj, favoring obj2 for non-existing keys in obj1
mergedObj[key] = obj2[key]; for (var key in obj2) {
} if (!obj1.hasOwnProperty(key)) {
} mergedObj[key] = obj2[key];
}
return mergedObj; }
}
return mergedObj;
}

1415
js/store/item-view.js
View file

File diff suppressed because it is too large Load diff

655
js/store/store.js
View file

@ -1,320 +1,335 @@
const ItemID = window.location.pathname.split('/')[2] const ItemID = window.location.pathname.split('/')[2];
const UserID = JSON.parse(window.localStorage.getItem('p+account_info')).ID const UserID = JSON.parse(window.localStorage.getItem('p+account_info')).ID;
const ItemGrid = document.getElementById('assets') const ItemGrid = document.getElementById('assets');
const Categories = document.getElementById('store-categories').children[0] const Categories = document.getElementById('store-categories').children[0];
var Settings; var Settings;
var Inventory = null; var Inventory = null;
var Utilities; var Utilities;
let EventItemsShown = false let EventItemsShown = false;
chrome.storage.sync.get(['PolyPlus_Settings'], async function(result){ chrome.storage.sync.get(['PolyPlus_Settings'], async function (result) {
Settings = result.PolyPlus_Settings || {}; Settings = result.PolyPlus_Settings || {};
Utilities = await import(chrome.runtime.getURL('resources/utils.js')); Utilities = await import(chrome.runtime.getURL('resources/utils.js'));
Utilities = Utilities.default Utilities = Utilities.default;
if (Settings.IRLPriceWithCurrency.Enabled === true) { if (Settings.IRLPriceWithCurrency.Enabled === true) {
Array.from(ItemGrid.children).forEach(element => { Array.from(ItemGrid.children).forEach((element) => {
LoadIRLPrices(element) LoadIRLPrices(element);
}); });
} }
if (Settings.StoreOwnTagOn === true) { if (Settings.StoreOwnTagOn === true) {
Inventory = (await (await fetch('https://api.polytoria.com/v1/users/' + UserID + '/inventory?type=hat&limit=100')).json()).inventory Inventory = (await (await fetch('https://api.polytoria.com/v1/users/' + UserID + '/inventory?type=hat&limit=100')).json()).inventory;
Inventory.concat(await (await fetch('https://api.polytoria.com/v1/users/' + UserID + '/inventory?type=face&limit=100')).json()).inventory Inventory.concat(await (await fetch('https://api.polytoria.com/v1/users/' + UserID + '/inventory?type=face&limit=100')).json()).inventory;
Inventory.concat(await (await fetch('https://api.polytoria.com/v1/users/' + UserID + '/inventory?type=tool&limit=100')).json()).inventory Inventory.concat(await (await fetch('https://api.polytoria.com/v1/users/' + UserID + '/inventory?type=tool&limit=100')).json()).inventory;
console.log(Inventory) console.log(Inventory);
Array.from(ItemGrid.children).forEach(element => { Array.from(ItemGrid.children).forEach((element) => {
LoadOwnedTags(element) LoadOwnedTags(element);
}); });
} }
if (Settings.EventItemsCatOn === true) { if (Settings.EventItemsCatOn === true) {
EventItems() EventItems();
} }
}); });
const observer = new MutationObserver(async function (list){ const observer = new MutationObserver(async function (list) {
if (Settings.EventItemsCatOn === true) { if (Settings.EventItemsCatOn === true) {
if (document.getElementById('event-items-pagination') === null) { if (document.getElementById('event-items-pagination') === null) {
ItemGrid.classList.add('itemgrid') ItemGrid.classList.add('itemgrid');
ItemGrid.parentElement.classList.remove('col-lg-9') ItemGrid.parentElement.classList.remove('col-lg-9');
document.getElementById('pagination').style.display = 'block' document.getElementById('pagination').style.display = 'block';
if (document.getElementById('storecat-eventitems') !== null) { if (document.getElementById('storecat-eventitems') !== null) {
document.getElementById('storecat-eventitems').checked = false document.getElementById('storecat-eventitems').checked = false;
} }
} else { } else {
ItemGrid.classList.remove('itemgrid') ItemGrid.classList.remove('itemgrid');
ItemGrid.parentElement.classList.add('col-lg-9') ItemGrid.parentElement.classList.add('col-lg-9');
document.getElementById('pagination').style.display = 'none' document.getElementById('pagination').style.display = 'none';
} }
} }
for (const record of list) { for (const record of list) {
for (const element of record.addedNodes) { for (const element of record.addedNodes) {
if (element.tagName === "DIV" && element.classList.value === 'mb-3 itemCardCont') { if (element.tagName === 'DIV' && element.classList.value === 'mb-3 itemCardCont') {
if (Settings.IRLPriceWithCurrency.Enabled === true) { if (Settings.IRLPriceWithCurrency.Enabled === true) {
LoadIRLPrices(element) LoadIRLPrices(element);
} }
if (Settings.StoreOwnTagOn === true && Inventory !== null) { if (Settings.StoreOwnTagOn === true && Inventory !== null) {
LoadOwnedTags(element) LoadOwnedTags(element);
} }
} }
} }
observer.observe(ItemGrid, {attributes: false,childList: true,subtree: false}); observer.observe(ItemGrid, {attributes: false, childList: true, subtree: false});
} }
}); });
observer.observe(ItemGrid, {attributes: false,childList: true,subtree: false}); observer.observe(ItemGrid, {attributes: false, childList: true, subtree: false});
async function LoadIRLPrices(element) { async function LoadIRLPrices(element) {
if (element.tagName != "DIV" || element.querySelector('small.text-primary')) {return} if (element.tagName != 'DIV' || element.querySelector('small.text-primary')) {
const Parent = element.getElementsByTagName('small')[1] return;
if (Parent.innerText !== "") { }
const Span = document.createElement('span') const Parent = element.getElementsByTagName('small')[1];
Span.classList = 'text-muted polyplus-price-tag' if (Parent.innerText !== '') {
Span.style = 'font-size: 0.7rem; font-weight: lighter;' const Span = document.createElement('span');
const Price = Parent.innerText.split(' ')[1] Span.classList = 'text-muted polyplus-price-tag';
const IRLResult = await Utilities.CalculateIRL(Price, Settings.IRLPriceWithCurrency.Currency) Span.style = 'font-size: 0.7rem; font-weight: lighter;';
Span.innerText = "($" + IRLResult.result + " " + IRLResult.display + ")" const Price = Parent.innerText.split(' ')[1];
Parent.appendChild(Span) const IRLResult = await Utilities.CalculateIRL(Price, Settings.IRLPriceWithCurrency.Currency);
} Span.innerText = '($' + IRLResult.result + ' ' + IRLResult.display + ')';
} Parent.appendChild(Span);
}
function LoadOwnedTags(element) { }
let Item = CheckInventory(parseInt(element.querySelector('[href^="/store/"]').getAttribute('href').split('/')[2]))
if (Item !== null) { function LoadOwnedTags(element) {
const Tag = document.createElement('span') let Item = CheckInventory(parseInt(element.querySelector('[href^="/store/"]').getAttribute('href').split('/')[2]));
Tag.classList = `badge ${ (Item.asset.isLimited === false) ? 'bg-primary' : 'bg-warning' } polyplus-own-tag` if (Item !== null) {
Tag.style = 'position: absolute;font-size: 0.9rem;top: 0px;left: 0px;padding: 5.5px;border-top-left-radius: var(--bs-border-radius-lg)!important;border-top-right-radius: 0px;border-bottom-left-radius: 0px;font-size: 0.65rem;' const Tag = document.createElement('span');
Tag.innerHTML = "<i class='fas fa-star'></i>" Tag.classList = `badge ${Item.asset.isLimited === false ? 'bg-primary' : 'bg-warning'} polyplus-own-tag`;
element.getElementsByTagName('img')[0].parentElement.appendChild(Tag) Tag.style =
if (Item.asset.isLimited === true) { 'position: absolute;font-size: 0.9rem;top: 0px;left: 0px;padding: 5.5px;border-top-left-radius: var(--bs-border-radius-lg)!important;border-top-right-radius: 0px;border-bottom-left-radius: 0px;font-size: 0.65rem;';
Tag.setAttribute('data-bs-toggle', 'tooltip') Tag.innerHTML = "<i class='fas fa-star'></i>";
Tag.setAttribute('data-bs-title', '#' + Item.serial) element.getElementsByTagName('img')[0].parentElement.appendChild(Tag);
if (Item.asset.isLimited === true) {
Utilities.InjectResource('registerTooltips') Tag.setAttribute('data-bs-toggle', 'tooltip');
} Tag.setAttribute('data-bs-title', '#' + Item.serial);
}
} Utilities.InjectResource('registerTooltips');
}
function CheckInventory(id) { }
let Item = null }
Inventory.forEach(element => {
if (element.asset.id === id) { function CheckInventory(id) {
Item = element let Item = null;
} Inventory.forEach((element) => {
}) if (element.asset.id === id) {
return Item Item = element;
} }
});
function EventItems() { return Item;
const Selector = document.createElement('div') }
Selector.classList = 'form-check store-category-check fw-bold'
Selector.style.borderColor = '#B008B0' function EventItems() {
Selector.innerHTML = ` const Selector = document.createElement('div');
<input class="form-check-input" type="radio" name="storecat" id="storecat-eventitems"> Selector.classList = 'form-check store-category-check fw-bold';
<label class="form-check-label" for="storecat-eventitems"> Selector.style.borderColor = '#B008B0';
<i class="fad fa-party-horn"></i> Event Items Selector.innerHTML = `
</label> <input class="form-check-input" type="radio" name="storecat" id="storecat-eventitems">
` <label class="form-check-label" for="storecat-eventitems">
<i class="fad fa-party-horn"></i> Event Items
Categories.appendChild(Selector) </label>
`;
let EventData = null
let Events = [] Categories.appendChild(Selector);
let Groups = []
let Page = 0 let EventData = null;
let Events = [];
Selector.children[0].addEventListener('click', async function() { let Groups = [];
Array.from(Categories.children).forEach(selector => { let Page = 0;
selector.classList.remove('active')
}) Selector.children[0].addEventListener('click', async function () {
Selector.classList.add('active') Array.from(Categories.children).forEach((selector) => {
if (EventData === null) { selector.classList.remove('active');
EventData = await (await fetch('https://polyplus.vercel.app/data/eventItems.json')).json() });
Selector.classList.add('active');
Object.values(EventData.eventDetails).forEach((x, index) => {Events.push({ if (EventData === null) {
...x, EventData = await (await fetch('https://polyplus.vercel.app/data/eventItems.json')).json();
items: EventData.items.filter((x) => x.event === Object.keys(EventData.eventDetails)[index]).sort((a, b) => a.id - b.id)
})}) Object.values(EventData.eventDetails).forEach((x, index) => {
while (Events.length > 0) { Events.push({
Groups.push(Events.splice(0, 5)) ...x,
} items: EventData.items.filter((x) => x.event === Object.keys(EventData.eventDetails)[index]).sort((a, b) => a.id - b.id)
} });
});
ItemGrid.classList.remove('itemgrid') while (Events.length > 0) {
ItemGrid.innerHTML = ` Groups.push(Events.splice(0, 5));
<div id="p+ei"> }
${ }
Groups[Page].map((x, index) => `
<div class="row px-2 px-lg-0" style="animation-delay: 0.24s;"> ItemGrid.classList.remove('itemgrid');
<div class="col"> ItemGrid.innerHTML = `
<h6 class="dash-ctitle2">${x.date}</h6> <div id="p+ei">
<h5 class="dash-ctitle">${x.name}</h5> ${Groups[Page].map(
</div> (x, index) => `
${ (x.link !== undefined) ? ` <div class="row px-2 px-lg-0" style="animation-delay: 0.24s;">
<div class="col-auto d-flex align-items-center"> <div class="col">
<a class="text-muted" href="${x.link}"> <h6 class="dash-ctitle2">${x.date}</h6>
<span class="d-none d-lg-inline">${ (x.link.startsWith('https://polytoria.com/places/')) ? 'Event Place' : 'Blog Post' }</span> <h5 class="dash-ctitle">${x.name}</h5>
<i class="fas fa-angle-right ms-2"></i> </div>
</a> ${
</div> x.link !== undefined
` : '' } ? `
</div> <div class="col-auto d-flex align-items-center">
<div class="card card-dash mcard mb-3" style="animation-delay: 0.27s;"> <a class="text-muted" href="${x.link}">
<div class="card-body p-0 m-1 scrollFadeContainer"> <span class="d-none d-lg-inline">${x.link.startsWith('https://polytoria.com/places/') ? 'Event Place' : 'Blog Post'}</span>
<div class="d-flex"> <i class="fas fa-angle-right ms-2"></i>
${ </a>
x.items.map((x) => ` </div>
<a href="/store/${x.id}"> `
<div class="scrollFade card me-2 place-card force-desktop text-center mb-2" style="opacity: 1;"> : ''
<div class="card-body"> }
<img src="${x.thumbnail}" class="place-card-image"> </div>
<div> <div class="card card-dash mcard mb-3" style="animation-delay: 0.27s;">
<div class="mt-2 mb-1 place-card-title"> <div class="card-body p-0 m-1 scrollFadeContainer">
${x.name} <div class="d-flex">
</div> ${x.items
</div> .map(
</div> (x) => `
</div> <a href="/store/${x.id}">
</a> <div class="scrollFade card me-2 place-card force-desktop text-center mb-2" style="opacity: 1;">
`).join('') <div class="card-body">
} <img src="${x.thumbnail}" class="place-card-image">
</div> <div>
</div> <div class="mt-2 mb-1 place-card-title">
</div> ${x.name}
`).join('') </div>
} </div>
</div> </div>
</div>
<div class="d-flex justify-content-center mt-3"> </a>
<nav id="event-items-pagination"> `
<ul class="pagination"> )
<li class="page-item disabled"> .join('')}
<a class="page-link" href="#!" id="p+ei-pagination-first">«</a> </div>
</li> </div>
<li class="page-item disabled"> </div>
<a class="page-link" href="#!" id="p+ei-pagination-prev">‹</a> `
</li> ).join('')}
<li class="page-item active"> </div>
<a class="page-link">
<span class="visually-hidden">Page</span> <div class="d-flex justify-content-center mt-3">
<span id="p+ei-pagination-current">1</span> <nav id="event-items-pagination">
</a> <ul class="pagination">
</li> <li class="page-item disabled">
<li class="page-item"> <a class="page-link" href="#!" id="p+ei-pagination-first">«</a>
<a class="page-link" href="#!" id="p+ei-pagination-next">›</a> </li>
</li> <li class="page-item disabled">
<li class="page-item"> <a class="page-link" href="#!" id="p+ei-pagination-prev">‹</a>
<a class="page-link" href="#!" id="p+ei-pagination-last">»</a> </li>
</li> <li class="page-item active">
</ul> <a class="page-link">
</nav> <span class="visually-hidden">Page</span>
</div> <span id="p+ei-pagination-current">1</span>
` </a>
</li>
const Container = document.getElementById('p+ei') <li class="page-item">
const Pagination = document.getElementById('event-items-pagination') <a class="page-link" href="#!" id="p+ei-pagination-next">›</a>
const First = document.getElementById('p+ei-pagination-first') </li>
const Prev = document.getElementById('p+ei-pagination-prev') <li class="page-item">
const Current = document.getElementById('p+ei-pagination-current') <a class="page-link" href="#!" id="p+ei-pagination-last">»</a>
const Next = document.getElementById('p+ei-pagination-next') </li>
const Last = document.getElementById('p+ei-pagination-last') </ul>
</nav>
if (Page > 0) { </div>
Prev.parentElement.classList.remove('disabled') `;
First.parentElement.classList.remove('disabled')
} else { const Container = document.getElementById('p+ei');
Prev.parentElement.classList.add('disabled') const Pagination = document.getElementById('event-items-pagination');
First.parentElement.classList.add('disabled') const First = document.getElementById('p+ei-pagination-first');
} const Prev = document.getElementById('p+ei-pagination-prev');
if (Page < Groups.length-1) { const Current = document.getElementById('p+ei-pagination-current');
Next.parentElement.classList.remove('disabled') const Next = document.getElementById('p+ei-pagination-next');
Last.parentElement.classList.remove('disabled') const Last = document.getElementById('p+ei-pagination-last');
} else {
Next.parentElement.classList.add('disabled') if (Page > 0) {
Last.parentElement.classList.add('disabled') Prev.parentElement.classList.remove('disabled');
} First.parentElement.classList.remove('disabled');
} else {
First.addEventListener('click', function() { Prev.parentElement.classList.add('disabled');
if (Page > 0) { First.parentElement.classList.add('disabled');
Page = 0 }
UpdateEventItems() if (Page < Groups.length - 1) {
} Next.parentElement.classList.remove('disabled');
}) Last.parentElement.classList.remove('disabled');
} else {
Prev.addEventListener('click', function() { Next.parentElement.classList.add('disabled');
if (Page > 0) { Last.parentElement.classList.add('disabled');
Page-- }
UpdateEventItems()
} First.addEventListener('click', function () {
}) if (Page > 0) {
Page = 0;
Next.addEventListener('click', function() { UpdateEventItems();
if (Page < Groups.length-1) { }
Page++ });
UpdateEventItems()
} Prev.addEventListener('click', function () {
}) if (Page > 0) {
Page--;
Last.addEventListener('click', function() { UpdateEventItems();
if (Page < Groups.length-1) { }
Page = Groups.length-1 });
UpdateEventItems()
} Next.addEventListener('click', function () {
}) if (Page < Groups.length - 1) {
Page++;
const UpdateEventItems = function() { UpdateEventItems();
Current.innerText = Page+1 }
Container.innerHTML = Groups[Page].map((x, index) => ` });
<div class="row px-2 px-lg-0" style="animation-delay: 0.24s;">
<div class="col"> Last.addEventListener('click', function () {
<h6 class="dash-ctitle2">${x.date}</h6> if (Page < Groups.length - 1) {
<h5 class="dash-ctitle">${x.name}</h5> Page = Groups.length - 1;
</div> UpdateEventItems();
</div> }
<div class="card card-dash mcard mb-3" style="animation-delay: 0.27s;"> });
<div class="card-body p-0 m-1 scrollFadeContainer">
<div class="d-flex"> const UpdateEventItems = function () {
${ Current.innerText = Page + 1;
x.items.map((x) => ` Container.innerHTML = Groups[Page].map(
<a href="/store/${x.id}"> (x, index) => `
<div class="scrollFade card me-2 place-card force-desktop text-center mb-2" style="opacity: 1;"> <div class="row px-2 px-lg-0" style="animation-delay: 0.24s;">
<div class="card-body"> <div class="col">
<img src="${x.thumbnail}" class="place-card-image"> <h6 class="dash-ctitle2">${x.date}</h6>
<div> <h5 class="dash-ctitle">${x.name}</h5>
<div class="mt-2 mb-1 place-card-title"> </div>
${x.name} </div>
</div> <div class="card card-dash mcard mb-3" style="animation-delay: 0.27s;">
</div> <div class="card-body p-0 m-1 scrollFadeContainer">
</div> <div class="d-flex">
</div> ${x.items
</a> .map(
`).join('') (x) => `
} <a href="/store/${x.id}">
</div> <div class="scrollFade card me-2 place-card force-desktop text-center mb-2" style="opacity: 1;">
</div> <div class="card-body">
</div> <img src="${x.thumbnail}" class="place-card-image">
</div> <div>
`).join('') <div class="mt-2 mb-1 place-card-title">
${x.name}
if (Page > 0) { </div>
Prev.parentElement.classList.remove('disabled') </div>
First.parentElement.classList.remove('disabled') </div>
} else { </div>
Prev.parentElement.classList.add('disabled') </a>
First.parentElement.classList.add('disabled') `
} )
if (Page < Groups.length-1) { .join('')}
Next.parentElement.classList.remove('disabled') </div>
Last.parentElement.classList.remove('disabled') </div>
} else { </div>
Next.parentElement.classList.add('disabled') </div>
Last.parentElement.classList.add('disabled') `
} ).join('');
}
}) if (Page > 0) {
} Prev.parentElement.classList.remove('disabled');
First.parentElement.classList.remove('disabled');
} else {
Prev.parentElement.classList.add('disabled');
First.parentElement.classList.add('disabled');
}
if (Page < Groups.length - 1) {
Next.parentElement.classList.remove('disabled');
Last.parentElement.classList.remove('disabled');
} else {
Next.parentElement.classList.add('disabled');
Last.parentElement.classList.add('disabled');
}
};
});
}

298
manifest.json
View file

@ -1,150 +1,148 @@
{ {
"manifest_version": 3, "manifest_version": 3,
"author": "Index", "author": "Index",
"name": "Poly+", "name": "Poly+",
"version": "1.11", "version": "1.11",
"version_name": "Pre-Release Build (v1.1.1)", "version_name": "Pre-Release Build (v1.1.1)",
"description": "Power-up your Polytoria experience with Poly+! Created by Index.", "description": "Power-up your Polytoria experience with Poly+! Created by Index.",
"homepage_url": "https://polyplus.vercel.app/", "homepage_url": "https://polyplus.vercel.app/",
"permissions": ["storage", "contextMenus", "tabs", "scripting", "alarms", "notifications"], "permissions": ["storage", "contextMenus", "tabs", "scripting", "alarms", "notifications"],
"content_scripts": [ "content_scripts": [
{ {
"matches": ["https://polytoria.com/*"], "matches": ["https://polytoria.com/*"],
"js": ["/js/sitewide.js","/js/membership-themes.js"], "js": ["/js/sitewide.js", "/js/membership-themes.js"],
"css": ["/css/specific.css"], "css": ["/css/specific.css"],
"run_at": "document_start" "run_at": "document_start"
}, },
{ {
"matches": ["https://polytoria.com/my/settings/*"], "matches": ["https://polytoria.com/my/settings/*"],
"js": ["/js/settings.js", "/js/debug.js"], "js": ["/js/settings.js", "/js/debug.js"],
"run_at": "document_start" "run_at": "document_start"
}, },
{ {
"matches": ["https://polytoria.com/", "https://polytoria.com/home"], "matches": ["https://polytoria.com/", "https://polytoria.com/home"],
"js": ["/js/account/home.js"], "js": ["/js/account/home.js"],
"run_at": "document_idle" "run_at": "document_idle"
}, },
{ {
"matches": ["https://polytoria.com/places/**"], "matches": ["https://polytoria.com/places/**"],
"js": ["/js/places/place-view.js"] "js": ["/js/places/place-view.js"]
}, },
{ {
"matches": ["https://polytoria.com/create/place/**"], "matches": ["https://polytoria.com/create/place/**"],
"js": ["/js/places/place-edit.js"] "js": ["/js/places/place-edit.js"]
}, },
{ {
"matches": ["https://polytoria.com/forum/post/**"], "matches": ["https://polytoria.com/forum/post/**"],
"js": ["/js/forum/forum-view.js"] "js": ["/js/forum/forum-view.js"]
}, },
{ {
"matches": ["https://polytoria.com/u/**"], "matches": ["https://polytoria.com/u/**"],
"js": ["/js/account/profile.js"] "js": ["/js/account/profile.js"]
}, },
{ {
"matches": ["https://polytoria.com/my/friends", "https://polytoria.com/my/friends/"], "matches": ["https://polytoria.com/my/friends", "https://polytoria.com/my/friends/"],
"js": ["/js/account/friends.js"] "js": ["/js/account/friends.js"]
}, },
{ {
"matches": ["https://polytoria.com/store", "https://polytoria.com/store/"], "matches": ["https://polytoria.com/store", "https://polytoria.com/store/"],
"js": ["/js/store/store.js"] "js": ["/js/store/store.js"]
}, },
{ {
"matches": ["https://polytoria.com/store/**"], "matches": ["https://polytoria.com/store/**"],
"js": ["/js/store/item-view.js"] "js": ["/js/store/item-view.js"]
}, },
{ {
"matches": ["https://polytoria.com/forum/search","https://polytoria.com/forum/search?*"], "matches": ["https://polytoria.com/forum/search", "https://polytoria.com/forum/search?*"],
"js": ["/js/forum/forum-search.js"] "js": ["/js/forum/forum-search.js"]
}, },
{ {
"matches": ["https://polytoria.com/trade/sent/*"], "matches": ["https://polytoria.com/trade/sent/*"],
"js": ["/js/account/trades-outbound.js"] "js": ["/js/account/trades-outbound.js"]
}, },
{ {
"matches": ["https://polytoria.com/u/*/inventory/"], "matches": ["https://polytoria.com/u/*/inventory/"],
"js": ["/js/account/inventory.js"], "js": ["/js/account/inventory.js"],
"run_at": "document_idle" "run_at": "document_idle"
}, },
{ {
"matches": ["https://polytoria.com/my/settings/privacy"], "matches": ["https://polytoria.com/my/settings/privacy"],
"js": ["/js/account/settings-privacy.js"] "js": ["/js/account/settings-privacy.js"]
}, },
{ {
"matches": ["https://polytoria.com/my/settings/transactions*"], "matches": ["https://polytoria.com/my/settings/transactions*"],
"js": ["/js/account/transactions.js"] "js": ["/js/account/transactions.js"]
}, },
{ {
"matches": ["https://polytoria.com/store/**", "https://polytoria.com/places/**", "https://polytoria.com/guilds/**", "https://polytoria.com/feed/**"], "matches": ["https://polytoria.com/store/**", "https://polytoria.com/places/**", "https://polytoria.com/guilds/**", "https://polytoria.com/feed/**"],
"js": ["/js/op-comments.js"] "js": ["/js/op-comments.js"]
}, },
{ {
"matches": ["https://polytoria.com/my/avatar*"], "matches": ["https://polytoria.com/my/avatar*"],
"js": ["/js/account/avatar-sandbox2.js"] "js": ["/js/account/avatar-sandbox2.js"]
}, },
{ {
"matches": ["https://polytoria.com/inbox*"], "matches": ["https://polytoria.com/inbox*"],
"js": ["/js/account/inbox.js"] "js": ["/js/account/inbox.js"]
}, },
{ {
"matches": ["https://polytoria.com/guilds/**"], "matches": ["https://polytoria.com/guilds/**"],
"js": ["/js/guilds.js"] "js": ["/js/guilds.js"]
}, },
{ {
"matches": ["https://polytoria.com/store/**", "https://polytoria.com/models/**"], "matches": ["https://polytoria.com/store/**", "https://polytoria.com/models/**"],
"js": ["/js/library-download.js"] "js": ["/js/library-download.js"]
} }
], ],
"background": { "background": {
"service_worker": "/js/background.js", "service_worker": "/js/background.js",
"type": "module" "type": "module"
}, },
"host_permissions": [ "host_permissions": ["https://*.polytoria.com/*"],
"https://*.polytoria.com/*" "web_accessible_resources": [
], {
"web_accessible_resources": [ "resources": ["resources/*"],
{ "matches": ["https://polytoria.com/*"]
"resources": ["resources/*"], },
"matches": ["https://polytoria.com/*"]
}, {
"resources": ["settings.html", "settings.js"],
{ "matches": ["https://polytoria.com/*"]
"resources": ["settings.html", "settings.js"], }
"matches": ["https://polytoria.com/*"] ],
} "short_name": "Poly+",
], "action": {
"short_name": "Poly+", "default_title": "Poly+",
"action": { "default_icon": {
"default_title": "Poly+", "16": "/icons/icon.png",
"default_icon": { "32": "/icons/icon.png",
"16": "/icons/icon.png", "48": "/icons/icon.png",
"32": "/icons/icon.png", "128": "/icons/icon.png"
"48": "/icons/icon.png", }
"128": "/icons/icon.png" },
} "icons": {
}, "16": "/icons/icon.png",
"icons": { "32": "/icons/icon.png",
"16": "/icons/icon.png", "48": "/icons/icon.png",
"32": "/icons/icon.png", "128": "/icons/icon.png"
"48": "/icons/icon.png", }
"128": "/icons/icon.png" }
}
}

271
resources/avatar-sandbox.html
View file

@ -1,134 +1,137 @@
<style> <style>
#options { #options {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
margin: 20px; margin: 20px;
margin-bottom: 40px; margin-bottom: 40px;
font-size: 1.25rem; font-size: 1.25rem;
} }
#options *:not(input) { #options *:not(input) {
background: transparent; background: transparent;
border: none; border: none;
color: #fff; color: #fff;
font-size: 1.25rem; font-size: 1.25rem;
} }
#options *:not(input):not(:nth-child(2)) { #options *:not(input):not(:nth-child(2)) {
margin-bottom: 3.5px; margin-bottom: 3.5px;
} }
</style> </style>
<div class="row"> <div class="row">
<div class="col-12 col-lg-3"> <div class="col-12 col-lg-3">
<div class="card mcard mb-3"> <div class="card mcard mb-3">
<h6 class="card-header"> <h6 class="card-header">
<i class="fad fa-user-crown"></i> <i class="fad fa-user-crown"></i>
Avatar Sandbox Avatar Sandbox
</h6> </h6>
<div class="card-body"> <div class="card-body">
<iframe id="viewFrame" style="width: 100%; height: 314px; border-radius: 0.65rem;"></iframe> <iframe id="viewFrame" style="width: 100%; height: 314px; border-radius: 0.65rem;"></iframe>
<div id="options"> <div id="options">
<input name="JSONUpload" type="file" accept="application/json" multiple="false" id="jsonUpload" aria-label="Upload JSON!" style="display: none;"> <input name="JSONUpload" type="file" accept="application/json" multiple="false" id="jsonUpload" aria-label="Upload JSON!" style="display: none;" />
<label for="JSONUpload" style="display: block;"> <label for="JSONUpload" style="display: block;">
<button aria-label="Upload JSON!" onclick="this.parentElement.previousElementSibling.click()"> <button aria-label="Upload JSON!" onclick="this.parentElement.previousElementSibling.click()">
<i class="fa-duotone fa-download"></i> <i class="fa-duotone fa-download"></i>
</button> </button>
</label> </label>
<button id="jsonSave" aria-label="Save as JSON!" style="display: block;"> <button id="jsonSave" aria-label="Save as JSON!" style="display: block;">
<i class="fa-duotone fa-upload"></i> <i class="fa-duotone fa-upload"></i>
</button> </button>
<button id="openNewTab" aria-label="View in a new tab!" style="display: block;"> <button id="openNewTab" aria-label="View in a new tab!" style="display: block;">
<i class="fa-duotone fa-up-right-from-square"></i> <i class="fa-duotone fa-up-right-from-square"></i>
</button> </button>
<button aria-label="View in full screen!" style="display: block;" onclick="document.getElementById('viewFrame').requestFullscreen()"> <button aria-label="View in full screen!" style="display: block;" onclick="document.getElementById('viewFrame').requestFullscreen()">
<i class="fa-duotone fa-minimize"></i> <i class="fa-duotone fa-minimize"></i>
</button> </button>
</div> </div>
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row mb-3">
<div class="col"> <div class="col">
<button id="myself" class="btn btn-outline-primary w-100"> <button id="myself" class="btn btn-outline-primary w-100">
<i class="fa-duotone fa-shirt"></i> <i class="fa-duotone fa-shirt"></i>
Myself Myself
</button> </button>
</div> </div>
<div class="col"> <div class="col">
<button id="clear" class="btn btn-outline-warning w-100"> <button id="clear" class="btn btn-outline-warning w-100">
<i class="fa-duotone fa-trash"></i> <i class="fa-duotone fa-trash"></i>
Clear Clear
</button> </button>
</div> </div>
</div> </div>
<div class="input-group mb-3"> <div class="input-group mb-3">
<input type="text" class="form-control bg-dark" placeholder="Asset ID.."> <input type="text" class="form-control bg-dark" placeholder="Asset ID.." />
<button class="btn btn-primary" id="load-asset">Load Asset</button> <button class="btn btn-primary" id="load-asset">Load Asset</button>
</div> </div>
<div class="card mcard mb-3"> <div class="card mcard mb-3">
<h6 class="card-header"> <h6 class="card-header">
<i class="fad fa-palette"></i> <i class="fad fa-palette"></i>
Body Colors Body Colors
</h6> </h6>
<div class="card-body"> <div class="card-body">
<div class="card-body text-center" id="body-parts"> <div class="card-body text-center" id="body-parts">
<div style="margin-bottom: 5px"> <div style="margin-bottom: 5px">
<button id="head" class="avatarAction bodypart bp1x1" style="background-color: #e0e0e0;"></button> <button id="head" class="avatarAction bodypart bp1x1" style="background-color: #e0e0e0;"></button>
</div> </div>
<div style="margin-bottom: 5px"> <div style="margin-bottom: 5px">
<button id="rightArm" class="avatarAction bodypart bp1x2" style="background-color: #e0e0e0; margin-right: 5px;"></button><button id="torso" class="avatarAction bodypart bp2x2" style="background-color: #e0e0e0;"></button><button class="avatarAction bodypart bp1x2" id="leftArm" style="background-color: #e0e0e0; margin-left: 5px;"></button> <button id="rightArm" class="avatarAction bodypart bp1x2" style="background-color: #e0e0e0; margin-right: 5px;"></button
</div> ><button id="torso" class="avatarAction bodypart bp2x2" style="background-color: #e0e0e0;"></button
<div> ><button class="avatarAction bodypart bp1x2" id="leftArm" style="background-color: #e0e0e0; margin-left: 5px;"></button>
<button class="avatarAction bodypart bp1x2" id="rightLeg" style="background-color: #e0e0e0; margin-right: 5px; padding-right: 18px;"></button><button id="leftLeg" class="avatarAction bodypart bp1x2" style="background-color: #e0e0e0; padding-right: 18px;"></button> </div>
</div> <div>
</div> <button class="avatarAction bodypart bp1x2" id="rightLeg" style="background-color: #e0e0e0; margin-right: 5px; padding-right: 18px;"></button
</div> ><button id="leftLeg" class="avatarAction bodypart bp1x2" style="background-color: #e0e0e0; padding-right: 18px;"></button>
</div> </div>
<small class="text-muted text-center" style="font-size: 0.7rem;">feature of Poly+</small> </div>
</div> </div>
<div class="col-12 col-lg-9"> </div>
<ul class="nav nav-pills nav-justified mb-3" id="tabs"> <small class="text-muted text-center" style="font-size: 0.7rem;">feature of Poly+</small>
<li class="nav-item"> </div>
<a class="nav-link active" data-tab="hat"> <div class="col-12 col-lg-9">
<i class="fas fa-hat-cowboy me-1"></i> <ul class="nav nav-pills nav-justified mb-3" id="tabs">
Hats <li class="nav-item">
</a> <a class="nav-link active" data-tab="hat">
</li> <i class="fas fa-hat-cowboy me-1"></i>
<li class="nav-item"> Hats
<a class="nav-link" data-tab="tool"> </a>
<i class="fas fa-hammer me-1"></i> </li>
Tools <li class="nav-item">
</a> <a class="nav-link" data-tab="tool">
</li> <i class="fas fa-hammer me-1"></i>
<li class="nav-item"> Tools
<a class="nav-link" data-tab="face"> </a>
<i class="fas fa-face-smile me-1"></i> </li>
Faces <li class="nav-item">
</a> <a class="nav-link" data-tab="face">
</li> <i class="fas fa-face-smile me-1"></i>
<li class="nav-item"> Faces
<a class="nav-link" data-tab="shirt"> </a>
<i class="fas fa-tshirt me-1"></i> </li>
Shirts <li class="nav-item">
</a> <a class="nav-link" data-tab="shirt">
</li> <i class="fas fa-tshirt me-1"></i>
<li class="nav-item"> Shirts
<a class="nav-link" data-tab="pants"> </a>
<i class="fas fa-socks me-1"></i> </li>
Pants <li class="nav-item">
</a> <a class="nav-link" data-tab="pants">
</li> <i class="fas fa-socks me-1"></i>
</ul> Pants
<div class="card px-2 pt-2 pb-2 mb-4" style="background: rgba(0, 0, 0, 0.23); border-color: rgba(0, 0, 0, 0.23); border-top-left-radius: 20px; border-top-right-radius: 20px;"> </a>
<input id="item-search" type="text" class="form-control mb-2" placeholder="Search for an item..."> </li>
<div class="row alignleft itemgrid" id="inventory"></div> </ul>
</div> <div class="card px-2 pt-2 pb-2 mb-4" style="background: rgba(0, 0, 0, 0.23); border-color: rgba(0, 0, 0, 0.23); border-top-left-radius: 20px; border-top-right-radius: 20px;">
<h6 class="card-header mb-2"><i class="fad fa-hat-wizard me-1"></i> Wearing</h6> <input id="item-search" type="text" class="form-control mb-2" placeholder="Search for an item..." />
<div class="card px-2 pt-2 pb-2 mb-4" style="background: rgba(0, 0, 0, 0.23); border-color: rgba(0, 0, 0, 0.23); border-top-left-radius: 20px; border-top-right-radius: 20px;"> <div class="row alignleft itemgrid" id="inventory"></div>
<div class="row alignleft itemgrid" id="wearing"></div> </div>
</div> <h6 class="card-header mb-2"><i class="fad fa-hat-wizard me-1"></i> Wearing</h6>
</div> <div class="card px-2 pt-2 pb-2 mb-4" style="background: rgba(0, 0, 0, 0.23); border-color: rgba(0, 0, 0, 0.23); border-top-left-radius: 20px; border-top-right-radius: 20px;">
</div> <div class="row alignleft itemgrid" id="wearing"></div>
</div>
</div>
</div>

118
resources/currencies.json
View file

@ -1,59 +1,59 @@
{ {
"Date": "2023-7-17", "Date": "2023-7-17",
"Data": [ "Data": [
{ {
"USD": 0.009899999999999999, "USD": 0.009899999999999999,
"EUR": 0.011200000000000002, "EUR": 0.011200000000000002,
"CAD": 0.0123, "CAD": 0.0123,
"GBP": 0.008100000000000001, "GBP": 0.008100000000000001,
"MXN": 0.1928, "MXN": 0.1928,
"AUD": 0.014199999999999999, "AUD": 0.014199999999999999,
"TRY": 0.1583 "TRY": 0.1583
}, },
{ {
"USD": 0.009072727272727274, "USD": 0.009072727272727274,
"EUR": 0.010163636363636363, "EUR": 0.010163636363636363,
"CAD": 0.011290909090909091, "CAD": 0.011290909090909091,
"GBP": 0.007363636363636363, "GBP": 0.007363636363636363,
"MXN": 0.17534545454545455, "MXN": 0.17534545454545455,
"AUD": 0.013418181818181819, "AUD": 0.013418181818181819,
"TRY": 0.14616363636363636 "TRY": 0.14616363636363636
}, },
{ {
"USD": 0.00868695652173913, "USD": 0.00868695652173913,
"EUR": 0.009721739130434783, "EUR": 0.009721739130434783,
"CAD": 0.010730434782608695, "CAD": 0.010730434782608695,
"GBP": 0.007043478260869565, "GBP": 0.007043478260869565,
"MXN": 0.1676521739130435, "MXN": 0.1676521739130435,
"AUD": 0.012834782608695652, "AUD": 0.012834782608695652,
"TRY": 0.13767826086956522 "TRY": 0.13767826086956522
}, },
{ {
"USD": 0.009087272727272727, "USD": 0.009087272727272727,
"EUR": 0.00996, "EUR": 0.00996,
"CAD": 0.010625454545454546, "CAD": 0.010625454545454546,
"GBP": 0.006981818181818182, "GBP": 0.006981818181818182,
"MXN": 0.17294545454545454, "MXN": 0.17294545454545454,
"AUD": 0.012698181818181819, "AUD": 0.012698181818181819,
"TRY": 0.14424 "TRY": 0.14424
}, },
{ {
"USD": 0.008331666666666668, "USD": 0.008331666666666668,
"EUR": 0.009323333333333333, "EUR": 0.009323333333333333,
"CAD": 0.00974, "CAD": 0.00974,
"GBP": 0.006066666666666666, "GBP": 0.006066666666666666,
"MXN": 0.15853333333333333, "MXN": 0.15853333333333333,
"AUD": 0.012306666666666667, "AUD": 0.012306666666666667,
"TRY": 0.13222 "TRY": 0.13222
}, },
{ {
"USD": 0.0079992, "USD": 0.0079992,
"EUR": 0.008950399999999999, "EUR": 0.008950399999999999,
"CAD": 0.0093504, "CAD": 0.0093504,
"GBP": 0.005824, "GBP": 0.005824,
"MXN": 0.152192, "MXN": 0.152192,
"AUD": 0.011814400000000001, "AUD": 0.011814400000000001,
"TRY": 0.12693120000000002 "TRY": 0.12693120000000002
} }
] ]
} }

11
resources/getUserDetails.js
View file

@ -1,4 +1,7 @@
window.localStorage.setItem('p+account_info', JSON.stringify({ window.localStorage.setItem(
ID: userID, 'p+account_info',
Bricks: document.querySelector('.brickBalanceCont').innerText.replace(/\s+/g,'') JSON.stringify({
})) ID: userID,
Bricks: document.querySelector('.brickBalanceCont').innerText.replace(/\s+/g, '')
})
);

4
resources/registerTooltips.js
View file

@ -1,2 +1,2 @@
var tooltips = document.querySelectorAll('[data-bs-toggle="tooltip"]') var tooltips = document.querySelectorAll('[data-bs-toggle="tooltip"]');
var list = [...tooltips].map(tool => new bootstrap.Tooltip(tool)) var list = [...tooltips].map((tool) => new bootstrap.Tooltip(tool));

372
resources/utils.js
View file

@ -8,115 +8,107 @@ HOW TO USE IN CONTENT SCRIPTS:
*/ */
function ParseFullNumber(ab) { function ParseFullNumber(ab) {
if (typeof(ab) === "number") { return ab } if (typeof ab === 'number') {
const Suffixes = {"k": 1000, "m": 1000000, "b": 1000000000} return ab;
const Suffix = ab.slice(-1).toLowerCase(); }
if (Suffixes[Suffix]) {return parseFloat(ab)*Suffixes[Suffix]} else {return parseFloat(ab)} const Suffixes = {k: 1000, m: 1000000, b: 1000000000};
const Suffix = ab.slice(-1).toLowerCase();
if (Suffixes[Suffix]) {
return parseFloat(ab) * Suffixes[Suffix];
} else {
return parseFloat(ab);
}
} }
export default { export default {
DefaultSettings: { DefaultSettings: {
PinnedGamesOn: true, PinnedGamesOn: true,
ForumMentsOn: true, ForumMentsOn: true,
BestFriendsOn: false, BestFriendsOn: false,
ImprovedFrListsOn: false, ImprovedFrListsOn: false,
IRLPriceWithCurrency: { IRLPriceWithCurrency: {
Enabled: true, Enabled: true,
Currency: 0, Currency: 0,
Package: 0 Package: 0
}, },
IRLPriceWithCurrencyOn: true, IRLPriceWithCurrencyOn: true,
IRLPriceWithCurrencyCurrency: 0, IRLPriceWithCurrencyCurrency: 0,
IRLPriceWithCurrencyPackage: 0, IRLPriceWithCurrencyPackage: 0,
HideNotifBadgesOn: false, HideNotifBadgesOn: false,
StoreOwnTagOn: true, StoreOwnTagOn: true,
ThemeCreatorOn: false, ThemeCreatorOn: false,
ThemeCreator: { ThemeCreator: {
Enabled: false, Enabled: false,
BGColor: null, BGColor: null,
BGImage: null, BGImage: null,
BGImageSize: 'fit', BGImageSize: 'fit',
PrimaryTextColor: null, PrimaryTextColor: null,
SecondaryTextColor: null, SecondaryTextColor: null,
LinkTextColor: null, LinkTextColor: null,
WebsiteLogo: null WebsiteLogo: null
}, },
ModifyNavOn: false, ModifyNavOn: false,
ModifyNav: [ ModifyNav: [
{ {
Label: "Places", Label: 'Places',
Link: "https://polytoria.com/places" Link: 'https://polytoria.com/places'
}, },
{ {
Label: "Store", Label: 'Store',
Link: "https://polytoria.com/store" Link: 'https://polytoria.com/store'
}, },
{ {
Label: "Guilds", Label: 'Guilds',
Link: "https://polytoria.com/guilds" Link: 'https://polytoria.com/guilds'
}, },
{ {
Label: "People", Label: 'People',
Link: "https://polytoria.com/users" Link: 'https://polytoria.com/users'
}, },
{ {
Label: "Forum", Label: 'Forum',
Link: "https://polytoria.com/forum" Link: 'https://polytoria.com/forum'
} }
], ],
MoreSearchFiltersOn: true, MoreSearchFiltersOn: true,
ApplyMembershipTheme: { ApplyMembershipTheme: {
Enabled: false, Enabled: false,
Theme: 0 Theme: 0
}, },
ApplyMembershipThemeOn: false, ApplyMembershipThemeOn: false,
ApplyMembershipThemeTheme: 0, ApplyMembershipThemeTheme: 0,
MultiCancelOutTradesOn: true, MultiCancelOutTradesOn: true,
ItemWishlistOn: true, ItemWishlistOn: true,
HideUpgradeBtnOn: false, HideUpgradeBtnOn: false,
TryOnItemsOn: true, TryOnItemsOn: true,
OutfitCostOn: true, OutfitCostOn: true,
ShowPlaceRevenueOn: true, ShowPlaceRevenueOn: true,
ReplaceItemSalesOn: false, ReplaceItemSalesOn: false,
HoardersListOn: true, HoardersListOn: true,
HoardersList: { HoardersList: {
Enabled: true, Enabled: true,
AvatarsEnabled: false, AvatarsEnabled: false,
MinCopies: 2 MinCopies: 2
}, },
LibraryDownloadsOn: true, LibraryDownloadsOn: true,
EventItemsCatOn: true, EventItemsCatOn: true,
HomeFriendCountOn: true, HomeFriendCountOn: true,
HideUserAds: { HideUserAds: {
Enabled: false, Enabled: false,
Banners: true, Banners: true,
Rectangles: true Rectangles: true
} }
}, },
Limits: { Limits: {
PinnedGames: 10, PinnedGames: 10,
BestFriends: 15, BestFriends: 15,
ImprovedFrLists: 20, ImprovedFrLists: 20,
ItemWishlist: 20 ItemWishlist: 20
}, },
MeshTypes: [ MeshTypes: ['hat', 'hair', 'head attachment', 'face accessory', 'neck accessory', 'head cover', 'back accessory', 'shoulder accessory', 'tool'],
"hat", TextureTypes: ['shirt', 'pants', 'face'],
"hair", CalculateIRL: async function (bricks, to, brickPackage) {
"head attachment", /*
"face accessory",
"neck accessory",
"head cover",
"back accessory",
"shoulder accessory",
"tool"
],
TextureTypes: [
"shirt",
"pants",
"face"
],
CalculateIRL: async function(bricks, to, brickPackage) {
/*
Disabled for now: currency retrieval from currencies.json Disabled for now: currency retrieval from currencies.json
const response = await fetch(chrome.runtime.getURL('resources/currencies.json')) const response = await fetch(chrome.runtime.getURL('resources/currencies.json'))
@ -127,108 +119,114 @@ export default {
const UnitPrice = data.Data[brickPackage][to] const UnitPrice = data.Data[brickPackage][to]
*/ */
let Icon = "$" let Icon = '$';
let Result = "N/A"; let Result = 'N/A';
let Display = "Currency Not Found"; let Display = 'Currency Not Found';
// is the icon abbreviated text, or an entity // is the icon abbreviated text, or an entity
let IsIconAbbr = false let IsIconAbbr = false;
bricks = ParseFullNumber(bricks.replace(/,/g, '')) bricks = ParseFullNumber(bricks.replace(/,/g, ''));
switch (to) { switch (to) {
// U.S. Dollar // U.S. Dollar
case 0: case 0:
Result = (bricks * 0.0099).toFixed(2) Result = (bricks * 0.0099).toFixed(2);
Display = "USD" Display = 'USD';
break break;
// Euro // Euro
case 1: case 1:
Icon = "&#8364;" Icon = '&#8364;';
Result = (bricks * 0.009).toFixed(2) Result = (bricks * 0.009).toFixed(2);
Display = "EUR" Display = 'EUR';
break break;
// Canadian Dollar // Canadian Dollar
case 2: case 2:
Icon = "CAD$" Icon = 'CAD$';
IsIconAbbr = true IsIconAbbr = true;
Result = (bricks * 0.0131).toFixed(2) Result = (bricks * 0.0131).toFixed(2);
Display = "CAD" Display = 'CAD';
break break;
// Great British Pound // Great British Pound
case 3: case 3:
Icon = "&#163;" Icon = '&#163;';
Result = (bricks * 0.0077).toFixed(2) Result = (bricks * 0.0077).toFixed(2);
Display = "GBP" Display = 'GBP';
break break;
// Mexican Peso // Mexican Peso
case 4: case 4:
Icon = "MXN$" Icon = 'MXN$';
IsIconAbbr = true IsIconAbbr = true;
Result = (bricks * 0.1691).toFixed(2) Result = (bricks * 0.1691).toFixed(2);
Display = "MXN" Display = 'MXN';
break break;
// Australia Dollar // Australia Dollar
case 5: case 5:
Icon = "AU$" Icon = 'AU$';
IsIconAbbr = true IsIconAbbr = true;
Result = (bricks * 0.0144).toFixed(2) Result = (bricks * 0.0144).toFixed(2);
Display = "AUD" Display = 'AUD';
break break;
// Turkish Lira // Turkish Lira
case 6: case 6:
Icon = "&#8378;" Icon = '&#8378;';
Result = (bricks * 0.2338).toFixed(2) Result = (bricks * 0.2338).toFixed(2);
Display = "TRY" Display = 'TRY';
break break;
// Brazillian Real // Brazillian Real
case 7: case 7:
Icon = "R$" Icon = 'R$';
IsIconAbbr = true IsIconAbbr = true;
Result = (bricks * 0.49).toFixed(2) Result = (bricks * 0.49).toFixed(2);
Display = "BRL" Display = 'BRL';
break break;
} }
if (typeof(Result) === "number") { Result = Result.toFixed(2) } if (typeof Result === 'number') {
Result = Result.toFixed(2);
}
return { return {
result: Result, result: Result,
display: Display, display: Display,
icon: Icon, icon: Icon,
isIconAbbr: IsIconAbbr isIconAbbr: IsIconAbbr
} };
}, },
InjectResource: function(path, element) { InjectResource: function (path, element) {
// Function by devjin0617 on GitHub // Function by devjin0617 on GitHub
// Gist: https://gist.github.com/devjin0617/3e8d72d94c1b9e69690717a219644c7a // Gist: https://gist.github.com/devjin0617/3e8d72d94c1b9e69690717a219644c7a
// Slightly modified to use constants and fit the rest of the code style more // Slightly modified to use constants and fit the rest of the code style more
// Function only used for registering bootstrap tooltips currently // Function only used for registering bootstrap tooltips currently
if (element === undefined) { element = 'body' } if (element === undefined) {
const Node = document.getElementsByTagName(element)[0]; element = 'body';
const Script = document.createElement('script'); }
Script.setAttribute('type', 'text/javascript'); const Node = document.getElementsByTagName(element)[0];
Script.setAttribute('src', chrome.runtime.getURL('resources/' + path + '.js')); const Script = document.createElement('script');
Script.addEventListener('load', function(){Script.remove()}) Script.setAttribute('type', 'text/javascript');
Node.appendChild(Script); Script.setAttribute('src', chrome.runtime.getURL('resources/' + path + '.js'));
} Script.addEventListener('load', function () {
} Script.remove();
});
Node.appendChild(Script);
}
};

1383
settings.html
View file

File diff suppressed because it is too large Load diff

660
settings.js
View file

@ -1,400 +1,426 @@
const SaveBtn = document.getElementById('Save') const SaveBtn = document.getElementById('Save');
const Elements = Array.from(document.getElementsByClassName('setting-container')) const Elements = Array.from(document.getElementsByClassName('setting-container'));
var Settings; var Settings;
var Utilities; var Utilities;
(async () => { (async () => {
Utilities = await import(chrome.runtime.getURL('resources/utils.js')); Utilities = await import(chrome.runtime.getURL('resources/utils.js'));
Utilities = Utilities.default Utilities = Utilities.default;
LoadCurrent() LoadCurrent();
document.getElementById('PinnedGames-limit').innerText = Utilities.Limits.PinnedGames document.getElementById('PinnedGames-limit').innerText = Utilities.Limits.PinnedGames;
document.getElementById('BestFriends-limit').innerText = Utilities.Limits.BestFriends document.getElementById('BestFriends-limit').innerText = Utilities.Limits.BestFriends;
document.getElementById('ImprovedFrLists-limit').innerText = Utilities.Limits.ImprovedFrLists document.getElementById('ImprovedFrLists-limit').innerText = Utilities.Limits.ImprovedFrLists;
document.getElementById('ItemWishlist-limit').innerText = Utilities.Limits.ItemWishlist document.getElementById('ItemWishlist-limit').innerText = Utilities.Limits.ItemWishlist;
})(); })();
// Handle buttons at the bottom of the page // Handle buttons at the bottom of the page
document.getElementById('ResetDefaults').addEventListener('click', function() { document.getElementById('ResetDefaults').addEventListener('click', function () {
document.getElementById('ResetDefaults-Modal').showModal(); document.getElementById('ResetDefaults-Modal').showModal();
}); });
SaveBtn.addEventListener("click", function() { SaveBtn.addEventListener('click', function () {
Save(); Save();
}); });
// Handle modal buttons for Reset Defaults modal // Handle modal buttons for Reset Defaults modal
document.getElementById('ResetDefaults-Modal-Yes').addEventListener('click', function() { document.getElementById('ResetDefaults-Modal-Yes').addEventListener('click', function () {
Settings = Utilities.DefaultSettings Settings = Utilities.DefaultSettings;
Save() Save();
setTimeout(function () { setTimeout(function () {
LoadCurrent(); LoadCurrent();
document.getElementById('ResetDefaults-Modal').close(); document.getElementById('ResetDefaults-Modal').close();
}, 400) }, 400);
}); });
document.getElementById('ResetDefaults-Modal-No').addEventListener('click', function() { document.getElementById('ResetDefaults-Modal-No').addEventListener('click', function () {
document.getElementById('ResetDefaults-Modal').close(); document.getElementById('ResetDefaults-Modal').close();
}); });
// Handle leaving the settings page before saving // Handle leaving the settings page before saving
window.onbeforeunload = function() { window.onbeforeunload = function () {
if (SaveBtn.getAttribute('disabled') !== undefined) { if (SaveBtn.getAttribute('disabled') !== undefined) {
return "Are you sure you'd like to leave? Your Poly+ settings haven't been saved." return "Are you sure you'd like to leave? Your Poly+ settings haven't been saved.";
} }
} };
// Loop thru each setting container and handle toggling, selecting, opening modal, etc // Loop thru each setting container and handle toggling, selecting, opening modal, etc
Elements.forEach(element => { Elements.forEach((element) => {
console.log('Handle Element', element) console.log('Handle Element', element);
let Button = element.getElementsByTagName('button')[0] let Button = element.getElementsByTagName('button')[0];
let Options = element.getElementsByTagName('button')[1] let Options = element.getElementsByTagName('button')[1];
let Select = element.getElementsByTagName('select')[0] let Select = element.getElementsByTagName('select')[0];
let Checkbox = element.getElementsByTagName('input')[0] let Checkbox = element.getElementsByTagName('input')[0];
if (Button) { if (Button) {
Button.addEventListener('click', function() { Button.addEventListener('click', function () {
SetSetting(Button, "bool") SetSetting(Button, 'bool');
}); });
} }
if (Select) { if (Select) {
Select.addEventListener('change', function(){ Select.addEventListener('change', function () {
if (Select.getAttribute('data-useValue') !== undefined) { if (Select.getAttribute('data-useValue') !== undefined) {
let Value = Select.options[Select.selectedIndex].value let Value = Select.options[Select.selectedIndex].value;
if (!isNaN(Value)) { Value = parseInt(Value) } if (!isNaN(Value)) {
SetSetting(Select, Value, false) Value = parseInt(Value);
} else { }
SetSetting(Select, Select.selectedIndex, false) SetSetting(Select, Value, false);
} } else {
}) SetSetting(Select, Select.selectedIndex, false);
} }
});
}
if (Checkbox) { if (Checkbox) {
Checkbox.addEventListener('change', function(){ Checkbox.addEventListener('change', function () {
SetSetting(Checkbox, Checkbox.checked, false) SetSetting(Checkbox, Checkbox.checked, false);
}) });
} }
if (Options) { if (Options) {
const Modal = document.getElementById(Options.getAttribute('data-modal') + '-Modal') const Modal = document.getElementById(Options.getAttribute('data-modal') + '-Modal');
const ModalButtons = Modal.getElementsByTagName('button') const ModalButtons = Modal.getElementsByTagName('button');
const ModalInputs = Modal.getElementsByTagName('input') const ModalInputs = Modal.getElementsByTagName('input');
const ModalSelect = Modal.getElementsByTagName('select') const ModalSelect = Modal.getElementsByTagName('select');
Options.addEventListener('click', function(){ Options.addEventListener('click', function () {
Array.from(ModalButtons).filter((x) => !x.classList.contains('ignore')).forEach(button => { Array.from(ModalButtons)
button.addEventListener('click', function(){ .filter((x) => !x.classList.contains('ignore'))
const Setting = button.getAttribute('data-setting') .forEach((button) => {
button.addEventListener('click', function () {
const Setting = button.getAttribute('data-setting');
if (Setting === '[save]') { if (Setting === '[save]') {
// Save Modal Button // Save Modal Button
Array.from(ModalInputs).filter((x) => !x.classList.contains('ignore')).forEach(input => { Array.from(ModalInputs)
SetSetting(input, input.value, false, Modal.getAttribute('data-setting')) .filter((x) => !x.classList.contains('ignore'))
}); .forEach((input) => {
Array.from(ModalSelect).filter((x) => !x.classList.contains('ignore')).forEach(select => { SetSetting(input, input.value, false, Modal.getAttribute('data-setting'));
SetSetting(select, select.selectedIndex, false, Modal.getAttribute('data-setting')) });
}); Array.from(ModalSelect)
Save(); .filter((x) => !x.classList.contains('ignore'))
setTimeout(function () { .forEach((select) => {
LoadCurrent(); SetSetting(select, select.selectedIndex, false, Modal.getAttribute('data-setting'));
Modal.close(); });
}, 400) Save();
} else if (Setting === '[reset-default]') { setTimeout(function () {
// Reset to Defaults Modal Button LoadCurrent();
Modal.close();
}, 400);
} else if (Setting === '[reset-default]') {
// Reset to Defaults Modal Button
if (confirm("Are you sure you'd like to reset these options to their defaults?") === true) { if (confirm("Are you sure you'd like to reset these options to their defaults?") === true) {
Settings[Modal.getAttribute('data-setting')] = Utilities.DefaultSettings[Modal.getAttribute('data-setting')] Settings[Modal.getAttribute('data-setting')] = Utilities.DefaultSettings[Modal.getAttribute('data-setting')];
Save() Save();
Modal.close(); Modal.close();
} }
} else if (Setting === '[cancel]') { } else if (Setting === '[cancel]') {
// Cancel Changes Button // Cancel Changes Button
Modal.close(); Modal.close();
} else { } else {
// Default Toggle Button // Default Toggle Button
SetSetting(button, "bool", false, Modal.getAttribute('data-setting')) SetSetting(button, 'bool', false, Modal.getAttribute('data-setting'));
} }
}) });
}) });
Array.from(ModalInputs).filter((x) => !x.classList.contains('ignore')).forEach(input => { Array.from(ModalInputs)
const Status = GetSettingValue(input, Modal.getAttribute('data-setting')) .filter((x) => !x.classList.contains('ignore'))
if (Status !== "undefined" && Status !== undefined) { .forEach((input) => {
input.value = Status const Status = GetSettingValue(input, Modal.getAttribute('data-setting'));
} else { if (Status !== 'undefined' && Status !== undefined) {
input.value = '' input.value = Status;
} } else {
}); input.value = '';
}
});
Array.from(ModalSelect).filter((x) => !x.classList.contains('ignore')).forEach(select => { Array.from(ModalSelect)
const Status = GetSettingValue(select, Modal.getAttribute('data-setting')) .filter((x) => !x.classList.contains('ignore'))
if (Status !== "undefined" && Status !== undefined) { .forEach((select) => {
select.selectedIndex = Status const Status = GetSettingValue(select, Modal.getAttribute('data-setting'));
} if (Status !== 'undefined' && Status !== undefined) {
}); select.selectedIndex = Status;
}
});
Modal.showModal() Modal.showModal();
}) });
} }
}); });
function LoadCurrent() { function LoadCurrent() {
chrome.storage.sync.get(["PolyPlus_Settings"], function(result) { chrome.storage.sync.get(['PolyPlus_Settings'], function (result) {
Settings = MergeObjects(result.PolyPlus_Settings || Utilities.DefaultSettings, Utilities.DefaultSettings) Settings = MergeObjects(result.PolyPlus_Settings || Utilities.DefaultSettings, Utilities.DefaultSettings);
console.log("Current Settings: ", Settings) console.log('Current Settings: ', Settings);
Elements.forEach(element => { Elements.forEach((element) => {
console.log('For Each Update') console.log('For Each Update');
UpdateElementState(element) UpdateElementState(element);
}); });
}); });
} }
function SetSetting(element, value, update, modalParent) { function SetSetting(element, value, update, modalParent) {
const name = element.getAttribute('data-setting') const name = element.getAttribute('data-setting');
let parent = element.getAttribute('data-parent') let parent = element.getAttribute('data-parent');
if (modalParent !== undefined) { if (modalParent !== undefined) {
console.log(modalParent) console.log(modalParent);
parent = modalParent parent = modalParent;
} }
if (value === "bool") { if (value === 'bool') {
value = !GetSettingValue(element, modalParent) value = !GetSettingValue(element, modalParent);
} }
if (parent !== null) { if (parent !== null) {
let Parent = Object.values(Settings)[Object.keys(Settings).indexOf(parent)] let Parent = Object.values(Settings)[Object.keys(Settings).indexOf(parent)];
if (!isNaN(element.getAttribute('data-parent')) && element.getAttribute('data-parent') !== null) { if (!isNaN(element.getAttribute('data-parent')) && element.getAttribute('data-parent') !== null) {
console.log('is numbere!!!!') console.log('is numbere!!!!');
Parent = Parent[parseInt(element.getAttribute('data-parent'))] Parent = Parent[parseInt(element.getAttribute('data-parent'))];
} }
Parent[name] = value Parent[name] = value;
} else { } else {
Settings[name] = value Settings[name] = value;
} }
if (update !== false) { if (update !== false) {
UpdateElementState(document.querySelector(`.setting-container:has([data-setting="${name}"])${ (parent !== null) ? `:has([data-parent="${parent}"])` : '' }`), value) UpdateElementState(document.querySelector(`.setting-container:has([data-setting="${name}"])${parent !== null ? `:has([data-parent="${parent}"])` : ''}`), value);
} }
if (SaveBtn.getAttribute('disabled')) { if (SaveBtn.getAttribute('disabled')) {
SaveBtn.removeAttribute('disabled') SaveBtn.removeAttribute('disabled');
} }
const getInObject = function(a, b) { return Object.values(a)[Object.keys(a).indexOf(b)] } const getInObject = function (a, b) {
return Object.values(a)[Object.keys(a).indexOf(b)];
};
} }
function GetSettingValue(element, modalParent) { function GetSettingValue(element, modalParent) {
const name = element.getAttribute('data-setting') const name = element.getAttribute('data-setting');
let parent = element.getAttribute('data-parent') let parent = element.getAttribute('data-parent');
if (modalParent !== undefined) { if (modalParent !== undefined) {
parent = modalParent parent = modalParent;
} }
let Status = name; let Status = name;
if (parent !== null) { if (parent !== null) {
let Parent = Object.values(Settings)[Object.keys(Settings).indexOf(parent)];
if (!isNaN(element.getAttribute('data-parent')) && element.getAttribute('data-parent') !== null) {
Parent = Parent[parseInt(element.getAttribute('data-parent'))];
Status = Parent[name];
} else {
Status = Object.values(Parent)[Object.keys(Parent).indexOf(name)];
}
let Parent = Object.values(Settings)[Object.keys(Settings).indexOf(parent)] /*
if (!isNaN(element.getAttribute('data-parent')) && element.getAttribute('data-parent') !== null) {
Parent = Parent[parseInt(element.getAttribute('data-parent'))]
Status = Parent[name]
} else {
Status = Object.values(Parent)[Object.keys(Parent).indexOf(name)]
}
/*
if (!isNaN(element.getAttribute('data-parent'))) { if (!isNaN(element.getAttribute('data-parent'))) {
Parent = Parent[parseInt(element.getAttribute('data-parent'))] Parent = Parent[parseInt(element.getAttribute('data-parent'))]
} }
Status = Object.values(Parent)[Object.keys(Parent).indexOf(Status)] Status = Object.values(Parent)[Object.keys(Parent).indexOf(Status)]
*/ */
} else { } else {
Status = Settings[Status] Status = Settings[Status];
} }
console.log('Get Value Result', Status) console.log('Get Value Result', Status);
return Status return Status;
} }
function UpdateElementState(element, status) { function UpdateElementState(element, status) {
console.log('Update Element State', element, status) console.log('Update Element State', element, status);
const Button = element.getElementsByClassName('toggle-btn')[0] const Button = element.getElementsByClassName('toggle-btn')[0];
if (status === undefined) { if (status === undefined) {
console.log('Update Element State, no status provided') console.log('Update Element State, no status provided');
status = GetSettingValue(Button) status = GetSettingValue(Button);
} }
if (status === true) { if (status === true) {
console.log('Is Enabled so Set False') console.log('Is Enabled so Set False');
element.classList.add('enabled') element.classList.add('enabled');
element.classList.remove('disabled') element.classList.remove('disabled');
Button.innerText = 'Disable' Button.innerText = 'Disable';
Button.classList.add('btn-danger') Button.classList.add('btn-danger');
Button.classList.remove('btn-success') Button.classList.remove('btn-success');
} else { } else {
console.log('Is Disabled so Set True') console.log('Is Disabled so Set True');
element.classList.add('disabled') element.classList.add('disabled');
element.classList.remove('enabled') element.classList.remove('enabled');
Button.innerText = 'Enable' Button.innerText = 'Enable';
Button.classList.add('btn-success') Button.classList.add('btn-success');
Button.classList.remove('btn-danger') Button.classList.remove('btn-danger');
} }
let SelectInput = element.getElementsByTagName('select')[0] let SelectInput = element.getElementsByTagName('select')[0];
if (SelectInput) { if (SelectInput) {
console.log('Select Found') console.log('Select Found');
SelectInput.selectedIndex = GetSettingValue(SelectInput) SelectInput.selectedIndex = GetSettingValue(SelectInput);
} }
let Checkbox = Array.from(element.getElementsByTagName('input')) let Checkbox = Array.from(element.getElementsByTagName('input'));
if (Checkbox.length > 0) { if (Checkbox.length > 0) {
console.log('Checkbox/Input(s) Found', Checkbox) console.log('Checkbox/Input(s) Found', Checkbox);
Checkbox.forEach(check => { Checkbox.forEach((check) => {
console.log('check', GetSettingValue(check)) console.log('check', GetSettingValue(check));
check.checked = GetSettingValue(check) check.checked = GetSettingValue(check);
}) });
} }
} }
function Save() { function Save() {
document.title = 'Poly+ Settings' document.title = 'Poly+ Settings';
SaveBtn.setAttribute('disabled', 'true') SaveBtn.setAttribute('disabled', 'true');
chrome.storage.sync.set({ 'PolyPlus_Settings': Settings, arrayOrder: true }, function() { chrome.storage.sync.set({PolyPlus_Settings: Settings, arrayOrder: true}, function () {
console.log('Saved successfully!'); console.log('Saved successfully!');
}); });
console.log("Save:", Settings); console.log('Save:', Settings);
} }
let LoadThemeFromJSONBtn = document.getElementById('LoadThemeFromJSONBtn') let LoadThemeFromJSONBtn = document.getElementById('LoadThemeFromJSONBtn');
let SaveThemeToJSONInput = document.getElementById('SaveThemeToJSONInput') let SaveThemeToJSONInput = document.getElementById('SaveThemeToJSONInput');
let CopyThemeJSONBtn = document.getElementById('CopyThemeJSONBtn') let CopyThemeJSONBtn = document.getElementById('CopyThemeJSONBtn');
LoadThemeFromJSONBtn.addEventListener('click', function(){ LoadThemeFromJSONBtn.addEventListener('click', function () {
LoadThemeJSON(LoadThemeFromJSONBtn.previousElementSibling.value) LoadThemeJSON(LoadThemeFromJSONBtn.previousElementSibling.value);
}); });
document.getElementById('theme-creator').getElementsByTagName('button')[1].addEventListener('click', function(){ document
SaveThemeToJSONInput.value = JSON.stringify(Settings.ThemeCreator) .getElementById('theme-creator')
}); .getElementsByTagName('button')[1]
CopyThemeJSONBtn.addEventListener('click', function(){ .addEventListener('click', function () {
if (SaveThemeToJSONInput.value.length > 0) { SaveThemeToJSONInput.value = JSON.stringify(Settings.ThemeCreator);
navigator.clipboard.writeText(SaveThemeToJSONInput.value) });
.then(() => { CopyThemeJSONBtn.addEventListener('click', function () {
alert('Successfully copied theme data to clipboard!') if (SaveThemeToJSONInput.value.length > 0) {
}) navigator.clipboard
.catch(() => { .writeText(SaveThemeToJSONInput.value)
alert('Failure to copy theme data to clipboard.') .then(() => {
}); alert('Successfully copied theme data to clipboard!');
} })
.catch(() => {
alert('Failure to copy theme data to clipboard.');
});
}
}); });
function LoadThemeJSON(string) { function LoadThemeJSON(string) {
try { try {
let JSONTable = JSON.parse(string) let JSONTable = JSON.parse(string);
if (JSONTable.length === Utilities.DefaultSettings.ThemeCreator.length) { if (JSONTable.length === Utilities.DefaultSettings.ThemeCreator.length) {
if (confirm('Are you sure you\'d like to replace this theme with the theme specified in the JSON?') === true) { if (confirm("Are you sure you'd like to replace this theme with the theme specified in the JSON?") === true) {
LoadThemeFromJSONBtn.previousElementSibling.value = '' LoadThemeFromJSONBtn.previousElementSibling.value = '';
document.getElementById('ThemeCreator-Modal').close() document.getElementById('ThemeCreator-Modal').close();
for (let i = 0; i < JSONTable.length; i++) { for (let i = 0; i < JSONTable.length; i++) {
if (JSONTable[i][0] !== "#") { if (JSONTable[i][0] !== '#') {
JSONTable[i] = "" JSONTable[i] = '';
} }
} }
Settings.ThemeCreator = MergeObjects(JSONTable, Utilities.DefaultSettings.ThemeCreator) Settings.ThemeCreator = MergeObjects(JSONTable, Utilities.DefaultSettings.ThemeCreator);
Save(); Save();
console.log(JSONTable.length, JSONTable, 'applied') console.log(JSONTable.length, JSONTable, 'applied');
document.getElementById('ThemeCreator').getElementsByTagName('button')[1].click(); document.getElementById('ThemeCreator').getElementsByTagName('button')[1].click();
} }
} else { } else {
alert('JSON is not a theme!') alert('JSON is not a theme!');
} }
} catch (error) { } catch (error) {
alert('JSON is invalid!') alert('JSON is invalid!');
} }
} }
// MergeObjects function was written by ChatGPT cause I was lazy and it was awhile ago // MergeObjects function was written by ChatGPT cause I was lazy and it was awhile ago
function MergeObjects(obj1, obj2) { function MergeObjects(obj1, obj2) {
var mergedObj = {}; var mergedObj = {};
// Copy the values from obj1 to the mergedObj // Copy the values from obj1 to the mergedObj
for (var key in obj1) { for (var key in obj1) {
mergedObj[key] = obj1[key]; mergedObj[key] = obj1[key];
} }
// Merge the values from obj2 into the mergedObj, favoring obj2 for non-existing keys in obj1 // Merge the values from obj2 into the mergedObj, favoring obj2 for non-existing keys in obj1
for (var key in obj2) { for (var key in obj2) {
if (!obj1.hasOwnProperty(key)) { if (!obj1.hasOwnProperty(key)) {
mergedObj[key] = obj2[key]; mergedObj[key] = obj2[key];
} }
} }
return mergedObj; return mergedObj;
} }
function FormatBool(bool){ function FormatBool(bool) {
if (bool === true) { return 'enabled' } if (bool === true) {
else { return 'disabled' } return 'enabled';
} else {
return 'disabled';
}
} }
const Manifest = chrome.runtime.getManifest() const Manifest = chrome.runtime.getManifest();
let BuildType = "Stable" let BuildType = 'Stable';
if (Manifest.version_name !== undefined) {BuildType = "Pre-Release"} if (Manifest.version_name !== undefined) {
BuildType = 'Pre-Release';
}
const FooterText = document.getElementById('footer-text') const FooterText = document.getElementById('footer-text');
FooterText.children[0].innerHTML = `Version: v${Manifest.version} | Build Type: ${BuildType}` FooterText.children[0].innerHTML = `Version: v${Manifest.version} | Build Type: ${BuildType}`;
const CheckForUpdatesButton = document.getElementById('check-for-updates') const CheckForUpdatesButton = document.getElementById('check-for-updates');
function CheckForUpdates() { function CheckForUpdates() {
CheckForUpdatesButton.removeEventListener('click', CheckForUpdates) CheckForUpdatesButton.removeEventListener('click', CheckForUpdates);
CheckForUpdatesButton.disabled = true CheckForUpdatesButton.disabled = true;
fetch('https://polyplus.vercel.app/data/version.json') fetch('https://polyplus.vercel.app/data/version.json')
.then(response => { .then((response) => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network not ok') throw new Error('Network not ok');
} }
return response.json() return response.json();
}) })
.then(data => { .then((data) => {
if (data.version === Manifest.version || Math.floor((data.version - Manifest.version) * 10) === 0) { if (data.version === Manifest.version || Math.floor((data.version - Manifest.version) * 10) === 0) {
CheckForUpdatesButton.innerHTML = '<b>No updates available</b>' CheckForUpdatesButton.innerHTML = '<b>No updates available</b>';
alert('No updates available') alert('No updates available');
} else { } else {
const NumberOfUpdatesAvailable = Math.floor((data.version - Version) * 10) const NumberOfUpdatesAvailable = Math.floor((data.version - Version) * 10);
CheckForUpdatesButton.innerHTML = '<b>'+NumberOfUpdatesAvailable+' update(s) available</b>' CheckForUpdatesButton.innerHTML = '<b>' + NumberOfUpdatesAvailable + ' update(s) available</b>';
alert(NumberOfUpdatesAvailable + ' updates available') alert(NumberOfUpdatesAvailable + ' updates available');
} }
}) })
.catch(error => {console.log(error)}); .catch((error) => {
console.log(error);
});
} }
CheckForUpdatesButton.addEventListener('click', CheckForUpdates) CheckForUpdatesButton.addEventListener('click', CheckForUpdates);
fetch(chrome.runtime.getURL('resources/currencies.json')) fetch(chrome.runtime.getURL('resources/currencies.json'))
.then(response => { .then((response) => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network not ok') throw new Error('Network not ok');
} }
return response.json() return response.json();
}) })
.then(data => { .then((data) => {
const DateText = new Date(data.Date).toLocaleDateString("en-US", {day:"numeric",month:"long",year:"numeric"}) const DateText = new Date(data.Date).toLocaleDateString('en-US', {day: 'numeric', month: 'long', year: 'numeric'});
document.getElementById('IRLPriceWithCurrency-Date').innerText = DateText document.getElementById('IRLPriceWithCurrency-Date').innerText = DateText;
}) })
.catch(error => {console.log(error)}) .catch((error) => {
console.log(error);
});
chrome.storage.local.get(['PolyPlus_OutOfDate', 'PolyPlus_LiveVersion', 'PolyPlus_ReleaseNotes', 'PolyPlus_SkipUpdate'], function(result) { chrome.storage.local.get(['PolyPlus_OutOfDate', 'PolyPlus_LiveVersion', 'PolyPlus_ReleaseNotes', 'PolyPlus_SkipUpdate'], function (result) {
const OutOfDate = result.PolyPlus_OutOfDate || false const OutOfDate = result.PolyPlus_OutOfDate || false;
const SkipUpdate = result.PolyPlus_SkipUpdate || null const SkipUpdate = result.PolyPlus_SkipUpdate || null;
const LiveVersion = result.PolyPlus_LiveVersion || Manifest.version const LiveVersion = result.PolyPlus_LiveVersion || Manifest.version;
if (OutOfDate === true && SkipUpdate !== LiveVersion) { if (OutOfDate === true && SkipUpdate !== LiveVersion) {
const Banner = document.createElement('div') const Banner = document.createElement('div');
Banner.classList = 'alert position-sticky p-3' Banner.classList = 'alert position-sticky p-3';
Banner.style = 'top: 30px; box-shadow: 0 0 20px 2px #000; z-index: 2000; background: rgb(163 39 39);' Banner.style = 'top: 30px; box-shadow: 0 0 20px 2px #000; z-index: 2000; background: rgb(163 39 39);';
Banner.innerHTML = ` Banner.innerHTML = `
<b>New Update Available!</b> <b>New Update Available!</b>
<br> <br>
Your Poly+ installation is out of date! If you would like to get the latest and greatest features, improvements, and bug fixes click on one of the links below to dismiss this banner! Your Poly+ installation is out of date! If you would like to get the latest and greatest features, improvements, and bug fixes click on one of the links below to dismiss this banner!
@ -403,15 +429,15 @@ chrome.storage.local.get(['PolyPlus_OutOfDate', 'PolyPlus_LiveVersion', 'PolyPlu
<a href="${result.PolyPlus_ReleaseNotes}" class="btn btn-primary btn-sm w-25" target="_blank">Go to Release Notes</a> <a href="${result.PolyPlus_ReleaseNotes}" class="btn btn-primary btn-sm w-25" target="_blank">Go to Release Notes</a>
<button id="skip-this-update" class="btn btn-warning btn-sm w-25">(Not Recommended) Skip this Update</button> <button id="skip-this-update" class="btn btn-warning btn-sm w-25">(Not Recommended) Skip this Update</button>
</div> </div>
` `;
document.getElementById('page').insertBefore(Banner, document.getElementById('page').children[1]) document.getElementById('page').insertBefore(Banner, document.getElementById('page').children[1]);
const SkipButton = document.getElementById('skip-this-update') const SkipButton = document.getElementById('skip-this-update');
SkipButton.addEventListener('click', function(){ SkipButton.addEventListener('click', function () {
Banner.remove() Banner.remove();
chrome.storage.local.set({'PolyPlus_SkipUpdate': result.PolyPlus_LiveVersion}, function(){ chrome.storage.local.set({PolyPlus_SkipUpdate: result.PolyPlus_LiveVersion}, function () {
console.log('set skip update to live version: ', result.PolyPlus_LiveVersion) console.log('set skip update to live version: ', result.PolyPlus_LiveVersion);
}) });
}); });
} }
}) });