commit d5f042b6faa3d3781f7db5bfe85fa2e005a251ec · indexx.dev/polyplus

+3 -3

entrypoints/forum.content/index.ts

···

       7
       7
        
           preferences.getPreferences()

     

       8
       8
        
             .then((values) => {

     

       9
       9
        
               if (window.location.pathname.includes('post')) {

     

       10
       10
       -
                   // View

     

       11
       11
       -
                   if (values.forumMentions.enabled) view.forumMentions();

     

       12
       12
       -
               }

     

       10
       10
       +
                 // View

     

       11
       11
       +
                 if (values.forumMentions.enabled) view.forumMentions();

     

       12
       12
       +
               };

     

       13
       13
        
             });

     

       14
       14
        
         }

     

       15
       15
        
       });

+22 -2

entrypoints/home.content.ts

···

       10
       10
        
             .then((values) => {

     

       11
       11
        
               if (values.favoritedPlaces.enabled) favoritedPlaces();

     

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

     

       13
       13
       +
               if (values.irlBrickPrice.enabled) irlBrickPrice();

     

       13
       14
        
             });

     

       14
       15
        
         }

     

       15
       16
        
       });

     
···

       96
       97
        
             card.classList.add('d-flex');

     

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

     

       98
       99
        
         });

     

       99
       99
       -
       }

     

       100
       100
       +
       };

     

       100
       101
        
       

     

       101
       102
        
       function bestFriends() {

     

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

     
···

       148
       149
        
               friendsRow.prepend(headshot, friendsRow.children[0]);

     

       149
       150
        
             };

     

       150
       151
        
           });

     

       151
       151
       -
       }
     

       152
       152
       +
       };

     

       153
       153
       +
       

     

       154
       154
       +
       function irlBrickPrice() {

     

       155
       155
       +
         const trendingItems = Array.from(document.querySelectorAll('a[href^="/store"]:has(.place-card)'));

     

       156
       156
       +
       

     

       157
       157
       +
         for (const item of trendingItems) {

     

       158
       158
       +
           console.log(item)

     

       159
       159
       +
           const priceTag = item.getElementsByClassName('text-success')[0];

     

       160
       160
       +
           const currency = bricksToCurrency(parseInt(priceTag.textContent!), "USD");

     

       161
       161
       +
         

     

       162
       162
       +
           if (currency) {

     

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

     

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

     

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

     

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

     

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

     

       168
       168
       +
             priceTag.appendChild(spanTag);

     

       169
       169
       +
           };

     

       170
       170
       +
         }

     

       171
       171
       +
       };

-469

entrypoints/preferences/old.js

