mirror of
https://gitdab.com/cadence/breezewiki.git
synced 2026-03-05 13:40:27 -05:00
129 lines
4.3 KiB
JavaScript
129 lines
4.3 KiB
JavaScript
import {h, htm, render, signal, computed, effect} from "preact"
|
|
const html = htm.bind(h)
|
|
|
|
// *** Status
|
|
|
|
const loaded = signal(false)
|
|
export {loaded}
|
|
|
|
// *** Loading indicator
|
|
|
|
render(html`Loading, please wait...`, document.getElementById("loading"))
|
|
|
|
// *** Progress bar
|
|
|
|
const progress = signal(null)
|
|
|
|
const progressBar = document.getElementById("progress-bar")
|
|
while (progressBar.childNodes[0] !== undefined) progressBar.childNodes[0].remove() // clear out loading indicators
|
|
|
|
render(html`<progress value="${progress}" max="1"></progress>`, progressBar)
|
|
|
|
// *** Incoming data processing
|
|
|
|
// Handle case where data is immediately available
|
|
cont()
|
|
|
|
// Handle case where data may become available in the future
|
|
window.proxy = new Proxy(jsonpData, {
|
|
get(obj, prop) {
|
|
return value => {
|
|
obj[prop] = value
|
|
cont()
|
|
}
|
|
}
|
|
})
|
|
|
|
// *** Page theme
|
|
|
|
// Try to make it a bit more accurate. Normally this is done server-side by sending a `theme=x` cookie with the parse request. But that's not possible in jsonp mode, and there's no equivalent URL query string to set the theme.
|
|
// Helps on Minecraft wiki. Might not be complete on some wikis.
|
|
cookieStore.get("theme").then(cookie => {
|
|
if (cookie && cookie.value !== "default") {
|
|
document.body.classList.remove("theme-fandomdesktop-light")
|
|
document.body.classList.remove("theme-fandomdesktop-dark")
|
|
document.body.removeAttribute("data-theme")
|
|
document.body.classList.add(`theme-fandomdesktop-${cookie.value}`)
|
|
document.body.setAttribute("data-theme", cookie.value)
|
|
}
|
|
})
|
|
|
|
// *** Data upload and download
|
|
|
|
async function cont() {
|
|
if (jsonpData.wikipage?.error) return error(jsonpData.wikipage)
|
|
if (jsonpData.siteinfo?.error) return error(jsonpData.siteinfo)
|
|
if (!(jsonpData.wikipage && jsonpData.siteinfo)) return
|
|
|
|
const xhr = new XMLHttpRequest();
|
|
|
|
const uploadFraction = 0.7
|
|
|
|
const pkg = {
|
|
url: "/api/render/wiki",
|
|
init: {
|
|
method: "POST",
|
|
body: JSON.stringify({
|
|
data: jsonpData.wikipage,
|
|
siteinfo: jsonpData.siteinfo,
|
|
wikiname: BWData.wikiname,
|
|
path: BWData.path
|
|
})
|
|
}
|
|
}
|
|
|
|
// Upload progress
|
|
xhr.upload.addEventListener("progress", event => {
|
|
if (event.lengthComputable) {
|
|
progress.value = (event.loaded / event.total) * uploadFraction
|
|
}
|
|
})
|
|
|
|
// Download progress
|
|
xhr.addEventListener("progress", event => {
|
|
if (event.lengthComputable) {
|
|
progress.value = (event.loaded / event.total) * (1 - uploadFraction) + uploadFraction
|
|
}
|
|
})
|
|
|
|
xhr.addEventListener("load", () => {
|
|
console.log(xhr)
|
|
if (xhr.status === 500) return fetch(pkg.url, pkg.init).then(res => res.text()).then(error)
|
|
// page -> #content
|
|
const imported = document.importNode(xhr.responseXML.getElementById("content"), true)
|
|
document.getElementById("content").replaceWith(imported)
|
|
// <head>
|
|
document.title = xhr.responseXML.title
|
|
for (const e of xhr.responseXML.head.children) {
|
|
const alreadyImported = [...document.querySelectorAll("link[href]")].map(e => e.href)
|
|
if (e.tagName === "LINK" && !alreadyImported.includes(e.href)) {
|
|
const imported = document.importNode(e, true)
|
|
document.head.appendChild(imported)
|
|
}
|
|
}
|
|
// Redirects
|
|
const redirectTo = document.querySelector("#content .redirectMsg a")
|
|
if (redirectTo) {
|
|
redirectTo.click()
|
|
}
|
|
loaded.value = true
|
|
})
|
|
|
|
xhr.open(pkg.init.method, pkg.url)
|
|
xhr.responseType = "document"
|
|
xhr.send(pkg.init.body);
|
|
}
|
|
|
|
function error(data) {
|
|
const eContent = document.getElementById("content")
|
|
while (eContent.childNodes[0] !== undefined) eContent.childNodes[0].remove() // clear out loading indicators
|
|
document.title = `Error | BreezeWiki`
|
|
if (typeof data === "string") {
|
|
render(html`<p><strong>BreezeWiki ran into an error on this page.</strong></p><p>Try reloading the page.</p><p>If this keeps happening, you could <a href="mailto:~cadence/breezewiki-discuss@lists.sr.ht">send a public bug report</a>. Please include the following information:</p><pre>URL: ${window.location.href}${"\n"}${data}</pre>`, eContent)
|
|
} else if (data.error.code === "missingtitle") {
|
|
render(html`<p><strong>This page doesn't exist on Fandom.</strong></p><p><small><a href="/${BWData.wikiname}/wiki/Main_Page">Return to the homepage?</a></small></p>`, eContent)
|
|
} else {
|
|
render(html`<p>BreezeWiki wasn't able to load this page.</p><p><strong>${data.error.code}: ${data.error.info}</strong></p>`, eContent)
|
|
}
|
|
}
|