Key-Based Config

A script for interfacing with my Key-Based Config UI.

目前为 2021-08-02 提交的版本。查看最新版本。

此脚本不应直接安装，它是一个供其他脚本使用的外部库。如果您需要使用该库，请在脚本元属性加入：// @require https://update.greasyfork.icu/scripts/419978/956708/Key-Based%20Config.js

提问、发表评价，或者举报这个脚本。

Wrap lines

// ==UserScript==
// @name        Key-Based Config
// @author      Callum Latham <[email protected]> (https://github.com/ctl2/key-based-config)
// @exclude     *
// @description A script for interfacing with my Key-Based Config UI.
// @grant       GM.setValue
// @grant       GM.getValue
// ==/UserScript==

const FRAME_URL = 'https://s3.eu-west-2.amazonaws.com/callumlatham.com/key-based-config/index.html';
const STYLE = {
    'position': 'fixed',
    'height': '100vh',
    'width': '100vw'
};

let isOpen = false;

function kbcConfigure(storageKey, title, metaTree, customStyle = {}) {
    return new Promise((resolve, reject) => {
        if (isOpen) {
            reject(new Error('A Key-Based Config iFrame is already open.'));
        } else if (typeof GM.getValue !== 'function' || typeof GM.setValue !== 'function') {
            reject(new Error('The key-based config script requires GM.getValue and GM.setValue permissions.'));
        } else {
            const iframe = document.createElement('iframe');
            const style = {
                ...STYLE,
                ...customStyle
            }

            iframe.src = FRAME_URL;

            for (const [property, value] of Object.entries(style)) {
                iframe.style[property] = value;
            }

            window.document.body.appendChild(iframe);

            isOpen = true;

            // Listen for iFrame communication
            window.addEventListener('message', async (message) => {
                switch (message.data.event) {
                    case 'open':
                        // Pass initialisation data
                        const valueForest = await GM.getValue(storageKey);

                        iframe.contentWindow.postMessage({
                            title: title,
                            metaTree: metaTree,
                            valueForest: valueForest === undefined ? [] : valueForest
                        }, '*');

                        break;

                    case 'change':
                        // Update stored value
                        GM.setValue(storageKey, message.data.valueForest);

                        break;

                    case 'close':
                        // Close iFrame
                        isOpen = false;
                        iframe.remove();

                        window.setTimeout(() => {
                            // Resolve promise
                            resolve(message.data.valueForest);
                        }, 1);

                        break;

                    case 'error':
                        // Close iFrame
                        isOpen = false;
                        iframe.remove();

                        // Resolve promise
                        reject(message.data.reason);

                        break;

                    default:
                        // No need to error the promise here; I'm probably just observing a message from another script
                        console.warn(`Unrecognised message 'event' value observed by key-based config script: '${message.data.type}'`);
                }
            });
        }
    });
}