Como usar blocos de procedimento

Como usar o plug-in

Para usar blocos de procedimento, recomendamos o uso do Plug-in @blockly/block-shareable-procedures. Para ver a diferença entre os blocos de plug-in e os blocos integrados, consulte o visão geral.

Instalação

Tecido: shell yarn add @blockly/block-shareable-procedures

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

Uso

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

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

Isso vai definir blocos de procedimentos com os mesmos nomes dos blocos de procedimento integrado. Se você carregar os arquivos JSON ou XML que foram salvos com os blocos de procedimento antigo, eles continuarão a ser carregados corretamente.

Como adicioná-las à caixa de ferramentas

Após definir os blocos (os de plug-ins ou os integradas), você precisa disponibilizá-los para os usuários. Isso exige que você use uma caixa de ferramentas de estilo de categoria, porque a categoria de procedimento está preenchida dinamicamente, o que não é suportado pela caixa de ferramentas de menu suspenso.

É possível adicionar a categoria dinâmica à sua caixa de ferramentas da seguinte forma:

JSON

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

XML

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