var __defProp = Object.defineProperty;
var __defProps = Object.defineProperties;
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) =>
key in obj
? __defProp(obj, key, {
enumerable: true,
configurable: true,
writable: true,
value,
})
: (obj[key] = value);
var __spreadValues = (a, b) => {
for (var prop in b || (b = {}))
if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
if (__getOwnPropSymbols)
for (var prop of __getOwnPropSymbols(b)) {
if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
}
return a;
};
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
var __name = (target, value) =>
__defProp(target, "name", {
value,
configurable: true,
});
var __async = (__this, __arguments, generator) => {
return new Promise((resolve, reject) => {
var fulfilled = (value) => {
try {
step(generator.next(value));
} catch (e) {
reject(e);
}
};
var rejected = (value) => {
try {
step(generator.throw(value));
} catch (e) {
reject(e);
}
};
var step = (x) =>
x.done
? resolve(x.value)
: Promise.resolve(x.value).then(fulfilled, rejected);
step((generator = generator.apply(__this, __arguments)).next());
});
};
var domParser = new DOMParser();
function fetchAnchorHref(
anchorHref,
currentLocationHref,
method = "get",
body = void 0,
headers = void 0,
) {
return __async(this, null, function* () {
const url =
method.toLowerCase() === "get" && body != null
? `${anchorHref}?${body}`
: anchorHref;
const res = yield fetch(url, {
method,
body: method.toLowerCase() !== "get" ? body : void 0,
headers: __spreadProps(
__spreadValues(
__spreadValues({}, headers || {}),
anchorHref !== currentLocationHref
? {
referer: currentLocationHref,
}
: {},
),
{
accept: "text/html",
"accept-charset": "utf-8",
"x-requested-with": "XMLHttpRequest",
},
),
});
return res;
});
}
__name(fetchAnchorHref, "fetchAnchorHref");
function fetchAndPushState(
targetHref,
refererHref,
method = "get",
body = void 0,
headers = void 0,
withAutoScroll = true,
) {
return __async(this, null, function* () {
let targetHtml = null;
try {
document.dispatchEvent(
new CustomEvent(ClientSideRouterEvents.LOADING, {
detail: {
request: {
method,
url: targetHref,
body,
headers,
referer: refererHref,
},
},
}),
);
let res = yield fetchAnchorHref(
targetHref,
refererHref,
method,
body,
headers,
);
if (res.status >= 301 && res.status <= 308) {
const locationHeaderHref = res.headers.get("location");
if (locationHeaderHref != null) {
targetHref = locationHeaderHref;
res = yield fetchAnchorHref(
targetHref,
refererHref,
method,
body,
headers,
);
}
} else {
targetHtml = yield res.text();
targetHref = res.url;
}
document.dispatchEvent(
new CustomEvent(ClientSideRouterEvents.LOADED, {
detail: {
request: {
method,
url: targetHref,
body,
headers,
referer: refererHref,
},
response: {
html: targetHtml,
},
},
}),
);
} catch (err) {
const error = err;
document.dispatchEvent(
new CustomEvent(ClientSideRouterEvents.LOAD_ERROR, {
detail: {
request: {
method,
url: targetHref,
body,
headers,
referer: refererHref,
},
response: {
error,
},
},
}),
);
}
if (targetHtml == null) {
document.dispatchEvent(
new CustomEvent(ClientSideRouterEvents.LOAD_ERROR, {
detail: {
request: {
method,
url: targetHref,
body,
headers,
referer: refererHref,
},
response: {
error: new Error(
"Could not retrieve HTML to display, it was null.",
),
},
},
}),
);
return () => void 0;
}
const targetDoc = domParser.parseFromString(targetHtml, "text/html");
const {
body: targetBody,
head: targetHead,
title: targetTitle,
} = targetDoc;
const targetStyles = [];
targetHead.childNodes.forEach((node) => {
if (node.nodeType === 1 && node.nodeName.toLowerCase() === "style") {
targetStyles.push(node);
}
});
return () => {
var _a;
try {
document.dispatchEvent(
new CustomEvent(ClientSideRouterEvents.NAVIGATING, {
detail: {
request: {
url: targetHref,
referer: refererHref,
body: targetBody,
head: targetHead,
title: targetTitle,
},
},
}),
);
document.title = targetTitle;
document.body.innerHTML =
targetBody.innerHTML || document.body.innerHTML;
if (document.scrollingElement != null && withAutoScroll === true) {
document.scrollingElement.scrollTo({
behavior: "smooth",
top: 0,
});
}
if (
typeof window.history !== "undefined" &&
targetHref !==
((_a = history.state) === null || _a === void 0
? void 0
: _a.targetHref) &&
targetHref !== refererHref
) {
const targetUrl = new URL(targetHref);
window.history.pushState(
{
targetHref,
},
"",
method.toLowerCase() === "get" && body != null
? [targetUrl.pathname, body].join("?")
: targetUrl.pathname,
);
}
document.dispatchEvent(
new CustomEvent(ClientSideRouterEvents.NAVIGATED, {
detail: {
request: {
url: targetHref,
referer: refererHref,
body: targetBody,
head: targetHead,
title: targetTitle,
},
response: true,
},
}),
);
} catch (err) {
const error = err;
document.dispatchEvent(
new CustomEvent(ClientSideRouterEvents.NAVIGATION_ERROR, {
detail: {
request: {
url: targetHref,
referer: refererHref,
body: targetBody,
head: targetHead,
title: targetTitle,
},
response: {
error,
},
},
}),
);
}
};
});
}
__name(fetchAndPushState, "fetchAndPushState");
function clientSideRouter() {
return __async(
this,
arguments,
function* (
opts = {
fetchAnchorsOn: "mousedown",
},
) {
const pageHref = window.location.href;
function onClientSideRouterMouseDown(ev) {
return __async(this, null, function* () {
const targetEl = ev.target;
if (
ev == null ||
ev.button !== 0 ||
targetEl == null ||
targetEl.tagName.toLowerCase() !== "a" ||
"href" in targetEl === false ||
targetEl.href == null ||
targetEl.href.trim() === ""
) {
return false;
}
const targetDataset = targetEl.dataset;
const baseUrl = new URL(document.baseURI);
const targetUrl = new URL(targetEl.href, document.baseURI);
const isExternalUrl = baseUrl.origin !== targetUrl.origin;
if (isExternalUrl || targetDataset["externalLink"] === "true") {
return false;
}
const targetHash = targetUrl.hash;
const isHashChange = !!(
targetHash != null &&
targetHash.trim() !== "" &&
targetHash.startsWith("#")
);
if (isHashChange) {
const hashEl = document.querySelector(targetHash);
if (hashEl != null) {
ev.preventDefault();
if (targetDataset["smoothScroll"] !== "disabled") {
hashEl.scrollIntoView({
behavior: "smooth",
});
}
window.location.hash = targetHash;
return true;
}
return false;
}
let doNavigate = null;
let pollWaitFetchDoneIntervalId = null;
const navigateOrWait = __name(() => {
if (doNavigate != null) {
doNavigate();
if (pollWaitFetchDoneIntervalId != null) {
clearTimeout(pollWaitFetchDoneIntervalId);
pollWaitFetchDoneIntervalId = null;
}
if (targetEl != null && onClickHandler != null) {
targetEl.removeEventListener("click", onClickHandler);
onClickHandler = null;
}
} else {
pollWaitFetchDoneIntervalId = setTimeout(() => {
if (pollWaitFetchDoneIntervalId != null) {
clearTimeout(pollWaitFetchDoneIntervalId);
pollWaitFetchDoneIntervalId = null;
}
navigateOrWait();
}, 10);
}
}, "navigateOrWait");
let onClickHandler = __name((subEv) => {
subEv.preventDefault();
navigateOrWait();
return true;
}, "onClickHandler");
try {
targetEl.addEventListener("click", onClickHandler);
doNavigate = yield fetchAndPushState(
targetEl.href,
pageHref,
void 0,
void 0,
void 0,
targetDataset["smoothScroll"] !== "disabled",
);
} catch (_) {
targetEl.removeEventListener("click", onClickHandler);
onClickHandler = null;
doNavigate = __name(() => {
window.location.href = targetEl.href;
}, "doNavigate");
}
return true;
});
}
__name(onClientSideRouterMouseDown, "onClientSideRouterMouseDown");
function onClientSideRouterSubmit(ev) {
return __async(this, null, function* () {
const targetEl = ev.target;
if (targetEl == null || targetEl.tagName.toLowerCase() !== "form") {
return false;
}
const targetAction = targetEl.action;
const targetMethod = targetEl.method;
if (
targetAction == null ||
targetAction.trim() === "" ||
targetMethod == null ||
["get", "post"].includes(targetMethod.toLowerCase()) === false
) {
return false;
}
ev.preventDefault();
const headers = {
"content-type": "application/x-www-form-urlencoded",
};
const targetFormData = new FormData(targetEl);
let targetFormDataEntries = {};
targetFormData.forEach((v, k) => {
targetFormDataEntries = __spreadProps(
__spreadValues({}, targetFormDataEntries),
{
[k]: v,
},
);
});
const bodyFormEncoded = Object.entries(targetFormDataEntries)
.map(([k, v]) => `${k}=${v}`)
.join("&");
let doNavigate = __name(() => {
window.location.href = targetAction;
}, "doNavigate");
try {
doNavigate = yield fetchAndPushState(
targetAction,
pageHref,
targetMethod,
bodyFormEncoded,
headers,
);
} catch (_) {}
doNavigate();
return true;
});
}
__name(onClientSideRouterSubmit, "onClientSideRouterSubmit");
document.addEventListener(
opts.fetchAnchorsOn,
onClientSideRouterMouseDown,
);
document.addEventListener("submit", onClientSideRouterSubmit);
window.addEventListener("popstate", (event) =>
setTimeout(
() =>
__async(this, null, function* () {
if (event.state) {
if (event.state.targetHref != null) {
let doNavigate = __name(() => {
window.location.href = event.state.targetHref;
}, "doNavigate");
try {
doNavigate = yield fetchAndPushState(
event.state.targetHref,
pageHref,
void 0,
void 0,
void 0,
false,
);
} catch (_) {}
doNavigate();
return true;
}
return false;
} else {
return false;
}
}),
0,
),
);
},
);
}
__name(clientSideRouter, "clientSideRouter");
var ClientSideRouterEventPrefix = `app_router_`;
var ClientSideRouterEvents = {
LOADING: `${ClientSideRouterEventPrefix}loading`,
LOADED: `${ClientSideRouterEventPrefix}loaded`,
LOAD_ERROR: `${ClientSideRouterEventPrefix}load_error`,
NAVIGATING: `${ClientSideRouterEventPrefix}navigating`,
NAVIGATED: `${ClientSideRouterEventPrefix}navigated`,
NAVIGATION_ERROR: `${ClientSideRouterEventPrefix}navigation_error`,
};
window.location["hardReplace"] = window.location.replace;
clientSideRouter({
fetchAnchorsOn: "mousedown",
});