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

Compare commits

base: Index:main
Branches Tags
Index:main
Index:release-1.3
Index:release-1.2.2
Index:release-1.2.1
Index:bugfix-1.1.1
Index:release-1.1
Index:public-beta
..
compare: Index:release-1.2.1
Branches Tags
Index:main
Index:release-1.3
Index:release-1.2.2
Index:release-1.2.1
Index:bugfix-1.1.1
Index:release-1.1
Index:public-beta

No commits in common. "main" and "release-1.2.1" have entirely different histories.
main ... release-1.

43 changed files with 2460 additions and 5662 deletions
Show stats Expand all files Collapse all files

1
.gitignore vendored
View file

@ -1,2 +1 @@
.DS_Store .DS_Store
manifest.json

57
README.md
View file

@ -4,60 +4,43 @@
> [!IMPORTANT] > [!IMPORTANT]
> This extension is currently in BETA. If you find any bugs, please report them in this repository's issues section as it'd be a great help towards the development of the extension. > This extension is currently in BETA. If you find any bugs, please report them in this repository's issues section as it'd be a great help towards the development of the extension.
> [!TIP]
> Would you like to learn what's in store for Poly+? Check out the roadmap [here](https://github.com/users/indexxing/projects/2)!
# Poly+ # Poly+
Poly+ is a quality-of-life browser extension for the Polytoria website! The extension provides tons of improvements to improve your experience on Polytoria! Visit the website [here](https://polyplus.vercel.app/)! Poly+ is an upcoming quality-of-life browser extension for the Polytoria website! The extension provides tons of improvements to improve your experience on Polytoria! Visit the website [here](https://polyplus.vercel.app/)!
![image](https://img.shields.io/badge/Google_chrome-4285F4?style=for-the-badge&logo=Google-chrome&logoColor=white) ![image](https://img.shields.io/badge/Google_chrome-4285F4?style=for-the-badge&logo=Google-chrome&logoColor=white)
![image](https://img.shields.io/badge/Microsoft_Edge-0078D7?style=for-the-badge&logo=Microsoft-edge&logoColor=white) ![image](https://img.shields.io/badge/Microsoft_Edge-0078D7?style=for-the-badge&logo=Microsoft-edge&logoColor=white)
![image](https://img.shields.io/badge/Opera-FF1B2D?style=for-the-badge&logo=Opera&logoColor=white) ![image](https://img.shields.io/badge/Opera-FF1B2D?style=for-the-badge&logo=Opera&logoColor=white)
![image](https://img.shields.io/badge/Brave-FF1B2D?style=for-the-badge&logo=Brave&logoColor=white) ![image](https://img.shields.io/badge/Brave-FF1B2D?style=for-the-badge&logo=Brave&logoColor=white)
![image](https://img.shields.io/badge/Vivaldi-EF3939?style=for-the-badge&logo=Vivaldi&logoColor=white) ![image](https://img.shields.io/badge/Vivaldi-EF3939?style=for-the-badge&logo=Vivaldi&logoColor=white)
![image](https://img.shields.io/badge/Firefox-000?style=for-the-badge&logo=Firefox&logoColor=white)
# Features # Features
- 📍 Pinned Games - Pinned Games
- 📣 Forum Mentions - Forum Mentions
- 🎨 Theme Creator
- 🆕 Store "owned" Tags
- 🧾 Item Wishlist
- Best Friends - Best Friends
- Improved Friend Lists - Improved Friend Lists
- IRL Price with Brick Count - IRL Price with Brick Count
- Hide Sidebar Notification Badges - Hide Sidebar Notification Badges
- Theme Creator
- Store `owned` Tags
- More Search Filters - More Search Filters
- Modify Navbar - Modify Navbar
- Free Membership Themes - Free Membership Themes
- Multi-Cancel Outbound Trades - Multi-Cancel Outbound Trades
- Quick Place Downloads - Item Wishlist
- Try-On Items - Outfit Cost
- Show Outfit Cost on Profiles
- Show Approximate Place Revenue
- Show "Owners" instead of "Sales"
- Collectibles' Hoarders List
- Quick Library Downloads
- "Event Items" Store Category
- Show Friend Count on Homepage
- Timed-Item Owner Check
- Hide User Ads
- Multi-Decal Uploading
- Avatar Dimension Toggle
And there is more to come! And there is more to come!
### Experimental Settings
> Experimental settings may not be finished and may have bugs!
- Game Profiles
- Inline Editing
- Forum Unix Timestamps
- Avatar Sandbox
# Supported Browsers # Supported Browsers
Poly+ is supported on Chromium-based browsers and Firefox! As of right now, Poly+ only works on Chromium-based browsers. Currently, there are no plans to bring it to other browsers.
> TL;DR Chromium-based browsers
## Examples of Browsers that are Chromium-based ## Examples of Browsers that are Chromium-based
@ -72,13 +55,13 @@ Poly+ is supported on Chromium-based browsers and Firefox!
## How to Download - Stable Build? ## How to Download - Stable Build?
1. Go to the extensions (or add-ons) webstore for your respective browser: 1. Go to the releases section of this GitHub repository
- Chromium-based browsers: [Chrome Webstore](https://chromewebstore.google.com/detail/poly+/feafepokhecfmimpepbpccmcnjbcbklg) 2. Go to the latest release and download the .ZIP file for that release
- Firefox: [Firefox Add-ons Store](https://addons.mozilla.org/en-US/firefox/addon/polytoriaplus/) 3. Extract the .ZIP
4. Enable developer mode on your browser (developer mode allows you to load unpacked extensions)
2. Click on the Poly+ icon in your browser's tooltip (if it's pinned, if not you may have to go to a sub-menu in your browser's toolbar and find the extension there) to go to the settings page, and customize your experience. Remember to click save at the bottom of the page when you are done! 5. Click the "Load Unpacked" button
6. When the file selector comes up, open the unzipped folder from this GitHub repository
3. Go to Polytoria's website and enjoy the many features and QOL improvements that come with Poly+! 7. Go to Polytoria and you should see some changes!
## How to Download - Pre-Release Build? ## How to Download - Pre-Release Build?

221
css/settings.css
View file

@ -1,221 +0,0 @@
html,
body,
#page {
background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/images/client-loading.png);
background-color: #222222;
background-size: 400px;
background-position: center;
}
#page {
margin-top: 7.5rem;
width: 65%;
margin-right: auto;
margin-left: auto;
margin-bottom: 3.5rem;
}
h1 {
font-size: 4.6rem;
/*color: rgb(48, 48, 48);*/
}
h1 span.indent {
border-left: 10px solid rgb(48, 48, 48);
margin-right: 15px;
}
h1 span.highlight {
color: red;
}
h2 {
color: rgb(48, 48, 48);
}
h2 span.indent {
border-left: 7.5px solid rgb(48, 48, 48);
margin-right: 15px;
}
.setting-container:not(:last-child) {
margin-bottom: 30px;
}
.setting-container .title {
font-size: 1.4rem;
font-weight: bold;
}
.setting-container .desc, .setting-container .warning, .setting-container .note {
display: block;
width: 75%;
}
.setting-container .desc {
color: rgb(120, 120, 120);
}
.setting-buttons {
float: right;
}
.setting-buttons button {
width: 100px;
}
.setting-buttons button:first-child:not(:last-child) {
margin-right: 5px;
}
.setting-container select:first-of-type {
margin-top: 10px;
}
.goback {
color: rgb(120, 120, 120);
text-decoration: none;
}
dialog {
background-color: #080808;
color: #c4c4c4;
border: 1px solid #3bafff;
border-radius: 10px;
}
.input-group-text {
background-color: #000;
border-color: #000;
color: #fff;
}
label {
font-size: 0.8rem;
margin-bottom: 2.75px;
}
dialog::backdrop {
background-color: rgba(0, 0, 0, 0.73);
}
dialog .modal-header p {
margin-bottom: 0px;
color: #fff;
}
dialog .modal-body p:first-child {
font-size: 0.9rem;
}
.setting-container .indicator {
border-radius: 5rem;
display: inline-block;
cursor: default;
margin-right: 4px;
height: 20px;
vertical-align: text-top;
}
.setting-container.enabled .indicator { background-color: #007bff;}
.setting-container.enabled .title { text-shadow: 0px 1px 3px blue; }
.setting-container.disabled .indicator { background-color: orangered; }
.setting-container.disabled .title { text-shadow: 0px 1px 3px orangered; }
.limited-time {
background: transparent;
border-color: transparent;
/*
changed the box shadow to black cause @dargy begged me to
box-shadow: -3px -3px 15px 0 rgba(255, 116, 16, 0.25) inset, 3px 3px 15px 0 rgba(205, 96, 255, 0.25) inset;
*/
box-shadow: -3px -3px 15px 0 black inset;
border: none;
}
.limited-time * {
position: relative;
z-index: 2;
}
.limited-time .row {
--bs-gutter-x: 10px;
}
.limited-time .indicator {
height: 100%;
}
.limited-time .desc {
margin-bottom: 10px;
width: 85%;
}
.limited-time-tag {
font-size: 0.7rem;
color: rgba(255, 116, 16, 0.25);
-webkit-animation: LimitedTimeTag 5s ease infinite alternate;
-moz-animation: LimitedTimeTag 5s ease infinite alternate;
animation: LimitedTimeTag 5s ease infinite alternate;
}
.limited-time::before {
content: '';
position: absolute;
inset: 0;
padding: 3px;
background:
linear-gradient(
45deg,
/*
changed the gradient to blue and green cause @ItsLuiggiYahoo begged me to
rgba(255, 116, 16, 1),
rgba(205, 96, 255, 1)
*/
blue,
green
);
mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
display: block;
border-radius: inherit;
}
.setting-container .warning {
font-size: 0.8rem;
color: orange;
font-weight: lighter;
}
.setting-container .note {
font-size: 0.8rem;
color: #439eff;
font-weight: lighter;
}
.card {
--bs-card-border-color: #1e1e1e;
--bs-card-bg: #121212;
}
@-webkit-keyframes LimitedTimeTag {
0%{color:rgba(255, 116, 16, 1);}
50%{color:rgba(23, 107, 233, 1);}
100%{color:rgba(205, 96, 255, 1);}
}
@-moz-keyframes LimitedTimeTag {
0%{color:rgba(255, 116, 16, 1);}
50%{color:rgba(23, 107, 233, 1);}
100%{color:rgba(205, 96, 255, 1);}
}
@keyframes LimitedTimeTag {
0%{color:rgba(255, 116, 16, 1);}
50%{color:rgba(23, 107, 233, 1);}
100%{color:rgba(205, 96, 255, 1);}
}

82
css/specific.css
View file

@ -14,31 +14,12 @@ body[data-URL^='/create/'] .col.d-flex.align-content-between.flex-wrap {
width: 50%; width: 50%;
} }
body[data-URL^='/create'] .me-2:has(.fa-thumbs-up)::after {
content: '%';
margin-left: -2.5px;
margin-bottom: 2px;
cursor: text;
}
.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;
} }
#servers-tabpane .card {
margin-bottom: 10px;
}
body[data-URL^='/my/settings/privacy'] .card-body:has([action^="/api/users/"]) .card {
margin-bottom: 10px;
}
.home-event-container .img-container {
height: 100% !important;
}
/* ------------------------------------------ */ /* ------------------------------------------ */
/* /*
@ -75,66 +56,3 @@ body:has(.polyplus-modal[open]) {
} }
/* ------------------------------------------ */ /* ------------------------------------------ */
/*
EVENT PLACE CARD HIGHLIGHT ANIMATION
CSS BY @Dragonism ON POLYTORIA
*/
.event-card {
background-size: 200% 200% !important;
-webkit-animation: EventPlace 5s ease infinite;
-moz-animation: EventPlace 5s ease infinite;
animation: EventPlace 5s ease infinite;
}
@-webkit-keyframes EventPlace {
0%{background-position:10% 0%}
50%{background-position:91% 100%}
100%{background-position:10% 0%}
}
@-moz-keyframes EventPlace {
0%{background-position:10% 0%}
50%{background-position:91% 100%}
100%{background-position:10% 0%}
}
@keyframes EventPlace {
0%{background-position:10% 0%}
50%{background-position:91% 100%}
100%{background-position:10% 0%}
}
/* - */
/*
AVATAR SANDBOX
*/
.ribbon-polyplus-custom span {
background-color: orange !important;
}
.ribbon-polyplus-custom::after, .ribbon-polyplus-custom::before {
border-color: #c68000 !important;
}
.ribbon-polyplus-unknown span {
background-color: #000 !important;
}
.ribbon-polyplus-unknown::after, .ribbon-polyplus-unknown::before {
border-color: #121212 !important;
}
.ribbon-polyplus-retro span {
background-color: purple !important;
font-family: 'Courier New', Courier, monospace;
}
.ribbon-polyplus-retro::after, .ribbon-polyplus-retro::before {
border-color: rgb(104, 0, 104) !important;
}

21
data_structure.txt
View file

@ -1,23 +1,4 @@
Sync:
------------------
PolyPlus_Settings: {} PolyPlus_Settings: {}
PolyPlus_PinnedGames: [] PolyPlus_PinnedGames: []
PolyPlus_BestFriends: []
PolyPlus_ItemWishlist: [] PolyPlus_ItemWishlist: []
PolyPlus_AvatarSandboxOutfits: []
PolyPlus_TimePlayed: {}
Local:
------------------
PolyPlus_InventoryCache: {
data: [],
requested: number (representing date)
}
PolyPlus_GreatDivideStats: {}
PolyPlus_FriendCount: {
count: number,
requested: number (representing date)
}
PolyPlus_AssetDesigners: {
data: {},
requested: number (representing date)
}

0
images/icon-update.png → icons/icon-update.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.5 KiB

After

Width:  |  Height:  |  Size: 5.5 KiB

0
images/icon.png → icons/icon.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

28
images/chrome-icon.svg
View file

@ -1,28 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg width="800px" height="800px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>chrome-color</title>
<desc>Created with Sketch.</desc>
<defs>
</defs>
<g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Color-" transform="translate(-400.000000, -1043.000000)">
<g id="chrome" transform="translate(400.000000, 1043.000000)">
<path d="M5.7954035,8.36130434 C16.9522782,-4.62351526 37.639151,-2.06037988 45.3727574,13.1072081 C39.9288251,13.1091897 31.4040328,13.1055761 26.786937,13.1072081 C23.4382318,13.1083738 21.2761308,13.0322537 18.9347285,14.2648621 C16.1820632,15.7138239 14.1051274,18.3997073 13.3801164,21.5544341 L5.7954035,8.36130434 L5.7954035,8.36130434 Z" id="chrome-icon-path" fill="#EA4335">
</path>
<path d="M16.015461,23.9991346 C16.015461,28.3998753 19.5936811,31.9800817 23.9919804,31.9800817 C28.3901632,31.9800817 31.9683834,28.3998753 31.9683834,23.9991346 C31.9683834,19.5985104 28.3901632,16.0181875 23.9919804,16.0181875 C19.5936811,16.0181875 16.015461,19.5985104 16.015461,23.9991346 L16.015461,23.9991346 Z" id="chrome-icon-path" fill="#4285F4">
</path>
<path d="M27.0876366,34.4456482 C22.6105798,35.7761751 17.371347,34.3006354 14.5014777,29.3468879 C12.3108329,25.5655987 6.52286114,15.4823164 3.89206021,10.8973955 C-5.32185953,25.0194695 2.61924235,44.2642006 19.3464574,47.5489026 L27.0876366,34.4456482 L27.0876366,34.4456482 Z" id="chrome-icon-path" fill="#34A853">
</path>
<path d="M31.4014697,16.0181875 C35.1303309,19.4863704 35.9427207,25.102234 33.4168909,29.4566966 C31.5138971,32.7374352 25.4402549,42.9884614 22.4966379,47.9523505 C39.730883,49.0147671 52.2944399,32.1238121 46.6195946,16.0181875 L31.4014697,16.0181875 L31.4014697,16.0181875 Z" id="chrome-icon-path" fill="#FBBC05">
</path>
</g>
</g>
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 2.1 KiB

BIN
images/client-loading.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 548 KiB

107
images/firefox-icon.svg
View file

@ -1,107 +0,0 @@
<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg width="800px" height="800px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M28.9905 10.7265C28.3816 9.2574 27.1473 7.67139 26.1784 7.17039C26.967 8.72015 27.4232 10.2746 27.5976 11.4344C27.5976 11.4344 27.5976 11.4426 27.6005 11.4578C26.0156 7.49777 23.3277 5.90065 21.1327 2.42407C21.0213 2.24869 20.9105 2.07331 20.802 1.88566C20.7407 1.77985 20.6911 1.68397 20.648 1.59336C20.557 1.41757 20.4867 1.23179 20.4386 1.03975C20.439 1.03063 20.4359 1.02169 20.4301 1.01467C20.4243 1.00765 20.4161 1.00305 20.4071 1.00175C20.3985 0.999416 20.3894 0.999416 20.3808 1.00175C20.3785 1.00281 20.3763 1.00419 20.3744 1.00584C20.3709 1.00584 20.3674 1.00994 20.3639 1.0111L20.3697 1.0035C16.8483 3.07063 15.6536 6.89446 15.544 8.80784C14.1368 8.90428 12.7913 9.42358 11.683 10.298C11.5672 10.1998 11.4461 10.1081 11.3202 10.0232C11.0008 8.9027 10.9873 7.71683 11.2811 6.58931C9.84091 7.24697 8.72095 8.28463 7.90664 9.20303H7.90023C7.34433 8.49742 7.38341 6.17015 7.41491 5.68435C7.40849 5.65395 7.00076 5.89656 6.94826 5.93339C6.45773 6.2841 5.9992 6.67771 5.57805 7.1096C5.0988 7.59655 4.66096 8.12276 4.26909 8.68274C3.36752 9.96323 2.72814 11.4101 2.3879 12.9398C2.38149 12.9702 2.37565 13.0017 2.36924 13.0327C2.34299 13.1561 2.24791 13.7751 2.23099 13.9096V13.9406C2.10704 14.5803 2.02984 15.2282 2 15.8791V15.951C2 23.7097 8.27646 30 16.0182 30C22.9521 30 28.7088 24.9549 29.8364 18.328C29.8597 18.1485 29.8789 17.9673 29.8999 17.786C30.1788 15.3763 29.869 12.8439 28.9905 10.7265ZM12.8327 21.7239C12.8981 21.7549 12.9599 21.7894 13.027 21.8197L13.0363 21.8256C12.9692 21.7929 12.901 21.759 12.8333 21.7239H12.8327ZM27.6017 11.4642V11.4508V11.466V11.4642Z" fill="url(#paint0_linear_87_7118)"/>
<path d="M28.9907 10.7265C28.3818 9.25741 27.1475 7.67141 26.1786 7.17041C26.9672 8.72017 27.4234 10.2746 27.5978 11.4344V11.4631C28.9208 15.0572 28.1998 18.7121 27.1615 20.9452C25.555 24.4002 21.6661 27.9416 15.578 27.7692C9.00581 27.5821 3.21175 22.6885 2.1297 16.2842C1.93254 15.2735 2.1297 14.7608 2.22886 13.9406C2.10812 14.5725 2.06203 14.7555 2.00195 15.8791V15.951C2.00195 23.7098 8.27842 30 16.0202 30C22.954 30 28.7108 24.9549 29.8383 18.328C29.8616 18.1485 29.8809 17.9673 29.9019 17.7861C30.179 15.3764 29.8692 12.8439 28.9907 10.7265Z" fill="url(#paint1_radial_87_7118)"/>
<path d="M28.9907 10.7265C28.3818 9.25741 27.1475 7.67141 26.1786 7.17041C26.9672 8.72017 27.4234 10.2746 27.5978 11.4344V11.4631C28.9208 15.0572 28.1998 18.7121 27.1615 20.9452C25.555 24.4002 21.6661 27.9416 15.578 27.7692C9.00581 27.5821 3.21175 22.6885 2.1297 16.2842C1.93254 15.2735 2.1297 14.7608 2.22886 13.9406C2.10812 14.5725 2.06203 14.7555 2.00195 15.8791V15.951C2.00195 23.7098 8.27842 30 16.0202 30C22.954 30 28.7108 24.9549 29.8383 18.328C29.8616 18.1485 29.8809 17.9673 29.9019 17.7861C30.179 15.3764 29.8692 12.8439 28.9907 10.7265Z" fill="url(#paint2_radial_87_7118)"/>
<path d="M22.1776 12.3773C22.2085 12.3989 22.2359 12.4205 22.2651 12.4422C21.9133 11.8161 21.4749 11.243 20.9631 10.7398C16.6058 6.37292 19.821 1.27058 20.3629 1.01102L20.3687 1.00342C16.8473 3.07054 15.6526 6.89438 15.543 8.80776C15.7063 8.79665 15.869 8.78262 16.0353 8.78262C18.6631 8.78262 20.952 10.2312 22.1776 12.3773Z" fill="url(#paint3_radial_87_7118)"/>
<path d="M16.0446 13.2499C16.0219 13.6006 14.7899 14.8049 14.3589 14.8049C10.3725 14.8049 9.72559 17.2216 9.72559 17.2216C9.90058 19.2572 11.3157 20.9332 13.0277 21.82C13.1059 21.8604 13.1846 21.8966 13.2611 21.9329C13.3981 21.9913 13.5358 22.0498 13.6729 22.1018C14.26 22.3094 14.8748 22.4276 15.4969 22.4526C22.4838 22.7811 23.8383 14.08 18.7955 11.5534C20.0864 11.3283 21.4269 11.8492 22.1753 12.3759C20.9503 10.2299 18.6608 8.78125 16.033 8.78125C15.8667 8.78125 15.704 8.79528 15.5406 8.80639C14.1345 8.90403 12.7903 9.4239 11.6832 10.2983C11.8973 10.4801 12.1388 10.7221 12.6468 11.2237C13.6 12.1661 16.0394 13.1359 16.0446 13.2499Z" fill="url(#paint4_radial_87_7118)"/>
<path d="M16.0446 13.2499C16.0219 13.6006 14.7899 14.8049 14.3589 14.8049C10.3725 14.8049 9.72559 17.2216 9.72559 17.2216C9.90058 19.2572 11.3157 20.9332 13.0277 21.82C13.1059 21.8604 13.1846 21.8966 13.2611 21.9329C13.3981 21.9913 13.5358 22.0498 13.6729 22.1018C14.26 22.3094 14.8748 22.4276 15.4969 22.4526C22.4838 22.7811 23.8383 14.08 18.7955 11.5534C20.0864 11.3283 21.4269 11.8492 22.1753 12.3759C20.9503 10.2299 18.6608 8.78125 16.033 8.78125C15.8667 8.78125 15.704 8.79528 15.5406 8.80639C14.1345 8.90403 12.7903 9.4239 11.6832 10.2983C11.8973 10.4801 12.1388 10.7221 12.6468 11.2237C13.6 12.1661 16.0394 13.1359 16.0446 13.2499Z" fill="url(#paint5_radial_87_7118)"/>
<path d="M11.0311 9.83093C11.1448 9.90459 11.2382 9.96656 11.3227 10.0233C11.0034 8.90275 10.9899 7.71688 11.2837 6.58936C9.84345 7.24702 8.72349 8.28468 7.90918 9.20308C7.97509 9.20132 10.0085 9.16449 11.0311 9.83093Z" fill="url(#paint6_radial_87_7118)"/>
<path d="M2.1297 16.284C3.21175 22.6883 9.00581 27.5819 15.5827 27.769C21.6707 27.9414 25.5574 24.4 27.1661 20.945C28.2044 18.7113 28.9254 15.057 27.6025 11.4629V11.436C27.6025 11.4395 27.6025 11.4442 27.6054 11.4594C28.1024 14.7138 26.451 17.8665 23.8692 19.9986C23.8666 20.0045 23.8641 20.0106 23.8617 20.0167C18.8306 24.1223 14.0165 22.4936 13.0418 21.8289C12.9741 21.7962 12.9059 21.7623 12.8382 21.7272C9.9047 20.3242 8.69316 17.6438 8.95273 15.3469C6.47656 15.3469 5.63192 13.2529 5.63192 13.2529C5.63192 13.2529 7.85552 11.664 10.7861 13.046C13.5003 14.3262 16.0493 13.2535 16.0493 13.2529C16.0441 13.1389 13.6047 12.1662 12.6533 11.2267C12.1452 10.7251 11.9037 10.4831 11.6896 10.3013C11.5738 10.2031 11.4527 10.1114 11.3268 10.0265C11.2434 9.96809 11.1518 9.90963 11.0352 9.83421C10.0126 9.16778 7.97918 9.20461 7.9121 9.20636H7.90568C7.34978 8.50076 7.38886 6.17348 7.42036 5.68769C7.41395 5.65729 7.00621 5.89989 6.95371 5.93672C6.46318 6.28743 6.00465 6.68104 5.58351 7.11293C5.10426 7.59988 4.66642 8.12609 4.27455 8.68607C3.37298 9.96657 2.7336 11.4134 2.39336 12.9431C2.38228 12.97 1.88354 15.1523 2.1297 16.284Z" fill="url(#paint7_radial_87_7118)"/>
<path d="M20.9634 10.7399C21.4752 11.2431 21.9135 11.8162 22.2653 12.4423C22.3383 12.4971 22.4083 12.5557 22.4753 12.6176C25.6532 15.55 23.9908 19.7012 23.8642 19.9993C26.446 17.8673 28.0973 14.7146 27.6003 11.4601C26.0155 7.49777 23.3276 5.90065 21.1325 2.42407C21.0211 2.24869 20.9103 2.07331 20.8018 1.88566C20.7406 1.77985 20.691 1.68397 20.6478 1.59336C20.5569 1.41757 20.4866 1.23179 20.4384 1.03975C20.4388 1.03063 20.4358 1.02169 20.43 1.01467C20.4241 1.00765 20.4159 1.00305 20.4069 1.00175C20.3983 0.999416 20.3893 0.999416 20.3807 1.00175C20.3783 1.00281 20.3762 1.00419 20.3742 1.00584C20.3707 1.00584 20.3672 1.00994 20.3637 1.0111C19.8213 1.27066 16.606 6.37301 20.9634 10.7399Z" fill="url(#paint8_radial_87_7118)"/>
<path d="M22.4743 12.6146C22.4073 12.5526 22.3372 12.4941 22.2643 12.4392C22.2357 12.4176 22.206 12.396 22.1768 12.3743C21.4284 11.8482 20.088 11.3267 18.7971 11.5518C23.8393 14.0784 22.4854 22.7795 15.4985 22.451C14.8764 22.426 14.2616 22.3078 13.6744 22.1002C13.5374 22.0488 13.3997 21.9921 13.2626 21.9313C13.1833 21.895 13.1045 21.8588 13.0293 21.8185L13.0386 21.8243C14.0133 22.4908 18.8274 24.1194 23.8585 20.0121C23.8585 20.0121 23.8614 20.0045 23.8661 19.9939C23.9909 19.7011 25.6534 15.5499 22.4743 12.6146Z" fill="url(#paint9_radial_87_7118)"/>
<path d="M9.72532 17.2215C9.72532 17.2215 10.3722 14.8048 14.3586 14.8048C14.7897 14.8048 16.0216 13.5994 16.0444 13.2498C16.0671 12.9002 13.4953 14.3231 10.7811 13.0428C7.85055 11.6608 5.62695 13.2498 5.62695 13.2498C5.62695 13.2498 6.47159 15.3438 8.94776 15.3438C8.68819 17.6407 9.89973 20.3187 12.8332 21.7241C12.8986 21.755 12.9604 21.7895 13.0275 21.8199C11.3154 20.9349 9.90207 19.2571 9.72532 17.2215Z" fill="url(#paint10_radial_87_7118)"/>
<path d="M28.9905 10.7265C28.3816 9.2574 27.1473 7.67139 26.1784 7.17039C26.967 8.72015 27.4232 10.2746 27.5976 11.4344C27.5976 11.4344 27.5976 11.4426 27.6005 11.4578C26.0156 7.49777 23.3277 5.90065 21.1327 2.42407C21.0213 2.24869 20.9105 2.07331 20.802 1.88566C20.7407 1.77985 20.6911 1.68397 20.648 1.59336C20.557 1.41757 20.4867 1.23179 20.4386 1.03975C20.439 1.03063 20.4359 1.02169 20.4301 1.01467C20.4243 1.00765 20.4161 1.00305 20.4071 1.00175C20.3985 0.999416 20.3894 0.999416 20.3808 1.00175C20.3785 1.00281 20.3763 1.00419 20.3744 1.00584C20.3709 1.00584 20.3674 1.00994 20.3639 1.0111L20.3697 1.0035C16.8483 3.07063 15.6536 6.89446 15.544 8.80784C15.7073 8.79673 15.8701 8.78271 16.0363 8.78271C18.6641 8.78271 20.9531 10.2313 22.1786 12.3774C21.4302 11.8512 20.0898 11.3298 18.7989 11.5549C23.841 14.0815 22.4872 22.7826 15.5002 22.454C14.8782 22.429 14.2633 22.3108 13.6762 22.1033C13.5391 22.0518 13.4015 21.9951 13.2644 21.9343C13.1851 21.8981 13.1063 21.8618 13.0311 21.8215L13.0404 21.8273C12.9727 21.7946 12.9045 21.7607 12.8368 21.7256C12.9021 21.7566 12.964 21.7911 13.0311 21.8215C11.3155 20.9347 9.90216 19.2569 9.72542 17.2213C9.72542 17.2213 10.3723 14.8046 14.3587 14.8046C14.7898 14.8046 16.0217 13.5992 16.0445 13.2496C16.0392 13.1356 13.5998 12.1628 12.6484 11.2234C12.1403 10.7218 11.8988 10.4798 11.6848 10.298C11.5689 10.1998 11.4478 10.1081 11.3219 10.0232C11.0026 8.9027 10.9891 7.71683 11.2829 6.58931C9.84266 7.24697 8.7227 8.28463 7.90839 9.20303H7.90198C7.34608 8.49742 7.38516 6.17015 7.41666 5.68435C7.41024 5.65395 7.00251 5.89656 6.95001 5.93339C6.45948 6.2841 6.00095 6.67771 5.5798 7.1096C5.10055 7.59655 4.66271 8.12276 4.27084 8.68274C3.36927 9.96323 2.72989 11.4101 2.38965 12.9398C2.38324 12.9702 2.3774 13.0017 2.37099 13.0327C2.34474 13.1561 2.22574 13.7839 2.20941 13.9184C2.20941 13.9289 2.20941 13.9084 2.20941 13.9184C2.10019 14.5671 2.03026 15.2219 2 15.8791V15.951C2 23.7097 8.27646 30 16.0182 30C22.9521 30 28.7088 24.9549 29.8364 18.328C29.8597 18.1485 29.8789 17.9673 29.8999 17.786C30.1788 15.3763 29.869 12.8439 28.9905 10.7265ZM27.5999 11.4479V11.4631V11.4479Z" fill="url(#paint11_linear_87_7118)"/>
<defs>
<linearGradient id="paint0_linear_87_7118" x1="27.135" y1="5.49261" x2="3.81392" y2="27.9437" gradientUnits="userSpaceOnUse">
<stop offset="0.05" stop-color="#FFF44F"/>
<stop offset="0.11" stop-color="#FFE847"/>
<stop offset="0.22" stop-color="#FFC830"/>
<stop offset="0.37" stop-color="#FF980E"/>
<stop offset="0.4" stop-color="#FF8B16"/>
<stop offset="0.46" stop-color="#FF672A"/>
<stop offset="0.53" stop-color="#FF3647"/>
<stop offset="0.7" stop-color="#E31587"/>
</linearGradient>
<radialGradient id="paint1_radial_87_7118" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(26.0596 4.21879) scale(29.2246 29.2888)">
<stop offset="0.13" stop-color="#FFBD4F"/>
<stop offset="0.19" stop-color="#FFAC31"/>
<stop offset="0.25" stop-color="#FF9D17"/>
<stop offset="0.28" stop-color="#FF980E"/>
<stop offset="0.4" stop-color="#FF563B"/>
<stop offset="0.47" stop-color="#FF3750"/>
<stop offset="0.71" stop-color="#F5156C"/>
<stop offset="0.78" stop-color="#EB0878"/>
<stop offset="0.86" stop-color="#E50080"/>
</radialGradient>
<radialGradient id="paint2_radial_87_7118" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.3809 16.1925) scale(29.2246 29.2888)">
<stop offset="0.3" stop-color="#960E18"/>
<stop offset="0.35" stop-color="#B11927" stop-opacity="0.74"/>
<stop offset="0.43" stop-color="#DB293D" stop-opacity="0.34"/>
<stop offset="0.5" stop-color="#F5334B" stop-opacity="0.09"/>
<stop offset="0.53" stop-color="#FF3750" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint3_radial_87_7118" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(18.904 -2.42815) scale(21.172 21.2184)">
<stop offset="0.13" stop-color="#FFF44F"/>
<stop offset="0.25" stop-color="#FFDC3E"/>
<stop offset="0.51" stop-color="#FF9D12"/>
<stop offset="0.53" stop-color="#FF980E"/>
</radialGradient>
<radialGradient id="paint4_radial_87_7118" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12.1487 23.8433) scale(13.915 13.9455)">
<stop offset="0.35" stop-color="#3A8EE6"/>
<stop offset="0.47" stop-color="#5C79F0"/>
<stop offset="0.67" stop-color="#9059FF"/>
<stop offset="1" stop-color="#C139E6"/>
</radialGradient>
<radialGradient id="paint5_radial_87_7118" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.8005 12.7119) rotate(-13.9265) scale(7.37316 8.67852)">
<stop offset="0.21" stop-color="#9059FF" stop-opacity="0"/>
<stop offset="0.28" stop-color="#8C4FF3" stop-opacity="0.06"/>
<stop offset="0.75" stop-color="#7716A8" stop-opacity="0.45"/>
<stop offset="0.97" stop-color="#6E008B" stop-opacity="0.6"/>
</radialGradient>
<radialGradient id="paint6_radial_87_7118" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.011 3.02041) scale(10.0108 10.0328)">
<stop stop-color="#FFE226"/>
<stop offset="0.12" stop-color="#FFDB27"/>
<stop offset="0.3" stop-color="#FFC82A"/>
<stop offset="0.5" stop-color="#FFA930"/>
<stop offset="0.73" stop-color="#FF7E37"/>
<stop offset="0.79" stop-color="#FF7139"/>
</radialGradient>
<radialGradient id="paint7_radial_87_7118" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(22.8805 -3.34313) scale(42.7109 42.8046)">
<stop offset="0.11" stop-color="#FFF44F"/>
<stop offset="0.46" stop-color="#FF980E"/>
<stop offset="0.62" stop-color="#FF5634"/>
<stop offset="0.72" stop-color="#FF3647"/>
<stop offset="0.9" stop-color="#E31587"/>
</radialGradient>
<radialGradient id="paint8_radial_87_7118" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(18.7517 1.33374) rotate(84.2447) scale(31.1996 20.4543)">
<stop stop-color="#FFF44F"/>
<stop offset="0.06" stop-color="#FFE847"/>
<stop offset="0.17" stop-color="#FFC830"/>
<stop offset="0.3" stop-color="#FF980E"/>
<stop offset="0.36" stop-color="#FF8B16"/>
<stop offset="0.45" stop-color="#FF672A"/>
<stop offset="0.57" stop-color="#FF3647"/>
<stop offset="0.74" stop-color="#E31587"/>
</radialGradient>
<radialGradient id="paint9_radial_87_7118" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(14.7757 6.73593) scale(26.6644 26.723)">
<stop offset="0.14" stop-color="#FFF44F"/>
<stop offset="0.48" stop-color="#FF980E"/>
<stop offset="0.59" stop-color="#FF5634"/>
<stop offset="0.66" stop-color="#FF3647"/>
<stop offset="0.9" stop-color="#E31587"/>
</radialGradient>
<radialGradient id="paint10_radial_87_7118" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(21.8145 8.30059) scale(29.1844 29.2484)">
<stop offset="0.09" stop-color="#FFF44F"/>
<stop offset="0.23" stop-color="#FFE141"/>
<stop offset="0.51" stop-color="#FFAF1E"/>
<stop offset="0.63" stop-color="#FF980E"/>
</radialGradient>
<linearGradient id="paint11_linear_87_7118" x1="26.855" y1="5.37218" x2="7.01043" y2="25.1739" gradientUnits="userSpaceOnUse">
<stop offset="0.17" stop-color="#FFF44F" stop-opacity="0.8"/>
<stop offset="0.27" stop-color="#FFF44F" stop-opacity="0.63"/>
<stop offset="0.49" stop-color="#FFF44F" stop-opacity="0.22"/>
<stop offset="0.6" stop-color="#FFF44F" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 15 KiB

