├── .github
    └── workflows
    │   ├── release-on-milestone-closed-triggering-release-event.yml
    │   └── test.yml
├── .gitignore
├── Dockerfile
├── README.md
├── composer.json
├── psalm-html-output.xsl
├── renovate.json
└── test
    ├── generate-test-report.sh
    ├── psalm-report.html
    └── psalm-report.xml


/.github/workflows/release-on-milestone-closed-triggering-release-event.yml:
--------------------------------------------------------------------------------
 1 | # Alternate workflow example.
 2 | # This one is identical to the one in release-on-milestone.yml, with one change:
 3 | # the Release step uses the ORGANIZATION_ADMIN_TOKEN instead, to allow it to
 4 | # trigger a release workflow event. This is useful if you have other actions
 5 | # that intercept that event.
 6 | 
 7 | name: "Automatic Releases"
 8 | 
 9 | on:
10 |   milestone:
11 |     types:
12 |       - "closed"
13 | 
14 | jobs:
15 |   release:
16 |     name: "GIT tag, release & create merge-up PR"
17 |     runs-on: ubuntu-latest
18 | 
19 |     steps:
20 |       - name: "Checkout"
21 |         uses: "actions/checkout@v3"
22 | 
23 |       - name: "Release"
24 |         uses: "laminas/automatic-releases@v1"
25 |         with:
26 |           command-name: "laminas:automatic-releases:release"
27 |         env:
28 |           "GITHUB_TOKEN": ${{ secrets.ORGANIZATION_ADMIN_TOKEN }}
29 |           "SIGNING_SECRET_KEY": ${{ secrets.SIGNING_SECRET_KEY }}
30 |           "GIT_AUTHOR_NAME": ${{ secrets.GIT_AUTHOR_NAME }}
31 |           "GIT_AUTHOR_EMAIL": ${{ secrets.GIT_AUTHOR_EMAIL }}
32 | 
33 |       - name: "Create Merge-Up Pull Request"
34 |         uses: "laminas/automatic-releases@v1"
35 |         with:
36 |           command-name: "laminas:automatic-releases:create-merge-up-pull-request"
37 |         env:
38 |           "GITHUB_TOKEN": ${{ secrets.GITHUB_TOKEN }}
39 |           "SIGNING_SECRET_KEY": ${{ secrets.SIGNING_SECRET_KEY }}
40 |           "GIT_AUTHOR_NAME": ${{ secrets.GIT_AUTHOR_NAME }}
41 |           "GIT_AUTHOR_EMAIL": ${{ secrets.GIT_AUTHOR_EMAIL }}
42 | 
43 |       - name: "Create and/or Switch to new Release Branch"
44 |         uses: "laminas/automatic-releases@v1"
45 |         with:
46 |           command-name: "laminas:automatic-releases:switch-default-branch-to-next-minor"
47 |         env:
48 |           "GITHUB_TOKEN": ${{ secrets.ORGANIZATION_ADMIN_TOKEN }}
49 |           "SIGNING_SECRET_KEY": ${{ secrets.SIGNING_SECRET_KEY }}
50 |           "GIT_AUTHOR_NAME": ${{ secrets.GIT_AUTHOR_NAME }}
51 |           "GIT_AUTHOR_EMAIL": ${{ secrets.GIT_AUTHOR_EMAIL }}
52 | 
53 |       - name: "Create new milestones"
54 |         uses: "laminas/automatic-releases@v1"
55 |         with:
56 |           command-name: "laminas:automatic-releases:create-milestones"
57 |         env:
58 |           "GITHUB_TOKEN": ${{ secrets.GITHUB_TOKEN }}
59 |           "SIGNING_SECRET_KEY": ${{ secrets.SIGNING_SECRET_KEY }}
60 |           "GIT_AUTHOR_NAME": ${{ secrets.GIT_AUTHOR_NAME }}
61 |           "GIT_AUTHOR_EMAIL": ${{ secrets.GIT_AUTHOR_EMAIL }}
62 | 


--------------------------------------------------------------------------------
/.github/workflows/test.yml:
--------------------------------------------------------------------------------
 1 | name: "Build"
 2 | 
 3 | on:
 4 |   pull_request:
 5 |   push:
 6 | 
 7 | jobs:
 8 |   test:
 9 |     name: "Test Output Generation"
