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