Steam Key Helper

try to take over the world!

目前為 2017-09-05 提交的版本,檢視 最新版本

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name         Steam Key Helper
// @namespace    http://tampermonkey.net/
// @version      1.4.0
// @description  try to take over the world!
// @icon         http://store.steampowered.com/favicon.ico
// @author       Bisumaruko
// @include      http*://*
// @require      https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js
// @require      https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.6.6/sweetalert2.min.js
// @resource     SweetAlert2CSS https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.6.6/sweetalert2.min.css
// @connect      store.steampowered.com
// @grant        GM_xmlhttpRequest
// @grant        GM_setValue
// @grant        GM_getValue
// @grant        GM_addStyle
// @grant        GM_getResourceText
// @run-at       document-start
// @noframes
// ==/UserScript==

/* global GM_xmlhttpRequest, GM_setValue, GM_getValue, GM_addStyle, GM_getResourceText,
   swal, g_AccountID, g_sessionID, g_oSuggestParams,
   window, document, location, MutationObserver, Option */

// setup jQuery
const $ = jQuery.noConflict(true);

// inject swal css
GM_addStyle(GM_getResourceText('SweetAlert2CSS'));

// setup swal
swal.setDefaults({
    timer: 3000,
    useRejections: false
});

// inject CSS
GM_addStyle(`
    .hide {
        display: none;
    }
    .SKH_link {
        color: #57bae8;
        cursor: pointer;
    }
    .SKH_link:hover {
        text-decoration: underline;
    }
    .SKH_activated {
        text-decoration: line-through;
    }
    .SKH_panel {
        width: 60px;
        height: 60px;
        position: fixed;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        background-color: rgb(87, 186, 232);
        opacity: 0.5;
        text-align: center;
    }
    .SKH_panel:hover {
        opacity: 1;
    }
    .SKH_panel .switch {
        position: relative;
        display: inline-block;
        width: 40px;
        height: 24px;
        margin-top: 5px;
    }
    .SKH_panel .switch input {
        display: none;
    }
    .SKH_panel .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        transition: 0.4s;
    }
    .SKH_panel .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        transition: 0.4s;
    }
    .SKH_panel input:checked + .slider {
        background-color: #2196F3;
    }
    .SKH_panel input:focus + .slider {
        box-shadow: 0 0 1px #2196F3;
    }
    .SKH_panel input:checked + .slider:before {
        transform: translateX(16px);
    }
    .SKH_panel > span {
        display: inline-block;
        cursor: pointer;
        color: white;
    }
    .SKH_panel > button {
        width: 20px;
        height: 20px;
        position: absolute;
        bottom: 0;
        padding: 2px;
        background-color: transparent;
        background-size: 18px;
        background-repeat: no-repeat;
        background-origin: padding-box;
        background-position: 50% 50%;
        border: none;
        outline: none;
        box-sizing: border-box;
        cursor: pointer;
    }
    .SKH_panel > .hidePanel {
        left: 0;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIGhlaWdodD0iMzJweCIgaWQ9InN2ZzIiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDMyIDMyIiB3aWR0aD0iMzJweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgaWQ9ImJhY2tncm91bmQiPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMzIiIHdpZHRoPSIzMiIvPjwvZz48ZyBpZD0iY2FuY2VsIj48cG9seWdvbiBwb2ludHM9IjIsMjYgNiwzMCAxNiwyMCAyNiwzMCAzMCwyNiAyMCwxNiAzMCw2IDI2LDIgMTYsMTIgNiwyIDIsNiAxMiwxNiAgIi8+PC9nPjwvc3ZnPg==);
        filter: opacity(60%);
    }
    .SKH_panel > .disable {
        left: 20px;
        background-size: contain;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMC8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvVFIvMjAwMS9SRUMtU1ZHLTIwMDEwOTA0L0RURC9zdmcxMC5kdGQnPjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGc+PHBhdGggZD0iTTEyLDRjNC40LDAsOCwzLjYsOCw4cy0zLjYsOC04LDhzLTgtMy42LTgtOFM3LjYsNCwxMiw0IE0xMiwyQzYuNSwyLDIsNi41LDIsMTJjMCw1LjUsNC41LDEwLDEwLDEwczEwLTQuNSwxMC0xMCAgIEMyMiw2LjUsMTcuNSwyLDEyLDJMMTIsMnoiLz48L2c+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIgeDE9IjE4LjIiIHgyPSI1LjgiIHkxPSIxOC4yIiB5Mj0iNS44Ii8+PC9zdmc+);
        filter: opacity(60%);
    }
    .SKH_panel > .settings {
        left: 40px;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMzJweCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzI7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIGlkPSJMYXllcl8xIi8+PGcgaWQ9ImNvZyI+PHBhdGggZD0iTTMyLDE3Ljk2OXYtNGwtNC43ODEtMS45OTJjLTAuMTMzLTAuMzc1LTAuMjczLTAuNzM4LTAuNDQ1LTEuMDk0bDEuOTMtNC44MDVMMjUuODc1LDMuMjUgICBsLTQuNzYyLDEuOTYxYy0wLjM2My0wLjE3Ni0wLjczNC0wLjMyNC0xLjExNy0wLjQ2MUwxNy45NjksMGgtNGwtMS45NzcsNC43MzRjLTAuMzk4LDAuMTQxLTAuNzgxLDAuMjg5LTEuMTYsMC40NjlsLTQuNzU0LTEuOTEgICBMMy4yNSw2LjEyMWwxLjkzOCw0LjcxMUM1LDExLjIxOSw0Ljg0OCwxMS42MTMsNC43MDMsMTIuMDJMMCwxNC4wMzF2NGw0LjcwNywxLjk2MWMwLjE0NSwwLjQwNiwwLjMwMSwwLjgwMSwwLjQ4OCwxLjE4OCAgIGwtMS45MDIsNC43NDJsMi44MjgsMi44MjhsNC43MjMtMS45NDVjMC4zNzksMC4xOCwwLjc2NiwwLjMyNCwxLjE2NCwwLjQ2MUwxNC4wMzEsMzJoNGwxLjk4LTQuNzU4ICAgYzAuMzc5LTAuMTQxLDAuNzU0LTAuMjg5LDEuMTEzLTAuNDYxbDQuNzk3LDEuOTIybDIuODI4LTIuODI4bC0xLjk2OS00Ljc3M2MwLjE2OC0wLjM1OSwwLjMwNS0wLjcyMywwLjQzOC0xLjA5NEwzMiwxNy45Njl6ICAgIE0xNS45NjksMjJjLTMuMzEyLDAtNi0yLjY4OC02LTZzMi42ODgtNiw2LTZzNiwyLjY4OCw2LDZTMTkuMjgxLDIyLDE1Ljk2OSwyMnoiIHN0eWxlPSJmaWxsOiM0RTRFNTA7Ii8+PC9nPjwvc3ZnPg==);
    }
`);

// inject settings panel css
GM_addStyle(`
    .SKH_settings .name {
        text-align: right;
        vertical-align: top;
    }
    .SKH_settings .value {
        text-align: left;
    }
    .SKH_settings .value > * {
        height: 30px;
        margin: 0 20px 10px;
    }
    .SKH_settings .switch {
        position: relative;
        display: inline-block;
        width: 60px;
    }
    .SKH_settings .switch input {
        display: none;
    }
    .SKH_settings .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        transition: 0.4s;
    }
    .SKH_settings .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        transition: 0.4s;
    }
    .SKH_settings input:checked + .slider {
        background-color: #2196F3;
    }
    .SKH_settings input:focus + .slider {
        box-shadow: 0 0 1px #2196F3;
    }
    .SKH_settings input:checked + .slider:before {
        transform: translateX(30px);
    }
    .SKH_settings input[type=text] {
        width: 200px;
    }
    .SKH_settings textarea {
        width: 200px;
        min-width: 200px;
        height: 60px;
        min-height: 60px;
    }
    .SKH_settings .enabledForeverText, .SKH_settings .hideForeverText {
        display: none;
        transition: display 1s;
    }
    .SKH_settings .enabledList, .SKH_settings .hideList {
        display: block;
        transition: display 1s;
    }
    .SKH_settings .forever .enabledForeverText, .SKH_settings .forever .hideForeverText {
        display: block;
    }
    .SKH_settings .forever .enabledList, .SKH_settings .forever .hideList {
        display: none;
    }
`);

