Используйте встроенные блоки процедур.

Использование плагина

Чтобы использовать блоки процедур, мы рекомендуем использовать плагин @blockly/block-shareable-procedures . О разнице между плагинными блоками и встроенными блоками смотрите в обзоре .

Установка

Пряжа: shell yarn add @blockly/block-shareable-procedures

NPM: shell npm install @blockly/block-shareable-procedures

Использование

import Blockly from 'blockly';
import {blocks, unregisterProcedureBlocks} '@blockly/block-shareable-procedures';

unregisterProcedureBlocks();
Blockly.common.defineBlocks(blocks);

Это определит блоки процедур, которые будут иметь те же имена, что и устаревшие встроенные блоки процедур. Поэтому, если вы загружаете JSON или XML, сохраненные вместе со старыми блоками процедур, они продолжат загружаться правильно.

Добавление их в набор инструментов

После того, как вы определили свои блоки (либо плагины, либо устаревшие встроенные), вам необходимо сделать их доступными для ваших пользователей. Для этого необходимо использовать набор инструментов стиля категории, поскольку категория процедур заполняется динамически, что не поддерживается всплывающим набором инструментов.

Вы можете добавить динамическую категорию в свой набор инструментов следующим образом:

JSON

{
  "kind": "categoryToolbox",
  "contents": [
    {
      "kind": "category",
      "name": "Functions",
      "custom": "PROCEDURE"
    }
  ]
};

XML

<xml id="toolbox" style="display: none">
  <category name="Functions" custom="PROCEDURE">
</xml>