blockly @ blockly-v11.0.0

Blockly v11 is here and it includes many new features and bug fixes!

For the full list of breaking changes, see the release notes below. You can click on each PR to learn why it's a breaking change, how to tell if you will be affected by it, and what to do if you are. There are a few major changes to be aware of:

• The colour, multiline input, and angle fields and their associated blocks have been removed from core. They are now available as plugins. If you use these blocks or fields, follow the instructions in the plugin READMEs to install them.
• If you install Blockly through npm, we now provide an exports clause to explicitly declare what you can import from our package.
  • Your build tooling may now throw an error if you deep import from our package such as import 'blockly/core/some/file/name.js', which has never been supported by Blockly but may have been made possible by your build tools.
• We now provide Blockly as an esmodule if you use Blockly through import statements in JS.
  • import Blockly from 'blockly/core' has never been supported by Blockly, but your build tool may have "helpfully" made this work previously. Due to this change, your build tooling may no longer behave that way.
  • You should import * as Blockly from 'blockly/core' instead, as described in our documentation.
  • Note that <script type="module"> in HTML files is not yet a supported method to load Blockly.
• Calling statementToCode or valueToCode on inputs that don't exist will now throw an error instead of returning an empty string.
  • This will make it easier to spot errors due to incorrect input names in block-code generator functions, but may expose previously silent issues with existing code.

This release also comes with many new features and bug fixes! A few notable ones include:

• Custom workspace comment behavior and appearance
• Custom draggable behavior
• More consistent undo/redo behavior for disabled blocks
• Keyboard navigation of flyout buttons
• More accurate Generator type definitions

What's Changed

Breaking changes 🛠

• fix!: have Lua generators use 'nil' instead of 'None' by @BeksOmega in https://github.com/google/blockly/pull/7837
• fix!: have disposing be true from start of dispose by @BeksOmega in https://github.com/google/blockly/pull/7891
• feat!: delete angle, colour, and multiline input fields and blocks by @rachel-fenichel in https://github.com/google/blockly/pull/7932
• fix!: classes on text input bubble to match comment view by @BeksOmega in https://github.com/google/blockly/pull/7935
• feat(build)!: Introduce exports section in package.json by @cpcallen in https://github.com/google/blockly/pull/7822
• fix!: remove couldConnect parameter from wouldDelete by @BeksOmega in https://github.com/google/blockly/pull/7968
• feat!: Throw errors on missing inputs by @NeilFraser in https://github.com/google/blockly/pull/7969
• feat!: migrate bubble dragging to use new dragging API by @BeksOmega in https://github.com/google/blockly/pull/7974
• fix!: various drag-adjacent interfaces by @BeksOmega in https://github.com/google/blockly/pull/7975
• feat!: change gestures to look at selected when dragging by @BeksOmega in https://github.com/google/blockly/pull/7991
• feat!: Add context menu options for workspace comments by @BeksOmega in https://github.com/google/blockly/pull/8035
• feat!: Invalid Blocks by @johnnesky in https://github.com/google/blockly/pull/7958
• fix!: Only fire intermediate events when editing input with invalid text. by @johnnesky in https://github.com/google/blockly/pull/8054
• fix!: add getContents to IFlyout by @maribethb in https://github.com/google/blockly/pull/8064
• feat(build)!: Introduce ESM entrypoints by @cpcallen in https://github.com/google/blockly/pull/8091
• chore!: delete deprecations for v11 by @BeksOmega in https://github.com/google/blockly/pull/7732

New features ✨

