f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-27 22:22:42 +00:00
Code Wiki Activity

Address requested changes

Browse Source
This commit is contained in:
G.Ambatte
2025-02-19 13:24:07 +13:00
parent 0360d6b6c5
commit 9f5a29099c
1 changed files with 24 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
client/homebrew/brewRenderer/headerNav/headerNav.jsx
View File

@@ -11,18 +11,31 @@ const HeaderNav = React.forwardRef(({}, pagesRef)=>{
const renderHeaderLinks = ()=>{
if(!pagesRef.current) return;
const excludedPages = {
'.frontCover' : 'Cover Page',
'.toc' : 'Contents'
// Top Level Pages
// Pages that contain an element with a specified class will NOT have its content scanned for navigation headers
// e.g. cover pages, table of content pages
// Instead, a label will be added to the navigation at the page level
// ---
// The property name is class that will be used for detecting the page is a top level page
// The property value is a function that returns the text to be used
const topLevelPages = {
'.frontCover' : (text)=>{ return text ? `Cover: ${text}` : 'Cover Page'; },
'.insideCover' : (text)=>{ return text ? `Interior: ${text}` : 'Interior Cover Page'; },
'.partCover' : (text)=>{ return text ? `Section: ${text}` : 'Section Cover Page'; },
'.backCover' : (text)=>{ return text ? `Back: ${text}` : 'Rear Cover Page'; },
'.toc' : ()=>{ return 'Table of Contents'; },
};
const excluded = Object.keys(excludedPages).join(',');
const getTextContent = (el, pageType)=>{ return el.querySelector(pageType).textContent; };
const topLevelPageSelector = Object.keys(topLevelPages).join(',');
const selector = [
'.pages > .page', // All page elements, which by definition have IDs
`.page:not(:has(${excluded})) > [id]`, // All direct children of non-excluded .pages with an ID (Legacy)
`.page:not(:has(${excluded})) > .columnWrapper > [id]`, // All direct children of non-excluded .page > .columnWrapper with an ID (V3)
`.page:not(:has(${excluded})) h2`, // All non-excluded H2 titles, like Monster frame titles
'.pages > .page', // All page elements, which by definition have IDs
`.page:not(:has(${topLevelPageSelector})) > [id]`, // All direct children of non-excluded .pages with an ID (Legacy)
`.page:not(:has(${topLevelPageSelector})) > .columnWrapper > [id]`, // All direct children of non-excluded .page > .columnWrapper with an ID (V3)
`.page:not(:has(${topLevelPageSelector})) h2`, // All non-excluded H2 titles, like Monster frame titles
];
const elements = pagesRef.current.querySelectorAll(selector.join(','));
if(!elements) return;
@@ -39,9 +52,9 @@ const HeaderNav = React.forwardRef(({}, pagesRef)=>{
elements.forEach((el)=>{
if(el.className.match(/\bpage\b/)) {
let text = `Page ${el.id.slice(1)}`; // The ID of a page *should* always be equal to `p` followed by the page number
Object.keys(excludedPages).every((pageType)=>{
if(el.querySelector(pageType)){ // If the page contains a table of contents, add "- Contents" to the display text
text += ` - ${excludedPages[pageType]}`;
Object.keys(topLevelPages).every((pageType)=>{
if(el.querySelector(pageType)){ // If a Top Level Page, add the text result to the navigation text
text += ` - ${topLevelPages[pageType](getTextContent(el, pageType))}`;
return false;
};
return true;