AI2LiveDebug: Helps tracing problems and runtime errors

Extensions
1

AI2 Debug

This tool makes it easier to find out where errors happen in your app by giving you a clear list of the traces leading up to the error.

With the Live Debug feature, you can also trace the application's actions. Like when ButtonClick event is triggered, it will be logged accordingly and displayed live.

Why extension?

Normally when there is a runtime error in your application, AppInventor dosent show you much information like the trace map, it only shows a message telling what's wrong.

When you use this extension, you'll get a list containing the traces from where the error initially originates.

Example

Frame 1
Frame 12902×2259 186 KB

Component 1
Component 1775×424 69.8 KB

These blocks were intentionally created with bugs that leads to runtime error to demonstrate the use of extension.

Ai2 Live Debug

AI2LiveDebug helps you to trace the application's actions by providing live update of the traces using a locally hosted website.

Live Debug demonstration

This is a live demonstration of tracing the live actions of the application. @SteveJG's project, Foreground Pedometer is used as a test project.

AI2LiveDebug is available as a separate extension, it will create a server in the application which can be accessed through a link.

StartServer
StopServer

component_event(1)

  • Event raised when the home page of the server starts

Download

Extension: xyz.kumaraswamy.ai2debug.aix (47.4 KB)

Note: Do not use this extension in production mode

AI2 Debug Extension © 2023 by Kumaraswamy B G is licensed under CC BY-ND 4.0

Thanks
Kumaraswamy B G

16 Likes
2

(added to FAQ)

1 Like
3

Version 1.2 Live Debug

  • Fixed bugs ( Unable to log block traces )
  • Added functionality to live trace the application, that means you can know when exactly an action is performed etc!

This is a live demonstration of tracing the live actions of the application. @SteveJG's project, Foreground Pedometer is used as a test project.

AI2LiveDebug is available as a separate extension, it will create a server in the application which can be accessed through a link.

component_method

  • Starts a live server

StartedLiveServer

  • When a live server is started, it will return a local address <address>:<port>.

AI2 Debug space.kumaraswamy.aidebug.aix (28.3 KB)
Live Debug space.kumaraswamy.liveaidebug.aix (2.3 MB)

If you are using Live Debug, you will also need to import AI2 Debug before.

5 Likes
4

Excellent job ! Recommending to add functionality to detect and log memory leaks just like LeakCanary, etc.

5

Version 2.0

  • Bug fixes and improvements

  • Brings in testing support for companion (now you can debug your apps in companion too!)

  • Merges Live debug feature, into one extension

    StartServer
    StopServer

    component_event(1)

    • Event raised when the home page of the server starts

  • Added support for recognizing property block calls from normal block calls.

xyz.kumaraswamy.ai2debug.aix (47.4 KB)

3 Likes