• feat: add comment view (for workspace comments, and block comments for partners) by @BeksOmega in https://github.com/google/blockly/pull/7914
• feat: allow overriding comment icons by @BeksOmega in https://github.com/google/blockly/pull/7937
• feat: add headless workspace comment class by @BeksOmega in https://github.com/google/blockly/pull/7916
• feat: rendered workspace comment by @BeksOmega in https://github.com/google/blockly/pull/7918
• feat: have RenderedWorkspaceComment implement IBoundedElement and IRenderedElement by @BeksOmega in https://github.com/google/blockly/pull/7919
• feat: add JSON serialization for workspace comments by @BeksOmega in https://github.com/google/blockly/pull/7927
• feat(dragging): Create (new) IDragger and IDraggable interfaces by @cpcallen in https://github.com/google/blockly/pull/7953
• feat(dragging): Introduce Dragger, implementing IDragger by @cpcallen in https://github.com/google/blockly/pull/7956
• feat: add block drag strategy by @BeksOmega in https://github.com/google/blockly/pull/7970
• feat: have blocks use drag strategy by @BeksOmega in https://github.com/google/blockly/pull/7971
• feat: have the gesture use a dragger for blocks by @BeksOmega in https://github.com/google/blockly/pull/7972
• feat: make comment a draggable by @BeksOmega in https://github.com/google/blockly/pull/7976
• feat: allow duplicate registry values by @maribethb in https://github.com/google/blockly/pull/7988
• feat: support dragging comments in the gesture by @BeksOmega in https://github.com/google/blockly/pull/7977
• feat: support keyboard navigation of flyout buttons by @mikeharv in https://github.com/google/blockly/pull/7852
• feat: comment collapse event by @BeksOmega in https://github.com/google/blockly/pull/7949
• feat: add toFlyoutData method for compatibility with backpack by @BeksOmega in https://github.com/google/blockly/pull/8002
• feat: visual comment selection by @BeksOmega in https://github.com/google/blockly/pull/7996
• feat: add ability to delete workspace comments by @BeksOmega in https://github.com/google/blockly/pull/8023
• feat: add ability to copy and paste workspace comments by @BeksOmega in https://github.com/google/blockly/pull/8024
• feat: add block factory export in json by @maribethb in https://github.com/google/blockly/pull/8051
• feat: Add snapping to workspace comments. by @NeilFraser in https://github.com/google/blockly/pull/8070

Bug fixes 🐛

