Utiliser des blocs de procédure

Utiliser le plug-in

Pour utiliser des blocs de procédure, nous vous recommandons d'utiliser le plug-in @blockly/block-shareable-procedures. Pour connaître les différences entre les blocs de plug-in et les blocs intégrés, consultez la présentation.

Installation

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

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

Utilisation

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

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

Cette option définit des blocs de procédure qui portent le même nom que les anciens blocs de procédure intégrés. Ainsi, si vous chargez du code JSON ou XML enregistré avec les anciens blocs de procédure, ils continueront donc à se charger correctement.

Les ajouter à la boîte à outils

Après avoir défini vos blocs (que ce soit ceux du plug-in ou des anciens blocs intégrés), vous devez les mettre à la disposition de vos utilisateurs. Vous devez utiliser une boîte à outils de style catégorie, car la catégorie de procédure est renseignée de manière dynamique, ce qui n'est pas compatible avec la boîte à outils déroulant.

Vous pouvez ajouter la catégorie dynamique à votre boîte à outils comme ceci:

JSON

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

XML

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