プロシージャ ブロックの使用

プラグインの使用

プロシージャ ブロックを使用するには、@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" cusotm="PROCEDURE">
</xml>