• fix!(generators): Fix generator typings by @cpcallen in https://github.com/google/blockly/pull/7727
• fix(generators): Fix generator type declarations by @cpcallen in https://github.com/google/blockly/pull/7750
• fix: export save and load procedure by @BeksOmega in https://github.com/google/blockly/pull/7806
• fix: connection previewer disposing too early by @BeksOmega in https://github.com/google/blockly/pull/7859
• fix: typo in Click event class docs by @elvisvoer in https://github.com/google/blockly/pull/7854
• fix: insertion marker drag scaling by @BeksOmega in https://github.com/google/blockly/pull/7874
• fix: restore respecting snap radius by @BeksOmega in https://github.com/google/blockly/pull/7873
• fix: libraryBlocks exports by @devilhyt in https://github.com/google/blockly/pull/7886
• fix: shouldPreventMove not being respected by @BeksOmega in https://github.com/google/blockly/pull/7894
• fix: connection dancing by @BeksOmega in https://github.com/google/blockly/pull/7899
• fix: comment min size by @BeksOmega in https://github.com/google/blockly/pull/7915
• fix: updated field_dropdown to properly infer its Field type with TS 5.3.3 by @btw17 in https://github.com/google/blockly/pull/7939
• fix(generators): Make scrub_ public by @cpcallen in https://github.com/google/blockly/pull/7940
• fix: Fix block disposal animations by @gonfunko in https://github.com/google/blockly/pull/7948
• fix: comment have XML save and load new workspace comments classes by @BeksOmega in https://github.com/google/blockly/pull/7931
• fix(typings): Restore inadvertently-deleted typings/msg/msg.d.ts; add TS import test by @cpcallen in https://github.com/google/blockly/pull/7955
• fix: comment position in RTL by @BeksOmega in https://github.com/google/blockly/pull/7934
• fix: comment view styling by @BeksOmega in https://github.com/google/blockly/pull/7965
• fix: draggable interface and concrete dragger by @BeksOmega in https://github.com/google/blockly/pull/7967
• fix: comment create and delete events by @BeksOmega in https://github.com/google/blockly/pull/7945
• fix: comment icon interface re serialization by @BeksOmega in https://github.com/google/blockly/pull/7964
• fix: Assign to containerDiv blockyWidgetDiv if it already exists by @lotusotho in https://github.com/google/blockly/pull/7980
• fix: prevent default undo by @BeksOmega in https://github.com/google/blockly/pull/7946
• fix: comment colours when dragging by @BeksOmega in https://github.com/google/blockly/pull/7978
• fix: comment move and change events by @BeksOmega in https://github.com/google/blockly/pull/7947
• fix: dragging shadow blocks by @BeksOmega in https://github.com/google/blockly/pull/7992
• fix: bubbles not being returned to the correct layer after drag by @BeksOmega in https://github.com/google/blockly/pull/7997
• fix: insertion marker firing move event by @BeksOmega in https://github.com/google/blockly/pull/8000
• fix: drag cursor by @BeksOmega in https://github.com/google/blockly/pull/7999
• fix: blocks not being returned to the correct layer if their drag is reverted with no parent by @BeksOmega in https://github.com/google/blockly/pull/7998
• fix: compatibility with scroll plugin by @BeksOmega in https://github.com/google/blockly/pull/8016
• fix: correct dropdown arrow placement for Thrasos on Safari by @mikeharv in https://github.com/google/blockly/pull/8017
• fix: backpack compatibility (rename toFlyoutData to toFlyoutInfo) by @BeksOmega in https://github.com/google/blockly/pull/8015
• fix: dragging related exports for v11 by @BeksOmega in https://github.com/google/blockly/pull/8021
• fix: revert dragger name by @BeksOmega in https://github.com/google/blockly/pull/8020
• fix: more drag exports by @BeksOmega in https://github.com/google/blockly/pull/8025
• fix: text input bubble css by @BeksOmega in https://github.com/google/blockly/pull/8040
• fix: CSS for selected collapsed comments by @BeksOmega in https://github.com/google/blockly/pull/8039
• fix: comment keyboard shortcuts by @BeksOmega in https://github.com/google/blockly/pull/8036
• fix: bumping comments into bounds by @BeksOmega in https://github.com/google/blockly/pull/8037
• fix: comment text area size in samples by @BeksOmega in https://github.com/google/blockly/pull/8042
• fix: comments being resizable when readonly by @BeksOmega in https://github.com/google/blockly/pull/8043
• fix: comment highlight being positioned incorrectly in RTL by @BeksOmega in https://github.com/google/blockly/pull/8044
• fix(build): Reintroduce shims for subpackage entrypoints by @cpcallen in https://github.com/google/blockly/pull/8050
• fix: Correct list's "find" and "get" blocks help. by @NeilFraser in https://github.com/google/blockly/pull/8041
• fix: prevent duplication of comment icon bubbles by @riknoll in https://github.com/google/blockly/pull/8053
• fix: Don't record undo events for enable/disable by @NeilFraser in https://github.com/google/blockly/pull/8058
• fix: improve types in FieldRegistry by @maribethb in https://github.com/google/blockly/pull/8062
• fix: Remove deprecation warnings for 'disabled'. by @NeilFraser in https://github.com/google/blockly/pull/8104
• fix: drag cursor being incorrect for flyout blocks by @BeksOmega in https://github.com/google/blockly/pull/8107
• fix: connection db error for insertion markers by @BeksOmega in https://github.com/google/blockly/pull/8109
• fix: extra insertion markers being created by @BeksOmega in https://github.com/google/blockly/pull/8120
• fix: throwing errors for chameleon blocks by @BeksOmega in https://github.com/google/blockly/pull/8121
• fix: JSON deserialization not firing variable create events for blocks by @bsampada7 in https://github.com/google/blockly/pull/8122
• fix: workspace comment bounding box affecting RTL zoom by @samelhusseini in https://github.com/google/blockly/pull/8125
• fix: comment move events and snapping by @BeksOmega in https://github.com/google/blockly/pull/8127
• fix: change cursor to grab on ws comment bar by @maribethb in https://github.com/google/blockly/pull/8140
• fix: undoing block delete over trashcan creates block in wrong place by @BeksOmega in https://github.com/google/blockly/pull/8126
• fix: comment handle position in RTL by @BeksOmega in https://github.com/google/blockly/pull/8151
• fix: Zelos comments shouldn't be bold by @NeilFraser in https://github.com/google/blockly/pull/8141
• fix: dragging blocks by shadows to delete by @BeksOmega in https://github.com/google/blockly/pull/8138
• fix: comment size not respecting collapsed-ness by @BeksOmega in https://github.com/google/blockly/pull/8136
• fix: comment text area bottom border hidden by @BeksOmega in https://github.com/google/blockly/pull/8152
• fix: Properly size comments. by @NeilFraser in https://github.com/google/blockly/pull/8158
• fix: creating comments in RTL by @BeksOmega in https://github.com/google/blockly/pull/8153
• fix: delete area animation by @BeksOmega in https://github.com/google/blockly/pull/8149
• fix: Normalize CSS between comment types by @NeilFraser in https://github.com/google/blockly/pull/8161
• fix: paste in a better spot by @maribethb in https://github.com/google/blockly/pull/8123

Cleanup ♻️

• refactor: split out block serialization for creating new blocks from the flyout by @gonfunko in https://github.com/google/blockly/pull/8065

New Contributors

• @elvisvoer made their first contribution in https://github.com/google/blockly/pull/7854
• @devilhyt made their first contribution in https://github.com/google/blockly/pull/7886
• @worrycare made their first contribution in https://github.com/google/blockly/pull/7963
• @lotusotho made their first contribution in https://github.com/google/blockly/pull/7980
• @mikeharv made their first contribution in https://github.com/google/blockly/pull/7852
• @riknoll made their first contribution in https://github.com/google/blockly/pull/8053

Full Changelog: https://github.com/google/blockly/compare/blockly-v10.4.3...blockly-v11.0.0