···

       1
       1
       -
       const SaveBtn = document.getElementById('Save');

     

       2
       2
       -
       const Elements = Array.from(document.getElementsByClassName('setting-container'));

     

       3
       3
       -
       

     

       4
       4
       -
       var RecentSave;

     

       5
       5
       -
       var Settings;

     

       6
       6
       -
       

     

       7
       7
       -
       var Utilities;

     

       8
       8
       -
       (async () => {

     

       9
       9
       -
       	Utilities = await import(chrome.runtime.getURL('resources/utils.js'));

     

       10
       10
       -
       	Utilities = Utilities.default;

     

       11
       11
       -
       	LoadCurrent();

     

       12
       12
       -
       

     

       13
       13
       -
       	document.getElementById('PinnedGames-limit').innerText = Utilities.Limits.PinnedGames;

     

       14
       14
       -
       	//document.getElementById('ImprovedFrLists-limit').innerText = Utilities.Limits.ImprovedFrLists;

     

       15
       15
       -
       	//document.getElementById('ItemWishlist-limit').innerText = Utilities.Limits.ItemWishlist;

     

       16
       16
       -
       	document.getElementById('HoardersList-pageLimit').innerText = Utilities.Limits.HoardersListPages;

     

       17
       17
       -
       })();

     

       18
       18
       -
       

     

       19
       19
       -
       // Handle buttons at the bottom of the page

     

       20
       20
       -
       document.getElementById('ResetDefaults').addEventListener('click', function () {

     

       21
       21
       -
       	document.getElementById('ResetDefaults-Modal').showModal();

     

       22
       22
       -
       });

     

       23
       23
       -
       SaveBtn.addEventListener('click', Save);

     

       24
       24
       -
       

     

       25
       25
       -
       // Handle modal buttons for Reset Defaults modal

     

       26
       26
       -
       document.getElementById('ResetDefaults-Modal-Yes').addEventListener('click', function () {

     

       27
       27
       -
       	Settings = Utilities.DefaultSettings;

     

       28
       28
       -
       	Save();

     

       29
       29
       -
       	setTimeout(function () {

     

       30
       30
       -
       		LoadCurrent();

     

       31
       31
       -
       		document.getElementById('ResetDefaults-Modal').close();

     

       32
       32
       -
       	}, 400);

     

       33
       33
       -
       });

     

       34
       34
       -
       document.getElementById('ResetDefaults-Modal-No').addEventListener('click', function () {

     

       35
       35
       -
       	document.getElementById('ResetDefaults-Modal').close();

     

       36
       36
       -
       });

     

       37
       37
       -
       

     

       38
       38
       -
       // Loop thru each setting container and handle toggling, selecting, opening modal, etc

     

       39
       39
       -
       Elements.forEach((element) => {

     

       40
       40
       -
       	let Button = element.getElementsByClassName('toggle-btn')[0];

     

       41
       41
       -
       	let Options = element.getElementsByClassName('options-btn')[0];

     

       42
       42
       -
       	let Select = element.getElementsByTagName('select')[0];

     

       43
       43
       -
       	let Checkbox = element.getElementsByTagName('input');

     

       44
       44
       -
       

     

       45
       45
       -
       	if (Button) {

     

       46
       46
       -
       		Button.addEventListener('click', function () {

     

       47
       47
       -
       			SetSetting(Button, 'bool');

     

       48
       48
       -
       		});

     

       49
       49
       -
       	}

     

       50
       50
       -
       

     

       51
       51
       -
       	if (Select) {

     

       52
       52
       -
       		Select.addEventListener('change', function () {

     

       53
       53
       -
       			if (Select.getAttribute('data-useValue') !== null) {

     

       54
       54
       -
       				let Value = Select.options[Select.selectedIndex].value;

     

       55
       55
       -
       				if (!isNaN(Value)) {

     

       56
       56
       -
       					Value = parseInt(Value);

     

       57
       57
       -
       				}

     

       58
       58
       -
       				SetSetting(Select, Value, false);

     

       59
       59
       -
       			} else {

     

       60
       60
       -
       				SetSetting(Select, Select.selectedIndex, false);

     

       61
       61
       -
       			}

     

       62
       62
       -
       		});

     

       63
       63
       -
       	}

     

       64
       64
       -
       

     

       65
       65
       -
       	if (Checkbox) {

     

       66
       66
       -
       		Array.from(Checkbox).forEach(check => {

     

       67
       67
       -
       			check.addEventListener('change', function () {

     

       68
       68
       -
       				SetSetting(check, check.checked, false);

     

       69
       69
       -
       			});

     

       70
       70
       -
       		})

     

       71
       71
       -
       	}

     

       72
       72
       -
       

     

       73
       73
       -
       	if (Options) {

     

       74
       74
       -
       		const Modal = document.getElementById(Options.getAttribute('data-modal') + '-Modal');

     

       75
       75
       -
       		const ModalButtons = Modal.getElementsByTagName('button');

     

       76
       76
       -
       		const ModalInputs = Modal.getElementsByTagName('input');

     

       77
       77
       -
       		const ModalSelect = Modal.getElementsByTagName('select');

     

       78
       78
       -
       

     

       79
       79
       -
       		Options.addEventListener('click', function () {

     

       80
       80
       -
       			Array.from(ModalButtons)

     

       81
       81
       -
       				.filter((x) => !x.classList.contains('ignore'))

     

       82
       82
       -
       				.forEach((button) => {

     

       83
       83
       -
       					button.addEventListener('click', function () {

     

       84
       84
       -
       						const Setting = button.getAttribute('data-setting');

     

       85
       85
       -
       

     

       86
       86
       -
       						if (Setting === '[save]') {

     

       87
       87
       -
       							// Save Modal Button

     

       88
       88
       -
       

     

       89
       89
       -
       							// Save Modal Inputs

     

       90
       90
       -
       							Array.from(ModalInputs)

     

       91
       91
       -
       								.filter((x) => !x.classList.contains('ignore'))

     

       92
       92
       -
       								.forEach((input) => {

     

       93
       93
       -
       									SetSetting(input, input.value, false, Modal.getAttribute('data-setting'));

     

       94
       94
       -
       								});

     

       95
       95
       -
       

     

       96
       96
       -
       							// Save Modal Select Menus

     

       97
       97
       -
       							Array.from(ModalSelect)

     

       98
       98
       -
       								.filter((x) => !x.classList.contains('ignore'))

     

       99
       99
       -
       								.forEach((select) => {

     

       100
       100
       -
       									SetSetting(select, select.selectedIndex, false, Modal.getAttribute('data-setting'));

     

       101
       101
       -
       								});

     

       102
       102
       -
       

     

       103
       103
       -
       							Save();

     

       104
       104
       -
       							setTimeout(function () {

     

       105
       105
       -
       								LoadCurrent();

     

       106
       106
       -
       								Modal.close();

     

       107
       107
       -
       							}, 400);

     

       108
       108
       -
       						} else if (Setting === '[reset-default]') {

     

       109
       109
       -
       							// Reset to Defaults Modal Button

     

       110
       110
       -
       

     

       111
       111
       -
       							if (confirm("Are you sure you'd like to reset these options to their defaults?") === true) {

     

       112
       112
       -
       								Settings[Modal.getAttribute('data-setting')] = Utilities.DefaultSettings[Modal.getAttribute('data-setting')];

     

       113
       113
       -
       								Save();

     

       114
       114
       -
       								Modal.close();

     

       115
       115
       -
       							}

     

       116
       116
       -
       						} else if (Setting === '[cancel]') {

     

       117
       117
       -
       							// Cancel Changes Button

     

       118
       118
       -
       

     

       119
       119
       -
       							Modal.close();

     

       120
       120
       -
       						} else {

     

       121
       121
       -
       							// Default Toggle Button

     

       122
       122
       -
       

     

       123
       123
       -
       							SetSetting(button, 'bool', false, Modal.getAttribute('data-setting'));

     

       124
       124
       -
       						}

     

       125
       125
       -
       					});

     

       126
       126
       -
       				});

     

       127
       127
       -
       

     

       128
       128
       -
       			Array.from(ModalInputs)

     

       129
       129
       -
       				.filter((x) => !x.classList.contains('ignore'))

     

       130
       130
       -
       				.forEach((input) => {

     

       131
       131
       -
       					const Status = GetSettingValue(input, Modal.getAttribute('data-setting'));

     

       132
       132
       -
       					if (Status !== 'undefined' && Status !== undefined) {

     

       133
       133
       -
       						input.value = Status;

     

       134
       134
       -
       					} else {

     

       135
       135
       -
       						input.value = '';

     

       136
       136
       -
       					}

     

       137
       137
       -
       				});

     

       138
       138
       -
       

     

       139
       139
       -
       			Array.from(ModalSelect)

     

       140
       140
       -
       				.filter((x) => !x.classList.contains('ignore'))

     

       141
       141
       -
       				.forEach((select) => {

     

       142
       142
       -
       					const Status = GetSettingValue(select, Modal.getAttribute('data-setting'));

     

       143
       143
       -
       					if (Status !== 'undefined' && Status !== undefined) {

     

       144
       144
       -
       						select.selectedIndex = Status;

     

       145
       145
       -
       					}

     

       146
       146
       -
       				});

     

       147
       147
       -
       

     

       148
       148
       -
       			Modal.showModal();

     

       149
       149
       -
       		});

     

       150
       150
       -
       	}

     

       151
       151
       -
       });

     

       152
       152
       -
       

     

       153
       153
       -
       function LoadCurrent() {

     

       154
       154
       -
       	chrome.storage.sync.get(['PolyPlus_Settings'], function (result) {

     

       155
       155
       -
       		Settings = Utilities.MergeObjects(result.PolyPlus_Settings || Utilities.DefaultSettings, Utilities.DefaultSettings);

     

       156
       156
       -
       		RecentSave = structuredClone(Settings)

     

       157
       157
       -
       

     

       158
       158
       -
       		console.log('Current Settings: ', Settings);

     

       159
       159
       -
       

     

       160
       160
       -
       		Elements.forEach((element) => {

     

       161
       161
       -
       			UpdateElementState(element);

     

       162
       162
       -
       		});

     

       163
       163
       -
       	});

     

       164
       164
       -
       }

     

       165
       165
       -
       

     

       166
       166
       -
       function SetSetting(element, value, update, modalParent) {

     

       167
       167
       -
       	document.title = '*unsaved | Poly+ Settings'

     

       168
       168
       -
       	const name = element.getAttribute('data-setting');

     

       169
       169
       -
       	let parent = element.getAttribute('data-parent');

     

       170
       170
       -
       

     

       171
       171
       -
       	if (modalParent !== undefined) {

     

       172
       172
       -
       		console.log(modalParent);

     

       173
       173
       -
       		parent = modalParent;

     

       174
       174
       -
       	}

     

       175
       175
       -
       

     

       176
       176
       -
       	if (value === 'bool') {

     

       177
       177
       -
       		value = !GetSettingValue(element, modalParent);

     

       178
       178
       -
       	}

     

       179
       179
       -
       	if (parent !== null) {

     

       180
       180
       -
       		let Parent = Object.values(Settings)[Object.keys(Settings).indexOf(parent)];

     

       181
       181
       -
       		if (!isNaN(element.getAttribute('data-parent')) && element.getAttribute('data-parent') !== null) {

     

       182
       182
       -
       			Parent = Parent[parseInt(element.getAttribute('data-parent'))];

     

       183
       183
       -
       		}

     

       184
       184
       -
       		Parent[name] = value;

     

       185
       185
       -
       	} else {

     

       186
       186
       -
       		Settings[name] = value;

     

       187
       187
       -
       	}

     

       188
       188
       -
       	if (update !== false) {

     

       189
       189
       -
       		UpdateElementState(document.querySelector(`.setting-container:has([data-setting="${name}"])${parent !== null ? `:has([data-parent="${parent}"])` : ''}`), value);

     

       190
       190
       -
       	}

     

       191
       191
       -
       	if (SaveBtn.getAttribute('disabled')) {

     

       192
       192
       -
       		SaveBtn.removeAttribute('disabled');

     

       193
       193
       -
       

     

       194
       194
       -
       		// Handle leaving the settings page before saving

     

       195
       195
       -
       		window.onbeforeunload = function (e) {

     

       196
       196
       -
       			return "Are you sure you'd like to leave? Your Poly+ settings haven't been saved."

     

       197
       197
       -
       		};

     

       198
       198
       -
       	}

     

       199
       199
       -
       	/*

     

       200
       200
       -
       	if (AreIdentical(Settings, RecentSave) === true) {

     

       201
       201
       -
       		document.title = 'Poly+ Settings'

     

       202
       202
       -
       		SaveBtn.disabled = true

     

       203
       203
       -
       	}

     

       204
       204
       -
       	*/

     

       205
       205
       -
       }

     

       206
       206
       -
       

     

       207
       207
       -
       function GetSettingValue(element, modalParent) {

     

       208
       208
       -
       	const name = element.getAttribute('data-setting');

     

       209
       209
       -
       	let parent = element.getAttribute('data-parent');

     

       210
       210
       -
       

     

       211
       211
       -
       	if (modalParent !== undefined) {

     

       212
       212
       -
       		parent = modalParent;

     

       213
       213
       -
       	}

     

       214
       214
       -
       

     

       215
       215
       -
       	let Status = name;

     

       216
       216
       -
       	if (parent !== null) {

     

       217
       217
       -
       		let Parent = Object.values(Settings)[Object.keys(Settings).indexOf(parent)];

     

       218
       218
       -
       		if (!isNaN(element.getAttribute('data-parent')) && element.getAttribute('data-parent') !== null) {

     

       219
       219
       -
       			Parent = Parent[parseInt(element.getAttribute('data-parent'))];

     

       220
       220
       -
       			Status = Parent[name];

     

       221
       221
       -
       		} else {

     

       222
       222
       -
       			Status = Object.values(Parent)[Object.keys(Parent).indexOf(name)];

     

       223
       223
       -
       		}

     

       224
       224
       -
       	} else {

     

       225
       225
       -
       		Status = Settings[Status];

     

       226
       226
       -
       	}

     

       227
       227
       -
       

     

       228
       228
       -
       	if (element.tagName === 'SELECT' && element.getAttribute('data-useValue') === 'true') {

     

       229
       229
       -
       		Status = Array.from(element.children).indexOf(element.querySelector('option[value="' + Status + '"]'))

     

       230
       230
       -
       	}

     

       231
       231
       -
       

     

       232
       232
       -
       	return Status;

     

       233
       233
       -
       }

     

       234
       234
       -
       

     

       235
       235
       -
       function UpdateElementState(element, status) {

     

       236
       236
       -
       	const Button = element.getElementsByClassName('toggle-btn')[0];

     

       237
       237
       -
       

     

       238
       238
       -
       	if (status === undefined) {

     

       239
       239
       -
       		status = GetSettingValue(Button);

     

       240
       240
       -
       	}

     

       241
       241
       -
       

     

       242
       242
       -
       	if (status === true) {

     

       243
       243
       -
       		element.classList.add('enabled');

     

       244
       244
       -
       		element.classList.remove('disabled');

     

       245
       245
       -
       		Button.innerText = 'Disable';

     

       246
       246
       -
       		Button.classList.add('btn-danger');

     

       247
       247
       -
       		Button.classList.remove('btn-success');

     

       248
       248
       -
       	} else {

     

       249
       249
       -
       		element.classList.add('disabled');

     

       250
       250
       -
       		element.classList.remove('enabled');

     

       251
       251
       -
       		Button.innerText = 'Enable';

     

       252
       252
       -
       		Button.classList.add('btn-success');

     

       253
       253
       -
       		Button.classList.remove('btn-danger');

     

       254
       254
       -
       	}

     

       255
       255
       -
       

     

       256
       256
       -
       	let SelectInput = element.getElementsByTagName('select')[0];

     

       257
       257
       -
       	if (SelectInput) {

     

       258
       258
       -
       		SelectInput.selectedIndex = GetSettingValue(SelectInput);

     

       259
       259
       -
       	}

     

       260
       260
       -
       

     

       261
       261
       -
       	let Checkbox = Array.from(element.getElementsByTagName('input'));

     

       262
       262
       -
       	if (Checkbox.length > 0) {

     

       263
       263
       -
       		Checkbox.forEach((check) => {

     

       264
       264
       -
       			check.checked = GetSettingValue(check);

     

       265
       265
       -
       		});

     

       266
       266
       -
       	}

     

       267
       267
       -
       }

     

       268
       268
       -
       

     

       269
       269
       -
       function Save() {

     

       270
       270
       -
       	document.title = 'Poly+ Settings';

     

       271
       271
       -
       	SaveBtn.setAttribute('disabled', 'true');

     

       272
       272
       -
       	chrome.storage.sync.set({PolyPlus_Settings: Settings}, function () {

     

       273
       273
       -
       		console.log('Saved successfully!');

     

       274
       274
       -
       		RecentSave = Settings

     

       275
       275
       -
       	});

     

       276
       276
       -
       

     

       277
       277
       -
       	// Handle leaving the settings page after saving

     

       278
       278
       -
       	window.onbeforeunload = null

     

       279
       279
       -
       

     

       280
       280
       -
       	console.log('Save:', Settings);

     

       281
       281
       -
       }

     

       282
       282
       -
       

     

       283
       283
       -
       let LoadThemeFromJSONBtn = document.getElementById('LoadThemeFromJSONBtn');

     

       284
       284
       -
       let SaveThemeToJSONInput = document.getElementById('SaveThemeToJSONInput');

     

       285
       285
       -
       let CopyThemeJSONBtn = document.getElementById('CopyThemeJSONBtn');

     

       286
       286
       -
       LoadThemeFromJSONBtn.addEventListener('click', function () {

     

       287
       287
       -
       	LoadThemeJSON(LoadThemeFromJSONBtn.previousElementSibling.value);

     

       288
       288
       -
       });

     

       289
       289
       -
       document

     

       290
       290
       -
       	.getElementById('theme-creator')

     

       291
       291
       -
       	.getElementsByTagName('button')[1]

     

       292
       292
       -
       	.addEventListener('click', function () {

     

       293
       293
       -
       		SaveThemeToJSONInput.value = JSON.stringify(Settings.ThemeCreator);

     

       294
       294
       -
       	});

     

       295
       295
       -
       CopyThemeJSONBtn.addEventListener('click', function () {

     

       296
       296
       -
       	if (SaveThemeToJSONInput.value.length > 0) {

     

       297
       297
       -
       		navigator.clipboard

     

       298
       298
       -
       			.writeText(SaveThemeToJSONInput.value)

     

       299
       299
       -
       			.then(() => {

     

       300
       300
       -
       				alert('Successfully copied theme data to clipboard!');

     

       301
       301
       -
       			})

     

       302
       302
       -
       			.catch(() => {

     

       303
       303
       -
       				alert('Failure to copy theme data to clipboard.');

     

       304
       304
       -
       			});

     

       305
       305
       -
       	}

     

       306
       306
       -
       });

     

       307
       307
       -
       

     

       308
       308
       -
       function LoadThemeJSON(string) {

     

       309
       309
       -
       	try {

     

       310
       310
       -
       		let JSONTable = JSON.parse(string);

     

       311
       311
       -
       		if (JSONTable.length === Utilities.DefaultSettings.ThemeCreator.length) {

     

       312
       312
       -
       			if (confirm("Are you sure you'd like to replace this theme with the theme specified in the JSON?") === true) {

     

       313
       313
       -
       				LoadThemeFromJSONBtn.previousElementSibling.value = '';

     

       314
       314
       -
       				document.getElementById('ThemeCreator-Modal').close();

     

       315
       315
       -
       				for (let i = 0; i < JSONTable.length; i++) {

     

       316
       316
       -
       					if (JSONTable[i][0] !== '#') {

     

       317
       317
       -
       						JSONTable[i] = '';

     

       318
       318
       -
       					}

     

       319
       319
       -
       				}

     

       320
       320
       -
       				Settings.ThemeCreator = Utilities.MergeObjects(JSONTable, Utilities.DefaultSettings.ThemeCreator);

     

       321
       321
       -
       				Save();

     

       322
       322
       -
       				console.log(JSONTable.length, JSONTable, 'applied');

     

       323
       323
       -
       				document.getElementById('ThemeCreator').getElementsByTagName('button')[1].click();

     

       324
       324
       -
       			}

     

       325
       325
       -
       		} else {

     

       326
       326
       -
       			alert('JSON is not a theme!');

     

       327
       327
       -
       		}

     

       328
       328
       -
       	} catch (error) {

     

       329
       329
       -
       		alert('JSON is invalid!');

     

       330
       330
       -
       	}

     

       331
       331
       -
       }

     

       332
       332
       -
       

     

       333
       333
       -
       chrome.storage.sync.get(['PolyPlus_AutoAds'], function(result){

     

       334
       334
       -
       	let AutoAds = result.PolyPlus_AutoAds || [];

     

       335
       335
       -
       

     

       336
       336
       -
       	const Modal = document.getElementById("AutoAdBidding-Modal")

     

       337
       337
       -
       	const AddButton = document.getElementById('auto-ad-bidding-add')

     

       338
       338
       -
       

     

       339
       339
       -
       	AddButton.addEventListener('click', async function() {

     

       340
       340
       -
       		const Page = new DOMParser().parseFromString((await (await fetch('https://polytoria.com/create/ad/' + AddButton.previousElementSibling.value)).text()), 'text/html')

     

       341
       341
       -
       

     

       342
       342
       -
       

     

       343
       343
       -
       	})

     

       344
       344
       -
       

     

       345
       345
       -
       	const AddRow = function(index, info) {

     

       346
       346
       -
       		const Row = document.createElement('tr')

     

       347
       347
       -
       		Row.innerHTML = `

     

       348
       348
       -
       		<th scope="row">${index+1}</th>

     

       349
       349
       -
       		<td><a href="https://polytoria.com/create/ad/${info.id}">"${info.name}"</a></td>

     

       350
       350
       -
       		<td class="text-success"><span class="pi">$</span> 150</td>

     

       351
       351
       -
       		<td>

     

       352
       352
       -
       			<select class="form-select ignore">

     

       353
       353
       -
       				<option value="daily" selected>Daily</option>

     

       354
       354
       -
       				<option value="weekly">Weekly</option>

     

       355
       355
       -
       				<option value="monthly">Monthly</option>

     

       356
       356
       -
       			</select>

     

       357
       357
       -
       		</td>

     

       358
       358
       -
       		<td>

     

       359
       359
       -
       			<div role="group" class="btn-group w-100">

     

       360
       360
       -
       				<button class="btn btn-success w-25">

     

       361
       361
       -
       					BID

     

       362
       362
       -
       				</button>

     

       363
       363
       -
       				<button class="btn btn-orange w-25">

     

       364
       364
       -
       					EDIT

     

       365
       365
       -
       				</button>

     

       366
       366
       -
       				<button class="btn btn-danger w-25">

     

       367
       367
       -
       					DELETE

     

       368
       368
       -
       				</button>

     

       369
       369
       -
       			</div>

     

       370
       370
       -
       		</td>

     

       371
       371
       -
       		`

     

       372
       372
       -
       	}

     

       373
       373
       -
       })

     

       374
       374
       -
       

     

       375
       375
       -
       function AreIdentical(obj1, obj2) {

     

       376
       376
       -
       	if (obj1.length !== obj2.length) { return false }

     

       377
       377
       -
       	return JSON.stringify(obj1) === JSON.stringify(obj2)

     

       378
       378
       -
       }

     

       379
       379
       -
       

     

       380
       380
       -
       function FormatBool(bool) {

     

       381
       381
       -
       	if (bool === true) {

     

       382
       382
       -
       		return 'enabled';

     

       383
       383
       -
       	} else {

     

       384
       384
       -
       		return 'disabled';

     

       385
       385
       -
       	}

     

       386
       386
       -
       }

     

       387
       387
       -
       

     

       388
       388
       -
       const Manifest = chrome.runtime.getManifest();

     

       389
       389
       -
       let BuildType = 'Stable';

     

       390
       390
       -
       if (Manifest.version_name !== undefined) {

     

       391
       391
       -
       	BuildType = 'Pre-Release';

     

       392
       392
       -
       }

     

       393
       393
       -
       

     

       394
       394
       -
       const FooterText = document.getElementById('footer-text');

     

       395
       395
       -
       FooterText.children[0].innerHTML = `Version: v${Manifest.version} | Build Type: ${BuildType}`;

     

       396
       396
       -
       

     

       397
       397
       -
       const CheckForUpdatesButton = document.getElementById('check-for-updates');

     

       398
       398
       -
       function CheckForUpdates() {

     

       399
       399
       -
       	CheckForUpdatesButton.removeEventListener('click', CheckForUpdates);

     

       400
       400
       -
       	CheckForUpdatesButton.disabled = true;

     

       401
       401
       -
       	fetch('https://polyplus.vercel.app/data/version.json')

     

       402
       402
       -
       		.then((response) => {

     

       403
       403
       -
       			if (!response.ok) {

     

       404
       404
       -
       				throw new Error('Network not ok');

     

       405
       405
       -
       			}

     

       406
       406
       -
       			return response.json();

     

       407
       407
       -
       		})

     

       408
       408
       -
       		.then((data) => {

     

       409
       409
       -
       			if (data.version === Manifest.version || Math.floor((data.version - Manifest.version) * 10) === 0) {

     

       410
       410
       -
       				CheckForUpdatesButton.innerHTML = '<b>No updates available</b>';

     

       411
       411
       -
       				alert('No updates available');

     

       412
       412
       -
       			} else {

     

       413
       413
       -
       				const NumberOfUpdatesAvailable = Math.floor((data.version - Version) * 10);

     

       414
       414
       -
       				CheckForUpdatesButton.innerHTML = '<b>' + NumberOfUpdatesAvailable + ' update(s) available</b>';

     

       415
       415
       -
       				alert(NumberOfUpdatesAvailable + ' updates available');

     

       416
       416
       -
       			}

     

       417
       417
       -
       		})

     

       418
       418
       -
       		.catch((error) => {

     

       419
       419
       -
       			console.log(error);

     

       420
       420
       -
       		});

     

       421
       421
       -
       }

     

       422
       422
       -
       CheckForUpdatesButton.addEventListener('click', CheckForUpdates);

     

       423
       423
       -
       

     

       424
       424
       -
       /*

     

       425
       425
       -
       fetch(chrome.runtime.getURL('resources/currencies.json'))

     

       426
       426
       -
       	.then((response) => {

     

       427
       427
       -
       		if (!response.ok) {

     

       428
       428
       -
       			throw new Error('Network not ok');

     

       429
       429
       -
       		}

     

       430
       430
       -
       		return response.json();

     

       431
       431
       -
       	})

     

       432
       432
       -
       	.then((data) => {

     

       433
       433
       -
       		const DateText = new Date(data.Date).toLocaleDateString('en-US', {day: 'numeric', month: 'long', year: 'numeric'});

     

       434
       434
       -
       		document.getElementById('IRLPriceWithCurrency-Date').innerText = DateText;

     

       435
       435
       -
       	})

     

       436
       436
       -
       	.catch((error) => {

     

       437
       437
       -
       		console.log(error);

     

       438
       438
       -
       	});

     

       439
       439
       -
       */

     

       440
       440
       -
       

     

       441
       441
       -
       chrome.storage.local.get(['PolyPlus_OutOfDate', 'PolyPlus_LiveVersion', 'PolyPlus_ReleaseNotes', 'PolyPlus_SkipUpdate'], function (result) {

     

       442
       442
       -
       	const OutOfDate = result.PolyPlus_OutOfDate || false;

     

       443
       443
       -
       	const SkipUpdate = result.PolyPlus_SkipUpdate || null;

     

       444
       444
       -
       	const LiveVersion = result.PolyPlus_LiveVersion || Manifest.version;

     

       445
       445
       -
       	if (OutOfDate === true && SkipUpdate !== LiveVersion) {

     

       446
       446
       -
       		const Banner = document.createElement('div');

     

       447
       447
       -
       		Banner.classList = 'alert position-sticky p-3';

     

       448
       448
       -
       		Banner.style = 'top: 30px; box-shadow: 0 0 20px 2px #000; z-index: 2000; background: rgb(163 39 39);';

     

       449
       449
       -
       		Banner.innerHTML = `

     

       450
       450
       -
           <b>New Update Available!</b>

     

       451
       451
       -
           <br>

     

       452
       452
       -
           Your Poly+ installation is out of date! If you would like to get the latest and greatest features, improvements, and bug fixes click on one of the links below to dismiss this banner!

     

       453
       453
       -
           <br>

     

       454
       454
       -
           <div role="group" class="btn-group w-100 mt-2">

     

       455
       455
       -
             <a href="${result.PolyPlus_ReleaseNotes}" class="btn btn-primary btn-sm w-25" target="_blank">Go to Release Notes</a>

     

       456
       456
       -
             <button id="skip-this-update" class="btn btn-warning btn-sm w-25">(Not Recommended) Skip this Update</button>

     

       457
       457
       -
           </div>

     

       458
       458
       -
           `;

     

       459
       459
       -
       		document.getElementById('page').insertBefore(Banner, document.getElementById('page').children[1]);

     

       460
       460
       -
       

     

       461
       461
       -
       		const SkipButton = document.getElementById('skip-this-update');

     

       462
       462
       -
       		SkipButton.addEventListener('click', function () {

     

       463
       463
       -
       			Banner.remove();

     

       464
       464
       -
       			chrome.storage.local.set({PolyPlus_SkipUpdate: result.PolyPlus_LiveVersion}, function () {

     

       465
       465
       -
       				console.log('set skip update to live version: ', result.PolyPlus_LiveVersion);

     

       466
       466
       -
       			});

     

       467
       467
       -
       		});

     

       468
       468
       -
       	}

     

       469
       469
       -
       });

