Blockdia developer tools

scratch-code Playgrounds

Choose a package to inspect its data model and try its browser-safe APIs.

01

@scratch-code/ast

Explore tree-shaped scripts and inspect traversal statistics.

Open playground →
02

@scratch-code/block-spec

Register and inspect semantic block specification JSON.

Open playground →
03

@scratch-code/diff

Compare semantic scripts with deterministic matching and move relations.

Open playground →
04

@scratch-code/fragment

Analyze dependencies and create self-contained Scratch code fragments.

Open playground →
05

@scratch-code/materialize

Complete block IDs, defaults, and shadows from the block catalog.

Open playground →
06

@scratch-code/turbowarp-blocks

Search the Scratch Blocks and built-in extension catalogs.

Open playground →
07

@scratch-code/sb3

Convert an SB3 target blocks object to the semantic AST.

Open playground →
08

@scratch-code/vm-blocks

Convert Scratch VM runtime block arrays to semantic scripts and back.

Open playground →
09

@scratch-code/scratchblocks-codec

Convert scratchblocks text and semantic AST in both directions.

Open playground →