Matt Marum

Sidecar Debugger Tools now in Beta!

Blog Post created by Matt Marum Employee on Oct 12, 2015

Sugar Engineering is proud to announce the Beta release of the open source Sidecar Debugger Tools project!


Sidecar Debugger Tools

This project was developed as part of the recent Partner hack week where it was a crowd favorite.  Not only is this a great developer tool for debugging and building Sugar Sidecar components, it is also useful as a learning tool for understanding the components on each page and how views, fields, and layouts work together.

It is a Chrome Developer Tools extension that adds a SugarDebug tab into your Developer Tools panel.  And it's loaded with features that will help you build Sidecar components faster and make debugging issues easier!

It's easy to install!  Just follow the steps on the project README.





Application Stream



A timeline of what is happening in the app. It shows the methods that are called and the events that are triggered. For each of them, you have access to the passed arguments and the component object.  This is great for debugging interactions between Sidecar components.





A hierarchical tree representing the Sugar components of the current page.  A great way to get a visual summary of the relationships between different Sidecar Layouts, Views, and Fields.


Render times



Allows you to measure the render duration of the different fields.  Render performance is key to a snappy Sugar user interface.


Generate records



An easy way to generate records in your Sugar instance for testing purposes.  Super convenient when working with a fresh Sugar database.


Developer Tooltips



You don't need to be restricted to working with the SugarDebug tab open when you enable the developer tooltips.  Access to loads of detailed field information is always at your fingertips!


Seeking More Collaborators


This project is open sourced under the Apache 2.0 License.  We are also actively seeking contributions from the Sugar Developer community!  The great thing about these tools is they're all written in JavaScript/HTML using Backbone.js, Handlebars, and jQuery.  Sounds familiar, right?  Any Sugar Developer should have no problems customizing these tools.


We welcome new Pull Requests that meet the project's contributing guidelines.  We are also tracking all bugs and feature requests using the built-in Github project issue tracker.Fork this project today!