feat: new syntax highlighter

THIRD-PARTY-LICENSES

@@ -1,27 +1,34 @@
-** prismjs; version 1.29.0 -- https://github.com/PrismJS/prism/
-Copyright (c) 2012 Lea Verou
+** highlight.js; version 11.11.0 -- https://github.com/highlightjs/highlight.js/
 
-MIT LICENSE
+BSD 3-Clause License
 
-Copyright (c) 2012 Lea Verou
+Copyright (c) 2006, Ivan Sagalaev.
+All rights reserved.
 
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
 
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
+* Redistributions of source code must retain the above copyright notice, this
+  list of conditions and the following disclaimer.
 
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.
+* Redistributions in binary form must reproduce the above copyright notice,
+  this list of conditions and the following disclaimer in the documentation
+  and/or other materials provided with the distribution.
+
+* Neither the name of the copyright holder nor the names of its
+  contributors may be used to endorse or promote products derived from
+  this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 
 ------
 
@@ -68,7 +75,7 @@ SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 
 ------
 
-** unescape-html; version 1.1.0 -- https://github.com/ForbesLindesay/
+** unescape-html; version 1.1.0 -- https://github.com/ForbesLindesay/unescape-html
 
 MIT LICENSE
 

package.json

@@ -36,17 +36,17 @@
     },
     "dependencies": {
         "escape-html": "^1.0.3",
+        "highlight.js": "^11.11.0",
         "just-clone": "^6.2.0",
         "marked": "^14.1.0",
-        "prismjs": "1.29.0",
         "sanitize-html": "^2.12.1",
         "unescape-html": "^1.1.0"
     },
     "peerDependencies": {
         "escape-html": "^1.0.3",
+        "highlight.js": "^11.11.0",
         "just-clone": "^6.2.0",
-        "marked": "^12.0.2",
-        "prismjs": "1.29.0",
+        "marked": "^14.1.0",
         "sanitize-html": "^2.12.1",
         "unescape-html": "^1.1.0"
     },
@@ -59,7 +59,6 @@
         "@types/jest": "^29.5.5",
         "@types/json-schema": "7.0.7",
         "@types/node": "17.0.29",
-        "@types/prismjs": "^1.26.2",
         "@types/sanitize-html": "^2.11.0",
         "@typescript-eslint/eslint-plugin": "^5.34.0",
         "@typescript-eslint/parser": "^5.62.0",

src/components/__test__/syntax-highlighter.spec.ts

@@ -9,7 +9,7 @@ describe('syntax-highlighter', () => {
     });
 
     expect(testSyntaxHighlighter.render.outerHTML.replace('\n', '')).toBe(
-      '<div class="mynah-syntax-highlighter"><pre class="keep-markup language-clike"><span class="token function"></span><code><span class="token function">alert</span><span class="token punctuation">(</span><span class="token string">"hello"</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre><div class="mynah-syntax-highlighter-copy-buttons"></div></div>'
+      '<div class="mynah-syntax-highlighter"><pre><code class="language-js hljs language-javascript" data-highlighted="yes"><span class="hljs-title function_">alert</span>(<span class="hljs-string">"hello"</span>);</code></pre><div class="mynah-syntax-highlighter-copy-buttons"></div></div>'
     );
   });