Fix double escaping

RichDom2185 · RichDom2185 · commit 71d2ec87767e · 2025-08-20T05:20:42.000+08:00
diff --git a/javascript/TocCards.tsx b/javascript/TocCards.tsx
@@ -1,4 +1,4 @@
-import { html } from "hono/html";
+import { html, raw } from "hono/html";
 import type { FC } from "hono/jsx";
 
 type HeaderCardProps = {
@@ -36,7 +36,9 @@ export const IndexHeaderCard: FC<HeaderCardProps> = ({
         &#x25BC;
         <!-- ▼ (because the corresponding one is not rendered) -->
       </a>
-      <a href="${toIndexFolder}${chapterIndex}.html">${displayTitle}</a>
+      <a href="${raw(toIndexFolder)}${chapterIndex}.html"
+        >${raw(displayTitle)}</a
+      >
     </h5>
   </div>`;
 };
@@ -69,7 +71,9 @@ export const SidebarHeaderCard: FC<HeaderCardProps> = ({
         &#x25BC;
         <!-- ▼ (because the corresponding one is not rendered) -->
       </a>
-      <a href="${toIndexFolder}${chapterIndex}.html">${displayTitle}</a>
+      <a href="${raw(toIndexFolder)}${chapterIndex}.html"
+        >${raw(displayTitle)}</a
+      >
     </h5>
   </div>`;
 };
diff --git a/javascript/generateTocHtml.tsx b/javascript/generateTocHtml.tsx
@@ -9,7 +9,7 @@ import LinksHead from "./html/LinksHead.js";
 import Licences from "./html/Licences.js";
 import { generateChapterIndex } from "./tocUtils.js";
 import { IndexHeaderCard, SidebarHeaderCard } from "./TocCards.js";
-import { html } from "hono/html";
+import { html, raw } from "hono/html";
 import type { WriteBuffer } from "./types.js";
 
 const truncateTitle = chapterTitle => {
@@ -109,8 +109,8 @@ export const recursiveProcessTOC = (
                 aria-expanded="false"
                 aria-controls="index-collapse-${index + 1}"
               >
-                <a href="${toIndexFolder}${chapterIndex}.html">
-                  ${displayTitle}</a
+                <a href="${raw(toIndexFolder)}${chapterIndex}.html">
+                  ${raw(displayTitle)}</a
                 >
               </span>
             </h5>
@@ -129,8 +129,8 @@ export const recursiveProcessTOC = (
                 aria-expanded="false"
                 aria-controls="sidebar-collapse-${index + 1}"
               >
-                <a href="${toIndexFolder}${chapterIndex}.html">
-                  ${displayTitle}</a
+                <a href="${raw(toIndexFolder)}${chapterIndex}.html">
+                  ${raw(displayTitle)}</a
                 >
               </span>
             </h5>
diff --git a/javascript/html/LinksHead.tsx b/javascript/html/LinksHead.tsx
@@ -1,4 +1,4 @@
-import { html } from "hono/html";
+import { html, raw } from "hono/html";
 import type { FC } from "hono/jsx";
 
 const HtmlHeadPart1: FC = () => {
@@ -119,7 +119,7 @@ const LinksHead: FC<LinksHeadProps> = ({
 }) => {
   return html`
     <head>
-      ${(<HtmlHeadPart1 />)} ${children}
+      ${(<HtmlHeadPart1 />)} ${raw(children)}
       ${(<HtmlHeadPart2 toIndexFolder={toIndexFolder} />)}
     </head>
   `;
diff --git a/javascript/html/Navigation.tsx b/javascript/html/Navigation.tsx
@@ -1,4 +1,4 @@
-import { html } from "hono/html";
+import { html, raw } from "hono/html";
 import type { FC } from "hono/jsx";
 
 const NavigationElements: FC = () => {
@@ -61,7 +61,7 @@ const Navigation: FC = () => {
       </button>
       <span class="toolt"
         >Legend<span class="toolttext">
-          ${(<NavigationElements />)}
+          ${raw(<NavigationElements />)}
         </span></span
       >
     </nav>`;
