jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-03 17:46:39 -04:00
Code Issues Activity

use url-parse for more reliable slug calculation

Browse Source
This commit is contained in:
Jake Jarvis
2021-07-31 15:49:32 -04:00
parent b273bdbf99
commit 5b44ffd93c
5 changed files with 42 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
assets/js/src/counter.js
View File

@ -1,38 +1,41 @@
import fetch from "cross-fetch";
import urlParse from "url-parse";
import numeral from "numeral";
// don't continue if there isn't a span#meta-hits element on this page
const wrapper = document.getElementById("meta-hits");
if (wrapper) {
// use <link rel="canonical"> to deduce a consistent identifier for this page
const canonical = document.querySelector("link[rel='canonical']");
// page must have both span#meta-hits and canonical URL to enter
if (wrapper && canonical) {
// javascript is enabled so show the loading indicator
wrapper.style.display = "inline-block";
// deduce a consistent identifier for this page, no matter the URL
const canonical = document.createElement("a");
canonical.href = document.querySelector("link[rel='canonical']").href;
// strip beginning and ending forward slash
const slug = canonical.pathname.slice(1, -1);
// get path and strip beginning and ending forward slash
const slug = urlParse(canonical.href).pathname.replace(/^\/|\/$/g, "");
fetch(`/api/hits/?slug=${encodeURIComponent(slug)}`)
.then((response) => response.json())
.then((data) => {
if (data.hits) {
// finally inject the hits and hide the loading spinner
const spinner = document.getElementById("hit-spinner");
const counter = document.getElementById("hit-counter");
// pretty number and units
const hitsComma = numeral(data.hits).format("0,0");
const hitsPlural = data.hits === 1 ? "hit" : "hits";
wrapper.title = hitsComma + " " + hitsPlural;
if (spinner) {
spinner.style.display = "none";
}
// finally inject the hits...
const counter = document.getElementById("hit-counter");
if (counter) {
counter.appendChild(document.createTextNode(hitsComma));
}
wrapper.title = hitsComma + " " + hitsPlural;
// ...and hide the loading spinner
const spinner = document.getElementById("hit-spinner");
if (spinner) {
spinner.style.display = "none";
}
} else {
// something went horribly wrong, initiate coverup
wrapper.style.display = "none";