Fetch Error, please see console for more information.
`
})
// Render Article Header (Metadata) //
const author /**/ = dataManifest.authors.find(a => a.id === article.author)
const tags /**/ = article.tags.map(id => dataManifest.tags.find(t => t.id === id))
listChapters.innerHTML += `
... LOADING ARTICLE ...
`
articleHeader.innerHTML += `
`
} else {
// Display Search //
document.title = `panca.kz - Blog`
// Collect Filters and Articles //
const params = new URLSearchParams(window.location.search)
const filterTags = new Set(params
.getAll("filter[tag]")
.filter(s => dataManifest.tags.findIndex(t => t.id.localeCompare(s) === 0) > -1)
)
const filterAuthor = new Set(params
.getAll("filter[author]")
.filter(s => dataManifest.authors.findIndex(t => t.id.localeCompare(s) === 0) > -1)
)
const results = dataManifest.articles
.sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime())
.filter(a => {
// Need Requested Author //
if (filterAuthor.size > 0) {
if (!filterAuthor.has(a.author)) return false
}
// Need Requested Tags //
if (filterTags.size > 0) {
let missedTag = false
filterTags.forEach(t => {
if (a.tags.findIndex(s => s === t) === -1) {
missedTag = true
}
})
if (missedTag) {
return false
}
}
return true
})
// Render Results //
listChapters.innerHTML += `
... SELECT ARTICLE ...
`
listArticles.innerHTML += `
${results.length} RESULT${results.length === 1 ? "" : "s"}
${new Array(...filterTags.values()).map(s => `<TAG:${s.toUpperCase()}>`).join(" ")}
${new Array(...filterAuthor.values()).map(s => `<AUTHOR:${s.toUpperCase()}>`).join(" ")}
_
`
listArticles.innerHTML += results.map((a, i) => `
${a.title}
${a.description}
${formatDate(a.date)}
${a.tags.map(t => `${t.toUpperCase()}`).join("\n")}
`)
.join("\n")
}
}
updateArticle()
// History Overrides //
window.addEventListener("popstate", () => {
updateArticle()
})
document.addEventListener("click", (e) => {
const link = e.target.closest("a")
if (!link) return
const url = new URL(link.href)
// Ignore non-blog links
if (!url.pathname.startsWith("/blog/")) return
if (url.pathname.startsWith("/blog/rss.xml")) return
// Handle chapter links
const current = new URL(window.location.href)
if (
url.pathname === current.pathname &&
url.search === current.search &&
url.hash
) {
// Smooth scroll into section
e.preventDefault()
const target = document.querySelector(url.hash)
if (target) {
target.scrollIntoView({ behavior: "smooth" })
}
return
}
// Update Application
e.preventDefault()
history.pushState(null, "", url.pathname + url.search + url.hash)
updateArticle()
})
})()