10 | 
11 |     runs-on: ubuntu-latest
12 | 
13 |     steps:
14 |       - name: "Checkout"
15 |         uses: "actions/checkout@v3"
16 | 
17 |       - name: "Generate test report"
18 |         run: test/generate-test-report.sh
19 | 
20 |       - name: "Verify generated HTML matches expectations"
21 |         run: diff -s test/psalm-report.html test/psalm-report-generated.html
22 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | /vendor/
2 | composer.lock
3 | test/psalm-report-generated.html
4 | 


--------------------------------------------------------------------------------
/Dockerfile:
--------------------------------------------------------------------------------
 1 | FROM ubuntu:22.04
 2 | 
 3 | RUN set -xeu && \
 4 |     IFS=$'\n\t' && \
 5 |     export DEBIAN_FRONTEND=noninteractive && \
 6 |     export LANG="C.UTF-8" && \
 7 |     apt update && \
 8 |     apt upgrade -y && \
 9 |     apt install -y xsltproc && \
10 |     apt autoremove -y && apt clean
11 | 
12 | ADD psalm-html-output.xsl /psalm-html-output.xsl
13 | 
14 | ENTRYPOINT ["xsltproc", "/psalm-html-output.xsl"]
15 | CMD ["-"]
16 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Psalm HTML Output
 2 | 
 3 | Takes the XML output from [Psalm](https://psalm.dev/) and renders it as HTML.
 4 | 
 5 | ![Build](https://github.com/Roave/psalm-html-output/workflows/Build/badge.svg)
 6 | 
 7 | ## Installation
 8 | 
 9 | First, install `xsltproc` on your machine (for example, `apt install xsltproc`).
10 | 
11 | Then `composer require --dev roave/psalm-html-output`
12 | 
13 | ## Usage
14 | 
15 | ```bash
16 | vendor/bin/psalm --output-format=xml | xsltproc vendor/roave/psalm-html-output/psalm-html-output.xsl - > psalm-report.html
17 | ```
18 | 
19 | ## Run with Docker
20 | 
21 | To avoid having to install `xsltproc` if you already have Docker, first build the image with:
22 | 
23 | ```bash
24 | docker build . -t psalm-html-output:latest
25 | ```
26 | 
27 | Then to generate the HTML:
28 | 
29 | ```bash
30 | vendor/bin/psalm --output-format=xml | docker run --rm -i psalm-html-output:latest > psalm-report.html
31 | ```
32 | 


--------------------------------------------------------------------------------
/composer.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "roave/psalm-html-output",
 3 |     "description": "Psalm HTML Output",
 4 |     "type": "library",
 5 |     "license": "MIT",
 6 |     "authors": [
 7 |         {
 8 |             "name": "James Titcumb",
 9 |             "email": "james@asgrim.com"
10 |         }
11 |     ],
12 |     "scripts": {
13 |         "post-install-cmd": [
14 |             "which xsltproc"
15 |         ],
16 |         "post-update-cmd": [
17 |             "which xsltproc"
18 |         ]
19 |     }
20 | }
21 | 


--------------------------------------------------------------------------------
/psalm-html-output.xsl:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8" ?>
  2 | <!--
  3 | <![CDATA[
  4 | Psalm XML to HTML renderer
  5 | 
  6 |  See - https://github.com/Roave/psalm-html-output
  7 | 
  8 | ]]>
  9 | -->
 10 | <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
 11 |     <xsl:template match="report">
 12 |         <html>
 13 |             <head>
 14 |                 <title>Psalm Report</title>
 15 |                 <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.16.0/themes/prism.css" rel="stylesheet" />
 16 |                 <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.16.0/plugins/line-numbers/prism-line-numbers.min.css" rel="stylesheet" />
 17 |                 <style>
 18 |                     html {
 19 |                         font-family: sans-serif;
 20 |                     }
 21 |                     pre > code.language-php {
 22 |                       font-size: 1em;
 23 |                     }
 24 |                     code[class*="language-"] .psalm-errored-code {
 25 |                         background-color: #ce5353;
 26 |                         color: white;
 27 |                         text-shadow: none;
 28 |                     }
 29 |                     ul.tags {
 30 |                         padding: 0;
 31 |                         margin: 0;
 32 |                         font-size: 0.9em;
 33 |                     }
 34 |                     ul.tags li {
 35 |                         display: inline;
 36 |                         background-color: #e5e6d9;
 37 |                         padding: 3px 5px;
 38 |                         border-radius: 5px;
 39 |                         text-shadow: 0 1px white;
 40 |                         margin-right: 10px;
 41 |                     }
 42 |                     .severity {
 43 |                         text-transform: lowercase;
 44 |                     }
 45 |                     .severity.error {
 46 |                         color: #ff0000;
 47 |                     }
 48 |                     .severity.warning {
 49 |                         color: #ff6e00;
 50 |                     }
 51 |                     .severity.info {
 52 |                         color: #0079ff;
 53 |                     }
 54 |                     ul#psalmErrors li.hidden {
 55 |                         display: none;
 56 |                     }
 57 |                 </style>
 58 |             </head>
 59 |             <body>
 60 |                 <section>
 61 |                     <h1>Total violations: <xsl:value-of select="count(//report/item)" /></h1>
 62 |                 </section>
 63 |                 <form>
 64 |                     <label>
 65 |                         <select class="filterable" data-filter-type="severity">
 66 |                             <option value="">-- show all --</option>
 67 |                         </select>
 68 |                         <select class="filterable" data-filter-type="psalm-type">
 69 |                             <option value="">-- show all --</option>
 70 |                         </select>
 71 |                     </label>
 72 |                 </form>
 73 |                 <ul id="psalmErrors">
 74 |                     <xsl:apply-templates />
 75 |                 </ul>
 76 |                 <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.16.0/prism.min.js" />
 77 | <!--                <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.16.0/plugins/autoloader/prism-autoloader.min.js" />-->
 78 | <!--                <script>Prism.plugins.autoloader.languages_path = 'https://cdnjs.cloudflare.com/ajax/libs/prism/1.16.0/components/'</script>-->
 79 |                 <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.16.0/components/prism-markup-templating.min.js" />
 80 |                 <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.16.0/components/prism-php.min.js" />
 81 |                 <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.16.0/plugins/line-numbers/prism-line-numbers.min.js" />
 82 |                 <script type="text/javascript">
 83 |                 <![CDATA[
 84 |                     Prism.hooks.add('before-highlight', function (env) {
 85 |                         // Replace "//" temporarily inside strings as it seems to confuse Prism and causes some
 86 |                         // /** comments later in the line to be treated as operators instead of comments
 87 |                         env.code = env.code.replace(/('[^']*)\/\/([^']*')/gs, '$1/**/**/$2');
 88 |                     })
 89 |                     Prism.hooks.add('before-insert', function(env) {
 90 |                         const magicTagMatch = /\/\*\*##\(##\*\*\/([\w\W]*)\/\*\*##\)##\*\*\//gs;
 91 |                         const matchedCodeToBecomeRed = magicTagMatch.exec(env.highlightedCode);
 92 |                         let codeToBecomeRed = matchedCodeToBecomeRed[1];
 93 | 
 94 |                         // Fairly naive assumption that PrismJS only uses </span> and <span class="..."> to highlight...
 95 |                         codeToBecomeRed = codeToBecomeRed.replace(/(<\/span>)/g, '</span>$1');
 96 |                         codeToBecomeRed = codeToBecomeRed.replace(/(<span class="[^"]*">)/g, '$1<span class="psalm-errored-code">');
 97 | 
 98 |                         codeToBecomeRed = '<span class="psalm-errored-code">' + codeToBecomeRed + '</span>';
 99 | 
100 |                         env.highlightedCode = env.highlightedCode
101 |                                 .replace(magicTagMatch, codeToBecomeRed)
102 |                                 .replace(/\/\*\*\/\*\*\//gs, '//');
103 |                     });
104 |                     function subtractUnmatchedItems(filterType, filterValue) {
105 |                         var items = document.querySelectorAll('#psalmErrors > li');
106 | 
107 |                         for (var i = 0; i < items.length; i++) {
108 |                             var itemTag = items[i].getAttribute('data-' + filterType);
109 | 
110 |                             if (filterValue !== '' && itemTag !== filterValue) {
111 |                                 items[i].setAttribute('class', 'hidden');
112 |                             }
113 |                         }
114 |                     }
115 |                     function showAllItems() {
116 |                         var items = document.querySelectorAll('#psalmErrors > li');
117 | 
118 |                         for (var i = 0; i < items.length; i++) {
119 |                             items[i].setAttribute('class', '');
120 |                         }
121 |                     }
122 |                     document.querySelectorAll('.filterable').forEach(function (itemToApplyClickHandlerTo) {
123 | 
124 |                         var foundItems = [];
125 |                         var filterType = itemToApplyClickHandlerTo.getAttribute('data-filter-type');
126 |                         var items = document.querySelectorAll('#psalmErrors > li');
127 |                         var uniqueCounts = [];
128 |                         for (var i = 0; i < items.length; i++) {
129 |                             var itemAttributeValue = items[i].getAttribute('data-' + filterType);
130 |                             if (itemAttributeValue in uniqueCounts) {
131 |                                 uniqueCounts[itemAttributeValue]++;
132 |                             } else {
133 |                                 uniqueCounts[itemAttributeValue] = 1;
134 |                             }
135 |                             foundItems.push(itemAttributeValue);
136 |                         }
137 |                         var uniqueFoundItems = foundItems.filter(function (value, index, self) {
138 |                             return self.indexOf(value) === index;
139 |                         });
140 |                         for (var i = 0; i < uniqueFoundItems.length; i++) {
141 |                             var newOpt = document.createElement('option');
142 |                             newOpt.value = uniqueFoundItems[i];
143 |                             newOpt.innerHTML = uniqueFoundItems[i] + ' (' + uniqueCounts[uniqueFoundItems[i]] + ')';
144 |                             itemToApplyClickHandlerTo.appendChild(newOpt);
145 |                         }
146 | 
147 |                         itemToApplyClickHandlerTo.onclick = function () {
148 |                             showAllItems();
149 |                             document.querySelectorAll('.filterable').forEach(function (filteringDropdown) {
150 |                                 subtractUnmatchedItems(
151 |                                     filteringDropdown.getAttribute('data-filter-type'),
152 |                                     filteringDropdown.options[filteringDropdown.selectedIndex].value
153 |                                 );
154 |                             });
155 |                         };
156 |                     });
157 |                 ]]>
158 |                 </script>
159 |             </body>
160 |         </html>
161 |     </xsl:template>
162 |     <xsl:template match="item">
163 |         <li data-severity="{severity}" data-psalm-type="{type}">
164 |             <h3>
165 |                 <xsl:value-of select="file_name"/>:<xsl:value-of select="line_from"/>
166 |             </h3>
167 |             <ul class="tags">
168 |                 <li class="severity {severity}"><xsl:value-of select="severity"/></li>
169 |                 <li><xsl:value-of select="type"/></li>
170 |             </ul>
171 |             <p><xsl:value-of select="message"/></p>
172 |             <pre data-start='{line_from}' class="line-numbersx">
173 |                 <code class="language-php"><xsl:value-of select="substring(snippet, 0, from - snippet_from + 1)" />/**##(##**/<xsl:value-of select="substring(snippet, from - snippet_from + 1, to - from)" />/**##)##**/<xsl:value-of select="substring(snippet, to - snippet_from + 1)" /></code>
174 |             </pre>
175 |         </li>
176 |     </xsl:template>
177 | </xsl:stylesheet>
178 | 


--------------------------------------------------------------------------------
/renovate.json:
--------------------------------------------------------------------------------
1 | {
2 |   "$schema": "https://docs.renovatebot.com/renovate-schema.json",
3 |   "extends": [
4 |     "config:base"
5 |   ]
6 | }
7 | 


--------------------------------------------------------------------------------
/test/generate-test-report.sh:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env bash
 2 | 
 3 | set -euxo pipefail
 4 | 
 5 | cd "$(dirname "$0")/.."
 6 | 
 7 | docker build . -t psalm-html-output:latest
 8 | 
 9 | cat test/psalm-report.xml | docker run --rm -i psalm-html-output:latest > test/psalm-report-generated.html
10 | 


--------------------------------------------------------------------------------
/test/psalm-report.html:
--------------------------------------------------------------------------------
  1 | <html>
  2 | <head>
  3 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4 | <title>Psalm Report</title>
  5 | <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.16.0/themes/prism.css" rel="stylesheet">
  6 | <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.16.0/plugins/line-numbers/prism-line-numbers.min.css" rel="stylesheet">
  7 | <style>
  8 |                     html {
  9 |                         font-family: sans-serif;
 10 |                     }
 11 |                     pre > code.language-php {
 12 |                       font-size: 1em;
 13 |                     }
 14 |                     code[class*="language-"] .psalm-errored-code {
 15 |                         background-color: #ce5353;
 16 |                         color: white;
 17 |                         text-shadow: none;
 18 |                     }
 19 |                     ul.tags {
 20 |                         padding: 0;
 21 |                         margin: 0;
 22 |                         font-size: 0.9em;
 23 |                     }
 24 |                     ul.tags li {
 25 |                         display: inline;
 26 |                         background-color: #e5e6d9;
 27 |                         padding: 3px 5px;
 28 |                         border-radius: 5px;
 29 |                         text-shadow: 0 1px white;
 30 |                         margin-right: 10px;
 31 |                     }
 32 |                     .severity {
 33 |                         text-transform: lowercase;
 34 |                     }
 35 |                     .severity.error {
 36 |                         color: #ff0000;
 37 |                     }
 38 |                     .severity.warning {
 39 |                         color: #ff6e00;
 40 |                     }
 41 |                     .severity.info {
 42 |                         color: #0079ff;
 43 |                     }
 44 |                     ul#psalmErrors li.hidden {
 45 |                         display: none;
 46 |                     }
 47 |                 </style>
 48 | </head>
 49 | <body>
 50 | <section><h1>Total violations: 3</h1></section><form><label><select class="filterable" data-filter-type="severity"><option value="">-- show all --</option></select><select class="filterable" data-filter-type="psalm-type"><option value="">-- show all --</option></select></label></form>
 51 | <ul id="psalmErrors">
 52 |     <li data-severity="error" data-psalm-type="MixedArrayAccess">
 53 | <h3>tests/src/SomeTest.php:94</h3>
 54 | <ul class="tags">
 55 | <li class="severity error">error</li>
 56 | <li>MixedArrayAccess</li>
 57 | </ul>
 58 | <p>Cannot access array value on mixed variable $transaction</p>
 59 | <pre data-start="94" class="line-numbersx"><code class="language-php">            $this-&gt;assertSame('http://example.com/EchoTest', (string) /**##(##**/$transaction['request']/**##)##**/-&gt;getUri());</code></pre>
 60 | </li>
 61 |     <li data-severity="error" data-psalm-type="InvalidScalarArgument">
 62 | <h3>src/Reflector/Exception/IdentifierNotFound.php:18</h3>
 63 | <ul class="tags">
 64 | <li class="severity error">error</li>
 65 | <li>InvalidScalarArgument</li>
 66 | </ul>
 67 | <p>Argument 1 of __construct expects string, int provided</p>
 68 | <pre data-start="18" class="line-numbersx"><code class="language-php">        parent::__construct(/**##(##**/$message/**##)##**/);</code></pre>
 69 | </li>
 70 |     <li data-severity="error" data-psalm-type="InvalidScalarArgument">
 71 | <h3>src/Reflector/Exception/IdentifierNotFound.php:30</h3>
 72 | <ul class="tags">
 73 | <li class="severity error">error</li>
 74 | <li>InvalidScalarArgument</li>
 75 | </ul>
 76 | <p>Argument 1 of Roave\BetterReflection\Reflector\Exception\IdentifierNotFound::__construct expects int, string provided</p>
 77 | <pre data-start="30" class="line-numbersx"><code class="language-php">        return new self(/**##(##**/sprintf(
 78 |             '%s "%s" could not be found in the located source',
 79 |             $identifier-&gt;getType()-&gt;getName(),
 80 |             $identifier-&gt;getName()
 81 |          /**##)##**/   ), $identifier);</code></pre>
 82 | </li>
 83 | </ul>
 84 | <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.16.0/prism.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.16.0/components/prism-markup-templating.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.16.0/components/prism-php.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.16.0/plugins/line-numbers/prism-line-numbers.min.js"></script><script type="text/javascript">
 85 |                 
 86 |                     Prism.hooks.add('before-highlight', function (env) {
 87 |                         // Replace "//" temporarily inside strings as it seems to confuse Prism and causes some
 88 |                         // /** comments later in the line to be treated as operators instead of comments
 89 |                         env.code = env.code.replace(/('[^']*)\/\/([^']*')/gs, '$1/**/**/$2');
 90 |                     })
 91 |                     Prism.hooks.add('before-insert', function(env) {
 92 |                         const magicTagMatch = /\/\*\*##\(##\*\*\/([\w\W]*)\/\*\*##\)##\*\*\//gs;
 93 |                         const matchedCodeToBecomeRed = magicTagMatch.exec(env.highlightedCode);
 94 |                         let codeToBecomeRed = matchedCodeToBecomeRed[1];
 95 | 
 96 |                         // Fairly naive assumption that PrismJS only uses </span> and <span class="..."> to highlight...
 97 |                         codeToBecomeRed = codeToBecomeRed.replace(/(<\/span>)/g, '</span>$1');
 98 |                         codeToBecomeRed = codeToBecomeRed.replace(/(<span class="[^"]*">)/g, '$1<span class="psalm-errored-code">');
 99 | 
100 |                         codeToBecomeRed = '<span class="psalm-errored-code">' + codeToBecomeRed + '</span>';
101 | 
102 |                         env.highlightedCode = env.highlightedCode
103 |                                 .replace(magicTagMatch, codeToBecomeRed)
104 |                                 .replace(/\/\*\*\/\*\*\//gs, '//');
105 |                     });
106 |                     function subtractUnmatchedItems(filterType, filterValue) {
107 |                         var items = document.querySelectorAll('#psalmErrors > li');
108 | 
109 |                         for (var i = 0; i < items.length; i++) {
110 |                             var itemTag = items[i].getAttribute('data-' + filterType);
111 | 
112 |                             if (filterValue !== '' && itemTag !== filterValue) {
113 |                                 items[i].setAttribute('class', 'hidden');
114 |                             }
115 |                         }
116 |                     }
117 |                     function showAllItems() {
118 |                         var items = document.querySelectorAll('#psalmErrors > li');
119 | 
120 |                         for (var i = 0; i < items.length; i++) {
121 |                             items[i].setAttribute('class', '');
122 |                         }
123 |                     }
124 |                     document.querySelectorAll('.filterable').forEach(function (itemToApplyClickHandlerTo) {
125 | 
126 |                         var foundItems = [];
127 |                         var filterType = itemToApplyClickHandlerTo.getAttribute('data-filter-type');
128 |                         var items = document.querySelectorAll('#psalmErrors > li');
129 |                         var uniqueCounts = [];
130 |                         for (var i = 0; i < items.length; i++) {
131 |                             var itemAttributeValue = items[i].getAttribute('data-' + filterType);
132 |                             if (itemAttributeValue in uniqueCounts) {
133 |                                 uniqueCounts[itemAttributeValue]++;
134 |                             } else {
135 |                                 uniqueCounts[itemAttributeValue] = 1;
136 |                             }
137 |                             foundItems.push(itemAttributeValue);
138 |                         }
139 |                         var uniqueFoundItems = foundItems.filter(function (value, index, self) {
140 |                             return self.indexOf(value) === index;
141 |                         });
142 |                         for (var i = 0; i < uniqueFoundItems.length; i++) {
143 |                             var newOpt = document.createElement('option');
144 |                             newOpt.value = uniqueFoundItems[i];
145 |                             newOpt.innerHTML = uniqueFoundItems[i] + ' (' + uniqueCounts[uniqueFoundItems[i]] + ')';
146 |                             itemToApplyClickHandlerTo.appendChild(newOpt);
147 |                         }
148 | 
149 |                         itemToApplyClickHandlerTo.onclick = function () {
150 |                             showAllItems();
151 |                             document.querySelectorAll('.filterable').forEach(function (filteringDropdown) {
152 |                                 subtractUnmatchedItems(
153 |                                     filteringDropdown.getAttribute('data-filter-type'),
154 |                                     filteringDropdown.options[filteringDropdown.selectedIndex].value
155 |                                 );
156 |                             });
157 |                         };
158 |                     });
159 |                 
160 |                 </script>
161 | </body>
162 | </html>
163 | 


--------------------------------------------------------------------------------
/test/psalm-report.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <report>
 3 |     <item>
 4 |         <severity>error</severity>
 5 |         <line_from>94</line_from>
 6 |         <line_to>94</line_to>
 7 |         <type>MixedArrayAccess</type>
 8 |         <message>Cannot access array value on mixed variable $transaction</message>
 9 |         <file_name>tests/src/SomeTest.php</file_name>
10 |         <file_path>/full/path/to/project/tests/src/SomeTest.php</file_path>
11 |         <snippet>            $this-&gt;assertSame('http://example.com/EchoTest', (string) $transaction['request']-&gt;getUri());</snippet>
12 |         <selected_text>$transaction['request']</selected_text>
13 |         <from>2307</from>
14 |         <to>2330</to>
15 |         <snippet_from>2237</snippet_from>
16 |         <snippet_to>2342</snippet_to>
17 |         <column_from>71</column_from>
18 |         <column_to>94</column_to>
19 |         <error_level>1</error_level>
20 |         <shortcode>51</shortcode>
21 |         <link>https://psalm.dev/051</link>
22 |         <taint_trace></taint_trace>
23 |     </item>
24 |     <item>
25 |         <severity>error</severity>
26 |         <line_from>18</line_from>
27 |         <line_to>18</line_to>
28 |         <type>InvalidScalarArgument</type>
29 |         <message>Argument 1 of __construct expects string, int provided</message>
30 |         <file_name>src/Reflector/Exception/IdentifierNotFound.php</file_name>
31 |         <file_path>/full/path/to/better-reflection/src/Reflector/Exception/IdentifierNotFound.php</file_path>
32 |         <snippet>        parent::__construct($message);</snippet>
33 |         <selected_text>$message</selected_text>
34 |         <from>392</from>
35 |         <to>400</to>
36 |         <snippet_from>364</snippet_from>
37 |         <snippet_to>402</snippet_to>
38 |         <column_from>29</column_from>
39 |         <column_to>37</column_to>
40 |         <error_level>1</error_level>
41 |         <shortcode>51</shortcode>
42 |         <link>https://psalm.dev/051</link>
43 |         <taint_trace></taint_trace>
44 |     </item>
45 |     <item>
46 |         <severity>error</severity>
47 |         <line_from>30</line_from>
48 |         <line_to>34</line_to>
49 |         <type>InvalidScalarArgument</type>
50 |         <message>Argument 1 of Roave\BetterReflection\Reflector\Exception\IdentifierNotFound::__construct expects int, string provided</message>
51 |         <file_name>src/Reflector/Exception/IdentifierNotFound.php</file_name>
52 |         <file_path>/full/path/to/better-reflection/src/Reflector/Exception/IdentifierNotFound.php</file_path>
53 |         <snippet>        return new self(sprintf(
54 |             '%s "%s" could not be found in the located source',
55 |             $identifier-&gt;getType()-&gt;getName(),
56 |             $identifier-&gt;getName()
57 |             ), $identifier);</snippet>
58 |         <selected_text>sprintf(
59 |             '%s "%s" could not be found in the located source',
60 |             $identifier-&gt;getType()-&gt;getName(),
61 |             $identifier-&gt;getName()
62 |             )</selected_text>
63 |         <from>651</from>
64 |         <to>815</to>
65 |         <snippet_from>627</snippet_from>
66 |         <snippet_to>830</snippet_to>
67 |         <column_from>25</column_from>
68 |         <column_to>10</column_to>
69 |         <error_level>1</error_level>
70 |         <shortcode>51</shortcode>
71 |         <link>https://psalm.dev/051</link>
72 |         <taint_trace></taint_trace>
73 |     </item>
74 | </report>
75 | 


--------------------------------------------------------------------------------