| 
<?php
 include 'bootstrap.php';
 
 use atk4\ui\App;
 use ATK4PHPDebugBar\DebugBar;
 use Monolog\Handler\StreamHandler;
 use Monolog\Logger;
 
 $monolog = new \Monolog\Logger('atk4');
 $monolog->pushHandler(new StreamHandler(__DIR__.'/test.log', Logger::DEBUG));
 
 $app = new App([
 'title' => 'Agile UI - DebugBar',
 'logger'=> $monolog,
 ]);
 
 $app->initLayout('Centered');
 $app->add($debugBar = new ATK4PHPDebugBar\DebugBar());
 $debugBar->setAssetsResourcesUrl('../');
 //$debugBar->addDefaultCollectors();
 $debugBar->addATK4LoggerCollector();
 
 $app->getDebugBarCollector('ATKAppLog')->addMessage('first message');
 
 $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]);
 
 $l->app->logger->debug('new message :'.$number);
 });
 
 /** @var Button $button */
 $button = $app->add(['Button', 'test']);
 $button->on('click', function ($j) use ($loader) {
 return $loader->jsReload();
 });
 
 $app->run();
 
 |