Fast rendering Panning and Zooming SVG based callgraph

INSTALL

@@ -18,7 +18,7 @@
 3. Copy xhprof_lib/config.sample.php to xhprof_lib/config.php 
 4. Edit xhprof_lib/config.php with your database type and credentials. Set control IPs, and other fun stuff
     Control IPs allow you to specify which IPs will be shown the footer linking directly to the results, and also which IPs will be able to turn profiling on and off
-    You can set this value to FALSE, which disables that protection all togethor.
+    You can set this value to FALSE, which disables that protection altogether.
 5. Create a table as required for your database, SQL is available inside utils/Db/<database of choice>.php. If you're prefixing runs IDs, note that it will affect the length requried for the ID column.
 5. Load up index.php, ensure happiness
 7. Edit the virtual host configuration for the site you'd like to profile to 

README.HIGHCHARTS

@@ -1,4 +1,4 @@
-The HighCharts graphing library is a kick ass JS graping library, free for non-commercial use.
+The HighCharts graphing library is a kick ass JS graphing library, free for non-commercial use.
 
 Since you may be using XHProf to aid the performance of a commercial site, a single blanket license
 has already been purchased. You can use XHProf with Highcharts on any site, you do _not_ need to

README.markdown

@@ -1,7 +1,7 @@
 This branch/clone/whatever git calls it of the official Facebook GUI does a few things:
 
 * It includes a header.php document you can use with PHP's 
-  auto\_prepend\_file directive. It sets up profiling by initilizing a few variables, and settting register_shutdown_function with the footer. Once started profiles are done 
+  auto\_prepend\_file directive. It sets up profiling by initilizing a few variables, and setting register_shutdown_function with the footer. Once started profiles are done 
   when requested (?\_profile=1), or randomly. Profiled pages display a link to 
   their profile results at the bottom of the page (this can be disabled on a 
   blacklist based for specific documents. e.g. pages generating XML, images, 

external/footer.php

@@ -3,15 +3,25 @@
   define('XHPROF_LIB_ROOT', dirname(dirname(__FILE__)) . '/xhprof_lib');
 }
 
