This directory is where Blockly plugins are
authored and stored. These plugin packages are released to npm under the
@blockly
scope.
A full list of published packages can be found by searching for the @blockly
tag on npm.
@blockly/field-bitmap
: A Blockly field that allows for user-inputted pixel grids.@blockly/field-colour-hsv-sliders
: A colour picker field that uses HSV sliders.@blockly/field-date
: A date picker field that uses the Google Closure date picker.@blockly/field-dependent-dropdown
: A dropdown field where the available options depend on the value of a parent field.@blockly/field-grid-dropdown
: A Blockly dropdown field with grid layout.@blockly/field-slider
: A slider field.
@blockly/block-plus-minus
: A group of blocks that replace the built-in mutator UI with a +/- based UI.@blockly/block-dynamic-connection
: A group of blocks that add connections dynamically.@blockly-block-shareable-procedures
: A group of blocks that replace the built-in procedures with ones that can be shared between workspaces.@blockly/block-test
: A group of Blockly test blocks.@blockly/renderer-inline-row-separators
: A renderer that allows putting inline value input connectors on separate rows, and blocks that demonstrate the feature.
@blockly/create-package
: A tool for creating a Blockly plugin based on a pre-existing template.@blockly/migrate
: A tool for migrating apps built on Blockly to newer versions of Blockly that make breaking changes.@blockly/eslint-config
: ESlint configuration used by Blockly plugins.@blockly/dev-tool
: A library of common utilities for Blockly plugin development.@blockly/dev-scripts
: Configuration and scripts for Blockly plugins.
@blockly/theme-modern
: A Blockly modern theme.@blockly/theme-dark
: A Blockly dark theme.@blockly/theme-highcontrast
: A Blockly high contrast theme.@blockly/theme-deuteranopia
: A Blockly theme for people who have deuteranopia.@blockly/theme-tritanopia
: A Blockly theme for people who have tritanopia.
@blockly/continuous-toolbox
: A Blockly plugin that adds a continous-scrolling style toolbox and flyout.@blockly/workspace-content-highlight
: A Blockly plugin that highlights the content on the workspace.@blockly/disable-top-blocks
: A Blockly plugin that shows the 'disable' context menu option only on non-orphan blocks.@blockly/fixed-edges
: A Blockly MetricsManager for configuring fixed sides.@blockly/keyboard-navigation
: A Blockly plugin that adds keyboard navigation support.@blockly/plugin-strict-connection-checker
: A Blockly plugin that makes connection checks strict.@blockly/plugin-workspace-search
: A plugin that adds workspace search support.@blockly/zoom-to-fit
: A Blockly plugin that adds a zoom-to-fit control to the workspace.@blockly/plugin-scroll-options
: A Blockly plugin that adds additional scrolling features.@blockly/plugin-cross-tab-copy-paste
: A Blockly plugin that allows a user to copy and paste blocks between tabs.@blockly/shadow-block-converter
: A Blockly plugin that automatically converts shadow blocks to real blocks when the user edits them.@blockly/workspace-backpack
: A Blockly plugin that adds Backpack support.@blockly/workspace-minimap
: A Blockly plugin that adds a minimap of the workspace to the workspace. (private; in development)
@blockly/serialize-disabled-interactions
: A serializer that serializes movable, deltable, and editable attributes.
@blockly/toolbox-search
: A toolbox category that provides a search field to filter the available blocks in the toolbox.
@blockly/plugin-modal
: A Blockly plugin that creates a modal.@blockly/plugin-typed-variable-modal
: A plugin to create a modal for creating typed variables.
Lerna is being used to manage all the packages released
under the @blockly
npm scope.
When you first check out the repo, or if additional packages are added, run
npm run boot
from the project root to bootstrap all packages.
Once you've bootstrapped the packages, you no longer need to run npm install
in each of the packages.