BIN
images/greatdivide.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.3 MiB

1292
js/account/avatar-sandbox.js Normal file → Executable file
View file

File diff suppressed because it is too large Load diff

498
js/account/avatar-sandbox2.js Executable file
View file

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

296
js/account/home.js Normal file → Executable file
View file

@ -1,99 +1,188 @@
chrome.storage.sync.get(['PolyPlus_Settings', 'PolyPlus_PinnedGames'], async function(result){ /*
Settings = result.PolyPlus_Settings || { this file needs a rewrite by me lol
PinnedGamesOn: true */
var Settings;
var PinnedGamesData;
var BestFriendsData;
let Utilities;
(async () => {
Utilities = await import(chrome.runtime.getURL('resources/utils.js'));
Utilities = Utilities.default;
chrome.storage.sync.get(['PolyPlus_Settings'], async function (result) {
Settings = Utilities.MergeObjects(result.PolyPlus_Settings || Utilities.DefaultSettings);
if (Settings.IRLPriceWithCurrency && Settings.IRLPriceWithCurrency.Enabled === true) {
IRLPrice();
} }
if (Settings.PinnedGamesOn === true) { if (Settings.HomeFriendCountOn === true) {
const PlaceIDs = result.PolyPlus_PinnedGames || []; ShowFriendCount();
chrome.storage.local.get(['PolyPlus_PinnedGamesData'], async function(result){
let PinnedGamesData = result['PolyPlus_PinnedGamesData'] || {data:undefined};
const PinnedGamesContainer = document.createElement('div')
PinnedGamesContainer.innerHTML = `
<div class="row reqFadeAnim px-2 px-lg-0">
<div class="col">
<h6 class="dash-ctitle2">Jump right back into your favorite games</h6>
<h5 class="dash-ctitle">Pinned Games</h5>
</div>
</div>
<div class="card card-dash mcard mb-3">
<div class="card-body p-0 m-1 scrollFadeContainer" id="p+pinned_games_card">
<div class="text-center p-5">
<div class="spinner-border text-muted" role="status">
<span class="visually-hidden">Loading...</span>
</div>
</div>
</div>
</div>
`
const RightSideColumn = document.getElementsByClassName('col-lg-8')[0];
if (document.getElementsByClassName('home-event-container')[0] === undefined) {
RightSideColumn.insertBefore(PinnedGamesContainer, RightSideColumn.children[0]);
} else {
RightSideColumn.insertBefore(PinnedGamesContainer, RightSideColumn.children[1]);
} }
// cache for 5 minutes if (Settings.PinnedGamesOn === true || Settings.BestFriendsOn === true) {
if (PinnedGamesData === undefined || (new Date().getTime() - PinnedGamesData.requested > 300000)) { Update();
PinnedGamesData.data = {}
for (let i = 0; i < PlaceIDs.length; i++) {
const PlaceID = PlaceIDs.toSorted((a, b) => b - a)[i]
const PlaceDetails = (await (await fetch('https://api.polytoria.com/v1/places/' + PlaceID)).json())
PinnedGamesData.data[PlaceID] = PlaceDetails
} }
});
})();
chrome.storage.local.set({['PolyPlus_PinnedGamesData']: { let ContainerElement = `
data: PinnedGamesData.data, <div class="card-body p-0 m-1 scrollFadeContainer d-flex"></div>`;
requested: new Date().getTime() let GameContainerElement = `
}}, function(){});
}
const PinnedGamesCard = document.getElementById('p+pinned_games_card')
for (let i = 0; i < PlaceIDs.length; i++) {
const PlaceID = PlaceIDs.toSorted((a, b) => b - a)[i]
const PlaceDetails = PinnedGamesData.data[PlaceID]
const PlaceCard = document.createElement('a')
PlaceCard.classList = 'd-none'
PlaceCard.href = '/places/' + PlaceID
PlaceCard.innerHTML = `
<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="${PlaceDetails.thumbnail}" class="place-card-image" style="position: relative;"> <img src=":Thumbnail" class="place-card-image" style="position: relative;">
<div class="p+pinned_games_playing" style="position: absolute;background: linear-gradient(to bottom, #000000f7, transparent, transparent, transparent);width: 100%;height: 100%;top: 0;left: 0;border-radius: 15px;padding-top: 12px;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;">
<i class="fa-duotone fa-users"></i>
<span> <span>
${PlaceDetails.playing} <i id="thumbup-icn" class="thumb-icon far fa-thumbs-up"></i>
Playing :Likes
</span>
|
<span>
<i id="thumbdown-icn" class="thumb-icon far fa-thumbs-down"></i>
: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">
${PlaceDetails.name} :GameName
</div> </div>
</div> </div>
</div> </div>
</div> </div>
` `;
let TitleElement = `
<div class="col">
<h6 class="dash-ctitle2">Jump right back into your favorite games</h6>
<h5 class="dash-ctitle">Pinned Games</h5>
</div>`;
var FriendContainer = document.querySelector('.card:has(.friendsPopup) .card-body');
if (!PlaceDetails.isActive) { let NewContainer = document.createElement('div');
const PlayerCountText = PlaceCard.getElementsByClassName('p+pinned_games_playing')[0] NewContainer.style.display = 'none';
PlayerCountText.children[0].classList = 'text-warning fa-duotone fa-lock' NewContainer.classList = 'card card-dash mcard';
PlayerCountText.children[1].remove() NewContainer.style.animationDelay = '0.18s';
} NewContainer.innerHTML = ContainerElement;
PinnedGamesCard.appendChild(PlaceCard) let NewTitle = document.createElement('div');
NewTitle.style.display = 'none';
NewTitle.classList = 'row reqFadeAnim px-2 px-lg-0';
NewTitle.innerHTML = TitleElement;
let BestFriendsContainer = document.createElement('div');
BestFriendsContainer.classList = 'd-flex';
BestFriendsContainer.style = 'display: none; border-bottom: 1px solid #000; padding-bottom: 10px; margin-bottom: 10px; width: 100%;';
let Spacer = document.createElement('div');
Spacer.innerHTML = ' ';
Spacer.style.width = '50px';
Spacer.prepend(BestFriendsContainer);
FriendContainer.prepend(BestFriendsContainer);
async function Update() {
chrome.storage.sync.get(['PolyPlus_PinnedGames'], function (result) {
PinnedGamesData = result.PolyPlus_PinnedGames || [];
if (Settings.PinnedGamesOn === true) {
PinnedGames();
} else {
NewContainer.style.display = 'none';
NewTitle.style.display = 'none';
}
});
chrome.storage.sync.get(['PolyPlus_BestFriends'], function (result) {
BestFriendsData = result.PolyPlus_BestFriends || [];
if (Settings.BestFriendsOn === true) {
BestFriends();
} else {
BestFriendsContainer.style.display = 'none';
Spacer.style.display = 'none';
} }
PinnedGamesCard.children[0].remove()
PinnedGamesCard.classList.add('d-flex')
Array.from(PinnedGamesCard.children).forEach((place) => {place.classList.remove('d-none')})
}); });
} }
if (Settings.IRLPriceWithCurrency && Settings.IRLPriceWithCurrency.Enabled === true) { function PinnedGames() {
var Existing = NewContainer.children[0].children;
Array.from(Existing).forEach((element) => {
element.remove();
});
if (PinnedGamesData.length === 0) {
NewContainer.style.display = 'none';
NewTitle.style.display = 'none';
} else {
NewContainer.style.display = '';
NewTitle.style.display = '';
}
PinnedGamesData.forEach((element) => {
fetch('https://api.polytoria.com/v1/places/' + element)
.then((response) => response.json())
.then((data) => {
let GameName = data.name;
let GameThumbnail = data.thumbnail;
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.href = '/places/' + element;
/*
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);
});
});
}
function BestFriends() {
Array.from(document.querySelectorAll('[bestFriend]')).forEach((element) => {
element.removeAttribute('bestFriend');
element.getElementsByClassName('friend-name')[0].style.color = 'initial';
FriendContainer.appendChild(element);
});
if (BestFriendsData.length === 0) {
BestFriendsContainer.style.visibility = 'hidden';
BestFriendsContainer.style.padding = '0px !important';
BestFriendsContainer.style.margin = '0px !important';
} else {
BestFriendsContainer.style.visibility = 'visible';
BestFriendsContainer.style.padding = '';
BestFriendsContainer.style.margin = '';
}
BestFriendsData.forEach((element) => {
let ExistingFriend = document.getElementById('friend-' + element);
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]);
async function IRLPrice() {
(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;
@ -114,66 +203,21 @@ chrome.storage.sync.get(['PolyPlus_Settings', 'PolyPlus_PinnedGames'], async fun
})(); })();
} }
if (Settings.HomeFriendCountOn === true) { async function ShowFriendCount() {
chrome.storage.local.get(['PolyPlus_FriendCount'], async function(result){ let FriendCount = (await (await fetch('https://polytoria.com/api/friends?page=1')).json()).meta.total;
let FriendCount = result['PolyPlus_FriendCount'].count; /*
const FirstPage = (await (await fetch('https://polytoria.com/api/friends?page=1')).json())
// cache for 5 minutes if (FirstPage.meta.lastPage > 1) {
if (FriendCount === undefined || (new Date().getTime() - FriendCount.requested > 300000)) { const LastPage = (await (await fetch('https://polytoria.com/api/friends?page=' + Pages)).json())
FriendCount = (await (await fetch('https://polytoria.com/api/friends?page=1')).json()).meta.total; FriendCount = (12*(FirstPage.meta.pages-1)) + LastPage.data.length
} else {
chrome.storage.local.set({['PolyPlus_FriendCount']: { FriendCount = FirstPage.data.length
count: FriendCount,
requested: new Date().getTime()
}}, function(){});
} }
*/
const CountText = document.createElement('small'); const CountText = document.createElement('small');
CountText.classList = 'text-muted fw-lighter'; CountText.classList = 'text-muted fw-lighter';
CountText.style.fontSize = '0.8rem'; CountText.style.fontSize = '0.8rem';
CountText.innerText = ' (' + FriendCount + ')'; CountText.innerText = ' (' + FriendCount + ')';
document.querySelector('#home-friendsOnline h5').appendChild(CountText); document.querySelector('#home-friendsOnline h5').appendChild(CountText);
});
} }
if (Settings.HomeJoinFriendsButtonOn === true) {
const FriendsPopup = document.getElementById('friend-name')
const ChangeMutator = new MutationObserver(async function (list) {
for (let record of list) {
for (let node of record.addedNodes) {
if (node.tagName === 'A') {
const JoinButton = document.createElement('button')
JoinButton.classList = 'btn btn-success btn-sm'
JoinButton.style = 'position: absolute; top: 0; right: 0; z-index: 2000; font-size: 1.2rem;'
JoinButton.innerHTML = '<i class="fas fa-play"></i>'
node.parentElement.appendChild(JoinButton)
JoinButton.addEventListener('click', async function(){
const PlayingStatus = (await (await fetch('https://api.polytoria.com/v1/users/' + document.getElementById('friendsProfileLink').getAttribute('href').split('/')[2])).json()).playing;
const Token = (await (await fetch('https://polytoria.com/api/places/join', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
placeID: parseInt(node.getAttribute('href').split('/')[2]),
serverID: PlayingStatus.serverID
})
})).json())
if (!Token.success) {
alert(Token.message);
return
}
window.location.href = 'polytoria://client/' + Token.token
})
}
}
}
})
ChangeMutator.observe(FriendsPopup, {childList: true})
}
})

205
js/account/inventory.js
View file

@ -1,101 +1,23 @@
/* console.log('path', window.location.pathname.split('/')[3]);
Proper pagination will be added in v1.2.3
*/
Username = window.location.pathname.split('/')[2];
let UserID;
let ItemGrid;
let _Utilities;
if (window.location.pathname.split('/')[3] === 'inventory') { if (window.location.pathname.split('/')[3] === 'inventory') {
!(async () => { const Username = window.location.pathname.split('/')[2];
UserID = (await (await fetch('https://api.polytoria.com/v1/users/find?username=' + Username )).json()).id; console.log(JSON.parse(window.localStorage.getItem('p+account_info')).Username);
ItemGrid = document.getElementsByClassName('itemgrid')[0]; if (Username === JSON.parse(window.localStorage.getItem('p+account_info')).Username) {
console.log('is user');
/* let Nav = document.getElementsByClassName('nav-pills')[0];
Rewritten item wishlist function will take in the data with a parameter instead
*/
chrome.storage.sync.get(['PolyPlus_Settings'], async function(result){
_Utilities = await import(chrome.runtime.getURL('resources/utils.js'));
_Utilities = _Utilities.default
Settings = result.PolyPlus_Settings
const Nav = document.getElementsByClassName('nav-pills')[0];
if (Settings.ItemWishlistOn && Username === JSON.parse(window.localStorage.getItem('p+account_info')).Username) {
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="${ (window.location.pathname.split('/')[4] !== '') ? '../wishlist/' : 'wishlist/' }" class="nav-link"> <a href="wishlist/" class="nav-link">
<i class="fa-regular fa-list 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') {
Array.from(Nav.children).forEach((element) => { console.log('aaa');
element = element.children[0];
if (!(element === WishlistNav)) {
if (element.classList.contains('active')) {
element.classList.remove('active');
}
}
});
WishlistNav.children[0].classList.add('active');
ItemWishlist()
}
}
if (Settings.CollectibleInventoryCatOn) {
let CollectibleNav = document.createElement('li');
CollectibleNav.classList.add('nav-item');
CollectibleNav.innerHTML = `
<a href="${ (window.location.pathname.split('/')[4] !== '') ? '../collectibles/' : 'collectibles/' }" class="nav-link">
<i class="fa-regular fa-sparkles me-1"></i>
<span class="pilltitle">Collectibles</span>
</a>
`;
Nav.appendChild(CollectibleNav);
if (window.location.pathname.split('/')[4] === 'collectibles') {
Array.from(Nav.children).forEach((element) => {
element = element.children[0];
if (!(element === CollectibleNav)) {
if (element.classList.contains('active')) {
element.classList.remove('active');
}
}
});
CollectibleNav.children[0].classList.add('active');
let HoardedCard = document.createElement('li');
HoardedCard.classList.add('nav-item');
HoardedCard.classList.add('text-center');
HoardedCard.innerHTML = `
<h6 class="section-title mt-3 px-2">
Hoarded Items
</h6>
<div class="card bg-dark mt-2">
<div class="card-body" id="p+hoarded_card"></div>
</div>
`;
Nav.appendChild(HoardedCard);
CollectibleCategory()
}
}
});
})();
}
/*
Item Wishlist will be rewritten in v1.2.3
*/
function ItemWishlist() {
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">
@ -115,8 +37,18 @@ function ItemWishlist() {
<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>
`; `;
ItemGrid.innerHTML = '' Array.from(ItemGrid.children).forEach((element) => {
document.getElementsByClassName('pagination')[0].remove() element.remove();
});
Array.from(Nav.children).forEach((element) => {
element = element.children[0];
if (!(element === WishlistNav)) {
if (element.classList.contains('active')) {
element.classList.remove('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 = `
@ -137,8 +69,8 @@ function ItemWishlist() {
<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 Collectible? Is Limited?
<span class="text-muted" style="font-size: 0.65rem; display: block;">Items that are collectible</span> <span class="text-muted" style="font-size: 0.65rem; display: block;">Items that are limited</span>
</label> </label>
</div> </div>
</div> </div>
@ -182,7 +114,7 @@ function ItemWishlist() {
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/' + 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) NewItemCard.innerHTML = ItemCardContents.replace(':ItemID', data.id)
@ -226,8 +158,11 @@ function ItemWishlist() {
}); });
}); });
}); });
}
}
}
const Update = function(type, query, isLimited, isAvailable) { function Update(type, query, isLimited, isAvailable) {
let ItemGrid = document.getElementsByClassName('itemgrid')[0]; let ItemGrid = document.getElementsByClassName('itemgrid')[0];
let BrickBalance = parseInt(JSON.parse(window.localStorage.getItem('p+account_info')).Bricks); let BrickBalance = parseInt(JSON.parse(window.localStorage.getItem('p+account_info')).Bricks);
query = query.toLowerCase(); query = query.toLowerCase();
@ -266,87 +201,3 @@ function ItemWishlist() {
} }
} }
} }
}
async function CollectibleCategory() {
ItemGrid.innerHTML = ''
document.getElementsByClassName('pagination')[0].remove()
const CollectibleItemTypes = [
"hat",
"face",
"tool"
]
const Collectibles = []
for (let type of CollectibleItemTypes) {
const InitialInventory = (await (await fetch('https://api.polytoria.com/v1/users/' + UserID + '/inventory?type=' + type + '&limit=100')).json())
Collectibles.push(...InitialInventory.inventory.filter((x) => x.asset.isLimited === true))
if (InitialInventory.pages > 1) {
if (InitialInventory.pages > 12) {
InitialInventory.pages = 12
}
for (let page = 2; page < InitialInventory.pages; page++) {
const PageResult = (await (await fetch('https://api.polytoria.com/v1/users/' + UserID + '/inventory?type=' + type + '&limit=100&page=' + page)).json())
Collectibles.push(...PageResult.inventory.filter((x) => x.asset.isLimited === true))
}
}
}
const ItemMultiples = []
Collectibles.forEach(item => {
const Multiple = ItemMultiples.findIndex((x) => x.asset.id === item.asset.id)
if (Multiple !== -1) {
ItemMultiples[Multiple].copies++
ItemMultiples[Multiple].serials.push(item.serial)
} else { ItemMultiples.push({asset: item.asset, copies: 1, serials: [item.serial]}) }
const ItemColumn = document.createElement('div')
ItemColumn.classList = 'px-0'
ItemColumn.innerHTML = `
<a href="/store/${item.asset.id}" class="text-reset">
<div class="card mb-2">
<div class="ribbon ribbon-limited ribbon-top-right"><span>Limited</span></div>
<div class="card-body">
<img src="${item.asset.thumbnail}" class="img-fluid rounded">
<span class="badge bg-dark" style="
font-weight: lighter;
position: absolute;
bottom: 0;
left: 0;
margin: 5px;
">#${item.serial}</span>
</div>
</div>
<h6 class="text-truncate mb-0">
${item.asset.name}
</h6>
</a>
<small class="text-muted d-block mb-1">
by <a href="/u/Polytoria" class="text-muted">Polytoria</a>
</small>
`
ItemGrid.appendChild(ItemColumn)
})
const Hoarded = ItemMultiples.filter((x) => x.copies > 1)
const HoardedCard = document.getElementById('p+hoarded_card')
Hoarded.forEach(item => {
const ListElement = document.createElement('div')
ListElement.classList = 'mb-1 mb-2'
ListElement.innerHTML = `
<a href="/store/${item.asset.id}" style="font-size: 0.8rem; color: #454545 !important;">
<b>${item.asset.name}</b>
</a>
<br>
<span>
${item.copies} copies <i class="fa-solid fa-circle-info" data-bs-toggle="tooltip" data-bs-title="#${item.serials.sort((a, b) => a - b).join(', #')}"></i>
</span>
`
HoardedCard.appendChild(ListElement)
})
_Utilities.InjectResource("registerTooltips")
}

161
js/account/profile.js
View file

@ -1,6 +1,4 @@
let Username = window.location.pathname.split('/')[2]; let UserID = window.location.pathname.split('/')[2];
let Blocked = false;
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)');
@ -8,72 +6,18 @@ var Settings;
var BestFriends; var BestFriends;
let FavoriteBtn; let FavoriteBtn;
let CalculateButton; let CalculateButton;
let AvatarIFrame;
let Utilities; let Utilities;
if (Username) { if (UserID) {
(async () => { (async () => {
UserID = (await (await fetch('https://api.'+window.location.hostname+'/v1/users/find?username=' + Username )).json()); 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;
if (document.querySelector('.card .fa-ban')) { chrome.storage.sync.get(['PolyPlus_Settings'], function (result) {
Blocked = true;
}
chrome.storage.sync.get(['PolyPlus_Settings'], async function (result) {
Settings = result.PolyPlus_Settings || {}; Settings = result.PolyPlus_Settings || {};
const InfoColumns = document.getElementById('user-stats-card');
const UserIDRow = document.createElement('div')
UserIDRow.classList = 'mb-1 text-start'
UserIDRow.innerHTML = `
<b><i class="fa fa-hashtag text-center d-inline-block" style="width:1.2em"></i> Player ID</b>
<span class="float-end">
${UserID.id} <a id="copy" href="#copy"><i class="fad fa-copy" style="margin-left: 5px;"></i></a>
</span>
`
if (!Blocked) {
InfoColumns.children[0].insertBefore(UserIDRow, InfoColumns.children[0].children[1]);
} else {
if (Settings.MoreBlockedDetailsOn) {
const BlockedCard = document.querySelector('.card-body:has(.fa-ban)')
BlockedCard.appendChild(document.createElement('hr'))
const AccountInfo = (await (await fetch('https://api.'+window.location.hostname+'/v1/users/' + UserID.id )).json());
const AccountCreatedRow = document.createElement('div')
AccountCreatedRow.classList = 'mb-1 text-start'
AccountCreatedRow.innerHTML = `
<b><i class="fad fa-calendar text-center d-inline-block" style="width:1.2em"></i> Join date</b>
<span class="float-end">
${ ["January","February","March","April","May","June","July","August","September","November","December"][new Date(AccountInfo.registeredAt).getMonth() - 1] + " " + new Date(AccountInfo.registeredAt).getDate() + ", " + new Date(AccountInfo.registeredAt).getFullYear() }
</span>
`
BlockedCard.appendChild(UserIDRow)
BlockedCard.appendChild(AccountCreatedRow)
}
}
const CopyButton = UserIDRow.getElementsByTagName('a')[0]
CopyButton.addEventListener('click', function(){
navigator.clipboard
.writeText(UserID.id)
.then(() => {
CopyButton.classList.add('text-success')
CopyButton.children[0].classList = 'fa-duotone fa-circle-check'
CopyButton.children[0].style.marginLeft = '3px'
setTimeout(() => {
CopyButton.classList.remove('text-success')
CopyButton.children[0].classList = 'fad fa-copy'
CopyButton.children[0].style.marginLeft = '5px'
}, 1500);
})
})
if (Settings.IRLPriceWithCurrency && Settings.IRLPriceWithCurrency.Enabled === true) { if (Settings.IRLPriceWithCurrency && Settings.IRLPriceWithCurrency.Enabled === true) {
IRLPrice(); IRLPrice();
} }
@ -105,85 +49,10 @@ if (Username) {
} }
}); });
} }
AvatarIFrame = document.getElementById('user-avatar-card').getElementsByTagName('iframe')[0]
if (Settings.AvatarDimensionToggleOn === true || 1 === 1) {
const AvatarCard = document.getElementById('user-avatar-card')
const ToggleButton = document.createElement('button')
ToggleButton.classList = 'btn btn-primary btn-sm 3dviewtoggler isactive'
ToggleButton.style = 'position: absolute; right: 15px; margin-top: 20px;'
ToggleButton.innerHTML = '<i class="toggleIcn fad fa-image"></i>'
AvatarCard.getElementsByClassName('position-relative')[0].insertBefore(ToggleButton, AvatarIFrame)
ToggleButton.addEventListener('click', async function(){
if (ToggleButton.children[0].classList.contains('fa-image')) {
if (document.getElementById('polyplus-2davatar')) {
const AvatarImage = document.getElementById('polyplus-2davatar')
AvatarImage.width = AvatarIFrame.offsetWidth
AvatarImage.height = AvatarIFrame.offsetHeight
AvatarImage.style.display = 'block'
AvatarIFrame.style.display = 'none'
ToggleButton.children[0].classList = 'toggleIcn fad fa-360-degrees'
} else {
const AvatarImage = document.createElement('img')
AvatarImage.id = 'polyplus-2davatar'
AvatarImage.width = AvatarIFrame.offsetWidth
AvatarImage.height = AvatarIFrame.offsetHeight
AvatarImage.style.padding = '20px'
const UserDetails = (await (await fetch('https://api.polytoria.com/v1/users/' + UserID.id)).json())
AvatarImage.src = UserDetails.thumbnail.avatar
AvatarIFrame.style.display = 'none'
const CustomBadge = document.querySelector('#user-avatar-card .badge:has(.pi)')
if (CustomBadge === null) {
AvatarCard.children[0].insertBefore(AvatarImage, AvatarCard.getElementsByClassName('user-badges')[0])
} else {
try {
AvatarCard.children[0].insertBefore(AvatarImage, CustomBadge)
} catch(error) {
AvatarCard.children[0].insertBefore(AvatarImage, CustomBadge.parentElement)
}
}
ToggleButton.children[0].classList = 'toggleIcn fad fa-360-degrees'
}
} else {
document.getElementById('polyplus-2davatar').style.display = 'none'
AvatarIFrame.style.display = 'block'
ToggleButton.children[0].classList = 'toggleIcn fad fa-image'
}
})
}
}); });
if (new URLSearchParams(window.location.search).get('anniversary') === '1') {
const JoinDateRow = document.querySelector('#user-stats-card .mb-1:has(.fa-calendar)')
const BirthdayCard = document.createElement('div')
BirthdayCard.classList = 'card card-themed card-player-birthday mb-2'
const AnniversaryNumber = (new Date().getFullYear() - new Date(JoinDateRow.children[1].innerText).getFullYear())
BirthdayCard.innerHTML = `
<div class="card-body">
<div class="fw-semibold text-birthday-gradient">
<i class="fas fa-cake me-1"></i> It's my ${AnniversaryNumber + (AnniversaryNumber % 10 === 1 && AnniversaryNumber % 100 !== 11 ? 'st' : AnniversaryNumber % 10 === 2 && AnniversaryNumber % 100 !== 12 ? 'nd' : AnniversaryNumber % 10 === 3 && AnniversaryNumber % 100 !== 13 ? 'rd' : 'th')} Polytoria anniversary!
</div>
<a href="/inbox/messages/${UserID.id}/compose?anniversaryPreset=${AnniversaryNumber}" class="btn btn-sm btn-outline-light mt-2"><i class="fas fa-hands-clapping me-1"></i> Send ${UserID.username} congrats</a>
</div>
`
document.getElementById('user-avatar-card').parentElement.insertBefore(BirthdayCard, document.getElementById('user-avatar-card'))
JoinDateRow.children[1].innerHTML = '<i class="fas fa-cake"></i> ' + JoinDateRow.children[1].innerHTML
JoinDateRow.children[1].classList.add('text-birthday-gradient')
JoinDateRow.children[1].classList.add('fw-semibold')
}
})(); })();
if (AvatarIFrame === null) { const AvatarIFrame = document.querySelector('[src^="/ptstatic"]');
AvatarIFrame = document.getElementById('user-avatar-card').getElementsByTagName('iframe')[0]
}
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');
@ -225,7 +94,7 @@ if (Username) {
alert('Failure to copy sharable 3D avatar URL.'); alert('Failure to copy sharable 3D avatar URL.');
}); });
}); });
} else if (Username && Username[0] === '@') { } else if (UserID && UserID[0] === '@') {
const Username = window.location.pathname.split('/')[2].substring(1); const Username = window.location.pathname.split('/')[2].substring(1);
let Reference = new URLSearchParams(new URL(window.location.href).search); let Reference = new URLSearchParams(new URL(window.location.href).search);
@ -262,7 +131,7 @@ function BestFriends() {
FavoriteBtn = document.createElement('button'); FavoriteBtn = document.createElement('button');
FavoriteBtn.classList = 'btn btn-warning btn-sm ml-2'; FavoriteBtn.classList = 'btn btn-warning btn-sm ml-2';
if (!(BestFriends.length === Utilities.Limits.BestFriends)) { if (!(BestFriends.length === Utilities.Limits.BestFriends)) {
if (Array.isArray(BestFriends) && BestFriends.includes(parseInt(UserID.id))) { if (Array.isArray(BestFriends) && BestFriends.includes(parseInt(UserID))) {
FavoriteBtn.innerText = 'Remove Best Friend Status'; FavoriteBtn.innerText = 'Remove Best Friend Status';
} else { } else {
FavoriteBtn.innerText = 'Best Friend'; FavoriteBtn.innerText = 'Best Friend';
@ -270,9 +139,9 @@ function BestFriends() {
} else { } else {
FavoriteBtn.innerText = 'Remove Best Friend Status (max ' + Utilities.Limits.BestFriends + '/' + Utilities.Limits.BestFriends + ')'; FavoriteBtn.innerText = 'Remove Best Friend Status (max ' + Utilities.Limits.BestFriends + '/' + Utilities.Limits.BestFriends + ')';
} }
if (UserID.id !== JSON.parse(window.localStorage.getItem('p+account_info')).ID && document.getElementById('add-friend-button').classList.contains('btn-success') === false) { 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 () { FavoriteBtn.addEventListener('click', function () {
Fav(UserID.id, FavoriteBtn); Fav(UserID, FavoriteBtn);
}); });
} else { } else {
FavoriteBtn.style.display = 'none'; FavoriteBtn.style.display = 'none';
@ -280,25 +149,25 @@ function BestFriends() {
document.querySelectorAll('.section-title.px-3.px-lg-0.mt-3')[0].appendChild(FavoriteBtn); document.querySelectorAll('.section-title.px-3.px-lg-0.mt-3')[0].appendChild(FavoriteBtn);
function Fav(UserID, btn) { function Fav(UserID, btn) {
if (UserID.id === JSON.parse(window.localStorage.getItem('p+account_info')).ID) { if (UserID === JSON.parse(window.localStorage.getItem('p+account_info')).ID) {
return; return;
} }
btn.setAttribute('disabled', 'true'); btn.setAttribute('disabled', 'true');
chrome.storage.sync.get(['PolyPlus_BestFriends'], function (result) { chrome.storage.sync.get(['PolyPlus_BestFriends'], function (result) {
const BestFriends = result.PolyPlus_BestFriends || []; const BestFriends = result.PolyPlus_BestFriends || [];
const index = BestFriends.indexOf(parseInt(UserID.id)); const index = BestFriends.indexOf(parseInt(UserID));
if (index !== -1) { if (index !== -1) {
// Number exists, remove it // Number exists, remove it
BestFriends.splice(index, 1); BestFriends.splice(index, 1);
btn.innerText = 'Best Friend'; btn.innerText = 'Best Friend';
console.log('Number', parseInt(UserID.id), 'removed from BestFriends'); console.log('Number', parseInt(UserID), 'removed from BestFriends');
} else { } else {
// Number doesn't exist, add it // Number doesn't exist, add it
BestFriends.push(parseInt(UserID.id)); BestFriends.push(parseInt(UserID));
btn.innerText = 'Remove Best Friend Status'; btn.innerText = 'Remove Best Friend Status';
console.log('Number', parseInt(UserID.id), 'added to BestFriends'); console.log('Number', parseInt(UserID), 'added to BestFriends');
} }
chrome.storage.sync.set({PolyPlus_BestFriends: BestFriends, arrayOrder: true}, function () { chrome.storage.sync.set({PolyPlus_BestFriends: BestFriends, arrayOrder: true}, function () {
@ -317,7 +186,7 @@ function BestFriends() {
BestFriends = result.PolyPlus_BestFriends || []; BestFriends = result.PolyPlus_BestFriends || [];
if (!(BestFriends.length === Utilities.Limits.BestFriends)) { if (!(BestFriends.length === Utilities.Limits.BestFriends)) {
if (Array.isArray(BestFriends) && BestFriends.includes(parseInt(UserID.id))) { if (Array.isArray(BestFriends) && BestFriends.includes(parseInt(UserID))) {
FavoriteBtn.innerText = 'Remove Best Friend Status'; FavoriteBtn.innerText = 'Remove Best Friend Status';
} else { } else {
FavoriteBtn.innerText = 'Best Friend'; FavoriteBtn.innerText = 'Best Friend';

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

@ -1,6 +1,6 @@
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.querySelector('.card-body:has([action^="/api/users/"])'); 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 = `
@ -9,8 +9,9 @@ chrome.storage.sync.get(['PolyPlus_Settings'], function (result) {
`; `;
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');
SearchBar.addEventListener('input', function () { ConfirmBtn.addEventListener('click', function () {
SearchBlockedUsers(SearchBar.value); SearchBlockedUsers(SearchBar.value);
}); });

105
js/account/trade-valuation.js
View file

@ -1,105 +0,0 @@
var Settings;
var Utilities;
(async () => {
Utilities = await import(chrome.runtime.getURL('resources/utils.js'));
Utilities = Utilities.default;
chrome.storage.sync.get(['PolyPlus_Settings'], async function(result){
Settings = result.PolyPlus_Settings
if (
Settings.ValueListInfo &&
Settings.ValueListInfo.Enabled == true &&
Settings.ValueListInfo.TradeValuation == true
) {
const ColumnLabels = [
"name",
"short",
"value",
"type",
"trend",
"demand",
"tags"
]
const TagColors = {
"Projected": "warning",
"Hoarded": "success",
"Rare": "primary",
"Freaky": "danger"
}
/*
Table to JSON function (slightly modified for my use-case)
https://stackoverflow.com/questions/9927126/how-to-convert-the-following-table-to-json-with-javascript#answer-60196347
*/
const ExtractTableJSON = function(table) {
var data = [];
for (var i = 1; i < table.rows.length; i++) {
var tableRow = table.rows[i];
var rowData = {
tags: []
};
for (var j = 0; j < tableRow.cells.length; j++) {
let Value = tableRow.cells[j].children[0].children[0].innerText;
if (ColumnLabels[j] === "name") {
const LinkValue = tableRow.cells[j].getElementsByTagName('a')[0]
if (LinkValue) {
rowData.id = LinkValue.href.split('https://www.google.com/url?q=')[1].split('&')[0].split('/')[4]
}
}
if (ColumnLabels[j] === "tags") {
Array.from(tableRow.cells[j].children).forEach(tag => {
/*
The regex for the emoji character codes replacement was made by AI, such a time saver lol
*/
rowData.tags.push(tag.children[0].innerHTML.replace(/\s/g,'').replace(/([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g, ''))
})
} else {
rowData[ColumnLabels[j]] = Value
}
}
data.push(rowData);
}
return data;
}
const ValueListDocument = new DOMParser().parseFromString(await (await fetch('https://docs.google.com/feeds/download/documents/Export?exportFormat=html&format=html&id=1W7JN74MU-9Dbd-9xNnjxE18hQVBPXWuwjK5DGSnuQR4')).text(), 'text/html')
const GetTagColor = function(label) {
if (TagColors[label] !== undefined) {
return TagColors[label]
} else if (TagColors[label.substring(1)] !== undefined) {
return TagColors[label.substring(1)]
} else {
return 'dark'
}
}
const ValueJSON = ExtractTableJSON(ValueListDocument.getElementsByTagName('table')[0])
for (let card of Array.from(document.querySelectorAll('.card:has(a[href^="/store"])'))) {
const ItemValuations = Array.from(card.querySelectorAll('a[href^="/store"]')).map((item) => ValueJSON.filter((x) => x.id == item.getAttribute('href').split('/')[2])[0]||null).filter((x)=>x!=null)
if (ItemValuations.length > 0) {
/* this code is so bad I never want to look at it again */
const QuestionMarkTooltip = document.createElement('i')
QuestionMarkTooltip.classList = 'fa fa-question-circle'
QuestionMarkTooltip.setAttribute('data-bs-toggle', 'tooltip')
QuestionMarkTooltip.setAttribute('data-bs-html', 'true')
QuestionMarkTooltip.setAttribute('data-bs-title', ItemValuations.map((item, i) => `
<small class="text-muted" style="font-size: 0.65rem">"${item.short}" | ${item.trend}</small><br>
<b style="text-align: left !important;">${item.name}</b><br>
${ item.tags.map((x) => `
<span class="badge bg-${ GetTagColor(x) }">${x}</span>
`).join('')}
`).join('<hr class="mt-2 mb-1">'))
card.getElementsByClassName('card-header')[0].appendChild(QuestionMarkTooltip)
}
}
Utilities.InjectResource("registerTooltips")
}
});
})();

525
js/background.js
View file

@ -77,44 +77,9 @@ const DefaultSettings = {
Enabled: false, Enabled: false,
Banners: true, Banners: true,
Rectangles: true Rectangles: true
}, }
UploadMultipleDecals: true,
GD_ServerBalanceOn: true,
AvatarDimensionToggleOn: true,
TheGreatDivide: {
Enabled: true,
UnbalancedIndicatorOn: true,
MVPUserIndicatorOn: true,
UserStatsOn: true,
LeaderboardsOn: true
},
CollectibleInventoryCatOn: true,
ValueListInfo: {
Enabled: true,
ItemValuation: true,
TradeValuation: true
},
ImprovedAchievements: {
Enabled: true,
ProgressBarOn: true,
PercentageOn: true,
OpacityOn: true
},
ReaddCopyablePlacesOn: true,
TimePlayedOn: true,
HomeJoinFriendsButtonOn: true,
ImprovedPlaceManagement: {
Enabled: true,
QuickActivityToggleOn: true,
PlaceFileDownloadOn: true,
MultiWhitelistOn: true,
ClearWhitelistOn: true
},
MoreBlockedDetailsOn: true,
AssetDesignerCreditOn: true
} }
// ON EXTENSION INSTALL / RELOAD
chrome.runtime.onInstalled.addListener(() => { chrome.runtime.onInstalled.addListener(() => {
chrome.storage.sync.get(['PolyPlus_Settings'], function(result){ chrome.storage.sync.get(['PolyPlus_Settings'], function(result){
const MergedSettings = MergeObjects((result.PolyPlus_Settings || DefaultSettings), DefaultSettings) const MergedSettings = MergeObjects((result.PolyPlus_Settings || DefaultSettings), DefaultSettings)
@ -124,383 +89,94 @@ chrome.runtime.onInstalled.addListener(() => {
}) })
}); });
let RecordingTimePlayed = false
chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) {
if (request.action === 'reload') {
chrome.runtime.reload();
} else if (request.action === 'greatdivide_stats') {
chrome.storage.local.get(['PolyPlus_GreatDivideStats'], async function(result){
const Cache = (result['PolyPlus_GreatDivideStats']||{[request.userID]:undefined})
// cache for 5 minutes
if (Cache[request.userID] === undefined || (new Date().getTime() - Cache[request.userID].requested > 300000)) {
let Statistics = (await (await fetch('https://stats.silly.mom/player_stats?id=' + request.userID)).json()).results
if (Statistics !== null) {
Statistics = Statistics[0]
}
Cache[request.userID] = {
data: Statistics,
requested: new Date().getTime()
}
chrome.storage.local.set({['PolyPlus_GreatDivideStats']: Cache}, function(){})
}
chrome.tabs.query({ active: true, currentWindow: true }, function(tabs){
chrome.scripting
.executeScript({
target: {tabId: tabs[0].id},
func: LoadStats,
args: [Cache[request.userID].data]
})
})
})
const LoadStats = function(stats){
const GreatDivideCard = document.getElementById('p+greatdivide_card')
if (stats !== null) {
let KDR = (stats.Kills / stats.Deaths)
if (isNaN(KDR)) {
KDR = "N/A"
} else {
KDR = KDR.toFixed(4)
}
if (stats.Team === 'phantoms') {
GreatDivideCard.parentElement.style.backgroundImage = 'linear-gradient(rgba(0.7, 0.7, 0.7, 0.7), rgba(0.7, 0.7, 0.7, 0.7)), url("https://c0.ptacdn.com/assets/N3DH4x5a6iW7raaQ-3lwHpRHHpWShdXc.png")';
GreatDivideCard.parentElement.style.borderColor = '';
GreatDivideCard.parentElement.style.border = '1.25px solid blue !important';
} else {
GreatDivideCard.parentElement.style.backgroundImage = 'linear-gradient(rgba(0.7, 0.7, 0.7, 0.7), rgba(0.7, 0.7, 0.7, 0.7)), url("https://c0.ptacdn.com/assets/1HXpaoDLHJo2rrvwwxqJEDWvDZ6BgvSE.png")';
GreatDivideCard.parentElement.style.borderColor = '';
GreatDivideCard.parentElement.style.border = '1.25px solid green !important';
}
GreatDivideCard.innerHTML = `
<div class="mb-1">
<b>
<i class="fa-duotone fa-eye text-center d-inline-block" style="width:1.2em"></i>
Last Round Seen
</b>
<span class="float-end">
${ (stats.LastRoundSeen === 0) ? '-' : stats.LastRoundSeen }
</span>
</div>
<hr class="mb-3 mt-2">
<div class="mb-1">
<b>
<i class="fa-duotone fa-swords text-center d-inline-block" style="width:1.2em"></i>
Kills
</b>
<span class="float-end">
${stats.Kills.toLocaleString()} <small class="text-muted" style="font-size: 0.8rem;">(${stats.UniqueKills.toLocaleString()} unique)</small>
</span>
</div>
<div class="mb-1">
<b>
<i class="fa-duotone fa-skull text-center d-inline-block" style="width:1.2em"></i>
Deaths
</b>
<span class="float-end">
${stats.Deaths.toLocaleString()}
</span>
</div>
<div class="mb-1">
<b>
<i class="fa-solid fa-percent text-center d-inline-block" style="width:1.2em"></i>
Kill Death Ratio
</b>
<span class="float-end ${ (!isNaN(KDR) && KDR > 1) ? 'text-success' : (!isNaN(KDR) && KDR !== 0) ? 'text-danger' : '' }">
${KDR} <i class="fa-solid fa-circle-info" data-bs-toggle="tooltip" data-bs-title="KDR is a user's kills divided by the amount of times they have died. If their KDR is above 1, they are making a positive contribution. If their KDR is less than 1, that means they die more than they kill."></i>
</span>
</div>
<div class="mb-1">
<b>
<i class="fa-duotone fa-hundred-points text-center d-inline-block" style="width:1.2em"></i>
Points Scored
</b>
<span class="float-end">
${stats.PointsScored.toLocaleString()}
</span>
</div>
<div class="mb-1">
<b>
<i class="fa-solid fa-money-bill-wave text-center d-inline-block" style="width:1.2em"></i>
Cash Earned
</b>
<span class="float-end">
${stats.CashEarned.toLocaleString()}
</span>
</div>
<div class="mb-1">
<b>
<i class="fa-duotone fa-flag text-center d-inline-block" style="width:1.2em"></i>
Flags Captured
</b>
<span class="float-end">
${stats.FlagsCaptured} (${stats.FlagsReturned} returned)
</span>
</div>
<div>
<b>
<i class="fa-solid fa-box-open text-center d-inline-block" style="width:1.2em"></i>
Airdrops Collected
</b>
<span class="float-end">
${stats.AirdropsCollected}
</span>
</div>
<hr class="mb-3 mt-2">
<div class="mb-1">
<b>
<i class="fa-solid fa-chart-pyramid text-center d-inline-block" style="width:1.2em"></i>
Monoliths Destroyed
</b>
<span class="float-end">
${stats.ObelisksDestroyed}
</span>
</div>
<div class="mb-1">
<b>
<i class="fa-duotone fa-block-question text-center d-inline-block" style="width:1.2em"></i>
Blocks Placed
</b>
<span class="float-end">
${stats.BlocksPlaced} (${stats.BlocksDestroyed} destroyed)
</span>
</div>
<div class="mb-1">
<b>
<i class="fa-duotone fa-head-side-brain text-center d-inline-block" style="width:1.2em"></i>
Headshots
</b>
<span class="float-end">
${stats.Headshots}
</span>
</div>
`
const Script = document.createElement('script');
Script.setAttribute('type', 'text/javascript');
Script.setAttribute('src', chrome.runtime.getURL('resources/registerTooltips.js'));
Script.addEventListener('load', function () {
Script.remove();
});
document.body.appendChild(Script);
} else {
GreatDivideCard.classList.add('text-center', 'py-5')
GreatDivideCard.innerHTML = `
<h1 class="display-3"><i class="fa-solid fa-face-thinking"></i></h1>
<h5> Not Drafted </h5>
<p class="mb-0">This user didn't participate in The Great Divide.</p>
`
}
}
return true
} else if (request.action === 'start_time_played') {
if (RecordingTimePlayed === true) {
console.log('Time Played: Already Started Interval')
return
}
RecordingTimePlayed = true
chrome.storage.sync.get(['PolyPlus_TimePlayed'], function(result){
console.log('Time Played: Start Interval')
const Playtime = result.PolyPlus_TimePlayed || {
[request.placeID]: 0
};
let LoadedIn = false
const TimePlayedInterval = setInterval(async () => {
console.log('Time Played: Run Check')
const PlaceStatus = (await (await fetch('https://api.polytoria.com/v1/users/' + request.userID)).json()).playing
if (PlaceStatus === null) {
console.log('Time Played: Not Playing Anything')
if (LoadedIn === true) {
console.log('Time Played: End Interval')
clearInterval(TimePlayedInterval)
}
} else {
LoadedIn = true
if (!Playtime[PlaceStatus.placeID]) {
Playtime[PlaceStatus.placeID] = 0
}
Playtime[PlaceStatus.placeID] += 5
console.log('Time Played: Time Increase: ', new Date(Playtime[PlaceStatus.placeID] * 1000).toISOString().slice(11, 19), PlaceStatus)
chrome.storage.sync.set({'PolyPlus_TimePlayed': Playtime}, function(){
console.log('Time Played: Saved Playtime')
})
}
}, 5000);
})
} else if (request.action == "item_valuation") {
chrome.storage.local.get(['PolyPlus_ItemValuationData'], async function(result){
const Cache = (result['PolyPlus_ItemValuationData']||{[request.itemID]:undefined})
// cache for 5 minutes
if (Cache[request.itemID] === undefined || (new Date().getTime() - Cache[request.itemID].requested > 300000)) {
let ValueDetails = (await (await fetch('https://polytoria.trade/api/trpc/getItem?batch=1&input={"0":' + request.itemID + '}',{mode:'no-cors'})).json())
if (ValueDetails.result.length > 0) {
ValueDetails = ValueDetails[0].result.data
}
Cache[request.itemID] = {
data: ValueDetails,
requested: new Date().getTime()
}
chrome.storage.local.set({['PolyPlus_GreatDivideStats']: Cache}, function(){})
}
chrome.tabs.query({ active: true, currentWindow: true }, function(tabs){
chrome.scripting
.executeScript({
target: {tabId: tabs[0].id},
func: LoadValuation,
args: [Cache[request.itemID].data]
})
})
})
const LoadValuation = async function(valuation) {
const GetTagColor = function(label) {
if (TagColors[label] !== undefined) {
return TagColors[label]
} else if (TagColors[label.substring(1)] !== undefined) {
return TagColors[label.substring(1)]
} else {
return 'dark'
}
}
const TagColors = {
"Projected": "warning",
"Hoarded": "success",
"Rare": "primary",
"Freaky": "danger"
}
//const ValueDetails = (await (await fetch('https://polytoria.trade/api/trpc/getItem?batch=1&input={"0":' + ItemID + '}')).json())
if (valuation !== undefined) {
ValueCard.innerHTML = `
<div class="mb-1">
<b class="text-success">
<i class="pi pi-brick" style="width:1.2em"></i>
Value
</b>
<span class="float-end">
${valuation.value}
</span>
</div>
<div class="mb-1">
<b class="text-primary"">
<i class="pi" style="width:1.2em">%</i>
Trend
</b>
<span class="float-end">
${valuation.trend}
</span>
</div>
<div class="mb-1">
<b>
<i class="fa-duotone fa-triangle" style="width:1.2em"></i>
Valuation Type
</b>
<span class="float-end">
${valuation.type}
</span>
</div>
<div class="mb-1">
<b>
<i class="fa-duotone fa-hand-wave" style="width:1.2em"></i>
Shorthand
</b>
<span class="float-end">
${valuation.short}
</span>
</div>
<div class="d-flex" style="gap: 5px;">
${ ValueDetails.tags.map((x) => `
<span class="badge bg-${ GetTagColor(x) }">${x}</span>
`).join('')}
</div>
`
} else {
ValueCard.innerHTML = `
There is no evaluation for this item at this time.
`
}
}
}
});
// 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});
}); });
chrome.contextMenus.removeAll(function () { // REGISTER AN ALARM FOR DAILY UPDATE CHECK
// COPY ASSET ID CONTEXT MENU ITEM REGISTRATION chrome.alarms.create('PolyPlus-UpdateCheck', {
/* when: Date.now() + GetNext12PM()
const AssetTypes = ["Place", "User", "Item", "Guild"]
AssetTypes.forEach(type => {
chrome.contextMenus.create({
title: 'Copy ' + type + ' ID',
id: 'PolyPlus-Copy' + type + 'ID',
contexts: ['link'],
documentUrlPatterns: ['https://polytoria.com/*', SettingsURL],
targetUrlPatterns: [
'https://polytoria.com/places/**'
]
}); });
function GetNext12PM() {
const Now = new Date();
const Next = new Date();
Next.setHours(12, 0, 0, 0);
if (Now.getHours() >= 12) {
Next.setDate(Next.getDate() + 1);
}
return Next - Now;
}
// HANDLE ALARMS FIRING
chrome.alarms.onAlarm.addListener(function (alarm) {
if (alarm.name === 'PolyPlus-UpdateCheck') {
RunUpdateNotifier();
}
});
function RunUpdateNotifier() {
chrome.storage.local.get(['PolyPlus_LiveVersion', 'PolyPlus_OutOfDate', 'PolyPlus_SkipUpdate'], function (result) {
const OutOfDate = result.PolyPlus_OutOfDate || false;
const SkipUpdate = result.PolyPlus_SkipUpdate || null;
const LiveVersion = result.PolyPlus_LiveVersion || Manifest.version;
if (OutOfDate !== true && SkipUpdate !== LiveVersion) {
fetch('https://polyplus.vercel.app/data/version.json')
.then((response) => {
if (!response.ok) {
throw new Error('Network not ok');
}
return response.json();
}) })
*/ .then((data) => {
chrome.contextMenus.create({ chrome.storage.local.set({PolyPlus_LiveVersion: data.version}, function () {
title: 'Copy Place ID', console.log('Cached live version');
id: 'PolyPlus-CopyPlaceID',
contexts: ['link'],
documentUrlPatterns: ['https://polytoria.com/*', SettingsURL],
targetUrlPatterns: [
'https://polytoria.com/places/**'
]
}); });
chrome.contextMenus.create({ if (data.version > Manifest.version) {
title: 'Copy User ID', chrome.storage.local.set({PolyPlus_OutOfDate: true, PolyPlus_ReleaseNotes: data.releaseNotes}, function () {
id: 'PolyPlus-CopyUserID', console.log('Cached update notifier result');
contexts: ['link'],
documentUrlPatterns: ['https://polytoria.com/*', SettingsURL],
targetUrlPatterns: [
'https://polytoria.com/users/**',
'https://polytoria.com/u/**'
]
}); });
chrome.contextMenus.create({ chrome.notifications.create(
title: 'Copy Item ID', '',
id: 'PolyPlus-CopyItemID', {
contexts: ['link'], type: 'basic',
documentUrlPatterns: ['https://polytoria.com/*', SettingsURL], iconUrl: chrome.runtime.getURL('icon.png'),
targetUrlPatterns: [ title: 'New Update Available',
'https://polytoria.com/store/**' message: 'A new update is available for Poly+! (v' + data.version + ')'
] },
function (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.contextMenus.create({ }
title: 'Copy Guild ID', );
id: 'PolyPlus-CopyGuildID', }
contexts: ['link'], })
documentUrlPatterns: ['https://polytoria.com/*', SettingsURL], .catch((error) => {
targetUrlPatterns: [ console.log(error);
'https://polytoria.com/guilds/**'
]
}); });
}
});
}
chrome.contextMenus.removeAll(function () {
chrome.contextMenus.create({ chrome.contextMenus.create({
title: 'Copy Thread ID', title: 'Run Update Notifier',
id: 'PolyPlus-CopyThreadID', id: 'PolyPlus-RunUpdateNotifier',
contexts: ['all'],
documentUrlPatterns: ['https://polytoria.com/my/settings/polyplus*']
});
// COPY ASSET ID CONTEXT MENU ITEM REGISTRATION
chrome.contextMenus.create({
title: 'Copy Asset ID',
id: 'PolyPlus-CopyID',
contexts: ['link'], contexts: ['link'],
documentUrlPatterns: ['https://polytoria.com/*', SettingsURL], documentUrlPatterns: ['https://polytoria.com/*', SettingsURL],
targetUrlPatterns: [ targetUrlPatterns: ['https://polytoria.com/places/**', 'https://polytoria.com/users/**', 'https://polytoria.com/u/**', 'https://polytoria.com/store/**', 'https://polytoria.com/guilds/**']
'https://polytoria.com/forum/post/**'
]
}); });
// COPY AVATAR HASH CONTEXT MENU ITEM REGISTRATION // COPY AVATAR HASH CONTEXT MENU ITEM REGISTRATION
@ -509,30 +185,19 @@ chrome.contextMenus.removeAll(function () {
id: 'PolyPlus-CopyAvatarHash', id: 'PolyPlus-CopyAvatarHash',
contexts: ['image'], contexts: ['image'],
documentUrlPatterns: ['https://polytoria.com/*', SettingsURL], documentUrlPatterns: ['https://polytoria.com/*', SettingsURL],
targetUrlPatterns: [ targetUrlPatterns: ['https://c0.ptacdn.com/thumbnails/avatars/**', 'https://c0.ptacdn.com/thumbnails/avatars/**']
'https://c0.ptacdn.com/thumbnails/avatars/**'
]
}); });
}); });
// HANDLE CONTEXT MENU ITEMS // HANDLE CONTEXT MENU ITEMS
chrome.contextMenus.onClicked.addListener(async function (info, tab) { chrome.contextMenus.onClicked.addListener(async function (info, tab) {
if (["CopyPlaceID", "CopyUserID", "CopyItemID", "CopyGuildID"].indexOf(info.menuItemId.split('-')[1]) !== -1) { if (info.menuItemId === 'PolyPlus-CopyID') {
console.log(info.linkUrl.split('/')[3]);
let ID = info.linkUrl.split('/')[4]; let ID = info.linkUrl.split('/')[4];
if (info.linkUrl.split('/')[3] === 'u') { if (info.linkUrl.split('/')[3] === 'u') {
ID = (await (await fetch('https://api.polytoria.com/v1/users/find?username=' + info.linkUrl.split('/')[4])).json()).id; ID = (await (await fetch('https://api.polytoria.com/v1/users/find?username=' + info.linkUrl.split('/')[4])).json()).id;
} }
chrome.scripting console.log(ID);
.executeScript({
target: {tabId: tab.id},
func: CopyAssetID,
args: [ID]
})
.then(() => console.log('Copied ID!'));
}
if (info.menuItemId === 'PolyPlus-CopyThreadID') {
let ID = info.linkUrl.split('/')[5];
chrome.scripting chrome.scripting
.executeScript({ .executeScript({
target: {tabId: tab.id}, target: {tabId: tab.id},
@ -570,18 +235,18 @@ chrome.tabs.onActivated.addListener(function (info){
}); });
function CheckIfScriptApplies(url) { function CheckIfScriptApplies(url) {
const matches = Manifest.content_scripts.map(script => { return Manifest.content_scripts.forEach(script => {
script.matches.forEach(match => { COMMENT
console.log(url, match, url.startsWith(match)) if (matchesUrl(script.matches, url)) {
if (url.startsWith(match)) { return true
}
script.matches.forEach(match => {
if (url.startsWith(match.replaceAll('*', ''))) {
return true return true
} else {
return false
} }
}) })
}) })
return matches
} }
function matchesUrl(patterns, url) { function matchesUrl(patterns, url) {
@ -594,8 +259,11 @@ function matchesUrl(patterns, url) {
function CopyAssetID(id) { function CopyAssetID(id) {
navigator.clipboard navigator.clipboard
.writeText(id) .writeText(id)
.catch((err) => { .then(() => {
alert('Failure to copy ID.', err); alert('Successfully copied ID!');
})
.catch(() => {
alert('Failure to copy ID.');
}); });
} }
@ -610,15 +278,6 @@ function CopyAvatarHash(hash) {
}); });
} }
function OpenSweetAlert2Modal(icon, title, text) {
console.log(window, window.Swal, window.bootstrap)
window.Swal.fire({
icon: icon,
title: title,
text: text
})
}
// 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 = {};

61
js/create/audio-library.js
View file

@ -1,61 +0,0 @@
const AssetGrid = document.getElementById('assets')
const AssetObserver = new MutationObserver(async function (list) {
const SelectedTab = document.getElementsByClassName('nav-link active')[0].getAttribute('data-category')
if (SelectedTab === "audio") {
for (const record of list) {
for (const audio of record.addedNodes) {
if (audio.tagName === 'DIV') {
const PlayButton = document.createElement('button')
PlayButton.classList = 'btn btn-primary btn-sm'
PlayButton.style = 'position: absolute; bottom: 0; right: 0; margin: 5px; margin-bottom: 55px; z-index: 2000;'
PlayButton.innerHTML = '<i class="fa-solid fa-play"></i>'
audio.getElementsByTagName('a')[0].parentElement.insertBefore(PlayButton, audio.getElementsByTagName('a')[0])
audio.children[0].style.position = 'relative'
let AudioElement = null
let Playing = false
PlayButton.addEventListener('click', async function(){
if (!Playing) {
if (AudioElement === null) {
PlayButton.innerHTML = '<div class="spinner-border text-light" role="status" style="--bs-spinner-width: 15px; --bs-spinner-height: 15px; --bs-spinner-border-width: 2px; vertical-align: middle; text-align: center;"><span class="sr-only">Loading...</span></div>'
const AudioURL = (await (await fetch('https://api.polytoria.com/v1/assets/serve-audio/' + audio.querySelector('a[href^="/store"]').getAttribute('href').split('/')[2])).json())
if (AudioURL.success) {
AudioElement = new Audio(AudioURL.url)
} else {
PlayButton.remove();
}
AudioElement.addEventListener("canplaythrough", (event) => {
Playing = true
AudioElement.play();
PlayButton.innerHTML = '<i class="fa-duotone fa-solid fa-play-pause"></i>'
PlayButton.classList = 'btn btn-warning btn-sm'
});
} else {
Playing = true
AudioElement.play();
PlayButton.innerHTML = '<i class="fa-duotone fa-solid fa-play-pause"></i>'
PlayButton.classList = 'btn btn-warning btn-sm'
}
AudioElement.addEventListener("ended", function() {
Playing = false
PlayButton.innerHTML = '<i class="fa-solid fa-play"></i>'
PlayButton.classList = 'btn btn-primary btn-sm'
})
} else {
Playing = false
AudioElement.pause()
PlayButton.innerHTML = '<i class="fa-solid fa-play"></i>'
PlayButton.classList = 'btn btn-primary btn-sm'
}
})
}
}
AssetObserver.observe(AssetGrid, {attributes: false, childList: true, subtree: false});
}
}
});
AssetObserver.observe(AssetGrid, {attributes: false, childList: true, subtree: false});

85
js/create/image.js
View file

@ -1,85 +0,0 @@
/*
credit to goldenretriveryt on Polytoria for making the multi-decal uploading feature
*/
(async () => {
var Settings = [];
chrome.storage.sync.get(["PolyPlus_Settings"], async function (result) {
let Utilities = (await import(chrome.runtime.getURL("resources/utils.js")))
.default;
Settings = result.PolyPlus_Settings || {
UploadMultipleDecals: true,
};
if (Settings.UploadMultipleDecals === true) {
UploadMultipleDecals();
}
async function UploadMultipleDecals() {
const fileInput = document.querySelector("#file");
fileInput.setAttribute("multiple", "true");
const submitBtn = document.querySelector(
"form[action^=\"/create\"] button[type=\"submit\"]"
);
const nameInput = document.querySelector("form[action^=\"/create\"] input[name=\"name\"]")
console.log(submitBtn)
submitBtn.addEventListener("click", async function (ev) {
ev.preventDefault();
submitBtn.disabled = true;
submitBtn.textContent =
"Uploading... (0/" + fileInput.files.length + ")";
const files = fileInput.files;
// we cant submit multiple files to the API, so we create a request for each file
let i = 0;
const uploadFile = async (file, index) => {
const formData = new FormData();
formData.append("file", file);
if (nameInput.value !== "") {
formData.append("name", nameInput.value)
}
try {
const response = await Utilities.RatelimitRepeatingFetch(
"https://polytoria.com/create/upload-decal",
{
method: "POST",
body: formData,
}
);
if (response.ok) {
i++;
submitBtn.textContent =
"Uploading... (" + i + "/" + fileInput.files.length + ")";
} else {
throw new Error(response.status);
}
} catch (err) {
console.error(err);
submitBtn.textContent =
"File " + index + " failed to upload: " + err;
submitBtn.disabled = false;
throw err; // re-throw the error to stop further processing
}
};
const uploadFiles = async () => {
try {
await Promise.all(Array.from(files).map(uploadFile));
submitBtn.textContent = "Upload";
submitBtn.disabled = false;
window.location.reload();
} catch (err) {
console.error("Some files failed to upload:", err);
}
};
uploadFiles();
});
}
});
})();

264
js/create/place-access.js
View file

@ -1,264 +0,0 @@
const PlaceID = window.location.pathname.split('/')[3];
const Form = document.querySelector('form[action="/create/place/update"]');
var Settings;
var PlaceData = null;
let Utilities;
!(async () => {
Utilities = (await import(chrome.runtime.getURL('resources/utils.js')))
.default;
chrome.storage.sync.get(['PolyPlus_Settings'], function(result){
Settings = result.PolyPlus_Settings || Utilities.DefaultSettings;
if (Settings.ImprovedPlaceManagement.Enabled) {
if (Settings.ImprovedPlaceManagement.QuickActivityToggleOn && Settings.ImprovedPlaceManagement.QuickActivityToggleOn === true) {
ActivityToggle();
}
if (Settings.ImprovedPlaceManagement.PlaceFileDownloadOn && Settings.ImprovedPlaceManagement.PlaceFileDownloadOn === true) {
CopyOwnedPlace();
}
if (Settings.ImprovedPlaceManagement.MultiWhitelistOn && Settings.ImprovedPlaceManagement.MultiWhitelistOn === true) {
MultiWhitelist();
}
if (Settings.ImprovedPlaceManagement.ClearWhitelistOn && Settings.ImprovedPlaceManagement.ClearWhitelistOn === true) {
ClearWhitelist();
}
}
})
})();
async function ActivityToggle() {
if (PlaceData === null) {
PlaceData = await fetch('https://api.polytoria.com/v1/places/' + PlaceID);
PlaceData = await PlaceData.json();
}
let Status = PlaceData.isActive;
const DIV = document.createElement('div');
DIV.classList = 'form-group mt-4';
DIV.innerHTML = `
<label class="mb-2">
<h5 class="mb-0">Toggle Activity</h5>
<small class="text-muted">Make your place active or inactive (currently <span id="p+current_place_activity">${Status === true ? 'active' : 'inactive'}</span>).</small>
</label>
<br>
`;
Form.insertBefore(DIV, Form.children[Form.children.length - 1]);
const ActivityBtn = document.createElement('button');
ActivityBtn.type = 'button';
ActivityBtn.classList = 'btn ' + (Status === true ? 'btn-danger' : 'btn-success');
ActivityBtn.innerText = 'Set ' + (Status === true ? 'Private' : 'Public');
DIV.appendChild(ActivityBtn);
ActivityBtn.addEventListener('click', async function () {
const Toggle = (await (await fetch(`https://polytoria.com/api/places/${PlaceID}/toggle-active`,{ method: 'POST' })).json())
if (Toggle.success) {
Status = Toggle.isActive;
ActivityBtn.innerText = 'Set ' + (Status === true ? 'Private' : 'Public');
ActivityBtn.classList = 'btn ' + (Status === true ? 'btn-danger' : 'btn-success');
Status === true ? document.getElementById('p+current_place_activity').innerText = 'active' : document.getElementById('p+current_place_activity').innerText = 'inactive'
} else {
//chrome.runtime.sendMessage({ action: "sweetalert2", icon: "error", title: "Error", text: Toggle.message });
alert(Toggle.message)
}
});
}
function RequestGameProfile() {
const Div = document.createElement('div');
Div.classList = 'card mt-4';
Div.innerHTML = `
<div class="card-body">
<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="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="Card Background Color..">
<input type="color" class="form-control bg-dark mb-2" placeholder="Text Color..">
<button type="button" class="btn btn-primary">Submit Request</button>
</div>
`;
Form.insertBefore(Div, Form.children[Form.children.length - 1]);
const SubmitBtn = Div.getElementsByTagName('button')[0];
SubmitBtn.addEventListener('click', function () {
const CardBody = Div.children[0];
const Result = {
gameTitle: CardBody.children[0].value,
bg: CardBody.children[1].value,
accent: CardBody.children[2].value,
secondary: CardBody.children[3].value,
cardBg: CardBody.children[4].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)));
});
}
async function CopyOwnedPlace() {
if (PlaceData === null) {
PlaceData = await fetch('https://api.polytoria.com/v1/places/' + PlaceID);
PlaceData = await PlaceData.json();
}
if (PlaceData.creator.id !== parseInt(JSON.parse(window.localStorage.getItem('p+account_info')).ID)) {
return
}
const DIV = document.createElement('div');
DIV.classList = 'form-group mt-4';
DIV.innerHTML = `
<label class="mb-2">
<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>
</label>
<br>
<button type="button" class="btn btn-primary">Download</button>
`;
Form.insertBefore(DIV, Form.children[Form.children.length - 1]);
const DownloadButton = DIV.getElementsByTagName('button')[0];
DownloadButton.addEventListener('click', async function () {
let CreatorToken = await fetch('https://polytoria.com/api/places/edit', {
method: 'POST',
body: JSON.stringify({placeID: PlaceID})
});
CreatorToken = await CreatorToken.json();
CreatorToken = CreatorToken.token;
fetch(`https://api.polytoria.com/v1/places/get-place?id=${PlaceID}&tokenType=creator`, {
headers: {
Authorization: CreatorToken
}
})
.then((response) => {
if (!response.ok) {
throw new Error('Network not ok');
}
return response.blob();
})
.then((data) => {
const DownloadURL = URL.createObjectURL(data);
const Link = document.createElement('a');
Link.href = DownloadURL;
Link.download = PlaceData.name + '.poly';
document.body.appendChild(Link);
Link.click();
Link.remove();
})
.catch((error) => {
console.log(error);
});
});
}
function MultiWhitelist(){
const WhitelistCard = document.querySelector('.card:has(#whitelist-username)')
const MultiWhitelistCard = document.createElement('card')
MultiWhitelistCard.classList = 'card mt-3'
MultiWhitelistCard.innerHTML = `
<div class="card-header">
<i class="fa-duotone fa-solid fa-vial-circle-check"></i>
Multi-Whitelist
</div>
<div class="card-body">
<textarea class="form-control bg-dark mb-2" placeholder="Usernames (separated by lines).." style="min-height: 250px;"></textarea>
<button class="btn btn-primary">
<i class="fa-duotone fa-solid fa-users"></i>
Whitelist
</button>
</div>
`
WhitelistCard.parentElement.appendChild(MultiWhitelistCard)
const MultiWhitelistSubmitButton = MultiWhitelistCard.getElementsByTagName('button')[0]
MultiWhitelistSubmitButton.addEventListener('click', async function(){
const Usernames = MultiWhitelistSubmitButton.previousElementSibling.value.split('\n').filter((x) => x !== "")
MultiWhitelistSubmitButton.previousElementSibling.disabled = true
if (Usernames.length > 0) {
for (let username of Usernames) {
Utilities.RatelimitRepeatingFetch('https://polytoria.com/api/create/whitelist', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
placeID: PlaceID,
username: username
})
})
}
window.location.reload()
}
})
}
function ClearWhitelist() {
const WhitelistCard = document.querySelector('.card:has(#whitelist-username)')
const ClearWhitelistButton = document.createElement('button')
ClearWhitelistButton.classList = 'btn btn-danger btn-sm'
ClearWhitelistButton.style = 'position: absolute; top: 0; right: 0; margin: 4px;'
ClearWhitelistButton.innerHTML = '<i class="fa-duotone fa-solid fa-broom-wide"></i> Clear'
WhitelistCard.children[0].appendChild(ClearWhitelistButton)
let WhitelistData = null
let ClearPending = false
ClearWhitelistButton.addEventListener('click', async function(){
if (ClearPending === false) {
ClearPending = true
ClearWhitelistButton.innerText = 'Are you sure?'
setTimeout(() => {
if (ClearPending === true) {
ClearPending = false;
ClearWhitelistButton.innerHTML = '<i class="fa-duotone fa-solid fa-broom-wide"></i> Clear'
}
}, 3000);
} else {
ClearPending = false
ClearWhitelistButton.innerHTML = '<i class="fa-duotone fa-solid fa-broom-wide"></i> Clear'
if (confirm('Are you sure you\'d like to clear all of this place\'s whitelist')) {
if (WhitelistData === null) {
const InitialWhitelist = (await (await fetch('https://polytoria.com/api/create/whitelist?placeID=' + PlaceID + '&page=1')).json())
WhitelistData = [...InitialWhitelist.data]
if (InitialWhitelist.meta.lastPage > 1) {
for (let page = 1; page < InitialWhitelist.meta.lastPage; page++) {
const PageResult = (await (await fetch('https://polytoria.com/api/create/whitelist?placeID=' + PlaceID + '&page=' + (page+1))).json())
WhitelistData.push(...PageResult.data)
}
}
for (let id of WhitelistData.map((x) => x.user.id)) {
Utilities.RatelimitRepeatingFetch('https://polytoria.com/api/create/remove-whitelist', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
placeID: PlaceID,
userID: id
})
})
}
window.location.reload()
}
}
}
})
}

257
js/extra-pages.js
View file

@ -32,7 +32,7 @@ if (window.location.pathname.split('/')[3] === 'polyplus' && window.location.has
<p class="text-muted mb-1">Version: v${Version}</p> <p class="text-muted mb-1">Version: v${Version}</p>
<p class="text-muted mb-3">Data Size: <span id="data-size">Loading</span> byte(s)</p> <p class="text-muted mb-3">Data Size: <span id="data-size">Loading</span> byte(s)</p>
<button class="btn btn-primary btn-sm w-100" id="check-for-updates">Check for Updates</button> <button class="btn btn-primary btn-sm w-100" id="check-for-updates">Check for Updates</button>
<a href="https://github.com/indexxing/PolyPlus" class="btn btn-dark btn-sm w-100 mt-2" target="_blank">Open GitHub</a> <a href="https://github.com/IndexingGitHub/PolyPlus" class="btn btn-dark btn-sm w-100 mt-2" target="_blank">Open GitHub</a>
</div> </div>
</div> </div>
<hr> <hr>
@ -75,21 +75,17 @@ if (window.location.pathname.split('/')[3] === 'polyplus' && window.location.has
<hr> <hr>
<div class="card"> <div class="card">
<div class="card-header text-primary">Tools</div> <div class="card-header text-primary">RUN TESTS</div>
<div class="card-body"> <div class="card-body">
<label>Generate <code style="color: orange;">JSON</code> for "Event Items" store category</label> <label>Test "IRL Price with Brick Count"</label>
<div class="input-group"> <p>will add later</p>
<input type="text" class="form-control bg-dark" placeholder="Event ID..">
<input type="text" class="form-control bg-dark" placeholder="Item IDs (separated by commas)..">
<button class="btn btn-primary" id="generate-event-items">Generate</button>
</div>
</div> </div>
</div> </div>
<hr> <hr>
<div class="card"> <div class="card">
<div class="card-header" style="color: red;">Danger Zone!</div> <div class="card-header" style="color: red;">DANGER ZONE!</div>
<div class="card-body"> <div class="card-body">
<label>Clear Specific Data Locations</label> <label>Clear Specific Data Locations</label>
<p>Quickly clear specific locations of the extension's local data</p> <p>Quickly clear specific locations of the extension's local data</p>
@ -238,41 +234,14 @@ if (window.location.pathname.split('/')[3] === 'polyplus' && window.location.has
}); });
}); });
const GenerateEventItems = document.getElementById('generate-event-items') chrome.storage.sync.getBytesInUse(['PolyPlus_Settings', 'PolyPlus_PinnedGames', 'PolyPlus_BestFriends', 'PolyPlus_ItemWishlist'], function (bytes) {
GenerateEventItems.addEventListener('click', async function(){ console.log(bytes)
const EventItemsJSON = [] document.getElementById('data-size').innerText = bytes.toLocaleString();
const ItemIDs = GenerateEventItems.previousElementSibling.value.split(',')
for (let id of ItemIDs) {
const ItemDetails = (await (await fetch('https://api.polytoria.com/v1/store/' + id.trim())).json())
EventItemsJSON.push({
id: parseInt(id),
name: ItemDetails.name,
event: GenerateEventItems.previousElementSibling.previousElementSibling.value,
thumbnail: ItemDetails.thumbnail
})
}
console.log(EventItemsJSON)
navigator.clipboard.writeText(JSON.stringify(EventItemsJSON, null, 2))
.then(() => {
alert('Successfully copied generated event items JSON!')
})
.catch(() => {
alert('Failure when trying to copy generated event items JSON.')
})
})
chrome.storage.sync.getBytesInUse(['PolyPlus_Settings', 'PolyPlus_PinnedGames', 'PolyPlus_ItemWishlist', 'PolyPlus_TimePlayed', 'PolyPlus_AvatarSandboxOutfits'], function (sync) {
chrome.storage.local.getBytesInUse(['PolyPlus_InventoryCache', 'PolyPlus_GreatDivideStats'], function(local){
document.getElementById('data-size').innerText = (sync + local).toLocaleString();
})
}); });
}); });
} else if (window.location.pathname.split('/')[3] === 'polyplus' && window.location.hash === '#debug') { } else if (window.location.pathname.split('/')[3] === 'polyplus' && window.location.hash === '#debug') {
document.addEventListener('DOMContentLoaded', function () { document.addEventListener('DOMContentLoaded', function () {
chrome.storage.sync.get(['PolyPlus_Settings', 'PolyPlus_PinnedGames', 'PolyPlus_BestFriends', 'PolyPlus_ItemWishlist', 'PolyPlus_AvatarSandboxOutfits', 'PolyPlus_TimePlayed'], function(sync) { chrome.storage.sync.get(['PolyPlus_Settings', 'PolyPlus_PinnedGames', 'PolyPlus_BestFriends', 'PolyPlus_ItemWishlist'], function(result) {
chrome.storage.local.get(['PolyPlus_InventoryCache', 'PolyPlus_GreatDivideStats', 'PolyPlus_FriendCount', 'PolyPlus_AssetDesigners'], function(local){
document.querySelector('#main-content .container').innerHTML = ` document.querySelector('#main-content .container').innerHTML = `
<style> <style>
#main-content .container label { #main-content .container label {
@ -285,228 +254,76 @@ if (window.location.pathname.split('/')[3] === 'polyplus' && window.location.has
font-size: 0.9rem; font-size: 0.9rem;
margin-top: -4px; margin-top: -4px;
} }
.card:has([data-bs-toggle="collapse"]):not(:has(.card-body.collapse.show)) a:has(.card-header), .card:has([data-bs-toggle="collapse"]):not(:has(.card-body.collapse.show)) .card-header, .card:has([data-bs-toggle="collapse"]):has(.card-body.collapse.collapsing) a:has(.card-header), .card:has([data-bs-toggle="collapse"]):has(.card-body.collapse.collapsing) .card-header {
border-radius: inherit;
}
</style> </style>
<div class="text-center mb-3"> <div class="text-center mb-3">
<h1 class="text-center" style="font-size: 4.6rem;">Poly+ Debug</h1> <h1 class="text-center" style="font-size: 4.6rem;">Poly+ Debug</h1>
<p class="w-75 d-block mx-auto mb-0">This page is used for accessing most data-related objects stored by the extension.</p> <p class="w-75 d-block mx-auto">This page is used by developers for debugging most data related things. It is unrecommended you modify any data on this page, but if you ever want to go ahead.</p>
<small style="font-size: 0.75rem;" class="text-muted">* note: cache objects don't get cleared, instead when they are requested, if the data stored is old, new data will replace the old data.</small>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-2" style="padding-left: 0px;"> <div class="col-md-5" style="padding-left: 0px;">
<div class="card mb-3">
<div class="card-body">
<h2>Settings</h2>
<div style="padding: 10px; background: #171717; font-family: monospace; color: orange; font-size: 0.8rem; border-radius: 10px; position: relative;">
${JSON.stringify((result.PolyPlus_Settings || {}), null, 2)
.replaceAll('\n','<br>')
.replaceAll(' ', '&nbsp;')
.replaceAll('\t', '&nbsp;&nbsp;&nbsp;&nbsp;')}
<!--<button class="btn btn-warning btn-sm" style="position: absolute; top: 0; right: 0; margin: 10px;" onclick="navigator.clipboard.writeText('${JSON.stringify((result.PolyPlus_Settings || [])).replaceAll('"', "\'")}') .then(() => {alert('copied')}) .catch(() => {});">copy</button>-->
</div>
</div>
</div>
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<p class="text-muted mb-1">Version: v${Version}</p> <p class="text-muted mb-1">Version: v${Version}</p>
<p class="text-muted mb-3">Data Size: <span id="data-size">Loading</span> byte(s)</p> <p class="text-muted mb-3">Data Size: <span id="data-size">Loading</span> byte(s)</p>
<button class="btn btn-primary btn-sm w-100" id="check-for-updates">Check for Updates</button> <button class="btn btn-primary btn-sm w-100" id="check-for-updates">Check for Updates</button>
<a href="https://github.com/indexxing/PolyPlus" class="btn btn-dark btn-sm w-100 mt-2" target="_blank">Open GitHub</a> <a href="https://github.com/IndexingGitHub/PolyPlus" class="btn btn-dark btn-sm w-100 mt-2" target="_blank">Open GitHub</a>
</div> </div>
</div> </div>
<hr> <hr>
Created by <a href="/u/Index" target="_blank">Index</a> Created by <a href="/u/Index" target="_blank">Index</a>
<br><br>
Beta Testers:
<ul>
<li><a href="/u/datastore" target="_blank">datastore</a></li>
<li><a href="/u/Emir" target="_blank">Emir</a></li>
<li><a href="/u/InsertSoda" target="_blank">InsertSoda</a></li>
<li><a href="/u/qwp" target="_blank">qwp</a></li>
</ul>
</div> </div>
<div class="col"> <div class="col">
<div class="card mb-3"> <div class="card mb-3">
<a class="text-reset" data-bs-toggle="collapse" href="#settings" role="button" aria-expanded="false" aria-controls="settings"> <div class="card-body">
<div class="card-header"> <h3>Pinned Games (${(result.PolyPlus_PinnedGames || []).length})</h3>
<span class="badge bg-primary" style="margin-right: 5px; vertical-align: text-bottom;">Sync</span>
Settings
</div>
</a>
<div class="card-body collapse" id="settings">
<div style="padding: 10px; background: #171717; font-family: monospace; color: orange; font-size: 0.8rem; border-radius: 10px; position: relative;"> <div style="padding: 10px; background: #171717; font-family: monospace; color: orange; font-size: 0.8rem; border-radius: 10px; position: relative;">
${JSON.stringify((sync.PolyPlus_Settings || {}), null, 2) ${JSON.stringify((result.PolyPlus_PinnedGames || []), null, 2)
.replaceAll('\n','<br>') .replaceAll('\n','<br>')
.replaceAll(' ', '&nbsp;') .replaceAll(' ', '&nbsp;')
.replaceAll('\t', '&nbsp;&nbsp;&nbsp;&nbsp;')} .replaceAll('\t', '&nbsp;&nbsp;&nbsp;&nbsp;')}
<button class="btn btn-warning btn-sm" style="position: absolute; top: 0; right: 0; margin: 10px;" onclick="navigator.clipboard.writeText('${JSON.stringify((result.PolyPlus_PinnedGames || []))}') .then(() => {alert('copied')}) .catch(() => {});">copy</button>
</div> </div>
</div> </div>
</div> </div>
<div class="card mb-3"> <div class="card mb-3">
<a class="text-reset" data-bs-toggle="collapse" href="#pinned-games" role="button" aria-expanded="false" aria-controls="pinned-games"> <div class="card-body">
<div class="card-header"> <h3>Best Friends (${(result.PolyPlus_BestFriends || []).length})</h3>
<span class="badge bg-primary" style="margin-right: 5px; vertical-align: text-bottom;">Sync</span>
Pinned Games
<small class="text-muted" style="font-size: 0.7rem;">(${(sync.PolyPlus_PinnedGames || []).length})</small>
</div>
</a>
<div class="card-body collapse" id="pinned-games">
<div style="padding: 10px; background: #171717; font-family: monospace; color: orange; font-size: 0.8rem; border-radius: 10px; position: relative;"> <div style="padding: 10px; background: #171717; font-family: monospace; color: orange; font-size: 0.8rem; border-radius: 10px; position: relative;">
${JSON.stringify((sync.PolyPlus_PinnedGames || []), null, 2) ${JSON.stringify((result.PolyPlus_BestFriends || []), null, 2)
.replaceAll('\n','<br>') .replaceAll('\n','<br>')
.replaceAll(' ', '&nbsp;') .replaceAll(' ', '&nbsp;')
.replaceAll('\t', '&nbsp;&nbsp;&nbsp;&nbsp;')} .replaceAll('\t', '&nbsp;&nbsp;&nbsp;&nbsp;')}
<button class="btn btn-warning btn-sm" style="position: absolute; top: 0; right: 0; margin: 10px;" onclick="navigator.clipboard.writeText('${JSON.stringify((sync.PolyPlus_PinnedGames || []))}') .then(() => {alert('copied')}) .catch(() => {});">copy</button> <button class="btn btn-warning btn-sm" style="position: absolute; top: 0; right: 0; margin: 10px;" onclick="navigator.clipboard.writeText('${JSON.stringify((result.PolyPlus_BestFriends || []))}') .then(() => {alert('copied')}) .catch(() => {});">copy</button>
</div> </div>
</div> </div>
</div> </div>
<div class="card mb-3"> <div class="card">
<a class="text-reset" data-bs-toggle="collapse" href="#item-wishlist" role="button" aria-expanded="false" aria-controls="item-wishlist"> <div class="card-body">
<div class="card-header"> <h3>Item Wishlist (${(result.PolyPlus_ItemWishlist || []).length})</h3>
<span class="badge bg-primary" style="margin-right: 5px; vertical-align: text-bottom;">Sync</span>
Item Wishlist
<small class="text-muted" style="font-size: 0.7rem;">(${(sync.PolyPlus_ItemWishlist || []).length})</small>
</div>
</a>
<div class="card-body collapse" id="item-wishlist">
<div style="padding: 10px; background: #171717; font-family: monospace; color: orange; font-size: 0.8rem; border-radius: 10px; position: relative;"> <div style="padding: 10px; background: #171717; font-family: monospace; color: orange; font-size: 0.8rem; border-radius: 10px; position: relative;">
${JSON.stringify((sync.PolyPlus_ItemWishlist || []), null, 2) ${JSON.stringify((result.PolyPlus_ItemWishlist || []), null, 2)
.replaceAll('\n','<br>')
.replaceAll(' ', '&nbsp;')
.replaceAll('\t', '&nbsp;&nbsp;&nbsp;&nbsp;')}
<button class="btn btn-warning btn-sm" style="position: absolute; top: 0; right: 0; margin: 10px;" onclick="navigator.clipboard.writeText('${JSON.stringify((sync.PolyPlus_ItemWishlist || []))}') .then(() => {alert('copied')}) .catch(() => {});">copy</button>
</div>
</div>
</div>
<div class="card mb-3">
<a class="text-reset" data-bs-toggle="collapse" href="#avatar-sandbox-outfits" role="button" aria-expanded="false" aria-controls="item-wishlist">
<div class="card-header">
<span class="badge bg-primary" style="margin-right: 5px; vertical-align: text-bottom;">Sync</span>
Avatar Sandbox Outfits
<small class="text-muted" style="font-size: 0.7rem;">(${(sync.PolyPlus_AvatarSandboxOutfits || []).length})</small>
</div>
</a>
<div class="card-body collapse" id="avatar-sandbox-outfits">
<div style="padding: 10px; background: #171717; font-family: monospace; color: orange; font-size: 0.8rem; border-radius: 10px; position: relative;">
${JSON.stringify((sync.PolyPlus_AvatarSandboxOutfits || []), null, 2)
.replaceAll('\n','<br>')
.replaceAll(' ', '&nbsp;')
.replaceAll('\t', '&nbsp;&nbsp;&nbsp;&nbsp;')}
<button class="btn btn-warning btn-sm" style="position: absolute; top: 0; right: 0; margin: 10px;" onclick="navigator.clipboard.writeText('${JSON.stringify((sync.PolyPlus_AvatarSandboxOutfits || []))}') .then(() => {alert('copied')}) .catch(() => {});">copy</button>
</div>
</div>
</div>
<div class="card mb-3">
<a class="text-reset" data-bs-toggle="collapse" href="#time-played" role="button" aria-expanded="false" aria-controls="item-wishlist">
<div class="card-header">
<span class="badge bg-primary" style="margin-right: 5px; vertical-align: text-bottom;">Sync</span>
Time Played
<small class="text-muted" style="font-size: 0.7rem;">(${(Object.keys(sync.PolyPlus_TimePlayed) || []).length} places tracked)</small>
</div>
</a>
<div class="card-body collapse" id="time-played">
<div style="padding: 10px; background: #171717; font-family: monospace; color: orange; font-size: 0.8rem; border-radius: 10px; position: relative;">
${JSON.stringify((sync.PolyPlus_TimePlayed || []), null, 2)
.replaceAll('\n','<br>')
.replaceAll(' ', '&nbsp;')
.replaceAll('\t', '&nbsp;&nbsp;&nbsp;&nbsp;')}
<button class="btn btn-warning btn-sm" style="position: absolute; top: 0; right: 0; margin: 10px;" onclick="navigator.clipboard.writeText('${JSON.stringify((sync.PolyPlus_AvatarSandboxOutfits || []))}') .then(() => {alert('copied')}) .catch(() => {});">copy</button>
</div>
</div>
</div>
<div class="card mb-3">
<a class="text-reset" data-bs-toggle="collapse" href="#inventory-cache" role="button" aria-expanded="false" aria-controls="inventory-cache">
<div class="card-header">
<span class="badge bg-secondary" style="margin-right: 5px; vertical-align: text-bottom;">Local</span>
Inventory Cache
<small class="text-muted" style="font-size: 0.7rem;">(cached for 5 minutes, ${local.PolyPlus_InventoryCache.data.length} items cached)</small>
</div>
</a>
<div class="card-body collapse" id="inventory-cache">
<div style="padding: 10px; background: #171717; font-family: monospace; color: orange; font-size: 0.8rem; border-radius: 10px; position: relative;">
${JSON.stringify((local.PolyPlus_InventoryCache || {data: [], requested: "never"}), null, 2)
.replaceAll('\n','<br>')
.replaceAll(' ', '&nbsp;')
.replaceAll('\t', '&nbsp;&nbsp;&nbsp;&nbsp;')}
</div>
</div>
</div>
<div class="card mb-3">
<a class="text-reset" data-bs-toggle="collapse" href="#great-divide-stats" role="button" aria-expanded="false" aria-controls="inventory-cache">
<div class="card-header">
<span class="badge bg-secondary" style="margin-right: 5px; vertical-align: text-bottom;">Local</span>
Great Divide User Statistics
<small class="text-muted" style="font-size: 0.7rem;">(cached for 5 minutes, ${Object.keys(local.PolyPlus_GreatDivideStats || {}).length} users cached)</small>
</div>
</a>
<div class="card-body collapse" id="great-divide-stats">
<div style="padding: 10px; background: #171717; font-family: monospace; color: orange; font-size: 0.8rem; border-radius: 10px; position: relative;">
${JSON.stringify((local.PolyPlus_GreatDivideStats || {}), null, 2)
.replaceAll('\n','<br>')
.replaceAll(' ', '&nbsp;')
.replaceAll('\t', '&nbsp;&nbsp;&nbsp;&nbsp;')}
</div>
</div>
</div>
<div class="card mb-3">
<a class="text-reset" data-bs-toggle="collapse" href="#friend-count" role="button" aria-expanded="false" aria-controls="inventory-cache">
<div class="card-header">
<span class="badge bg-secondary" style="margin-right: 5px; vertical-align: text-bottom;">Local</span>
Friend Count
<small class="text-muted" style="font-size: 0.7rem;">(cached for 5 minutes)</small>
</div>
</a>
<div class="card-body collapse" id="friend-count">
<div style="padding: 10px; background: #171717; font-family: monospace; color: orange; font-size: 0.8rem; border-radius: 10px; position: relative;">
${JSON.stringify((local.PolyPlus_FriendCount || {data: [], requested: "never"}), null, 2)
.replaceAll('\n','<br>')
.replaceAll(' ', '&nbsp;')
.replaceAll('\t', '&nbsp;&nbsp;&nbsp;&nbsp;')}
</div>
</div>
</div>
<div class="card mb-3">
<a class="text-reset" data-bs-toggle="collapse" href="#asset-designers" role="button" aria-expanded="false" aria-controls="inventory-cache">
<div class="card-header">
<span class="badge bg-secondary" style="margin-right: 5px; vertical-align: text-bottom;">Local</span>
Asset Designers Cache
<small class="text-muted" style="font-size: 0.7rem;">(cached for 5 minutes)</small>
</div>
</a>
<div class="card-body collapse" id="asset-designers">
<div style="padding: 10px; background: #171717; font-family: monospace; color: orange; font-size: 0.8rem; border-radius: 10px; position: relative;">
${JSON.stringify((local.PolyPlus_AssetDesigners || {data: {}, requested: "never"}), null, 2)
.replaceAll('\n','<br>') .replaceAll('\n','<br>')
.replaceAll(' ', '&nbsp;') .replaceAll(' ', '&nbsp;')
.replaceAll('\t', '&nbsp;&nbsp;&nbsp;&nbsp;')} .replaceAll('\t', '&nbsp;&nbsp;&nbsp;&nbsp;')}
<button class="btn btn-warning btn-sm" style="position: absolute; top: 0; right: 0; margin: 10px;" onclick="navigator.clipboard.writeText('${JSON.stringify((result.PolyPlus_ItemWishlist || []))}') .then(() => {alert('copied')}) .catch(() => {});">copy</button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
`; `;
const CheckForUpdatesButton = document.getElementById('check-for-updates');
function CheckForUpdates() {
CheckForUpdatesButton.removeEventListener('click', CheckForUpdates);
CheckForUpdatesButton.disabled = true;
fetch('https://polyplus.vercel.app/data/version.json')
.then((response) => {
if (!response.ok) {
throw new Error('Network not ok');
}
return response.json();
})
.then((data) => {
if (data.version === Version || Math.floor((data.version - Version) * 10) === 0) {
CheckForUpdatesButton.innerText = 'No updates available';
} else {
CheckForUpdatesButton.innerText = Math.floor((data.version - Version) * 10) + ' updates available';
}
})
.catch((error) => {
console.log(error);
});
}
CheckForUpdatesButton.addEventListener('click', CheckForUpdates);
chrome.storage.sync.getBytesInUse(['PolyPlus_Settings', 'PolyPlus_PinnedGames', 'PolyPlus_ItemWishlist', 'PolyPlus_TimePlayed', 'PolyPlus_AvatarSandboxOutfits'], function (sync) {
chrome.storage.local.getBytesInUse(['PolyPlus_InventoryCache'], function(local){
document.getElementById('data-size').innerText = (sync + local).toLocaleString();
})
});
})
}) })
}); });
} }

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

