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 a 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 procedimento com os mesmos nomes dos blocos de procedimentos integrados legados. Portanto, se você estiver carregando o JSON ou o XML que foi salvo com os blocos de procedimento antigos, eles continuarão sendo carregados corretamente.

Como adicioná-las à caixa de ferramentas

Depois de definir os blocos (os de plug-in ou os integrados legados), é necessário disponibilizá-los para os usuários. Para isso, é necessário usar uma caixa de ferramentas de estilo de categoria, porque a categoria do procedimento é preenchida dinamicamente, o que não é compatível com a caixa de ferramentas do menu suspenso.

Você pode adicionar a categoria dinâmica à 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" cusotm="PROCEDURE">
</xml>