-if (extension_loaded('xhprof') && $_xhprof['doprofile'] === true) {
-    $profiler_namespace = $_xhprof['namespace'];  // namespace for your application
-    $xhprof_data = xhprof_disable();
-    $xhprof_runs = new XHProfRuns_Default();
-    $run_id = $xhprof_runs->save_run($xhprof_data, $profiler_namespace, null, $_xhprof);
-    if ($_xhprof['display'] === true && PHP_SAPI != 'cli')
-    {
-        // url to the XHProf UI libraries (change the host name and path)
-        $profiler_url = sprintf($_xhprof['url'].'/index.php?run=%s&source=%s', $run_id, $profiler_namespace);
-        echo '<a href="'. $profiler_url .'" target="_blank">Profiler output</a>';    
-    }
+if ($_xhprof['doprofile'] === true && extension_loaded('tideways')) {
+	$profiler_namespace = $_xhprof['namespace'];  // namespace for your application
+	$xhprof_data = tideways_disable();
+	$xhprof_runs = new XHProfRuns_Default();
+	$run_id = $xhprof_runs->save_run($xhprof_data, $profiler_namespace, null, $_xhprof);
+	if (PHP_SAPI !== 'cli' && $_xhprof['display'] === true) {
+		// url to the XHProf UI libraries (change the host name and path)
+		$profiler_url = sprintf($_xhprof['url'].'/index.php?run=%s&source=%s', $run_id, $profiler_namespace);
+		echo '<a href="'. $profiler_url .'" target="_blank">Profiler output</a>';
+	}
+}
+if ($_xhprof['doprofile'] === true && extension_loaded('xhprof')) {
+	$profiler_namespace = $_xhprof['namespace'];  // namespace for your application
+	$xhprof_data = xhprof_disable();
+	$xhprof_runs = new XHProfRuns_Default();
+	$run_id = $xhprof_runs->save_run($xhprof_data, $profiler_namespace, null, $_xhprof);
+	if (PHP_SAPI !== 'cli' && $_xhprof['display'] === true) {
+		// url to the XHProf UI libraries (change the host name and path)
+		$profiler_url = sprintf($_xhprof['url'].'/index.php?run=%s&source=%s', $run_id, $profiler_namespace);
+		echo '<a href="'. $profiler_url .'" target="_blank">Profiler output</a>';
+	}
 }

external/header.php

@@ -1,133 +1,129 @@
 <?php
 if (PHP_SAPI == 'cli') {
-  $_SERVER['REMOTE_ADDR'] = null;
-  $_SERVER['REQUEST_URI'] = $_SERVER['SCRIPT_NAME'];
+	$_SERVER['REMOTE_ADDR'] = NULL;
+	$_SERVER['REQUEST_URI'] = $_SERVER['SCRIPT_NAME'];
 }
 
 include(dirname(__FILE__) . '/../xhprof_lib/config.php');
 
-//I'm Magic :)
-class visibilitator
-{
-	public static function __callstatic($name, $arguments)
-	{
+// I'm Magic :)
+class visibilitator {
+	public static function __callstatic($name, $arguments) {
 		$func_name = array_shift($arguments);
 		//var_dump($name);
 		//var_dump("arguments" ,$arguments);
 		//var_dump($func_name);
-		if (is_array($func_name))
-		{
+		if (is_array($func_name)) {
 			list($a, $b) = $func_name;
-			if (count($arguments) == 0)
-			{
+			if (count($arguments) == 0) {
 				$arguments = $arguments[0];
 			}
 			return call_user_func_array(array($a, $b), $arguments);
-			//echo "array call  -> $b ($arguments)";
-		}else {
+			// echo "array call  -> $b ($arguments)";
+		} else {
 			call_user_func_array($func_name, $arguments);
 		}
 	}
 }
 
 // Only users from authorized IP addresses may control Profiling
-if ($controlIPs === false || in_array($_SERVER['REMOTE_ADDR'], $controlIPs) || PHP_SAPI == 'cli')
-{
-  if (isset($_GET['_profile']))
-  {
-    //Give them a cookie to hold status, and redirect back to the same page
-    setcookie('_profile', $_GET['_profile']);
-    $newURI = str_replace(array('_profile=1','_profile=0'), '', $_SERVER['REQUEST_URI']);
-    header("Location: $newURI");
-    exit;
-  }
+if ($controlIPs === FALSE || in_array($_SERVER['REMOTE_ADDR'], $controlIPs) || PHP_SAPI == 'cli') {
+	if (isset($_GET['_profile'])) {
+		// Give them a cookie to hold status, and redirect back to the same page
+		setcookie($_xhprof['cookieName'], $_GET['_profile']);
+		$newURI = str_replace(array('_profile=1', '_profile=0'), '', $_SERVER['REQUEST_URI']);
+		header("Location: $newURI");
+		exit;
+	}
 
-  if (isset($_COOKIE['_profile']) && $_COOKIE['_profile'] || PHP_SAPI == 'cli' && ((isset($_SERVER['XHPROF_PROFILE']) && $_SERVER['XHPROF_PROFILE']) || (isset($_ENV['XHPROF_PROFILE']) && $_ENV['XHPROF_PROFILE'])))
-  {
-      $_xhprof['display'] = true;
-      $_xhprof['doprofile'] = true;
-      $_xhprof['type'] = 1;
-  }
+	if (isset($_COOKIE[$_xhprof['cookieName']]) && $_COOKIE[$_xhprof['cookieName']] || PHP_SAPI == 'cli' && ((isset($_SERVER['XHPROF_PROFILE']) && $_SERVER['XHPROF_PROFILE']) || (isset($_ENV['XHPROF_PROFILE']) && $_ENV['XHPROF_PROFILE']))) {
+		$_xhprof['doprofile'] = TRUE;
+		$_xhprof['type'] = 1;
+	}
 }
 
 
-//Certain URLs should never have a link displayed. Think images, xml, etc. 
-foreach($exceptionURLs as $url)
-{
-    if (stripos($_SERVER['REQUEST_URI'], $url) !== FALSE)
-    {
-        $_xhprof['display'] = false;
-        header('X-XHProf-No-Display: Trueness');
-        break;
-    }    
+// Certain URLs should never have a link displayed. Think images, xml, etc.
+foreach ($exceptionURLs as $url) {
+	if (stripos($_SERVER['REQUEST_URI'], $url) !== FALSE) {
+		$_xhprof['display'] = FALSE;
+		header('X-XHProf-No-Display: Trueness');
+		break;
+	}
 }
 unset($exceptionURLs);
 
-//Certain urls should have their POST data omitted. Think login forms, other privlidged info
-$_xhprof['savepost'] = true;
-foreach ($exceptionPostURLs as $url)
-{
-    if (stripos($_SERVER['REQUEST_URI'], $url) !== FALSE)
-    {
-        $_xhprof['savepost'] = false;
-        break;
-    }    
+// Certain urls should have their POST data omitted. Think login forms, other privlidged info
+$_xhprof['savepost'] = TRUE;
+foreach ($exceptionPostURLs as $url) {
+	if (stripos($_SERVER['REQUEST_URI'], $url) !== FALSE) {
+		$_xhprof['savepost'] = FALSE;
+		break;
+	}
 }
 unset($exceptionPostURLs);
 
-//Determine wether or not to profile this URL randomly
-if ($_xhprof['doprofile'] === false)
-{
-    //Profile weighting, one in one hundred requests will be profiled without being specifically requested
-    if (rand(1, $weight) == 1)
-    {
-        $_xhprof['doprofile'] = true;
-        $_xhprof['type'] = 0;
-    } 
+// Determine wether or not to profile this URL randomly
+if ($_xhprof['doprofile'] === FALSE) {
+	// Profile weighting, one in one hundred requests will be profiled without being specifically requested
+	if (rand(1, $weight) == 1) {
+		$_xhprof['doprofile'] = TRUE;
+		$_xhprof['type'] = 0;
+	}
 }
 unset($weight);
 
 // Certain URLS should never be profiled.
-foreach($ignoreURLs as $url){
-    if (stripos($_SERVER['REQUEST_URI'], $url) !== FALSE)
-    {
-        $_xhprof['doprofile'] = false;
-        break;
-    }
+foreach ($ignoreURLs as $url) {
+	if (stripos($_SERVER['REQUEST_URI'], $url) !== FALSE) {
+		$_xhprof['doprofile'] = FALSE;
+		break;
+	}
 }
 unset($ignoreURLs);
 
 unset($url);
 
 // Certain domains should never be profiled.
-foreach($ignoreDomains as $domain){
-    if (stripos($_SERVER['HTTP_HOST'], $domain) !== FALSE)
-    {
-        $_xhprof['doprofile'] = false;
-        break;
-    }
+foreach ($ignoreDomains as $domain) {
+	if (stripos($_SERVER['HTTP_HOST'], $domain) !== FALSE) {
+		$_xhprof['doprofile'] = FALSE;
+		break;
+	}
 }
 unset($ignoreDomains);
 unset($domain);
 
-//Display warning if extension not available
-if (extension_loaded('xhprof') && $_xhprof['doprofile'] === true) {
-    include_once dirname(__FILE__) . '/../xhprof_lib/utils/xhprof_lib.php';
-    include_once dirname(__FILE__) . '/../xhprof_lib/utils/xhprof_runs.php';
-    if (isset($ignoredFunctions) && is_array($ignoredFunctions) && !empty($ignoredFunctions)) {
-        xhprof_enable(XHPROF_FLAGS_CPU + XHPROF_FLAGS_MEMORY, array('ignored_functions' => $ignoredFunctions));
-    } else {
-        xhprof_enable(XHPROF_FLAGS_CPU + XHPROF_FLAGS_MEMORY);
-    }
-}elseif(!extension_loaded('xhprof') && $_xhprof['display'] === true)
-{
-    $message = 'Warning! Unable to profile run, xhprof extension not loaded';
-    trigger_error($message, E_USER_WARNING);
+// Display warning if extension not available
+if ($_xhprof['doprofile'] === TRUE && extension_loaded('tideways')) {
+	include_once dirname(__FILE__) . '/../xhprof_lib/utils/xhprof_lib.php';
+	include_once dirname(__FILE__) . '/../xhprof_lib/utils/xhprof_runs.php';
+	if (isset($ignoredFunctions) && is_array($ignoredFunctions) && !empty($ignoredFunctions)) {
+		tideways_enable(TIDEWAYS_FLAGS_CPU + TIDEWAYS_FLAGS_MEMORY, array('ignored_functions' => $ignoredFunctions));
+	} else {
+		tideways_enable(TIDEWAYS_FLAGS_CPU + TIDEWAYS_FLAGS_MEMORY);
+	}
+} elseif ($_xhprof['display'] === TRUE && !extension_loaded('tideways')) {
+	$message = 'Warning! Unable to profile run, xhprof extension not loaded';
+	trigger_error($message, E_USER_WARNING);
+}
+
+if ($_xhprof['doprofile'] === TRUE && extension_loaded('xhprof')) {
+	include_once dirname(__FILE__) . '/../xhprof_lib/utils/xhprof_lib.php';
+	include_once dirname(__FILE__) . '/../xhprof_lib/utils/xhprof_runs.php';
+	if (isset($ignoredFunctions) && is_array($ignoredFunctions) && !empty($ignoredFunctions)) {
+		xhprof_enable(XHPROF_FLAGS_CPU + XHPROF_FLAGS_MEMORY, array('ignored_functions' => $ignoredFunctions));
+	} else {
+		xhprof_enable(XHPROF_FLAGS_CPU + XHPROF_FLAGS_MEMORY);
+	}
+} elseif ($_xhprof['display'] === TRUE && !extension_loaded('xhprof')) {
+	$message = 'Warning! Unable to profile run, xhprof extension not loaded';
+	trigger_error($message, E_USER_WARNING);
 }
 
 function xhprof_shutdown_function() {
-    global $_xhprof;
-    require dirname(__FILE__).'/footer.php';
+	global $_xhprof;
+	require dirname(__FILE__) . '/footer.php';
 }
 
 register_shutdown_function('xhprof_shutdown_function');

xhprof_html/JavaScript/CallGraph.js

@@ -0,0 +1,48 @@
+/*jshint bitwise:true, curly:true, eqeqeq:true, forin:true, globalstrict: true,
+ latedef:true, noarg:true, noempty:true, nonew:true, undef:true, maxlen:256,
+ strict:true, trailing:true, boss:true, browser:true, devel:true, jquery:true */
+/*global chrome, safari, SAFARI, openTab, Ember, DS, localize, Raphael */
+'use strict';
+
+jQuery(document).ready(function($) {
+    $('.loading').show();
+    $.ajax({
+        url: './callGraphRenderer.php' + window.location.search,
+        cache: false
+    })
+        .done(function(html) {
+            $('.loading').hide();
+            $('#callGraph').append(html);
+            $('#callGraph svg').panzoom({
+                $zoomIn: $('.zoomIn'),
+                $zoomOut: $('.zoomOut'),
+                $zoomRange: $('.zoomRange'),
+                $reset: $('.zoomReset'),
+                increment: 0.05,
+                rangeStep: 0.05,
+                startTransform: 'matrix(0.50, 0, 0, 0.50, -' +
+                    Math.ceil($('#callGraph svg').width() / 2) + ', -' +
+                    Math.ceil($('#callGraph svg').height() / 4.5) + ')',
+                minScale: 0.1,
+                maxScale: 1
+            }).panzoom('zoom');
+            $('#callGraph').on('mousewheel.focal', function(e) {
+                e.preventDefault();
+                var delta = e.delta || e.originalEvent.wheelDelta;
+                var zoomOut = delta ? delta < 0 : e.originalEvent.deltaY > 0;
+                $('#callGraph svg').panzoom('zoom', zoomOut, {
+                    increment: 0.01,
+                    focal: e
+                });
+            });
+            $('#callGraph').on('dblclick', function(e) {
+                $('#callGraph svg').panzoom(
+                    'zoom',
+                    {
+                        scale: Number($('.zoomRange').val()) + 0.05,
+                        focal: e
+                    }
+                );
+            });
+        });
+});

xhprof_html/JavaScript/Main.js

@@ -0,0 +1,75 @@
+/*jshint bitwise:true, curly:true, eqeqeq:true, forin:true, globalstrict: true,
+ latedef:true, noarg:true, noempty:true, nonew:true, undef:true, maxlen:256,
+ strict:true, trailing:true, boss:true, browser:true, devel:true, jquery:true */
+/*global chrome, safari, SAFARI, openTab, Ember, DS, localize */
+'use strict';
+
+jQuery(document).ready(function($) {
+    jQuery.extend(jQuery.fn.dataTableExt.oSort, {
+        'title-numeric-pre': function(a) {
+            var x = a.match(/title="*(-?[0-9\.]+)/)[1];
+            return parseFloat(x);
+        },
+
+        'title-numeric-asc': function(a, b) {
+            return ((a < b) ? -1 : ((a > b) ? 1 : 0));
+        },
+
+        'title-numeric-desc': function(a, b) {
+            return ((a < b) ? 1 : ((a > b) ? -1 : 0));
+        }
+    });
+    var sortableTable = $('.tablesorter').dataTable({
+        'bFilter': true,
+        'iDisplayLength': 50,
+        /* Disable initial sort */
+        'aaSorting': [],
+        'aoColumnDefs': [{
+            'sType': 'title-numeric',
+            'aTargets': ['title-numeric']
+        }],
+        'sDom': 'RClfrtip'
+    });
+    new FixedHeader(document.getElementById('box-table-a'));
+    // This kills scrolling performance for large tables
+    //$('#box-table-a').stickyTableHeaders();
+    $('#domainFilterDomain').change(function() {
+        $('#domainFilter').submit();
+    });
+    $('.filterByDomain').click(function(e) {
+        e.preventDefault();
+        $('#domainFilterDomain').val(e.target.innerText);
+        $('#domainFilter').submit();
+    });
+    $('#serverFilterServer').change(function() {
+        $('#serverFilter').submit();
+    });
+    /*
+    $('[title!=""]').qtip({
+        style: {
+            classes: 'qtip-rounded qtip-shadow'
+        },
+        title: {
+            button: true
+        },
+        show: {
+            solo: true,
+            effect: function() {
+                $(this).fadeTo(200, 1);
+            }
+
+        },
+        hide: {
+            event: false,
+            inactive: 1500,
+            effect: function() {
+                $(this).fadeTo(200, 0);
+            }
+        },
+        position: {
+            my: 'bottom cencter',
+            at: 'top cencter'
+        }
+    });
+    */
+});