@ -20,21 +20,13 @@ function ForumMentions() {
const Regex = /@([\w.]+)/g; const Regex = /@([\w.]+)/g;
for (let text of ForumText) { for (let text of ForumText) {
const TreeWalker = document.createTreeWalker(text, NodeFilter.SHOW_TEXT, null, false); let FormattedText = text.innerHTML;
let Node; let match;
while ((match = Regex.exec(text.innerText)) !== null) {
while ((Node = TreeWalker.nextNode())) { const Username = match[0].substring(1);
let Match; FormattedText = FormattedText.replaceAll(match[0], `<a href="/users/@${Username}?ref=${encodeURIComponent(window.location.pathname)}" class="polyplus-mention">${match[0]}</a>`);
let Replacement = Node.nodeValue;
while ((Match = Regex.exec(Node.nodeValue)) !== null) {
const Username = Match[0].substring(1);
const Mention = `<a href="/u/${Username}" class="polyplus-mention">${Match[0]}</a>`;
Replacement = replacedText.replace(Match[0], Mention);
}
Node.nodeValue = replacedText;
} }
text.innerHTML = FormattedText;
} }
} }
@ -52,6 +44,7 @@ function ForumUnixTimestamps() {
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);
} }
text.innerHTML = FormattedText; text.innerHTML = FormattedText;
} }

95
js/library-download.js
View file

@ -1,18 +1,11 @@
const AssetID = window.location.pathname.split('/')[2]; const AssetID = window.location.pathname.split('/')[2];
const LibraryType = document.querySelectorAll('ol a')[1].innerText.toLowerCase(); const LibraryType = document.querySelectorAll('ol a')[1].innerText.toLowerCase();
const LibraryTypes = ['model', 'audio', 'decal', 'mesh', 'shirt', 'pant']; const LibraryTypes = ['model', 'audio', 'decal', 'mesh'];
if (LibraryTypes.some(element => LibraryType.startsWith(element))) { if (LibraryTypes.filter((x) => !LibraryTypes.some(element => element.startsWith(LibraryType))).length > 0) {
chrome.storage.sync.get(['PolyPlus_Settings'], async function (result) { chrome.storage.sync.get(['PolyPlus_Settings'], function (result) {
Settings = result.PolyPlus_Settings || {}; Settings = result.PolyPlus_Settings || {};
if (['model', 'audio', 'decal', 'mesh'].some(element => LibraryType.startsWith(element))) {
const Breadcrumbs = document.querySelectorAll('ol a')
Breadcrumbs[0].href = '/library'
Breadcrumbs[0].innerText = 'Library'
Breadcrumbs[1].href = '/library'
}
if (Settings.LibraryDownloadsOn === false) { if (Settings.LibraryDownloadsOn === false) {
return; return;
} }
@ -25,15 +18,6 @@ if (LibraryTypes.some(element => LibraryType.startsWith(element))) {
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]);
const SourceLink = document.createElement('a');
SourceLink.classList = 'dropdown-item text-primary';
SourceLink.href = '#';
SourceLink.innerHTML = `<i class="fa-duotone fa-copy"></i> Copy CDN URL`;
if (LibraryType.startsWith('audio') || LibraryType.startsWith('decal') || LibraryType.startsWith('shirt') || LibraryType.startsWith('pant') || LibraryType.startsWith('mesh')) {
Dropdown.insertBefore(SourceLink, DownloadLink)
}
switch (LibraryType) { switch (LibraryType) {
case LibraryType.startsWith('model'): case LibraryType.startsWith('model'):
DownloadLink.href = 'https://api.polytoria.com/v1/models/get-model?id=' + AssetID; DownloadLink.href = 'https://api.polytoria.com/v1/models/get-model?id=' + AssetID;
@ -42,69 +26,21 @@ if (LibraryTypes.some(element => LibraryType.startsWith(element))) {
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 LibraryType.startsWith('decal'):
console.log('aaaaa')
SourceLink.addEventListener('click', function() {
console.log('LCICKED!!')
navigator.clipboard
.writeText(document.getElementsByTagName('audio')[0].src)
.then(() => {})
.catch(() => {
alert('Failure to copy .png file CDN url to clipboard')
});
})
break;
/*
case (LibraryType.startsWith('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.startsWith('shirt') || LibraryType.startsWith('pant') || LibraryType.startsWith('decal')) { if (LibraryType.startsWith('mesh')) {
let ClothingURL = null;
DownloadLink.addEventListener('click', async function () {
if (ClothingURL !== null) {
return;
}
ClothingURL = (await (await fetch('https://api.polytoria.com/v1/assets/serve/' + AssetID + '/Asset')).json());
if (ClothingURL.success === true) {
const ClothingBlob = (await (await fetch(ClothingURL.url)).blob())
DownloadLink.href = URL.createObjectURL(ClothingBlob);
DownloadLink.download = document.getElementsByTagName('h1')[0].innerText + '.png';
DownloadLink.click();
} else {
alert('Failure to fetch .png file for clothing item');
}
});
SourceLink.addEventListener('click', async function(){
if (ClothingURL !== null) {
return;
}
ClothingURL = (await (await fetch('https://api.polytoria.com/v1/assets/serve/' + AssetID + '/Asset')).json());
if (ClothingURL.success === true) {
navigator.clipboard.writeText(ClothingURL.url)
.then(() => {})
.catch(() => {
alert('Failure to copy .png file CDN url to clipboard')
});
} else {
alert('Failure to fetch .png file for clothing item');
}
})
} else if (LibraryType.startsWith('mesh')) {
let MeshURL = null; let MeshURL = null;
DownloadLink.addEventListener('click', async function () { DownloadLink.addEventListener('click', async function () {
if (MeshURL !== null) { if (MeshURL !== null) {
return; return;
} }
MeshURL = (await (await fetch('https://api.polytoria.com/v1/assets/serve-mesh/' + AssetID)).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;
@ -115,23 +51,6 @@ if (LibraryTypes.some(element => LibraryType.startsWith(element))) {
alert('Failure to fetch .glb file for mesh'); alert('Failure to fetch .glb file for mesh');
} }
}); });
SourceLink.addEventListener('click', async function(){
if (MeshURL !== null) {
return;
}
MeshURL = (await (await fetch('https://api.polytoria.com/v1/assets/serve-mesh/' + AssetID)).json());
if (MeshURL.success === true) {
navigator.clipboard.writeText(MeshURL.url)
.then(() => {})
.catch(() => {
alert('Failure to copy .glb file CDN url to clipboard')
});
} else {
alert('Failure to fetch .glb file for mesh');
}
})
} }
}); });
} }

33
js/membership-themes.js
View file

@ -1,17 +1,13 @@
chrome.storage.sync.get(['PolyPlus_Settings'], function (result) { chrome.storage.sync.get(['PolyPlus_Settings'], function (result) {
Settings = result.PolyPlus_Settings || { Settings = result.PolyPlus_Settings || {
ApplyMembershipTheme: {
Enabled: false,
Theme: 0
},
ApplyMembershipThemeOn: false, ApplyMembershipThemeOn: false,
ApplyMembershipThemeTheme: 0 ApplyMembershipThemeTheme: 0
}; };
if (Settings.ApplyMembershipTheme.Enabled !== true) { if (Settings.ApplyMembershipThemeOn !== true) {
return; return;
} }
MembershipTheme = Settings.ApplyMembershipTheme.Theme === 0 ? 'plus' : 'plusdx'; MembershipTheme = Settings.ApplyMembershipThemeTheme === 0 ? 'plus' : 'plusdx';
document.addEventListener('DOMContentLoaded', function () { document.addEventListener('DOMContentLoaded', 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') {
@ -28,28 +24,25 @@ chrome.storage.sync.get(['PolyPlus_Settings'], function (result) {
Navbar.classList.add('navbar-' + MembershipTheme); Navbar.classList.add('navbar-' + MembershipTheme);
Sidebar.classList.add('sidebar-' + MembershipTheme); Sidebar.classList.add('sidebar-' + MembershipTheme);
let SidebarLogo = Sidebar.getElementsByTagName('img')[0]; if (MembershipTheme === 'plusdx') {
if (MembershipTheme === 'plus') { let SidebarLogo = document.querySelector('.nav-sidebar img');
SidebarLogo.src = 'https://c0.ptacdn.com/static/images/branding/icon-plus.8f6e41f1.svg' SidebarLogo.setAttribute('src', 'https://c0.ptacdn.com/static/images/branding/icon-plusdx.bd9daa92.svg');
} else {
SidebarLogo.src = 'https://c0.ptacdn.com/static/images/branding/icon-plusdx.bd9daa92.svg'
}
let SidebarLogoLabel = document.createElement('div'); let SidebarLogoLabel = document.createElement('div');
SidebarLogoLabel.classList = 'n' + MembershipTheme + '-banner'; SidebarLogoLabel.classList = 'nplusdx-banner';
SidebarLogoLabel.innerHTML = ` SidebarLogoLabel.innerHTML = `
<i class="pi pi-${MembershipTheme}" style="margin-right:-0.4em"></i> <i class="pi pi-plusdx" style="margin-right:-0.4em"></i>
`; `;
SidebarLogo.parentElement.appendChild(SidebarLogoLabel); SidebarLogo.parentElement.appendChild(SidebarLogoLabel);
if (MembershipTheme === 'plusdx' && window.location.pathname === '/home') { if (window.location.pathname === '/home') {
let HomeUsernameText = document.getElementsByClassName('home-title2')[0]; let HomeUsernameText = document.getElementsByClassName('home-title2')[0];
HomeUsernameText.classList.add('text-plusdx'); HomeUsernameText.children[0].classList.add('text-plusdx');
let Label = document.createElement('div'); let Label = document.createElement('div');
Label.classList = 'hplusdx-banner reqFadeAnim rounded-2'; Label.classList = 'hplusdx-banner rounded-2';
Label.setAttribute('style', 'margin-top:-8px'); Label.setAttribute('style', 'margin-top: -8px; animation-delay: 0.09s;');
Label.innerText = 'Deluxe'; Label.innerText = 'Deluxe';
HomeUsernameText.parentElement.appendChild(Label); HomeUsernameText.appendChild(Label);
}
} }
}); });
}); });

160
js/places/place-edit.js Executable file
View file

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

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

@ -1,12 +1,10 @@
const PlaceID = parseInt(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;
let PlaceDetails = null;
var Settings; var Settings;
let TimePlayed;
var PinnedGamesData = []; var PinnedGamesData = [];
let GamePinned; let GamePinned;
@ -46,15 +44,14 @@ const Gamepasses = Array.from(GamepassesTab.getElementsByClassName('card')) || [
RatingsContainer.children[0].appendChild(PercentageLabel); RatingsContainer.children[0].appendChild(PercentageLabel);
chrome.storage.sync.get(['PolyPlus_Settings', 'PolyPlus_PinnedGames', 'PolyPlus_TimePlayed'], async function (result) { chrome.storage.sync.get(['PolyPlus_Settings'], async function (result) {
Settings = result.PolyPlus_Settings || {}; Settings = result.PolyPlus_Settings || {};
TimePlayed = result.PolyPlus_TimePlayed || {};
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.PinnedGamesOn === true) { if (Settings.PinnedGamesOn === true) {
PinnedGames(result.PolyPlus_PinnedGames); PinnedGames();
} }
if (Settings.InlineEditingOn === true && GameCreator === UserID) { if (Settings.InlineEditingOn === true && GameCreator === UserID) {
@ -74,33 +71,6 @@ const Gamepasses = Array.from(GamepassesTab.getElementsByClassName('card')) || [
IRLPrice(); IRLPrice();
} }
if (Settings.TimePlayedOn === true) {
const TimePlayedNameRow = document.createElement('li');
TimePlayedNameRow.innerText = 'Time Played:';
const TimePlayedValueRow = document.createElement('li')
if (TimePlayed[PlaceID]) {
TimePlayedValueRow.innerHTML = '<i class="text-center text-muted fa-duotone fa-solid fa-watch me-1" style="width: 1.3em;"></i> ' + new Date(TimePlayed[PlaceID] * 1000).toISOString().slice(11, 19) + ' <small style="font-size: 0.7rem;" class="text-muted">(poly+)</small>'
} else {
TimePlayedValueRow.innerHTML = '<i class="text-center text-muted fa-duotone fa-solid fa-watch me-1" style="width: 1.3em;"></i> - <small style="font-size: 0.7rem;" class="text-muted">(poly+)</small>'
}
InfoColumns[0].appendChild(TimePlayedNameRow);
InfoColumns[1].appendChild(TimePlayedValueRow);
if (document.getElementById('btn-play')) {
document.getElementById('btn-play').addEventListener('click', function(){
chrome.runtime.sendMessage({ action: "start_time_played", placeID: PlaceID, userID: UserID });
})
Array.from(document.querySelectorAll('button[onclick^="joinPlace"]')).forEach(serverJoin => {
serverJoin.addEventListener("click", function(){
chrome.runtime.sendMessage({ action: "start_time_played", placeID: PlaceID, userID: UserID })
})
})
}
}
if (Settings.ShowPlaceRevenueOn === true) { if (Settings.ShowPlaceRevenueOn === true) {
const NameRow = document.createElement('li'); const NameRow = document.createElement('li');
NameRow.innerText = 'Revenue:'; NameRow.innerText = 'Revenue:';
@ -125,112 +95,107 @@ const Gamepasses = Array.from(GamepassesTab.getElementsByClassName('card')) || [
}); });
} }
if (Settings.ImprovedAchievements && Settings.ImprovedAchievements.Enabled === true && AchievementsTab.getElementsByClassName('display-3')[0] === undefined) { if (AchievementsTab.getElementsByClassName('display-3')[0] === undefined) {
if (Settings.ImprovedAchievements.ProgressBarOn && Settings.ImprovedAchievements.ProgressBarOn === true) {
AchievementProgressBar(); AchievementProgressBar();
}
if (Settings.ImprovedAchievements.PercentageOn && Settings.ImprovedAchievements.PercentageOn === true) {
AchievementEarnedPercentage(); AchievementEarnedPercentage();
}
if (Settings.ImprovedAchievements.OpacityOn && Settings.ImprovedAchievements.OpacityOn === true) {
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';
} }
} }
} }
}
if (Settings.ReaddCopyablePlacesOn === true) {
ReaddCopyable()
}
if (document.querySelector('.text-warning .fa-lock') || new URLSearchParams(window.location.search).has('testRestrictedServers')) {
const ServerJoinButtons = Array.from(document.querySelectorAll('#servers-tabpane button'));
for (let button of ServerJoinButtons) {
button.classList.add('btn-secondary');
button.classList.remove('btn-success');
button.disabled = true;
button.innerText = 'Restricted'
}
}
}); });
})(); })();
function PinnedGames(placeIDs) {
const PinButton = document.createElement('button');
PinButton.classList = 'btn btn-primary btn-sm';
PinButton.style = 'position: absolute; top: 0; right: 0; margin: 4px; font-size: 1.3em;';
PinButton.innerHTML = `
<i class="fa-regular fa-star"></i>
`;
const UpdatePinButtonState = function() { async function PinnedGames() {
PinButton.classList = 'btn btn-primary btn-sm'; chrome.storage.sync.get(['PolyPlus_PinnedGames'], function (result) {
PinButton.disabled = false; // Ensure button is enabled initially PinnedGamesData = result.PolyPlus_PinnedGames || [];
if (placeIDs.indexOf(PlaceID) === -1) {
// Not Pinned const PinBtn = document.createElement('button');
if (placeIDs.length >= Utilities.Limits.PinnedGames) { PinBtn.classList = 'btn btn-warning btn-sm';
PinButton.disabled = true; PinBtn.style = 'position: absolute; right: 0; margin-right: 7px;';
}
PinButton.children[0].classList = 'fa-regular fa-star'; if (PinnedGamesData.includes(parseInt(PlaceID))) {
PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Un-pin';
} else { } else {
// Pinned if (PinnedGamesData.length !== Utilities.Limits.PinnedGames) {
PinButton.children[0].classList = 'fa-duotone fa-star'; PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Pin';
}
};
PinButton.addEventListener('mouseenter', function() {
if (placeIDs.indexOf(PlaceID) !== -1) {
PinButton.classList.add('btn-danger');
PinButton.classList.remove('btn-primary');
PinButton.children[0].classList.add('fa-star-half-stroke');
PinButton.children[0].classList.remove('fa-star');
}
});
PinButton.addEventListener('mouseleave', function() {
if (placeIDs.indexOf(PlaceID) !== -1) {
PinButton.classList.add('btn-primary');
PinButton.classList.remove('btn-danger');
PinButton.children[0].classList.add('fa-star');
PinButton.children[0].classList.remove('fa-star-half-stroke');
}
});
UpdatePinButtonState();
document.querySelector('h1.my-0').parentElement.appendChild(PinButton);
PinButton.addEventListener('click', function() {
if (placeIDs.indexOf(PlaceID) === -1) {
placeIDs.push(PlaceID);
} else { } else {
placeIDs.splice(placeIDs.indexOf(PlaceID), 1); PinBtn.setAttribute('disabled', true);
PinBtn.innerHTML = `<i class="fa-duotone fa-star"></i> Pin (max ${Utilities.Limits.PinnedGames}/${Utilities.Limits.PinnedGames})`;
}
} }
// clear cache PinBtn.addEventListener('click', function () {
chrome.storage.local.set({'PolyPlus_PinnedGamesData':{ PinBtn.setAttribute('disabled', 'true');
data: undefined,
requested: 0
}}, function(){});
UpdatePinButtonState(); chrome.storage.sync.get(['PolyPlus_PinnedGames'], function (result) {
PinnedGamesData = result.PolyPlus_PinnedGames || [];
/*
const Index = PinnedGames.indexOf(parseInt(PlaceID))
if (Index !== -1) {
//delete PinnedGames[PlaceID]
PinnedGames.splice(Index, 1)
PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Pin'
} else {
//PinnedGames[PlaceID] = {lastVisited: new Date()}
PinnedGames.push(parseInt(PlaceID))
PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Un-pin'
}
*/
const Index = PinnedGamesData.indexOf(parseInt(PlaceID));
if (Index !== -1) {
PinnedGamesData.splice(Index, 1);
PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Pin';
} else {
PinnedGamesData.push(parseInt(PlaceID));
PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Un-pin';
}
chrome.storage.sync.set({'PolyPlus_PinnedGames': placeIDs}, function() { chrome.storage.sync.set({PolyPlus_PinnedGames: PinnedGamesData, arrayOrder: true}, function () {
PinButton.disabled = true; setTimeout(function () {
setTimeout(() => { PinBtn.removeAttribute('disabled');
PinButton.disabled = false; console.log(PinnedGamesData);
UpdatePinButtonState(); // Ensure state is updated after re-enabling }, 1250);
}, 750); });
}); });
}); });
chrome.storage.onChanged.addListener(function(changes) { document.getElementsByClassName('card-header')[2].appendChild(PinBtn);
chrome.storage.onChanged.addListener(function (changes, namespace) {
if ('PolyPlus_PinnedGames' in changes) { if ('PolyPlus_PinnedGames' in changes) {
placeIDs = changes.PolyPlus_PinnedGames.newValue; chrome.storage.sync.get(['PolyPlus_PinnedGames'], function (result) {
UpdatePinButtonState(); PinnedGamesData = result.PolyPlus_PinnedGames || [];
/*
if (PinnedGamesData[PlaceID]) {
PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Un-pin'
} else {
if (PinnedGamesData.length !== 5) {
PinBtn.removeAttribute('disabled')
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 5/5)'
} }
}
*/
if (PinnedGamesData.includes(parseInt(PlaceID))) {
PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Un-pin';
} else {
if (PinnedGamesData.length !== Utilities.Limits.PinnedGames) {
PinBtn.removeAttribute('disabled');
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})`;
}
}
});
}
});
}); });
} }
@ -418,9 +383,8 @@ async function IRLPrice() {
async function PlaceRevenue() { async function PlaceRevenue() {
const BricksPerView = 5; const BricksPerView = 5;
if (PlaceDetails === null) { let PlaceDetails = await fetch('https://api.polytoria.com/v1/places/' + PlaceID);
PlaceDetails = (await (await fetch('https://api.polytoria.com/v1/places/' + PlaceID)).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();
@ -504,12 +468,31 @@ function AchievementProgressBar() {
AchievementsTab.prepend(ProgressBar); AchievementsTab.prepend(ProgressBar);
} }
async function AchievementEarnedPercentage() { function AchievementEarnedPercentage() {
if (PlaceDetails === null) { fetch('https://api.polytoria.com/v1/places/' + PlaceID)
PlaceDetails = (await (await fetch('https://api.polytoria.com/v1/places/' + PlaceID)).json()); .then((response) => {
if (!response.ok) {
throw new Error('Network not ok');
}
return response.json();
})
.then((data) => {
const UserCount = data.uniqueVisits;
for (let achievement of Achievements) {
const OwnerText = achievement.getElementsByClassName('text-muted small my-0')[0];
// thanks to Stackoverflow on how to remove everything except numbers from string
const OwnerCount = parseInt(OwnerText.innerText.replace(/[^0-9]/g, ''));
const PercentageOfPlayers = ((OwnerCount * 100) / UserCount).toFixed(2);
OwnerText.innerHTML += ' (' + PercentageOfPlayers + '%, ' + GetAchievementDifficulty(PercentageOfPlayers) + ')';
}
})
.catch((error) => {
console.log(error);
});
} }
const GetAchievementDifficulty = function(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) {
@ -530,70 +513,3 @@ async function AchievementEarnedPercentage() {
return 'Impossible'; return 'Impossible';
} }
} }
const UserCount = PlaceDetails.uniqueVisits;
for (let achievement of Achievements) {
const OwnerText = achievement.getElementsByClassName('text-muted small my-0')[0];
// thanks to Stackoverflow on how to remove everything except numbers from string
const OwnerCount = parseInt(OwnerText.innerText.replace(/[^0-9]/g, ''));
const PercentageOfPlayers = ((OwnerCount * 100) / UserCount).toFixed(2);
OwnerText.innerHTML += ' (' + PercentageOfPlayers + '%, ' + GetAchievementDifficulty(PercentageOfPlayers) + ')';
}
}
async function ReaddCopyable() {
if (PlaceDetails === null) {
PlaceDetails = (await (await fetch('https://api.polytoria.com/v1/places/' + PlaceID)).json());
}
if (PlaceDetails.isCopyable) {
const TitleCardButtons = document.querySelector('.card:has(h1.my-0) .col-auto[style^="m"]')
const DownloadCopyButton = document.createElement('button')
DownloadCopyButton.style.padding = '9px'
DownloadCopyButton.classList = 'px-4 btn btn-success my-2'
DownloadCopyButton.setAttribute('data-bs-toggle', 'tooltip')
DownloadCopyButton.setAttribute('data-bs-title', 'Download this place')
DownloadCopyButton.innerHTML = '<i class="fas fa-download"></i>'
if (TitleCardButtons.children[0].children.length === 0) {
TitleCardButtons.children[0].innerHTML = '<div class="col-auto px-1"></div>'
TitleCardButtons.children[0].appendChild(DownloadCopyButton)
} else {
TitleCardButtons.children[0].prepend(DownloadCopyButton)
}
DownloadCopyButton.addEventListener('click', async function () {
let CreatorToken = (await (await fetch('https://polytoria.com/api/places/edit', {
method: 'POST',
body: JSON.stringify({placeID: PlaceID})
})).json()).token;
fetch(`https://api.polytoria.com/v1/places/get-place?id=${PlaceID}&tokenType=creator`, {
headers: {
Authorization: CreatorToken
}
})
.then((response) => {
if (!response.ok) {
throw new Error('Network not ok');
}
return response.blob();
})
.then((data) => {
const DownloadURL = URL.createObjectURL(data);
const Link = document.createElement('a');
Link.href = DownloadURL;
Link.download = PlaceDetails.name + '.poly';
document.body.appendChild(Link);
Link.click();
Link.remove();
})
.catch((error) => {
console.log(error);
});
});
}
}

33
js/places/places.js Normal file
View file

@ -0,0 +1,33 @@
/*
THIS FILE DOES NOT RUN
IT WAS ADDED WHILE I CONSIDER WHETHER OR NOT TO ADD PINNED GAMES TO THE MAIN PLACES PAGE
*/
let Settings;
let PinnedGamesData;
chrome.storage.sync.get(['PolyPlus_Settings', 'PolyPlus_PinnedGames'], function (result) {
Settings = result.PolyPlus_Settings || {};
PinnedGamesData = result.PolyPlus_PinnedGames || [];
if (Settings.PinnedGamesOn === true) {
}
});
function PinnedGames() {
for (let game of PinnedGamesData) {
fetch('https://api.polytoria.com/v1/places/' + game)
.then((response) => {
if (!response.ok) {
throw new Error('Network not ok');
}
return response.json();
})
.then((data) => {
// epic
})
.catch((error) => {
console.log(error);
});
}
}

1
js/settings.js
View file

@ -1,6 +1,5 @@
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' && window.location.hash !== '#debug'; const InExtensionSettings = window.location.pathname.split('/')[3] === 'polyplus' && window.location.hash !== '#dev' && window.location.hash !== '#debug';
if (InExtensionSettings === true) { if (InExtensionSettings === true) {
window.location.href = SettingsURL + window.location.hash; window.location.href = SettingsURL + window.location.hash;
} }

37
js/site-redirects.js
View file

@ -1,37 +0,0 @@
const URLs = [
{
Old: "/games/",
New: "/places/"
},
{
Old: "/shop/",
New: "/store/"
},
{
Old: "/my/referrals",
New: "/my/settings/referrals"
},
{
Old: "/create/?t=",
New: "/create/"
},
{
Old: "/user/",
New: "/users/"
},
{
Old: "/library/",
New: "/models/"
}
]
let Matches = URLs.filter((x) => window.location.pathname.startsWith(x.Old))
if (Matches.length > 0) {
let Match = Matches[0]
window.location.pathname = window.location.pathname.replace(Match.Old, Match.New)
}

278
js/sitewide.js
View file

@ -8,186 +8,10 @@ let Theme = ``;
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 = Utilities.MergeObjects(RawSettings || Utilities.DefaultSettings, Utilities.DefaultSettings); Settings = MergeObjects(RawSettings || Utilities.DefaultSettings, Utilities.DefaultSettings);
const PageLoad = async function() {
if (document.getElementsByClassName('card-header')[0] && document.getElementsByClassName('card-header')[0].innerText === ' Page not found') {
return;
}
Utilities.InjectResource('getUserDetails');
document.body.setAttribute('data-URL', window.location.pathname);
if (Settings.IRLPriceWithCurrency && Settings.IRLPriceWithCurrency.Enabled === true) {
const IRLResult = await Utilities.CalculateIRL(document.querySelector('.brickBalanceCont').innerText.replace(/\s+/g, ''), Settings.IRLPriceWithCurrency.Currency);
// Desktop
document.querySelector('.text-success .brickBalanceCount').innerHTML += ` (${IRLResult.icon}${IRLResult.result} ${IRLResult.display})`;
// Mobile
document.querySelector('.text-success .brickBalanceCont').innerHTML += ` (${IRLResult.icon}${IRLResult.result} ${IRLResult.display})`;
//document.querySelector('.text-success .brickBalanceCont').innerHTML += `<div class="text-muted" style="font-size: 0.6rem;text-align: right;">(${IRLResult.icon}${IRLResult.result} ${IRLResult.display})</div>`
}
if (Settings.ModifyNavOn && Settings.ModifyNavOn === true) {
let NavbarItems = document.querySelectorAll('.navbar-nav.me-auto a.nav-link[href]');
let Needed = [NavbarItems[11], NavbarItems[12], NavbarItems[13], NavbarItems[14], NavbarItems[15]];
for (let i = 0; i < Settings.ModifyNav.length; i++) {
if (Settings.ModifyNav[i].Label != null) {
Needed[i].children[1].innerText = Settings.ModifyNav[i].Label;
Needed[i].href = Settings.ModifyNav[i].Link;
}
}
}
if (Settings.HideUserAds && Settings.HideUserAds.Enabled === true) {
if (Settings.HideUserAds.Banners && Settings.HideUserAds.Banners === true) {
Theme += `
div[style^="max-width: 728px;"]:has(a[href^="/ads"]) {
display: none;
}
`;
}
if (Settings.HideUserAds.Rectangles && Settings.HideUserAds.Rectangles === true) {
Theme += `
div[style^="max-width: 300px;"]:has(a[href^="/ads"]) {
display: none;
}
`;
}
}
if (Settings.HideNotifBadgesOn === true) {
document.getElementsByClassName('notifications-toggle')[0].getElementsByTagName('i')[0].classList = 'fa-bell far'
Theme += `
.notif-nav.notif-sidebar {
display: none;
}
.notifications-toggle {
opacity: 0.6;
}
.notifications-toggle .unread-indicator {
display: none;
}
`;
}
// Credit to @SK-Fast (also known as DevPixels) for the improved loading code (taken from his original Poly+, and reformatted to Index Poly+)
const ThemeBlob = new Blob([Theme], { type: 'text/css' });
const ThemeURL = URL.createObjectURL(ThemeBlob);
document.head.innerHTML += `<link href="${ThemeURL}" rel="stylesheet" type="text/css">`;
/*
chrome.storage.local.get(['PolyPlus_AdCache'], async function(result){
const AdCache = result.PolyPlus_AdCache || {};
const NewCacheAdditions = Array.from(document.querySelectorAll('a[href^="/ads"]')).map(async (ad) => {
const AdID = ad.getAttribute('href').split('/')[2]
if (Object.keys(AdCache).indexOf(AdID) === -1) {
const AssetURL = (await fetch(ad.href)).url
const AssetInfo = ((await fetch(AssetURL.replace('polytoria.com/', 'api.polytoria.com/v1/'))).json())
console.log(AssetInfo)
AdCache[AdID] = AssetInfo
}
})
await Promise.all(NewCacheAdditions)
console.log(AdCache)
})
*/
if (/\/inbox\/messages\/[0-9]+\/compose/.test(window.location.pathname) && new URLSearchParams(window.location.search).has('anniversaryPreset')) {
const AnniversaryNumber = parseInt(new URLSearchParams(window.location.search).get('anniversaryPreset'))
const MessageSubject = document.querySelector('[action^="/inbox"] #subject')
const MessageBody = document.querySelector('[action^="/inbox"] #body')
const RandomAnniversaryMessage = [
{
subject: "Happy :number+ Polytorian Anniversary!",
body: `Congratulations on your :number full year on Polytoria, :recipient! 🎉🎂🎈
Best wishes,
- :username
`
},
{
subject: `:number Year${ (AnniversaryNumber > 1) ? 's' : '' } on Polytoria!`,
body: `Happy :number+ Polytorian Anniversary, :recipient! 🎈🎈🎉🎉
Yours truly,
- :username
`
},
{
subject: `:number Year${ (AnniversaryNumber > 1) ? 's' : '' } of Polytorian Fun!`,
body: `I am so proud of you for reaching :number years on Polytoria, :recipient! 🎉🎂🎈
Warm regards,
- :username
`
},
{
subject: "Congratulations on :number Years on Polytoria!",
body: `:recipient, you have been on Polytoria for :number ${ (AnniversaryNumber === 1) ? 'whole' : 'full' } years! I am writing to congratulate you on this amazing achievement! 🎉🎂🎈
With love and fun,
- :username
`
}
][Math.floor(Math.random() * 3) + 1]
MessageSubject.value = RandomAnniversaryMessage.subject.replace(':number', AnniversaryNumber).replace(':number+', AnniversaryNumber + (AnniversaryNumber % 10 === 1 && AnniversaryNumber % 100 !== 11 ? 'st' : AnniversaryNumber % 10 === 2 && AnniversaryNumber % 100 !== 12 ? 'nd' : AnniversaryNumber % 10 === 3 && AnniversaryNumber % 100 !== 13 ? 'rd' : 'th'))
setTimeout(() => {
const NewMessageBody = document.createElement('textarea')
NewMessageBody.classList = 'form-control'
NewMessageBody.id = 'body'
NewMessageBody.name = 'body'
NewMessageBody.rows = '16'
NewMessageBody.innerHTML = RandomAnniversaryMessage.body.replace(':number', AnniversaryNumber).replace(':number+', AnniversaryNumber + (AnniversaryNumber % 10 === 1 && AnniversaryNumber % 100 !== 11 ? 'st' : AnniversaryNumber % 10 === 2 && AnniversaryNumber % 100 !== 12 ? 'nd' : AnniversaryNumber % 10 === 3 && AnniversaryNumber % 100 !== 13 ? 'rd' : 'th')).replace(':recipient', document.querySelector('[action^="/inbox"] a[href^="/u"]').innerText).replace(':username', document.querySelector('a[href^="/u"]:has(.dropdown-item):first-child').innerText.replaceAll('\n', '').replaceAll('\t', '').trim())
MessageBody.parentElement.appendChild(NewMessageBody)
MessageBody.remove()
}, 100);
}
}
if (document.readyState === 'complete' || document.readyState === 'interactive') {
PageLoad()
} else {
document.addEventListener('DOMContentLoaded', PageLoad);
}
// Apply Theme
LoadTheme();
const combination = "reload";
let currentCombination = "";
document.addEventListener("keypress", function (e) {
currentCombination += e.key;
if (currentCombination === combination && document.activeElement.tagName !== "INPUT" && document.activeElement.tagName !== "TEXTAREA") {
try {
console.log("Reloading Poly+...");
chrome.runtime.sendMessage({ action: "reload" });
window.location.reload();
} catch(error) {
console.log("Reloading Poly+...");
window.location.reload()
chrome.runtime.sendMessage({ action: "reload" });
window.location.reload();
}
} else if (!combination.startsWith(currentCombination)) {
currentCombination = "";
}
});
});
})();
function LoadTheme() {
if (!Settings.ThemeCreator || Settings.ThemeCreator.Enabled !== true) { return }
// If theme exists, create a style element to represent it
if (Settings.ThemeCreator && Settings.ThemeCreator.Enabled === true) {
switch (Settings.ThemeCreator.BGImageSize) { switch (Settings.ThemeCreator.BGImageSize) {
case 0: case 0:
Settings.ThemeCreator.BGImageSize = 'fit'; Settings.ThemeCreator.BGImageSize = 'fit';
@ -287,3 +111,99 @@ function LoadTheme() {
} }
`; `;
} }
});
if (Settings.HideUserAds && Settings.HideUserAds.Enabled === true) {
if (Settings.HideUserAds.Banners && Settings.HideUserAds.Banners === true) {
Theme += `
div[style^="max-width: 728px;"]:has(a[href^="/ads"]) {
display: none;
}
`;
}
if (Settings.HideUserAds.Rectangles && Settings.HideUserAds.Rectangles === true) {
Theme += `
div[style^="max-width: 300px;"]:has(a[href^="/ads"]) {
display: none;
}
`;
}
}
if (Settings.HideNotifBadgesOn === true) {
Theme += `
.notif-nav .notif-sidebar {
display: none;
}
`;
}
// Credit to @SK-Fast (also known as DevPixels) for the improved loading code (taken from his original Poly+, and reformatted to Index Poly+)
const ThemeBlob = new Blob([Theme], {type: 'text/css'});
const ThemeURL = URL.createObjectURL(ThemeBlob);
document.head.innerHTML += `<link href="${ThemeURL}" rel="stylesheet" type="text/css">`;
document.addEventListener('DOMContentLoaded', async function () {
if (document.getElementsByClassName('card-header')[0] && document.getElementsByClassName('card-header')[0].innerText === ' Page not found') {
return;
}
Utilities.InjectResource('getUserDetails');
document.body.setAttribute('data-URL', window.location.pathname);
const UserData = JSON.parse(window.localStorage.getItem('p+account_info'));
if (Settings.IRLPriceWithCurrency && Settings.IRLPriceWithCurrency.Enabled === true) {
const IRLResult = await Utilities.CalculateIRL(document.querySelector('.brickBalanceCont').innerText.replace(/\s+/g, ''), Settings.IRLPriceWithCurrency.Currency);
// Desktop
document.querySelector('.text-success .brickBalanceCount').innerHTML += ` (${IRLResult.icon}${IRLResult.result} ${IRLResult.display})`;
// Mobile
document.querySelector('.text-success .brickBalanceCont').innerHTML += ` (${IRLResult.icon}${IRLResult.result} ${IRLResult.display})`;
//document.querySelector('.text-success .brickBalanceCont').innerHTML += `<div class="text-muted" style="font-size: 0.6rem;text-align: right;">(${IRLResult.icon}${IRLResult.result} ${IRLResult.display})</div>`
}
if (Settings.ModifyNavOn && Settings.ModifyNavOn === true) {
let NavbarItems = document.querySelectorAll('.navbar-nav.me-auto a.nav-link[href]');
let Needed = [NavbarItems[11], NavbarItems[12], NavbarItems[13], NavbarItems[14], NavbarItems[15]];
for (let i = 0; i < Settings.ModifyNav.length; i++) {
if (Settings.ModifyNav[i].Label != null) {
console.log(Needed[i], Needed[i].children[1]);
Needed[i].children[1].innerText = Settings.ModifyNav[i].Label;
Needed[i].href = Settings.ModifyNav[i].Link;
}
}
}
/*
if (Settings.HideUserAdsOn === true) {
Array.from(document.querySelectorAll('.text-center:has(a[href^="/ads"])')).forEach(ad => {ad.remove()})
}
*/
if (Settings.HideNotifBadgesOn === true) {
document.getElementsByClassName('notif-nav notif-sidebar').forEach((element) => {
element.remove();
});
}
});
})();
function MergeObjects(obj1, obj2) {
var mergedObj = {};
// Copy the values from obj1 to the mergedObj
for (var key in obj1) {
mergedObj[key] = obj1[key];
}
// Merge the values from obj2 into the mergedObj, favoring obj2 for non-existing keys in obj1
for (var key in obj2) {
if (!obj1.hasOwnProperty(key)) {
mergedObj[key] = obj2[key];
}
}
return mergedObj;
}

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

