mirror of https://github.com/logos-co/roadmap.git
29 lines
815 B
TypeScript
29 lines
815 B
TypeScript
|
import { randomUUID } from "crypto"
|
||
|
|
import { JSX } from "preact/jsx-runtime"
|
||
|
|
|
||
|
|
export type JSResource = {
|
||
|
|
loadTime: 'beforeDOMReady' | 'afterDOMReady'
|
||
|
|
moduleType?: 'module'
|
||
|
|
} & ({
|
||
|
|
src: string
|
||
|
|
contentType: 'external'
|
||
|
|
} | {
|
||
|
|
script: string
|
||
|
|
contentType: 'inline'
|
||
|
|
})
|
||
|
|
|
||
|
|
export function JSResourceToScriptElement(resource: JSResource, preserve?: boolean): JSX.Element {
|
||
|
|
const scriptType = resource.moduleType ?? 'application/javascript'
|
||
|
|
if (resource.contentType === 'external') {
|
||
|
|
return <script key={resource.src} src={resource.src} type={scriptType} spa-preserve={preserve} />
|
||
|
|
} else {
|
||
|
|
const content = resource.script
|
||
|
|
return <script key={randomUUID()} type={scriptType} spa-preserve={preserve}>{content}</script>
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export interface StaticResources {
|
||
|
|
css: string[],
|
||
|
|
js: JSResource[]
|
||
|
|
}
|