// load config
const config = JSON.parse(GM_getValue('SKH_config') || '{}');
const activated = JSON.parse(GM_getValue('SKH_activated') || '[]');
const excludedTag = ['SCRIPT', 'STYLE', 'IFRAME', 'CANVAS'];
const regKey = /([A-Za-z0-9]{5}-){2,4}[A-Za-z0-9]{5}/g;
const has = Object.prototype.hasOwnProperty;

// config init
if (!has.call(config, 'enabledForever')) config.enabledForever = true;
if (!has.call(config, 'enabled')) config.enabled = [];
if (!has.call(config, 'disabled')) config.disabled = [];
if (!has.call(config, 'hideForever')) config.hideForever = false;
if (!has.call(config, 'hide')) config.hide = [];
if (!has.call(config, 'off')) config.off = [];

// text
const i18n = {
    tchinese: {
        name: '繁體中文',
        errorTitle: '糟糕!',
        errorUnexpected: '發生未知錯誤,請稍後再試',
        errorInvalidKey: '序號錯誤',
        errorUsedKey: '序號已被使用',
        errorRateLimited: '啟動受限',
        errorCountryRestricted: '地區限制',
        errorAlreadyOwned: '產品已擁有',
        errorMissingBaseGame: '未擁有主程式',
        errorPS3Required: '需要PS3 啟動',
        errorGiftWallet: '偵測到禮物卡/錢包序號',
        errorFailedRequest: '處理資料發生錯誤,請稍後再試',
        errorFailedRequestNeedUpdate: '請求發生錯誤,請稍後再試<br>或者嘗試更新SessionID',
        successTitle: '啟動成功!',
        processingTitle: '喵~',
        processingMsg: '啟動序號中,請稍後',
        notLoggedInTitle: '未登入',
        notLoggedInMsg: '請登入Steam 以讓腳本紀錄SessionID',
        missingTitle: '未發現SessionID',
        missingMsg: '請問要更新SessionID 嗎?',
        titlehidePanel: '在這網站隱藏懸浮框',
        titleDisable: '在這網站禁止腳本',
        titleSettings: '開啟設定',
        settingsTitle: '設定',
        settingsAutoUpdateSessionID: '自動更新SessionID',
        settingsSessionID: '我的sessionID',
        settingsLanguage: '語言',
        settingsEnabledForever: '全域運行腳本',
        settingsEnabled: '在這些網站運行腳本',
        settingsDisabled: '在這些網站禁止腳本',
        settingsHideForever: '全域隱藏懸浮',
        settingsHide: '在這些網站隱藏懸浮',
        settingsOff: '在這些網站暫停腳本',
        placeholderEnabled: '如不全域運行腳本此欄不得為空'
    },
    schinese: {
        name: '简体中文',
        errorTitle: '糟糕!',
        errorUnexpected: '发生未知错误,请稍后再试',
        errorInvalidKey: '激活码错误',
        errorUsedKey: '激活码已被使用',
        errorRateLimited: '激活受限',
        errorCountryRestricted: '地区限制',
        errorAlreadyOwned: '产品已永有',
        errorMissingBaseGame: '位永有基础游戏',
        errorPS3Required: '需要PS3 激活',
        errorGiftWallet: '侦测到礼物卡/钱包激活码',
        errorFailedRequest: '处理资料发生错误,请稍后再试',
        errorFailedRequestNeedUpdate: '请求发生错误,请稍后再试<br>或者尝试更新SessionID',
        successTitle: '激活成功!',
        processingTitle: '喵~',
        processingMsg: '激活中,请稍后',
        notLoggedInTitle: '未登入',
        notLoggedInMsg: '请登入Steam 以让脚本记录SessionID',
        missingTitle: '未发现SessionID',
        missingMsg: '请问要更新SessionID 吗?',
        titlehidePanel: '在这网站隐藏悬浮',
        titleDisable: '在这网站禁止脚本',
        titleSettings: '打开设置',
        settingsTitle: '设置',
        settingsAutoUpdateSessionID: '自动更新SessionID',
        settingsSessionID: '我的sessionID',
        settingsLanguage: '语言',
        settingsEnabledForever: '全域运行脚本',
        settingsEnabled: '在这些网站运行脚本',
        settingsDisabled: '在这些网站禁止脚本',
        settingsHideForever: '全域隐藏悬浮',
        settingsHide: '在这些网站隐藏悬浮',
        settingsOff: '在这些网站暂停脚本',
        placeholderEnabled: '如不全域运行脚本此栏不得为空'
    },
    english: {
        name: 'English',
        errorTitle: 'Opps!',
        errorUnexpected: 'An unexpected error has occured, please try again later',
        errorInvalidKey: 'Invalid Key',
        errorUsedKey: 'Used Key',
        errorRateLimited: 'Rate Limited',
        errorCountryRestricted: 'Country Restricted',
        errorAlreadyOwned: 'Product Already Owned',
        errorMissingBaseGame: 'Missing Base Game',
        errorPS3Required: 'PS3 Activation Required',
        errorGiftWallet: 'Gift Card/Wallet Code Detected',
        errorFailedRequest: 'Result parse failed, please try again',
        errorFailedRequestNeedUpdate: 'Request failed, please try again<br>or update sessionID',
        successTitle: 'Activation Successful!',
        processingTitle: 'Nyaa~',
        processingMsg: 'Activating key, please wait',
        notLoggedInTitle: 'Not Logged-In',
        notLoggedInMsg: 'Please login to Steam so sessionID can be saved',
        missingTitle: 'Missing SessionID',
        missingMsg: 'Do you want to update your Steam sessionID?',
        titlehidePanel: 'Hide floating panel on this site',
        titleDisable: 'Disable script on this site',
        titleSettings: 'Open settings panel',
        settingsTitle: 'Settings',
        settingsAutoUpdateSessionID: 'Auto Update SessionID',
        settingsSessionID: 'Your sessionID',
        settingsLanguage: 'Language',
        settingsEnabledForever: 'Enable scrip all the time',
        settingsEnabled: 'Enable script on',
        settingsDisabled: 'Disable script on',
        settingsHideForever: 'Hide floating panel all the time',
        settingsHide: 'Hide floating panel on',
        settingsOff: 'Turn off script on',
        placeholderEnabled: 'Must not be empty if script not enabled all the time'
    }
};
let text = has.call(i18n, config.language) ? i18n[config.language] : i18n.english;

// functions
const settings = {
    construct() {
        const panelHTML = `
            <div class="SKH_settings">
                <table>
                    <tr>
                        <td class="name">${text.settingsAutoUpdateSessionID}</td>
                        <td class="value">
                            <label class="switch">
                                <input type="checkbox" class="autoUpdateSessionID">
                                <span class="slider"></span>
                            </label>
                        </td>
                    </tr>
                    <tr>
                        <td class="name">${text.settingsSessionID}</td>
                        <td class="value">
                            <input type="text" class="sessionID" value="${config.sessionID}" disabled>
                        </td>
                    </tr>
                    <tr>
                        <td class="name">${text.settingsLanguage}</td>
                        <td class="value">
                            <select class="language"></select>
                        </td>
                    </tr>
                    <tr>
                        <td class="name">${text.settingsEnabled}</td>
                        <td class="value">
                            <label class="switch">
                                <input type="checkbox" class="enabledForever">
                                <span class="slider"></span>
                            </label>
                            <p class="enabledForeverText">${text.settingsEnabledForever}</p>
                            <textarea class="enabledList" placeholder="${text.placeholderEnabled}"></textarea>
                        </td>
                    </tr>
                    <tr>
                        <td class="name">${text.settingsDisabled}</td>
                        <td class="value">
                            <textarea class="disabledList"></textarea>
                        </td>
                    </tr>
                    <tr>
                        <td class="name">${text.settingsHide}</td>
                        <td class="value">
                            <label class="switch">
                                <input type="checkbox" class="hideForever">
                                <span class="slider"></span>
                            </label>
                            <p class="hideForeverText">${text.settingsHideForever}</p>
                            <textarea class="hideList"></textarea>
                        </td>
                    </tr>
                    <tr>
                        <td class="name">${text.settingsOff}</td>
                        <td class="value">
                            <textarea class="offList"></textarea>
                        </td>
                    </tr>
                </table>
            </div>
        `;

        return panelHTML;
    },
    display() {
        swal({
            title: text.settingsTitle,
            html: this.construct(),
            timer: null
        });

        // apply settings
        const $panel = $(swal.getContent());
        const $autoUpdateSessionID = $panel.find('.autoUpdateSessionID');
        const $sessionID = $panel.find('.sessionID');
        const $language = $panel.find('.language');
        const $enabledForever = $panel.find('.enabledForever');
        const $hideForever = $panel.find('.hideForever');

        $autoUpdateSessionID.prop('checked', has.call(config, 'autoUpdateSessionID') ? config.autoUpdateSessionID : true);
        $autoUpdateSessionID.change(() => {
            swal.showLoading();

            const state = $panel.find('.autoUpdateSessionID:checked').length || 0;

            config.autoUpdateSessionID = state;
            GM_setValue('SKH_config', JSON.stringify(config));

            $sessionID.attr('disabled', !!state);

            setTimeout(swal.hideLoading, 500);
        });

        $sessionID.change(() => {
            swal.showLoading();

            config.sessionID = $sessionID.val();
            GM_setValue('SKH_config', JSON.stringify(config));

            setTimeout(swal.hideLoading, 500);
        });

        Object.keys(i18n).forEach(language => {
            $language.append(new Option(i18n[language].name, language));
        });
        $panel.find(`option[value=${config.language}]`).prop('selected', true);
        $language.change(() => {
            swal.showLoading();

            config.language = $language.val();
            GM_setValue('SKH_config', JSON.stringify(config));

            text = has.call(i18n, config.language) ? i18n[config.language] : i18n.english;

            setTimeout(swal.hideLoading, 500);
        });

        $enabledForever.change(() => {
            const state = !!$panel.find('.enabledForever:checked').length;

            $enabledForever.closest('td').toggleClass('forever', state);
        });
        $enabledForever.prop('checked', has.call(config, 'enabledForever') ? config.enabledForever : true).trigger('change');

        $hideForever.change(() => {
            swal.showLoading();
            const state = !!$panel.find('.hideForever:checked').length;

            config.hideForever = state;
            GM_setValue('SKH_config', JSON.stringify(config));
            $hideForever.closest('td').toggleClass('forever', state);

            setTimeout(swal.hideLoading, 500);
        });
        $hideForever.prop('checked', has.call(config, 'hideForever') ? config.hideForever : false).trigger('change');

        ['enabled', 'disabled', 'hide', 'off'].forEach(list => {
            const $list = $panel.find(`.${list}List`);

            $list.val(config[list].join("\n"));
            $list.change(() => {
                swal.showLoading();

                if (list === 'enabled') {
                    let state = !!$panel.find('.enabledForever:checked').length;
                    const listVal = $list.val().trim();

                    // script is not enabled all the time and empty enabled website
                    if (!state && listVal.length === 0) state = true;

                    config.enabledForever = state;
                    config[list] = listVal.val().split("\n").map(x => x.trim()).filter(x => x.length > 0);
                } else {
                    config[list] = $list.val().split("\n").map(x => x.trim()).filter(x => x.length > 0);
                }

                GM_setValue('SKH_config', JSON.stringify(config));

                setTimeout(swal.hideLoading, 500);
            });
        });
    }
};
const insertPanel = callback => {
    const $panel = $('<div class="SKH_panel"></div>');

    // add toggle switch
    $panel.append($(`
            <label class="switch">
                <input type="checkbox">
                <span class="slider"></span>
            </label>
        `).change(() => {
        const host = location.hostname;
        const toggle = !!$('.SKH_panel input:checked').length;
        const index = config.off.indexOf(host);

        if (toggle && index > -1) config.off.splice(index, 1);else if (!toggle && index === -1) config.off.push(host);

        GM_setValue('SKH_config', JSON.stringify(config));
    }));

    // add hide button
    $panel.append($(`<button class="hidePanel" title="${text.titlehidePanel}"> </button>`).click(() => {
        config.hide.push(location.hostname);
        GM_setValue('SKH_config', JSON.stringify(config));

        $panel.remove();
    }));

    // add disabled button
    $panel.append($(`<button class="disable" title="${text.titleDisable}"> </button>`).click(() => {
        config.disabled.push(location.hostname);
        GM_setValue('SKH_config', JSON.stringify(config));

        $panel.remove();
    }));

    // add settings button
    $panel.append($(`<button class="settings" class="${text.titleSettings}"> </button>`).click(() => {
        settings.display();
    }));

    $('body').append($panel);

    callback();
};
const updateActivated = (key, result) => {
    if (!activated.includes(key)) {
        if (result.success === 1 || [14, 15, 9].includes(result.purchase_result_details)) {
            activated.push(key);
            GM_setValue('SKH_activated', JSON.stringify(activated));
            $(`span:contains(${key})`).addClass('SKH_activated');
        }
    }
};
const getResultMsg = result => {
    const errMsg = {
        title: text.errorTitle,
        html: text.errorUnexpected,
        type: 'error',
        timer: null
    };
    const errors = {
        14: text.errorInvalidKey,
        15: text.errorUsedKey,
        53: text.errorRateLimited,
        13: text.errorCountryRestricted,
        9: text.errorAlreadyOwned,
        24: text.errorMissingBaseGame,
        36: text.errorPS3Required,
        50: text.errorGiftWallet
    };
    const getDetails = items => {
        const details = [];

        items.forEach(item => {
            const detail = [`<b>${item.line_item_description}</b>`];
            if (item.packageid > 0) detail.push(`sub: <a target="_blank" href="https://steamdb.info/sub/${item.packageid}/">${item.packageid}</a>`);
            if (item.appid > 0) detail.push(`app: <a target="_blank" href="https://steamdb.info/sub/${item.appid}/">${item.appid}</a>`);

            details.push(detail.join(', '));
        });

        return details.join('<br>');
    };

    if (result.success === 1) {
        return {
            title: text.successTitle,
            html: getDetails(result.purchase_receipt_info.line_items),
            type: 'success'
        };
    } else if (result.success === 2) {
        if (has.call(errors, result.purchase_result_details)) {
            errMsg.html = errors[result.purchase_result_details];
        }
        if (result.purchase_receipt_info.line_items.length > 0) {
            errMsg.html += `<br>${getDetails(result.purchase_receipt_info.line_items)}`;
        }
    }

    return errMsg;
};
const activateKey = key => {
    if ($('.SKH_panel input:checked').length > 0) {
        swal({
            title: text.processingTitle,
            text: text.processingMsg,
            timer: null
        });
        swal.showLoading();
        GM_xmlhttpRequest({
            method: 'POST',
            url: 'https://store.steampowered.com/account/ajaxregisterkey/',
            headers: {
                Accept: 'text/javascript, text/html, application/xml, text/xml, */*',
                '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.sessionID}`,
            onload: res => {
                swal.close();
                if (res.status === 200) {
                    try {
                        const result = JSON.parse(res.response);

                        swal(getResultMsg(result));
                        updateActivated(key, result);
                    } catch (e) {
                        swal(text.errorTitle, text.errorFailedRequest, 'error');
                    }
                } else {
                    swal({
                        title: text.errorTitle,
                        html: text.errorFailedRequestNeedUpdate,
                        type: 'error',
                        timer: null,
                        showCancelButton: true
                    }).then(() => {
                        window.open('https://store.steampowered.com/');
                    });
                }
            }
        });
    }
};
const generateLink = txt => {
    const link = $(`<span class="SKH_link">${txt}</span>`).click(() => {
        activateKey(txt);
    });
    if (activated.includes(txt)) link.addClass('SKH_activated');

    return link[0];
};
const scanText = txt => {
    let matched = true;
    const matches = [];

    while (matched) {
        matched = regKey.exec(txt.data);
        if (matched) matches.push(matched);
    }

    matches.reverse().forEach(match => {
        txt.splitText(match.index);
        txt.nextSibling.splitText(match[0].length);
        txt.parentNode.replaceChild(generateLink(match[0]), txt.nextSibling);
    });
};
const scanElement = element => {
    Array.from(element.childNodes).reverse().forEach(child => {
        if (child.nodeType === 1) {
            // element node
            if (child.value && regKey.test(child.value)) {
                const $child = $(child);

                if (activated.includes(child.value)) $child.addClass('SKH_activated');
                $child.prop('disabled', false);
                $child.click(() => {
                    activateKey(child.value);
                });
            } else if (!excludedTag.includes(child.tagName)) scanElement(child);
        } else if (child.nodeType === 3) {
            // text node
            scanText(child);
        }
    });
};
const init = () => {
    // save sessionID
    if (location.hostname === 'store.steampowered.com') {
        if (g_AccountID > 0) {
            if (!config.sessionID || config.autoUpdateSessionID) config.sessionID = g_sessionID;
            if (!config.language) config.language = g_oSuggestParams.l;
            GM_setValue('SKH_config', JSON.stringify(config));
        } else {
            swal(text.notLoggedInTitle, text.notLoggedInMsg, 'error');
        }
    } else {
        // check sessionID & language
        if (!config.sessionID || !config.language) {
            swal({
                title: text.missingTitle,
                text: text.missingMsg,
                type: 'question',
                timer: null,
                showCancelButton: true
            }).then(() => {
                window.open('https://store.steampowered.com/');
            });
        }

        const host = location.hostname;
        let run = true;

        if (!config.enabledForever && !config.enabled.includes(host)) run = false;
        if (config.disabled.includes(host)) run = false;

        if (run) {
            // hide floating panel
            if (config.hideForever || config.hide.includes(host)) {
                GM_addStyle('.SKH_panel { display: none;}');
            }
            // insert floating panel
            insertPanel(() => {
                // toggle on / off
                $('.SKH_panel input').prop('checked', !config.off.includes(host));
            });

            // start scanning
            scanElement(document.body);

            // monitor
            new MutationObserver(mutations => {
                mutations.forEach(mutation => {
                    mutation.addedNodes.forEach(addedNode => {
                        if (addedNode.nodeType === 1 && !addedNode.classList.contains('SKH_link')) {
                            scanElement(addedNode);
                        } else if (addedNode.nodeType === 3) {
                            scanText(addedNode);
                        }
                    });
                });
            }).observe(document.body, {
                childList: true,
                subtree: true
            });
        }
    }
};

$(window).on('load', init);