Bump marked to ^13.0.0 (#42665)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: ZeeshanTamboli <zeeshan.tamboli@gmail.com>

docs/package.json

@@ -132,7 +132,7 @@
     "chai": "^4.4.1",
     "cross-fetch": "^4.0.0",
     "gm": "^1.25.0",
-    "marked": "^5.1.2",
+    "marked": "^13.0.0",
     "playwright": "^1.44.1",
     "prettier": "^3.3.2",
     "tailwindcss": "^3.4.4",

packages/markdown/package.json

@@ -22,7 +22,7 @@
   "dependencies": {
     "@babel/runtime": "^7.24.7",
     "lodash": "^4.17.21",
-    "marked": "^5.1.2",
+    "marked": "^13.0.0",
     "prismjs": "^1.29.0"
   },
   "devDependencies": {

packages/markdown/parseMarkdown.js

@@ -309,12 +309,13 @@ function createRender(context) {
    */
   function render(markdown) {
     const renderer = new marked.Renderer();
-    renderer.heading = (headingHtml, level) => {
+    renderer.heading = function heading({ tokens, depth: level }) {
       // Main title, no need for an anchor.
       // It adds noises to the URL.
       //
       // Small title, no need for an anchor.
       // It reduces the risk of duplicated id and it's fewer elements in the DOM.
+      const headingHtml = this.parser.parseInline(tokens);
       if (level === 1 || level >= 4) {
         return `<h${level}>${headingHtml}</h${level}>`;
       }
@@ -372,11 +373,12 @@ function createRender(context) {
         `</h${level}>`,
       ].join('');
     };
-    renderer.link = (href, linkTitle, linkText) => {
+    renderer.link = function link({ href, title, tokens }) {
+      const linkText = this.parser.parseInline(tokens);
       let more = '';
 
-      if (linkTitle) {
-        more += ` title="${linkTitle}"`;
+      if (title) {
+        more += ` title="${title}"`;
       }
 
       if (noSEOadvantage.some((domain) => href.indexOf(domain) !== -1)) {
@@ -404,17 +406,17 @@ function createRender(context) {
 
       return `<a href="${finalHref}"${more}>${linkText}</a>`;
     };
-    renderer.code = (code, infostring, escaped) => {
+    renderer.code = ({ lang, text, escaped }) => {
       // https://github.com/markedjs/marked/blob/30e90e5175700890e6feb1836c57b9404c854466/src/Renderer.js#L15
-      const lang = (infostring || '').match(/\S*/)[0];
-      const title = (infostring || '').match(/title="([^"]*)"/)?.[1];
-      const out = prism(code, lang);
-      if (out != null && out !== code) {
+      const langString = (lang || '').match(/\S*/)[0];
+      const title = (lang || '').match(/title="([^"]*)"/)?.[1];
+      const out = prism(text, langString);
+      if (out != null && out !== text) {
         escaped = true;
-        code = out;
+        text = out;
       }
 
-      code = `${code.replace(/\n$/, '')}\n`;
+      const code = `${text.replace(/\n$/, '')}\n`;
 
       if (!lang) {
         return `<pre><code>${escaped ? code : escape(code, true)}</code></pre>\n`;