Menggunakan plugin
Untuk menggunakan blok prosedur, sebaiknya gunakan plugin @blockly/block-shareable-procedures. Untuk perbedaan antara blok plugin dan blok bawaan, lihat ringkasan.
Penginstalan
Benang:
shell
yarn add @blockly/block-shareable-procedures
NPM:
shell
npm install @blockly/block-shareable-procedures
Penggunaan
import Blockly from 'blockly';
import {blocks, unregisterProcedureBlocks} '@blockly/block-shareable-procedures';
unregisterProcedureBlocks();
Blockly.common.defineBlocks(blocks);
Tindakan ini akan menentukan blok prosedur yang memiliki nama yang sama dengan blok prosedur bawaan lama. Jadi, jika Anda memuat JSON atau XML yang disimpan dengan blok prosedur lama, file tersebut akan terus dimuat dengan benar.
Menambahkannya ke toolbox
Setelah menentukan blok (baik yang plugin maupun yang sudah ada di dalamnya), Anda harus menyediakannya bagi pengguna. Hal ini mengharuskan Anda menggunakan toolbox gaya kategori, karena kategori prosedur diisi secara dinamis, yang tidak didukung oleh toolbox flyout.
Anda dapat menambahkan kategori dinamis ke toolbox seperti berikut:
JSON
{
"kind": "categoryToolbox",
"contents": [
{
"kind": "category",
"name": "Functions",
"custom": "PROCEDURE"
}
]
};
XML
<xml id="toolbox" style="display: none">
<category name="Functions" cusotm="PROCEDURE">
</xml>