Visual debugger for declarative/data-flow applications
A framework is implemented. The framework is configured to execute an application within the framework, the application includes instantiated runtime objects. New instantiated runtime objects may be created and instantiated runtime objects destroyed while the application is executing. The framework is further configured to implement a debugger within the framework. At the debugger, instantiated runtime objects are correlated with lines of code of the application. Some embodiments allow users to debug executing applications. This can be accomplished by a user interacting with the executing application which then causes indications in the debugger or interacting with the debugger and which causes indications on instantiated runtime objects in the application.
1. A method, implemented by one or more processors of one or more computers, for debugging a declarative language application comprising:
executing the declarative language application within a framework, wherein during execution of the declarative language application, one or more runtime objects are instantiated wherein at least one of the one or more runtime objects is a graphical user interface button which is displayed to a user, the graphical user interface button being a component of the declarative language application such that the button is generated during execution of the declarative language application whether the declarative language application is executed within or without the framework;
while the declarative language application is being executed, receiving input from the user that selects one of the at least one graphical user interface buttons, the selection specifying the user's desire to view debugging information related to the selected graphical user interface button; and
in response to the user input, displaying the debugging information related to the selected graphical user interface button, wherein the debugging information includes:
lines of code within the source code of the declarative language application where the selected graphical user interface button is defined;
a hierarchy of other graphical user interface elements that are related to the selected graphical user interface button; and
values of the selected graphical user interface button.
2. The method of claim 1 wherein the hierarchy of other graphical user interface elements includes any parent elements and child elements of the selected graphical user interface button.
3. The method of claim 1 wherein the values of the selected graphical user interface button include dimensions of the button, or styling information of the button.
4. The method of claim 1 wherein displaying the lines of code further includes highlighting specific lines of code within the source code where the selected graphical user interface button is defined.
5. The method of claim 1 wherein displaying the lines of code further includes displaying event handlers associated with the selected graphical user interface button.
6. The method of claim 1 , further comprising:
receiving, while the declarative language application is being executed, second user input within the displayed lines of code that specifies a particular location within the source code within the declarative language application; and
creating a breakpoint at the particular location.
7. The method of claim 1 , further comprising:
receiving a query from the user that requests information regarding all graphical user interface elements of a specified type;
in response to the input, determining which graphical user interface elements of the specified type are currently active in the executing declarative language application; and
displaying each of the currently active graphical user interface elements to the user.
8. The method of claim 1 , further comprising:
receiving user input comprising new values to replace the existing values of the selected graphical user interface button;
replacing the existing values with the new values; and
continuing to execute the declarative language application with the new values.
9. One or more computer storage media storing computer executable instructions which when executed by one or more processors of one or more computers implement a method for debugging a declarative language application comprising:
executing the declarative language application within a framework, wherein during execution of the declarative language application, one or more runtime objects are instantiated wherein at least one of the one or more runtime objects is a graphical user interface button which is displayed to a user, the graphical user interface button being a component of the declarative language application such that the button is generated during execution of the declarative language application whether the declarative language application is executed within or without the framework;
while the declarative language application is being executed, receiving input from the user that selects one of the at least one graphical user interface buttons, the selection specifying the user's desire to view debugging information related to the selected graphical user interface button; and
in response to the user input, displaying the debugging information related to the selected graphical user interface button, wherein the debugging information includes:
lines of code within the source code of the declarative language application where the selected graphical user interface button is defined;
a hierarchy of other graphical user interface elements that are related to the selected graphical user interface button; and
values of the selected graphical user interface button.
10. The one or more computer storage media of claim 9 wherein the hierarchy of other graphical user interface elements includes any parent elements and child elements of the selected graphical user interface button.
11. The one or more computer storage media of claim 9 wherein the values of the selected graphical user interface button include dimensions of the button, or styling information of the button.
12. The one or more computer storage media of claim 9 wherein displaying the lines of code further includes highlighting specific lines of code within the source code where the selected graphical user interface button is defined.
13. The one or more computer storage media of claim 9 wherein displaying the lines of code further includes displaying event handlers associated with the selected graphical user interface button.
14. The one or more computer storage media of claim 9 , further comprising:
receiving, while the declarative language application is being executed, second user input within the displayed lines of code that specifies a particular location within the source code within the declarative language application; and
creating a breakpoint at the particular location.
15. The one or more computer storage media of claim 9 , further comprising:
receiving a query from the user that requests information regarding all graphical user interface elements of a specified type;
in response to the input, determining which graphical user interface elements of the specified type are currently active in the executing declarative language application; and
displaying each of the currently active graphical user interface elements to the user.
16. The one or more computer storage media of claim 9 , further comprising:
receiving user input comprising new values to replace the existing values of the selected graphical user interface button;
replacing the existing values with the new values; and
continuing to execute the declarative language application with the new values.