commit b580c60e613483b57ed5c58f3ad3c1c5dcd175de · indexx.dev/polyplus

+2 -1

README.md

···

       1
        
       # PolyPlus-Rewrite

     

       2
       -
        A WXT, Typescript, cleaner code quality version of Poly+.

     

       0

···

       1
        
       # PolyPlus-Rewrite

     

       2
       +
       

     

       3
       +
       A WXT, Typescript, cleaner code quality version of Poly+.

+55 -7

entrypoints/home.content.ts

···

       1
       -
       import { preferences, _favoritedPlaces, _bestFriends } from "@/storage";

     

       2
       -
       import { pullCache } from "@/utilities";

     

       0
        
       
     

       3
        
       

     

       4
        
       export default defineContentScript({

     

       5
        
         matches: ['https://polytoria.com/', 'https://polytoria.com/home'],

     
···

       8
        
             .then((values) => {

     

       9
        
               console.log('Poly+ loaded!')

     

       10
        
               if (values.favoritedPlaces) favoritedPlaces();

     

       11
       -
               if (values.bestFriends) console.log('do best friends');

     

       12
        
             });

     

       13
        
         }

     

       14
        
       });

     
···

       42
        
               column.insertBefore(container, column.children[1]);

     

       43
        
             }

     

       44
        
             

     

       45
       -
             // fix cannot convert void to placeApiSchema eventually lol

     

       46
       -
             //@ts-ignore

     

       47
       -
             const placeData = await pullCache('favoritedPlaces', async () => {

     

       48
        
               const res: any = {}

     

       49
        
               for (let id of places as number[]) {

     

       50
        
                 const info = (await (await fetch('https://api.polytoria.com/v1/places/' + id)).json())

     

       51
        
                 res[id] = info

     

       52
        
               }

     

       53
        
               return res

     

       54
       -
             });

     

       55
        
       

     

       56
        
             const card = container.getElementsByClassName('scrollFadeContainer')[0]

     

       57
        
             for (let i = 0; i < places.length; i++) {

     
···

       95
        
             card.classList.add('d-flex');

     

       96
        
             Array.from(card.children).forEach((place) => {place.classList.remove('d-none')});

     

       97
        
         });

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       98
        
       }

···

       1
       +
       import { preferences, _favoritedPlaces, _bestFriends } from "@/utils/storage";

     

       2
       +
       import { placeApiSchema, userApiSchema } from "@/utils/types";

     

       3
       +
       import { pullCache } from "@/utils/utilities";

     

       4
        
       

     

       5
        
       export default defineContentScript({

     

       6
        
         matches: ['https://polytoria.com/', 'https://polytoria.com/home'],

     
···

       9
        
             .then((values) => {

     

       10
        
               console.log('Poly+ loaded!')

     

       11
        
               if (values.favoritedPlaces) favoritedPlaces();

     

       12
       +
               if (values.bestFriends) bestFriends();

     

       13
        
             });

     

       14
        
         }

     

       15
        
       });

     
···

       43
        
               column.insertBefore(container, column.children[1]);

     

       44
        
             }

     

       45
        
             

     

       46
       +
             const placeData: Array<placeApiSchema> = await pullCache('favoritedPlaces', async () => {

     

       0
        
       
     

       0
        
       
     

       47
        
               const res: any = {}

     

       48
        
               for (let id of places as number[]) {

     

       49
        
                 const info = (await (await fetch('https://api.polytoria.com/v1/places/' + id)).json())

     

       50
        
                 res[id] = info

     

       51
        
               }

     

       52
        
               return res

     

       53
       +
             }, false);

     

       54
        
       

     

       55
        
             const card = container.getElementsByClassName('scrollFadeContainer')[0]

     

       56
        
             for (let i = 0; i < places.length; i++) {

     
···

       94
        
             card.classList.add('d-flex');

     

       95
        
             Array.from(card.children).forEach((place) => {place.classList.remove('d-none')});

     

       96
        
         });

     

       97
       +
       }

     

       98
       +
       

     

       99
       +
       function bestFriends() {

     

       100
       +
         const friendsRow = document.querySelector('.card:has(.friendsPopup) .d-flex')!;

     

       101
       +
       

     

       102
       +
         const createHeadshot = async function(id: number) {

     

       103
       +
           const user: userApiSchema = (await (await fetch('https://api.polytoria.com/v1/users/' + id)).json());

     

       104
       +
           const headshot = document.createElement('div');

     

       105
       +
       

     

       106
       +
           // ? surely a better way to do this but who cares

     

       107
       +
           headshot.classList.add('friend-circle');

     

       108
       +
           headshot.setAttribute('data-user-id', id.toString());

     

       109
       +
           headshot.setAttribute('data-username', user.username);

     

       110
       +
           headshot.setAttribute('data-is-online', 'false');

     

       111
       +
           headshot.setAttribute('data-location', 'offline');

     

       112
       +
       

     

       113
       +
           headshot.innerHTML = `

     

       114
       +
           <img width="90" height="auto" src="${user.thumbnail.icon}" alt="${user.username}" class="img-fluid rounded-circle border border-2 ">

     

       115
       +
           <div class="friend-name text-truncate mt-1">

     

       116
       +
             <div style="font-size: 0.5rem; line-height: 0.5rem; display: inline-block;">

     

       117
       +
               <span class="text-muted">

     

       118
       +
                 <i class="fas fa-dot-circle"></i>

     

       119
       +
               </span>

     

       120
       +
             </div>

     

       121
       +
             ${user.username}

     

       122
       +
           </div>

     

       123
       +
           `;

     

       124
       +
       

     

       125
       +
           friendsRow.prepend(headshot);

     

       126
       +
           return headshot;

     

       127
       +
         };

     

       128
       +
       

     

       129
       +
         _bestFriends.getValue()

     

       130
       +
           .then(async (friends) => {

     

       131
       +
             const userData = await pullCache('bestFriends', async () => {

     

       132
       +
               const res: any = {}

     

       133
       +
               for (let id of friends as number[]) {

     

       134
       +
                 const info = (await (await fetch('https://api.polytoria.com/v1/users/' + id)).json())

     

       135
       +
                 res[id] = info

     

       136
       +
               }

     

       137
       +
               return res

     

       138
       +
             }, false);

     

       139
       +
       

     

       140
       +
             for (const id of friends) {

     

       141
       +
               let headshot = document.getElementById('friend-' + id);

     

       142
       +
               if (!headshot) headshot = await createHeadshot(id);

     

       143
       +
               friendsRow.prepend(headshot, friendsRow.children[0]);

     

       144
       +
             };

     

       145
       +
           });

     

       146
        
       }

