Chris@0: <?php
Chris@0: 
Chris@0: /*
Chris@0:  * This file is part of the Symfony package.
Chris@0:  *
Chris@0:  * (c) Fabien Potencier <fabien@symfony.com>
Chris@0:  *
Chris@0:  * For the full copyright and license information, please view the LICENSE
Chris@0:  * file that was distributed with this source code.
Chris@0:  */
Chris@0: 
Chris@0: namespace Symfony\Component\VarDumper\Dumper;
Chris@0: 
Chris@0: use Symfony\Component\VarDumper\Cloner\Cursor;
Chris@0: use Symfony\Component\VarDumper\Cloner\Data;
Chris@0: 
Chris@0: /**
Chris@0:  * HtmlDumper dumps variables as HTML.
Chris@0:  *
Chris@0:  * @author Nicolas Grekas <p@tchwork.com>
Chris@0:  */
Chris@0: class HtmlDumper extends CliDumper
Chris@0: {
Chris@0:     public static $defaultOutput = 'php://output';
Chris@0: 
Chris@0:     protected $dumpHeader;
Chris@0:     protected $dumpPrefix = '<pre class=sf-dump id=%s data-indent-pad="%s">';
Chris@0:     protected $dumpSuffix = '</pre><script>Sfdump(%s)</script>';
Chris@0:     protected $dumpId = 'sf-dump';
Chris@0:     protected $colors = true;
Chris@0:     protected $headerIsDumped = false;
Chris@0:     protected $lastDepth = -1;
Chris@17:     protected $styles = [
Chris@0:         '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:         'num' => 'font-weight:bold; color:#1299DA',
Chris@0:         'const' => 'font-weight:bold',
Chris@0:         'str' => 'font-weight:bold; color:#56DB3A',
Chris@0:         'note' => 'color:#1299DA',
Chris@0:         'ref' => 'color:#A0A0A0',
Chris@0:         'public' => 'color:#FFFFFF',
Chris@0:         'protected' => 'color:#FFFFFF',
Chris@0:         'private' => 'color:#FFFFFF',
Chris@0:         'meta' => 'color:#B729D9',
Chris@0:         'key' => 'color:#56DB3A',
Chris@0:         'index' => 'color:#1299DA',
Chris@0:         'ellipsis' => 'color:#FF8400',
Chris@17:     ];
Chris@0: 
Chris@17:     private $displayOptions = [
Chris@0:         'maxDepth' => 1,
Chris@0:         'maxStringLength' => 160,
Chris@0:         'fileLinkFormat' => null,
Chris@17:     ];
Chris@17:     private $extraDisplayOptions = [];
Chris@0: 
Chris@0:     /**
Chris@0:      * {@inheritdoc}
Chris@0:      */
Chris@0:     public function __construct($output = null, $charset = null, $flags = 0)
Chris@0:     {
Chris@0:         AbstractDumper::__construct($output, $charset, $flags);
Chris@0:         $this->dumpId = 'sf-dump-'.mt_rand();
Chris@0:         $this->displayOptions['fileLinkFormat'] = ini_get('xdebug.file_link_format') ?: get_cfg_var('xdebug.file_link_format');
Chris@0:     }
Chris@0: 
Chris@0:     /**
Chris@0:      * {@inheritdoc}
Chris@0:      */
Chris@0:     public function setStyles(array $styles)
Chris@0:     {
Chris@0:         $this->headerIsDumped = false;
Chris@0:         $this->styles = $styles + $this->styles;
Chris@0:     }
Chris@0: 
Chris@0:     /**
Chris@0:      * Configures display options.
Chris@0:      *
Chris@0:      * @param array $displayOptions A map of display options to customize the behavior
Chris@0:      */
Chris@0:     public function setDisplayOptions(array $displayOptions)
Chris@0:     {
Chris@0:         $this->headerIsDumped = false;
Chris@0:         $this->displayOptions = $displayOptions + $this->displayOptions;
Chris@0:     }
Chris@0: 
Chris@0:     /**
Chris@0:      * Sets an HTML header that will be dumped once in the output stream.
Chris@0:      *
Chris@0:      * @param string $header An HTML string
Chris@0:      */
Chris@0:     public function setDumpHeader($header)
Chris@0:     {
Chris@0:         $this->dumpHeader = $header;
Chris@0:     }
Chris@0: 
Chris@0:     /**
Chris@0:      * Sets an HTML prefix and suffix that will encapse every single dump.
Chris@0:      *
Chris@0:      * @param string $prefix The prepended HTML string
Chris@0:      * @param string $suffix The appended HTML string
Chris@0:      */
Chris@0:     public function setDumpBoundaries($prefix, $suffix)
Chris@0:     {
Chris@0:         $this->dumpPrefix = $prefix;
Chris@0:         $this->dumpSuffix = $suffix;
Chris@0:     }
Chris@0: 
Chris@0:     /**
Chris@0:      * {@inheritdoc}
Chris@0:      */
Chris@17:     public function dump(Data $data, $output = null, array $extraDisplayOptions = [])
Chris@0:     {
Chris@0:         $this->extraDisplayOptions = $extraDisplayOptions;
Chris@0:         $result = parent::dump($data, $output);
Chris@0:         $this->dumpId = 'sf-dump-'.mt_rand();
Chris@0: 
Chris@0:         return $result;
Chris@0:     }
Chris@0: 
Chris@0:     /**
Chris@0:      * Dumps the HTML header.
Chris@0:      */
Chris@0:     protected function getDumpHeader()
Chris@0:     {
Chris@0:         $this->headerIsDumped = null !== $this->outputStream ? $this->outputStream : $this->lineDumper;
Chris@0: 
Chris@0:         if (null !== $this->dumpHeader) {
Chris@0:             return $this->dumpHeader;
Chris@0:         }
Chris@0: 
Chris@0:         $line = str_replace('{$options}', json_encode($this->displayOptions, JSON_FORCE_OBJECT), <<<'EOHTML'
Chris@0: <script>
Chris@0: Sfdump = window.Sfdump || (function (doc) {
Chris@0: 
Chris@0: var refStyle = doc.createElement('style'),
Chris@0:     rxEsc = /([.*+?^${}()|\[\]\/\\])/g,
Chris@0:     idRx = /\bsf-dump-\d+-ref[012]\w+\b/,
Chris@0:     keyHint = 0 <= navigator.platform.toUpperCase().indexOf('MAC') ? 'Cmd' : 'Ctrl',
Chris@0:     addEventListener = function (e, n, cb) {
Chris@0:         e.addEventListener(n, cb, false);
Chris@0:     };
Chris@0: 
Chris@0: (doc.documentElement.firstElementChild || doc.documentElement.children[0]).appendChild(refStyle);
Chris@0: 
Chris@0: if (!doc.addEventListener) {
Chris@0:     addEventListener = function (element, eventName, callback) {
Chris@0:         element.attachEvent('on' + eventName, function (e) {
Chris@0:             e.preventDefault = function () {e.returnValue = false;};
Chris@0:             e.target = e.srcElement;
Chris@0:             callback(e);
Chris@0:         });
Chris@0:     };
Chris@0: }
Chris@0: 
Chris@0: function toggle(a, recursive) {
Chris@0:     var s = a.nextSibling || {}, oldClass = s.className, arrow, newClass;
Chris@0: 
Chris@0:     if (/\bsf-dump-compact\b/.test(oldClass)) {
Chris@0:         arrow = '▼';
Chris@0:         newClass = 'sf-dump-expanded';
Chris@0:     } else if (/\bsf-dump-expanded\b/.test(oldClass)) {
Chris@0:         arrow = '▶';
Chris@0:         newClass = 'sf-dump-compact';
Chris@0:     } else {
Chris@0:         return false;
Chris@0:     }
Chris@0: 
Chris@0:     if (doc.createEvent && s.dispatchEvent) {
Chris@0:         var event = doc.createEvent('Event');
Chris@0:         event.initEvent('sf-dump-expanded' === newClass ? 'sfbeforedumpexpand' : 'sfbeforedumpcollapse', true, false);
Chris@0: 
Chris@0:         s.dispatchEvent(event);
Chris@0:     }
Chris@0: 
Chris@0:     a.lastChild.innerHTML = arrow;
Chris@0:     s.className = s.className.replace(/\bsf-dump-(compact|expanded)\b/, newClass);
Chris@0: 
Chris@0:     if (recursive) {
Chris@0:         try {
Chris@0:             a = s.querySelectorAll('.'+oldClass);
Chris@0:             for (s = 0; s < a.length; ++s) {
Chris@0:                 if (-1 == a[s].className.indexOf(newClass)) {
Chris@0:                     a[s].className = newClass;
Chris@0:                     a[s].previousSibling.lastChild.innerHTML = arrow;
Chris@0:                 }
Chris@0:             }
Chris@0:         } catch (e) {
Chris@0:         }
Chris@0:     }
Chris@0: 
Chris@0:     return true;
Chris@0: };
Chris@0: 
Chris@0: function collapse(a, recursive) {
Chris@0:     var s = a.nextSibling || {}, oldClass = s.className;
Chris@0: 
Chris@0:     if (/\bsf-dump-expanded\b/.test(oldClass)) {
Chris@0:         toggle(a, recursive);
Chris@0: 
Chris@0:         return true;
Chris@0:     }
Chris@0: 
Chris@0:     return false;
Chris@0: };
Chris@0: 
Chris@0: function expand(a, recursive) {
Chris@0:     var s = a.nextSibling || {}, oldClass = s.className;
Chris@0: 
Chris@0:     if (/\bsf-dump-compact\b/.test(oldClass)) {
Chris@0:         toggle(a, recursive);
Chris@0: 
Chris@0:         return true;
Chris@0:     }
Chris@0: 
Chris@0:     return false;
Chris@0: };
Chris@0: 
Chris@0: function collapseAll(root) {
Chris@0:     var a = root.querySelector('a.sf-dump-toggle');
Chris@0:     if (a) {
Chris@0:         collapse(a, true);
Chris@0:         expand(a);
Chris@0: 
Chris@0:         return true;
Chris@0:     }
Chris@0: 
Chris@0:     return false;
Chris@0: }
Chris@0: 
Chris@0: function reveal(node) {
Chris@0:     var previous, parents = [];
Chris@0: 
Chris@0:     while ((node = node.parentNode || {}) && (previous = node.previousSibling) && 'A' === previous.tagName) {
Chris@0:         parents.push(previous);
Chris@0:     }
Chris@0: 
Chris@0:     if (0 !== parents.length) {
Chris@0:         parents.forEach(function (parent) {
Chris@0:             expand(parent);
Chris@0:         });
Chris@0: 
Chris@0:         return true;
Chris@0:     }
Chris@0: 
Chris@0:     return false;
Chris@0: }
Chris@0: 
Chris@0: function highlight(root, activeNode, nodes) {
Chris@0:     resetHighlightedNodes(root);
Chris@0: 
Chris@0:     Array.from(nodes||[]).forEach(function (node) {
Chris@0:         if (!/\bsf-dump-highlight\b/.test(node.className)) {
Chris@0:             node.className = node.className + ' sf-dump-highlight';
Chris@0:         }
Chris@0:     });
Chris@0: 
Chris@0:     if (!/\bsf-dump-highlight-active\b/.test(activeNode.className)) {
Chris@0:         activeNode.className = activeNode.className + ' sf-dump-highlight-active';
Chris@0:     }
Chris@0: }
Chris@0: 
Chris@0: function resetHighlightedNodes(root) {
Chris@0:     Array.from(root.querySelectorAll('.sf-dump-str, .sf-dump-key, .sf-dump-public, .sf-dump-protected, .sf-dump-private')).forEach(function (strNode) {
Chris@0:         strNode.className = strNode.className.replace(/\bsf-dump-highlight\b/, '');
Chris@0:         strNode.className = strNode.className.replace(/\bsf-dump-highlight-active\b/, '');
Chris@0:     });
Chris@0: }
Chris@0: 
Chris@0: return function (root, x) {
Chris@0:     root = doc.getElementById(root);
Chris@0: 
Chris@0:     var indentRx = new RegExp('^('+(root.getAttribute('data-indent-pad') || '  ').replace(rxEsc, '\\$1')+')+', 'm'),
Chris@0:         options = {$options},
Chris@0:         elt = root.getElementsByTagName('A'),
Chris@0:         len = elt.length,
Chris@0:         i = 0, s, h,
Chris@0:         t = [];
Chris@0: 
Chris@0:     while (i < len) t.push(elt[i++]);
Chris@0: 
Chris@0:     for (i in x) {
Chris@0:         options[i] = x[i];
Chris@0:     }
Chris@0: 
Chris@0:     function a(e, f) {
Chris@0:         addEventListener(root, e, function (e) {
Chris@0:             if ('A' == e.target.tagName) {
Chris@0:                 f(e.target, e);
Chris@0:             } else if ('A' == e.target.parentNode.tagName) {
Chris@0:                 f(e.target.parentNode, e);
Chris@0:             } else if (e.target.nextElementSibling && 'A' == e.target.nextElementSibling.tagName) {
Chris@0:                 f(e.target.nextElementSibling, e, true);
Chris@0:             }
Chris@0:         });
Chris@0:     };
Chris@0:     function isCtrlKey(e) {
Chris@0:         return e.ctrlKey || e.metaKey;
Chris@0:     }
Chris@0:     function xpathString(str) {
Chris@0:         var parts = str.match(/[^'"]+|['"]/g).map(function (part) {
Chris@0:             if ("'" == part)  {
Chris@0:                 return '"\'"';
Chris@0:             }
Chris@0:             if ('"' == part) {
Chris@0:                 return "'\"'";
Chris@0:             }
Chris@0: 
Chris@0:             return "'" + part + "'";
Chris@0:         });
Chris@0: 
Chris@0:         return "concat(" + parts.join(",") + ", '')";
Chris@0:     }
Chris@16:     function xpathHasClass(className) {
Chris@16:         return "contains(concat(' ', normalize-space(@class), ' '), ' " + className +" ')";
Chris@16:     }
Chris@0:     addEventListener(root, 'mouseover', function (e) {
Chris@0:         if ('' != refStyle.innerHTML) {
Chris@0:             refStyle.innerHTML = '';
Chris@0:         }
Chris@0:     });
Chris@0:     a('mouseover', function (a, e, c) {
Chris@0:         if (c) {
Chris@0:             e.target.style.cursor = "pointer";
Chris@0:         } else if (a = idRx.exec(a.className)) {
Chris@0:             try {
Chris@0:                 refStyle.innerHTML = 'pre.sf-dump .'+a[0]+'{background-color: #B729D9; color: #FFF !important; border-radius: 2px}';
Chris@0:             } catch (e) {
Chris@0:             }
Chris@0:         }
Chris@0:     });
Chris@0:     a('click', function (a, e, c) {
Chris@0:         if (/\bsf-dump-toggle\b/.test(a.className)) {
Chris@0:             e.preventDefault();
Chris@0:             if (!toggle(a, isCtrlKey(e))) {
Chris@0:                 var r = doc.getElementById(a.getAttribute('href').substr(1)),
Chris@0:                     s = r.previousSibling,
Chris@0:                     f = r.parentNode,
Chris@0:                     t = a.parentNode;
Chris@0:                 t.replaceChild(r, a);
Chris@0:                 f.replaceChild(a, s);
Chris@0:                 t.insertBefore(s, r);
Chris@0:                 f = f.firstChild.nodeValue.match(indentRx);
Chris@0:                 t = t.firstChild.nodeValue.match(indentRx);
Chris@0:                 if (f && t && f[0] !== t[0]) {
Chris@0:                     r.innerHTML = r.innerHTML.replace(new RegExp('^'+f[0].replace(rxEsc, '\\$1'), 'mg'), t[0]);
Chris@0:                 }
Chris@0:                 if (/\bsf-dump-compact\b/.test(r.className)) {
Chris@0:                     toggle(s, isCtrlKey(e));
Chris@0:                 }
Chris@0:             }
Chris@0: 
Chris@0:             if (c) {
Chris@0:             } else if (doc.getSelection) {
Chris@0:                 try {
Chris@0:                     doc.getSelection().removeAllRanges();
Chris@0:                 } catch (e) {
Chris@0:                     doc.getSelection().empty();
Chris@0:                 }
Chris@0:             } else {
Chris@0:                 doc.selection.empty();
Chris@0:             }
Chris@0:         } else if (/\bsf-dump-str-toggle\b/.test(a.className)) {
Chris@0:             e.preventDefault();
Chris@0:             e = a.parentNode.parentNode;
Chris@0:             e.className = e.className.replace(/\bsf-dump-str-(expand|collapse)\b/, a.parentNode.className);
Chris@0:         }
Chris@0:     });
Chris@0: 
Chris@0:     elt = root.getElementsByTagName('SAMP');
Chris@0:     len = elt.length;
Chris@0:     i = 0;
Chris@0: 
Chris@0:     while (i < len) t.push(elt[i++]);
Chris@0:     len = t.length;
Chris@0: 
Chris@0:     for (i = 0; i < len; ++i) {
Chris@0:         elt = t[i];
Chris@0:         if ('SAMP' == elt.tagName) {
Chris@0:             a = elt.previousSibling || {};
Chris@0:             if ('A' != a.tagName) {
Chris@0:                 a = doc.createElement('A');
Chris@0:                 a.className = 'sf-dump-ref';
Chris@0:                 elt.parentNode.insertBefore(a, elt);
Chris@0:             } else {
Chris@0:                 a.innerHTML += ' ';
Chris@0:             }
Chris@0:             a.title = (a.title ? a.title+'\n[' : '[')+keyHint+'+click] Expand all children';
Chris@0:             a.innerHTML += '<span>▼</span>';
Chris@0:             a.className += ' sf-dump-toggle';
Chris@0: 
Chris@0:             x = 1;
Chris@0:             if ('sf-dump' != elt.parentNode.className) {
Chris@0:                 x += elt.parentNode.getAttribute('data-depth')/1;
Chris@0:             }
Chris@0:             elt.setAttribute('data-depth', x);
Chris@12:             var className = elt.className;
Chris@12:             elt.className = 'sf-dump-expanded';
Chris@12:             if (className ? 'sf-dump-expanded' !== className : (x > options.maxDepth)) {
Chris@0:                 toggle(a);
Chris@0:             }
Chris@0:         } else if (/\bsf-dump-ref\b/.test(elt.className) && (a = elt.getAttribute('href'))) {
Chris@0:             a = a.substr(1);
Chris@0:             elt.className += ' '+a;
Chris@0: 
Chris@0:             if (/[\[{]$/.test(elt.previousSibling.nodeValue)) {
Chris@0:                 a = a != elt.nextSibling.id && doc.getElementById(a);
Chris@0:                 try {
Chris@0:                     s = a.nextSibling;
Chris@0:                     elt.appendChild(a);
Chris@0:                     s.parentNode.insertBefore(a, s);
Chris@0:                     if (/^[@#]/.test(elt.innerHTML)) {
Chris@0:                         elt.innerHTML += ' <span>▶</span>';
Chris@0:                     } else {
Chris@0:                         elt.innerHTML = '<span>▶</span>';
Chris@0:                         elt.className = 'sf-dump-ref';
Chris@0:                     }
Chris@0:                     elt.className += ' sf-dump-toggle';
Chris@0:                 } catch (e) {
Chris@0:                     if ('&' == elt.innerHTML.charAt(0)) {
Chris@0:                         elt.innerHTML = '…';
Chris@0:                         elt.className = 'sf-dump-ref';
Chris@0:                     }
Chris@0:                 }
Chris@0:             }
Chris@0:         }
Chris@0:     }
Chris@0: 
Chris@0:     if (doc.evaluate && Array.from && root.children.length > 1) {
Chris@0:         root.setAttribute('tabindex', 0);
Chris@0: 
Chris@0:         SearchState = function () {
Chris@0:             this.nodes = [];
Chris@0:             this.idx = 0;
Chris@0:         };
Chris@0:         SearchState.prototype = {
Chris@0:             next: function () {
Chris@0:                 if (this.isEmpty()) {
Chris@0:                     return this.current();
Chris@0:                 }
Chris@12:                 this.idx = this.idx < (this.nodes.length - 1) ? this.idx + 1 : 0;
Chris@0:         
Chris@0:                 return this.current();
Chris@0:             },
Chris@0:             previous: function () {
Chris@0:                 if (this.isEmpty()) {
Chris@0:                     return this.current();
Chris@0:                 }
Chris@12:                 this.idx = this.idx > 0 ? this.idx - 1 : (this.nodes.length - 1);
Chris@0:         
Chris@0:                 return this.current();
Chris@0:             },
Chris@0:             isEmpty: function () {
Chris@0:                 return 0 === this.count();
Chris@0:             },
Chris@0:             current: function () {
Chris@0:                 if (this.isEmpty()) {
Chris@0:                     return null;
Chris@0:                 }
Chris@0:                 return this.nodes[this.idx];
Chris@0:             },
Chris@0:             reset: function () {
Chris@0:                 this.nodes = [];
Chris@0:                 this.idx = 0;
Chris@0:             },
Chris@0:             count: function () {
Chris@0:                 return this.nodes.length;
Chris@0:             },
Chris@0:         };
Chris@0: 
Chris@0:         function showCurrent(state)
Chris@0:         {
Chris@0:             var currentNode = state.current();
Chris@0:             if (currentNode) {
Chris@0:                 reveal(currentNode);
Chris@0:                 highlight(root, currentNode, state.nodes);
Chris@0:             }
Chris@0:             counter.textContent = (state.isEmpty() ? 0 : state.idx + 1) + ' of ' + state.count();
Chris@0:         }
Chris@0: 
Chris@0:         var search = doc.createElement('div');
Chris@0:         search.className = 'sf-dump-search-wrapper sf-dump-search-hidden';
Chris@0:         search.innerHTML = '
Chris@0:             <input type="text" class="sf-dump-search-input">
Chris@0:             <span class="sf-dump-search-count">0 of 0<\/span>
Chris@0:             <button type="button" class="sf-dump-search-input-previous" tabindex="-1">
Chris@18:                 <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:             <\/button>
Chris@0:             <button type="button" class="sf-dump-search-input-next" tabindex="-1">
Chris@18:                 <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:             <\/button>
Chris@0:         ';
Chris@0:         root.insertBefore(search, root.firstChild);
Chris@0: 
Chris@0:         var state = new SearchState();
Chris@0:         var searchInput = search.querySelector('.sf-dump-search-input');
Chris@0:         var counter = search.querySelector('.sf-dump-search-count');
Chris@0:         var searchInputTimer = 0;
Chris@0:         var previousSearchQuery = '';
Chris@0: 
Chris@0:         addEventListener(searchInput, 'keyup', function (e) {
Chris@0:             var searchQuery = e.target.value;
Chris@0:             /* Don't perform anything if the pressed key didn't change the query */
Chris@0:             if (searchQuery === previousSearchQuery) {
Chris@0:                 return;
Chris@0:             }
Chris@0:             previousSearchQuery = searchQuery;
Chris@0:             clearTimeout(searchInputTimer);
Chris@0:             searchInputTimer = setTimeout(function () {
Chris@0:                 state.reset();
Chris@0:                 collapseAll(root);
Chris@0:                 resetHighlightedNodes(root);
Chris@0:                 if ('' === searchQuery) {
Chris@0:                     counter.textContent = '0 of 0';
Chris@0: 
Chris@0:                     return;
Chris@0:                 }
Chris@0: 
Chris@16:                 var classMatches = [
Chris@16:                     "sf-dump-str",
Chris@16:                     "sf-dump-key",
Chris@16:                     "sf-dump-public",
Chris@16:                     "sf-dump-protected",
Chris@16:                     "sf-dump-private",
Chris@16:                 ].map(xpathHasClass).join(' or ');
Chris@16:                 
Chris@16:                 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: 
Chris@0:                 while (node = xpathResult.iterateNext()) state.nodes.push(node);
Chris@0:                 
Chris@0:                 showCurrent(state);
Chris@0:             }, 400);
Chris@0:         });
Chris@0: 
Chris@0:         Array.from(search.querySelectorAll('.sf-dump-search-input-next, .sf-dump-search-input-previous')).forEach(function (btn) {
Chris@0:             addEventListener(btn, 'click', function (e) {
Chris@0:                 e.preventDefault();
Chris@0:                 -1 !== e.target.className.indexOf('next') ? state.next() : state.previous();
Chris@0:                 searchInput.focus();
Chris@0:                 collapseAll(root);
Chris@0:                 showCurrent(state);
Chris@0:             })
Chris@0:         });
Chris@0: 
Chris@0:         addEventListener(root, 'keydown', function (e) {
Chris@0:             var isSearchActive = !/\bsf-dump-search-hidden\b/.test(search.className);
Chris@0:             if ((114 === e.keyCode && !isSearchActive) || (isCtrlKey(e) && 70 === e.keyCode)) {
Chris@0:                 /* F3 or CMD/CTRL + F */
Chris@0:                 e.preventDefault();
Chris@0:                 search.className = search.className.replace(/\bsf-dump-search-hidden\b/, '');
Chris@0:                 searchInput.focus();
Chris@0:             } else if (isSearchActive) {
Chris@0:                 if (27 === e.keyCode) {
Chris@0:                     /* ESC key */
Chris@0:                     search.className += ' sf-dump-search-hidden';
Chris@0:                     e.preventDefault();
Chris@0:                     resetHighlightedNodes(root);
Chris@0:                     searchInput.value = '';
Chris@0:                 } else if (
Chris@0:                     (isCtrlKey(e) && 71 === e.keyCode) /* CMD/CTRL + G */
Chris@0:                     || 13 === e.keyCode /* Enter */
Chris@0:                     || 114 === e.keyCode /* F3 */
Chris@0:                 ) {
Chris@0:                     e.preventDefault();
Chris@0:                     e.shiftKey ? state.previous() : state.next();
Chris@0:                     collapseAll(root);
Chris@0:                     showCurrent(state);
Chris@0:                 }
Chris@0:             }
Chris@0:         });
Chris@0:     }
Chris@0: 
Chris@0:     if (0 >= options.maxStringLength) {
Chris@0:         return;
Chris@0:     }
Chris@0:     try {
Chris@0:         elt = root.querySelectorAll('.sf-dump-str');
Chris@0:         len = elt.length;
Chris@0:         i = 0;
Chris@0:         t = [];
Chris@0: 
Chris@0:         while (i < len) t.push(elt[i++]);
Chris@0:         len = t.length;
Chris@0: 
Chris@0:         for (i = 0; i < len; ++i) {
Chris@0:             elt = t[i];
Chris@0:             s = elt.innerText || elt.textContent;
Chris@0:             x = s.length - options.maxStringLength;
Chris@0:             if (0 < x) {
Chris@0:                 h = elt.innerHTML;
Chris@0:                 elt[elt.innerText ? 'innerText' : 'textContent'] = s.substring(0, options.maxStringLength);
Chris@0:                 elt.className += ' sf-dump-str-collapse';
Chris@0:                 elt.innerHTML = '<span class=sf-dump-str-collapse>'+h+'<a class="sf-dump-ref sf-dump-str-toggle" title="Collapse"> ◀</a></span>'+
Chris@0:                     '<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:             }
Chris@0:         }
Chris@0:     } catch (e) {
Chris@0:     }
Chris@0: };
Chris@0: 
Chris@0: })(document);
Chris@0: </script><style>
Chris@0: pre.sf-dump {
Chris@0:     display: block;
Chris@0:     white-space: pre;
Chris@0:     padding: 5px;
Chris@0: }
Chris@0: pre.sf-dump:after {
Chris@0:    content: "";
Chris@0:    visibility: hidden;
Chris@0:    display: block;
Chris@0:    height: 0;
Chris@0:    clear: both;
Chris@0: }
Chris@0: pre.sf-dump span {
Chris@0:     display: inline;
Chris@0: }
Chris@0: pre.sf-dump .sf-dump-compact {
Chris@0:     display: none;
Chris@0: }
Chris@0: pre.sf-dump abbr {
Chris@0:     text-decoration: none;
Chris@0:     border: none;
Chris@0:     cursor: help;
Chris@0: }
Chris@0: pre.sf-dump a {
Chris@0:     text-decoration: none;
Chris@0:     cursor: pointer;
Chris@0:     border: 0;
Chris@0:     outline: none;
Chris@0:     color: inherit;
Chris@0: }
Chris@0: pre.sf-dump .sf-dump-ellipsis {
Chris@0:     display: inline-block;
Chris@0:     overflow: visible;
Chris@0:     text-overflow: ellipsis;
Chris@0:     max-width: 5em;
Chris@0:     white-space: nowrap;
Chris@0:     overflow: hidden;
Chris@0:     vertical-align: top;
Chris@0: }
Chris@0: pre.sf-dump .sf-dump-ellipsis+.sf-dump-ellipsis {
Chris@0:     max-width: none;
Chris@0: }
Chris@0: pre.sf-dump code {
Chris@0:     display:inline;
Chris@0:     padding:0;
Chris@0:     background:none;
Chris@0: }
Chris@0: .sf-dump-str-collapse .sf-dump-str-collapse {
Chris@0:     display: none;
Chris@0: }
Chris@0: .sf-dump-str-expand .sf-dump-str-expand {
Chris@0:     display: none;
Chris@0: }
Chris@0: .sf-dump-public.sf-dump-highlight,
Chris@0: .sf-dump-protected.sf-dump-highlight,
Chris@0: .sf-dump-private.sf-dump-highlight,
Chris@0: .sf-dump-str.sf-dump-highlight,
Chris@0: .sf-dump-key.sf-dump-highlight {
Chris@0:     background: rgba(111, 172, 204, 0.3);
Chris@0:     border: 1px solid #7DA0B1;
Chris@0:     border-radius: 3px;
Chris@0: }
Chris@0: .sf-dump-public.sf-dump-highlight-active,
Chris@0: .sf-dump-protected.sf-dump-highlight-active,
Chris@0: .sf-dump-private.sf-dump-highlight-active,
Chris@0: .sf-dump-str.sf-dump-highlight-active,
Chris@0: .sf-dump-key.sf-dump-highlight-active {
Chris@0:     background: rgba(253, 175, 0, 0.4);
Chris@0:     border: 1px solid #ffa500;
Chris@0:     border-radius: 3px;
Chris@0: }
Chris@0: pre.sf-dump .sf-dump-search-hidden {
Chris@0:     display: none;
Chris@0: }
Chris@0: pre.sf-dump .sf-dump-search-wrapper {
Chris@0:     float: right;
Chris@0:     font-size: 0;
Chris@0:     white-space: nowrap;
Chris@0:     max-width: 100%;
Chris@0:     text-align: right;
Chris@0: }
Chris@0: pre.sf-dump .sf-dump-search-wrapper > * {
Chris@0:     vertical-align: top;
Chris@0:     box-sizing: border-box;
Chris@0:     height: 21px;
Chris@0:     font-weight: normal;
Chris@0:     border-radius: 0;
Chris@0:     background: #FFF;
Chris@0:     color: #757575;
Chris@0:     border: 1px solid #BBB;
Chris@0: }
Chris@0: pre.sf-dump .sf-dump-search-wrapper > input.sf-dump-search-input {
Chris@0:     padding: 3px;
Chris@0:     height: 21px;
Chris@0:     font-size: 12px;
Chris@0:     border-right: none;
Chris@0:     width: 140px;
Chris@0:     border-top-left-radius: 3px;
Chris@0:     border-bottom-left-radius: 3px;
Chris@0:     color: #000;
Chris@0: }
Chris@0: pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-next,
Chris@0: pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-previous {
Chris@0:     background: #F2F2F2;
Chris@0:     outline: none;
Chris@0:     border-left: none;
Chris@0:     font-size: 0;
Chris@0:     line-height: 0;
Chris@0: }
Chris@0: pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-next {
Chris@0:     border-top-right-radius: 3px;
Chris@0:     border-bottom-right-radius: 3px;
Chris@0: }
Chris@0: pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-next > svg,
Chris@0: pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-previous > svg {
Chris@0:     pointer-events: none;
Chris@0:     width: 12px;
Chris@0:     height: 12px;
Chris@0: }
Chris@0: pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-count {
Chris@0:     display: inline-block;
Chris@0:     padding: 0 5px;
Chris@0:     margin: 0;
Chris@0:     border-left: none;
Chris@0:     line-height: 21px;
Chris@0:     font-size: 12px;
Chris@0: }
Chris@0: EOHTML
Chris@0:         );
Chris@0: 
Chris@0:         foreach ($this->styles as $class => $style) {
Chris@0:             $line .= 'pre.sf-dump'.('default' === $class ? ', pre.sf-dump' : '').' .sf-dump-'.$class.'{'.$style.'}';
Chris@0:         }
Chris@0: 
Chris@0:         return $this->dumpHeader = preg_replace('/\s+/', ' ', $line).'</style>'.$this->dumpHeader;
Chris@0:     }
Chris@0: 
Chris@0:     /**
Chris@0:      * {@inheritdoc}
Chris@0:      */
Chris@0:     public function enterHash(Cursor $cursor, $type, $class, $hasChild)
Chris@0:     {
Chris@0:         parent::enterHash($cursor, $type, $class, false);
Chris@0: 
Chris@12:         if ($cursor->skipChildren) {
Chris@12:             $cursor->skipChildren = false;
Chris@12:             $eol = ' class=sf-dump-compact>';
Chris@12:         } elseif ($this->expandNextHash) {
Chris@12:             $this->expandNextHash = false;
Chris@12:             $eol = ' class=sf-dump-expanded>';
Chris@12:         } else {
Chris@12:             $eol = '>';
Chris@12:         }
Chris@12: 
Chris@0:         if ($hasChild) {
Chris@12:             $this->line .= '<samp';
Chris@0:             if ($cursor->refIndex) {
Chris@0:                 $r = Cursor::HASH_OBJECT !== $type ? 1 - (Cursor::HASH_RESOURCE !== $type) : 2;
Chris@0:                 $r .= $r && 0 < $cursor->softRefHandle ? $cursor->softRefHandle : $cursor->refIndex;
Chris@0: 
Chris@12:                 $this->line .= sprintf(' id=%s-ref%s', $this->dumpId, $r);
Chris@0:             }
Chris@12:             $this->line .= $eol;
Chris@0:             $this->dumpLine($cursor->depth);
Chris@0:         }
Chris@0:     }
Chris@0: 
Chris@0:     /**
Chris@0:      * {@inheritdoc}
Chris@0:      */
Chris@0:     public function leaveHash(Cursor $cursor, $type, $class, $hasChild, $cut)
Chris@0:     {
Chris@0:         $this->dumpEllipsis($cursor, $hasChild, $cut);
Chris@0:         if ($hasChild) {
Chris@0:             $this->line .= '</samp>';
Chris@0:         }
Chris@0:         parent::leaveHash($cursor, $type, $class, $hasChild, 0);
Chris@0:     }
Chris@0: 
Chris@0:     /**
Chris@0:      * {@inheritdoc}
Chris@0:      */
Chris@17:     protected function style($style, $value, $attr = [])
Chris@0:     {
Chris@0:         if ('' === $value) {
Chris@0:             return '';
Chris@0:         }
Chris@0: 
Chris@0:         $v = esc($value);
Chris@0: 
Chris@0:         if ('ref' === $style) {
Chris@0:             if (empty($attr['count'])) {
Chris@0:                 return sprintf('<a class=sf-dump-ref>%s</a>', $v);
Chris@0:             }
Chris@0:             $r = ('#' !== $v[0] ? 1 - ('@' !== $v[0]) : 2).substr($value, 1);
Chris@0: 
Chris@0:             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:         }
Chris@0: 
Chris@0:         if ('const' === $style && isset($attr['value'])) {
Chris@0:             $style .= sprintf(' title="%s"', esc(is_scalar($attr['value']) ? $attr['value'] : json_encode($attr['value'])));
Chris@0:         } elseif ('public' === $style) {
Chris@0:             $style .= sprintf(' title="%s"', empty($attr['dynamic']) ? 'Public property' : 'Runtime added dynamic property');
Chris@0:         } elseif ('str' === $style && 1 < $attr['length']) {
Chris@0:             $style .= sprintf(' title="%d%s characters"', $attr['length'], $attr['binary'] ? ' binary or non-UTF-8' : '');
Chris@0:         } elseif ('note' === $style && false !== $c = strrpos($v, '\\')) {
Chris@0:             return sprintf('<abbr title="%s" class=sf-dump-%s>%s</abbr>', $v, $style, substr($v, $c + 1));
Chris@0:         } elseif ('protected' === $style) {
Chris@0:             $style .= ' title="Protected property"';
Chris@0:         } elseif ('meta' === $style && isset($attr['title'])) {
Chris@0:             $style .= sprintf(' title="%s"', esc($this->utf8Encode($attr['title'])));
Chris@0:         } elseif ('private' === $style) {
Chris@0:             $style .= sprintf(' title="Private property defined in class:&#10;`%s`"', esc($this->utf8Encode($attr['class'])));
Chris@0:         }
Chris@0:         $map = static::$controlCharsMap;
Chris@0: 
Chris@0:         if (isset($attr['ellipsis'])) {
Chris@0:             $class = 'sf-dump-ellipsis';
Chris@0:             if (isset($attr['ellipsis-type'])) {
Chris@0:                 $class = sprintf('"%s sf-dump-ellipsis-%s"', $class, $attr['ellipsis-type']);
Chris@0:             }
Chris@0:             $label = esc(substr($value, -$attr['ellipsis']));
Chris@0:             $style = str_replace(' title="', " title=\"$v\n", $style);
Chris@17:             $v = sprintf('<span class=%s>%s</span>', $class, substr($v, 0, -\strlen($label)));
Chris@0: 
Chris@0:             if (!empty($attr['ellipsis-tail'])) {
Chris@17:                 $tail = \strlen(esc(substr($value, -$attr['ellipsis'], $attr['ellipsis-tail'])));
Chris@0:                 $v .= sprintf('<span class=sf-dump-ellipsis>%s</span>%s', substr($label, 0, $tail), substr($label, $tail));
Chris@0:             } else {
Chris@0:                 $v .= $label;
Chris@0:             }
Chris@0:         }
Chris@0: 
Chris@0:         $v = "<span class=sf-dump-{$style}>".preg_replace_callback(static::$controlCharsRx, function ($c) use ($map) {
Chris@0:             $s = '<span class=sf-dump-default>';
Chris@0:             $c = $c[$i = 0];
Chris@0:             do {
Chris@17:                 $s .= isset($map[$c[$i]]) ? $map[$c[$i]] : sprintf('\x%02X', \ord($c[$i]));
Chris@0:             } while (isset($c[++$i]));
Chris@0: 
Chris@0:             return $s.'</span>';
Chris@0:         }, $v).'</span>';
Chris@0: 
Chris@0:         if (isset($attr['file']) && $href = $this->getSourceLink($attr['file'], isset($attr['line']) ? $attr['line'] : 0)) {
Chris@0:             $attr['href'] = $href;
Chris@0:         }
Chris@0:         if (isset($attr['href'])) {
Chris@12:             $target = isset($attr['file']) ? '' : ' target="_blank"';
Chris@12:             $v = sprintf('<a href="%s"%s rel="noopener noreferrer">%s</a>', esc($this->utf8Encode($attr['href'])), $target, $v);
Chris@0:         }
Chris@0:         if (isset($attr['lang'])) {
Chris@0:             $v = sprintf('<code class="%s">%s</code>', esc($attr['lang']), $v);
Chris@0:         }
Chris@0: 
Chris@0:         return $v;
Chris@0:     }
Chris@0: 
Chris@0:     /**
Chris@0:      * {@inheritdoc}
Chris@0:      */
Chris@0:     protected function dumpLine($depth, $endOfValue = false)
Chris@0:     {
Chris@0:         if (-1 === $this->lastDepth) {
Chris@0:             $this->line = sprintf($this->dumpPrefix, $this->dumpId, $this->indentPad).$this->line;
Chris@0:         }
Chris@0:         if ($this->headerIsDumped !== (null !== $this->outputStream ? $this->outputStream : $this->lineDumper)) {
Chris@0:             $this->line = $this->getDumpHeader().$this->line;
Chris@0:         }
Chris@0: 
Chris@0:         if (-1 === $depth) {
Chris@17:             $args = ['"'.$this->dumpId.'"'];
Chris@0:             if ($this->extraDisplayOptions) {
Chris@0:                 $args[] = json_encode($this->extraDisplayOptions, JSON_FORCE_OBJECT);
Chris@0:             }
Chris@0:             // Replace is for BC
Chris@0:             $this->line .= sprintf(str_replace('"%s"', '%s', $this->dumpSuffix), implode(', ', $args));
Chris@0:         }
Chris@0:         $this->lastDepth = $depth;
Chris@0: 
Chris@0:         $this->line = mb_convert_encoding($this->line, 'HTML-ENTITIES', 'UTF-8');
Chris@0: 
Chris@0:         if (-1 === $depth) {
Chris@0:             AbstractDumper::dumpLine(0);
Chris@0:         }
Chris@0:         AbstractDumper::dumpLine($depth);
Chris@0:     }
Chris@0: 
Chris@0:     private function getSourceLink($file, $line)
Chris@0:     {
Chris@0:         $options = $this->extraDisplayOptions + $this->displayOptions;
Chris@0: 
Chris@0:         if ($fmt = $options['fileLinkFormat']) {
Chris@17:             return \is_string($fmt) ? strtr($fmt, ['%f' => $file, '%l' => $line]) : $fmt->format($file, $line);
Chris@0:         }
Chris@0: 
Chris@0:         return false;
Chris@0:     }
Chris@0: }
Chris@0: 
Chris@0: function esc($str)
Chris@0: {
Chris@0:     return htmlspecialchars($str, ENT_QUOTES, 'UTF-8');
Chris@0: }