mirror of
https://github.com/quartz-community/reader-mode.git
synced 2026-07-22 02:50:23 +00:00
deps: update @quartz-community/types and @quartz-community/utils
Also fix code formatting with prettier.
This commit is contained in:
parent
7e3a034a8e
commit
67eaba2995
3 changed files with 15 additions and 17 deletions
2
package-lock.json
generated
2
package-lock.json
generated
|
|
@ -1007,7 +1007,7 @@
|
|||
},
|
||||
"node_modules/@quartz-community/types": {
|
||||
"version": "0.2.1",
|
||||
"resolved": "git+ssh://git@github.com/quartz-community/types.git#a945040888d4e1b97f81cffa094877d74a5f4d0e",
|
||||
"resolved": "git+ssh://git@github.com/quartz-community/types.git#c7df97d0def545b73fe433b7ef9d8ffb6694cf57",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@types/hast": "^3.0.4",
|
||||
|
|
|
|||
|
|
@ -1,25 +1,25 @@
|
|||
let isReaderMode = false
|
||||
let isReaderMode = false;
|
||||
|
||||
const emitReaderModeChangeEvent = (mode: "on" | "off") => {
|
||||
const event: CustomEventMap["readermodechange"] = new CustomEvent("readermodechange", {
|
||||
detail: { mode },
|
||||
})
|
||||
document.dispatchEvent(event)
|
||||
}
|
||||
});
|
||||
document.dispatchEvent(event);
|
||||
};
|
||||
|
||||
document.addEventListener("nav", () => {
|
||||
const switchReaderMode = () => {
|
||||
isReaderMode = !isReaderMode
|
||||
const newMode = isReaderMode ? "on" : "off"
|
||||
document.documentElement.setAttribute("reader-mode", newMode)
|
||||
emitReaderModeChangeEvent(newMode)
|
||||
}
|
||||
isReaderMode = !isReaderMode;
|
||||
const newMode = isReaderMode ? "on" : "off";
|
||||
document.documentElement.setAttribute("reader-mode", newMode);
|
||||
emitReaderModeChangeEvent(newMode);
|
||||
};
|
||||
|
||||
for (const readerModeButton of document.getElementsByClassName("readermode")) {
|
||||
readerModeButton.addEventListener("click", switchReaderMode)
|
||||
window.addCleanup(() => readerModeButton.removeEventListener("click", switchReaderMode))
|
||||
readerModeButton.addEventListener("click", switchReaderMode);
|
||||
window.addCleanup(() => readerModeButton.removeEventListener("click", switchReaderMode));
|
||||
}
|
||||
|
||||
// Set initial state
|
||||
document.documentElement.setAttribute("reader-mode", isReaderMode ? "on" : "off")
|
||||
})
|
||||
document.documentElement.setAttribute("reader-mode", isReaderMode ? "on" : "off");
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,5 +1,3 @@
|
|||
export function classNames(
|
||||
...classes: (string | undefined | null | false)[]
|
||||
): string {
|
||||
export function classNames(...classes: (string | undefined | null | false)[]): string {
|
||||
return classes.filter(Boolean).join(" ");
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue