Menggunakan blok prosedur bawaan

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);

Ini akan menentukan blok prosedur yang memiliki nama yang sama dengan kode lama blok prosedur bawaan. Jadi, jika Anda memuat JSON atau XML yang disimpan dengan blok prosedur lama, mereka akan terus dimuat dengan benar.

Menambahkannya ke toolbox

Setelah Anda menentukan blok Anda (baik blok plugin, maupun blok yang sudah ada), Anda harus menyediakannya untuk pengguna Anda. Hal ini memerlukan menggunakan {i>toolbox<i} gaya kategori, karena kategori prosedur diisi secara dinamis, yang tidak didukung oleh toolbox flyout.

Anda dapat menambahkan kategori dinamis ke {i>toolbox<i} Anda seperti berikut:

JSON

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

XML

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