Пишем расширение для Scratch 3, позволяющее в проектах писать код на JavaScript

В официальный Scratch 3 нет возможности добавить своё расширение. Но такая возможность есть в моде Sheeptester. Это позволяет на удивление просто создавать свои блоки. Но мы пойдём дальше и расширим Scratch 3 возможностью в нем не только использовать блоки, но и писать код на JavaScript

Код конструктора и регистрации расширения типовой и на нём останавливаться не будем. В методе getInfo происходит определение полей необходимого нам блока. Тип блока (blockType) задаёт внешний вид и способ его присоединения к другим блокам. В данном случае задаётся блок reporter, который не имеет внешних стыков, но возвращает результат выполнения.

Блоки могут быть без параметров или с параметрами. Параметры задаются при помощи скобок [] в поле text. В нашем случае используется один параметр [data] строкового типа.

Возможные типы блоков и параметров можно посмотреть в исходном коде

class ScratchJS {
    constructor(runtime) {
        this.runtime = runtime
    }
    
    getInfo() {
        return {
            "id": "ScretchJS",
            "name": "ScretchJS",
            "blocks": [
                {
                    "opcode": "jsEval",
                    "blockType": "reporter",
                    "text": "eval js code from [data]",
                    "arguments": {
                        "data": {
                            "type": "string",
                            "defaultValue": 'alert(12)'
                        },
                    }
                },
            ],
        };
    }
    
    jsEval({data}) {

let result = '';

try{
            result = eval(data);

}catch(e){}

return result;
    }
}

(function() {
    var extensionInstance = new ScratchJS(window.vm.extensionManager.runtime)
    var serviceName = window.vm.extensionManager._registerInternalExtension(extensionInstance)
    window.vm.extensionManager._loadedExtensions.set(extensionInstance.getInfo().id, serviceName)
})()

Для подключения расширения с файлом скрипта его необходимо разместить на web-сервере, GitHub и т.п. и в адресной строке браузера указать адрес:

https://sheeptester.github.io/scratch-gui/?load_plugin=https://ПУТЬ К ФАЙЛУ СКРИПТА.js

Некоторое неудобство состоит в том, что при вводе длинной строки кода поле ввода и вместен с ним блок будут расширяться.