Major News in Tracy in 2019

6 years ago by David Grudl  

In the last year, Tracy has introduced a lot of innovations in improving the user experience. Let's summarize the most important ones.

10 times faster dump

Function dump() and all its variations, such as barDump() etc., prints arrays and objects in a clever way. They generate HTML code only for those parts that are immediately visible, without having to open them by click. The HTML code of the collapsed parts then generates JavaScript at the moment of clicking.

This, on the one hand, will significantly reduce the amount of HTML code, but above all it will speed up its display, because the browser does not have to parse the saved code. It might seem that HTML parsing is something so fast that this optimization won't have much effect, but the opposite is true. Acceleration is really dramatic, usually 10 times. Watch a video with the web developer console:

AJAX News

Tracy has been able to display AJAX requests for some time, even without the need for any additional configuration on the JavaScript side. There is a new feature in version 2.6, which is the ability to display more than one request. By default, 3 rows are displayed and the value can be changed by JavaScript in the variable window.TracyMaxAjaxRows.

Version 2.7.2 comes with another new feature, which is a visual distinction of ajax panels. “Ajax” now appears in the upper right corner.

CLI panel

The “BlueScreen” now contains a new CLI panel if the error occurred while running a command-line program.

Improved UX

Tracy has received a number of cosmetic enhancements that enhance the user experience. For example, I would like to mention the ability to sort tables by any column with one click:

GDPR ready

To avoid logging sensitive information in BlueScreen, you can determine contents of which keys will not revealed:

Tracy\Debugger::getBlueScreen()->keysToHide[] = 'login';

By default, the contents of these keys are not printed: password, passwd, pass, pwd, creditcard, credit card, cc and pin.

PSR-3 adapters

You can use PSR-3 loggers in Tracy, and vice versa. This is done by a pair of adapters Tracy\Bridges\Psr\PsrToTracyLoggerAdapter and TracyToPsrLoggerAdapter.

One more thing

And finally, one thing that connects Tracy and Latte. Tracy can utilize source mapping provided by Latte and display not only the line where the error occurred in the generated PHP code, but also in the template.

David Grudl An artificial intelligence and web technology specialist, creator of the Nette Framework and other popular open-source projects. He writes for Uměligence, phpFashion, and La Trine blogs. He conducts AI training workshops and hosts the Tech Guys show. He's passionate about making artificial intelligence accessible through clear, practical explanations. Creative and pragmatic, he has a keen eye for real-world technology applications.

Recent posts

Nette Assets: Finally unified API for everything from images to Vite

Introducing Nette Assets – a library that completely transforms working with static files in Nette applications. Tested and proven on dozens of projects.

about a month ago  ·  17 minutes to read

Architecture That Grows with Your Project

One of the most common challenges in PHP application development is proper code organization. Where should presenters go? Where should individual classes be located? And how to ensure the project structure grows naturally with its development?

6 months ago  ·  2 minutes to read

One line in configuration will speed up your Nette application. How is that possible?

Imagine you have a large application with dozens of services – database, logger, mailer, cache, and many others. During each HTTP request, all these services are created, even if you don't use them at all. This unnecessarily slows down your application. The new version of PHP 8.4 and Nette brings…

6 months ago  ·  4 minutes to read