Jacky Zhao
2023-08-06 db6054a8c19703345cfdd6dd4a08f35986c14acc
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
29
30
31
32
33
34
35
36
37
38
39
import { randomUUID } from "crypto"
import { JSX } from "preact/jsx-runtime"
 
export type JSResource = {
  loadTime: "beforeDOMReady" | "afterDOMReady"
  moduleType?: "module"
  spaPreserve?: boolean
} & (
  | {
      src: string
      contentType: "external"
    }
  | {
      script: string
      contentType: "inline"
    }
)
 
export function JSResourceToScriptElement(resource: JSResource, preserve?: boolean): JSX.Element {
  const scriptType = resource.moduleType ?? "application/javascript"
  const spaPreserve = preserve ?? resource.spaPreserve
  if (resource.contentType === "external") {
    return (
      <script key={resource.src} src={resource.src} type={scriptType} spa-preserve={spaPreserve} />
    )
  } else {
    const content = resource.script
    return (
      <script key={randomUUID()} type={scriptType} spa-preserve={spaPreserve}>
        {content}
      </script>
    )
  }
}
 
export interface StaticResources {
  css: string[]
  js: JSResource[]
}