split css/js into their single files to get async

noureddin · Nov 7, 2023 · 398e393 · 398e393
1 parent 1329920
commit 398e393
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/.index.html b/.index.html
@@ -5,9 +5,7 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <<!!# this file uses a small preprocessor to embed fonts and data; see index.html for the generated HTML file>>
 <<!!sh meta.sh>>
-<style>
-<<!!cat style.min.css>>
-</style>
+<link rel="stylesheet" type="text/css" href="style.min.css">
 </head>
 <body>
 <input type="checkbox" id="dark" hidden disabled>
@@ -179,6 +177,6 @@
         async src="//gc.zgo.at/count.js"></script>
 
 <script src="res/jszip.min.js"></script>
-<script><<!!cat scripts.min.js>></script>
+<script src="scripts.min.js"></script>
 </body>
 </html>
diff --git a/Makefile b/Makefile
@@ -3,10 +3,13 @@ J=deno run --quiet --allow-read npm:uglify-js -c passes=5 -m toplevel,reserved=$
 C=deno run --quiet --allow-read npm:clean-css-cli
 M=perl -CSAD minify.pl
 P=perl -CSAD -nE 'while(s/<<!!(.*?)>>/`$$1`/ge){} print'
+H=perl -CSAD -MDigest::file=digest_file_base64 -p \
+  -e 'sub hash(_) { digest_file_base64($$_[0], "SHA-1") =~ tr[+/][-_]r }' \
+  -e 's{(<script src="|<link [^<>]+ href=")([^"<>]+\.[^/]+)(?=")}{ "$$1$$2?h=" . hash($$2) }ge'
 
 
 index.html: .index.html a.js data.js scripts.min.js style.min.css
-	$P "$<" | $M > "$@"
+	$P "$<" | $M | $H > "$@"
 
 %.min.css: %.css
 	$C "$<" > "$@"

diff --git a/index.html b/index.html