+1 -1

storage.ts utils/storage.ts

···

       6
        
       // Sync

     

       7
        
       export const preferences = storage.defineItem('sync:preferences', { fallback: defaultPreferences });

     

       8
        
       export const _favoritedPlaces = storage.defineItem('sync:favoritedPlaces', { fallback: [9656] });

     

       9
       -
       export const _bestFriends = storage.defineItem('sync:bestFriends', { fallback: [] });

     

       10
        
       

     

       11
        
       // Cache

     

       12
        
       export const cache = storage.defineItem('local:cache', {fallback: {

···

       6
        
       // Sync

     

       7
        
       export const preferences = storage.defineItem('sync:preferences', { fallback: defaultPreferences });

     

       8
        
       export const _favoritedPlaces = storage.defineItem('sync:favoritedPlaces', { fallback: [9656] });

     

       9
       +
       export const _bestFriends = storage.defineItem('sync:bestFriends', { fallback: [2782] });

     

       10
        
       

     

       11
        
       // Cache

     

       12
        
       export const cache = storage.defineItem('local:cache', {fallback: {

-23

types.ts

···

       1
       -
       export interface placeApiSchema {

     

       2
       -
           id: number,

     

       3
       -
           name: string,

     

       4
       -
           description: string,

     

       5
       -
           creator: object,

     

       6
       -
           thumbnail: string,

     

       7
       -
           genre: string,

     

       8
       -
           maxPlayers: number,

     

       9
       -
           isActive: boolean,

     

       10
       -
           visits: number,

     

       11
       -
           uniqueVisits: number,

     

       12
       -
           playing: number,

     

       13
       -
           rating: object,

     

       14
       -
           accessType: string,

     

       15
       -
           accessPrice: number|null,

     

       16
       -
           createdAt: string,

     

       17
       -
           updatedAt: string

     

       18
       -
       }

     

       19
       -
       

     

       20
       -
       export interface cacheInterface {

     

       21
       -
           favoritedPlaces: number[],

     

       22
       -
           [key: string]: any;

     

       23
       -
       }

-35

utilities.ts

···

       1
       -
       import { cache } from "./storage";

     

       2
       -
       import { cacheInterface } from "./types";

     

       3
       -
       

     

       4
       -
       // maybe make this use Meta data on an actual container ?

     

       5
       -
       export async function pullCache(key: string, replenish: Function, forceReplenish: boolean) {

     

       6
       -
           const cacheStorage: cacheInterface = await cache.getValue();

     

       7
       -
           console.log('cache: ', cacheStorage)

     

       8
       -
           if (!cacheStorage[key] || forceReplenish) {

     

       9
       -
               const replenishedCache = await replenish();

     

       10
       -
               cacheStorage[key] = replenishedCache;

     

       11
       -
               //@ts-ignore: why

     

       12
       -
               cache.setValue(cacheStorage);

     

       13
       -
               console.log('replenished cache: ', replenishedCache)

     

       14
       -
               return replenishedCache;

     

       15
       -
           }

     

       16
       -
           return cacheStorage[key];

     

       17
       -
       }

     

       18
       -
       

     

       19
       -
       // mergeObjects function was written by ChatGPT cause I was lazy and it was a while ago

     

       20
       -
       // type inferences set to any because I am again, lazy

     

       21
       -
       export function mergeObjects(obj1: any, obj2: any) {

     

       22
       -
           var mergedObj: any = {};

     

       23
       -
           for (var key in obj1) {

     

       24
       -
               mergedObj[key] = obj1[key];

     

       25
       -
           }

     

       26
       -
       

     

       27
       -
           // Merge the values from obj2 into the mergedObj, favoring obj2 for non-existing keys in obj1

     

       28
       -
           for (var key in obj2) {

     

       29
       -
               if (!obj1.hasOwnProperty(key)) {

     

       30
       -
                   mergedObj[key] = obj2[key];

     

       31
       -
               }

     

       32
       -
           }

     

       33
       -
       

     

       34
       -
           return mergedObj;

     

       35
       -
       }

+44

utils/types.ts

···

       1
       +
       export type userApiSchema = {

     

       2
       +
           id: number,

     

       3
       +
           username: string,

     

       4
       +
           description: string,

     

       5
       +
           signature: string,

     

       6
       +
           thumbnail: {

     

       7
       +
               avatar: string,

     

       8
       +
               icon: string

     

       9
       +
           },

     

       10
       +
           playing: null|{},

     

       11
       +
           netWorth: number,

     

       12
       +
           placeVisits: number,

     

       13
       +
           profileViews: number,

     

       14
       +
           forumPosts: number,

     

       15
       +
           assetSales: number,

     

       16
       +
           membershipType: string,

     

       17
       +
           isStaff: boolean,

     

       18
       +
           registeredAt: string,

     

       19
       +
           lastSeenAt: string

     

       20
       +
       }

     

       21
       +
       

     

       22
       +
       export type placeApiSchema = {

     

       23
       +
           id: number,

     

       24
       +
           name: string,

     

       25
       +
           description: string,

     

       26
       +
           creator: object,

     

       27
       +
           thumbnail: string,

     

       28
       +
           genre: string,

     

       29
       +
           maxPlayers: number,

     

       30
       +
           isActive: boolean,

     

       31
       +
           visits: number,

     

       32
       +
           uniqueVisits: number,

     

       33
       +
           playing: number,

     

       34
       +
           rating: object,

     

       35
       +
           accessType: string,

     

       36
       +
           accessPrice: number|null,

     

       37
       +
           createdAt: string,

     

       38
       +
           updatedAt: string

     

       39
       +
       }

     

       40
       +
       

     

       41
       +
       export interface cacheInterface {

     

       42
       +
           favoritedPlaces: number[],

     

       43
       +
           [key: string]: any;

     

       44
       +
       }

+48

utils/utilities.ts

···

       1
       +
       import { cache } from "./storage";

     

       2
       +
       import { cacheInterface } from "./types";

     

       3
       +
       import * as currencyPackages from "./currencyPackages.json"

     

       4
       +
       

     

       5
       +
       // ? maybe make this use Meta data on an actual container

     

       6
       +
       export async function pullCache(key: string, replenish: Function, forceReplenish: boolean) {

     

       7
       +
           const cacheStorage: cacheInterface = await cache.getValue();

     

       8
       +
           if (!cacheStorage[key] || forceReplenish) {

     

       9
       +
               const replenishedCache = await replenish();

     

       10
       +
               cacheStorage[key] = replenishedCache;

     

       11
       +
               //@ts-ignore: why

     

       12
       +
               cache.setValue(cacheStorage);

     

       13
       +
               return replenishedCache;

     

       14
       +
           }

     

       15
       +
           return cacheStorage[key];

     

       16
       +
       }

     

       17
       +
       

     

       18
       +
       export async function getUserDetails() {

     

       19
       +
           const profileLink: HTMLLinkElement = document.querySelector('.navbar a.text-reset[href^="/users/"]')!;

     

       20
       +
           const brickBalance = document.getElementsByClassName('brickBalanceCont')[0];

     

       21
       +
       

     

       22
       +
           if (!profileLink || !brickBalance) return null;

     

       23
       +
           return {

     

       24
       +
               username: profileLink.innerText.trim(),

     

       25
       +
               userId: parseInt(profileLink.href.split('/')[4]),

     

       26
       +
               bricks: parseInt(brickBalance.textContent!.replace(/,/g, ""))

     

       27
       +
           }

     

       28
       +
       }

     

       29
       +
       

     

       30
       +
       export function bricksToCurrency(bricks: number, currency: string): string | null {

     

       31
       +
           const _currencyPackages = currencyPackages as Record<string, Array<Array<number>>>;

     

       32
       +
           const packages = _currencyPackages[currency];

     

       33
       +
       

     

       34
       +
           if (!packages) {

     

       35
       +
               console.warn('[Poly+] Missing currency package data for selected currency!');

     

       36
       +
               return null;

     

       37
       +
           }

     

       38
       +
       

     

       39
       +
           let totalValue = 0;

     

       40
       +
           for (const [currencyValue, bricksValue] of packages) {

     

       41
       +
               while (bricks >= bricksValue) {

     

       42
       +
                   bricks -= bricksValue;

     

       43
       +
                   totalValue += currencyValue;

     

       44
       +
               }

     

       45
       +
           }

     

       46
       +
       

     

       47
       +
           return `~${totalValue.toFixed(2)} ${currency}`;

     

       48
       +
       }