[Chrome Extension] AI2Helper - download all blocks seperately and remove all orphan blocks with one click

[Kevinkun]

App Inventer 2 block helper

This is a Chrome extension, for easy use of the builder, NOT an extension for app inventer app.

Now the main funciton includes:

1. search keyword in the workspace,
2. remove all the comment
3. remove all orphan blocks (now have similar build-in function)
4. disable all top blocks (different with the build-in function)
5. download all blocks as png.
6. list all the definations, procedures, events. Click the list item, it will highlight the relavent blocks.
7. export aia file to local pc automatically every 10 minutes.

What this extension looks like?

a picture will explains:

HOW TO INSTALL

1. go to tampermonkey, install the browser extension according to your browser.

2. download the script from below link.

3. open tampermonkey panel, add new script.(Sorry only Chinese UI here, you can see the icon to understand better)

   
   

4. Remove the default javascript text first. Then copy the content of downloaded script to the here.

   

5. Ctrl+S to save the script.

6. Now open the builder of the app inventer 2, waiting for about 15 seconds, you will see this

7. If this AI2HELPER buttton now show up, check the script @match part to see if it matchs your web site path.
8. Done.

Download link

AI2Helper.20260417.js.txt (23.5 KB)

[dora_paz]

Can not enable it once installed in order to test it

[ABG]

I like the idea of this.

Before I try this, some questions:

• How is the download destination handled?
  • I usually have my browser set up to ask me for a destination with the file name available for renamin (I Ctrl-C procedure names and paste them in as file names, and hand type event names.)
  • How should I set up my browser so this is handled automatically, or will I be in a race with the extension to file the arriving files properly?
• How do I handle incremental development, where I want to download only a subset of my app?

[ABG]

(added to FAQ)

FAQ Section: Blocks Editor

Typeblocking video demo - MIT Blocks Editor needs Browser Popups for Typeblocking and Downloaded Blocks Images Finding hidden error or warning icons using Chrome Web Browser Inspector - TFO Searching in the Blocks Editor - Ghica 2019 Searching in Firefox - rfresh1011 2025 Sharing Blocks Though github.com - ABG Can't Select or Drag some blocks because of AntiVirus Deep Nesting distorts Blocks Editor; Use mutators Too Many Blocks - ABG How to poison the Blocks Editor using Printer Codes i…

in new Browser Extension section.

[Kevinkun]

@ABG

How is the download destination handled

destination folder same as download manually.
maybe in future update, we can rename the file with the procedure or event name.

[dora_paz]

Problem solved, will test it now

[Kevinkun]

@dora_paz

Problem solved,

how? any restrictions in your chrome?

[dora_paz]

First attempt was to drag and drop - copy crx file to extensions. Didn't work. Second attempt renamed crx file to rar, unzip it to a folder, enabled developer mode in extensions and used load unpacked. Now I can see it but I can not make it work

When I press any of the options nothing happens and I can not find any blocks png images in downloads folder. Waited at least 10 seconds before going and check folder

[Kevinkun]

pls open devtools and check console panel to see any feedback?
or reopen chrome?

[dora_paz]

I got errors

[Kevinkun]

clear errors and reopen chrome?

[MohamedTamer]

Nice work!
Maybe there could be an option to download blocks' images as a zip file instead of downloading every PNG separately, which would probably take much time when used in a big project.

[Anke]

@dora_paz

When I press any of the options nothing happens and I can not find any blocks png images in downloads folder.

Same here.

[dora_paz]

[Anke]

Same here.

[Kevinkun]

thanks i will check it tomorrow.

[Kevinkun]

@dora_paz @Anke
please download from first post and try again.
I think the problem is, for the match website url I wrote https://*.appinventor.mit.edu, it should be http://....

[qwe_rfv]

@Kevinkun

.appinventor.mit.edu

@dora_paz is using ai2.appinventor.mit.edu

[cbladeOfficial]

* means all websites of app inventor

[Aarush_Kumar]

@Kevinkun

please download from first post and try again.
I think the problem is, for the match website url I wrote https://*.appinventor.mit.edu, it should be http://....

Tried works perfectly now but as mohamed tamer sir said you might wanna download as zip instead separately.