| 
<?php
 include 'bootstrap.php';
 
 use atk4\ui\App;
 
 $app = new App([
 'title' => 'Agile UI - DebugBar',
 ]);
 
 $app->initLayout('Centered');
 $app->add($debugBar = new ATK4PHPDebugBar\DebugBar());
 $debugBar->setAssetsResourcesUrl('../');
 $debugBar->addDefaultCollectors();
 
 $loader = $app->add('Loader');
 
 $loader->set(function ($l) {
 $number = rand(1, 100);
 $l->app->getDebugBarCollector('messages')->addMessage('new message :'.$number);
 
 $l->add(['Text', 'random :'.$number]);
 });
 
 /** @var Button $button */
 $button = $app->add(['Button', 'test']);
 $button->on('click', function ($j) use ($loader) {
 return $loader->jsReload();
 });
 
 $app->run();
 
 |