Detect Types

Register a function to generate runtime window type definitions.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

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

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name            Detect Types
// @namespace       https://github.com/SlashNephy
// @version         0.1.0
// @author          SlashNephy
// @description     Register a function to generate runtime window type definitions.
// @description:ja  window の型定義を生成する関数を登録します。
// @homepage        https://scrapbox.io/slashnephy
// @homepageURL     https://scrapbox.io/slashnephy
// @icon            https://www.google.com/s2/favicons?sz=64&domain=*
// @supportURL      https://github.com/SlashNephy/userscripts/issues
// @match           https://*/*
// @grant           unsafeWindow
// @license         MIT license
// ==/UserScript==

(function () {
    'use strict';

    const escapeKey = (key) => {
        if (key.includes('.')) {
            return `'${key}'`;
        }
        return key;
    };
    const getTypeString = (value) => {
        if (value === null) {
            return 'null';
        }
        if (Array.isArray(value)) {
            if (value.length === 0) {
                return 'unknown[]';
            }
            const types = Array.from(new Set(value.map(getTypeString)));
            if (types.length > 1) {
                return `(${types.join(' | ')})[]`;
            }
            return `${types.at(0)}[]`;
        }
        switch (typeof value) {
            case 'object': {
                const entries = Object.entries(value);
                if (entries.length === 0) {
                    return 'Record<string, unknown>';
                }
                return `{${entries.map(([k, v]) => `${escapeKey(k)}: ${getTypeString(v)}`).join(', ')}}`;
            }
            case 'function':
                return 'Function';
            default:
                return typeof value;
        }
    };
    unsafeWindow.getTypeString = getTypeString;
    unsafeWindow.printTypeString = (value) => {
        console.log(getTypeString(value));
    };

})();