2023-11-16 05:45:38 +00:00
|
|
|
/*
|
|
|
|
Copyright (c) 2023 Charles Iliya Krempeaux :: http://changelog.ca/
|
|
|
|
|
|
|
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
of this software and associated documentation files (the "Software"), to deal
|
|
|
|
in the Software without restriction, including without limitation the rights
|
|
|
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
|
copies of the Software, and to permit persons to whom the Software is
|
|
|
|
furnished to do so, subject to the following conditions:
|
|
|
|
|
|
|
|
The above copyright notice and this permission notice shall be included in
|
|
|
|
all copies or substantial portions of the Software.
|
|
|
|
|
|
|
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
|
THE SOFTWARE.
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
// The page that this script is loaded into is called the 'destination'.
|
|
|
|
// Which is shortened to "dst" in the code.
|
|
|
|
//
|
|
|
|
// Elsewhere, at a different path, there is a 'source'.
|
|
|
|
// Which is shortern to "src" in the code.
|
|
|
|
//
|
|
|
|
// The 'dst' has a path. For example, it might be:
|
|
|
|
//
|
|
|
|
// /topic/apple/banana/cherry
|
|
|
|
//
|
|
|
|
// The page of the 'src' is based on the path of the 'dst'.
|
|
|
|
// For the example 'dst' path the corresponding 'src' path is:
|
|
|
|
//
|
|
|
|
// /src/topic/apple/banana/cherry
|
|
|
|
//
|
|
|
|
// I.e., the corresponding 'src' path has a "/src" prefix.
|
|
|
|
//
|
|
|
|
// This JavaScript code looks at the path of the 'dst' and calculates the path of the 'src'.
|
|
|
|
// It then fetches the HTML from the 'src' path.
|
|
|
|
// It then includes the HTML it fetched from the 'src' path here into the 'dst'.
|
|
|
|
// It then sets the title of the page to the inner-text for the first <h1> from the 'src'.
|
2023-11-16 13:29:06 +00:00
|
|
|
export async function include(element) {
|
2023-11-16 12:53:51 +00:00
|
|
|
log("begin")
|
2023-11-16 05:45:38 +00:00
|
|
|
|
|
|
|
if (undefined === element) {
|
2023-11-16 13:29:06 +00:00
|
|
|
logerror("element is undefined")
|
2023-11-16 12:53:51 +00:00
|
|
|
log("end")
|
2023-11-16 05:45:38 +00:00
|
|
|
return
|
|
|
|
}
|
|
|
|
|
|
|
|
let dst = window.location.pathname
|
|
|
|
let src = "/src" + dst
|
|
|
|
|
2023-11-16 13:29:06 +00:00
|
|
|
log("dst-path:", JSON.stringify(dst))
|
|
|
|
log("src-path:", JSON.stringify(src))
|
2023-11-16 05:45:38 +00:00
|
|
|
|
2023-11-16 13:29:06 +00:00
|
|
|
const response = await fetch(src)
|
|
|
|
if (!response.ok) {
|
|
|
|
element.innerHTML = '<article><h1>Not Found</h1></article>'
|
|
|
|
logerror("src file not found")
|
|
|
|
log("end")
|
|
|
|
throw new Error('network response was not ok')
|
|
|
|
}
|
|
|
|
log("src file found")
|
2023-11-16 05:45:38 +00:00
|
|
|
|
2023-11-16 13:29:06 +00:00
|
|
|
const text = await response.text()
|
2023-11-16 05:45:38 +00:00
|
|
|
|
2023-11-16 13:29:06 +00:00
|
|
|
// include the src file
|
|
|
|
setInnerHTML(element, text)
|
2023-11-16 05:45:38 +00:00
|
|
|
|
2023-11-16 13:29:06 +00:00
|
|
|
// Set the title of the page to the value of the first <h1> (if there is an <h1>).
|
|
|
|
setTitle(element)
|
2023-11-16 05:45:38 +00:00
|
|
|
|
2023-11-16 12:53:51 +00:00
|
|
|
log("end")
|
|
|
|
}
|
|
|
|
|
|
|
|
function log(...args) {
|
|
|
|
args.unshift("[asan][include]");
|
|
|
|
console.log(...args);
|
2023-11-16 05:45:38 +00:00
|
|
|
}
|
2023-11-16 13:29:06 +00:00
|
|
|
|
|
|
|
function logerror(...args) {
|
|
|
|
args.unshift("[asan][include] ERROR:");
|
|
|
|
console.error(...args);
|
|
|
|
}
|
|
|
|
|
|
|
|
function setInnerHTML(element, text) {
|
|
|
|
if (undefined === element) {
|
|
|
|
logerror("element is undefined")
|
|
|
|
return
|
|
|
|
}
|
|
|
|
|
|
|
|
element.innerHTML = text
|
|
|
|
log("src file included")
|
|
|
|
}
|
|
|
|
|
|
|
|
function setTitle(element) {
|
|
|
|
if (undefined === element) {
|
|
|
|
logerror("element is undefined")
|
|
|
|
return
|
|
|
|
}
|
|
|
|
|
|
|
|
const h1s = element.getElementsByTagName("h1")
|
|
|
|
if (undefined === h1s || element.length <= 0) {
|
|
|
|
logerror("<h1>s is undefined")
|
|
|
|
return
|
|
|
|
}
|
|
|
|
const h1 = h1s[0]
|
|
|
|
log("src file has at least 1 <h1> element — will set the same value of <title> to the same value of this first <h1>")
|
|
|
|
|
|
|
|
const titleText = h1.innerText
|
|
|
|
log("first <h1>'s value:", JSON.stringify(titleText))
|
|
|
|
|
|
|
|
const titles = document.getElementsByTagName("title")
|
|
|
|
if (undefined === titles || titles.length <= 0) {
|
|
|
|
logerror("<title>s is undefined")
|
|
|
|
return
|
|
|
|
}
|
|
|
|
const title = titles[0]
|
|
|
|
|
|
|
|
title.innerText = titleText
|
|
|
|
log("value of <title> set to value of first <h1> in included src file")
|
|
|
|
}
|