+8 -2

entrypoints/sitewide.content.ts

···

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

     

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

     

       2
       3
        
       

     

       3
       4
        
       export default defineContentScript({

     
···

       11
       12
        
                 return;

     

       12
       13
        
               }; 

     

       13
       14
        
       

     

       14
       14
       -
               const currency = bricksToCurrency(user.bricks, "USD");

     

       15
       15
       -
               if (currency) document.getElementsByClassName('brickBalanceCount')[0].textContent += ` (${currency})`

     

       15
       15
       +
               preferences.getPreferences()

     

       16
       16
       +
                 .then((values) => {

     

       17
       17
       +
                   if (values.irlBrickPrice.enabled) {

     

       18
       18
       +
                     const currency = bricksToCurrency(user.bricks, "USD");

     

       19
       19
       +
                     if (currency) document.getElementsByClassName('brickBalanceCount')[0].textContent += ` (${currency})`;

     

       20
       20
       +
                   };

     

       21
       21
       +
                 });

     

       16
       22
        
             });

     

       17
       23
        
         }

     

       18
       24
        
       });

+34

entrypoints/store.content/discovery.ts

···

       1
       1
       +
       import { bricksToCurrency } from "@/utils/utilities";

     

       2
       2
       +
       

     

       3
       3
       +
       export function irlBrickPrice() {

     

       4
       4
       +
           const grid = document.getElementById('assets')!;

     

       5
       5
       +
           

     

       6
       6
       +
           const addPrice = (item: HTMLElement) => {

     

       7
       7
       +
               const brickCount = item.getElementsByClassName('text-success')[0].textContent!;

     

       8
       8
       +
               const currency = bricksToCurrency(parseInt(brickCount), "USD");

     

       9
       9
       +
       

     

       10
       10
       +
               if (currency) {

     

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

     

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

     

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

     

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

     

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

     

       16
       16
       +
                   item.getElementsByClassName('text-success')[0].appendChild(spanTag);

     

       17
       17
       +
               };

     

       18
       18
       +
           };

     

       19
       19
       +
       

     

       20
       20
       +
           for (const item of document.getElementsByClassName('itemCardCont')) {

     

       21
       21
       +
               addPrice(item as HTMLElement);

     

       22
       22
       +
           };

     

       23
       23
       +
       

     

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

     

       25
       25
       +
               for (const record of mutations) {

     

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

     

       27
       27
       +
                       const item = node as HTMLElement;

     

       28
       28
       +
                       if ((item as HTMLElement).classList.contains('itemCardCont')) addPrice(item);

     

       29
       29
       +
                   };

     

       30
       30
       +
               };

     

       31
       31
       +
           });

     

       32
       32
       +
       

     

       33
       33
       +
           mutations.observe(grid, { childList: true });

     

       34
       34
       +
       }

