annotate vendor/symfony/var-dumper/Dumper/HtmlDumper.php @ 0:4c8ae668cc8c

Initial import (non-working)
author Chris Cannam
date Wed, 29 Nov 2017 16:09:58 +0000
parents
children 7a779792577d
rev   line source
Chris@0 1 <?php
Chris@0 2
Chris@0 3 /*
Chris@0 4 * This file is part of the Symfony package.
Chris@0 5 *
Chris@0 6 * (c) Fabien Potencier <fabien@symfony.com>
Chris@0 7 *
Chris@0 8 * For the full copyright and license information, please view the LICENSE
Chris@0 9 * file that was distributed with this source code.
Chris@0 10 */
Chris@0 11
Chris@0 12 namespace Symfony\Component\VarDumper\Dumper;
Chris@0 13
Chris@0 14 use Symfony\Component\VarDumper\Cloner\Cursor;
Chris@0 15 use Symfony\Component\VarDumper\Cloner\Data;
Chris@0 16
Chris@0 17 /**
Chris@0 18 * HtmlDumper dumps variables as HTML.
Chris@0 19 *
Chris@0 20 * @author Nicolas Grekas <p@tchwork.com>
Chris@0 21 */
Chris@0 22 class HtmlDumper extends CliDumper
Chris@0 23 {
Chris@0 24 public static $defaultOutput = 'php://output';
Chris@0 25
Chris@0 26 protected $dumpHeader;
Chris@0 27 protected $dumpPrefix = '<pre class=sf-dump id=%s data-indent-pad="%s">';
Chris@0 28 protected $dumpSuffix = '</pre><script>Sfdump(%s)</script>';
Chris@0 29 protected $dumpId = 'sf-dump';
Chris@0 30 protected $colors = true;
Chris@0 31 protected $headerIsDumped = false;
Chris@0 32 protected $lastDepth = -1;
Chris@0 33 protected $styles = array(
Chris@0 34 'default' => 'background-color:#18171B; color:#FF8400; line-height:1.2em; font:12px Menlo, Monaco, Consolas, monospace; word-wrap: break-word; white-space: pre-wrap; position:relative; z-index:99999; word-break: break-all',
Chris@0 35 'num' => 'font-weight:bold; color:#1299DA',
Chris@0 36 'const' => 'font-weight:bold',
Chris@0 37 'str' => 'font-weight:bold; color:#56DB3A',
Chris@0 38 'note' => 'color:#1299DA',
Chris@0 39 'ref' => 'color:#A0A0A0',
Chris@0 40 'public' => 'color:#FFFFFF',
Chris@0 41 'protected' => 'color:#FFFFFF',
Chris@0 42 'private' => 'color:#FFFFFF',
Chris@0 43 'meta' => 'color:#B729D9',
Chris@0 44 'key' => 'color:#56DB3A',
Chris@0 45 'index' => 'color:#1299DA',
Chris@0 46 'ellipsis' => 'color:#FF8400',
Chris@0 47 );
Chris@0 48
Chris@0 49 private $displayOptions = array(
Chris@0 50 'maxDepth' => 1,
Chris@0 51 'maxStringLength' => 160,
Chris@0 52 'fileLinkFormat' => null,
Chris@0 53 );
Chris@0 54 private $extraDisplayOptions = array();
Chris@0 55
Chris@0 56 /**
Chris@0 57 * {@inheritdoc}
Chris@0 58 */
Chris@0 59 public function __construct($output = null, $charset = null, $flags = 0)
Chris@0 60 {
Chris@0 61 AbstractDumper::__construct($output, $charset, $flags);
Chris@0 62 $this->dumpId = 'sf-dump-'.mt_rand();
Chris@0 63 $this->displayOptions['fileLinkFormat'] = ini_get('xdebug.file_link_format') ?: get_cfg_var('xdebug.file_link_format');
Chris@0 64 }
Chris@0 65
Chris@0 66 /**
Chris@0 67 * {@inheritdoc}
Chris@0 68 */
Chris@0 69 public function setStyles(array $styles)
Chris@0 70 {
Chris@0 71 $this->headerIsDumped = false;
Chris@0 72 $this->styles = $styles + $this->styles;
Chris@0 73 }
Chris@0 74
Chris@0 75 /**
Chris@0 76 * Configures display options.
Chris@0 77 *
Chris@0 78 * @param array $displayOptions A map of display options to customize the behavior
Chris@0 79 */
Chris@0 80 public function setDisplayOptions(array $displayOptions)
Chris@0 81 {
Chris@0 82 $this->headerIsDumped = false;
Chris@0 83 $this->displayOptions = $displayOptions + $this->displayOptions;
Chris@0 84 }
Chris@0 85
Chris@0 86 /**
Chris@0 87 * Sets an HTML header that will be dumped once in the output stream.
Chris@0 88 *
Chris@0 89 * @param string $header An HTML string
Chris@0 90 */
Chris@0 91 public function setDumpHeader($header)
Chris@0 92 {
Chris@0 93 $this->dumpHeader = $header;
Chris@0 94 }
Chris@0 95
Chris@0 96 /**
Chris@0 97 * Sets an HTML prefix and suffix that will encapse every single dump.
Chris@0 98 *
Chris@0 99 * @param string $prefix The prepended HTML string
Chris@0 100 * @param string $suffix The appended HTML string
Chris@0 101 */
Chris@0 102 public function setDumpBoundaries($prefix, $suffix)
Chris@0 103 {
Chris@0 104 $this->dumpPrefix = $prefix;
Chris@0 105 $this->dumpSuffix = $suffix;
Chris@0 106 }
Chris@0 107
Chris@0 108 /**
Chris@0 109 * {@inheritdoc}
Chris@0 110 */
Chris@0 111 public function dump(Data $data, $output = null, array $extraDisplayOptions = array())
Chris@0 112 {
Chris@0 113 $this->extraDisplayOptions = $extraDisplayOptions;
Chris@0 114 $result = parent::dump($data, $output);
Chris@0 115 $this->dumpId = 'sf-dump-'.mt_rand();
Chris@0 116
Chris@0 117 return $result;
Chris@0 118 }
Chris@0 119
Chris@0 120 /**
Chris@0 121 * Dumps the HTML header.
Chris@0 122 */
Chris@0 123 protected function getDumpHeader()
Chris@0 124 {
Chris@0 125 $this->headerIsDumped = null !== $this->outputStream ? $this->outputStream : $this->lineDumper;
Chris@0 126
Chris@0 127 if (null !== $this->dumpHeader) {
Chris@0 128 return $this->dumpHeader;
Chris@0 129 }
Chris@0 130
Chris@0 131 $line = str_replace('{$options}', json_encode($this->displayOptions, JSON_FORCE_OBJECT), <<<'EOHTML'
Chris@0 132 <script>
Chris@0 133 Sfdump = window.Sfdump || (function (doc) {
Chris@0 134
Chris@0 135 var refStyle = doc.createElement('style'),
Chris@0 136 rxEsc = /([.*+?^${}()|\[\]\/\\])/g,
Chris@0 137 idRx = /\bsf-dump-\d+-ref[012]\w+\b/,
Chris@0 138 keyHint = 0 <= navigator.platform.toUpperCase().indexOf('MAC') ? 'Cmd' : 'Ctrl',
Chris@0 139 addEventListener = function (e, n, cb) {
Chris@0 140 e.addEventListener(n, cb, false);
Chris@0 141 };
Chris@0 142
Chris@0 143 (doc.documentElement.firstElementChild || doc.documentElement.children[0]).appendChild(refStyle);
Chris@0 144
Chris@0 145 if (!doc.addEventListener) {
Chris@0 146 addEventListener = function (element, eventName, callback) {
Chris@0 147 element.attachEvent('on' + eventName, function (e) {
Chris@0 148 e.preventDefault = function () {e.returnValue = false;};
Chris@0 149 e.target = e.srcElement;
Chris@0 150 callback(e);
Chris@0 151 });
Chris@0 152 };
Chris@0 153 }
Chris@0 154
Chris@0 155 function toggle(a, recursive) {
Chris@0 156 var s = a.nextSibling || {}, oldClass = s.className, arrow, newClass;
Chris@0 157
Chris@0 158 if (/\bsf-dump-compact\b/.test(oldClass)) {
Chris@0 159 arrow = '▼';
Chris@0 160 newClass = 'sf-dump-expanded';
Chris@0 161 } else if (/\bsf-dump-expanded\b/.test(oldClass)) {
Chris@0 162 arrow = '▶';
Chris@0 163 newClass = 'sf-dump-compact';
Chris@0 164 } else {
Chris@0 165 return false;
Chris@0 166 }
Chris@0 167
Chris@0 168 if (doc.createEvent && s.dispatchEvent) {
Chris@0 169 var event = doc.createEvent('Event');
Chris@0 170 event.initEvent('sf-dump-expanded' === newClass ? 'sfbeforedumpexpand' : 'sfbeforedumpcollapse', true, false);
Chris@0 171
Chris@0 172 s.dispatchEvent(event);
Chris@0 173 }
Chris@0 174
Chris@0 175 a.lastChild.innerHTML = arrow;
Chris@0 176 s.className = s.className.replace(/\bsf-dump-(compact|expanded)\b/, newClass);
Chris@0 177
Chris@0 178 if (recursive) {
Chris@0 179 try {
Chris@0 180 a = s.querySelectorAll('.'+oldClass);
Chris@0 181 for (s = 0; s < a.length; ++s) {
Chris@0 182 if (-1 == a[s].className.indexOf(newClass)) {
Chris@0 183 a[s].className = newClass;
Chris@0 184 a[s].previousSibling.lastChild.innerHTML = arrow;
Chris@0 185 }
Chris@0 186 }
Chris@0 187 } catch (e) {
Chris@0 188 }
Chris@0 189 }
Chris@0 190
Chris@0 191 return true;
Chris@0 192 };
Chris@0 193
Chris@0 194 function collapse(a, recursive) {
Chris@0 195 var s = a.nextSibling || {}, oldClass = s.className;
Chris@0 196
Chris@0 197 if (/\bsf-dump-expanded\b/.test(oldClass)) {
Chris@0 198 toggle(a, recursive);
Chris@0 199
Chris@0 200 return true;
Chris@0 201 }
Chris@0 202
Chris@0 203 return false;
Chris@0 204 };
Chris@0 205
Chris@0 206 function expand(a, recursive) {
Chris@0 207 var s = a.nextSibling || {}, oldClass = s.className;
Chris@0 208
Chris@0 209 if (/\bsf-dump-compact\b/.test(oldClass)) {
Chris@0 210 toggle(a, recursive);
Chris@0 211
Chris@0 212 return true;
Chris@0 213 }
Chris@0 214
Chris@0 215 return false;
Chris@0 216 };
Chris@0 217
Chris@0 218 function collapseAll(root) {
Chris@0 219 var a = root.querySelector('a.sf-dump-toggle');
Chris@0 220 if (a) {
Chris@0 221 collapse(a, true);
Chris@0 222 expand(a);
Chris@0 223
Chris@0 224 return true;
Chris@0 225 }
Chris@0 226
Chris@0 227 return false;
Chris@0 228 }
Chris@0 229
Chris@0 230 function reveal(node) {
Chris@0 231 var previous, parents = [];
Chris@0 232
Chris@0 233 while ((node = node.parentNode || {}) && (previous = node.previousSibling) && 'A' === previous.tagName) {
Chris@0 234 parents.push(previous);
Chris@0 235 }
Chris@0 236
Chris@0 237 if (0 !== parents.length) {
Chris@0 238 parents.forEach(function (parent) {
Chris@0 239 expand(parent);
Chris@0 240 });
Chris@0 241
Chris@0 242 return true;
Chris@0 243 }
Chris@0 244
Chris@0 245 return false;
Chris@0 246 }
Chris@0 247
Chris@0 248 function highlight(root, activeNode, nodes) {
Chris@0 249 resetHighlightedNodes(root);
Chris@0 250
Chris@0 251 Array.from(nodes||[]).forEach(function (node) {
Chris@0 252 if (!/\bsf-dump-highlight\b/.test(node.className)) {
Chris@0 253 node.className = node.className + ' sf-dump-highlight';
Chris@0 254 }
Chris@0 255 });
Chris@0 256
Chris@0 257 if (!/\bsf-dump-highlight-active\b/.test(activeNode.className)) {
Chris@0 258 activeNode.className = activeNode.className + ' sf-dump-highlight-active';
Chris@0 259 }
Chris@0 260 }
Chris@0 261
Chris@0 262 function resetHighlightedNodes(root) {
Chris@0 263 Array.from(root.querySelectorAll('.sf-dump-str, .sf-dump-key, .sf-dump-public, .sf-dump-protected, .sf-dump-private')).forEach(function (strNode) {
Chris@0 264 strNode.className = strNode.className.replace(/\bsf-dump-highlight\b/, '');
Chris@0 265 strNode.className = strNode.className.replace(/\bsf-dump-highlight-active\b/, '');
Chris@0 266 });
Chris@0 267 }
Chris@0 268
Chris@0 269 return function (root, x) {
Chris@0 270 root = doc.getElementById(root);
Chris@0 271
Chris@0 272 var indentRx = new RegExp('^('+(root.getAttribute('data-indent-pad') || ' ').replace(rxEsc, '\\$1')+')+', 'm'),
Chris@0 273 options = {$options},
Chris@0 274 elt = root.getElementsByTagName('A'),
Chris@0 275 len = elt.length,
Chris@0 276 i = 0, s, h,
Chris@0 277 t = [];
Chris@0 278
Chris@0 279 while (i < len) t.push(elt[i++]);
Chris@0 280
Chris@0 281 for (i in x) {
Chris@0 282 options[i] = x[i];
Chris@0 283 }
Chris@0 284
Chris@0 285 function a(e, f) {
Chris@0 286 addEventListener(root, e, function (e) {
Chris@0 287 if ('A' == e.target.tagName) {
Chris@0 288 f(e.target, e);
Chris@0 289 } else if ('A' == e.target.parentNode.tagName) {
Chris@0 290 f(e.target.parentNode, e);
Chris@0 291 } else if (e.target.nextElementSibling && 'A' == e.target.nextElementSibling.tagName) {
Chris@0 292 f(e.target.nextElementSibling, e, true);
Chris@0 293 }
Chris@0 294 });
Chris@0 295 };
Chris@0 296 function isCtrlKey(e) {
Chris@0 297 return e.ctrlKey || e.metaKey;
Chris@0 298 }
Chris@0 299 function xpathString(str) {
Chris@0 300 var parts = str.match(/[^'"]+|['"]/g).map(function (part) {
Chris@0 301 if ("'" == part) {
Chris@0 302 return '"\'"';
Chris@0 303 }
Chris@0 304 if ('"' == part) {
Chris@0 305 return "'\"'";
Chris@0 306 }
Chris@0 307
Chris@0 308 return "'" + part + "'";
Chris@0 309 });
Chris@0 310
Chris@0 311 return "concat(" + parts.join(",") + ", '')";
Chris@0 312 }
Chris@0 313 addEventListener(root, 'mouseover', function (e) {
Chris@0 314 if ('' != refStyle.innerHTML) {
Chris@0 315 refStyle.innerHTML = '';
Chris@0 316 }
Chris@0 317 });
Chris@0 318 a('mouseover', function (a, e, c) {
Chris@0 319 if (c) {
Chris@0 320 e.target.style.cursor = "pointer";
Chris@0 321 } else if (a = idRx.exec(a.className)) {
Chris@0 322 try {
Chris@0 323 refStyle.innerHTML = 'pre.sf-dump .'+a[0]+'{background-color: #B729D9; color: #FFF !important; border-radius: 2px}';
Chris@0 324 } catch (e) {
Chris@0 325 }
Chris@0 326 }
Chris@0 327 });
Chris@0 328 a('click', function (a, e, c) {
Chris@0 329 if (/\bsf-dump-toggle\b/.test(a.className)) {
Chris@0 330 e.preventDefault();
Chris@0 331 if (!toggle(a, isCtrlKey(e))) {
Chris@0 332 var r = doc.getElementById(a.getAttribute('href').substr(1)),
Chris@0 333 s = r.previousSibling,
Chris@0 334 f = r.parentNode,
Chris@0 335 t = a.parentNode;
Chris@0 336 t.replaceChild(r, a);
Chris@0 337 f.replaceChild(a, s);
Chris@0 338 t.insertBefore(s, r);
Chris@0 339 f = f.firstChild.nodeValue.match(indentRx);
Chris@0 340 t = t.firstChild.nodeValue.match(indentRx);
Chris@0 341 if (f && t && f[0] !== t[0]) {
Chris@0 342 r.innerHTML = r.innerHTML.replace(new RegExp('^'+f[0].replace(rxEsc, '\\$1'), 'mg'), t[0]);
Chris@0 343 }
Chris@0 344 if (/\bsf-dump-compact\b/.test(r.className)) {
Chris@0 345 toggle(s, isCtrlKey(e));
Chris@0 346 }
Chris@0 347 }
Chris@0 348
Chris@0 349 if (c) {
Chris@0 350 } else if (doc.getSelection) {
Chris@0 351 try {
Chris@0 352 doc.getSelection().removeAllRanges();
Chris@0 353 } catch (e) {
Chris@0 354 doc.getSelection().empty();
Chris@0 355 }
Chris@0 356 } else {
Chris@0 357 doc.selection.empty();
Chris@0 358 }
Chris@0 359 } else if (/\bsf-dump-str-toggle\b/.test(a.className)) {
Chris@0 360 e.preventDefault();
Chris@0 361 e = a.parentNode.parentNode;
Chris@0 362 e.className = e.className.replace(/\bsf-dump-str-(expand|collapse)\b/, a.parentNode.className);
Chris@0 363 }
Chris@0 364 });
Chris@0 365
Chris@0 366 elt = root.getElementsByTagName('SAMP');
Chris@0 367 len = elt.length;
Chris@0 368 i = 0;
Chris@0 369
Chris@0 370 while (i < len) t.push(elt[i++]);
Chris@0 371 len = t.length;
Chris@0 372
Chris@0 373 for (i = 0; i < len; ++i) {
Chris@0 374 elt = t[i];
Chris@0 375 if ('SAMP' == elt.tagName) {
Chris@0 376 elt.className = 'sf-dump-expanded';
Chris@0 377 a = elt.previousSibling || {};
Chris@0 378 if ('A' != a.tagName) {
Chris@0 379 a = doc.createElement('A');
Chris@0 380 a.className = 'sf-dump-ref';
Chris@0 381 elt.parentNode.insertBefore(a, elt);
Chris@0 382 } else {
Chris@0 383 a.innerHTML += ' ';
Chris@0 384 }
Chris@0 385 a.title = (a.title ? a.title+'\n[' : '[')+keyHint+'+click] Expand all children';
Chris@0 386 a.innerHTML += '<span>▼</span>';
Chris@0 387 a.className += ' sf-dump-toggle';
Chris@0 388
Chris@0 389 x = 1;
Chris@0 390 if ('sf-dump' != elt.parentNode.className) {
Chris@0 391 x += elt.parentNode.getAttribute('data-depth')/1;
Chris@0 392 }
Chris@0 393 elt.setAttribute('data-depth', x);
Chris@0 394 if (x > options.maxDepth) {
Chris@0 395 toggle(a);
Chris@0 396 }
Chris@0 397 } else if (/\bsf-dump-ref\b/.test(elt.className) && (a = elt.getAttribute('href'))) {
Chris@0 398 a = a.substr(1);
Chris@0 399 elt.className += ' '+a;
Chris@0 400
Chris@0 401 if (/[\[{]$/.test(elt.previousSibling.nodeValue)) {
Chris@0 402 a = a != elt.nextSibling.id && doc.getElementById(a);
Chris@0 403 try {
Chris@0 404 s = a.nextSibling;
Chris@0 405 elt.appendChild(a);
Chris@0 406 s.parentNode.insertBefore(a, s);
Chris@0 407 if (/^[@#]/.test(elt.innerHTML)) {
Chris@0 408 elt.innerHTML += ' <span>▶</span>';
Chris@0 409 } else {
Chris@0 410 elt.innerHTML = '<span>▶</span>';
Chris@0 411 elt.className = 'sf-dump-ref';
Chris@0 412 }
Chris@0 413 elt.className += ' sf-dump-toggle';
Chris@0 414 } catch (e) {
Chris@0 415 if ('&' == elt.innerHTML.charAt(0)) {
Chris@0 416 elt.innerHTML = '…';
Chris@0 417 elt.className = 'sf-dump-ref';
Chris@0 418 }
Chris@0 419 }
Chris@0 420 }
Chris@0 421 }
Chris@0 422 }
Chris@0 423
Chris@0 424 if (doc.evaluate && Array.from && root.children.length > 1) {
Chris@0 425 root.setAttribute('tabindex', 0);
Chris@0 426
Chris@0 427 SearchState = function () {
Chris@0 428 this.nodes = [];
Chris@0 429 this.idx = 0;
Chris@0 430 };
Chris@0 431 SearchState.prototype = {
Chris@0 432 next: function () {
Chris@0 433 if (this.isEmpty()) {
Chris@0 434 return this.current();
Chris@0 435 }
Chris@0 436 this.idx = this.idx < (this.nodes.length - 1) ? this.idx + 1 : this.idx;
Chris@0 437
Chris@0 438 return this.current();
Chris@0 439 },
Chris@0 440 previous: function () {
Chris@0 441 if (this.isEmpty()) {
Chris@0 442 return this.current();
Chris@0 443 }
Chris@0 444 this.idx = this.idx > 0 ? this.idx - 1 : this.idx;
Chris@0 445
Chris@0 446 return this.current();
Chris@0 447 },
Chris@0 448 isEmpty: function () {
Chris@0 449 return 0 === this.count();
Chris@0 450 },
Chris@0 451 current: function () {
Chris@0 452 if (this.isEmpty()) {
Chris@0 453 return null;
Chris@0 454 }
Chris@0 455 return this.nodes[this.idx];
Chris@0 456 },
Chris@0 457 reset: function () {
Chris@0 458 this.nodes = [];
Chris@0 459 this.idx = 0;
Chris@0 460 },
Chris@0 461 count: function () {
Chris@0 462 return this.nodes.length;
Chris@0 463 },
Chris@0 464 };
Chris@0 465
Chris@0 466 function showCurrent(state)
Chris@0 467 {
Chris@0 468 var currentNode = state.current();
Chris@0 469 if (currentNode) {
Chris@0 470 reveal(currentNode);
Chris@0 471 highlight(root, currentNode, state.nodes);
Chris@0 472 }
Chris@0 473 counter.textContent = (state.isEmpty() ? 0 : state.idx + 1) + ' of ' + state.count();
Chris@0 474 }
Chris@0 475
Chris@0 476 var search = doc.createElement('div');
Chris@0 477 search.className = 'sf-dump-search-wrapper sf-dump-search-hidden';
Chris@0 478 search.innerHTML = '
Chris@0 479 <input type="text" class="sf-dump-search-input">
Chris@0 480 <span class="sf-dump-search-count">0 of 0<\/span>
Chris@0 481 <button type="button" class="sf-dump-search-input-previous" tabindex="-1">
Chris@0 482 <svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
Chris@0 483 <path d="M1683 1331l-166 165q-19 19-45 19t-45-19l-531-531-531 531q-19 19-45 19t-45-19l-166-165q-19-19-19-45.5t19-45.5l742-741q19-19 45-19t45 19l742 741q19 19 19 45.5t-19 45.5z"\/>
Chris@0 484 <\/svg>
Chris@0 485 <\/button>
Chris@0 486 <button type="button" class="sf-dump-search-input-next" tabindex="-1">
Chris@0 487 <svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
Chris@0 488 <path d="M1683 808l-742 741q-19 19-45 19t-45-19l-742-741q-19-19-19-45.5t19-45.5l166-165q19-19 45-19t45 19l531 531 531-531q19-19 45-19t45 19l166 165q19 19 19 45.5t-19 45.5z"\/>
Chris@0 489 <\/svg>
Chris@0 490 <\/button>
Chris@0 491 ';
Chris@0 492 root.insertBefore(search, root.firstChild);
Chris@0 493
Chris@0 494 var state = new SearchState();
Chris@0 495 var searchInput = search.querySelector('.sf-dump-search-input');
Chris@0 496 var counter = search.querySelector('.sf-dump-search-count');
Chris@0 497 var searchInputTimer = 0;
Chris@0 498 var previousSearchQuery = '';
Chris@0 499
Chris@0 500 addEventListener(searchInput, 'keyup', function (e) {
Chris@0 501 var searchQuery = e.target.value;
Chris@0 502 /* Don't perform anything if the pressed key didn't change the query */
Chris@0 503 if (searchQuery === previousSearchQuery) {
Chris@0 504 return;
Chris@0 505 }
Chris@0 506 previousSearchQuery = searchQuery;
Chris@0 507 clearTimeout(searchInputTimer);
Chris@0 508 searchInputTimer = setTimeout(function () {
Chris@0 509 state.reset();
Chris@0 510 collapseAll(root);
Chris@0 511 resetHighlightedNodes(root);
Chris@0 512 if ('' === searchQuery) {
Chris@0 513 counter.textContent = '0 of 0';
Chris@0 514
Chris@0 515 return;
Chris@0 516 }
Chris@0 517
Chris@0 518 var xpathResult = doc.evaluate('//pre[@id="' + root.id + '"]//span[@class="sf-dump-str" or @class="sf-dump-key" or @class="sf-dump-public" or @class="sf-dump-protected" or @class="sf-dump-private"][contains(child::text(), ' + xpathString(searchQuery) + ')]', document, null, XPathResult.ORDERED_NODE_ITERATOR_TYPE, null);
Chris@0 519
Chris@0 520 while (node = xpathResult.iterateNext()) state.nodes.push(node);
Chris@0 521
Chris@0 522 showCurrent(state);
Chris@0 523 }, 400);
Chris@0 524 });
Chris@0 525
Chris@0 526 Array.from(search.querySelectorAll('.sf-dump-search-input-next, .sf-dump-search-input-previous')).forEach(function (btn) {
Chris@0 527 addEventListener(btn, 'click', function (e) {
Chris@0 528 e.preventDefault();
Chris@0 529 -1 !== e.target.className.indexOf('next') ? state.next() : state.previous();
Chris@0 530 searchInput.focus();
Chris@0 531 collapseAll(root);
Chris@0 532 showCurrent(state);
Chris@0 533 })
Chris@0 534 });
Chris@0 535
Chris@0 536 addEventListener(root, 'keydown', function (e) {
Chris@0 537 var isSearchActive = !/\bsf-dump-search-hidden\b/.test(search.className);
Chris@0 538 if ((114 === e.keyCode && !isSearchActive) || (isCtrlKey(e) && 70 === e.keyCode)) {
Chris@0 539 /* F3 or CMD/CTRL + F */
Chris@0 540 e.preventDefault();
Chris@0 541 search.className = search.className.replace(/\bsf-dump-search-hidden\b/, '');
Chris@0 542 searchInput.focus();
Chris@0 543 } else if (isSearchActive) {
Chris@0 544 if (27 === e.keyCode) {
Chris@0 545 /* ESC key */
Chris@0 546 search.className += ' sf-dump-search-hidden';
Chris@0 547 e.preventDefault();
Chris@0 548 resetHighlightedNodes(root);
Chris@0 549 searchInput.value = '';
Chris@0 550 } else if (
Chris@0 551 (isCtrlKey(e) && 71 === e.keyCode) /* CMD/CTRL + G */
Chris@0 552 || 13 === e.keyCode /* Enter */
Chris@0 553 || 114 === e.keyCode /* F3 */
Chris@0 554 ) {
Chris@0 555 e.preventDefault();
Chris@0 556 e.shiftKey ? state.previous() : state.next();
Chris@0 557 collapseAll(root);
Chris@0 558 showCurrent(state);
Chris@0 559 }
Chris@0 560 }
Chris@0 561 });
Chris@0 562 }
Chris@0 563
Chris@0 564 if (0 >= options.maxStringLength) {
Chris@0 565 return;
Chris@0 566 }
Chris@0 567 try {
Chris@0 568 elt = root.querySelectorAll('.sf-dump-str');
Chris@0 569 len = elt.length;
Chris@0 570 i = 0;
Chris@0 571 t = [];
Chris@0 572
Chris@0 573 while (i < len) t.push(elt[i++]);
Chris@0 574 len = t.length;
Chris@0 575
Chris@0 576 for (i = 0; i < len; ++i) {
Chris@0 577 elt = t[i];
Chris@0 578 s = elt.innerText || elt.textContent;
Chris@0 579 x = s.length - options.maxStringLength;
Chris@0 580 if (0 < x) {
Chris@0 581 h = elt.innerHTML;
Chris@0 582 elt[elt.innerText ? 'innerText' : 'textContent'] = s.substring(0, options.maxStringLength);
Chris@0 583 elt.className += ' sf-dump-str-collapse';
Chris@0 584 elt.innerHTML = '<span class=sf-dump-str-collapse>'+h+'<a class="sf-dump-ref sf-dump-str-toggle" title="Collapse"> ◀</a></span>'+
Chris@0 585 '<span class=sf-dump-str-expand>'+elt.innerHTML+'<a class="sf-dump-ref sf-dump-str-toggle" title="'+x+' remaining characters"> ▶</a></span>';
Chris@0 586 }
Chris@0 587 }
Chris@0 588 } catch (e) {
Chris@0 589 }
Chris@0 590 };
Chris@0 591
Chris@0 592 })(document);
Chris@0 593 </script><style>
Chris@0 594 pre.sf-dump {
Chris@0 595 display: block;
Chris@0 596 white-space: pre;
Chris@0 597 padding: 5px;
Chris@0 598 }
Chris@0 599 pre.sf-dump:after {
Chris@0 600 content: "";
Chris@0 601 visibility: hidden;
Chris@0 602 display: block;
Chris@0 603 height: 0;
Chris@0 604 clear: both;
Chris@0 605 }
Chris@0 606 pre.sf-dump span {
Chris@0 607 display: inline;
Chris@0 608 }
Chris@0 609 pre.sf-dump .sf-dump-compact {
Chris@0 610 display: none;
Chris@0 611 }
Chris@0 612 pre.sf-dump abbr {
Chris@0 613 text-decoration: none;
Chris@0 614 border: none;
Chris@0 615 cursor: help;
Chris@0 616 }
Chris@0 617 pre.sf-dump a {
Chris@0 618 text-decoration: none;
Chris@0 619 cursor: pointer;
Chris@0 620 border: 0;
Chris@0 621 outline: none;
Chris@0 622 color: inherit;
Chris@0 623 }
Chris@0 624 pre.sf-dump .sf-dump-ellipsis {
Chris@0 625 display: inline-block;
Chris@0 626 overflow: visible;
Chris@0 627 text-overflow: ellipsis;
Chris@0 628 max-width: 5em;
Chris@0 629 white-space: nowrap;
Chris@0 630 overflow: hidden;
Chris@0 631 vertical-align: top;
Chris@0 632 }
Chris@0 633 pre.sf-dump .sf-dump-ellipsis+.sf-dump-ellipsis {
Chris@0 634 max-width: none;
Chris@0 635 }
Chris@0 636 pre.sf-dump code {
Chris@0 637 display:inline;
Chris@0 638 padding:0;
Chris@0 639 background:none;
Chris@0 640 }
Chris@0 641 .sf-dump-str-collapse .sf-dump-str-collapse {
Chris@0 642 display: none;
Chris@0 643 }
Chris@0 644 .sf-dump-str-expand .sf-dump-str-expand {
Chris@0 645 display: none;
Chris@0 646 }
Chris@0 647 .sf-dump-public.sf-dump-highlight,
Chris@0 648 .sf-dump-protected.sf-dump-highlight,
Chris@0 649 .sf-dump-private.sf-dump-highlight,
Chris@0 650 .sf-dump-str.sf-dump-highlight,
Chris@0 651 .sf-dump-key.sf-dump-highlight {
Chris@0 652 background: rgba(111, 172, 204, 0.3);
Chris@0 653 border: 1px solid #7DA0B1;
Chris@0 654 border-radius: 3px;
Chris@0 655 }
Chris@0 656 .sf-dump-public.sf-dump-highlight-active,
Chris@0 657 .sf-dump-protected.sf-dump-highlight-active,
Chris@0 658 .sf-dump-private.sf-dump-highlight-active,
Chris@0 659 .sf-dump-str.sf-dump-highlight-active,
Chris@0 660 .sf-dump-key.sf-dump-highlight-active {
Chris@0 661 background: rgba(253, 175, 0, 0.4);
Chris@0 662 border: 1px solid #ffa500;
Chris@0 663 border-radius: 3px;
Chris@0 664 }
Chris@0 665 pre.sf-dump .sf-dump-search-hidden {
Chris@0 666 display: none;
Chris@0 667 }
Chris@0 668 pre.sf-dump .sf-dump-search-wrapper {
Chris@0 669 float: right;
Chris@0 670 font-size: 0;
Chris@0 671 white-space: nowrap;
Chris@0 672 max-width: 100%;
Chris@0 673 text-align: right;
Chris@0 674 }
Chris@0 675 pre.sf-dump .sf-dump-search-wrapper > * {
Chris@0 676 vertical-align: top;
Chris@0 677 box-sizing: border-box;
Chris@0 678 height: 21px;
Chris@0 679 font-weight: normal;
Chris@0 680 border-radius: 0;
Chris@0 681 background: #FFF;
Chris@0 682 color: #757575;
Chris@0 683 border: 1px solid #BBB;
Chris@0 684 }
Chris@0 685 pre.sf-dump .sf-dump-search-wrapper > input.sf-dump-search-input {
Chris@0 686 padding: 3px;
Chris@0 687 height: 21px;
Chris@0 688 font-size: 12px;
Chris@0 689 border-right: none;
Chris@0 690 width: 140px;
Chris@0 691 border-top-left-radius: 3px;
Chris@0 692 border-bottom-left-radius: 3px;
Chris@0 693 color: #000;
Chris@0 694 }
Chris@0 695 pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-next,
Chris@0 696 pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-previous {
Chris@0 697 background: #F2F2F2;
Chris@0 698 outline: none;
Chris@0 699 border-left: none;
Chris@0 700 font-size: 0;
Chris@0 701 line-height: 0;
Chris@0 702 }
Chris@0 703 pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-next {
Chris@0 704 border-top-right-radius: 3px;
Chris@0 705 border-bottom-right-radius: 3px;
Chris@0 706 }
Chris@0 707 pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-next > svg,
Chris@0 708 pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-previous > svg {
Chris@0 709 pointer-events: none;
Chris@0 710 width: 12px;
Chris@0 711 height: 12px;
Chris@0 712 }
Chris@0 713 pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-count {
Chris@0 714 display: inline-block;
Chris@0 715 padding: 0 5px;
Chris@0 716 margin: 0;
Chris@0 717 border-left: none;
Chris@0 718 line-height: 21px;
Chris@0 719 font-size: 12px;
Chris@0 720 }
Chris@0 721 EOHTML
Chris@0 722 );
Chris@0 723
Chris@0 724 foreach ($this->styles as $class => $style) {
Chris@0 725 $line .= 'pre.sf-dump'.('default' === $class ? ', pre.sf-dump' : '').' .sf-dump-'.$class.'{'.$style.'}';
Chris@0 726 }
Chris@0 727
Chris@0 728 return $this->dumpHeader = preg_replace('/\s+/', ' ', $line).'</style>'.$this->dumpHeader;
Chris@0 729 }
Chris@0 730
Chris@0 731 /**
Chris@0 732 * {@inheritdoc}
Chris@0 733 */
Chris@0 734 public function enterHash(Cursor $cursor, $type, $class, $hasChild)
Chris@0 735 {
Chris@0 736 parent::enterHash($cursor, $type, $class, false);
Chris@0 737
Chris@0 738 if ($hasChild) {
Chris@0 739 if ($cursor->refIndex) {
Chris@0 740 $r = Cursor::HASH_OBJECT !== $type ? 1 - (Cursor::HASH_RESOURCE !== $type) : 2;
Chris@0 741 $r .= $r && 0 < $cursor->softRefHandle ? $cursor->softRefHandle : $cursor->refIndex;
Chris@0 742
Chris@0 743 $this->line .= sprintf('<samp id=%s-ref%s>', $this->dumpId, $r);
Chris@0 744 } else {
Chris@0 745 $this->line .= '<samp>';
Chris@0 746 }
Chris@0 747 $this->dumpLine($cursor->depth);
Chris@0 748 }
Chris@0 749 }
Chris@0 750
Chris@0 751 /**
Chris@0 752 * {@inheritdoc}
Chris@0 753 */
Chris@0 754 public function leaveHash(Cursor $cursor, $type, $class, $hasChild, $cut)
Chris@0 755 {
Chris@0 756 $this->dumpEllipsis($cursor, $hasChild, $cut);
Chris@0 757 if ($hasChild) {
Chris@0 758 $this->line .= '</samp>';
Chris@0 759 }
Chris@0 760 parent::leaveHash($cursor, $type, $class, $hasChild, 0);
Chris@0 761 }
Chris@0 762
Chris@0 763 /**
Chris@0 764 * {@inheritdoc}
Chris@0 765 */
Chris@0 766 protected function style($style, $value, $attr = array())
Chris@0 767 {
Chris@0 768 if ('' === $value) {
Chris@0 769 return '';
Chris@0 770 }
Chris@0 771
Chris@0 772 $v = esc($value);
Chris@0 773
Chris@0 774 if ('ref' === $style) {
Chris@0 775 if (empty($attr['count'])) {
Chris@0 776 return sprintf('<a class=sf-dump-ref>%s</a>', $v);
Chris@0 777 }
Chris@0 778 $r = ('#' !== $v[0] ? 1 - ('@' !== $v[0]) : 2).substr($value, 1);
Chris@0 779
Chris@0 780 return sprintf('<a class=sf-dump-ref href=#%s-ref%s title="%d occurrences">%s</a>', $this->dumpId, $r, 1 + $attr['count'], $v);
Chris@0 781 }
Chris@0 782
Chris@0 783 if ('const' === $style && isset($attr['value'])) {
Chris@0 784 $style .= sprintf(' title="%s"', esc(is_scalar($attr['value']) ? $attr['value'] : json_encode($attr['value'])));
Chris@0 785 } elseif ('public' === $style) {
Chris@0 786 $style .= sprintf(' title="%s"', empty($attr['dynamic']) ? 'Public property' : 'Runtime added dynamic property');
Chris@0 787 } elseif ('str' === $style && 1 < $attr['length']) {
Chris@0 788 $style .= sprintf(' title="%d%s characters"', $attr['length'], $attr['binary'] ? ' binary or non-UTF-8' : '');
Chris@0 789 } elseif ('note' === $style && false !== $c = strrpos($v, '\\')) {
Chris@0 790 return sprintf('<abbr title="%s" class=sf-dump-%s>%s</abbr>', $v, $style, substr($v, $c + 1));
Chris@0 791 } elseif ('protected' === $style) {
Chris@0 792 $style .= ' title="Protected property"';
Chris@0 793 } elseif ('meta' === $style && isset($attr['title'])) {
Chris@0 794 $style .= sprintf(' title="%s"', esc($this->utf8Encode($attr['title'])));
Chris@0 795 } elseif ('private' === $style) {
Chris@0 796 $style .= sprintf(' title="Private property defined in class:&#10;`%s`"', esc($this->utf8Encode($attr['class'])));
Chris@0 797 }
Chris@0 798 $map = static::$controlCharsMap;
Chris@0 799
Chris@0 800 if (isset($attr['ellipsis'])) {
Chris@0 801 $class = 'sf-dump-ellipsis';
Chris@0 802 if (isset($attr['ellipsis-type'])) {
Chris@0 803 $class = sprintf('"%s sf-dump-ellipsis-%s"', $class, $attr['ellipsis-type']);
Chris@0 804 }
Chris@0 805 $label = esc(substr($value, -$attr['ellipsis']));
Chris@0 806 $style = str_replace(' title="', " title=\"$v\n", $style);
Chris@0 807 $v = sprintf('<span class=%s>%s</span>', $class, substr($v, 0, -strlen($label)));
Chris@0 808
Chris@0 809 if (!empty($attr['ellipsis-tail'])) {
Chris@0 810 $tail = strlen(esc(substr($value, -$attr['ellipsis'], $attr['ellipsis-tail'])));
Chris@0 811 $v .= sprintf('<span class=sf-dump-ellipsis>%s</span>%s', substr($label, 0, $tail), substr($label, $tail));
Chris@0 812 } else {
Chris@0 813 $v .= $label;
Chris@0 814 }
Chris@0 815 }
Chris@0 816
Chris@0 817 $v = "<span class=sf-dump-{$style}>".preg_replace_callback(static::$controlCharsRx, function ($c) use ($map) {
Chris@0 818 $s = '<span class=sf-dump-default>';
Chris@0 819 $c = $c[$i = 0];
Chris@0 820 do {
Chris@0 821 $s .= isset($map[$c[$i]]) ? $map[$c[$i]] : sprintf('\x%02X', ord($c[$i]));
Chris@0 822 } while (isset($c[++$i]));
Chris@0 823
Chris@0 824 return $s.'</span>';
Chris@0 825 }, $v).'</span>';
Chris@0 826
Chris@0 827 if (isset($attr['file']) && $href = $this->getSourceLink($attr['file'], isset($attr['line']) ? $attr['line'] : 0)) {
Chris@0 828 $attr['href'] = $href;
Chris@0 829 }
Chris@0 830 if (isset($attr['href'])) {
Chris@0 831 $v = sprintf('<a href="%s" target="_blank" rel="noopener noreferrer">%s</a>', esc($this->utf8Encode($attr['href'])), $v);
Chris@0 832 }
Chris@0 833 if (isset($attr['lang'])) {
Chris@0 834 $v = sprintf('<code class="%s">%s</code>', esc($attr['lang']), $v);
Chris@0 835 }
Chris@0 836
Chris@0 837 return $v;
Chris@0 838 }
Chris@0 839
Chris@0 840 /**
Chris@0 841 * {@inheritdoc}
Chris@0 842 */
Chris@0 843 protected function dumpLine($depth, $endOfValue = false)
Chris@0 844 {
Chris@0 845 if (-1 === $this->lastDepth) {
Chris@0 846 $this->line = sprintf($this->dumpPrefix, $this->dumpId, $this->indentPad).$this->line;
Chris@0 847 }
Chris@0 848 if ($this->headerIsDumped !== (null !== $this->outputStream ? $this->outputStream : $this->lineDumper)) {
Chris@0 849 $this->line = $this->getDumpHeader().$this->line;
Chris@0 850 }
Chris@0 851
Chris@0 852 if (-1 === $depth) {
Chris@0 853 $args = array('"'.$this->dumpId.'"');
Chris@0 854 if ($this->extraDisplayOptions) {
Chris@0 855 $args[] = json_encode($this->extraDisplayOptions, JSON_FORCE_OBJECT);
Chris@0 856 }
Chris@0 857 // Replace is for BC
Chris@0 858 $this->line .= sprintf(str_replace('"%s"', '%s', $this->dumpSuffix), implode(', ', $args));
Chris@0 859 }
Chris@0 860 $this->lastDepth = $depth;
Chris@0 861
Chris@0 862 $this->line = mb_convert_encoding($this->line, 'HTML-ENTITIES', 'UTF-8');
Chris@0 863
Chris@0 864 if (-1 === $depth) {
Chris@0 865 AbstractDumper::dumpLine(0);
Chris@0 866 }
Chris@0 867 AbstractDumper::dumpLine($depth);
Chris@0 868 }
Chris@0 869
Chris@0 870 private function getSourceLink($file, $line)
Chris@0 871 {
Chris@0 872 $options = $this->extraDisplayOptions + $this->displayOptions;
Chris@0 873
Chris@0 874 if ($fmt = $options['fileLinkFormat']) {
Chris@0 875 return is_string($fmt) ? strtr($fmt, array('%f' => $file, '%l' => $line)) : $fmt->format($file, $line);
Chris@0 876 }
Chris@0 877
Chris@0 878 return false;
Chris@0 879 }
Chris@0 880 }
Chris@0 881
Chris@0 882 function esc($str)
Chris@0 883 {
Chris@0 884 return htmlspecialchars($str, ENT_QUOTES, 'UTF-8');
Chris@0 885 }