f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-10 04:52:40 +00:00
Code Wiki Activity

Linting

Browse Source
This commit is contained in:
Trevor Buckner
2025-02-19 13:44:28 -05:00
parent f421ce1d93
commit b36376f9e8
1 changed files with 15 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3,7 +3,6 @@ require('./headerNav.less');
import * as React from 'react'; import * as React from 'react';
import * as _ from 'lodash'; import * as _ from 'lodash';
const MAX_TEXT_LENGTH = 40; const MAX_TEXT_LENGTH = 40;
const HeaderNav = React.forwardRef(({}, pagesRef)=>{ const HeaderNav = React.forwardRef(({}, pagesRef)=>{
@@ -32,10 +31,10 @@ const HeaderNav = React.forwardRef(({}, pagesRef)=>{
const topLevelPageSelector = Object.keys(topLevelPages).join(','); const topLevelPageSelector = Object.keys(topLevelPages).join(',');
const selector = [ const selector = [
'.pages > .page', // All page elements, which by definition have IDs '.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})) > [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})) > .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 `.page:not(:has(${topLevelPageSelector})) h2`, // All non-excluded H2 titles, like Monster frame titles
]; ];
const elements = pagesRef.current.querySelectorAll(selector.join(',')); const elements = pagesRef.current.querySelectorAll(selector.join(','));
if(!elements) return; if(!elements) return;
@@ -43,17 +42,17 @@ const HeaderNav = React.forwardRef(({}, pagesRef)=>{
// navList is a list of objects which have the following structure: // navList is a list of objects which have the following structure:
// { // {
// depth : how deeply indented the item should be // depth : how deeply indented the item should be
// text : the text to display in the nav link // text : the text to display in the nav link
// link : the hyperlink to navigate to when clicked // link : the hyperlink to navigate to when clicked
// className : [optional] the class to apply to the nav link for styling // className : [optional] the class to apply to the nav link for styling
// } // }
elements.forEach((el)=>{ elements.forEach((el)=>{
if(el.className.match(/\bpage\b/)) { 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 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(topLevelPages).every((pageType)=>{ Object.keys(topLevelPages).every((pageType)=>{
if(el.querySelector(pageType)){ // If a Top Level Page, add the text result to the navigation text if(el.querySelector(pageType)){ // If a Top Level Page, add the text result to the navigation text
text += ` - ${topLevelPages[pageType](el, pageType)}`; text += ` - ${topLevelPages[pageType](el, pageType)}`;
return false; return false;
}; };
@@ -67,17 +66,17 @@ const HeaderNav = React.forwardRef(({}, pagesRef)=>{
}); });
return; return;
} }
if(el.localName.match(/^h[1-6]/)){ // Header elements H1 through H6 if(el.localName.match(/^h[1-6]/)){ // Header elements H1 through H6
navList.push({ navList.push({
depth : el.localName[1], // Depth is set by the header level depth : el.localName[1], // Depth is set by the header level
text : el.textContent, // Use `textContent` because `innerText` is affected by rendering, e.g. 'content-visibility: auto' text : el.textContent, // Use `textContent` because `innerText` is affected by rendering, e.g. 'content-visibility: auto'
link : el.id link : el.id
}); });
return; return;
} }
navList.push({ navList.push({
depth : 7, // All unmatched elements with IDs are set to the maximum depth (7) depth : 7, // All unmatched elements with IDs are set to the maximum depth (7)
text : el.textContent, // Use `textContent` because `innerText` is affected by rendering, e.g. 'content-visibility: auto' text : el.textContent, // Use `textContent` because `innerText` is affected by rendering, e.g. 'content-visibility: auto'
link : el.id link : el.id
}); });
}); });