+19

entrypoints/store.content/index.ts

···

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

     

       2
       2
       +
       import * as discovery from "./discovery";

     

       3
       3
       +
       import * as view from "./view";

     

       4
       4
       +
       

     

       5
       5
       +
       export default defineContentScript({

     

       6
       6
       +
         matches: ['*://polytoria.com/store/*'],

     

       7
       7
       +
         main() {

     

       8
       8
       +
           preferences.getPreferences()

     

       9
       9
       +
             .then((values) => {

     

       10
       10
       +
               if (!window.location.pathname.split('/')[2]) {

     

       11
       11
       +
                 // Discovery

     

       12
       12
       +
                 if (values.irlBrickPrice.enabled) discovery.irlBrickPrice();

     

       13
       13
       +
               } else {

     

       14
       14
       +
                 // View

     

       15
       15
       +
                 if (values.irlBrickPrice.enabled) view.irlBrickPrice();

     

       16
       16
       +
               };

     

       17
       17
       +
             });

     

       18
       18
       +
         }

     

       19
       19
       +
       });

+15

entrypoints/store.content/view.ts

···

       1
       1
       +
       import { bricksToCurrency } from "@/utils/utilities";

     

       2
       2
       +
       

     

       3
       3
       +
       export function irlBrickPrice() {

     

       4
       4
       +
           const purchaseBtn = document.querySelector('button[onclick^="buy"], button[data-price]')!;

     

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

     

       6
       6
       +
       

     

       7
       7
       +
           if (currency) {

     

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

     

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

     

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

     

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

     

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

     

       13
       13
       +
               purchaseBtn.appendChild(spanTag);

     

       14
       14
       +
           };

     

       15
       15
       +
       };