@ -1,9 +1,6 @@
const ItemID = window.location.pathname.split('/')[2]; const ItemID = window.location.pathname.split('/')[2];
if (window.location.pathname.slice(-6) == "/asset") {
window.location.href = "https://api.polytoria.com/v1/assets/serve-mesh/" + ItemID
}
let ItemModeler = null;
const ItemType = document.querySelector('.row .badge').innerHTML; const ItemType = document.querySelector('.row .badge').innerHTML;
console.log(ItemType);
var Settings; var Settings;
var ItemWishlist; var ItemWishlist;
@ -22,8 +19,11 @@ var Utilities;
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 || {};
PurchaseBtn = document.querySelector('.col:has(h1) .justify-content-lg-end .d-flex .flex-grow-1:nth-child(2) :nth-child(1)') PurchaseBtn = document.querySelector('.btn[onclick^="buy"]');
ItemOwned = PurchaseBtn.innerText === ' Item owned' || PurchaseBtn.innerText === ' You earned this achievement' || document.querySelector('.btn[onclick="sellItem()"]') !== null; if (PurchaseBtn === null) {
PurchaseBtn = document.querySelector('.btn#purchase-button');
}
ItemOwned = PurchaseBtn.innerText === ' Item owned' || document.querySelector('.btn[onclick="sellItem()"]') !== null;
if (PurchaseBtn.getAttribute('data-seller-name')) { if (PurchaseBtn.getAttribute('data-seller-name')) {
PurchaseBtn.setAttribute('data-bs-toggle', 'tooltip'); PurchaseBtn.setAttribute('data-bs-toggle', 'tooltip');
@ -31,23 +31,25 @@ var Utilities;
Utilities.InjectResource('registerTooltips'); Utilities.InjectResource('registerTooltips');
} }
if (Settings.IRLPriceWithCurrency && Settings.IRLPriceWithCurrency.Enabled === true) { if (Settings.IRLPriceWithCurrency && Settings.IRLPriceWithCurrency.Enabled === true && ItemOwned === false) {
IRLPrice(); IRLPrice();
} }
if (Settings.ItemWishlistOn === true) {
HandleItemWishlist();
}
if (Settings.TryOnItemsOn === true && (Utilities.MeshTypes.indexOf(ItemType.toLowerCase()) !== -1 || Utilities.TextureTypes.indexOf(ItemType.toLowerCase()) !== -1)) { if (Settings.TryOnItemsOn === true && (Utilities.MeshTypes.indexOf(ItemType.toLowerCase()) !== -1 || Utilities.TextureTypes.indexOf(ItemType.toLowerCase()) !== -1)) {
TryOnItems(); TryOnItems();
} }
if (Settings.ReplaceItemSalesOn === true) { if (Settings.ReplaceItemSalesOn === true) {
const Sales = document.querySelectorAll('.col:has(h6):has(h3.small)')[3]; const Sales = document.querySelectorAll('.col:has(h6):has(h3.small)')[2];
if (Sales.children[1].innerText === '0') { if (Sales.children[1].innerText === '0') {
InitialOwners = await (await fetch('https://api.polytoria.com/v1/store/' + ItemID + '/owners?limit=100')).json(); InitialOwners = await (await fetch('https://api.polytoria.com/v1/store/' + ItemID + '/owners?limit=100')).json();
Sales.children[0].innerHTML = `Owners <i class="fa-solid fa-circle-info" data-bs-toggle="tooltip" data-bs-title="${ (InitialOwners.total <= 15) ? InitialOwners.inventories.map((x) => x.user.username).join(', ') : InitialOwners.inventories.slice(0, 14).map((x) => x.user.username).join(', ') + ' ...' }"></i>`; Sales.children[0].innerText = 'Owners';
Sales.children[1].innerText = InitialOwners.total.toLocaleString(); Sales.children[1].innerText = Owners.total.toLocaleString();
Utilities.InjectResource("registerTooltips")
} }
} }
@ -55,45 +57,9 @@ var Utilities;
if (Settings.HoardersList && Settings.HoardersList.Enabled === true) { if (Settings.HoardersList && Settings.HoardersList.Enabled === true) {
HoardersList(parseInt(Settings.HoardersList.MinCopies), Settings.HoardersList.AvatarsEnabled); HoardersList(parseInt(Settings.HoardersList.MinCopies), Settings.HoardersList.AvatarsEnabled);
} }
} else if (Settings.ItemOwnerCheckOn === true && document.getElementById('timer') && /\d/.test(document.getElementById('timer').innerText)) {
if (
Settings.ValueListInfo &&
Settings.ValueListInfo.Enabled == true &&
Settings.ValueListInfo.ItemValuation == true
) {
ValueListData()
}
}
if (Settings.ItemOwnerCheckOn === true && ((document.getElementById('timer') !== null && /\d/.test(document.getElementById('timer').innerText) || document.getElementById('resellers') !== null))) {
CheckOwner(); CheckOwner();
} }
if (Settings.ItemWishlistOn === true) {
HandleItemWishlist();
}
if (Settings.AssetDesignerCreditOn === true) {
chrome.storage.local.get(['PolyPlus_AssetDesigners'], async function(result){
let AssetDesignerData = result['PolyPlus_AssetDesigners'];
// cache for 5 minutes
if (AssetDesignerData === undefined || (new Date().getTime() - AssetDesignerData.requested > 300000)) {
AssetDesignerData = await ((await fetch('https://polyplus.vercel.app/data/itemModelers.json')).json());
chrome.storage.local.set({['PolyPlus_AssetDesigners']: {
data: AssetDesignerData,
requested: new Date().getTime()
}}, function(){});
} else {
AssetDesignerData = AssetDesignerData.data
}
if (AssetDesignerData[ItemID]) {
AssetDesignerInfo(AssetDesignerData)
}
});
}
}); });
})(); })();
@ -103,19 +69,22 @@ chrome.storage.onChanged.addListener(function (changes, namespace) {
ItemWishlist = result.PolyPlus_ItemWishlist || []; ItemWishlist = result.PolyPlus_ItemWishlist || [];
if (Array.isArray(ItemWishlist) && ItemWishlist.includes(parseInt(ItemID))) { if (Array.isArray(ItemWishlist) && ItemWishlist.includes(parseInt(ItemID))) {
WishlistBtn.classList = 'btn btn-danger btn-sm';
WishlistBtn.innerHTML = ` WishlistBtn.innerHTML = `
<i class="fa-solid fa-star" style="color: orange;"></i> <i class="fa fa-star" style="margin-right: 2.5px;"></i> Un-Wishlist Item
`; `;
} else { } else {
if (!(ItemWishlist.length === 25)) { if (!(ItemWishlist.length === 25)) {
WishlistBtn.removeAttribute('disabled'); WishlistBtn.removeAttribute('disabled');
WishlistBtn.classList = 'btn btn-warning btn-sm';
WishlistBtn.innerHTML = ` WishlistBtn.innerHTML = `
<i class="fa-regular fa-star"></i> <i class="fa fa-star" style="margin-right: 2.5px;"></i> Wishlist Item
`; `;
} else { } else {
WishlistBtn.setAttribute('disabled', true); WishlistBtn.setAttribute('disabled', true);
WishlistBtn.classList = 'btn btn-warning btn-sm';
WishlistBtn.innerHTML = ` WishlistBtn.innerHTML = `
<i class="fad fa-star"></i> <i class="fa fa-star" style="margin-right: 2.5px;"></i> Wishlist Item
`; `;
} }
} }
@ -125,7 +94,9 @@ chrome.storage.onChanged.addListener(function (changes, namespace) {
async function IRLPrice() { async function IRLPrice() {
const Price = PurchaseBtn.getAttribute('data-price'); const Price = PurchaseBtn.getAttribute('data-price');
if (Price !== null && Price !== '0') { if (Price === null || Price === '0') {
return;
}
const Span = document.createElement('span'); const Span = document.createElement('span');
Span.classList = 'text-muted polyplus-own-tag'; Span.classList = 'text-muted polyplus-own-tag';
Span.style.fontSize = '0.7rem'; Span.style.fontSize = '0.7rem';
@ -135,42 +106,9 @@ async function IRLPrice() {
PurchaseBtn.appendChild(Span); PurchaseBtn.appendChild(Span);
} }
const Resellers = document.getElementById('resellers-container')
if (Resellers !== null) {
const observer = new MutationObserver(async function (list) {
for (const record of list) {
for (const element of record.addedNodes) {
if (element.tagName === 'DIV') {
const ResellerSpan = document.createElement('span');
ResellerSpan.classList = 'text-muted polyplus-own-tag';
ResellerSpan.style.fontSize = '0.7rem';
ResellerSpan.style.fontWeight = 'normal';
const ResellerIRLResult = await Utilities.CalculateIRL(element.getElementsByClassName('text-success')[0].innerText, Settings.IRLPriceWithCurrency.Currency);
ResellerSpan.innerText = ' ($' + ResellerIRLResult.result + ' ' + ResellerIRLResult.display + ')';
element.getElementsByClassName('text-success')[0].appendChild(ResellerSpan);
}
}
observer.observe(Resellers, {attributes: false, childList: true, subtree: false});
}
});
observer.observe(Resellers, {attributes: false, childList: true, subtree: false});
}
}
function HandleItemWishlist() { function HandleItemWishlist() {
const DescriptionText = document.querySelector('.mcard .card-body:has(p)'); const DescriptionText = document.querySelector('.mcard .card-body:has(p)');
const Column = document.createElement('div') WishlistBtn = document.createElement('button');
Column.classList = 'col'
Column.style = 'text-align: right; --bs-gutter-x: 0px;'
Column.innerHTML = `
<button class="btn btn-sm btn-link"></button>
`
const ItemNameHeading = document.getElementsByTagName('h1')[0]
ItemNameHeading.parentElement.parentElement.prepend(Column)
ItemNameHeading.parentElement.classList.add('col-auto')
ItemNameHeading.parentElement.style.paddingLeft = '0px !important'
WishlistBtn = Column.children[0];
chrome.storage.sync.get(['PolyPlus_ItemWishlist'], function (result) { chrome.storage.sync.get(['PolyPlus_ItemWishlist'], function (result) {
ItemWishlist = result.PolyPlus_ItemWishlist || []; ItemWishlist = result.PolyPlus_ItemWishlist || [];
@ -189,12 +127,14 @@ function HandleItemWishlist() {
} }
if (ItemWishlist.includes(parseInt(ItemID))) { if (ItemWishlist.includes(parseInt(ItemID))) {
WishlistBtn.classList = 'btn btn-danger btn-sm';
WishlistBtn.innerHTML = ` WishlistBtn.innerHTML = `
<i class="fa-solid fa-star" style="color: orange;"></i> <i class="fa fa-star" style="margin-right: 2.5px;"></i> Un-Wishlist Item
`; `;
} else { } else {
WishlistBtn.classList = 'btn btn-warning btn-sm';
WishlistBtn.innerHTML = ` WishlistBtn.innerHTML = `
<i class="fa-regular fa-star"></i> <i class="fa fa-star" style="margin-right: 2.5px;"></i> Wishlist Item
`; `;
} }
@ -206,13 +146,15 @@ function HandleItemWishlist() {
let i = ItemWishlist.indexOf(parseInt(ItemID)); let i = ItemWishlist.indexOf(parseInt(ItemID));
if (i !== -1) { if (i !== -1) {
ItemWishlist.splice(i, 1); ItemWishlist.splice(i, 1);
WishlistBtn.classList = 'btn btn-warning btn-sm';
WishlistBtn.innerHTML = ` WishlistBtn.innerHTML = `
<i class="fa-solid fa-star" style="color: orange;"></i> <i class="fa fa-star" style="margin-right: 2.5px;"></i> Wishlist Item
`; `;
} else { } else {
ItemWishlist.push(parseInt(ItemID)); ItemWishlist.push(parseInt(ItemID));
WishlistBtn.classList = 'btn btn-danger btn-sm';
WishlistBtn.innerHTML = ` WishlistBtn.innerHTML = `
<i class="fa-regular fa-star"></i> <i class="fa fa-star" style="margin-right: 2.5px;"></i> Un-Wishlist Item
`; `;
} }
@ -224,8 +166,8 @@ function HandleItemWishlist() {
}); });
}); });
//DescriptionText.appendChild(document.createElement('br')); DescriptionText.appendChild(document.createElement('br'));
//DescriptionText.appendChild(WishlistBtn); DescriptionText.appendChild(WishlistBtn);
}); });
} }
@ -233,6 +175,8 @@ function TryOnItems() {
const Avatar = { const Avatar = {
useCharacter: true, useCharacter: true,
items: [], items: [],
shirt: 'https://c0.ptacdn.com/assets/uWrrnFGwgNN5W171vqYTWY7E639rKiXK.png',
pants: 'https://c0.ptacdn.com/assets/HD6TFdXD8CaflRNmd84VCNyNsmTB0SH3.png',
headColor: '#e0e0e0', headColor: '#e0e0e0',
torsoColor: '#e0e0e0', torsoColor: '#e0e0e0',
leftArmColor: '#e0e0e0', leftArmColor: '#e0e0e0',
@ -246,7 +190,7 @@ function TryOnItems() {
const ItemThumbnail = document.getElementsByClassName('store-thumbnail')[0]; const ItemThumbnail = document.getElementsByClassName('store-thumbnail')[0];
//const IFrame = document.getElementsByClassName('store-thumbnail-3d')[0] //const IFrame = document.getElementsByClassName('store-thumbnail-3d')[0]
const TryIFrame = document.createElement('iframe'); const TryIFrame = document.createElement('iframe');
TryIFrame.style = 'width: 100%; height: auto; aspect-ratio: 1; border-radius: 20px; background: #1e1e1e;'; TryIFrame.style = 'width: 100%; height: auto; aspect-ratio: 1; border-radius: 20px;';
const TryOnBtn = document.createElement('button'); const TryOnBtn = document.createElement('button');
TryOnBtn.classList = 'btn btn-warning'; TryOnBtn.classList = 'btn btn-warning';
@ -267,18 +211,22 @@ function TryOnItems() {
}) })
.then((data) => { .then((data) => {
data.assets.forEach((item) => { data.assets.forEach((item) => {
if (item.type !== AssetType.toLowerCase()) { switch (item.type) {
if (item.type === 'hat') { case 'hat':
Avatar.items[Avatar.items.length] = item.path || ''; Avatar.items[Avatar.items.length] = item.path || '';
} else if (item.type === 'face') { break;
case 'face':
Avatar.face = item.path || ''; Avatar.face = item.path || '';
} else if (item.type === 'tool') { break;
case 'tool':
Avatar.tool = item.path || ''; Avatar.tool = item.path || '';
} else if (item.type === 'shirt') { break;
case 'shirt':
Avatar.shirt = item.path || ''; Avatar.shirt = item.path || '';
} else if (item.type === 'pants') { break;
case 'pants':
Avatar.pants = item.path || ''; Avatar.pants = item.path || '';
} break;
} }
}); });
@ -298,12 +246,13 @@ function TryOnItems() {
return response.json(); return response.json();
}) })
.then((data) => { .then((data) => {
if (AssetType === 'Tool') { if (ItemType === 'tool') {
Avatar.tool = data.url; Avatar.tool = data.url;
} else { } else {
Avatar.items.push(data.url); Avatar.items.push(data.url);
} }
console.log(Avatar);
TryIFrame.src = 'https://polytoria.com/ptstatic/itemview/#' + btoa(encodeURIComponent(JSON.stringify(Avatar))); TryIFrame.src = 'https://polytoria.com/ptstatic/itemview/#' + btoa(encodeURIComponent(JSON.stringify(Avatar)));
}) })
.catch((error) => { .catch((error) => {
@ -320,12 +269,15 @@ function TryOnItems() {
.then((data) => { .then((data) => {
switch (AssetType) { switch (AssetType) {
case 'Shirt': case 'Shirt':
console.log('IS SHIRT');
Avatar.shirt = data.url; Avatar.shirt = data.url;
break; break;
case 'Pants': case 'Pants':
console.log('IS PANTS');
Avatar.pants = data.url; Avatar.pants = data.url;
break; break;
case 'Face': case 'Face':
console.log('IS FACE');
Avatar.face = data.url; Avatar.face = data.url;
break; break;
} }
@ -351,7 +303,7 @@ function TryOnItems() {
<div class="row text-muted mb-2" style="font-size: 0.8rem;"> <div class="row text-muted mb-2" style="font-size: 0.8rem;">
<div class="col"> <div class="col">
<h5 class="mb-0" style="color: #fff;">Preview</h5> <h5 class="mb-0" style="color: #fff;">Preview</h5>
Try this item on your avatar before purchasing it! Try this avatar on your avatar before purchasing it!
</div> </div>
<div class="col-md-2"> <div class="col-md-2">
<button class="btn btn-info w-100 mx-auto" onclick="this.parentElement.parentElement.parentElement.close();">X</button> <button class="btn btn-info w-100 mx-auto" onclick="this.parentElement.parentElement.parentElement.close();">X</button>
@ -364,6 +316,8 @@ function TryOnItems() {
document.body.prepend(TryOnModal); document.body.prepend(TryOnModal);
ItemThumbnail.parentElement.appendChild(TryOnBtn); ItemThumbnail.parentElement.appendChild(TryOnBtn);
TryOnModal.children[1].prepend(TryIFrame); TryOnModal.children[1].prepend(TryIFrame);
//Utilities.InjectResource('registerTooltips')
} }
async function HoardersList(min, avatars) { async function HoardersList(min, avatars) {
@ -384,7 +338,7 @@ async function HoardersList(min, avatars) {
TabContent.classList = 'd-none'; TabContent.classList = 'd-none';
TabContent.innerHTML = ` TabContent.innerHTML = `
<small class="d-block text-center text-muted" style="font-size: 0.8rem;"> <small class="d-block text-center text-muted" style="font-size: 0.8rem;">
Loading... (this may take a few seconds) loading... (this may take a few seconds)
</small> </small>
<lottie-player id="avatar-loading" src="https://c0.ptacdn.com/static/images/lottie/poly-brick-loading.2b51aa85.json" background="transparent" speed="1" style="width: 20%;height: auto;margin: -16px auto 50px;margin-top: 0px;" loop="" autoplay=""></lottie-player> <lottie-player id="avatar-loading" src="https://c0.ptacdn.com/static/images/lottie/poly-brick-loading.2b51aa85.json" background="transparent" speed="1" style="width: 20%;height: auto;margin: -16px auto 50px;margin-top: 0px;" loop="" autoplay=""></lottie-player>
`; `;
@ -455,9 +409,11 @@ async function HoardersList(min, avatars) {
try { try {
AvatarsFetched++ AvatarsFetched++
const Avatar = (await (await fetch('https://api.polytoria.com/v1/users/' + hoarder.user.id)).json()); const Avatar = (await (await fetch('https://api.polytoria.com/v1/users/' + hoarder.user.id)).json());
console.log(hoarder.user.username, Avatar)
hoarder.user.avatar = Avatar.thumbnail.icon; hoarder.user.avatar = Avatar.thumbnail.icon;
} catch(error) { } catch(error) {
hoarder.user.avatar = '' hoarder.user.avatar = ''
console.log(hoarder.user.username + ` (${hoarder.user.id}) - avatar failed`)
} }
} }
} }
@ -621,6 +577,7 @@ async function HoardersList(min, avatars) {
}); });
const UpdateHoardersList = function () { const UpdateHoardersList = function () {
console.log(Hoarders, AmountOfHoarders, Groups);
Current.innerText = Page + 1; Current.innerText = Page + 1;
if (Groups[Page] !== undefined) { if (Groups[Page] !== undefined) {
@ -744,10 +701,10 @@ function CheckOwner() {
if (Owns.owned === true) { if (Owns.owned === true) {
ResultText.classList = 'text-success'; ResultText.classList = 'text-success';
ResultText.innerHTML = '<i class="fa-duotone fa-circle-check mr-1"></i> ' + Username + ' owns #' + Owns.inventory.serial + ' of "' + document.getElementsByTagName('h1')[0].innerText + '".'; ResultText.innerHTML = '<i class="fa-duotone fa-circle-check mr-1"></i> ' + Username + ' owns #' + Owns.inventory.serial + ' of ' + document.getElementsByTagName('h1')[0].innerText + '".';
} else { } else {
ResultText.classList = 'text-danger'; ResultText.classList = 'text-danger';
ResultText.innerHTML = '<i class="fa-duotone fa-circle-exclamation mr-1"></i> ' + Username + ' does not own "' + document.getElementsByTagName('h1')[0].innerText + '".'; ResultText.innerHTML = '<i class="fa-duotone fa-circle-check mr-1"></i> ' + Username + ' does not own "' + document.getElementsByTagName('h1')[0].innerText + '".';
} }
} else { } else {
ResultText.classList = 'text-warning'; ResultText.classList = 'text-warning';
@ -755,202 +712,3 @@ function CheckOwner() {
} }
}); });
} }
async function ValueListDataNew() {
let Tabs = document.getElementById('store-tabs');
const ValueSection = document.createElement('div')
ValueSection.classList = 'mb-3'
ValueSection.innerHTML = `
<h6 class="section-title mt-3 mt-lg-0 mb-3 px-2">
Valuation <a href="https://polytoria.trade/" target="_blank">(based off LOVE)</a>
</h6>
<div class="card" id="p+valuation_card">
<div class="card-body">
<small class="d-block text-center text-muted" style="font-size: 0.8rem;">
Loading...
</small>
<lottie-player id="avatar-loading" src="https://c0.ptacdn.com/static/images/lottie/poly-brick-loading.2b51aa85.json" background="transparent" speed="1" style="width: 20%;height: auto;margin: -16px auto 50px;margin-top: 0px;" loop="" autoplay=""></lottie-player>
</div>
</div>
`
Tabs.parentElement.insertBefore(ValueSection, Tabs)
const ValueCard = document.getElementById('p+valuation_card').children[0]
const TagColors = {
"Projected": "warning",
"Hoarded": "success",
"Rare": "primary",
"Freaky": "danger"
}
const GetTagColor = function(label) {
if (TagColors[label] !== undefined) {
return TagColors[label]
} else if (TagColors[label.substring(1)] !== undefined) {
return TagColors[label.substring(1)]
} else {
return 'dark'
}
}
await chrome.runtime.sendMessage({
action: "item_valuation",
itemID: ItemID
});
}
async function ValueListData() {
let Tabs = document.getElementById('store-tabs');
const ValueSection = document.createElement('div')
ValueSection.classList = 'mb-3'
ValueSection.innerHTML = `
<h6 class="section-title mt-3 mt-lg-0 mb-3 px-2">
Valuation <a href="https://docs.google.com/document/d/1W7JN74MU-9Dbd-9xNnjxE18hQVBPXWuwjK5DGSnuQR4/" target="_blank">(based off LOVE)</a>
</h6>
<div class="card" id="p+valuation_card">
<div class="card-body">
<small class="d-block text-center text-muted" style="font-size: 0.8rem;">
Loading...
</small>
<lottie-player id="avatar-loading" src="https://c0.ptacdn.com/static/images/lottie/poly-brick-loading.2b51aa85.json" background="transparent" speed="1" style="width: 20%;height: auto;margin: -16px auto 50px;margin-top: 0px;" loop="" autoplay=""></lottie-player>
</div>
</div>
`
Tabs.parentElement.insertBefore(ValueSection, Tabs)
const ValueCard = document.getElementById('p+valuation_card').children[0]
const ColumnLabels = [
"name",
"short",
"value",
"type",
"trend",
"demand",
"tags"
]
const TagColors = {
"Projected": "warning",
"Hoarded": "success",
"Rare": "primary",
"Freaky": "danger"
}
const ExtractTableJSON = function(table) {
var data = [];
for (var i = 1; i < table.rows.length; i++) {
var tableRow = table.rows[i];
var rowData = {
tags: []
};
for (var j = 0; j < tableRow.cells.length; j++) {
let Value = tableRow.cells[j].children[0].children[0].innerText;
if (ColumnLabels[j] === "name") {
const LinkValue = tableRow.cells[j].getElementsByTagName('a')[0]
if (LinkValue) {
rowData.id = LinkValue.href.split('https://www.google.com/url?q=')[1].split('&')[0].split('/')[4]
}
}
if (ColumnLabels[j] === "tags") {
Array.from(tableRow.cells[j].children).forEach(tag => {
/*
The regex for the emoji character codes replacement was made by AI, such a time saver lol
*/
rowData.tags.push(tag.children[0].innerHTML.replace(/\s/g,'').replace(/([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g, ''))
})
} else {
rowData[ColumnLabels[j]] = Value
}
}
data.push(rowData);
}
return data;
}
const ValueListDocument = new DOMParser().parseFromString(await (await fetch('https://docs.google.com/feeds/download/documents/Export?exportFormat=html&format=html&id=1W7JN74MU-9Dbd-9xNnjxE18hQVBPXWuwjK5DGSnuQR4')).text(), 'text/html')
/*
Table to JSON function (slightly modified for my use-case)
https://stackoverflow.com/questions/9927126/how-to-convert-the-following-table-to-json-with-javascript#answer-60196347
*/
const GetTagColor = function(label) {
if (TagColors[label] !== undefined) {
return TagColors[label]
} else if (TagColors[label.substring(1)] !== undefined) {
return TagColors[label.substring(1)]
} else {
return 'dark'
}
}
const ValueDetails = ExtractTableJSON(ValueListDocument.getElementsByTagName('table')[0]).filter((x) => x.id === ItemID)[0]
if (ValueDetails !== undefined) {
ValueCard.innerHTML = `
<div class="mb-1">
<b class="text-success">
<i class="pi pi-brick" style="width:1.2em"></i>
Value
</b>
<span class="float-end">
${ValueDetails.value}
</span>
</div>
<div class="mb-1">
<b class="text-primary"">
<i class="pi" style="width:1.2em">%</i>
Trend
</b>
<span class="float-end">
${ValueDetails.trend}
</span>
</div>
<div class="mb-1">
<b>
<i class="fa-duotone fa-triangle" style="width:1.2em"></i>
Valuation Type
</b>
<span class="float-end">
${ValueDetails.type}
</span>
</div>
<div class="mb-1">
<b>
<i class="fa-duotone fa-hand-wave" style="width:1.2em"></i>
Shorthand
</b>
<span class="float-end">
${ValueDetails.short}
</span>
</div>
<div class="d-flex" style="gap: 5px;">
${ ValueDetails.tags.map((x) => `
<span class="badge bg-${ GetTagColor(x) }">${x}</span>
`).join('')}
</div>
`
} else {
ValueCard.innerHTML = `
There is no evaluation for this item at this time.
`
}
}
async function AssetDesignerInfo(data) {
let QuickStats = document.querySelectorAll('.row:has(h3, h6, [data-bs-tooltip])')[2];
const CreatorStat = document.createElement('div')
CreatorStat.classList = 'col text-center'
CreatorStat.innerHTML = `
<h6>Asset Designer</h6>
<h3 class="small">
<a href="/u/${data[ItemID]}" style="background-clip:text;-webkit-background-clip:text;color:transparent;background-image: linear-gradient(90deg, #1ad05b, #68f);-webkit-text-fill-color: transparent;">${data[ItemID]}</a>
</h3>
`
QuickStats.appendChild(CreatorStat)
}

56
js/store/store.js
View file

@ -21,25 +21,13 @@ chrome.storage.sync.get(['PolyPlus_Settings'], async function (result) {
}); });
} }
if (Settings.EventItemsCatOn === true) {
EventItems();
}
if (Settings.StoreOwnTagOn === true) { if (Settings.StoreOwnTagOn === true) {
chrome.storage.local.get('PolyPlus_InventoryCache', async function(result){
if (result.PolyPlus_InventoryCache !== undefined && (new Date().getTime() - result.PolyPlus_InventoryCache.requested < 30000)) {
Inventory = result.PolyPlus_InventoryCache.data
Array.from(ItemGrid.children).forEach((element) => {
LoadOwnedTags(element);
});
} else {
Inventory = (await (await fetch('https://api.polytoria.com/v1/users/' + UserID + '/inventory?type=hat&limit=100')).json()); Inventory = (await (await fetch('https://api.polytoria.com/v1/users/' + UserID + '/inventory?type=hat&limit=100')).json());
if (Inventory.errors === undefined) { if (Inventory.errors === undefined) {
Inventory = Inventory.inventory Inventory = Inventory.inventory
Inventory = [...Inventory, ...(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 = [...Inventory, ...(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;
Inventory = [...Inventory, ...(await (await fetch('https://api.polytoria.com/v1/users/' + UserID + '/inventory?type=profileTheme&limit=100')).json()).inventory]; console.log(Inventory);
chrome.storage.local.set({'PolyPlus_InventoryCache': {data: Inventory, requested: new Date().getTime()}}, function(){})
Array.from(ItemGrid.children).forEach((element) => { Array.from(ItemGrid.children).forEach((element) => {
LoadOwnedTags(element); LoadOwnedTags(element);
}); });
@ -47,7 +35,9 @@ chrome.storage.sync.get(['PolyPlus_Settings'], async function (result) {
console.log(Inventory) console.log(Inventory)
} }
} }
})
if (Settings.EventItemsCatOn === true) {
EventItems();
} }
}); });
@ -100,13 +90,8 @@ async function LoadIRLPrices(element) {
} }
} }
function LoadOwnedTags(element, id) { function LoadOwnedTags(element) {
let Item; let Item = CheckInventory(parseInt(element.querySelector('[href^="/store/"]').getAttribute('href').split('/')[2]));
if (id !== undefined) {
Item = CheckInventory(parseInt(id))
} else {
Item = CheckInventory(parseInt(element.querySelector('[href^="/store/"]').getAttribute('href').split('/')[2]));
}
if (Item !== null) { if (Item !== null) {
const Tag = document.createElement('span'); const Tag = document.createElement('span');
Tag.classList = `badge ${Item.asset.isLimited === false ? 'bg-primary' : 'bg-warning'} polyplus-own-tag`; Tag.classList = `badge ${Item.asset.isLimited === false ? 'bg-primary' : 'bg-warning'} polyplus-own-tag`;
@ -179,21 +164,16 @@ function EventItems() {
<h6 class="dash-ctitle2">${x.date}</h6> <h6 class="dash-ctitle2">${x.date}</h6>
<h5 class="dash-ctitle">${x.name}</h5> <h5 class="dash-ctitle">${x.name}</h5>
</div> </div>
${x.link !== undefined ? typeof(x.link) !== "object" ? ` ${x.link !== undefined ? `
<div class="col-auto d-flex align-items-center"> <div class="col-auto d-flex align-items-center">
<a class="text-muted" href="${x.link}"> <a class="text-muted" href="${x.link}">
<span class="d-none d-lg-inline">${x.link.startsWith('https://polytoria.com/places/') ? 'Event Place' : 'Blog Post'}</span> <span class="d-none d-lg-inline">${x.link.startsWith('https://polytoria.com/places/') ? 'Event Place' : 'Blog Post'}</span>
<i class="fas fa-angle-right ms-2"></i> <i class="fas fa-angle-right ms-2"></i>
</a> </a>
</div> </div>
` : x.link.map(l => ` `
<div class="col-auto d-flex align-items-center"> : ''
<a class="text-muted" href="${l.link}"> }
<span class="d-none d-lg-inline">${l.label}</span>
<i class="fas fa-angle-right ms-2"></i>
</a>
</div>
`).join('') : ''}
</div> </div>
<div class="card card-dash mcard mb-3" style="animation-delay: 0.27s;"> <div class="card card-dash mcard mb-3" style="animation-delay: 0.27s;">
<div class="card-body p-0 m-1 scrollFadeContainer"> <div class="card-body p-0 m-1 scrollFadeContainer">
@ -252,12 +232,6 @@ function EventItems() {
const Next = document.getElementById('p+ei-pagination-next'); const Next = document.getElementById('p+ei-pagination-next');
const Last = document.getElementById('p+ei-pagination-last'); const Last = document.getElementById('p+ei-pagination-last');
if (Settings.StoreOwnTagOn === true) {
Array.from(Container.querySelectorAll('a[href^="/store"]')).forEach((element) => {
LoadOwnedTags(element, element.getAttribute('href').split('/')[2]);
});
}
if (Page > 0) { if (Page > 0) {
Prev.parentElement.classList.remove('disabled'); Prev.parentElement.classList.remove('disabled');
First.parentElement.classList.remove('disabled'); First.parentElement.classList.remove('disabled');
@ -358,12 +332,6 @@ function EventItems() {
Next.parentElement.classList.add('disabled'); Next.parentElement.classList.add('disabled');
Last.parentElement.classList.add('disabled'); Last.parentElement.classList.add('disabled');
} }
if (Settings.StoreOwnTagOn === true) {
Array.from(Container.querySelectorAll('a[href^="/store"]')).forEach((element) => {
LoadOwnedTags(element, element.getAttribute('href').split('/')[2]);
});
}
}; };
}); });
} }

96
js/the-great-divide.js
View file

@ -1,96 +0,0 @@
let EventOngoing = true;
let Team;
let HasTeam = true;
const PlaceAllowlist = [
'9656',
'9757'
];
(async () => {
Utilities = await import(chrome.runtime.getURL('resources/utils.js'))
.default
chrome.storage.sync.get(['PolyPlus_Settings'], function(result) {
Settings = result.PolyPlus_Settings || {};
if (Settings.TheGreatDivide.Enabled !== true) {
return
}
if (Settings.TheGreatDivide.UserStatsOn === true && window.location.pathname.split('/')[1] === 'u') {
if (HasTeam === true) {
UserStatsTab()
} else {
if (EventOngoing === true) {
UserStatsTab()
}
}
}
})
async function UnbalancedServerMarkers() {
const Team = (await (await fetch('https://api.polytoria.com/v1/users/' + JSON.parse(window.localStorage.getItem('p+account_info')).ID + '/greatdivide')).json()).team
if (Team !== undefined) {
const Servers = Array.from(document.getElementById('servers-tabpane').children)
Servers.forEach(server => {
const TeamCounts = {
phantoms: server.getElementsByClassName('border-phantoms').length,
cobras: server.getElementsByClassName('border-cobras').length
}
let Enemy = "cobras"
if (Team === "cobras") { Enemy = "phantoms" }
if (new URLSearchParams(window.location.search).has('forceServerUnbalance')) {
TeamCounts[Enemy] = 1000
}
if (TeamCounts[Team] < TeamCounts[Enemy]) {
const UnbalancedText = document.createElement('p')
UnbalancedText.classList = 'mb-2'
UnbalancedText.style.fontSize = '0.7rem'
UnbalancedText.style.color = 'orange'
UnbalancedText.innerHTML = `*Potentially Unbalanced <i class="fa-solid fa-circle-info" data-bs-toggle="tooltip" data-bs-title="${TeamCounts.cobras} Cobras and ${TeamCounts.phantoms} Phantoms" data-bs-placement="right"></i>`
const ServerInfoColumn = server.getElementsByClassName('col-3')[0]
ServerInfoColumn.children[0].style.marginBottom = '0px'
ServerInfoColumn.insertBefore(UnbalancedText, ServerInfoColumn.children[1])
Utilities.InjectResource("registerTooltips")
}
})
}
}
async function UserStatsTab() {
const EventSection = document.createElement('div')
EventSection.innerHTML = `
<div class="d-grid mt-2 mb-4"></div>
<h6 class="text-center section-title px-3 px-lg-0 fw-bold" style="background-clip:text;-webkit-background-clip:text;color:transparent;background-image: linear-gradient(90deg, #1ad05b, #68f);-webkit-text-fill-color: transparent;">
<i class="fas fa-swords me-1 float-start"></i>
GREATEST DIVISION
<i class="fas fa-swords me-1 float-end"></i>
</h6>
<div class="card mcard mb-4" style="min-height: 226px; background-image: linear-gradient(rgba(0.7, 0.7, 0.7, 0.7), rgba(0.7, 0.7, 0.7, 0.7)), url('https://blog.polytoria.com/content/images/2024/06/TheGreatDivide.png'); background-size: cover; background-position: center; border-color: #000 !important;">
<div class="card-body" id="p+greatdivide_card">
<button class="btn btn-primary btn-sm w-100">Load Statistics</button>
</div>
</div>
`
document.getElementsByClassName('user-right')[0].appendChild(EventSection)
const EventCard = document.getElementById('p+greatdivide_card')
EventCard.innerHTML = `
<small class="d-block text-center text-muted" style="font-size: 0.8rem;">
Loading...
</small>
<lottie-player id="avatar-loading" src="https://c0.ptacdn.com/static/images/lottie/poly-brick-loading.2b51aa85.json" background="transparent" speed="1" style="width: 20%;height: auto;margin: -16px auto 50px;margin-top: 0px;" loop="" autoplay=""></lottie-player>
`
await chrome.runtime.sendMessage({
action: "greatdivide_stats",
userID: document.querySelector('.dropdown-item.text-danger[href^="/report"]').getAttribute('href').split('?')[0].split('/')[3]
});
}
})();

56
manifest.json Normal file → Executable file
View file

@ -2,8 +2,8 @@
"manifest_version": 3, "manifest_version": 3,
"author": "Index", "author": "Index",
"name": "Poly+", "name": "Poly+",
"version": "1.3", "version": "1.11",
"version_name": "Release Build (v1.3)", "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", "scripting", "alarms", "notifications"], "permissions": ["storage", "contextMenus", "scripting", "alarms", "notifications"],
@ -33,13 +33,8 @@
}, },
{ {
"matches": ["https://polytoria.com/create/place/**/access"], "matches": ["https://polytoria.com/create/place/**"],
"js": ["/js/create/place-access.js"] "js": ["/js/places/place-edit.js"]
},
{
"matches": ["https://polytoria.com/create/image", "https://polytoria.com/create/image/"],
"js": ["/js/create/image.js"]
}, },
{ {
@ -63,7 +58,7 @@
}, },
{ {
"matches": ["https://polytoria.com/store/**", "https://polytoria.com/store/*/asset"], "matches": ["https://polytoria.com/store/**"],
"js": ["/js/store/item-view.js"] "js": ["/js/store/item-view.js"]
}, },
@ -100,7 +95,7 @@
{ {
"matches": ["https://polytoria.com/my/avatar*"], "matches": ["https://polytoria.com/my/avatar*"],
"js": ["/js/account/avatar-sandbox.js"] "js": ["/js/account/avatar-sandbox2.js"]
}, },
{ {
@ -116,26 +111,6 @@
{ {
"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"]
},
{
"matches": ["https://polytoria.com/games/*", "https://polytoria.com/shop/*", "https://polytoria.com/my/referrals", "https://polytoria.com/create/?t=*", "https://polytoria.com/user/*", "https://polytoria.com/library/*"],
"js": ["/js/site-redirects.js"]
},
{
"matches": ["https://polytoria.com/library"],
"js": ["/js/create/audio-library.js"]
},
{
"matches": ["https://polytoria.com/u/**"],
"js": ["/js/the-great-divide.js"]
},
{
"matches": ["https://polytoria.com/trade/view/**"],
"js": ["/js/account/trade-valuation.js"]
} }
], ],
"background": { "background": {
@ -158,17 +133,16 @@
"action": { "action": {
"default_title": "Poly+", "default_title": "Poly+",
"default_icon": { "default_icon": {
"16": "/images/icon.png", "16": "/icons/icon.png",
"32": "/images/icon.png", "32": "/icons/icon.png",
"48": "/images/icon.png", "48": "/icons/icon.png",
"128": "/images/icon.png" "128": "/icons/icon.png"
}, }
"default_popup": "/popup.html"
}, },
"icons": { "icons": {
"16": "/images/icon.png", "16": "/icons/icon.png",
"32": "/images/icon.png", "32": "/icons/icon.png",
"48": "/images/icon.png", "48": "/icons/icon.png",
"128": "/images/icon.png" "128": "/icons/icon.png"
} }
} }

