README

Note (How it works):

The debug widget for now is very simplistic and more of a proof-of-concept. It expects you have three services in your dependency injector named "db", "dispatcher" and "view" and that they correspond to those services. When you pass the DI to Phalcon Debug Widget It looks for those specific services and:

• sets them as shared services
• sets the eventManager for them
• Attaches itself to those events

This means passing the DI to the debug widget will alter those services. Generally speaking, a shared db, dispatcher, and view is fine. If you have ideas for other ways to hook in, please open an issue for discussion.

The Phalcon Debug Widget is designed to make development easier by displaying debugging information directly in your browser window. Currently it displays php globals such as $_SESSION as well as outputing resource usage and database queries and connection information. It includes syntax highlighting via Prismjs.com.

If it looks familiar, its because its modeled after the Yii debug toolbar

Installation

"require": {
	"transactpro/phalcon-debug-widget": "~1.0"
}

Usage and Configuration

Define a debug or environment flag in your main index.php (or config.php) file so you can easily disable the Phalcon Debug Widget on production environments. Example:

defined('PHALCONDEBUG') || define('PHALCONDEBUG', true);

Add these lines to your index.php file before you handle application.

if (PHALCONDEBUG) {
	$debugWidget = new \PDW\DebugWidget($di);
}

echo $application->handle()->getContent();

Or you can specify your custom list of providers and panels:

if (PHALCONDEBUG) {
    $debugWidget = new \PDW\DebugWidget($di, [
        'db'          => ['db'],
        'dispatch'    => ['dispatcher'],
        'view'        => ['view'],
        'apiProvider' => ['apiProvider']
    ], [
        'server',
        'request',
        'views',
        'db',
        'api'
    ]);
}

echo $application->handle()->getContent();

Preview

Server

Request

Views

Database

Api calls

Attribution:

Bug Icon designed by Nithin Viswanathan from the Noun Project

JQuery Syntax Highlighting implemented with Prismjs.com