a1c6b89740
The fetchData function suffer from a race condition. If the function is called before the promise finishes, it will result in another pair of HTTP request. This does not only make the function useless but Actually, it makes it harmful as the data might be redownloaded twice. Now fetchData is not a function but rather the promise by itself. Previous callers are expected to await the variable instead, this should be not concern as awaiting a promise multiple time in JavaScript is completely safe.
47 lines
2.0 KiB
HTML
47 lines
2.0 KiB
HTML
<head>
|
|
<!-- Meta tags -->
|
|
<meta charset="UTF-8">
|
|
<meta name="description" content="{{if .IsHome}}{{$.Site.Data.config.description}}{{else}}{{.Summary}}{{end}}">
|
|
<title>{{ if .Title }}{{ .Title }}{{ else }}{{ $.Site.Data.config.page_title }}{{ end }}</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="shortcut icon" type="image/png" href="/icon.png" />
|
|
|
|
<!-- CSS Stylesheets and Fonts -->
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Source+Sans+Pro:wght@400;600;700&family=Fira+Code:wght@400;700&display=swap" rel="stylesheet">
|
|
{{$sass := resources.Match "styles/[!_]*.scss" }}
|
|
{{$css := slice }}
|
|
{{range $sass}}
|
|
{{$scss := . | resources.ToCSS (dict "outputStyle" "compressed") }}
|
|
{{$css = $css | append $scss}}
|
|
{{end}}
|
|
{{$finalCss := $css | resources.Concat "styles.css" | resources.Fingerprint "md5" | resources.Minify }}
|
|
<link href="{{$finalCss.Permalink}}" rel="stylesheet">
|
|
|
|
{{ $darkMode := resources.Get "js/darkmode.js" | resources.Fingerprint "md5" | resources.Minify }}
|
|
<script src="{{$darkMode.Permalink}}"></script>
|
|
|
|
<!-- Preload page vars -->
|
|
{{$linkIndex := resources.Get "indices/linkIndex.json" | resources.Fingerprint "md5" | resources.Minify | }}
|
|
{{$contentIndex := resources.Get "indices/contentIndex.json" | resources.Fingerprint "md5" | resources.Minify }}
|
|
<script>
|
|
const BASE_URL = {{.Site.BaseURL}}
|
|
const fetchData = Promise.all([
|
|
fetch("{{ $linkIndex.Permalink }}")
|
|
.then(data => data.json())
|
|
.then(data => ({
|
|
index: data.index,
|
|
links: data.links,
|
|
})),
|
|
fetch("{{ $contentIndex.Permalink }}")
|
|
.then(data => data.json()),
|
|
])
|
|
.then(([{index, links}, content]) => ({
|
|
index,
|
|
links,
|
|
content,
|
|
}))
|
|
</script>
|
|
</head>
|
|
{{ template "_internal/google_analytics.html" . }}
|
|
{{ partial "popover.html" .}}
|