@blockly Plugins
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.
Plugins
Fields
@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.
Blocks
@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.
Dev
@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/dev-tool: A library of common utilities for Blockly plugin development.@blockly/dev-scripts: Configuration and scripts for Blockly plugins.
Themes
@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.
Workspace
@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)
Serializers
@blockly/serialize-disabled-interactions: A serializer that serializes movable, deltable, and editable attributes.
Toolbox
@blockly/toolbox-search: A toolbox category that provides a search field to filter the available blocks in the toolbox.
Other
@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.
Using Lerna
Lerna is being used to manage all the packages released
under the @blockly npm scope.
Run npm install at the root of blockly-samples, rather than from each individual
plugin subdirectory. You can also run other commands such as npm run format that
will act on all plugins simultaneously.