The Wait Is Over: All new AI2 Extension Studio

Open Source Development Extension Development
, ,
1

Welcome Dear,
I am @BBL_coding now @Aman_Developer due to some technical issues I lost my @BBL_coding account.So, the pending project AI2 Extension Builder is now AI2 Extension Studio which is under progress.

Overview

  • Visual editor that lets you design MIT App Inventor extensions with Blockly blocks and outputs production-ready Java for AI2 extensions (package/class templates, properties, methods, events, plus helpers: HTTP, JSON, lists, maps, files, timers, threading, base64, trig).

Key features

  • Custom AI2 block categories (AI2 Extension, Logic, Math, Text, Lists, Maps/JSON, Network, Concurrency, Files/Encoding).
  • Java generator that converts workspace into a ready .java file (downloadable).
  • Workspace persistence (localStorage), import/export XML, and robust toolbox update logic.

Quick start (local)

  1. Prereqs: Node.js 18+, pnpm (recommended) or npm.
  2. In project root: pnpm install && pnpm dev (or npm install && npm run dev).
  3. Open the dev URL (default Vite port) and go to the Editor → Import XML (use the sample XML) → edit/export Java.

Screenshots

1
11918×898 174 KB







Fun Fact : It's open source

I can't afford hosting it so,

  1. You Have to install zip & extract it
  1. Run cmd in root directory(AI2Studio)
  1. npm install && npm run dev

You are free to edit it's sources and you will soon get sample xml files to import

4 Likes
2

Its the continuition of : Something New: Making Extension Using Blocks

1 Like
3

Can we have some more screenshots of the editor please?

Also, you can use something like Vercel to host it :slight_smile: