taglist, mermaid

Jacky Zhao

2023-06-13 9d2024b11c7c24ec8112b5019504fc44b4e1a297

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
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[]
}