').pop().slice(0, 7).trim());
const NTDRate = isNaN(rate) ? exchangeRate.rates.HKD * 3.75 : rate;
exchangeRate.rates.NTD = NTDRate;
self.exchangeRate = exchangeRate;
GM_setValue('SBSE_xe', JSON.stringify(exchangeRate));
}
});
// get UAH
GM_xmlhttpRequest({
method: 'GET',
url: 'https://www.google.com/search?q=1+EUR+%3D+UAH',
onload: searchRes => {
const rate = parseFloat(searchRes.response.split('
').pop().slice(0, 7).trim());
const UAHRate = isNaN(rate) ? 32.85 : rate;
exchangeRate.rates.UAH = UAHRate;
self.exchangeRate = exchangeRate;
GM_setValue('SBSE_xe', JSON.stringify(exchangeRate));
}
});
} catch (e) {
swal('Parsing Failed', 'An error occured when parsing exchange rate data, please reload to try again', 'error');
}
} else {
swal('Loading Failed', 'Unable to fetch exchange rate data, please reload to try again', 'error');
}
}
});
},
update(targetCurrency = 'USD') {
$('.SBSE_price').each((i, ele) => {
const originalCurrency = ele.dataset.currency;
const originalValue = parseInt(ele.dataset.value, 10);
const originalRate = this.exchangeRate.rates[originalCurrency];
const targetRate = this.exchangeRate.rates[targetCurrency];
const exchangedValue = Math.trunc(originalValue / originalRate * targetRate);
const symbol = this.currencies[targetCurrency].symbol;
const decimalPlace = this.currencies[targetCurrency].decimal ? 2 : 0;
$(ele).text(symbol + (exchangedValue / 100).toFixed(decimalPlace));
});
GM_setValue('SBSE_selectedCurrency', targetCurrency);
},
init() {
const updateTimer = 12 * 60 * 60 * 1000; // update every 12 hours
const newRate = ['UAH'];
if (Object.keys(this.exchangeRate).length === 0 || this.exchangeRate.lastUpdate < Date.now() - updateTimer || newRate.filter(x => !has.call(this.exchangeRate.rates, x)).length > 0) this.getRate();
}
};
const steam = {
library: JSON.parse(GM_getValue('SBSE_steam_library', '{}')),
games: JSON.parse(GM_getValue('SBSE_steam_games', '{}')),
sync(a = []) {
if (!isArray(a) || a.length === 0) {
a.push({ key: 'library', sync: true, save: true }, { key: 'games', sync: true, save: true });
}
const self = this;
a.forEach(o => {
if (o.key === 'library' && o.sync !== false) {
GM_xmlhttpRequest({
method: 'GET',
url: `https://store.steampowered.com/dynamicstore/userdata/t=${Math.random()}`,
onload(res) {
const data = JSON.parse(res.response);
if (!isObject(self.library)) self.reset([o]);
self.library.owned = {
app: isArray(data.rgOwnedApps) ? data.rgOwnedApps : [],
sub: isArray(data.rgOwnedPackages) ? data.rgOwnedPackages : []
};
self.library.wished = {
app: isArray(data.rgWishlist) ? data.rgWishlist : [],
sub: []
};
self.library.ignored = {
app: isArray(data.rgIgnoredApps) ? data.rgIgnoredApps : [],
sub: isArray(data.rgIgnoredPackages) ? data.rgIgnoredPackages : []
};
self.library.lastSync = Date.now();
self.save([o]);
if (o.notify === true) {
swal({
title: i18n.get('syncSuccessTitle'),
text: i18n.get('syncSuccess'),
type: 'success',
timer: 3000
});
}
},
onerror() {
swal({
title: i18n.get('syncFailTitle'),
text: i18n.get('syncFail'),
type: 'error',
confirmButtonText: i18n.get('visitSteam'),
showCancelButton: true
}).then(result => {
if (result.value === true) window.open('https://store.steampowered.com/');
});
}
});
}
if (o.key === 'games' && o.sync !== false) {
GM_xmlhttpRequest({
method: 'GET',
url: 'http://steamspy.com/api.php?request=all',
onload(res) {
try {
const data = JSON.parse(res.response);
self.games = {
list: Object.keys(data).map(x => parseInt(x, 10)),
lastSync: Date.now()
};
self.save([o]);
} catch (e) {
throw e.stack;
}
}
});
}
});
},
reset(a = []) {
if (!isArray(a) || a.length === 0) {
a.push({ key: 'library', reset: true, save: true }, { key: 'games', reset: true, save: true });
}
a.forEach(o => {
if (o.key === 'library' && o.reset !== false) {
this.library = {
lastSync: 0,
owned: { app: [], sub: [] },
wished: { app: [], sub: [] },
ignored: { app: [], sub: [] }
};
}
if (o.key === 'games' && o.reset !== false) {
this.games = {
lastSync: 0,
list: []
};
}
if (o.save !== false) this.save([o]);
});
},
save(a = []) {
if (!isArray(a) || a.length === 0) {
a.push({ key: 'library', save: true }, { key: 'games', save: true });
}
a.forEach(o => {
if (has.call(this, o.key) && o.save !== false) {
GM_setValue(`SBSE_steam_${o.key}`, JSON.stringify(this[o.key]));
if (typeof o.callback === 'function') o.callback();
}
});
},
lastSync(key) {
return has.call(this, key) ? this[key].lastSync : null;
},
isOwned(o) {
return this.library.owned.app.includes(o.app) || this.library.owned.sub.includes(o.sub);
},
isWished(o) {
return this.library.wished.app.includes(o.app) || this.library.wished.sub.includes(o.sub);
},
isIgnored(o) {
return this.library.ignored.app.includes(o.app) || this.library.ignored.sub.includes(o.sub);
},
isGame(o) {
return this.games.list.length > 0 && this.games.list.includes(o.app);
},
isDLC(o) {
return has.call(o, 'app') && this.games.list.length > 0 && !this.games.list.includes(o.app);
},
isPackage(o) {
return has.call(o, 'sub');
},
init() {
if (!isObject(this.library) || !has.call(this.library, 'owned') || !has.call(this.library, 'wished') || !has.call(this.library, 'ignored')) this.reset([{ key: 'library' }]);
if (!isObject(this.games) || !has.call(this.games, 'list')) this.reset([{ key: 'games' }]);
// update Steam library every 10 min
const libraryTimer = 10 * 60 * 1000;
const libraryLastSync = this.lastSync('library');
if (!libraryLastSync || libraryLastSync < Date.now() - libraryTimer) this.sync([{ key: 'library' }]);
// update Steam games list every day
const gamesTimer = 1 * 24 * 60 * 60 * 1000;
const gamesLastSync = this.lastSync('games');
if (!gamesLastSync || gamesLastSync < Date.now() - gamesTimer || this.games.list.length === 0) this.sync([{ key: 'games' }]);
// delete odd values
GM_deleteValue('SBSE_steam');
}
};
// functions
const getSessionID = () => {
GM_xmlhttpRequest({
method: 'GET',
url: 'https://store.steampowered.com/',
onload(res) {
if (res.status === 200) {
const accountID = res.response.match(/g_AccountID = (\d+)/).pop();
const sessionID = res.response.match(/g_sessionID = "(\w+)"/).pop();
if (accountID > 0) config.set('sessionID', sessionID);else {
swal({
title: i18n.get('notLoggedInTitle'),
text: i18n.get('notLoggedInMsg'),
type: 'error',
showCancelButton: true
}).then(result => {
if (result.value === true) window.open('https://store.steampowered.com/');
});
}
}
}
});
};
const steamCNTooltip = {
timeoutID: 0,
load(data) {
if (config.get('enableTooltips')) {
const $container = $('
');
(Array.isArray(data) ? data : [data]).forEach(d => {
['app', 'sub'].forEach(type => {
if (has.call(d, type)) {
const url = `https://steamdb.steamcn.com/tooltip?v=4#${type}/${d[type]}#steam_info_${type}_${d[type]}_1`;
$container.append($(`
`).mouseenter(() => {
clearTimeout(this.timeoutID);
}).mouseout(this.hide));
}
});
});
$('body').append($container);
}
},
show(e) {
const $target = $(e.currentTarget);
const json = $target.closest('.SBSE_processed').attr('data-gameinfo');
if (json.length > 0 && config.get('enableTooltips')) {
const data = JSON.parse(json);
const opened = !!$('.SBSE_tooltip:not(.SBSE_hide)').length;
['app', 'sub'].forEach(type => {
const $tooltip = $(`#tooltip_${type + data[type]}`);
if ($tooltip.length > 0 && !opened) {
// load tooltip
if (!$tooltip.attr('src')) $tooltip.attr('src', $tooltip.attr('data-url'));
$tooltip.css({
top: e.clientY,
left: e.clientX + 10
}).removeClass('SBSE_hide');
this.reposition($tooltip, $tooltip.height());
$tooltip[0].contentWindow.postMessage('show', '*'); // get height
$target.one('mouseout', () => {
this.timeoutID = setTimeout(this.hide.bind(steamCNTooltip), 500);
});
}
});
}
},
hide() {
const $tooltip = $('.SBSE_tooltip:not(.SBSE_hide)');
$tooltip.addClass('SBSE_hide');
$tooltip[0].contentWindow.postMessage('hide', '*');
},
reposition($tooltip, height) {
const $window = $(window);
const $document = $(document);
const offsetTop = $tooltip.offset().top - $document.scrollTop();
const offsetLeft = $tooltip.offset().left - $document.scrollLeft();
const overflowX = offsetLeft + $tooltip.width() - ($window.width() - 20);
const overflowY = offsetTop + height - ($window.height() - 20);
if (overflowY > 0) $tooltip.css('top', offsetTop - overflowY);
if (overflowX > 0) $tooltip.css('left', offsetLeft - overflowX);
},
listen() {
window.addEventListener('message', e => {
if (e.origin === 'https://steamdb.steamcn.com' && e.data.height && e.data.src) {
const $tooltip = $(`.SBSE_tooltip[src="${e.data.src}"]`);
$tooltip.height(e.data.height);
this.reposition($tooltip, e.data.height);
}
});
}
};
const settings = {
construct() {
const panelHTML = `
`;
return panelHTML;
},
display() {
swal({
title: i18n.get('settingsTitle'),
html: this.construct()
});
// apply settings
const $panel = $(swal.getContent());
const $sessionID = $panel.find('.sessionID');
const $language = $panel.find('.language');
// toggles
$panel.find('input[type=checkbox]').each((index, input) => {
const $input = $(input);
$input.prop('checked', config.get(input.className));
$input.change(e => {
swal.showLoading();
const setting = e.delegateTarget.className;
const state = e.delegateTarget.checked;
config.set(setting, state);
if (setting === 'autoUpdateSessionID') $sessionID.attr('disabled', state);
setTimeout(swal.hideLoading, 500);
});
});
// sessionID input
$sessionID.prop('disabled', config.get('autoUpdateSessionID'));
$sessionID.change(() => {
swal.showLoading();
config.set('sessionID', $sessionID.val().trim());
setTimeout(swal.hideLoading, 500);
});
// sync library
$panel.find('.syncLibrary').click(() => {
steam.sync([{ key: 'library', notify: true }]);
});
// language
Object.keys(i18n.data).forEach(language => {
$language.append(new Option(i18n.data[language].name, language));
});
$panel.find(`option[value=${config.get('language')}]`).prop('selected', true);
$language.change(() => {
swal.showLoading();
const newLanguage = $language.val();
config.set('language', newLanguage);
i18n.set();
setTimeout(swal.hideLoading, 500);
});
}
};
const activator = {
activated: JSON.parse(GM_getValue('SBSE_activated', '[]')),
isActivated(key) {
return this.activated.includes(key);
},
pushActivated(key) {
this.activated.push(key);
GM_setValue('SBSE_activated', JSON.stringify(this.activated));
},
keyDetails: {},
isOwned(key) {
return has.call(this.keyDetails, key) ? this.keyDetails[key].owned : false;
},
pushKeyDetails(data) {
if (!has.call(this.keyDetails, data.key)) this.keyDetails[data.key] = data;
},
getKeyDetails(key) {
return has.call(this.keyDetails, key) ? this.keyDetails[key] : null;
},
results: [],
resultDetails(result) {
// result from Steam
if (result.sbse !== true) {
// get status
let status = i18n.get('failStatus');
let statusMsg = i18n.get('failDetailUnexpected');
const errorCode = result.purchase_result_details;
const errors = {
14: i18n.get('failDetailInvalidKey'),
15: i18n.get('failDetailUsedKey'),
53: i18n.get('failDetailRateLimited'),
13: i18n.get('failDetailCountryRestricted'),
9: i18n.get('failDetailAlreadyOwned'),
24: i18n.get('failDetailMissingBaseGame'),
36: i18n.get('failDetailPS3Required'),
50: i18n.get('failDetailGiftWallet')
};
if (result.success === 1) {
status = i18n.get('successStatus');
statusMsg = i18n.get('successDetail');
} else if (result.success === 2) {
if (has.call(errors, errorCode)) statusMsg = errors[errorCode];
}
result.status = `${status}/${statusMsg}`;
// get description
const info = result.purchase_receipt_info;
const chuncks = [];
if (info && info.line_items) {
info.line_items.forEach(item => {
const chunk = [];
if (item.packageid > 0) chunk.push(`sub: ${item.packageid}`);
if (item.appid > 0) chunk.push(`app: ${item.appid}`);
chunk.push(item.line_item_description);
chuncks.push(chunk.join(' '));
});
}
result.descripton = chuncks.join(', ');
}
const temp = [result.key];
if (result.status) temp.push(result.status);
if (result.descripton) temp.push(result.descripton);
return temp.join(' | ');
},
activate(keys, callback) {
this.results.length = 0;
const updateResults = () => {
$('.SBSE_container > textarea').val(this.results.concat(keys).join(eol));
};
const activateHandler = () => {
const key = keys.shift();
if (key) {
if (this.isActivated(key)) {
this.results.push(this.resultDetails({
sbse: true,
key,
status: `${i18n.get('skippedStatus')}/${i18n.get('activatedDetail')}`,
descripton: i18n.get('noItemDetails')
}));
updateResults();
// next key
activateHandler();
} else if (this.isOwned(key) && !config.get('activateAllKeys')) {
const detail = this.getKeyDetails(key);
const description = [];
['app', 'sub'].forEach(type => {
if (has.call(detail, type)) description.push(`${type}: ${detail[type]} ${detail.title}`);
});
this.results.push(this.resultDetails({
sbse: true,
key,
status: `${i18n.get('skippedStatus')}/${i18n.get('failDetailAlreadyOwned')}`,
descripton: description.join()
}));
updateResults();
// next key
activateHandler();
} else {
const self = this;
GM_xmlhttpRequest({
method: 'POST',
url: 'https://store.steampowered.com/account/ajaxregisterkey/',
headers: {
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
Origin: 'https://store.steampowered.com',
Referer: 'https://store.steampowered.com/account/registerkey'
},
data: `product_key=${key}&sessionid=${config.get('sessionID')}`,
onload(res) {
if (res.status === 200) {
const result = JSON.parse(res.response);
// update activated
const failCode = result.purchase_result_details;
if (result.success === 1 || [14, 15, 9].includes(failCode)) {
self.pushActivated(key);
// dispatch activated event
$(document).trigger('activated', [key, result]);
}
result.key = key;
self.results.push(self.resultDetails(result));
updateResults();
// next key
setTimeout(activateHandler.bind(self), 2000);
} else {
const errorMsg = [];
errorMsg.push('
');
errorMsg.push(`sessionID: ${config.get('sessionID') + eol}`);
errorMsg.push(`autoUpdate: ${config.get('autoUpdateSessionID') + eol}`);
errorMsg.push(`status: ${res.status + eol}`);
errorMsg.push(`response: ${res.response + eol}`);
errorMsg.push('');
swal({
title: i18n.get('failTitle'),
html: i18n.get('failDetailRequestFailedNeedUpdate') + eol + errorMsg.join(''),
type: 'error'
});
getSessionID();
if (typeof callback === 'function') callback();
}
}
});
}
} else if (typeof callback === 'function') callback();
};
activateHandler();
}
};
const getContainer = handlers => {
const $container = $(`
`);
if (typeof handlers.reveal !== 'function') handlers.reveal = () => {};
if (typeof handlers.retrieve !== 'function') {
handlers.retrieve = () => {
const data = handlers.extract();
const keys = [];
const includeTitle = !!$('.SBSE_ChkTitle:checked').length;
const joinKeys = !!$('.SBSE_ChkJoin:checked').length;
const selected = $('.SBSE_SelFilter').val() || 'All';
const skipUsed = !!$('.SBSE_ChkSkipUsed:checked').length;
const skipMarketListing = !$('.SBSE_ChkMarketListings:checked').length;
const separator = joinKeys ? ',' : eol;
const prefix = joinKeys && config.get('ASFFormat') ? '!redeem ' : '';
for (let i = 0; i < data.items.length; i += 1) {
const item = data.items[i];
if (selected === 'Owned' && !item.owned) continue;
if (selected === 'NotOwned' && item.owned) continue;
if (skipUsed && item.used) continue;
if (skipMarketListing && item.marketListing) continue;
const temp = [item.key];
if (config.get('ASFFormat')) {
if (!joinKeys) temp.unshift(item.title);
keys.push(temp.join(tab));
} else {
if (includeTitle) temp.unshift(item.title);
if (config.get('titleComesLast')) temp.reverse();
keys.push(temp.join(', '));
}
}
$('.SBSE_container > textarea').val(prefix + keys.join(separator));
};
}
if (typeof handlers.activate !== 'function') {
handlers.activate = e => {
const $textarea = $container.find('textarea');
const keys = unique($textarea.val().match(regKey));
if (keys.length > 0) {
const $activateBtn = $(e.currentTarget);
$activateBtn.prop('disabled', true).addClass('working');
$textarea.attr('disabled', '');
$textarea.val(keys.join(eol));
activator.activate(keys, () => {
$activateBtn.prop('disabled', false).removeClass('working');
$textarea.removeAttr('disabled');
});
} else $textarea.val(i18n.get('emptyInput'));
};
}
if (typeof handlers.copy !== 'function') {
handlers.copy = () => {
$('.SBSE_container > textarea').select();
document.execCommand('copy');
};
}
if (typeof handlers.reset !== 'function') {
handlers.reset = () => {
$('.SBSE_container > textarea').val('');
};
}
if (typeof handlers.export !== 'function') {
handlers.export = e => {
const data = handlers.extract();
if (data.items.length > 0) {
const exportBtn = e.target;
exportBtn.removeAttribute('href');
exportBtn.removeAttribute('download');
const fileType = exportBtn.dataset.filetype || 'txt';
const filename = data.filename.replace(/[\\/:*?"<>|!]/g, '');
const separator = {
txt: ', ',
csv: ',',
keys: tab
};
const formattedData = data.items.map(line => {
const temp = [];
if (line.title) temp.push(line.title.replace(/,/g, ' '));
temp.push(line.key);
return temp.join(separator[fileType]);
}).join(eol);
exportBtn.href = `data:text/${fileType};charset=utf-8,\ufeff${encodeURIComponent(formattedData)}`;
exportBtn.download = `${filename}.${fileType}`;
}
};
}
if (typeof handlers.settings !== 'function') {
handlers.settings = () => {
settings.display();
};
}
// bind event
$container.find('button').click(e => {
e.preventDefault();
});
$container.find('.SBSE_BtnReveal').click(handlers.reveal);
$container.find('.SBSE_BtnRetrieve').click(handlers.retrieve);
$container.find('.SBSE_BtnActivate').click(handlers.activate);
$container.find('.SBSE_BtnCopy').click(handlers.copy);
$container.find('.SBSE_BtnReset').click(handlers.reset);
$container.find('.SBSE_ExportList').click(handlers.export);
$container.find('#SBSE_BtnSettings').click(handlers.settings);
$container.find('input[type="checkbox"]').change(e => {
const key = e.currentTarget.className.trim();
if (key.length > 0) config.set(key, e.currentTarget.checked);
});
// apply settings
if (config.get('SBSE_ChkTitle')) $container.find('.SBSE_ChkTitle').prop('checked', 'checked');
if (config.get('SBSE_ChkJoin')) $container.find('.SBSE_ChkJoin').prop('checked', 'checked');
return $container;
};
const siteHandlers = {
indiegala() {
// inject css
GM_addStyle(`
.SBSE_container { margin-top: 10px; }
.SBSE_container > textarea { border: 1px solid #CC001D; border-radius: 3px; }
.SBSE_container > div button { width: 100px; background-color: #CC001D; color: white; border-radius: 3px; }
.swal2-popup .SBSE_slider { margin: 0; }
.SBSE_icon { vertical-align: middle; }
`);
const handlers = {
extract() {
const source = location.pathname === '/profile' ? 'div[id*="_sale_"].collapse.in' : document;
const bundleTitle = $('[aria-expanded="true"] > div#bundle-title, #bundle-title, #indie_gala_2 > div > span').eq(0).text().trim();
const data = {
title: bundleTitle,
filename: `IndieGala ${bundleTitle} Keys`,
items: []
};
$(source).find('.game-key-string').each((i, ele) => {
const $ele = $(ele);
const key = $ele.find('.keys').val();
if (key) {
const d = JSON.parse($(ele).closest('.SBSE_processed').attr('data-gameinfo') || '{}');
if (Object.keys(d).length === 0) {
const $a = $ele.find('.title_game > a');
const matched = $a.attr('href').match(/steam.+\/(app|sub)\/(\d+)/);
d.title = $a.text().trim();
if (matched) d[matched[1]] = parseInt(matched[2], 10);
}
d.key = key;
activator.pushKeyDetails(d);
data.items.push(d);
}
});
return data;
},
reveal(e) {
const source = location.pathname === '/profile' ? 'div[id*="_sale_"].collapse.in' : document;
const $revealBtn = $(e.currentTarget);
const selected = $('.SBSE_SelFilter').val() || 'All';
const handler = ($games, callback) => {
const game = $games.shift();
if (game) {
const $game = $(game);
const code = $game.attr('id').split('_').pop();
const id = $game.attr('onclick').match(/steampowered\.com\/(app|sub)\/(\d+)/)[2];
const d = JSON.parse($game.closest('.SBSE_processed').attr('data-gameinfo') || '{}');
if (selected === 'All' || selected === 'Owned' && d.owned || selected === 'NotOwned' && !d.owned) {
$.ajax({
method: 'GET',
url: '/myserials/syncget',
dataType: 'json',
data: {
code,
cache: false,
productId: id
},
beforeSend() {
$(`#permbutton_${code}, #fetchlink_${code}, #info_key_${code}`).hide();
$(`#fetching_${code}`).fadeIn();
$(`#ajax_loader_${code}`).show();
$(`#container_activate_${code}`).html('');
},
success(data) {
$(`#ajax_loader_${code}, #fetching_${code}, #info_key_${code}`).hide();
$(`#serial_${code}`).fadeIn();
$(`#serial_n_${code}`).val(data.serial_number);
$game.parent().prev().find('.btn-convert-to-trade').remove();
handler($games, callback);
},
error() {
swal(i18n.get('failTitle'), i18n.get('failDetailUnexpected'), 'error');
}
});
} else handler($games, callback);
} else callback();
};
$revealBtn.addClass('working');
handler($(source).find('a[id^=fetchlink_]'), () => {
$revealBtn.removeClass('working');
$('.SBSE_BtnRetrieve').click();
});
}
};
const process = () => {
const tooltipsData = [];
$('.game-key-string').each((i, ele) => {
const $ele = $(ele);
const $a = $ele.find('.title_game > a');
const d = {
title: $a.text().trim()
};
const matched = $a.attr('href').match(/steam.+\/(app|sub)\/(\d+)/);
if (matched) d[matched[1]] = parseInt(matched[2], 10);
// check if owned & wished
d.owned = steam.isOwned(d);
d.wished = steam.isWished(d);
if (d.owned) $ele.addClass('SBSE_owned');
if (d.wished) $ele.addClass('SBSE_wished');
// append icon
$a.after($('
').mouseenter(steamCNTooltip.show.bind(steamCNTooltip)));
tooltipsData.push(d);
$ele.attr('data-gameinfo', JSON.stringify(d)).addClass('SBSE_processed isSteam');
});
// load SteamCN tooltip
steamCNTooltip.load(tooltipsData);
};
const $container = getContainer(handlers);
process();
// insert container
$('#library-contain').eq(0).before($container);
// support for new password protected gift page
const $node = $('#gift-contents');
if ($node.length > 0) {
const observer = new MutationObserver(mutations => {
mutations.forEach(mutation => {
Array.from(mutation.addedNodes).forEach(addedNode => {
if (addedNode.id === 'library-contain') {
process();
$node.prepend($container);
observer.disconnect();
}
});
});
});
observer.observe($node[0], { childList: true });
}
},
fanatical() {
// inject css
GM_addStyle(`
.SBSE_container { margin-top: 10px; }
.SBSE_container > textarea { background-color: #434343; color: #eee; }
.SBSE_container > div button { width: 80px; }
.SBSE_container > div button, .SBSE_container select { border: 1px solid transparent; background-color: #1c1c1c; color: #eee; }
.SBSE_container > div button:hover, .SBSE_container select:hover { color: #A8A8A8; }
.SBSE_container label { color: #DEDEDE; }
.SBSE_container span { margin-right: 0; margin-left: 10px; float: right; }
.SBSE_container span { margin-top: 5px; }
/* currency converter */
.priceExt { positon: relative; }
.priceExt ~ .priceExt { display: none; }
.portrait { width: 100%; padding: 0 .875rem 0 .875rem; }
.portrait > div { padding: 1rem; }
.portrait .currencyToggler {
width: 100%; height: 40px;
margin-bottom: 10px;
font-size: 20px;
border-radius: 3px;
}
.landscape { padding: 1rem; }
.landscape > div { display: flex; align-items: center; justify-content: space-evenly; }
.landscape .currencyToggler {
width: 300px; height: 40px;
font-size: 20px;
border-radius: 3px;
}
.pricingDetail { background-color: transparent; }
.pricingDetail th { padding-top: 10px; }
.pricingDetail .cheapest { border-bottom: 1px solid #ff9800; font-weight: bold; }
.pricingDetail .currency-flag { vertical-align: text-bottom; }
.swal2-popup table { background-color: white; }
.SBSE_icon { vertical-align: bottom; }
`);
let APIData = null;
const fetchAPIData = (() => {
var _ref = _asyncToGenerator(function* (s, c) {
let slug = s;
let callback = c;
if (typeof s === 'function') {
callback = s;
slug = location.href.split('/').pop();
}
let JSONString = GM_getValue(`Fanatical-${slug}`, '');
if (JSONString.length === 0) {
const res = yield fetch(`https://www.fanatical.com/api/products/${slug}`);
if (res.ok) {
JSONString = yield res.text();
GM_setValue(`Fanatical-${slug}`, JSONString);
} else JSONString = '{}';
}
APIData = JSON.parse(JSONString);
if (typeof callback === 'function') callback();
});
return function fetchAPIData(_x, _x2) {
return _ref.apply(this, arguments);
};
})();
const productHandler = (() => {
var _ref2 = _asyncToGenerator(function* () {
if (Object.keys(APIData).length > 0) {
const language = config.get('language');
const $priceExt = $(`
`);
const $currencyToggler = $priceExt.find('.currencyToggler');
const $pricingDetail = $('
');
const selectedCurrency = GM_getValue('SBSE_selectedCurrency', 'USD');
const isStarDeal = !!$('.stardeal-purchase-info').length;
let starDeal = {};
if (isStarDeal) {
// fetch star-deal data
const res = yield fetch('https://www.fanatical.com/api/star-deal');
if (res.ok) starDeal = yield res.json();
}
// change orientation
if (isStarDeal || $('.background-bundle, .bundle-header.container-fluid').length > 0) {
$priceExt.toggleClass('portrait landscape container');
}
Object.keys(xe.currencies).forEach(function (currency) {
const selected = currency === selectedCurrency ? ' selected' : '';
$currencyToggler.append($(`
`));
});
$currencyToggler.change(function () {
xe.update($currencyToggler.val());
});
// bundle page
APIData.bundles.forEach(function (tier, index) {
const $detail = $pricingDetail.clone();
if (APIData.bundles.length > 1) $detail.append(`
| Tier ${index + 1} |
|---|
`);
Object.keys(tier.price).sort().forEach(function (currency) {
const value = tier.price[currency];
const symbol = xe.currencies[currency].symbol;
const decimalPlace = xe.currencies[currency].decimal ? 2 : 0;
$detail.append(`
|
${symbol + (value / 100).toFixed(decimalPlace)} |
≈ |
`);
});
$detail.appendTo($currencyToggler.parent());
});
// game page
if (location.href.includes('/game/') || location.href.includes('/dlc/')) {
let discount = 1;
if (has.call(APIData, 'current_discount') && new Date(APIData.current_discount.until).getTime() > Date.now()) discount = 1 - APIData.current_discount.percent;
if (isStarDeal) discount = 1 - $('.discount-percent').text().replace(/\D/g, '') / 100;
Object.keys(APIData.price).sort().forEach(function (currency) {
let value = Math.trunc(APIData.price[currency] * discount);
const symbol = xe.currencies[currency].symbol;
const decimalPlace = xe.currencies[currency].decimal ? 2 : 0;
// if star-deal data loaded successfully
if (has.call(starDeal, 'promoPrice')) value = starDeal.promoPrice[currency];
$pricingDetail.append(`
|
${symbol + (value / 100).toFixed(decimalPlace)} |
≈ |
`).appendTo($currencyToggler.parent());
});
}
$('.product-commerce-container').append($priceExt);
$('.stardeal-purchase-info, .bundle-header').filter(':visible').eq(0).after($priceExt);
xe.update(selectedCurrency);
// highlight the cheapest
for (let i = 1; i < 10; i += 1) {
const $prices = $(`.tier${i} .SBSE_price`);
if ($prices.length === 0) break;
$($prices.toArray().sort(function (a, b) {
return a.textContent.replace(/\D/g, '') - b.textContent.replace(/\D/g, '');
}).shift()).closest('tr').addClass('cheapest');
}
}
});
return function productHandler() {
return _ref2.apply(this, arguments);
};
})();
const handlers = {
extract() {
const bundleTitle = $('h5').eq(0).text().trim();
const data = {
title: bundleTitle,
filename: `Fanatical ${bundleTitle} Keys`,
items: []
};
$('.account-content dl:has(input)').each((i, dl) => {
const $dl = $(dl);
const key = $dl.find('input').val();
if (key) {
const d = JSON.parse($dl.closest('.SBSE_processed').attr('data-gameinfo') || '{}');
if (Object.keys(d).length === 0) {
d.title = $dl.find('dd').eq(1).text().trim();
}
d.key = key;
activator.pushKeyDetails(d);
data.items.push(d);
}
});
return data;
},
reveal(e) {
const $revealBtn = $(e.currentTarget);
const selected = $('.SBSE_SelFilter').val() || 'All';
const handler = ($games, callback) => {
const game = $games.shift();
if (game) {
const d = JSON.parse($(game).closest('.SBSE_processed').attr('data-gameinfo') || '{}');
if (selected === 'All' || selected === 'Owned' && d.owned || selected === 'NotOwned' && !d.owned) {
game.click();
setTimeout(handler.bind(null, $games, callback), 300);
} else setTimeout(handler.bind(null, $games, callback), 1);
} else setTimeout(callback, 500);
};
$revealBtn.addClass('working');
handler($('.account-content dl button'), () => {
$revealBtn.removeClass('working');
$('.SBSE_BtnRetrieve').click();
});
}
};
const process = $node => {
const title = $node.find('h5').eq(0).text();
const slug = title.trim().toLowerCase().replace(/ /g, '-').replace(/[^a-z0-9-]/g, '');
// empty textarea
$('.SBSE_container textarea').val('');
if (slug.length > 0) {
fetchAPIData(slug, () => {
if (Object.keys(APIData).length > 0) {
const tooltipsData = [];
const matchGame = data => {
if (has.call(data, 'steam') && data.steam.id) {
const $gameTitle = $node.find(`dd > div:contains(${data.name})`).filter((index, name) => data.name === name.textContent.trim());
const $dl = $gameTitle.closest('dl');
const d = {
title: data.name,
app: parseInt(data.steam.id, 10)
};
d.owned = steam.isOwned(d);
d.wished = steam.isWished(d);
// check if owned & wished
if (d.owned) $dl.addClass('SBSE_owned');
if (d.wished) $dl.addClass('SBSE_wished');
// append Steam store link
$gameTitle.find('.game-name').append(`
| ${i18n.get('steamStore')}`, $('
').mouseenter(steamCNTooltip.show.bind(steamCNTooltip)));
tooltipsData.push(d);
$dl.addClass('SBSE_processed isSteam').attr('data-gameinfo', JSON.stringify(d));
}
};
matchGame(APIData);
APIData.bundles.forEach(tier => {
tier.games.forEach(matchGame);
});
// load SteamCN tooltip
steamCNTooltip.load(tooltipsData);
}
});
}
};
const $container = getContainer(handlers);
$container.find('button').addClass('narrow'); // narrow buttons
$container.find('a').attr('href', ''); // dodge from master css selector
new MutationObserver(mutations => {
mutations.forEach(mutation => {
Array.from(mutation.addedNodes).filter(x => x.nodeType === 1).forEach(node => {
const $node = $(node);
// url changed
if (node.matches('[property="og:url"]')) {
const currentURL = location.href;
if (currentURL.includes('/orders/')) {
// insert container
const $anchor = $('h3:contains(Order Keys)');
if ($('.SBSE_container').length === 0 && $anchor.length > 0) $anchor.eq(0).before($container);
}
if (currentURL.includes('/bundle/') || currentURL.includes('/game/') || currentURL.includes('/dlc/')) fetchAPIData(productHandler);
}
// order contents loaded
if ($node.find('dl').length > 0) process($node);
});
});
}).observe($('html')[0], {
childList: true,
subtree: true
});
},
humblebundle() {
// inject css
GM_addStyle(`
.SBSE_container > div { position: relative; }
.SBSE_container > textarea {
border: 1px solid #CFCFCF;
border-radius: 5px;
color: #4a4c45;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.SBSE_container > div button {
width: 70px;
border: 1px solid #C9CCD3;
border-radius: 3px;
background-color: #C5C5C5;
background: linear-gradient(to top, #cacaca, #e7e7e7);
color: #4a4c45 !important;
}
.SBSE_container > div button:hover {
border: 1px solid #b7bac0;
background-color: #fafcff;
color: #555961 !important;
}
.SBSE_container > div button.narrow.working { width: 76px; padding-right: 36px; }
#SBSE_BtnSettings { position: absolute; right: 0; }
.SBSE_owned .sr-unredeemed-steam-button {
background-color: #F3F3F3;
background: linear-gradient(to top, #E8E8E8, #F6F6F6);
}/*
.SBSE_owned .heading-text h4 > span:not(.steam-owned):last-child::after {
content: '\\f085';
font-family: hb-icons;
color: #17A1E5;
}*/
.SBSE_activationRestrictions { float: right; margin-right: 5px; cursor: pointer; }
.swal2-icon-text { font-size: inherit; }
.flag-icon { width: 4em; height: 3em; border-radius: 3px; }
.flag-icon-unknown { border: 1px solid; text-align: center; line-height: 3em; }
.key-redeemer h4 { position: relative; }
.key-redeemer .SBSE_icon { position: absolute; top: 50%; margin-top: -10px; }
`);
let gamekey;
const atDownload = location.pathname === '/downloads';
const fetchKey = (() => {
var _ref3 = _asyncToGenerator(function* ($node, machineName, callback) {
if (gamekey) {
const res = yield fetch('https://www.humblebundle.com/humbler/redeemkey', {
method: 'POST',
headers: {
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
Origin: 'https://www.humblebundle.com',
Referer: location.href
},
body: `keytype=${machineName}&key=${gamekey}&keyindex=0`,
credentials: 'same-origin'
});
if (res.ok) {
const d = yield res.json();
if (d.success) {
$node.closest('.container').html(`
`);
} else swal(i18n.get('failTitle'), JSON.stringify(d), 'error');
} else $node.click();
if (typeof callback === 'function') callback();
} else $node.click();
});
return function fetchKey(_x3, _x4, _x5) {
return _ref3.apply(this, arguments);
};
})();
const handlers = {
extract() {
const bundleTitle = $('title').text().split(' (').shift();
const data = {
title: bundleTitle,
filename: `Humble Bundle ${bundleTitle} Keys`,
items: []
};
$('.keyfield.redeemed .keyfield-value').each((i, ele) => {
const $ele = $(ele);
const key = $ele.text().trim();
if (key) {
const d = JSON.parse($ele.closest('.SBSE_processed').attr('data-gameinfo') || '{}');
if (Object.keys(d).length === 0) {
const $titleEle = $ele.closest(atDownload ? '.container' : '.redeemer-cell').prev().find('h4');
d.title = $titleEle.contents().eq(0).text().trim();
}
d.key = key;
activator.pushKeyDetails(d);
data.items.push(d);
}
});
return data;
},
reveal(e) {
const $revealBtn = $(e.currentTarget);
const selected = $('.SBSE_SelFilter').val() || 'All';
const handler = ($games, callback) => {
const game = $games.shift();
if (game) {
const $game = $(game);
const machineName = $game.closest('.key-redeemer').attr('data-machineName');
const d = JSON.parse($(game).closest('.SBSE_processed').attr('data-gameinfo') || '{}');
if (atDownload && machineName) {
if (selected === 'All' || selected === 'Owned' && d.owned || selected === 'NotOwned' && !d.owned) {
fetchKey($game, machineName, () => {
handler($games, callback);
});
} else setTimeout(handler.bind(null, $games, callback), 1);
} else {
game.click();
$('.sr-warning-modal-confirm-button').click();
setTimeout(handler.bind(null, $games, callback), 200);
}
} else callback();
};
$revealBtn.addClass('working');
handler($('.key-redeemer.isSteam .keyfield:not(.redeemed)'), () => {
$revealBtn.removeClass('working');
$('.SBSE_BtnRetrieve').click();
});
}
};
const process = (() => {
var _ref4 = _asyncToGenerator(function* ($node) {
gamekey = new URLSearchParams(location.search).get('key');
let json = GM_getValue(gamekey, '');
if (json.length === 0) {
const res = yield fetch(`https://www.humblebundle.com/api/v1/order/${gamekey}?all_tpkds=true`, {
method: 'GET',
credentials: 'same-origin'
});
if (res.ok) json = yield res.text();
}
try {
const data = JSON.parse(json);
const tooltipsData = [];
data.tpkd_dict.all_tpks.forEach(function (game) {
const $keyRedeemer = $node.find(`.key-redeemer:has(.heading-text[data-title="${game.human_name}"])`);
if ($keyRedeemer.length > 0) {
if (game.key_type === 'steam') {
$keyRedeemer.addClass('isSteam');
const d = {
title: game.human_name,
app: parseInt(game.steam_app_id, 10)
};
d.owned = steam.isOwned(d);
d.wished = steam.isWished(d);
// apply owned effect on game title
if (d.owned) $keyRedeemer.addClass('SBSE_owned');
if (d.wished) $keyRedeemer.addClass('SBSE_wished');
// store data
$keyRedeemer.attr({
'data-machineName': game.machine_name,
'data-humanName': game.human_name,
'data-gameinfo': JSON.stringify(d)
});
// append Steam store link
$keyRedeemer.find('h4 > span').eq(0).after(`
| ${i18n.get('steamStore')}`);
tooltipsData.push(d);
}
// activation restrictions
let html = '';
const disallowed = game.disallowed_countries.map(function (c) {
return ISO2.get(c);
});
const exclusive = game.exclusive_countries.map(function (c) {
return ISO2.get(c);
});
const separator = config.get('language').includes('chinese') ? '、' : ', ';
if (disallowed.length > 0) html += `
${i18n.get('HBDisallowedCountries')}
${disallowed.join(separator)}
`;
if (exclusive.length > 0) html += `
${i18n.get('HBExclusiveCountries')}
${exclusive.join(separator)}
`;
if (disallowed.length > 0 || exclusive.length > 0) {
$(`
${i18n.get('HBActivationRestrictions')}`).click(function () {
swal({
title: `${game.human_name}
${i18n.get('HBActivationRestrictions')}`,
html,
type: 'info'
});
}).insertBefore($keyRedeemer.find('.heading-text > h4'));
}
$keyRedeemer.addClass('SBSE_processed');
}
});
// override default popups
document.addEventListener('click', function (e) {
const $target = $(e.target).closest('.keyfield:not(.redeemed)');
const $keyRedeemer = $target.closest('.key-redeemer.isSteam');
const machineName = $keyRedeemer.attr('data-machineName');
if ($target.length > 0 && $keyRedeemer.length > 0 && machineName) {
e.stopPropagation();
if ($keyRedeemer.hasClass('SBSE_owned')) {
swal({
title: i18n.get('HBAlreadyOwned'),
text: i18n.get('HBRedeemAlreadyOwned').replace('%title%', $keyRedeemer.attr('data-humanName')),
type: 'question',
showCancelButton: true
}).then(function (result) {
if (result.value) fetchKey($target, machineName);
});
} else fetchKey($target, machineName);
}
}, true);
// load SteamCN tooltip
steamCNTooltip.load(tooltipsData);
} catch (e) {
throw e;
}
});
return function process(_x6) {
return _ref4.apply(this, arguments);
};
})();
const $container = getContainer(handlers);
const $keyManager = $('.js-key-manager-holder');
// narrow buttons
$container.find('div > button').addClass('narrow');
// at home page
if ($keyManager.length > 0) {
const observer = new MutationObserver(mutations => {
mutations.forEach(mutation => {
Array.from(mutation.addedNodes).forEach(addedNode => {
if (addedNode.className === 'header') {
observer.disconnect();
$(addedNode).after($container);
}
});
});
});
observer.observe($keyManager[0], { childList: true });
// at download page
} else {
const observer = new MutationObserver(mutations => {
mutations.forEach(mutation => {
Array.from(mutation.addedNodes).forEach((() => {
var _ref5 = _asyncToGenerator(function* (addedNode) {
const $node = $(addedNode);
if ($node.hasClass('key-list') || $node.find('.key-list').length > 0) {
observer.disconnect();
$node.closest('.whitebox-redux').before($container);
// fetch game heading & wrap heading
$node.find('.heading-text > h4').each(function (i, heading) {
heading.parentElement.dataset.title = heading.innerText.trim();
$(heading.firstChild).wrap('
');
$(heading).append($('
').mouseenter(steamCNTooltip.show.bind(steamCNTooltip)));
});
// fetch & process key data
process($node);
}
});
return function (_x7) {
return _ref5.apply(this, arguments);
};
})());
});
});
observer.observe(document.body, {
childList: true,
subtree: true
});
}
// append user's region
const countryCode = unsafeWindow.models.request.country_code;
if (countryCode) {
const code = countryCode.toLowerCase();
const countryName = ISO2.get(countryCode);
const $flag = $(`
`);
if (GM_getResourceText('flagIcon').includes(`${code}.svg`)) {
$flag.toggleClass(`flag-icon-unknown flag-icon-${code}`).attr('tooltip', i18n.get('HBCurrentLocation') + countryName);
} else $flag.text('?');
$('.navbar-content').prepend($flag);
}
},
dailyindiegame() {
const MPHideList = JSON.parse(GM_getValue('SBSE_DIGMPHideList') || '[]');
const pathname = location.pathname;
if (pathname.includes('/account_page') || pathname.includes('/account_update')) {
// force sync library
steam.sync([{ key: 'library' }]);
// inject css
GM_addStyle(`
.SBSE_container { padding: 5px; border: 1px solid #424242; }
.SBSE_container > textarea { border: 1px solid #000; }
.SBSE_container > div button {
border: none;
background-color: #FD5E0F;
color: rgb(49, 49, 49);
font-family: Ropa Sans;
font-size: 15px;
font-weight: 600;
}
`);
const handlers = {
extract() {
const data = {
title: 'DailyIndieGame Keys',
filename: 'DailyIndieGame Keys',
items: []
};
$('#TableKeys tr').each((i, tr) => {
const $tds = $(tr).children();
const key = $tds.eq(4).text().trim();
if (key.includes('-')) {
const d = {
title: $tds.eq(2).text().trim(),
key,
marketListing: $tds.eq(6).text().includes('Cancel trade')
};
activator.pushKeyDetails(d);
data.items.push(d);
}
});
return data;
},
reveal() {
const $form = $('#form3');
$('#quickaction').val(1);
$.ajax({
method: 'POST',
url: $form.attr('action'),
data: $form.serializeArray(),
success() {
location.reload();
}
});
}
};
const $container = getContainer(handlers);
$container.find('.SBSE_SelFilter').hide(); // hide filter selector
$container.find('.SBSE_BtnExport').remove(); // remove export button
$container.find('#SBSE_BtnSettings').before(`
`); // append checkbox for market keys
$('#TableKeys').eq(0).before($container);
// rate all positive
const $awaitRatings = $('a[href^="account_page_0_ratepositive"]');
if ($awaitRatings.length > 0) {
$('#TableKeys td:contains(Rate TRADE)').text(i18n.get('DIGRateAllPositive')).css('cursor', 'pointer').click(() => {
$awaitRatings.each((() => {
var _ref6 = _asyncToGenerator(function* (i, a) {
const res = yield fetch(a.href, {
method: 'GET',
credentials: 'same-origin'
});
if (res.ok) $(a).parent('td').html('
Positive');
});
return function (_x8, _x9) {
return _ref6.apply(this, arguments);
};
})());
});
}
// DIG EasyBuy
} else if (pathname.includes('/account_digstore') || pathname.includes('/account_trades') || pathname.includes('/account_tradesXT') || pathname.includes('/store_update') || pathname.includes('/storeXT_update')) {
// inject css styles
GM_addStyle(`
.DIGEasyBuy_row { height: 30px; }
.DIGEasyBuy button { padding: 4px 8px; outline: none; cursor: pointer; }
.DIGEasyBuy_checked { background-color: #222; }
.DIGEasyBuy_hideOwned tr.SBSE_hide { display: none; }
.DIGEasyBuy_hideOwned tr.SBSE_hide + .SBSE_searchResults { display: none; }
.SBSE_searchResults td { padding: 0 }
.SBSE_searchResults iframe {
width: 100%; height: 300px;
display: none;
background-color: white;
border: none;
}
.SBSE_owned a[href*="steam"] .DIG3_14_Gray { color: #9ccc65; }
.SBSE_wished a[href*="steam"] .DIG3_14_Gray { color: #29b6f6; }
.SBSE_ignored a[href*="steam"] .DIG3_14_Gray { text-decoration: line-through; }
.DIG2content select { max-width: 200px; }
`);
// setup row data & event
const easyBuySetup = (i, ele) => {
const $game = $(ele);
const $row = $game.closest('tr');
$row.attr('data-id', $game.attr('href').replace(/\D/g, ''));
$row.attr('data-title', $row.children('td').eq(pathname.includes('/account_digstore') ? 3 : 1).text().trim());
$row.attr('data-price', () => {
let price = 0;
const $DIGPoints = $row.find('td:contains( DIG Points)');
if ($DIGPoints.length === 1) price = $DIGPoints.text();else {
const tds = $row.children('td').get();
for (let j = tds.length - 1; j >= 0; j -= 1) {
const text = tds[j].textContent.trim();
if (text.startsWith('$')) {
price = text.replace(/\D/g, '');
break;
}
}
}
return parseInt(price, 10);
});
$row.click(() => {
$row.toggleClass('DIGEasyBuy_checked');
});
$row.addClass('DIGEasyBuy_row');
};
$('a[href^="account_buy"]').each(easyBuySetup);
// check if owned / manually hid
const check = (i, a) => {
const $a = $(a);
const $tr = $a.closest('tr');
const data = a.pathname.slice(1).split('/');
const steamID = parseInt(data[1], 10);
const id = parseInt($tr.attr('data-id'), 10);
const d = { [data[0]]: steamID };
if (steam.isOwned(d)) $tr.addClass('SBSE_owned SBSE_hide');
if (steam.isWished(d)) $tr.addClass('SBSE_wished');
if (steam.isIgnored(d)) $tr.addClass('SBSE_ignored');
if (MPHideList.includes(id)) $tr.addClass('SBSE_hide');
// append manual hide feature
$tr.children().eq(0).attr('title', i18n.get('DIGClickToHideThisRow')).click(e => {
e.stopPropagation();
if (id > 0) {
MPHideList.push(id);
GM_setValue('SBSE_DIGMPHideList', JSON.stringify(MPHideList));
$tr.addClass('SBSE_hide');
}
});
// no appID found, pre-load Google search result
if (steamID === -1 && !MPHideList.includes(id)) {
const $game = $a.find('span');
const gameTitle = encodeURIComponent($game.text().trim()).replace(/%20/g, '+');
const map = {
'&': '&',
'<': '<',
'>': '>',
'"': '"',
"'": '''
};
GM_xmlhttpRequest({
method: 'GET',
url: `https://www.google.com/search?q=steam+${gameTitle}`,
onload: res => {
let html = res.responseText;
// inset style
const index = html.indexOf('');
const style = `
`;
html = html.slice(0, index) + style + html.slice(index);
// stripe script tags
html = html.replace(/
[\s\S]*?<\/script>/gi, '');
// manipulate urls
html = html.replace(/\/images\//g, 'https://www.google.com/images/').replace(/\/url\?/g, 'https://www.google.com/url?');
$tr.after(`
|