+3 -10

utils/storage.ts

···

       3
       3
        
       export const defaultPreferences = {

     

       4
       4
        
           favoritedPlaces: { enabled: true },

     

       5
       5
        
           bestFriends: { enabled: true },

     

       6
       6
       -
           forumMentions: { enabled: true }

     

       6
       6
       +
           forumMentions: { enabled: true },

     

       7
       7
       +
           improvedFriendLists: { enabled: true },

     

       8
       8
       +
           irlBrickPrice: { enabled: true }

     

       7
       9
        
       }

     

       8
       10
        
       

     

       9
       11
        
       export type preferencesSchema = typeof defaultPreferences & {

     
···

       21
       23
        
       export const preferences: PreferencesStorageItem = storage.defineItem('sync:preferences', { fallback: defaultPreferences, version: 1 }) as PreferencesStorageItem;

     

       22
       24
        
       export const _favoritedPlaces = storage.defineItem('sync:favoritedPlaces', { fallback: ["9656"], version: 1 });

     

       23
       25
        
       export const _bestFriends = storage.defineItem('sync:bestFriends', { fallback: ["2782"], version: 1 });

     

       24
       24
       -
       

     

       25
       25
       -
       //@ts-ignore: Custom method for merging settings and defaults

     

       26
       26
       -
       /*

     

       27
       27
       -
       const _getValue = preferences.getValue;

     

       28
       28
       -
       preferences.getValue = async function() {

     

       29
       29
       -
           const userPreferences = await _getValue.call(this);

     

       30
       30
       -
           return { ...defaultPreferences, ...userPreferences };

     

       31
       31
       -
       };

     

       32
       32
       -
       */

     

       33
       26
        
       

     

       34
       27
        
       preferences.getPreferences = async function() {

     

       35
       28
        
           const userPreferences = await this.getValue();

utils/utilities.ts

···

       41
       41
        
       };

     

       42
       42
        
       

     

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

     

       44
       44
       +
           if (isNaN(bricks) || bricks == 0) return null;

     

       45
       45
       +
       

     

       44
       46
        
           const _currencyPackages = currencyPackages as Record<string, Array<Array<number>>>;

     

       45
       47
        
           const packages = _currencyPackages[currency].toSorted((a, b) => b[1] - a[1]);

     

       46
       48