commit ce33045870cabb34f79ea5362f77ba852615af90 · indexx.dev/polyplus

+4 -2

entrypoints/preferences-handler.ts

···

       1
       1
       -
       import { preferences, defaultPreferences, preferencesSchema, cache } from "@/utils/storage";

     

       1
       1
       +
       import { preferences, defaultPreferences, preferencesSchema } from "@/utils/storage";

     

       2
       2
       +
       import config from "@/utils/config.json";

     

       2
       3
        
       import data from "@/public/preferences.json";

     

       3
       4
        
       

     

       4
       5
        
       declare global {

     
···

       63
       64
        
                   values = preferenceValues;

     

       64
       65
        
                   window.polyplus = {

     

       65
       66
        
                       preferences: preferenceValues,

     

       66
       66
       -
                       static: data

     

       67
       67
       +
                       static: data,

     

       68
       68
       +
                       config: config

     

       67
       69
        
                   };

     

       68
       70
        
                   console.log('Loaded preferences: ', preferenceValues);

     

       69
       71

+2 -1

entrypoints/sitewide.content.ts

···

       1
       1
       +
       import config from "@/utils/config.json";

     

       1
       2
        
       import { preferences } from "@/utils/storage";

     

       2
       3
        
       import { getUserDetails, bricksToCurrency } from "@/utils/utilities";

     

       3
       4
        
       import plusIcon from "/svgs/plus.svg";

     
···

       14
       15
        
                 return;

     

       15
       16
        
               }; 

     

       16
       17
        
       

     

       17
       17
       -
               console.info('[Poly+] Logged in as: ', user);

     

       18
       18
       +
               if (config.devBuild) console.info('[Poly+] Logged in as: ', user);

     

       18
       19
        
       

     

       19
       20
        
               preferences.getPreferences()

     

       20
       21
        
                 .then((values) => {

+5

entrypoints/store.content/discovery.ts

···

       51
       51
        
               300000,

     

       52
       52
        
               false

     

       53
       53
        
           );

     

       54
       54
       +
       

     

       55
       55
       +
           if (inventory == "disabled") {

     

       56
       56
       +
               console.error('[Poly+] API is disabled, cancelling item owned tags loading..');

     

       57
       57
       +
               return;

     

       58
       58
       +
           };

     

       54
       59
        
           

     

       55
       60
        
           const owns = (item: HTMLElement) => {

     

       56
       61
        
               const itemId = parseInt(item.getAttribute('href')!.split('/')[2]);

+7 -1

entrypoints/store.content/index.ts

···

       1
       1
        
       import { getUserDetails } from "@/utils/utilities";

     

       2
       2
        
       import { preferences } from "@/utils/storage";

     

       3
       3
       +
       import config from "@/utils/config.json";

     

       3
       4
        
       

     

       4
       5
        
       import * as discovery from "./discovery";

     

       5
       6
        
       import * as view from "./view";

     

       7
       7
       +
       import * as apiTypes from "@/utils/types";

     

       6
       8
        
       

     

       7
       9
        
       export default defineContentScript({

     

       8
       10
        
         matches: ['*://polytoria.com/store/*'],

     
···

       19
       21
        
       

     

       20
       22
        
                   if (!window.location.pathname.split('/')[2]) {

     

       21
       23
        
                     // Discovery

     

       24
       24
       +
                     if (config.devBuild) console.log('[Poly+] Running discovery page functions: ', discovery);

     

       25
       25
       +
       

     

       22
       26
        
                     if (values.irlBrickPrice.enabled) discovery.irlBrickPrice();

     

       23
       27
        
                     if (values.storeOwnedTags.enabled) discovery.ownedTags(user.userId);

     

       24
       28
        
                   } else {

     

       25
       29
        
                     // View

     

       30
       30
       +
                     if (config.devBuild) console.log('[Poly+] Running view page functions: ', discovery);

     

       31
       31
       +
       

     

       26
       32
        
                     if (values.irlBrickPrice.enabled) view.irlBrickPrice();

     

       27
       27
       -
                     if (values.tryItems.enabled) view.tryOn(user);

     

       33
       33
       +
                     if (values.tryItems.enabled) view.tryOn(user as apiTypes.userDetails);

     

       28
       34
        
                   };

     

       29
       35
        
                 })

     

       30
       36
        
             });

+35 -2

entrypoints/store.content/view.ts

···

       23
       23
        
               // only happen when the item is already owned

     

       24
       24
        
               console.warn('[Poly+] Failure to find purchase button on page.');

     

       25
       25
        
           };

     

       26
       26
       +
       

     

       27
       27
       +
           const resellers = document.getElementById('resellers-container');

     

       28
       28
       +
           if (resellers) {

     

       29
       29
       +
               const mutations = new MutationObserver((mutations) => {

     

       30
       30
       +
                   for (const record of mutations) {

     

       31
       31
       +
                       for (const node of record.addedNodes) {

     

       32
       32
       +
                           const price = (node as HTMLElement).getElementsByClassName('text-success')[0];

     

       33
       33
       +
                           const purchaseBtn = (node as HTMLElement).querySelector('button[data-listing-id]');

     

       34
       34
       +
       

     

       35
       35
       +
                           if (price && purchaseBtn) {

     

       36
       36
       +
                               const currency = bricksToCurrency(parseInt(purchaseBtn.getAttribute('data-price')!), "USD");

     

       37
       37
       +
       

     

       38
       38
       +
                               if (currency) {

     

       39
       39
       +
                                   const spanTag = document.createElement('span');

     

       40
       40
       +
                                   spanTag.classList.add('text-muted');

     

       41
       41
       +
                                   spanTag.style.fontSize = '0.7rem';

     

       42
       42
       +
                                   spanTag.style.fontWeight = 'lighter';

     

       43
       43
       +
                                   spanTag.innerText = ` (${currency})`;

     

       44
       44
       +
                                   price.appendChild(spanTag);

     

       45
       45
       +
                               };

     

       46
       46
       +
                           };

     

       47
       47
       +
                       };

     

       48
       48
       +
                   };

     

       49
       49
       +
               });

     

       50
       50
       +
           

     

       51
       51
       +
               mutations.observe(resellers, { childList: true });

     

       52
       52
       +
           }

     

       26
       53
        
       };

     

       27
       54
        
       

     

       28
       55
        
       export function tryOn(user: userDetails) {

     
···

       31
       58
        
       

     

       32
       59
        
           const button = document.createElement('button');

     

       33
       60
        
           button.classList.add('btn', 'btn-outline-primary', 'btn-sm', 'mt-2');

     

       61
       61
       +
           button.style.width = '50px';

     

       34
       62
        
           button.innerHTML = '<img src="' + browser.runtime.getURL("/svgs/vial.svg") + '" width="15" height="15">';

     

       35
       63
        
       

     

       36
       64
        
           const modal = document.createElement('dialog');

     

       37
       65
        
           modal.classList.add('polyplus-modal');

     

       38
       66
        
           Object.assign(modal.style, {

     

       39
       67
        
               width: '450px',

     

       68
       68
       +
               height: '350px',

     

       40
       69
        
               border: '1px solid #484848',

     

       41
       70
        
               backgroundColor: '#181818',

     

       42
       71
        
               borderRadius: '20px',

     
···

       46
       75
        
           modal.innerHTML = `

     

       47
       76
        
           <div class="row text-muted mb-2" style="font-size: 0.8rem;">

     

       48
       77
        
       		<div class="col">

     

       49
       49
       -
       			<h5 class="mb-0" style="color: #fff;">Preview</h5>

     

       78
       78
       +
       			<h5 class="mb-0" style="color: #fff;">Poly+ Item Preview</h5>

     

       50
       79
        
       				Try this item on your avatar before purchasing it!

     

       51
       80
        
       			</div>

     

       52
       81
        
       			<div class="col-md-2">

     
···

       124
       153
        
                   if (avatar == "disabled") {

     

       125
       154
        
                       console.error('[Poly+] API is disabled, cancelling try-on items loading..');

     

       126
       155
        
       

     

       127
       127
       -
                       modal.getElementsByClassName('modal-body')[0].innerHTML = `

     

       156
       156
       +
                       const modalBody = modal.getElementsByClassName('modal-body')[0] as HTMLDivElement;

     

       157
       157
       +
                       modalBody.style.marginTop = '50px';

     

       158
       158
       +
       

     

       159
       159
       +
                       modalBody.innerHTML = `

     

       128
       160
        
                       <div class="text-center p-2">

     

       129
       161
        
                         <img src="${ browser.runtime.getURL('/svgs/error.svg') }" width="100" height="100">

     

       130
       162
        
                         <p class="text-muted mb-0">Sorry! This feature is currently unavailable. Please check back later!</p>

     
···

       132
       164
        
                       `;

     

       133
       165
        
       

     

       134
       166
        
                       modal.showModal();

     

       167
       167
       +
                       button.innerHTML = '<img src="' + browser.runtime.getURL("/svgs/vial.svg") + '" width="15" height="15">';

     

       135
       168
        
                       return;

     

       136
       169
        
                   };

     

       137
       170

+12 -8

utils/utilities.ts

···

       18
       18
        
               !cacheStorage[key] || !metadata[key] || forceReplenish ||

     

       19
       19
        
               overlap >= expiry

     

       20
       20
        
           ) {

     

       21
       21
       -
               console.info(

     

       22
       22
       -
                   `[Poly+] "${key}" cache is stale replenishing...`,

     

       23
       23
       -
                   timeAgo(overlap),

     

       24
       24
       -
               );

     

       21
       21
       +
               if (config.devBuild) {

     

       22
       22
       +
                   console.info(

     

       23
       23
       +
                       `[Poly+] "${key}" cache is stale replenishing...`,

     

       24
       24
       +
                       timeAgo(overlap),

     

       25
       25
       +
                   );

     

       26
       26
       +
               };

     

       25
       27
        
       

     

       26
       28
        
               const replenishedCache = await replenish();

     

       27
       29
        
       

     
···

       57
       59
        
           const overlap = Date.now() - (metadata[store][key] || 0);

     

       58
       60
        
       

     

       59
       61
        
           if (!cacheStorage[store][key] || forceReplenish || overlap >= expiry) {

     

       60
       60
       -
               console.info(

     

       61
       61
       -
                   `[Poly+] "${key}" KV cache is stale replenishing...`,

     

       62
       62
       -
                   timeAgo(overlap),

     

       63
       63
       -
               );

     

       62
       62
       +
               if (config.devBuild) {

     

       63
       63
       +
                   console.info(

     

       64
       64
       +
                       `[Poly+] "${key}" KV cache is stale replenishing...`,

     

       65
       65
       +
                       timeAgo(overlap),

     

       66
       66
       +
                   );

     

       67
       67
       +
               };

     

       64
       68
        
       

     

       65
       69
        
               const replenishedCache = await replenish();

     

       66
       70