Utilizzare i blocchi di procedura integrati

Utilizzo del plug-in

Per utilizzare i blocchi di procedure, ti consigliamo di utilizzare il plug-in @blockly/block-shareable-procedures. Per la differenza tra i blocchi dei plug-in e quelli integrati, consulta la panoramica.

Installazione

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

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

Utilizzo

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

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

Verranno definiti blocchi di procedure con gli stessi nomi dei blocchi di procedure integrati legacy. Pertanto, se carichi JSON o XML salvati con i blocchi della vecchia procedura, continueranno a essere caricati correttamente.

Aggiungerli alla casella degli strumenti

Dopo aver definito i blocchi (quelli dei plug-in o quelli legacy integrati), devi renderli disponibili per gli utenti. Per questo è necessario utilizzare una casella degli strumenti di stile della categoria, perché la categoria della procedura viene compilata dinamicamente, il che non è supportato dalla casella degli strumenti a comparsa.

Puoi aggiungere la categoria dinamica alla tua casella degli strumenti nel seguente modo:

JSON

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

XML

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