From cb242ab386ad74b9ba14048ded784c426bc443d4 Mon Sep 17 00:00:00 2001
From: saberzero1 <github@emilebangma.com>
Date: Sun, 8 Mar 2026 20:03:22 +0100
Subject: [PATCH] fix: prevent HTML-escaping of inline style and script content
 in htmlToJsx

Add dangerouslySetInnerHTML overrides for <style> and <script> elements
so that CSS/JS injected by tree transforms is not HTML-escaped during
preact-render-to-string serialization.
---
 quartz/util/jsx.tsx | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/quartz/util/jsx.tsx b/quartz/util/jsx.tsx
index b52542348..d403f18db 100644
--- a/quartz/util/jsx.tsx
+++ b/quartz/util/jsx.tsx
@@ -1,15 +1,26 @@
 import { Components, Jsx, toJsxRuntime } from "hast-util-to-jsx-runtime"
 import { Node, Root } from "hast"
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime"
+import { h } from "preact"
 import { trace } from "./trace"
 import { type FilePath } from "./path"
 
+function childrenToString(children: unknown): string {
+  if (typeof children === "string") return children
+  if (Array.isArray(children)) return children.map(childrenToString).join("")
+  return String(children ?? "")
+}
+
 const customComponents: Components = {
   table: (props) => (
     <div class="table-container">
       <table {...props} />
     </div>
   ),
+  style: ({ children, ...rest }) =>
+    h("style", { ...rest, dangerouslySetInnerHTML: { __html: childrenToString(children) } }),
+  script: ({ children, ...rest }) =>
+    h("script", { ...rest, dangerouslySetInnerHTML: { __html: childrenToString(children) } }),
 }
 
 export function htmlToJsx(fp: FilePath, tree: Node) {