style: prettify utteranc code snippet

This commit is contained in:
Cotes Chung 2023-09-15 01:13:20 +08:00
parent f079bb7f5b
commit bb589e8d31
No known key found for this signature in database
GPG key ID: 0D9E54843167A808

View file

@ -1,51 +1,49 @@
<!-- https://utteranc.es/ --> <!-- https://utteranc.es/ -->
<script src="https://utteranc.es/client.js" <script
src="https://utteranc.es/client.js"
repo="{{ site.comments.utterances.repo }}" repo="{{ site.comments.utterances.repo }}"
issue-term="{{ site.comments.utterances.issue_term }}" issue-term="{{ site.comments.utterances.issue_term }}"
crossorigin="anonymous" crossorigin="anonymous"
async> async
</script> ></script>
<script type="text/javascript"> <script type="text/javascript">
$(function () { $(function () {
const origin = "https://utteranc.es"; const origin = 'https://utteranc.es';
const iframe = "iframe.utterances-frame"; const iframe = 'iframe.utterances-frame';
const lightTheme = "github-light"; const lightTheme = 'github-light';
const darkTheme = "github-dark"; const darkTheme = 'github-dark';
let initTheme = lightTheme; let initTheme = lightTheme;
if ($("html[data-mode=dark]").length > 0 if (
|| ($("html[data-mode]").length == 0 $('html[data-mode=dark]').length > 0 ||
&& window.matchMedia("(prefers-color-scheme: dark)").matches)) { ($('html[data-mode]').length == 0 && window.matchMedia('(prefers-color-scheme: dark)').matches)
) {
initTheme = darkTheme; initTheme = darkTheme;
} }
addEventListener("message", (event) => { addEventListener('message', (event) => {
let theme; let theme;
/* credit to <https://github.com/utterance/utterances/issues/170#issuecomment-594036347> */ /* credit to <https://github.com/utterance/utterances/issues/170#issuecomment-594036347> */
if (event.origin === origin) { if (event.origin === origin) {
/* page initial */ /* page initial */
theme = initTheme; theme = initTheme;
} else if (event.source === window && event.data && event.data.direction === ModeToggle.ID) {
} else if (event.source === window && event.data &&
event.data.direction === ModeToggle.ID) {
/* global theme mode changed */ /* global theme mode changed */
const mode = event.data.message; const mode = event.data.message;
theme = (mode === ModeToggle.DARK_MODE ? darkTheme : lightTheme); theme = mode === ModeToggle.DARK_MODE ? darkTheme : lightTheme;
} else { } else {
return; return;
} }
const message = { const message = {
type: "set-theme", type: 'set-theme',
theme: theme theme: theme
}; };
const utterances = document.querySelector(iframe).contentWindow; const utterances = document.querySelector(iframe).contentWindow;
utterances.postMessage(message, origin); utterances.postMessage(message, origin);
}); });
}); });
</script> </script>