google/blockly blockly-v12.0.0-beta.0 on GitHub

What's Changed

Breaking changes 🛠

feat!: Add support for preserving block comment locations. by @gonfunko in #8231
fix!: rename the blockly icon CSS classes to use camelCase (#8329) by @ga-fleury in #8335
fix!: Make IPathObject styling methods optional by @shashwatpathak98 in #8332
fix!: Rename blocklyTreeRow and blocklyToolboxCategory CSS classes by @Abhinav-Chdhary in #8357
fix!: renamed blocklyTreeIcon Css class to blocklyToolboxCategoryIcon #8347 by @krishchvn in #8367
fix!: Replace Closure UI CSS classes with Blockly CSS classes by @Arun-cn in #8339
fix!: rename blocklyToolboxContents to blocklyToolboxCategoryGroup by @ruthwikchikoti in #8384
refactor!: Use IVariableMap instead of VariableMap by @gonfunko in #8401
fix!: Rename editing CSS class to blocklyEditing (#8287) by @ga-fleury in #8301
fix!: use :focus pseudo class instead of blocklyFocused by @Skye967 in #8360
fix!: Redundant blockly non selectable #8328 by @dakshkanaujia in #8433
fix!: Rename blocklyTreeIconOpen to blocklyToolboxCategoryIconOpen by @UtkershBasnet in #8440
fix!: Renamed the blocklyTreeSelected CSS class to blocklyToolboxSelected by @omwagh28 in #8459
fix!: deleted styles without associated classes from css.ts, issue #8285 by @aishwaryavenkatesan in #8465
feat!: change blocklyEditableText to blocklyEditableField and blocklyNonEditableText to blocklyNonEditableField by @Adityajaiswal03 in #8475
fix!: Remove the blocklyMenuItemHighlight CSS class and use the hover by @Arun-cn in #8536
refactor!: Update flyouts to use inflaters. by @gonfunko in #8601
refactor!: Remove the InsertionMarkerManager. by @gonfunko in #8649
refactor!: Improve ability to use CSS to style Blockly. by @gonfunko in #8647
feat!: Use CSS to specify field cursors. by @gonfunko in #8648
refactor!: Use one map for toolbox contents. by @gonfunko in #8654
refactor!: Add setSelectedItem() to IToolbox. by @gonfunko in #8650

New features ✨

feat: Add blocklyField to field's SVG Group by @nullHawk in #8334
feat: Add a blocklyFieldText CSS class to fields' text elements (#8291) by @ga-fleury in #8302
feat: Add a blocklyVariableField CSS class to variable fields by @shashwatpathak98 in #8359
feat: add the IVariableMap and IVariableModel interfaces. by @gonfunko in #8369
feat: Add a blocklyTextBubble CSS class to the text bubble #8331 by @Nirmalkumar6112 in #8333
feat: Add a blocklyShadow class by @devesh-2002 in #8336
feat: Added blocklyTrashcanFlyout CSS class by @ChaitanyaYeole02 in #8372
feat: Add css classes from json block definitions by @ishon19 in #8377
feat: Add blocklyToolboxFlyout CSS class to the flyout by @nullHawk in #8386
feat: Add a blocklyCollapsed CSS class to collapsed blocks' root SVG (#8264) by @ga-fleury in #8308
feat: Add a blocklyBlock CSS class to the block's root SVG by @ChaitanyaYeole02 in #8397
feat: add blocklyMiniWorkspaceBubble css class by @ishon19 in #8390
feat: Add a blocklyNotEditable CSS class to the block's root SVG by @dianaPrahoveanu-SL in #8391
feat: Add a VarTypeChange event. by @gonfunko in #8402
feat: added blocklyNotDetetable class to block_svg by @Shreshthaaa in #8406
feat: add the block's type as a CSS class to the block's root SVG by @CodeMaverick2 in #8428
feat: add blocklyLabelField css class to label field by @surajguduru in #8423
feat: Add a blocklyNumberField CSS class to number fields by @Apocalypse96 in #8414
feat: add a method for subclasses of FieldVariable to get the default type. by @gonfunko in #8453
feat: added block's style as a CSS class to block's root SVG by @Shreshthaaa in #8436
feat: implement WorkspaceSvg class manipulation by @UCYT5040 in #8473
feat: added blocklyHighlighted CSS class to highlighted block's root… by @Shreshthaaa in #8407
feat: Add the IFlyoutInflater interface. by @gonfunko in #8581
feat: Add inflaters for flyout labels and buttons. by @gonfunko in #8593
feat: Add support for inflating flyout separators. by @gonfunko in #8592
feat: Add a BlockFlyoutInflater class. by @gonfunko in #8591
feat: Allow specifying the placeholder text of workspace comments. by @gonfunko in #8608
feat: Allow specifying the default size of comments. by @gonfunko in #8618
feat: Allow customizing GRID_UNIT for the Zelos renderer. by @gonfunko in #8636

Bug fixes 🐛

fix: Remove references to getFastTextWidth (#8277) by @ga-fleury in #8307
fix: improve prompting when deleting variables by @gonfunko in #8529
fix: display the correct variable reference count when deleting a variable. by @gonfunko in #8549
fix: improve flyout performance by @gonfunko in #8571
fix: size text with computed styles even when hidden by @gonfunko in #8572
fix: include potential variables in variable dropdowns in the flyout by @gonfunko in #8574
fix: Fix bug that prevented dismissing the widgetdiv in a mutator workspace. by @gonfunko in #8600
fix: Fix bug that caused fields in the flyout to use the main workspace's scale. by @gonfunko in #8607
fix: Correctly calculate the bounds of hat blocks. by @gonfunko in #8616
fix: Take the flyout into account when positioning the workspace after a toolbox change. by @gonfunko in #8617
fix: Fix exception when disposing of a workspace with a variable block obscuring a shadow block. by @gonfunko in #8619
fix: improve typings and export additional types by @gonfunko in #8631
fix: Create CSS vars for SVG patterns. by @johnnesky in #8671

Cleanup ♻️

refactor: field_checkbox dom.addClass params by @ishon19 in #8309
refactor: Add addClass and removeClass methods to blockSvg by @ishon19 in #8337
refactor: make VariableModel implement IVariableModel. by @gonfunko in #8381
refactor: update the variable interfaces. by @gonfunko in #8388
refactor: make VariableMap implement IVariableMap. by @gonfunko in #8395
refactor: Use IVariableModel instead of VariableModel. by @gonfunko in #8400
refactor: clean up VariableModel. by @gonfunko in #8416
refactor: deprecate and clean up variable-related methods. by @gonfunko in #8415
refactor: use getters for flyout width and height. by @gonfunko in #8564
refactor: remove redundant flyout positioning. by @gonfunko in #8573

Other changes

Added blocklyImageField CSS class to image fields by @vexora-0 in #8439

New Contributors

@ishon19 made their first contribution in #8309
@ga-fleury made their first contribution in #8335
@nullHawk made their first contribution in #8334
@shashwatpathak98 made their first contribution in #8332
@Abhinav-Chdhary made their first contribution in #8357
@Nirmalkumar6112 made their first contribution in #8333
@devesh-2002 made their first contribution in #8336
@krishchvn made their first contribution in #8367
@Arun-cn made their first contribution in #8339
@ChaitanyaYeole02 made their first contribution in #8372
@ruthwikchikoti made their first contribution in #8384
@dianaPrahoveanu-SL made their first contribution in #8391
@Skye967 made their first contribution in #8360
@vexora-0 made their first contribution in #8439
@dakshkanaujia made their first contribution in #8433
@Shreshthaaa made their first contribution in #8406
@CodeMaverick2 made their first contribution in #8428
@surajguduru made their first contribution in #8423
@UtkershBasnet made their first contribution in #8440
@Apocalypse96 made their first contribution in #8414
@omwagh28 made their first contribution in #8459
@aishwaryavenkatesan made their first contribution in #8465
@Adityajaiswal03 made their first contribution in #8475

Full Changelog: blockly-v11.2.0-beta.2...blockly-v12.0.0-beta.0