36
popup.html
View file

@ -1,36 +0,0 @@
<!doctype html>
<html>
<head>
<!-- META TAGS -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- PUBLIC -->
<title>Poly+ Settings</title>
<!-- RESOURCES -->
<link rel="stylesheet" href="css/polytoria.css" />
</head>
<body style="width: 245px;">
<div class="p-2 pt-0">
<small class="text-muted" style="font-size: 0.7rem;">quick links</small>
<br>
<a href="#" class="btn btn-primary btn-sm w-100 mb-1" id="settings-btn" target="_window">Settings</a>
<a href="https://polytoria.com/my/settings/polyplus#debug" class="btn btn-warning btn-sm w-100 mb-1" target="_window">Debug</a>
<div class="d-flex" style="gap: 5px;">
<a href="https://chromewebstore.google.com/detail/poly+/feafepokhecfmimpepbpccmcnjbcbklg" class="btn btn-dark btn-sm w-100" target="_window"><img src="/images/chrome-icon.svg" alt="Chrome Webstore" width="25" height="25"></a>
<a href="https://addons.mozilla.org/en-US/firefox/addon/polytoriaplus/" class="btn btn-dark btn-sm w-100" target="_window"><img src="/images/firefox-icon.svg" alt="Chrome Webstore" width="25" height="25"></a>
</div>
<hr class="mt-2 mb-3" style="color: #2b2b2b;">
<small class="text-muted" style="font-size: 0.7rem;">extract texture from item</small>
<br>
<div class="input-group">
<input type="text" class="form-control form-control-sm" placeholder="Item ID..">
<button class="btn btn-success btn-sm" id="extract-texture">Extract</button>
</div>
</div>
<script src="popup.js"></script>
</body>
</html>

89
popup.js
View file

@ -1,89 +0,0 @@
/*
ParseGLB & GetTexture function code made by ChatGPT (I didn't want to use external libraries because of storage space)
*/
document.getElementById('settings-btn').href = chrome.runtime.getURL('settings.html')
const ExtractButton = document.getElementById('extract-texture')
ExtractButton.addEventListener('click', async function(){
const MeshURL = (await (await fetch('https://api.polytoria.com/v1/assets/serve-mesh/' + ExtractButton.previousElementSibling.value)).json()).url
if (MeshURL !== undefined) {
const Mesh = (await (await fetch(MeshURL)).arrayBuffer())
const ParsedGTLF = ParseGLB(Mesh)
const Texture = GetTexture(ParsedGTLF);
if (Texture) {
const DownloadLink = document.createElement('a');
DownloadLink.href = Texture;
DownloadLink.download = ExtractButton.previousElementSibling.value + '.png';
document.body.appendChild(DownloadLink)
DownloadLink.click()
DownloadLink.remove()
}
}
})
function ParseGLB(arrayBuffer) {
const MAGIC_glTF = 0x46546C67;
const dataView = new DataView(arrayBuffer);
const magic = dataView.getUint32(0, true);
if (magic !== MAGIC_glTF) {
throw new Error('Invalid GLB file.');
}
const version = dataView.getUint32(4, true);
if (version !== 2) {
throw new Error('Unsupported GLB version.');
}
const length = dataView.getUint32(8, true);
const chunkLength = dataView.getUint32(12, true);
const chunkType = dataView.getUint32(16, true);
if (chunkType !== 0x4E4F534A) {
throw new Error('Invalid GLB JSON chunk.');
}
const jsonChunk = new TextDecoder().decode(
new Uint8Array(arrayBuffer, 20, chunkLength)
);
const json = JSON.parse(jsonChunk);
const binChunkHeader = 20 + chunkLength;
const binChunkLength = dataView.getUint32(binChunkHeader, true);
const binChunkType = dataView.getUint32(binChunkHeader + 4, true);
if (binChunkType !== 0x004E4942) {
throw new Error('Invalid GLB BIN chunk.');
}
const binChunk = arrayBuffer.slice(binChunkHeader + 8, binChunkHeader + 8 + binChunkLength);
return {
json: json,
bin: binChunk
};
}
function GetTexture(gltf) {
let Texture = null
const images = gltf.json.images;
if (images.length === 0) {
return null;
}
const image = images[0];
const bufferView = gltf.json.bufferViews[image.bufferView];
const byteOffset = bufferView.byteOffset || 0;
const byteLength = bufferView.byteLength;
const buffer = new Uint8Array(gltf.bin, byteOffset, byteLength);
const blob = new Blob([buffer], { type: image.mimeType });
return URL.createObjectURL(blob);
}

346
resources/avatar-sandbox.html
View file

@ -2,26 +2,9 @@
#options { #options {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
margin-bottom: 15px; margin: 20px;
margin-bottom: 40px;
font-size: 1.25rem; font-size: 1.25rem;
background: #1a1a1a;
border-radius: 10px;
padding: 2.5px;
font-size: 1.25rem;
/*
button iteration #2
font-size: 1.25rem;
background: #333333;
border-radius: var(--bs-card-border-radius);
padding: 2.5px;
font-size: 1.25rem;
left: -1px;
bottom: -1px;
border-top-left-radius: 0px;
border-bottom-right-radius: 0px;
*/
} }
#options *:not(input) { #options *:not(input) {
@ -34,214 +17,59 @@
#options *:not(input):not(:nth-child(2)) { #options *:not(input):not(:nth-child(2)) {
margin-bottom: 3.5px; margin-bottom: 3.5px;
} }
[class^="p+outfit_overwrite_button"]:hover, [class^="p+outfit_delete_button"]:hover {
cursor: pointer;
}
[id="p+retro_items_warning"] {
display: none;
color: #000;
font-weight: bold;
}
body:has([data-tab="retro"].active) [id="p+retro_items_warning"] {
display: block;
}
</style> </style>
<dialog id="p+body_colors" class="polyplus-modal" style="width: 375px; border: 1px solid #484848; background-color: #181818; border-radius: 20px; overflow: hidden;">
<div class="row text-muted mb-4" style="font-size: 0.8rem;">
<div class="col">
<h5 class="mb-0" style="color: #fff;">Modify Body Colors</h5>
Selected Body Part: <i id="p+selected_bodypart">none</i>
</div>
<div class="col-md-3">
<button class="btn btn-info w-100 mx-auto" onclick="this.parentElement.parentElement.parentElement.close();">X</button>
</div>
</div>
<div class="modal-body">
<div class="wrapper">
<div class="colorpicker-color" style="background-color: #f8f8f8"></div>
<div class="colorpicker-color" style="background-color: #cdcdcd"></div>
<div class="colorpicker-color" style="background-color: #111111"></div>
<div class="colorpicker-color" style="background-color: #ff0000"></div>
<div class="colorpicker-color" style="background-color: #a34b4b"></div>
<div class="colorpicker-color" style="background-color: #ffc9c9"></div>
<div class="colorpicker-color" style="background-color: #957977"></div>
<div class="colorpicker-color" style="background-color: #c4281c"></div>
<div class="colorpicker-color" style="background-color: #da867a"></div>
<div class="colorpicker-color" style="background-color: #694028"></div>
<div class="colorpicker-color" style="background-color: #cc8e69"></div>
<div class="colorpicker-color" style="background-color: #a05f35"></div>
<div class="colorpicker-color" style="background-color: #7c5c46"></div>
<div class="colorpicker-color" style="background-color: #eab892"></div>
<div class="colorpicker-color" style="background-color: #da8541"></div>
<div class="colorpicker-color" style="background-color: #aa5500"></div>
<div class="colorpicker-color" style="background-color: #ffcc99"></div>
<div class="colorpicker-color" style="background-color: #e29b40"></div>
<div class="colorpicker-color" style="background-color: #ffaf00"></div>
<div class="colorpicker-color" style="background-color: #ffb000"></div>
<div class="colorpicker-color" style="background-color: #d7c59a"></div>
<div class="colorpicker-color" style="background-color: #f5cd30"></div>
<div class="colorpicker-color" style="background-color: #fdea8d"></div>
<div class="colorpicker-color" style="background-color: #e5e4df"></div>
<div class="colorpicker-color" style="background-color: #c1be42"></div>
<div class="colorpicker-color" style="background-color: #ffff00"></div>
<div class="colorpicker-color" style="background-color: #ffffcc"></div>
<div class="colorpicker-color" style="background-color: #a4bd47"></div>
<div class="colorpicker-color" style="background-color: #7f8e64"></div>
<div class="colorpicker-color" style="background-color: #a1c48c"></div>
<div class="colorpicker-color" style="background-color: #3a7d15"></div>
<div class="colorpicker-color" style="background-color: #4b974b"></div>
<div class="colorpicker-color" style="background-color: #00ff00"></div>
<div class="colorpicker-color" style="background-color: #ccffcc"></div>
<div class="colorpicker-color" style="background-color: #27462d"></div>
<div class="colorpicker-color" style="background-color: #287f47"></div>
<div class="colorpicker-color" style="background-color: #789082"></div>
<div class="colorpicker-color" style="background-color: #9ff3e9"></div>
<div class="colorpicker-color" style="background-color: #12eed4"></div>
<div class="colorpicker-color" style="background-color: #f2f3f3"></div>
<div class="colorpicker-color" style="background-color: #00ffff"></div>
<div class="colorpicker-color" style="background-color: #008f9c"></div>
<div class="colorpicker-color" style="background-color: #04afec"></div>
<div class="colorpicker-color" style="background-color: #80bbdb"></div>
<div class="colorpicker-color" style="background-color: #b4d2e4"></div>
<div class="colorpicker-color" style="background-color: #0d69ac"></div>
<div class="colorpicker-color" style="background-color: #1b2a35"></div>
<div class="colorpicker-color" style="background-color: #afddff"></div>
<div class="colorpicker-color" style="background-color: #6e99ca"></div>
<div class="colorpicker-color" style="background-color: #74869d"></div>
<div class="colorpicker-color" style="background-color: #2154b9"></div>
<div class="colorpicker-color" style="background-color: #002060"></div>
<div class="colorpicker-color" style="background-color: #0000ff"></div>
<div class="colorpicker-color" style="background-color: #b1a7ff"></div>
<div class="colorpicker-color" style="background-color: #a3a2a5"></div>
<div class="colorpicker-color" style="background-color: #6225d1"></div>
<div class="colorpicker-color" style="background-color: #b480ff"></div>
<div class="colorpicker-color" style="background-color: #8c5b9f"></div>
<div class="colorpicker-color" style="background-color: #6b327c"></div>
<div class="colorpicker-color" style="background-color: #aa00aa"></div>
<div class="colorpicker-color" style="background-color: #635f62"></div>
<div class="colorpicker-color" style="background-color: #ff00bf"></div>
<div class="colorpicker-color" style="background-color: #ff66cc"></div>
<div class="colorpicker-color" style="background-color: #e8bac8"></div>
</div>
<div class="input-group mt-2">
<input type="text" class="form-control bg-dark" placeholder="HEX Code..">
<button id="p+bodypart_customhex" class="btn btn-primary">Set</button>
</div>
</div>
</dialog>
<dialog id="p+outfit_create" class="polyplus-modal" style="width: 375px; border: 1px solid #484848; background-color: #181818; border-radius: 20px; overflow: hidden;">
<div class="row text-muted mb-4" style="font-size: 0.8rem;">
<div class="col">
<h5 class="mb-0" style="color: #fff;">Create Outfit</h5>
Save this avatar for later!
</div>
<div class="col-md-2">
<button class="btn btn-info w-100 mx-auto" onclick="this.parentElement.parentElement.parentElement.close();">X</button>
</div>
</div>
<div class="modal-body">
<div class="input-group mb-2">
<input type="text" class="form-control" placeholder="Outfit Name...">
<button id="p+save_outfit_confirm" class="btn btn-success">Save</button>
</div>
<b id="p+outfit_create_error" class="text-muted" style="font-size: 0.85rem;"><i class="fa-duotone fa-square-question mr-1"></i> ...</b>
</div>
</dialog>
<dialog id="p+outfit_rename" class="polyplus-modal" style="width: 375px; border: 1px solid #484848; background-color: #181818; border-radius: 20px; overflow: hidden;">
<div class="row text-muted mb-4" style="font-size: 0.8rem;">
<div class="col">
<h5 class="mb-0" style="color: #fff;">Rename Outfit</h5>
Renaming Outfit "<i id="p+outfit_rename_name">none</i>"
</div>
<div class="col-md-2">
<button class="btn btn-info w-100 mx-auto" onclick="this.parentElement.parentElement.parentElement.close();">X</button>
</div>
</div>
<div class="modal-body">
<div class="input-group mb-2">
<input type="text" class="form-control" placeholder="New Outfit Name...">
<button id="p+rename_outfit_confirm" class="btn btn-success">Save</button>
</div>
<b id="p+outfit_rename_error" class="text-muted" style="font-size: 0.85rem;"><i class="fa-duotone fa-square-question mr-1"></i> ...</b>
</div>
</dialog>
<span class="badge bg-warning mb-2" id="view-cache">Poly+</span>
<h4 class="d-none d-lg-block">
Avatar Sandbox
</h4>
<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">
<i class="fad fa-user-crown"></i>
Avatar Sandbox
</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()" data-bs-toggle="tooltip" data-bs-title="Upload" data-bs-placement="right"> <button aria-label="Upload JSON!" onclick="this.parentElement.previousElementSibling.click()">
<i class="fa-duotone fa-upload"></i> <i class="fa-duotone fa-download"></i>
</button> </button>
</label> </label>
<button id="jsonSave" aria-label="Save as JSON!" style="display: block;" data-bs-toggle="tooltip" data-bs-title="Download" data-bs-placement="right"> <button id="jsonSave" aria-label="Save as JSON!" style="display: block;">
<i class="fa-duotone fa-download"></i> <i class="fa-duotone fa-upload"></i>
</button> </button>
<button aria-label="View in full screen!" style="display: block;" onclick="document.getElementById('viewFrame').requestFullscreen()" data-bs-toggle="tooltip" data-bs-title="Full Screen" data-bs-placement="right"> <button id="openNewTab" aria-label="View in a new tab!" style="display: block;">
<i class="fa-duotone fa-up-right-from-square"></i>
</button>
<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>
<button id="myself" class="btn btn-outline-primary w-100 mb-2">
<i class="fa-duotone fa-shirt"></i>
Load Myself
</button>
<div class="row mb-3"> <div class="row mb-3">
<div class="col">
<button id="myself" class="btn btn-outline-primary w-100">
<i class="fa-duotone fa-shirt"></i>
Myself
</button>
</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 class="col">
<button id="saveOutfit" class="btn btn-outline-success w-100">
<i class="fa-duotone fa-save"></i>
Save
</button>
</div> </div>
</div> <div class="input-group mb-3">
<hr class="mt-2 mb-3">
<div class="card mcard mb-3">
<h6 class="card-header text-center">
<i class="fad fa-wrench"></i>
Advanced
</h6>
<div class="card-body">
<small class="text-muted mb-1" style="font-size: 0.7rem;">Wear asset by ID</small>
<br>
<select class="form-select bg-dark mb-1" id="load-asset-type">
<option value="hat" selected>Hat</option>
<option value="tool">Tool</option>
<option value="face">Face</option>
<option value="torso">Body Part</option>
<hr>
<option value="shirt">Shirt</option>
<option value="pants">Pants</option>
<hr>
<option value="user">User Avatar</option>
</select>
<div class="input-group">
<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">Wear</button> <button class="btn btn-primary" id="load-asset">Load Asset</button>
</div> </div>
</div> <div class="card mcard mb-3">
</div> <h6 class="card-header">
<div class="card mcard mb-1">
<h6 class="card-header text-center">
<i class="fad fa-palette"></i> <i class="fad fa-palette"></i>
Body Colors Body Colors
</h6> </h6>
@ -251,132 +79,58 @@
<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="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 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 class="avatarAction bodypart bp1x2" id="leftArm" style="background-color: #e0e0e0; margin-left: 5px;"></button>
</div> </div>
<div> <div>
<button class="avatarAction bodypart bp1x2" id="rightLeg" style="background-color: #e0e0e0; margin-right: 5px; padding-right: 18px;"></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> ><button id="leftLeg" class="avatarAction bodypart bp1x2" style="background-color: #e0e0e0; padding-right: 18px;"></button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<small class="text-muted text-center" style="font-size: 0.7rem;">thanks to <a href="https://polytoria.com/u/Hawli">@Hawli</a> and <a href="https://polytoria.com/u/Emir">@Emir</a> for letting me use their<br><a href="https://poly-archive.vercel.app/" target="_blank">Poly-Archive</a> website's assets!</small>
<hr class="mt-2 mb-1">
<small class="text-muted text-center" style="font-size: 0.7rem;">feature of Poly+</small> <small class="text-muted text-center" style="font-size: 0.7rem;">feature of Poly+</small>
<!--
Public API does not have an offsale parameter
<span class="form-check form-switch" style="font-size: 0.7rem;">
<input class="form-check-input" type="checkbox" role="switch" id="show-offsale" checked />
<label class="form-check-label" for="hide-user-ads-banner">Show Offsale Items</label>
</span>
-->
</div> </div>
<div class="col-12 col-lg-9"> <div class="col-12 col-lg-9">
<ul class="nav nav-pills no-shrink avatar-nav-pills nav-justified row" id="tabs"> <ul class="nav nav-pills nav-justified mb-3" id="tabs">
<li class="nav-item col-6 col-md-4 col-xl-3" style="flex: unset"> <li class="nav-item">
<a class="nav-link active" data-tab="hat"> <a class="nav-link active" data-tab="hat">
<i class="fas fa-hat-wizard me-1"></i> <i class="fas fa-hat-cowboy me-1"></i>
<span class="pilltitle">Accessories</span> Hats
</a> </a>
</li> </li>
<li class="nav-item col-6 col-md-4 col-xl-3" style="flex: unset"> <li class="nav-item">
<a class="nav-link" data-tab="shirt">
<i class="fas fa-tshirt me-1"></i>
<span class="pilltitle">Shirts</span>
</a>
</li>
<li class="nav-item col-6 col-md-4 col-xl-3" style="flex: unset">
<a class="nav-link" data-tab="pants">
<i class="fas fa-socks me-1"></i>
<span class="pilltitle">Pants</span>
</a>
</li>
<li class="nav-item col-6 col-md-4 col-xl-3" style="flex: unset">
<a class="nav-link" data-tab="tool"> <a class="nav-link" data-tab="tool">
<i class="fas fa-hammer me-1"></i> <i class="fas fa-hammer me-1"></i>
<span class="pilltitle">Tools</span> Tools
</a> </a>
</li> </li>
<li class="nav-item col-6 col-md-4 col-xl-3" style="flex: unset"> <li class="nav-item">
<a class="nav-link" data-tab="face"> <a class="nav-link" data-tab="face">
<i class="fas fa-face-smile me-1"></i> <i class="fas fa-face-smile me-1"></i>
<span class="pilltitle">Faces</span> Faces
</a> </a>
</li> </li>
<li class="nav-item col-6 col-md-4 col-xl-3" style="flex: unset"> <li class="nav-item">
<a class="nav-link" data-tab="torso"> <a class="nav-link" data-tab="shirt">
<i class="fas fa-cube me-1"></i> <i class="fas fa-tshirt me-1"></i>
<span class="pilltitle">Body Parts</span> Shirts
</a> </a>
</li> </li>
<li class="nav-item col-6 col-md-4 col-xl-3" style="flex: unset"> <li class="nav-item">
<a class="nav-link" data-tab="retro" data-bs-toggle="tooltip" data-bs-title="Items from Bloxtopia, Superium, and Polytoria v1!"> <a class="nav-link" data-tab="pants">
<i class="fa-solid fa-tv-retro me-1"></i> <i class="fas fa-socks me-1"></i>
<span class="pilltitle">Retro</span> Pants
</a>
</li>
<li class="nav-item col-6 col-md-4 col-xl-3" style="flex: unset">
<a class="nav-link" data-tab="outfit">
<i class="fas fa-person me-1"></i>
<span class="pilltitle">Outfits</span>
</a> </a>
</li> </li>
</ul> </ul>
<div role="alert" class="alert bg-warning text-center mb-1 mt-2" id="p+retro_items_warning"> <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;">
Items in this category are from past iterations of Polytoria. They can only be worn in the Avatar Sandbox. <input id="item-search" type="text" class="form-control mb-2" placeholder="Search for an item..." />
</div> <div class="row alignleft itemgrid" id="inventory"></div>
<div class="card px-2 pt-2 pb-2 mb-2" style="background: transparent; border-color: transparent; border-top-left-radius: 20px; border-top-right-radius: 20px;">
<div class="row mb-1">
<div class="col-md-4">
<div class="input-group">
<select id="item-sort" class="form-select retro-items-disable">
<option value="name">Name</option>
<option value="price">Price</option>
<option value="createdAt" selected>Creation Date</option>
<option value="updatedAt">Updated Date</option>
</select>
<select id="item-order" class="form-select retro-items-disable">
<option value="asc">Ascending</option>
<option value="desc">Descending</option>
</select>
</div>
</div>
<div class="col">
<div class="input-group">
<input id="item-search" type="text" class="form-control mb-2 retro-items-disable" placeholder="Search for an item..." />
<button id="search-btn" class="btn btn-primary h-100 retro-items-disable">Search</button>
</div>
</div>
</div>
<div class="row alignleft itemgrid mb-4" id="inventory"></div>
<nav id="pagination" style="margin: auto;">
<ul class="pagination">
<li class="page-item disabled" id="pagination-first">
<a class="page-link" href="#!">«</a>
</li>
<li class="page-item disabled" id="pagination-prev">
<a class="page-link" href="#!">‹</a>
</li>
<li class="page-item active">
<a class="page-link">
<span class="visually-hidden">Page</span>
<span id="pagination-current">1</span>
</a>
</li>
<li class="page-item" id="pagination-next">
<a class="page-link" href="#!">›</a>
</li>
<li class="page-item" id="pagination-last">
<a class="page-link" href="#!">»</a>
</li>
</ul>
</nav>
</div> </div>
<h6 class="card-header mb-2"><i class="fad fa-hat-wizard me-1"></i> Wearing</h6> <h6 class="card-header mb-2"><i class="fad fa-hat-wizard me-1"></i> Wearing</h6>
<div class="card px-2 pt-2 pb-2 mb-4" style="background: transparent; border-color: transparent; border-top-left-radius: 20px; border-top-right-radius: 20px;"> <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="wearing"></div> <div class="row alignleft itemgrid" id="wearing"></div>
</div> </div>
</div> </div>

5
resources/registerTooltips.js
View file

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

57
resources/utils.js
View file

@ -97,45 +97,11 @@ export default {
Enabled: false, Enabled: false,
Banners: true, Banners: true,
Rectangles: true Rectangles: true
}, }
UploadMultipleDecals: true,
GD_ServerBalanceOn: true,
AvatarDimensionToggleOn: true,
TheGreatDivide: {
Enabled: true,
UnbalancedIndicatorOn: true,
MVPUserIndicatorOn: true,
UserStatsOn: true,
LeaderboardsOn: true
},
CollectibleInventoryCatOn: true,
ValueListInfo: {
Enabled: true,
ItemValuation: true,
TradeValuation: true
},
ImprovedAchievements: {
Enabled: true,
ProgressBarOn: true,
PercentageOn: true,
OpacityOn: true
},
TimePlayedOn: true,
HomeJoinFriendsButtonOn: true,
ImprovedPlaceManagement: {
Enabled: true,
QuickActivityToggleOn: true,
PlaceFileDownloadOn: true,
MultiWhitelistOn: true,
ClearWhitelistOn: true
},
MoreBlockedDetailsOn: true,
AssetDesignerCreditOn: true
}, },
Limits: { Limits: {
PinnedGames: 10, PinnedGames: 10,
BestFriends: 15, BestFriends: 15,
// Item Wishlist and ImprovedFrLists limit here is not implemented in the code
ImprovedFrLists: 20, ImprovedFrLists: 20,
ItemWishlist: 20, ItemWishlist: 20,
HoardersListPages: 4 HoardersListPages: 4
@ -232,16 +198,6 @@ export default {
Result = (bricks * 0.49).toFixed(2); Result = (bricks * 0.49).toFixed(2);
Display = 'BRL'; Display = 'BRL';
break;
// Zimbabwean Dollar
case 8:
Icon = 'Z$'
IsIconAbbr = true
Result = (bricks * 0.13739106).toFixed(2)
Display = 'ZWL'
break; break;
} }
@ -302,16 +258,5 @@ export default {
} }
return mergedObj; return mergedObj;
},
RatelimitRepeatingFetch: async function (...args) {
const req = await fetch(...args);
if (req.status === 429) {
const retryAfter = req.headers.get('Retry-After') || 1; // Retry after 1 second if no header is present, else use the header value
await new Promise((resolve) => setTimeout(resolve, retryAfter * 1000));
return RatelimitRepeatingFetch(...args);
}
return req;
} }
}; };

792
settings.html
View file

