Skip to content

Update to Blockly 13 - #4069

Open
mjgallag wants to merge 41 commits into
mit-cml:masterfrom
mjgallag:update-to-blockly-13
Open

mjgallag wants to merge 41 commits into
mit-cml:masterfrom
mjgallag:update-to-blockly-13

Conversation

@mjgallag

@mjgallag mjgallag commented Aug 15, 2026 •

Copy link
Copy Markdown
Contributor

What does this PR accomplish?

Description

What does this PR accomplish?

josmas/blockly-plugins#6
mit-cml/blockly-plugins#88
mit-cml/workspace-multiselect#154

I had to map all of the single letter shortcuts due to typeblocking. I went with option/alt as it seemed to lack system conflicts.
Note the Blockly keyboard shortcut help dialog we had in 12 is not in 13 as Blockly did not move it into core from https://github.com/raspberrypifoundation/blockly-keyboard-experimentation.

Context for the changes

If this PR changes anything related to the companion make sure you have used the ucr branch. For all other changes use master or provide context for having used a different branch.
See a summary of git branches in the docs: App Inventor Developer Overview

If your code changes how something works on the device (i.e., it affects the companion):

  • I have made no changes that affect the companion

  • I branched from ucr

  • My pull request has ucr as the base

Further, if you've changed the blocks language or another user-facing designer/blocks API (added a SimpleProperty, etc.):

  • I have updated the corresponding version number in appinventor/components/src/.../common/YaVersion.java
  • I have updated the corresponding upgrader in appinventor/appengine/src/.../client/youngandroid/YoungAndroidFormUpgrader.java (components only)
  • I have updated the corresponding entries in appinventor/blocklyeditor/src/versioning.js

For all other changes:

  • I have made no changes that affect the master branch

  • I branched from master

  • My pull request has master as the base

General items:

  • I have updated the relevant documentation files under docs/
  • My code follows the:
  • ant tests passes on my machine

@mjgallag
mjgallag marked this pull request as ready for review August 15, 2026 00:28
@mjgallag
mjgallag requested a review from a team August 15, 2026 00:28
@ewpatton

Copy link
Copy Markdown
Member

@mjgallag I'm marking this as for-ai2-test so we can get some additional eyes on the update.

@mjgallag

Copy link
Copy Markdown
Contributor Author

@ewpatton Sounds good, that'll get more eyes on it then throwing my test instance out there. FYI @jisqyv I'm going to update it to https://github.com/RaspberryPiFoundation/blockly/releases/tag/blockly-v13.3.0 today as might as well do that before it goes to ai2-test.

Stage the BlocklyPanel element in a hidden div before initializing the workspace.
GWT later moves it into the ProjectEditor deck when the editor is added.
Blockly measures a hidden workspace using computed CSS, which requires
the workspace element to be attached to the document.
RaspberryPiFoundation/blockly#8572
Removes staging of BlocklyPanel element in a hidden div before initializing the workspace workaround.
@mjgallag
mjgallag force-pushed the update-to-blockly-13 branch from 367f7da to d11f73c Compare September 15, 2026 15:16
@jisqyv

jisqyv commented Sep 16, 2026

Copy link
Copy Markdown
Member

@mjgallag There are reports on the community, that I have confirmed, that if the UI is in dark mode, the dialogs you get for typeblocking are "washed out."

@mjgallag
mjgallag force-pushed the update-to-blockly-13 branch from 31326d3 to 2e43b21 Compare September 17, 2026 17:17
@jisqyv

jisqyv commented Sep 17, 2026

Copy link
Copy Markdown
Member

@mjgallag Should I update ai2-test?

@mjgallag

Copy link
Copy Markdown
Contributor Author

@jisqyv I'm going to look at https://community.appinventor.mit.edu/t/begin-testing-release-nb207/176026/10 now, I'll let you know when I'm done.

@jisqyv

jisqyv commented Sep 17, 2026

Copy link
Copy Markdown
Member

@jisqyv I'm going to look at https://community.appinventor.mit.edu/t/begin-testing-release-nb207/176026/10 now, I'll let you know when I'm done.

OK. I'll wait.

@mjgallag

Copy link
Copy Markdown
Contributor Author

@jisqyv fixed!

RaspberryPiFoundation/blockly@93856f8

Exclude the search toolbar from our mousedown handler because
hideChaff() now closes workspace search.
@mjgallag

Copy link
Copy Markdown
Contributor Author

@jisqyv I fixed https://community.appinventor.mit.edu/t/begin-testing-release-nb207/176026/15 ... no rush on updating test though.

@ewpatton

ewpatton commented Oct 26, 2026 •

Copy link
Copy Markdown
Member

Ok, so I noticed this the other day when using ai2-test, but it turns out to be an issue in prod as well. For certain height windows, the backpack icon ends up being at a significant offset from the top of the Blackly panel. This technically isn't a blocker for this PR since it happens in prod, but we should look into it.

Screenshot 2026-10-26 at 01 42 03

Making the window ~40 px bigger or smaller (vertically) seems to resolve the issue.

@ewpatton ewpatton mentioned this pull request Oct 26, 2026
5 of 12 tasks
@ewpatton

Copy link
Copy Markdown
Member

I also note that the Flydown parameters are black, as is the flydown background. It also doesn't dismiss after the block is dragged out like in previous versions.

Screenshot 2026-10-26 at 08 47 38

@jisqyv

jisqyv commented Oct 26, 2026 •

Copy link
Copy Markdown
Member

@ewpatton I'm not seeing things as black... (I'm not in dark mode)
block

@ewpatton ewpatton added this to the nb207 milestone Oct 26, 2026
@mjgallag mjgallag mentioned this pull request Oct 26, 2026
8 of 17 tasks

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants