From cbeef5541f7eba9d3de0131c27bf3a619bf8e55b Mon Sep 17 00:00:00 2001
From: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Date: Sun, 10 Nov 2024 09:46:01 +0000
Subject: [PATCH] chore(deps-dev): bump @types/node from 22.8.7 to 22.9.0 in the production-dependencies group (#1579)
---
quartz/util/resources.tsx | 34 ++++++++++++++++++++++++++++++----
1 files changed, 30 insertions(+), 4 deletions(-)
diff --git a/quartz/util/resources.tsx b/quartz/util/resources.tsx
index a185733..72ae9e6 100644
--- a/quartz/util/resources.tsx
+++ b/quartz/util/resources.tsx
@@ -16,6 +16,12 @@
}
)
+export type CSSResource = {
+ content: string
+ inline?: boolean
+ spaPreserve?: boolean
+}
+
export function JSResourceToScriptElement(resource: JSResource, preserve?: boolean): JSX.Element {
const scriptType = resource.moduleType ?? "application/javascript"
const spaPreserve = preserve ?? resource.spaPreserve
@@ -26,14 +32,34 @@
} else {
const content = resource.script
return (
- <script key={randomUUID()} type={scriptType} spa-preserve={spaPreserve}>
- {content}
- </script>
+ <script
+ key={randomUUID()}
+ type={scriptType}
+ spa-preserve={spaPreserve}
+ dangerouslySetInnerHTML={{ __html: content }}
+ ></script>
+ )
+ }
+}
+
+export function CSSResourceToStyleElement(resource: CSSResource, preserve?: boolean): JSX.Element {
+ const spaPreserve = preserve ?? resource.spaPreserve
+ if (resource.inline ?? false) {
+ return <style>{resource.content}</style>
+ } else {
+ return (
+ <link
+ key={resource.content}
+ href={resource.content}
+ rel="stylesheet"
+ type="text/css"
+ spa-preserve={spaPreserve}
+ />
)
}
}
export interface StaticResources {
- css: string[]
+ css: CSSResource[]
js: JSResource[]
}
--
Gitblit v1.10.0