initial commits
parent
0f2bc61323
commit
b749c152cc
|
@ -0,0 +1,98 @@
|
|||
/*
|
||||
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'.
|
||||
export function include(element) {
|
||||
console.log("[asan][include] begin")
|
||||
|
||||
if (undefined === element) {
|
||||
console.log("[asan][include] element is undefined")
|
||||
console.log("[asan][include] end")
|
||||
return
|
||||
}
|
||||
|
||||
let dst = window.location.pathname
|
||||
let src = "/src" + dst
|
||||
|
||||
console.log("[asan][include] dst-path: ", dst)
|
||||
console.log("[asan][include] src-path: ", src)
|
||||
|
||||
fetch(src).
|
||||
then( response => {
|
||||
if (!response.ok) {
|
||||
element.innerHTML = '<article><h1>Not Found</h1></article>'
|
||||
throw new Error('network response was not ok')
|
||||
}
|
||||
|
||||
console.log("[asan][include] src found")
|
||||
return response.text()
|
||||
}).
|
||||
then( text => {
|
||||
element.innerHTML = text
|
||||
|
||||
return text
|
||||
}).
|
||||
then( () => {
|
||||
|
||||
// Set the title of the page to the value of the first <h1> (if there is an <h1>).
|
||||
|
||||
const h1s = element.getElementsByTagName("h1")
|
||||
if (undefined === h1s || element.length <= 0) {
|
||||
return
|
||||
}
|
||||
const h1 = h1s[0]
|
||||
|
||||
const titles = document.getElementsByTagName("title")
|
||||
if (undefined === titles || titles.length <= 0) {
|
||||
return
|
||||
}
|
||||
const title = titles[0]
|
||||
|
||||
const titleText = h1.innerText
|
||||
console.log("[dst] title-text: ", titleText)
|
||||
title.innerText = titleText
|
||||
|
||||
});
|
||||
|
||||
console.log("[asan][include] end")
|
||||
}
|
Loading…
Reference in New Issue