roadmap/quartz/resources.tsx

31 lines
900 B
TypeScript
Raw Normal View History

2023-06-13 05:41:42 +00:00
import { randomUUID } from "crypto"
import { JSX } from "preact/jsx-runtime"
export type JSResource = {
loadTime: 'beforeDOMReady' | 'afterDOMReady'
2023-07-02 20:08:29 +00:00
moduleType?: 'module',
spaPreserve?: boolean
2023-06-13 05:41:42 +00:00
} & ({
src: string
contentType: 'external'
} | {
script: string
contentType: 'inline'
})
export function JSResourceToScriptElement(resource: JSResource, preserve?: boolean): JSX.Element {
const scriptType = resource.moduleType ?? 'application/javascript'
2023-07-02 20:08:29 +00:00
const spaPreserve = preserve ?? resource.spaPreserve
2023-06-13 05:41:42 +00:00
if (resource.contentType === 'external') {
return <script key={resource.src} src={resource.src} type={scriptType} spa-preserve={spaPreserve}/>
2023-06-13 05:41:42 +00:00
} else {
const content = resource.script
2023-07-02 20:08:29 +00:00
return <script key={randomUUID()} type={scriptType} spa-preserve={spaPreserve}>{content}</script>
2023-06-13 05:41:42 +00:00
}
}
export interface StaticResources {
css: string[],
js: JSResource[]
}