annotate vendor/symfony/var-dumper/Dumper/HtmlDumper.php @ 19:fa3358dc1485 tip

Add ndrum files
author Chris Cannam
date Wed, 28 Aug 2019 13:14:47 +0100
parents af1871eacc83
children
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@17 33 protected $styles = [
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@17 47 ];
Chris@0 48
Chris@17 49 private $displayOptions = [
Chris@0 50 'maxDepth' => 1,
Chris@0 51 'maxStringLength' => 160,
Chris@0 52 'fileLinkFormat' => null,
Chris@17 53 ];
Chris@17 54 private $extraDisplayOptions = [];
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@17 111 public function dump(Data $data, $output = null, array $extraDisplayOptions = [])
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@16 313 function xpathHasClass(className) {
Chris@16 314 return "contains(concat(' ', normalize-space(@class), ' '), ' " + className +" ')";
Chris@16 315 }
Chris@0 316 addEventListener(root, 'mouseover', function (e) {
Chris@0 317 if ('' != refStyle.innerHTML) {
Chris@0 318 refStyle.innerHTML = '';
Chris@0 319 }
Chris@0 320 });
Chris@0 321 a('mouseover', function (a, e, c) {
Chris@0 322 if (c) {
Chris@0 323 e.target.style.cursor = "pointer";
Chris@0 324 } else if (a = idRx.exec(a.className)) {
Chris@0 325 try {
Chris@0 326 refStyle.innerHTML = 'pre.sf-dump .'+a[0]+'{background-color: #B729D9; color: #FFF !important; border-radius: 2px}';
Chris@0 327 } catch (e) {
Chris@0 328 }
Chris@0 329 }
Chris@0 330 });
Chris@0 331 a('click', function (a, e, c) {
Chris@0 332 if (/\bsf-dump-toggle\b/.test(a.className)) {
Chris@0 333 e.preventDefault();
Chris@0 334 if (!toggle(a, isCtrlKey(e))) {
Chris@0 335 var r = doc.getElementById(a.getAttribute('href').substr(1)),
Chris@0 336 s = r.previousSibling,
Chris@0 337 f = r.parentNode,
Chris@0 338 t = a.parentNode;
Chris@0 339 t.replaceChild(r, a);
Chris@0 340 f.replaceChild(a, s);
Chris@0 341 t.insertBefore(s, r);
Chris@0 342 f = f.firstChild.nodeValue.match(indentRx);
Chris@0 343 t = t.firstChild.nodeValue.match(indentRx);
Chris@0 344 if (f && t && f[0] !== t[0]) {
Chris@0 345 r.innerHTML = r.innerHTML.replace(new RegExp('^'+f[0].replace(rxEsc, '\\$1'), 'mg'), t[0]);
Chris@0 346 }
Chris@0 347 if (/\bsf-dump-compact\b/.test(r.className)) {
Chris@0 348 toggle(s, isCtrlKey(e));
Chris@0 349 }
Chris@0 350 }
Chris@0 351
Chris@0 352 if (c) {
Chris@0 353 } else if (doc.getSelection) {
Chris@0 354 try {
Chris@0 355 doc.getSelection().removeAllRanges();
Chris@0 356 } catch (e) {
Chris@0 357 doc.getSelection().empty();
Chris@0 358 }
Chris@0 359 } else {
Chris@0 360 doc.selection.empty();
Chris@0 361 }
Chris@0 362 } else if (/\bsf-dump-str-toggle\b/.test(a.className)) {
Chris@0 363 e.preventDefault();
Chris@0 364 e = a.parentNode.parentNode;
Chris@0 365 e.className = e.className.replace(/\bsf-dump-str-(expand|collapse)\b/, a.parentNode.className);
Chris@0 366 }
Chris@0 367 });
Chris@0 368
Chris@0 369 elt = root.getElementsByTagName('SAMP');
Chris@0 370 len = elt.length;
Chris@0 371 i = 0;
Chris@0 372
Chris@0 373 while (i < len) t.push(elt[i++]);
Chris@0 374 len = t.length;
Chris@0 375
Chris@0 376 for (i = 0; i < len; ++i) {
Chris@0 377 elt = t[i];
Chris@0 378 if ('SAMP' == elt.tagName) {
Chris@0 379 a = elt.previousSibling || {};
Chris@0 380 if ('A' != a.tagName) {
Chris@0 381 a = doc.createElement('A');
Chris@0 382 a.className = 'sf-dump-ref';
Chris@0 383 elt.parentNode.insertBefore(a, elt);
Chris@0 384 } else {
Chris@0 385 a.innerHTML += ' ';
Chris@0 386 }
Chris@0 387 a.title = (a.title ? a.title+'\n[' : '[')+keyHint+'+click] Expand all children';
Chris@0 388 a.innerHTML += '<span>▼</span>';
Chris@0 389 a.className += ' sf-dump-toggle';
Chris@0 390
Chris@0 391 x = 1;
Chris@0 392 if ('sf-dump' != elt.parentNode.className) {
Chris@0 393 x += elt.parentNode.getAttribute('data-depth')/1;
Chris@0 394 }
Chris@0 395 elt.setAttribute('data-depth', x);
Chris@12 396 var className = elt.className;
Chris@12 397 elt.className = 'sf-dump-expanded';
Chris@12 398 if (className ? 'sf-dump-expanded' !== className : (x > options.maxDepth)) {
Chris@0 399 toggle(a);
Chris@0 400 }
Chris@0 401 } else if (/\bsf-dump-ref\b/.test(elt.className) && (a = elt.getAttribute('href'))) {
Chris@0 402 a = a.substr(1);
Chris@0 403 elt.className += ' '+a;
Chris@0 404
Chris@0 405 if (/[\[{]$/.test(elt.previousSibling.nodeValue)) {
Chris@0 406 a = a != elt.nextSibling.id && doc.getElementById(a);
Chris@0 407 try {
Chris@0 408 s = a.nextSibling;
Chris@0 409 elt.appendChild(a);
Chris@0 410 s.parentNode.insertBefore(a, s);
Chris@0 411 if (/^[@#]/.test(elt.innerHTML)) {
Chris@0 412 elt.innerHTML += ' <span>▶</span>';
Chris@0 413 } else {
Chris@0 414 elt.innerHTML = '<span>▶</span>';
Chris@0 415 elt.className = 'sf-dump-ref';
Chris@0 416 }
Chris@0 417 elt.className += ' sf-dump-toggle';
Chris@0 418 } catch (e) {
Chris@0 419 if ('&' == elt.innerHTML.charAt(0)) {
Chris@0 420 elt.innerHTML = '…';
Chris@0 421 elt.className = 'sf-dump-ref';
Chris@0 422 }
Chris@0 423 }
Chris@0 424 }
Chris@0 425 }
Chris@0 426 }
Chris@0 427
Chris@0 428 if (doc.evaluate && Array.from && root.children.length > 1) {
Chris@0 429 root.setAttribute('tabindex', 0);
Chris@0 430
Chris@0 431 SearchState = function () {
Chris@0 432 this.nodes = [];
Chris@0 433 this.idx = 0;
Chris@0 434 };
Chris@0 435 SearchState.prototype = {
Chris@0 436 next: function () {
Chris@0 437 if (this.isEmpty()) {
Chris@0 438 return this.current();
Chris@0 439 }
Chris@12 440 this.idx = this.idx < (this.nodes.length - 1) ? this.idx + 1 : 0;
Chris@0 441
Chris@0 442 return this.current();
Chris@0 443 },
Chris@0 444 previous: function () {
Chris@0 445 if (this.isEmpty()) {
Chris@0 446 return this.current();
Chris@0 447 }
Chris@12 448 this.idx = this.idx > 0 ? this.idx - 1 : (this.nodes.length - 1);
Chris@0 449
Chris@0 450 return this.current();
Chris@0 451 },
Chris@0 452 isEmpty: function () {
Chris@0 453 return 0 === this.count();
Chris@0 454 },
Chris@0 455 current: function () {
Chris@0 456 if (this.isEmpty()) {
Chris@0 457 return null;
Chris@0 458 }
Chris@0 459 return this.nodes[this.idx];
Chris@0 460 },
Chris@0 461 reset: function () {
Chris@0 462 this.nodes = [];
Chris@0 463 this.idx = 0;
Chris@0 464 },
Chris@0 465 count: function () {
Chris@0 466 return this.nodes.length;
Chris@0 467 },
Chris@0 468 };
Chris@0 469
Chris@0 470 function showCurrent(state)
Chris@0 471 {
Chris@0 472 var currentNode = state.current();
Chris@0 473 if (currentNode) {
Chris@0 474 reveal(currentNode);
Chris@0 475 highlight(root, currentNode, state.nodes);
Chris@0 476 }
Chris@0 477 counter.textContent = (state.isEmpty() ? 0 : state.idx + 1) + ' of ' + state.count();
Chris@0 478 }
Chris@0 479
Chris@0 480 var search = doc.createElement('div');
Chris@0 481 search.className = 'sf-dump-search-wrapper sf-dump-search-hidden';
Chris@0 482 search.innerHTML = '
Chris@0 483 <input type="text" class="sf-dump-search-input">
Chris@0 484 <span class="sf-dump-search-count">0 of 0<\/span>
Chris@0 485 <button type="button" class="sf-dump-search-input-previous" tabindex="-1">
Chris@18 486 <svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1683 1331l-166 165q-19 19-45 19t-45-19L896 965l-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"\/><\/svg>
Chris@0 487 <\/button>
Chris@0 488 <button type="button" class="sf-dump-search-input-next" tabindex="-1">
Chris@18 489 <svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1683 808l-742 741q-19 19-45 19t-45-19L109 808q-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"\/><\/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@16 518 var classMatches = [
Chris@16 519 "sf-dump-str",
Chris@16 520 "sf-dump-key",
Chris@16 521 "sf-dump-public",
Chris@16 522 "sf-dump-protected",
Chris@16 523 "sf-dump-private",
Chris@16 524 ].map(xpathHasClass).join(' or ');
Chris@16 525
Chris@16 526 var xpathResult = doc.evaluate('.//span[' + classMatches + '][contains(translate(child::text(), ' + xpathString(searchQuery.toUpperCase()) + ', ' + xpathString(searchQuery.toLowerCase()) + '), ' + xpathString(searchQuery.toLowerCase()) + ')]', root, null, XPathResult.ORDERED_NODE_ITERATOR_TYPE, null);
Chris@0 527
Chris@0 528 while (node = xpathResult.iterateNext()) state.nodes.push(node);
Chris@0 529
Chris@0 530 showCurrent(state);
Chris@0 531 }, 400);
Chris@0 532 });
Chris@0 533
Chris@0 534 Array.from(search.querySelectorAll('.sf-dump-search-input-next, .sf-dump-search-input-previous')).forEach(function (btn) {
Chris@0 535 addEventListener(btn, 'click', function (e) {
Chris@0 536 e.preventDefault();
Chris@0 537 -1 !== e.target.className.indexOf('next') ? state.next() : state.previous();
Chris@0 538 searchInput.focus();
Chris@0 539 collapseAll(root);
Chris@0 540 showCurrent(state);
Chris@0 541 })
Chris@0 542 });
Chris@0 543
Chris@0 544 addEventListener(root, 'keydown', function (e) {
Chris@0 545 var isSearchActive = !/\bsf-dump-search-hidden\b/.test(search.className);
Chris@0 546 if ((114 === e.keyCode && !isSearchActive) || (isCtrlKey(e) && 70 === e.keyCode)) {
Chris@0 547 /* F3 or CMD/CTRL + F */
Chris@0 548 e.preventDefault();
Chris@0 549 search.className = search.className.replace(/\bsf-dump-search-hidden\b/, '');
Chris@0 550 searchInput.focus();
Chris@0 551 } else if (isSearchActive) {
Chris@0 552 if (27 === e.keyCode) {
Chris@0 553 /* ESC key */
Chris@0 554 search.className += ' sf-dump-search-hidden';
Chris@0 555 e.preventDefault();
Chris@0 556 resetHighlightedNodes(root);
Chris@0 557 searchInput.value = '';
Chris@0 558 } else if (
Chris@0 559 (isCtrlKey(e) && 71 === e.keyCode) /* CMD/CTRL + G */
Chris@0 560 || 13 === e.keyCode /* Enter */
Chris@0 561 || 114 === e.keyCode /* F3 */
Chris@0 562 ) {
Chris@0 563 e.preventDefault();
Chris@0 564 e.shiftKey ? state.previous() : state.next();
Chris@0 565 collapseAll(root);
Chris@0 566 showCurrent(state);
Chris@0 567 }
Chris@0 568 }
Chris@0 569 });
Chris@0 570 }
Chris@0 571
Chris@0 572 if (0 >= options.maxStringLength) {
Chris@0 573 return;
Chris@0 574 }
Chris@0 575 try {
Chris@0 576 elt = root.querySelectorAll('.sf-dump-str');
Chris@0 577 len = elt.length;
Chris@0 578 i = 0;
Chris@0 579 t = [];
Chris@0 580
Chris@0 581 while (i < len) t.push(elt[i++]);
Chris@0 582 len = t.length;
Chris@0 583
Chris@0 584 for (i = 0; i < len; ++i) {
Chris@0 585 elt = t[i];
Chris@0 586 s = elt.innerText || elt.textContent;
Chris@0 587 x = s.length - options.maxStringLength;
Chris@0 588 if (0 < x) {
Chris@0 589 h = elt.innerHTML;
Chris@0 590 elt[elt.innerText ? 'innerText' : 'textContent'] = s.substring(0, options.maxStringLength);
Chris@0 591 elt.className += ' sf-dump-str-collapse';
Chris@0 592 elt.innerHTML = '<span class=sf-dump-str-collapse>'+h+'<a class="sf-dump-ref sf-dump-str-toggle" title="Collapse"> ◀</a></span>'+
Chris@0 593 '<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 594 }
Chris@0 595 }
Chris@0 596 } catch (e) {
Chris@0 597 }
Chris@0 598 };
Chris@0 599
Chris@0 600 })(document);
Chris@0 601 </script><style>
Chris@0 602 pre.sf-dump {
Chris@0 603 display: block;
Chris@0 604 white-space: pre;
Chris@0 605 padding: 5px;
Chris@0 606 }
Chris@0 607 pre.sf-dump:after {
Chris@0 608 content: "";
Chris@0 609 visibility: hidden;
Chris@0 610 display: block;
Chris@0 611 height: 0;
Chris@0 612 clear: both;
Chris@0 613 }
Chris@0 614 pre.sf-dump span {
Chris@0 615 display: inline;
Chris@0 616 }
Chris@0 617 pre.sf-dump .sf-dump-compact {
Chris@0 618 display: none;
Chris@0 619 }
Chris@0 620 pre.sf-dump abbr {
Chris@0 621 text-decoration: none;
Chris@0 622 border: none;
Chris@0 623 cursor: help;
Chris@0 624 }
Chris@0 625 pre.sf-dump a {
Chris@0 626 text-decoration: none;
Chris@0 627 cursor: pointer;
Chris@0 628 border: 0;
Chris@0 629 outline: none;
Chris@0 630 color: inherit;
Chris@0 631 }
Chris@0 632 pre.sf-dump .sf-dump-ellipsis {
Chris@0 633 display: inline-block;
Chris@0 634 overflow: visible;
Chris@0 635 text-overflow: ellipsis;
Chris@0 636 max-width: 5em;
Chris@0 637 white-space: nowrap;
Chris@0 638 overflow: hidden;
Chris@0 639 vertical-align: top;
Chris@0 640 }
Chris@0 641 pre.sf-dump .sf-dump-ellipsis+.sf-dump-ellipsis {
Chris@0 642 max-width: none;
Chris@0 643 }
Chris@0 644 pre.sf-dump code {
Chris@0 645 display:inline;
Chris@0 646 padding:0;
Chris@0 647 background:none;
Chris@0 648 }
Chris@0 649 .sf-dump-str-collapse .sf-dump-str-collapse {
Chris@0 650 display: none;
Chris@0 651 }
Chris@0 652 .sf-dump-str-expand .sf-dump-str-expand {
Chris@0 653 display: none;
Chris@0 654 }
Chris@0 655 .sf-dump-public.sf-dump-highlight,
Chris@0 656 .sf-dump-protected.sf-dump-highlight,
Chris@0 657 .sf-dump-private.sf-dump-highlight,
Chris@0 658 .sf-dump-str.sf-dump-highlight,
Chris@0 659 .sf-dump-key.sf-dump-highlight {
Chris@0 660 background: rgba(111, 172, 204, 0.3);
Chris@0 661 border: 1px solid #7DA0B1;
Chris@0 662 border-radius: 3px;
Chris@0 663 }
Chris@0 664 .sf-dump-public.sf-dump-highlight-active,
Chris@0 665 .sf-dump-protected.sf-dump-highlight-active,
Chris@0 666 .sf-dump-private.sf-dump-highlight-active,
Chris@0 667 .sf-dump-str.sf-dump-highlight-active,
Chris@0 668 .sf-dump-key.sf-dump-highlight-active {
Chris@0 669 background: rgba(253, 175, 0, 0.4);
Chris@0 670 border: 1px solid #ffa500;
Chris@0 671 border-radius: 3px;
Chris@0 672 }
Chris@0 673 pre.sf-dump .sf-dump-search-hidden {
Chris@0 674 display: none;
Chris@0 675 }
Chris@0 676 pre.sf-dump .sf-dump-search-wrapper {
Chris@0 677 float: right;
Chris@0 678 font-size: 0;
Chris@0 679 white-space: nowrap;
Chris@0 680 max-width: 100%;
Chris@0 681 text-align: right;
Chris@0 682 }
Chris@0 683 pre.sf-dump .sf-dump-search-wrapper > * {
Chris@0 684 vertical-align: top;
Chris@0 685 box-sizing: border-box;
Chris@0 686 height: 21px;
Chris@0 687 font-weight: normal;
Chris@0 688 border-radius: 0;
Chris@0 689 background: #FFF;
Chris@0 690 color: #757575;
Chris@0 691 border: 1px solid #BBB;
Chris@0 692 }
Chris@0 693 pre.sf-dump .sf-dump-search-wrapper > input.sf-dump-search-input {
Chris@0 694 padding: 3px;
Chris@0 695 height: 21px;
Chris@0 696 font-size: 12px;
Chris@0 697 border-right: none;
Chris@0 698 width: 140px;
Chris@0 699 border-top-left-radius: 3px;
Chris@0 700 border-bottom-left-radius: 3px;
Chris@0 701 color: #000;
Chris@0 702 }
Chris@0 703 pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-next,
Chris@0 704 pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-previous {
Chris@0 705 background: #F2F2F2;
Chris@0 706 outline: none;
Chris@0 707 border-left: none;
Chris@0 708 font-size: 0;
Chris@0 709 line-height: 0;
Chris@0 710 }
Chris@0 711 pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-next {
Chris@0 712 border-top-right-radius: 3px;
Chris@0 713 border-bottom-right-radius: 3px;
Chris@0 714 }
Chris@0 715 pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-next > svg,
Chris@0 716 pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-previous > svg {
Chris@0 717 pointer-events: none;
Chris@0 718 width: 12px;
Chris@0 719 height: 12px;
Chris@0 720 }
Chris@0 721 pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-count {
Chris@0 722 display: inline-block;
Chris@0 723 padding: 0 5px;
Chris@0 724 margin: 0;
Chris@0 725 border-left: none;
Chris@0 726 line-height: 21px;
Chris@0 727 font-size: 12px;
Chris@0 728 }
Chris@0 729 EOHTML
Chris@0 730 );
Chris@0 731
Chris@0 732 foreach ($this->styles as $class => $style) {
Chris@0 733 $line .= 'pre.sf-dump'.('default' === $class ? ', pre.sf-dump' : '').' .sf-dump-'.$class.'{'.$style.'}';
Chris@0 734 }
Chris@0 735
Chris@0 736 return $this->dumpHeader = preg_replace('/\s+/', ' ', $line).'</style>'.$this->dumpHeader;
Chris@0 737 }
Chris@0 738
Chris@0 739 /**
Chris@0 740 * {@inheritdoc}
Chris@0 741 */
Chris@0 742 public function enterHash(Cursor $cursor, $type, $class, $hasChild)
Chris@0 743 {
Chris@0 744 parent::enterHash($cursor, $type, $class, false);
Chris@0 745
Chris@12 746 if ($cursor->skipChildren) {
Chris@12 747 $cursor->skipChildren = false;
Chris@12 748 $eol = ' class=sf-dump-compact>';
Chris@12 749 } elseif ($this->expandNextHash) {
Chris@12 750 $this->expandNextHash = false;
Chris@12 751 $eol = ' class=sf-dump-expanded>';
Chris@12 752 } else {
Chris@12 753 $eol = '>';
Chris@12 754 }
Chris@12 755
Chris@0 756 if ($hasChild) {
Chris@12 757 $this->line .= '<samp';
Chris@0 758 if ($cursor->refIndex) {
Chris@0 759 $r = Cursor::HASH_OBJECT !== $type ? 1 - (Cursor::HASH_RESOURCE !== $type) : 2;
Chris@0 760 $r .= $r && 0 < $cursor->softRefHandle ? $cursor->softRefHandle : $cursor->refIndex;
Chris@0 761
Chris@12 762 $this->line .= sprintf(' id=%s-ref%s', $this->dumpId, $r);
Chris@0 763 }
Chris@12 764 $this->line .= $eol;
Chris@0 765 $this->dumpLine($cursor->depth);
Chris@0 766 }
Chris@0 767 }
Chris@0 768
Chris@0 769 /**
Chris@0 770 * {@inheritdoc}
Chris@0 771 */
Chris@0 772 public function leaveHash(Cursor $cursor, $type, $class, $hasChild, $cut)
Chris@0 773 {
Chris@0 774 $this->dumpEllipsis($cursor, $hasChild, $cut);
Chris@0 775 if ($hasChild) {
Chris@0 776 $this->line .= '</samp>';
Chris@0 777 }
Chris@0 778 parent::leaveHash($cursor, $type, $class, $hasChild, 0);
Chris@0 779 }
Chris@0 780
Chris@0 781 /**
Chris@0 782 * {@inheritdoc}
Chris@0 783 */
Chris@17 784 protected function style($style, $value, $attr = [])
Chris@0 785 {
Chris@0 786 if ('' === $value) {
Chris@0 787 return '';
Chris@0 788 }
Chris@0 789
Chris@0 790 $v = esc($value);
Chris@0 791
Chris@0 792 if ('ref' === $style) {
Chris@0 793 if (empty($attr['count'])) {
Chris@0 794 return sprintf('<a class=sf-dump-ref>%s</a>', $v);
Chris@0 795 }
Chris@0 796 $r = ('#' !== $v[0] ? 1 - ('@' !== $v[0]) : 2).substr($value, 1);
Chris@0 797
Chris@0 798 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 799 }
Chris@0 800
Chris@0 801 if ('const' === $style && isset($attr['value'])) {
Chris@0 802 $style .= sprintf(' title="%s"', esc(is_scalar($attr['value']) ? $attr['value'] : json_encode($attr['value'])));
Chris@0 803 } elseif ('public' === $style) {
Chris@0 804 $style .= sprintf(' title="%s"', empty($attr['dynamic']) ? 'Public property' : 'Runtime added dynamic property');
Chris@0 805 } elseif ('str' === $style && 1 < $attr['length']) {
Chris@0 806 $style .= sprintf(' title="%d%s characters"', $attr['length'], $attr['binary'] ? ' binary or non-UTF-8' : '');
Chris@0 807 } elseif ('note' === $style && false !== $c = strrpos($v, '\\')) {
Chris@0 808 return sprintf('<abbr title="%s" class=sf-dump-%s>%s</abbr>', $v, $style, substr($v, $c + 1));
Chris@0 809 } elseif ('protected' === $style) {
Chris@0 810 $style .= ' title="Protected property"';
Chris@0 811 } elseif ('meta' === $style && isset($attr['title'])) {
Chris@0 812 $style .= sprintf(' title="%s"', esc($this->utf8Encode($attr['title'])));
Chris@0 813 } elseif ('private' === $style) {
Chris@0 814 $style .= sprintf(' title="Private property defined in class:&#10;`%s`"', esc($this->utf8Encode($attr['class'])));
Chris@0 815 }
Chris@0 816 $map = static::$controlCharsMap;
Chris@0 817
Chris@0 818 if (isset($attr['ellipsis'])) {
Chris@0 819 $class = 'sf-dump-ellipsis';
Chris@0 820 if (isset($attr['ellipsis-type'])) {
Chris@0 821 $class = sprintf('"%s sf-dump-ellipsis-%s"', $class, $attr['ellipsis-type']);
Chris@0 822 }
Chris@0 823 $label = esc(substr($value, -$attr['ellipsis']));
Chris@0 824 $style = str_replace(' title="', " title=\"$v\n", $style);
Chris@17 825 $v = sprintf('<span class=%s>%s</span>', $class, substr($v, 0, -\strlen($label)));
Chris@0 826
Chris@0 827 if (!empty($attr['ellipsis-tail'])) {
Chris@17 828 $tail = \strlen(esc(substr($value, -$attr['ellipsis'], $attr['ellipsis-tail'])));
Chris@0 829 $v .= sprintf('<span class=sf-dump-ellipsis>%s</span>%s', substr($label, 0, $tail), substr($label, $tail));
Chris@0 830 } else {
Chris@0 831 $v .= $label;
Chris@0 832 }
Chris@0 833 }
Chris@0 834
Chris@0 835 $v = "<span class=sf-dump-{$style}>".preg_replace_callback(static::$controlCharsRx, function ($c) use ($map) {
Chris@0 836 $s = '<span class=sf-dump-default>';
Chris@0 837 $c = $c[$i = 0];
Chris@0 838 do {
Chris@17 839 $s .= isset($map[$c[$i]]) ? $map[$c[$i]] : sprintf('\x%02X', \ord($c[$i]));
Chris@0 840 } while (isset($c[++$i]));
Chris@0 841
Chris@0 842 return $s.'</span>';
Chris@0 843 }, $v).'</span>';
Chris@0 844
Chris@0 845 if (isset($attr['file']) && $href = $this->getSourceLink($attr['file'], isset($attr['line']) ? $attr['line'] : 0)) {
Chris@0 846 $attr['href'] = $href;
Chris@0 847 }
Chris@0 848 if (isset($attr['href'])) {
Chris@12 849 $target = isset($attr['file']) ? '' : ' target="_blank"';
Chris@12 850 $v = sprintf('<a href="%s"%s rel="noopener noreferrer">%s</a>', esc($this->utf8Encode($attr['href'])), $target, $v);
Chris@0 851 }
Chris@0 852 if (isset($attr['lang'])) {
Chris@0 853 $v = sprintf('<code class="%s">%s</code>', esc($attr['lang']), $v);
Chris@0 854 }
Chris@0 855
Chris@0 856 return $v;
Chris@0 857 }
Chris@0 858
Chris@0 859 /**
Chris@0 860 * {@inheritdoc}
Chris@0 861 */
Chris@0 862 protected function dumpLine($depth, $endOfValue = false)
Chris@0 863 {
Chris@0 864 if (-1 === $this->lastDepth) {
Chris@0 865 $this->line = sprintf($this->dumpPrefix, $this->dumpId, $this->indentPad).$this->line;
Chris@0 866 }
Chris@0 867 if ($this->headerIsDumped !== (null !== $this->outputStream ? $this->outputStream : $this->lineDumper)) {
Chris@0 868 $this->line = $this->getDumpHeader().$this->line;
Chris@0 869 }
Chris@0 870
Chris@0 871 if (-1 === $depth) {
Chris@17 872 $args = ['"'.$this->dumpId.'"'];
Chris@0 873 if ($this->extraDisplayOptions) {
Chris@0 874 $args[] = json_encode($this->extraDisplayOptions, JSON_FORCE_OBJECT);
Chris@0 875 }
Chris@0 876 // Replace is for BC
Chris@0 877 $this->line .= sprintf(str_replace('"%s"', '%s', $this->dumpSuffix), implode(', ', $args));
Chris@0 878 }
Chris@0 879 $this->lastDepth = $depth;
Chris@0 880
Chris@0 881 $this->line = mb_convert_encoding($this->line, 'HTML-ENTITIES', 'UTF-8');
Chris@0 882
Chris@0 883 if (-1 === $depth) {
Chris@0 884 AbstractDumper::dumpLine(0);
Chris@0 885 }
Chris@0 886 AbstractDumper::dumpLine($depth);
Chris@0 887 }
Chris@0 888
Chris@0 889 private function getSourceLink($file, $line)
Chris@0 890 {
Chris@0 891 $options = $this->extraDisplayOptions + $this->displayOptions;
Chris@0 892
Chris@0 893 if ($fmt = $options['fileLinkFormat']) {
Chris@17 894 return \is_string($fmt) ? strtr($fmt, ['%f' => $file, '%l' => $line]) : $fmt->format($file, $line);
Chris@0 895 }
Chris@0 896
Chris@0 897 return false;
Chris@0 898 }
Chris@0 899 }
Chris@0 900
Chris@0 901 function esc($str)
Chris@0 902 {
Chris@0 903 return htmlspecialchars($str, ENT_QUOTES, 'UTF-8');
Chris@0 904 }