@ -1,4 +1,3 @@
<!doctype html>
<html> <html>
<head> <head>
<!-- META TAGS --> <!-- META TAGS -->
@ -10,9 +9,111 @@
<!-- RESOURCES --> <!-- RESOURCES -->
<link rel="stylesheet" href="css/polytoria.css" /> <link rel="stylesheet" href="css/polytoria.css" />
<link rel="stylesheet" href="css/settings.css" />
</head> </head>
<body data-bs-theme="dark"> <body data-bs-theme="dark">
<style>
html,
body,
#page {
background: #202020;
color: #fff;
}
#page {
margin-top: 7.5rem;
width: 65%;
margin-right: auto;
margin-left: auto;
margin-bottom: 3.5rem;
}
h1 {
font-size: 4.6rem;
/*color: rgb(48, 48, 48);*/
}
h1 span.indent {
border-left: 10px solid rgb(48, 48, 48);
margin-right: 15px;
}
h1 span.highlight {
color: red;
}
h2 {
color: rgb(48, 48, 48);
}
h2 span.indent {
border-left: 7.5px solid rgb(48, 48, 48);
margin-right: 15px;
}
p span.title {
font-size: 1.4rem;
font-weight: lighter;
}
span.desc {
color: rgb(120, 120, 120);
}
.goback {
color: rgb(120, 120, 120);
text-decoration: none;
}
dialog {
background-color: #080808;
color: #c4c4c4;
border: 1px solid #3bafff;
border-radius: 10px;
}
.input-group-text {
background-color: #000;
border-color: #000;
color: #fff;
}
label {
font-size: 0.8rem;
margin-bottom: 2.75px;
}
dialog::backdrop {
background-color: rgba(0, 0, 0, 0.73);
}
dialog .modal-header p {
margin-bottom: 0px;
color: #fff;
}
dialog .modal-body p:first-child {
font-size: 0.9rem;
}
.setting-container .indicator {
border-radius: 5rem;
display: inline-block;
cursor: default;
}
.setting-container.enabled .indicator {
background-color: #007bff;
}
.setting-container.disabled .indicator {
background-color: orangered;
}
.toggle-btn {
float: right;
width: 100px;
}
</style>
<dialog class="w-50" id="ResetDefaults-Modal"> <dialog class="w-50" id="ResetDefaults-Modal">
<div class="modal-header"> <div class="modal-header">
<p>Are you sure?</p> <p>Are you sure?</p>
@ -220,134 +321,63 @@
</div> </div>
</div> </div>
</dialog> </dialog>
<dialog class="w-75" id="AutoAdBidding-Modal" data-setting="AutoAdBidding">
<div class="modal-header">
<p>Automatic Ad Bidding</p>
</div>
<div class="modal-body">
<p>description (max 10 ads)</p>
<hr class="mt-2 mb-3" />
<div class="input-group mb-2">
<input type="text" class="form-control ignore" placeholder="Ad ID..">
<button class="btn btn-primary" id="auto-ad-bidding-add">Add</button>
</div>
<table class="table">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Ad Name</th>
<th scope="col">Bid</th>
<th scope="col">Automation</th>
<th scope="col">Actions</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td><a href="https://polytoria.com/create/ad/632">"everdayi m shuffling"</a></td>
<td class="text-success"><span class="pi">$</span> 150</td>
<td>
<select class="form-select ignore">
<option value="daily" selected>Daily</option>
<option value="weekly">Weekly</option>
<option value="monthly">Monthly</option>
</select>
</td>
<td>
<div role="group" class="btn-group w-100">
<button class="btn btn-success w-25">
BID
</button>
<button class="btn btn-orange w-25">
EDIT
</button>
<button class="btn btn-danger w-25">
DELETE
</button>
</div>
</td>
</tr>
</tbody>
</table>
<div role="group" class="btn-group w-100">
<button class="btn btn-success w-25" data-setting="[save]">Save</button>
<button class="btn btn-warning w-25" data-setting="[reset-default]">Reset to Defaults</button>
<button class="btn btn-secondary w-25" data-setting="[cancel]">Cancel</button>
</div>
</div>
</dialog>
<div id="page"> <div id="page">
<h1 <h1 class="text-center" style="text-shadow: 0px 0px 5px orange; padding-bottom: 5px; margin-bottom: 10px;">Poly+ Settings</h1>
class="text-center" <p class="setting-container" id="pinned-games">
style="
text-shadow: 0px 0px 5px orange;
padding-bottom: 5px;
margin-bottom: 10px;
"
>
Poly+ Settings
</h1>
<div class="setting-container" id="pinned-games">
<span class="indicator">&nbsp;</span> <span class="indicator">&nbsp;</span>
<span class="title"> <span class="title">
Pinned Games Pinned Games
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="PinnedGamesOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="PinnedGamesOn">Toggle</button>
</div> </span>
<br /> <br />
<span class="desc">Pin your favorite places to the top of the homepage! (limit: <span id="PinnedGames-limit"></span> places)</span> <span class="desc">Pin your favorite places to the top of the homepage! (limit: <span id="PinnedGames-limit"></span> places)</span>
</div> </p>
<div class="setting-container" id="forum-mentions"> <p class="setting-container" id="forum-mentions">
<span class="indicator">&nbsp;</span> <span class="indicator">&nbsp;</span>
<span class="title"> <span class="title">
Forum Mentions Forum Mentions
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="ForumMentsOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="ForumMentsOn">Toggle</button>
</div> </span>
<br /> <br />
<span class="desc"> <span class="desc">Get a quick link to the popular person everyone is talking about's profile!</span>
Get a quick link to the popular person everyone is talking about's profile! <br />
<span style="font-size: 0.8rem; color: orange;">* Forum Mentions do not notify the user or show up as a notification on their account.</span>
</p>
<p class="setting-container" id="best-friends">
<span class="indicator">&nbsp;</span>
<span class="title">
Best Friends
<button class="btn btn-sm toggle-btn" data-setting="BestFriendsOn">Toggle</button>
</span> </span>
<span class="warning"> <br />
* Forum Mentions do not notify the user or show up as a notification on their account. <span class="desc">Prioritize the bestest of friends on applicable friend lists! (limit: <span id="BestFriends-limit"></span> best friends)</span>
</span> </p>
</div> <p class="setting-container" id="improved-friend-lists">
<div class="setting-container" id="improved-friend-lists">
<span class="indicator">&nbsp;</span> <span class="indicator">&nbsp;</span>
<span class="title"> <span class="title">
Improved Friend Lists Improved Friend Lists
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="ImprovedFrListsOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="ImprovedFrListsOn">Toggle</button>
</div> </span>
<br /> <br />
<span class="desc"> <span class="desc">
Accept or decline all friend requests with the click of a button or multi-remove existing friends! Accept or decline all friend requests with the click of a button or multi-remove existing friends!
<br />
<span style="font-size: 0.8rem; color: orange;">* You can only remove up to <span id="ImprovedFrLists-limit"></span> friends at once.</span>
</span> </span>
<span class="warning"> </p>
* You can only remove up to <span id="ImprovedFrLists-limit"></span> friends at once. <p class="setting-container" id="irl-price-with-brick-count">
</span>
</div>
<div class="setting-container" id="irl-price-with-brick-count">
<span class="indicator">&nbsp;</span> <span class="indicator">&nbsp;</span>
<span class="title"> <span class="title">
Show IRL price with Brick Count Show IRL price with Brick Count
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="Enabled" data-parent="IRLPriceWithCurrency">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="Enabled" data-parent="IRLPriceWithCurrency">Toggle</button>
</div> </span>
<br /> <br />
<span class="desc"> <span class="desc mb-4">
See the real life currency value along with Bricks across the site! See the real life currency value along with Bricks across the site!
</span> <br />
<span class="warning"> <span style="font-size: 0.8rem; color: orange;">* Currencies were calculated on <span id="IRLPriceWithCurrency-Date">[DATE]</span>.</span>
* Currencies were calculated on <span id="IRLPriceWithCurrency-Date">[DATE]</span>. <br />
</span> <span style="font-size: 0.8rem; color: orange;">* Currencies other than USD are purely approximations.</span>
<span class="warning">
* Currencies other than USD are purely approximations.
</span> </span>
<select id="IRLPriceWithCurrencyCurrency" class="form-select form-select-sm mb-2" style="width:350px;" data-setting="Currency" data-parent="IRLPriceWithCurrency"> <select id="IRLPriceWithCurrencyCurrency" class="form-select form-select-sm mb-2" style="width:350px;" data-setting="Currency" data-parent="IRLPriceWithCurrency">
<option value="USD" selected>United States Dollar (USD)</option> <option value="USD" selected>United States Dollar (USD)</option>
@ -358,7 +388,6 @@
<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>
<option value="BRL">Brazilian Real (BRL)</option> <option value="BRL">Brazilian Real (BRL)</option>
<option value="ZWL">Zimbabwean Dollar (ZWL)</option>
</select> </select>
<!-- <!--
<select id="IRLPriceWithCurrencyPackage" class="form-select form-select-sm mb-2" style="width:350px;" data-setting="Package" data-parent="IRLPriceWithCurrency"> <select id="IRLPriceWithCurrencyPackage" class="form-select form-select-sm mb-2" style="width:350px;" data-setting="Package" data-parent="IRLPriceWithCurrency">
@ -370,185 +399,145 @@
<option value="5">$99.99 Brick Package</option> <option value="5">$99.99 Brick Package</option>
</select> </select>
--> -->
</div> </p>
<div class="setting-container" id="hide-notification-badges"> <p class="setting-container" id="hide-notification-badges">
<span class="indicator">&nbsp;</span> <span class="indicator">&nbsp;</span>
<span class="title"> <span class="title">
Hide Notification Badges Hide Notification Badges
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="HideNotifBadgesOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="HideNotifBadgesOn">Toggle</button>
</div> </span>
<br /> <br />
<span class="desc">Hide the annoying red circles on the sidebar!</span> <span class="desc">Hide the annoying red circles on the sidebar!</span>
</div> </p>
<div class="setting-container" id="store-own-tag"> <p class="setting-container" id="store-own-tag">
<span class="indicator">&nbsp;</span> <span class="indicator">&nbsp;</span>
<span class="title"> <span class="title">
Show "OWNED" Tag on Store Main Page Show "OWNED" Tag on Store Main Page
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="StoreOwnTagOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="StoreOwnTagOn">Toggle</button>
</div> </span>
<br /> <br />
<span class="desc"> <span class="desc">Quickly see if you own the item at a glance with a little tag in the top left corner of item cards on the main store page!</span>
Quickly see if you own the item at a glance with a little tag in the top left corner of item cards on the main store page! </p>
</span> <p class="setting-container" id="theme-creator">
<span class="note">
* If the star is yellow/orange, that means the item is a collectible and hovering on the star will show your serial.
</span>
</div>
<div class="setting-container" id="theme-creator">
<span class="indicator">&nbsp;</span> <span class="indicator">&nbsp;</span>
<span class="title"> <span class="title">
Theme Creator Theme Creator
</span>
<div class="setting-buttons">
<button id="ThemeCreator-Options" class="btn btn-primary btn-sm options-btn" data-modal="ThemeCreator">Options</button>
<button class="btn btn-sm toggle-btn" data-setting="Enabled" data-parent="ThemeCreator">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="Enabled" data-parent="ThemeCreator">Toggle</button>
</div> <button id="ThemeCreator-Options" class="btn btn-primary btn-sm" data-modal="ThemeCreator">Options</button>
</span>
<br /> <br />
<span class="desc">Unleash your creativity and customize the Polytoria website to your liking! (this feature is still in development)</span> <span class="desc">Unleash your creativity and customize the Polytoria website to your liking! (this feature is still in development)</span>
</div> </p>
<div class="setting-container" id="more-search-filters"> <p class="setting-container" id="more-search-filters">
<span class="indicator">&nbsp;</span> <span class="indicator">&nbsp;</span>
<span class="title"> <span class="title">
More Search Filters More Search Filters
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="MoreSearchFiltersOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="MoreSearchFiltersOn">Toggle</button>
</div> </span>
<br /> <br />
<span class="desc"> <span class="desc">Easily find what you're looking for with more search filters side-wide! (this does not affect the main site search on the navbar)</span>
Easily find what you're looking for with more search filters side-wide! (this does not affect the main site search on the navbar) <br />
</span> <span style="font-size: 0.8rem; color: orange;">* This currently only has a "Creator" username filter on the forum search page, more search filters are yet to come.</span>
<span class="warning"> </p>
* This currently only has a "Creator" username filter on the forum search page, more search filters are yet to come. <p class="setting-container" id="apply-membership-theme">
</span>
</div>
<div class="setting-container" id="apply-membership-theme">
<span class="indicator">&nbsp;</span> <span class="indicator">&nbsp;</span>
<span class="title"> <span class="title">
Apply Membership Theme for <b>Free</b> Apply Membership Theme for <b>Free</b>
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="Enabled" data-parent="ApplyMembershipTheme">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="Enabled" data-parent="ApplyMembershipTheme">Toggle</button>
</div> </span>
<br /> <br />
<span class="desc">Ever want the fancy membership themes for completely <b>free</b>? Well now you can get apply them site-wide!</span> <span class="desc">Ever want the fancy membership themes for completely <b>free</b>? Well now you can get apply them site-wide!</span>
<select id="ApplyMembershipThemeTheme" class="form-select form-select-sm mb-2" style="width:350px;" data-setting="Theme" data-parent="ApplyMembershipTheme"> <select id="ApplyMembershipThemeTheme" class="form-select form-select-sm mb-2" style="width:350px;" data-setting="Theme" data-parent="ApplyMembershipTheme">
<option value="Plus" selected>Plus</option> <option value="Plus" selected>Plus</option>
<option value="PlusDX">Plus Deluxe</option> <option value="PlusDX">Plus Deluxe</option>
</select> </select>
</div> </p>
<div class="setting-container" id="multi-cancel-outbound-trades"> <p class="setting-container" id="multi-cancel-outbound-trades">
<span class="indicator">&nbsp;</span> <span class="indicator">&nbsp;</span>
<span class="title"> <span class="title">
Multi-Cancel Outbound Trades Multi-Cancel Outbound Trades
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="MultiCancelOutTradesOns">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="MultiCancelOutTradesOns">Toggle</button>
</div> </span>
<br /> <br />
<span class="desc"> <span class="desc">
Quickly cancel several out-bound trades (trades that you have sent) all at once Quickly cancel several out-bound trades (trades that you have sent) all at once
<br /> <br />
<span class="warning">* You can only cancel up to 10 trades at once.</span> <span style="font-size: 0.8rem; color: orange;">* You can only cancel up to 10 trades at once.</span>
</span> </span>
</div> </p>
<div class="setting-container" id="modify-navbar"> <p class="setting-container" id="modify-navbar">
<span class="indicator">&nbsp;</span> <span class="indicator">&nbsp;</span>
<span class="title"> <span class="title">
Modify Navbar Modify Navbar
</span>
<div class="setting-buttons">
<button id="ModifyNav-Options" class="btn btn-primary btn-sm options-btn" data-modal="ModifyNav">Options</button>
<button class="btn btn-sm toggle-btn" data-setting="ModifyNavOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="ModifyNavOn">Toggle</button>
</div> <button id="ModifyNav-Options" class="btn btn-primary btn-sm" data-modal="ModifyNav">Options</button>
</span>
<br /> <br />
<span class="desc"> Customize the navbar to your liking! </span> <span class="desc"> Customize the navbar to your liking! </span>
</div> </p>
<div class="setting-container" id="item-wishlist"> <p class="setting-container" id="item-wishlist">
<span class="indicator">&nbsp;</span> <span class="indicator">&nbsp;</span>
<span class="title"> <span class="title">
Item Wishlist Item Wishlist
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="ItemWishlistOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="ItemWishlistOn">Toggle</button>
</div> </span>
<br /> <br />
<span class="desc"> Wishlist that item that you REALLY want! </span> <span class="desc"> Wishlist that item that you REALLY want! </span>
</div> </p>
<div class="setting-container" id="try-on-items"> <p class="setting-container" id="try-on-items">
<span class="indicator">&nbsp;</span> <span class="indicator">&nbsp;</span>
<span class="title"> <span class="title">
Try-On Items Try-On Items
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="TryOnItemsOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="TryOnItemsOn">Toggle</button>
</div> </span>
<br /> <br />
<span class="desc">See how that new item looks on your avatar before spending your bricks!</span> <span class="desc">See how that new item looks on your avatar before spending your bricks!</span>
</div> </p>
<div class="setting-container" id="outfit-cost"> <p class="setting-container" id="outfit-cost">
<span class="indicator">&nbsp;</span> <span class="indicator">&nbsp;</span>
<span class="title"> <span class="title">
Show Outfit Cost on Profiles Show Outfit Cost on Profiles
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="OutfitCostOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="OutfitCostOn">Toggle</button>
</div> </span>
<br /> <br />
<span class="desc">Quickly see how many bricks a user spent on their avatar!</span> <span class="desc">Quickly see how many bricks a user spent on their avatar!</span>
</div> </p>
<div class="setting-container" id="outfit-cost"> <p class="setting-container" id="outfit-cost">
<span class="indicator">&nbsp;</span> <span class="indicator">&nbsp;</span>
<span class="title"> <span class="title">
Show Approximate Place Revenue Show Approximate Place Revenue
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="ShowPlaceRevenueOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="ShowPlaceRevenueOn">Toggle</button>
</div> </span>
<br /> <br />
<span class="desc"> <span class="desc">Quickly see how many bricks a user has gained from one of their places!</span>
Quickly see how many bricks a user has gained from one of their places! <br />
</span> <span style="font-size: 0.8rem; color: orange;"
<span class="warning"> >* Gamepass revenue is calculated assuming the price hasn't changed and all users that bought the gamepass, bought it at the same price that it is at the time of calculating.</span
* Gamepass revenue is calculated assuming the price hasn't changed and all users that bought the gamepass, bought it at the same price that it is at the time of calculating. >
</span> </p>
</div> <p class="setting-container" id="item-replace-sales">
<div class="setting-container" id="item-replace-sales">
<span class="indicator">&nbsp;</span> <span class="indicator">&nbsp;</span>
<span class="title"> <span class="title">
Show "Owners" instead of "Sales" Show "Owners" instead of "Sales"
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="ReplaceItemSalesOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="ReplaceItemSalesOn">Toggle</button>
</div> </span>
<br /> <br />
<span class="desc">Replace the "Sales" statistic with the "Owners" statistic if the item has 0 sales (most likely meaning it is an item awarded by staff).</span> <span class="desc">Replace the "Sales" statistic with the "Owners" statistic if the item has 0 sales (most likely meaning it is an item awarded by staff).</span>
</div> </p>
<div class="setting-container" id="hoarders-list"> <p class="setting-container" id="hoarders-list">
<span class="indicator">&nbsp;</span> <span class="indicator">&nbsp;</span>
<span class="title"> <span class="title">
Collectibles' Hoarders List Collectibles' Hoarders List
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="Enabled" data-parent="HoardersList">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="Enabled" data-parent="HoardersList">Toggle</button>
</div> </span>
<br /> <br />
<span class="desc">List all the users that have more than 1 copy of a collectible!</span> <span class="desc">List all the users that have more than 1 copy of a collectible!</span>
<span class="note mb-3">
* The hoarders list is limited to <span id="HoardersList-pageLimit"></span> pages to reduce chance of ratelimiting and improve how fast the list loads
</span>
<span class="form-check form-switch"> <span class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="hoarders-list-avatars" data-setting="AvatarsEnabled" data-parent="HoardersList" /> <input class="form-check-input" type="checkbox" role="switch" id="hoarders-list-avatars" data-setting="AvatarsEnabled" data-parent="HoardersList" />
<label class="form-check-label" for="hoarders-list-avatars"> <label class="form-check-label" for="hoarders-list-avatars">
Show Avatar Icons Show Avatar Icons
<br /> <br />
<span class="warning"> <span style="font-size: 0.6rem; color: orange;">* Avatar icons will result in more requests, potentially leading to more ratelimiting and slower hoarder list loading.</span>
* Avatar icons will result in more requests, potentially leading to more ratelimiting and slower hoarder list loading.
</span>
</label> </label>
</span> </span>
<select class="form-select form-select-sm mb-2" style="width:350px;" data-setting="MinCopies" data-parent="HoardersList" data-useValue="true"> <select class="form-select form-select-sm mb-2" style="width:350px;" data-setting="MinCopies" data-parent="HoardersList" data-useValue="true">
@ -559,96 +548,56 @@
<option value="15">Min. 15+ Copies</option> <option value="15">Min. 15+ Copies</option>
<option value="35">Min. 35+ Copies</option> <option value="35">Min. 35+ Copies</option>
</select> </select>
</div> </p>
<div class="setting-container" id="improved-achievements"> <p class="setting-container" id="hoarders-list">
<span class="badge bg-primary mb-1">Now a Setting!</span>
<br>
<span class="indicator">&nbsp;</span>
<span class="title">
Improved Achievements
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="Enabled" data-parent="ImprovedAchievements">Toggle</button>
</div>
<br />
<span class="desc">
Quality-of-life improvements to achievements!
</span>
<span class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="progress-improved-achievements" data-setting="ProgressBarOn" data-parent="ImprovedAchievements" />
<label class="form-check-label" for="progress-improved-achievements"> Progress Bar on All Achievements in Place </label>
</span>
<span class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="percentage-improved-achievements" data-setting="PercentageOn" data-parent="ImprovedAchievements" />
<label class="form-check-label" for="percentage-improved-achievements"> Percentage of Players (& difficulty) </label>
</span>
<span class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="opacity-improved-achievements" data-setting="OpacityOn" data-parent="ImprovedAchievements" />
<label class="form-check-label" for="opacity-improved-achievements"> Fade out unowned achievements </label>
</span>
</div>
<div class="setting-container" id="hoarders-list">
<span class="indicator">&nbsp;</span> <span class="indicator">&nbsp;</span>
<span class="title"> <span class="title">
Quick Library Downloads Quick Library Downloads
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="LibraryDownloadsOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="LibraryDownloadsOn">Toggle</button>
</div> </span>
<br /> <br />
<span class="desc">Quickly download a model (as a <code>.ptmd</code> file), mesh, decal, or sound right from the page showing you details about the asset!</span> <span class="desc">Quickly download a model (as a <code>.ptmd</code> file), mesh, decal, or sound right from the page showing you details about the asset!</span>
</div> </p>
<div class="setting-container" id="event-items-store"> <p class="setting-container" id="event-items-store">
<span class="indicator">&nbsp;</span> <span class="indicator">&nbsp;</span>
<span class="title"> <span class="title">
"Event Items" Store Category "Event Items" Store Category
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="EventItemsCatOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="EventItemsCatOn">Toggle</button>
</div> </span>
<br /> <br />
<span class="desc">List all the on-going and past event items separated by their event with a store category!</span> <span class="desc">List all the on-going and past event items separated by their event with a store category!</span>
</div> </p>
<div class="setting-container" id="event-items-store"> <p class="setting-container" id="event-items-store">
<span class="indicator">&nbsp;</span> <span class="indicator">&nbsp;</span>
<span class="title"> <span class="title">
Show Friend Count on Homepage Show Friend Count on Homepage
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="HomeFriendCountOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="HomeFriendCountOn">Toggle</button>
</div> </span>
<br /> <br />
<span class="desc">See how many friends you have on your homepage/dashboard, just scroll to the "friends" section and you'll see it next to the heading!</span> <span class="desc">See how many friends you have on your homepage/dashboard, just scroll to the "friends" section and you'll see it next to the heading!</span>
</div> </p>
<div class="setting-container" id="timed-item-owner-check"> <p class="setting-container" id="timed-item-owner-check">
<span class="indicator">&nbsp;</span> <span class="indicator">&nbsp;</span>
<span class="title"> <span class="title">
Timed-Item Owner Check Timed-Item Owner Check
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="ItemOwnerCheckOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="ItemOwnerCheckOn">Toggle</button>
</div>
<br />
<span class="desc">
Click the shopping bags icon in the bottom left-hand corner of the timed item's item thumbnail to toggle an input and a button. Then just enter someone's username and it'll tell you whether
they own it or not and if so what serial!
</span> </span>
</div> <br />
<div class="setting-container" id="hide-user-ads"> <span class="desc"
>Click the shopping bags icon in the bottom left-hand corner of the timed item's item thumbnail to toggle an input and a button. Then just enter someone's username and it'll tell you whether
they own it or not and if so what serial!</span
>
</p>
<p class="setting-container" id="hide-user-ads">
<span class="indicator">&nbsp;</span> <span class="indicator">&nbsp;</span>
<span class="title"> <span class="title">
Hide User Ads Hide User Ads
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="Enabled" data-parent="HideUserAds">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="Enabled" data-parent="HideUserAds">Toggle</button>
</div> </span>
<br /> <br />
<span class="desc"> <span class="desc">Hide those annoying <s>out of context Discord message</s> user ads!</span>
Hide those annoying <s>out of context Discord message</s> user ads! <br />
</span> <span style="font-size: 0.8rem; color: orange;">* Ads that are shown to help support Polytoria are not hidden.</span>
<span class="warning">
* Ads that are shown to help support Polytoria are not hidden.
</span>
<span class="form-check form-switch"> <span class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="hide-user-ads-banner" data-setting="Banners" data-parent="HideUserAds" /> <input class="form-check-input" type="checkbox" role="switch" id="hide-user-ads-banner" data-setting="Banners" data-parent="HideUserAds" />
<label class="form-check-label" for="hide-user-ads-banner"> Hide Banner User Ads </label> <label class="form-check-label" for="hide-user-ads-banner"> Hide Banner User Ads </label>
@ -657,313 +606,60 @@
<input class="form-check-input" type="checkbox" role="switch" id="hide-user-ads-rectangle" data-setting="Rectangles" data-parent="HideUserAds" /> <input class="form-check-input" type="checkbox" role="switch" id="hide-user-ads-rectangle" data-setting="Rectangles" data-parent="HideUserAds" />
<label class="form-check-label" for="hide-user-ads-rectangle"> Hide Rectangle User Ads </label> <label class="form-check-label" for="hide-user-ads-rectangle"> Hide Rectangle User Ads </label>
</span> </span>
</div> </p>
<div class="setting-container" id="upload-multiple-decals">
<span class="indicator">&nbsp;</span>
<span class="title">
Multi-Decal Uploading
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="UploadMultipleDecals">Toggle</button>
</div>
<br />
<span class="desc">
Quickly upload several decals all at once!
</span>
</div>
<div class="setting-container" id="avatar-dimension-toggle">
<span class="indicator">&nbsp;</span>
<span class="title">
Avatar Dimension Toggle
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="AvatarDimensionToggleOn">Toggle</button>
</div>
<br />
<span class="desc">
Quickly switch between a 3D or 2D rendition of somebody's avatar on their profile page!
</span>
</div>
<div class="setting-container" id="collectibles-inventory-category">
<span class="indicator">&nbsp;</span>
<span class="title">
"Collectibles" Inventory Category
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="CollectibleInventoryCatOn">Toggle</button>
</div>
<br />
<span class="desc">
Sort a player's inventory by all of their limited-edition collectibles!
</span>
</div>
<div class="setting-container" id="value-list-info">
<span class="badge bg-primary mb-1">New in v1.3!</span>
<br>
<span class="indicator">&nbsp;</span>
<span class="title">
"List of Values Everlast" Integration
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="Enabled" data-parent="ValueListInfo">Toggle</button>
</div>
<br />
<span class="desc">
Quickly see a collectible's evaluation by the community-trusted "List-of-Values Everlast" guild! Credits to them for all value information provided by the extension.
</span>
<span class="note">
* This feature will be expanded to allow you to pick from a list of value lists (list-inception), if any prominent value lists pop-up in the future!
</span>
<span class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="item-view-valuation" data-setting="ItemValuation" data-parent="ValueListInfo" />
<label class="form-check-label" for="item-view-valuation"> Show Value Info on Item View Page </label>
</span>
<span class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="trade-valuation" data-setting="TradeValuation" data-parent="ValueListInfo" />
<label class="form-check-label" for="trade-valuation"> Show Value Info for all items on Trade View Page </label>
</span>
</div>
<div class="setting-container" id="readd-copyable-places">
<span class="badge bg-primary mb-1">New in v1.3!</span>
<br>
<span class="indicator">&nbsp;</span>
<span class="title">
Re-add Copyable Places
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="ReaddCopyablePlacesOn">Toggle</button>
</div>
<br />
<span class="desc">
Download "copyable" places on Polytoria again!
</span>
<span class="warning">
* This feature does not make it possible to set your place(s) as "copyable"
</span>
</div>
<div class="setting-container" id="home-join-friends">
<span class="badge bg-primary mb-1">New in v1.3!</span>
<br>
<span class="indicator">&nbsp;</span>
<span class="title">
Homepage Join Friends Tooltip Button
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="HomeJoinFriendsButtonOn">Toggle</button>
</div>
<br />
<span class="desc">
Quickly join your friends' servers by clicking the play button inside the tooltip in the "Friends" section of the homepage.
</span>
</div>
<div class="setting-container" id="improved-place-management">
<span class="badge bg-primary mb-1">Now a Setting!</span>
<br>
<span class="indicator">&nbsp;</span>
<span class="title">
Improved Place Management
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="Enabled" data-parent="ImprovedPlaceManagement">Toggle</button>
</div>
<br />
<span class="desc">
Develop the next hit game easier with a few management tools!
</span>
<span class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="quick-activity-toggle" data-setting="QuickActivityToggleOn" data-parent="ImprovedPlaceManagement" />
<label class="form-check-label" for="quick-activity-toggle"> Quick Place Activity Toggle </label>
</span>
<span class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="download-place-file-button" data-setting="PlaceFileDownloadOn" data-parent="ImprovedPlaceManagement" />
<label class="form-check-label" for="download-place-file-button"> Download Place File Button </label>
</span>
<span class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="multi-whitelist" data-setting="MultiWhitelistOn" data-parent="ImprovedPlaceManagement" />
<label class="form-check-label" for="multi-whitelist"> <span class="badge bg-primary mb-1">New in v1.3!</span> Multi-Whitelist Several Users </label>
</span>
<span class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="clear-whitelist-button" data-setting="ClearWhitelistOn" data-parent="ImprovedPlaceManagement" />
<label class="form-check-label" for="clear-whitelist-button"> <span class="badge bg-primary mb-1">New in v1.3!</span> Quick Clear Whitelist Button </label>
</span>
</div>
<div class="setting-container" id="more-blocked-details">
<span class="badge bg-primary mb-1">New in v1.3!</span>
<br>
<span class="indicator">&nbsp;</span>
<span class="title">
See Player ID and Join Date when Blocked
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="MoreBlockedDetailsOn">Toggle</button>
</div>
<br />
<span class="desc">
See someone's player ID and join date even if they have blocked you on their profile.
</span>
</div>
<div class="setting-container" id="asset-designer-credit">
<span class="badge bg-primary mb-1">New in v1.3!</span>
<br>
<span class="indicator">&nbsp;</span>
<span class="title">
Asset Designer Credit
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="AssetDesignerCreditOn">Toggle</button>
</div>
<br />
<span class="desc">
Check who modeled the item you're looking at on the item view page! If the text doesn't show up next to the sales counter, make sure to DM me so I can add whoever modeled that item.
</span>
</div>
<div class="setting-container" id="avatar-sandbox">
<span class="badge bg-primary mb-1">Finished & No longer Experimental in v1.3!</span>
<br>
<span class="indicator">&nbsp;</span>
<span class="title">
Avatar Sandbox
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="AvatarSandboxOn">Toggle</button>
</div>
<br />
<span class="desc">
Create an avatar with all the item possibilities available to your heart's content!
</span>
<span class="warning">
* This feature is not polished - things like modifying avatar "Body Colors", pagination, outfits, etc haven't been added.
</span>
</div>
<!---
coming soon maybe I don't know, I'm lazy
<div class="setting-container" id="auto-ad-bidding">
<span class="indicator">&nbsp;</span>
<span class="title">
Automatic Ad Bidding
</span>
<div class="setting-buttons">
<button class="btn btn-primary btn-sm" data-modal="AutoAdBidding">Options</button>
<button class="btn btn-sm toggle-btn" data-setting="AutoAdBiddingOn">Toggle</button>
</div>
<br />
<span class="desc">description</span>
</div>
-->
<div class="card mb-3">
<div class="card-body">
<h3>ARCHIVED SETTINGS</h3>
<p>Features here still work, but are separated from other features as they will no longer receive any improvements, or changes (bugs however may be fixed eventually if any are found).</p>
<hr />
<div class="card card-body limited-time setting-container mb-3 enabled" id="greatdivide-server-unbalance" style="background-image: linear-gradient(rgba(0.8, 0.8, 0.8, 0.8), rgba(0.8, 0.8, 0.8, 0.8)), url(/images/greatdivide.png); background-size: cover; background-position: center;">
<div class="row">
<div class="col-auto">
<span class="indicator">&nbsp;</span>
</div>
<div class="col">
<span class="title">
The Great Divide
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn btn-danger" data-setting="Enabled" data-parent="TheGreatDivide">Disable</button>
</div>
</div>
</div>
<span class="desc">Reinforcements to aid in your quest to bring home the victory to your team, and bring honor to your peers.</span>
<span class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="server-unbalanced-greatdivide" data-setting="UnbalancedIndicatorOn" data-parent="TheGreatDivide">
<label class="form-check-label" for="server-unbalanced-greatdivide">"Potentially Unbalanced" indicator in server list </label>
</span>
<span class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="user-statistics-greatdivide" data-setting="UserStatsOn" data-parent="TheGreatDivide">
<label class="form-check-label" for="user-statistics-greatdivide">User Statistics tab on profiles</label>
</span>
<small class="text-muted mt-1" style="font-size: 0.7rem;">
* features use <a href="https://polytoria.com/u/dargy" target="_blank">@dargy</a>'s public API! thank you!
</small>
<small class="limited-time-tag mt-1">
* was available until July 14th
</small>
</div>
</div>
</div>
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<h3>EXPERIMENTAL SETTINGS</h3> <h3>EXPERIMENTAL SETTINGS</h3>
<p>These features are a work in progress.</p> <p>These features are a work in progress.</p>
<hr /> <hr />
<div class="setting-container" id="time-played"> <p class="setting-container" id="game-profiles">
<span class="badge bg-primary mb-1">New in v1.3!</span>
<br>
<span class="indicator">&nbsp;</span>
<span class="title">
Time Played
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="TimePlayedOn">Toggle</button>
</div>
<br />
<span class="desc">
Track your playtime in places around Polytoria!
</span>
<span class="warning">
* Past playtime data (prior to extension install/prior to setting enable) is, understandably, not able to be tracked
</span>
</div>
<div class="setting-container" id="inline-editing">
<span class="indicator">&nbsp;</span>
<span class="title">
Inline Editing
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="InlineEditingOn">Toggle</button>
</div>
<br />
<span class="desc">Quickly edit your asset's details such as name and description on the same page as viewing the asset!</span>
<span class="warning">
* This feature only supports places at this time.
</span>
<span class="warning">
* This feature is not finished or polished.
</span>
</div>
<div class="setting-container" id="game-profiles">
<span class="indicator">&nbsp;</span> <span class="indicator">&nbsp;</span>
<span class="title"> <span class="title">
Game Profiles Game Profiles
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="GameProfilesOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="GameProfilesOn">Toggle</button>
</div> </span>
<br /> <br />
<span class="desc"> <span class="desc">Traverse a place view page that matches a place's color palette!</span>
Traverse a place view page that matches a place's color palette! <br />
<span style="font-size: 0.8rem; color: orange;">* Place creators must request a game profile for one to be made.</span>
<br />
<span style="font-size: 0.8rem; color: orange;">* This feature will be expanded upon in the future.</span>
</p>
<p class="setting-container" id="inline-editing">
<span class="indicator">&nbsp;</span>
<span class="title">
Inline Editing
<button class="btn btn-sm toggle-btn" data-setting="InlineEditingOn">Toggle</button>
</span> </span>
<span class="warning"> <br />
* Place creators must request a game profile for one to be made. <span class="desc">Quickly edit your asset's details such as name and description on the same page as viewing the asset!</span>
</span> <br />
<span class="warning"> <span style="font-size: 0.8rem; color: orange;">* This feature currently only supports places.</span>
* This feature will be expanded upon in the future. <br />
</span> <span style="font-size: 0.8rem; color: orange;">* This feature is not finished or polished.</span>
</div> </p>
<div class="setting-container" id="forum-unix-timestamps"> <p class="setting-container" id="forum-unix-timestamps">
<span class="indicator">&nbsp;</span> <span class="indicator">&nbsp;</span>
<span class="title"> <span class="title">
Forum Unix Timestamps Forum Unix Timestamps
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="ForumUnixStampsOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="ForumUnixStampsOn">Toggle</button>
</div> </span>
<br /> <br />
<span class="desc"> <span class="desc">See a date and time that is adjusted to everyone (who is using Poly+)'s local time</span>
See a date and time that is adjusted to everyone (who is using Poly+)'s local time. <br />
<span style="font-size: 0.8rem; color: orange;">* The styling for this feature is not yet done.</span>
</p>
<p class="setting-container" id="avatar-sandbox">
<span class="indicator">&nbsp;</span>
<span class="title">
Avatar Sandbox
<button class="btn btn-sm toggle-btn" data-setting="AvatarSandboxOn">Toggle</button>
</span> </span>
<span class="warning"> <br />
* The styling for this feature is not yet done. <span class="desc">Create an avatar with all the item possibilities available to your heart's content!</span>
</span> <br />
</div> <span style="font-size: 0.8rem; color: orange;">* This feature is not polished - things like modifying avatar "Body Colors", pagination, outfits, etc haven't been added.</span>
</p>
</div> </div>
</div> </div>
<hr /> <hr />

60
settings.js
View file

@ -11,9 +11,9 @@ var Utilities;
LoadCurrent(); LoadCurrent();
document.getElementById('PinnedGames-limit').innerText = Utilities.Limits.PinnedGames; document.getElementById('PinnedGames-limit').innerText = Utilities.Limits.PinnedGames;
//document.getElementById('ImprovedFrLists-limit').innerText = Utilities.Limits.ImprovedFrLists; document.getElementById('BestFriends-limit').innerText = Utilities.Limits.BestFriends;
document.getElementById('ImprovedFrLists-limit').innerText = Utilities.Limits.ImprovedFrLists;
//document.getElementById('ItemWishlist-limit').innerText = Utilities.Limits.ItemWishlist; //document.getElementById('ItemWishlist-limit').innerText = Utilities.Limits.ItemWishlist;
document.getElementById('HoardersList-pageLimit').innerText = Utilities.Limits.HoardersListPages;
})(); })();
// Handle buttons at the bottom of the page // Handle buttons at the bottom of the page
@ -37,10 +37,10 @@ document.getElementById('ResetDefaults-Modal-No').addEventListener('click', func
// 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) => {
let Button = element.getElementsByClassName('toggle-btn')[0]; let Button = element.getElementsByTagName('button')[0];
let Options = element.getElementsByClassName('options-btn')[0]; let Options = element.getElementsByTagName('button')[1];
let Select = element.getElementsByTagName('select')[0]; let Select = element.getElementsByTagName('select')[0];
let Checkbox = element.getElementsByTagName('input'); let Checkbox = element.getElementsByTagName('input')[0];
if (Button) { if (Button) {
Button.addEventListener('click', function () { Button.addEventListener('click', function () {
@ -63,11 +63,9 @@ Elements.forEach((element) => {
} }
if (Checkbox) { if (Checkbox) {
Array.from(Checkbox).forEach(check => { Checkbox.addEventListener('change', function () {
check.addEventListener('change', function () { SetSetting(Checkbox, Checkbox.checked, false);
SetSetting(check, check.checked, false);
}); });
})
} }
if (Options) { if (Options) {
@ -196,12 +194,10 @@ function SetSetting(element, value, update, modalParent) {
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."
}; };
} }
/*
if (AreIdentical(Settings, RecentSave) === true) { if (AreIdentical(Settings, RecentSave) === true) {
document.title = 'Poly+ Settings' document.title = 'Poly+ Settings'
SaveBtn.disabled = true SaveBtn.disabled = true
} }
*/
} }
function GetSettingValue(element, modalParent) { function GetSettingValue(element, modalParent) {
@ -330,48 +326,6 @@ function LoadThemeJSON(string) {
} }
} }
chrome.storage.sync.get(['PolyPlus_AutoAds'], function(result){
let AutoAds = result.PolyPlus_AutoAds || [];
const Modal = document.getElementById("AutoAdBidding-Modal")
const AddButton = document.getElementById('auto-ad-bidding-add')
AddButton.addEventListener('click', async function() {
const Page = new DOMParser().parseFromString((await (await fetch('https://polytoria.com/create/ad/' + AddButton.previousElementSibling.value)).text()), 'text/html')
})
const AddRow = function(index, info) {
const Row = document.createElement('tr')
Row.innerHTML = `
<th scope="row">${index+1}</th>
<td><a href="https://polytoria.com/create/ad/${info.id}">"${info.name}"</a></td>
<td class="text-success"><span class="pi">$</span> 150</td>
<td>
<select class="form-select ignore">
<option value="daily" selected>Daily</option>
<option value="weekly">Weekly</option>
<option value="monthly">Monthly</option>
</select>
</td>
<td>
<div role="group" class="btn-group w-100">
<button class="btn btn-success w-25">
BID
</button>
<button class="btn btn-orange w-25">
EDIT
</button>
<button class="btn btn-danger w-25">
DELETE
</button>
</div>
</td>
`
}
})
function AreIdentical(obj1, obj2) { function AreIdentical(obj1, obj2) {
if (obj1.length !== obj2.length) { return false } if (obj1.length !== obj2.length) { return false }
return JSON.stringify(obj1) === JSON.stringify(obj2) return JSON.stringify(obj1) === JSON.stringify(obj2)