Dev

[DinneK]

This is the request to merge dev into main in order to begin packaging the frontend.

[github-actions]

Remaining comments which cannot be posted as a review comment to avoid GitHub Rate Limit

prettier

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/filters.js

Line 23 in f822901

projectType: []

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/filters.js

Lines 26 to 39 in f822901

	document.querySelectorAll('input[name="org-filter"]:checked').forEach(checkbox => {
	selectedFiltersObject.organization.push(checkbox.value);
	});
	document.querySelectorAll('input[name="tier-filter"]:checked').forEach(checkbox => {
	selectedFiltersObject.maturityModelTier.push(checkbox.value);
	});
	document.querySelectorAll('input[name="fisma-level-filter"]:checked').forEach(checkbox => {
	selectedFiltersObject.fismaLevel.push(checkbox.value);
	});
	document.querySelectorAll('input[name="project-type-filter"]:checked').forEach(checkbox => {
	selectedFiltersObject.projectType.push(checkbox.value);
	});
	return selectedFiltersObject;

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/filters.js

Lines 43 to 45 in f822901

	const selected = getSelectedFilters();
	const allProjects = Object.keys(projects).flatMap((org) => projects[org].map((project) => ({...project, org})))

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/filters.js

Lines 47 to 54 in f822901

	const matchesOrg = selected.organization.length === 0 || selected.organization.includes(project.org);
	const matchesTier = selected.maturityModelTier.length === 0 || selected.maturityModelTier.includes("Tier" + project.maturityModelTier);
	const matchesFisma = selected.fismaLevel.length === 0 || selected.fismaLevel.includes(project.fismaLevel);
	const matchesType = selected.projectType.length === 0 || selected.projectType.includes(project.projectType);
	return matchesOrg && matchesTier && matchesFisma && matchesType;
	});
	updatePagination(filteredProjects);

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/filters.js

Line 56 in f822901

sortCards();

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/filters.js

Lines 61 to 62 in f822901

	const selectedFiltersContainer = document.getElementById('filter-tags');
	selectedFiltersContainer.innerHTML = '';

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/filters.js

Lines 65 to 67 in f822901

	const filtersButtonGroup = document.createElement('div');
	filtersButtonGroup.className = "usa-button-group";
	selectedFiltersContainer.appendChild(filtersButtonGroup);

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/filters.js

Lines 70 to 72 in f822901

	const filtersArray = selectedFiltersObject[filterCategory];
	filtersArray.forEach(filter => {

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/filters.js

Lines 74 to 77 in f822901

	const filterButton = document.createElement('button');
	filterButton.className = 'usa-button margin-bottom-1';
	filterButton.textContent = filter;
	filtersButtonGroup.appendChild(filterButton);

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/filters.js

Lines 81 to 93 in f822901

	addGlobalEventListener("click", "#filter-tags .usa-button", e => {
	const buttonName = e.target.textContent;
	const selectedCheckboxes = document.querySelectorAll("input:checked");
	selectedCheckboxes.forEach(checkbox => {
	if (buttonName == checkbox.value) {
	e.target.remove();
	checkbox.checked = false;
	updateFilters();
	}
	})
	}, filtersButtonGroup);

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/filters.js

Line 97 in f822901

const selected = getSelectedFilters();

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/filters.js

Line 100 in f822901

const projectSections = document.querySelectorAll(".project_section");

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/filters.js

Lines 103 to 104 in f822901

	const projectCards = section.querySelectorAll(".project-card");

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/filters.js

Line 106 in f822901

checkFilterCriteria(card, selected);

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/filters.js

Lines 110 to 111 in f822901

	addFilterButtonGroup(selected);
	updateHeadingVisibility();

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/filters.js

Lines 115 to 122 in f822901

	const cardName = card.querySelector(".usa-card__heading").innerText;
	const currentProject = parsedProjectsData.find((project) => project.name === cardName)
	const matchesOrganization = selectedFiltersObject.organization.length === 0 || selectedFiltersObject.organization.includes(currentProject.owner);
	const projectMaturityModelTier = "Tier " + currentProject.maturityModelTier;
	const matchesMaturityModelTier = selectedFiltersObject.maturityModelTier.length === 0 || selectedFiltersObject.maturityModelTier.includes(projectMaturityModelTier);
	const matchesFismaLevel = selectedFiltersObject.fismaLevel.length === 0 || selectedFiltersObject.fismaLevel.includes(currentProject.fismaLevel);
	const matchesProjectType = selectedFiltersObject.projectType.length === 0 || selectedFiltersObject.projectType.includes(currentProject.projectType);

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/filters.js

Line 124 in f822901

card.hidden = !(matchesOrganization && matchesMaturityModelTier && matchesFismaLevel && matchesProjectType);

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/filters.js

Lines 128 to 132 in f822901

	const totalProjects = (filteredProjects || parsedProjectsData).length;
	const totalPages = Math.ceil(totalProjects / itemsPerPage);
	currentPage = Math.min(currentPage, totalPages || 1);
	renderPaginationControls(totalPages);
	}

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Lines 1 to 5 in f822901

	import { reportHeadingTemplate, projectCardTemplate } from "../templates";
	import { templateDiv, parsedProjectsData, orgsData, siteData, findObject, baseurl } from "./data";
	import { getFilteredProjects } from "./filters";
	import { getPageRange, updateHeadingVisibility } from "./utilities";
	import DOMPurify from 'dompurify';

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Line 9 in f822901

const itemsPerPage = 10;

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Lines 12 to 14 in f822901

	return new Promise(resolve => {
	if(parsedProjectsData && parsedProjectsData.length) {
	resolve();

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Lines 17 to 19 in f822901

	if(parsedProjectsData && parsedProjectsData.length) {
	clearInterval(checkData);
	resolve();

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Line 21 in f822901

}, 50);

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Line 23 in f822901

});

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Lines 26 to 28 in f822901

	function renderProjectGroups(projects, groupByKey = 'org') {
	if(!projects || !projects.length) {
	templateDiv.innerHTML = '<p>No Projects Found</p>'

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Lines 32 to 34 in f822901

	const groupKey = curr[groupByKey];
	if(!acc[groupKey]) {
	acc[groupKey] = [];

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Lines 36 to 64 in f822901

	acc[groupKey].push(curr);
	return acc
	}, {});
	for (const org in groupedByOrg) {
	const orgProject = findObject(parsedOrgsData, org);
	const orgHeading = reportHeadingTemplate(orgProject);
	const projectSectionsTemplate = document.createElement('div');
	projectSectionsTemplate.className = 'project_section';
	templateDiv.append(projectSectionsTemplate);
	const reportHeading = document.createElement('div');
	reportHeading.className = "report_heading";
	reportHeading.innerHTML = DOMPurify.sanitize(orgHeading);
	projectSectionsTemplate.appendChild(reportHeading);
	const projectCards = document.createElement('ul');
	projectCards.className = "usa-card-group flex-align-stretch";
	projectSectionsTemplate.appendChild(projectCards);
	groupedByOrg[org].forEach(repoData => {
	repoData.baseurl = siteData.baseurl;
	const projectCard = document.createElement('li');
	projectCard.className = 'usa-card project-card tablet:grid-col-12';
	projectCard.id = repoData.name;
	projectCard.setAttribute('org-name', repoData.owner);
	projectCard.innerHTML = DOMPurify.sanitize(projectCardTemplate(repoData));
	projectCards.appendChild(projectCard);
	});

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Lines 69 to 70 in f822901

	await ensureReadyData();
	templateDiv.innerHTML = ''

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Line 72 in f822901

const displayProjects = (projects || getFilteredProjects()).slice().sort((a, b) => a.owner.localeCompare(b.owner));

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Line 76 in f822901

org: project.owner || project.owner

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Lines 79 to 81 in f822901

	const totalPages = Math.ceil(allProjects.length / itemsPerPage);
	if(currentPage < 1 || currentPage > totalPages) {
	currentPage = 1;

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Lines 83 to 85 in f822901

	const startIndex = (currentPage - 1) * itemsPerPage;
	const paginatedProjects = allProjects.slice(startIndex, startIndex + itemsPerPage);

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Lines 87 to 89 in f822901

	renderProjectGroups(paginatedProjects);
	updateHeadingVisibility();
	renderPaginationControls(allProjects.length);

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Line 92 in f822901

export const renderPaginatedProjects = createProjectCards;

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Lines 95 to 104 in f822901

	const paginationDiv = document.getElementById('pagination-controls') || document.createElement('div');
	paginationDiv.id = 'pagination-controls';
	paginationDiv.className = 'usa-pagination';
	paginationDiv.innerHTML = '';
	const totalPages = Math.ceil(totalProjectsCount / itemsPerPage);
	currentPage = Math.max(1, Math.min(currentPage, totalPages || 1));
	const paginationList = document.createElement('ul');
	paginationList.className = 'usa-pagination__list';

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Lines 107 to 108 in f822901

	className: 'usa-pagination__previous-page',
	label: 'Previous page',

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Lines 110 to 114 in f822901

	icon: 'navigate_before',
	text: 'Previous',
	onclick: () => navigateToPage(currentPage - 1)
	});
	paginationList.appendChild(prevItem);

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Line 116 in f822901

const pageRange = getPageRange(currentPage, totalPages, 3);

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Lines 118 to 121 in f822901

	const isEllipsis = page === '...';
	const pageItem = document.createElement('li');
	pageItem.className = `usa-pagination__item ${isEllipsis ? 'usa-pagination__overflow' :
	'usa-pagination__page-no'}`;

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Line 124 in f822901

pageItem.innerHTML = `<span aria-label="ellipsis indicating non-visible pages">…</span>`;

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Lines 126 to 135 in f822901

	const isCurrent = page === currentPage;
	const pageButton = document.createElement('a');
	pageButton.href = 'javascript:void(0);';
	pageButton.className = `usa-pagination__button${isCurrent ? ' usa-current' : ''}`;
	pageButton.textContent = page;
	pageButton.setAttribute('aria-label', `Page ${page}`);
	if (isCurrent) pageButton.setAttribute('aria-current', 'page');
	pageButton.addEventListener('click', () => navigateToPage(page));
	pageItem.appendChild(pageButton);

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Lines 137 to 138 in f822901

	paginationList.appendChild(pageItem);
	});

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Lines 141 to 142 in f822901

	className: 'usa-pagination__next-page',
	label: 'Next page',

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Lines 144 to 148 in f822901

	icon: 'navigate_next',
	text: 'Next',
	onclick: () => navigateToPage(currentPage + 1)
	});
	paginationList.appendChild(nextItem);

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Line 150 in f822901

paginationDiv.appendChild(paginationList);

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Line 153 in f822901

templateDiv.parentElement.appendChild(paginationDiv);

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Lines 158 to 160 in f822901

	if(page >= 1 && page <= Math.ceil(getFilteredProjects().length / itemsPerPage)) {
	currentPage = page;
	createProjectCards();

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Lines 170 to 171 in f822901

	iconPosition = 'before',
	onclick

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Lines 173 to 174 in f822901

	const item = document.createElement('li');
	item.className = 'usa-pagination__item usa-pagination__arrow';

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Lines 176 to 180 in f822901

	const button = document.createElement('a');
	button.href = 'javascript:void(0);';
	button.className = `usa-pagination__link ${className}`;
	button.setAttribute('aria-label', label);
	if(disabled) button.classList.add('usa-pagination__disabled');

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Line 186 in f822901

`;

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Lines 188 to 190 in f822901

	button.innerHTML = iconPosition === 'before'
	? `${iconHtml}<span class="usa-pagination__link-text">${text}</span>`
	: `<span class="usa-pagination__link-text">${text}</span>${iconHtml}`;

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Lines 192 to 193 in f822901

	if(!disabled) {
	button.addEventListener('click', onclick);

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/rendering.js

Lines 196 to 197 in f822901

	item.appendChild(button);
	return item;

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/sorting.js

Lines 1 to 4 in f822901

	import { sortSelection, filtersContainer } from "./data";
	import { addGlobalEventListener } from "./utilities";
	import { updateFilters, updateFilteredProjects, getFilteredProjects, setFilteredProjects } from "./filters";
	import { renderPaginatedProjects } from "./rendering";

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/sorting.js

Line 7 in f822901

const selection = sortSelection.value;

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/sorting.js

Line 9 in f822901

const targetProjects = getFilteredProjects();

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/sorting.js

Lines 11 to 14 in f822901

	if(["maturity_model_tier", "stargazers_count", "forks_count"].includes(selection)) {
	sortByNumberAttribute(targetProjects, selection, isDescending);
	} else {
	sortByStringAttribute(targetProjects, selection, isDescending);

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/sorting.js

Lines 17 to 18 in f822901

	setFilteredProjects(targetProjects);
	renderPaginatedProjects();

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/sorting.js

Lines 23 to 26 in f822901

	const attributeA = a[attribute] !== undefined ? Number(a[attribute]) : Infinity;
	const attributeB = b[attribute] !== undefined ? Number(b[attribute]) : Infinity;
	return isDescending ? attributeB - attributeA : attributeA - attributeB;
	});

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/sorting.js

Lines 31 to 33 in f822901

	const hasAttributeA = typeof a[attribute] === 'string';
	const hasAttributeB = typeof b[attribute] === 'string';

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/sorting.js

Line 36 in f822901

return isDescending ? b[attribute].localeCompare(a[attribute]) : a[attribute].localeCompare(b[attribute]);

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/sorting.js

Lines 38 to 42 in f822901

	// If only one object has the attribute, determine order based on `isDescending`
	if (hasAttributeA) return isDescending ? 1 : -1;
	if (hasAttributeB) return isDescending ? -1 : 1;

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/sorting.js

Lines 44 to 45 in f822901

	return isDescending ? b.name.localeCompare(a.name) : a.name.localeCompare(b.name);
	});

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/sorting.js

Line 48 in f822901

addGlobalEventListener('change', '.usa-checkbox__input', e => {

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/sorting.js

Line 50 in f822901

updateFilters();

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/sorting.js

Line 52 in f822901

}, filtersContainer)

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/ui.js

Line 1 in f822901

import { baseurl } from "./data";

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/ui.js

Lines 4 to 5 in f822901

	const filterButtons = document.querySelectorAll(".usa-accordion__button");
	const isMobile = window.innerWidth < 768;

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/ui.js

Lines 7 to 10 in f822901

	filterButtons.forEach((button) => {
	const contentId = button.getAttribute("aria-controls");
	const content = document.getElementById(contentId);
	const icon = button.querySelector("svg use");

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/ui.js

Lines 12 to 22 in f822901

	if(isMobile) {
	button.setAttribute("aria-expanded", "false");
	content.setAttribute("hidden", "true");
	icon.setAttribute("href", `${baseurl}/assets/img/sprite.svg#expand_more`);
	} else {
	button.setAttribute("aria-expanded", "true");
	content.removeAttribute("hidden");
	icon.setAttribute("href", `${baseurl}/assets/img/sprite.svg#expand_less`);
	}
	});
	}

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/ui.js

Lines 25 to 26 in f822901

	updateFilterMenuState()
	window.addEventListener("resize", updateFilterMenuState)

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/ui.js

Lines 28 to 43 in f822901

	document.querySelectorAll(".usa-accordion__button").forEach((button) => {
	button.addEventListener("click", () => {
	const expanded = button.getAttribute("aria-expanded");
	const content = document.getElementById(button.getAttribute("id"));
	const icon = button.querySelector("svg use");
	if(expanded === 'false') {
	content.removeAttribute("hidden");
	icon.setAttribute("href", `${baseurl}/assets/img/sprite.svg#expand_less`);
	} else {
	content.setAttribute("hidden", "true");
	icon.setAttribute("href", `${baseurl}/assets/img/sprite.svg#expand_more`);
	}
	});
	});
	}

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/utilities.js

Lines 1 to 2 in f822901

	export function addGlobalEventListener(type, selector, callback, parent = document) {
	parent.addEventListener(type, e => {

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/utilities.js

Line 4 in f822901

callback(e);

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/utilities.js

Line 6 in f822901

});

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/utilities.js

Lines 10 to 12 in f822901

	const range = [];
	const start = Math.max(2, currentPage - visibleRange);
	const end = Math.min(totalPages - 1, currentPage + visibleRange);

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/utilities.js

Line 14 in f822901

range.push(1);

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/utilities.js

Line 16 in f822901

if (start > 2) range.push('...');

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/utilities.js

Line 19 in f822901

range.push(i);

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/utilities.js

Line 22 in f822901

if (end < totalPages - 1) range.push('...');

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/utilities.js

Line 24 in f822901

if (totalPages > 1) range.push(totalPages);

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/utilities.js

Line 26 in f822901

return range;

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/utilities.js

Lines 30 to 32 in f822901

	const projectSections = document.querySelectorAll(".project_section");
	projectSections.forEach(section => {
	let hasVisibleCard = false;

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/utilities.js

Lines 34 to 35 in f822901

	let reportHeading = section.querySelector('.report_heading');

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/utilities.js

Lines 37 to 38 in f822901

	let projectCards = section.querySelectorAll('.project-card');

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/utilities.js

Line 42 in f822901

hasVisibleCard = true;

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/modules/utilities.js

Lines 45 to 48 in f822901

	// Hide heading if all cards under section are hidden
	reportHeading.hidden = !hasVisibleCard;
	});

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/projects.js

Lines 1 to 4 in f822901

	import { createProjectCards } from "./modules/rendering";
	import { updateFilteredProjects } from "./modules/filters";
	import { setupEventListeners } from './modules/events';
	import { setupFilterMenuListeners } from "./modules/ui";

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/projects.js

Lines 8 to 11 in f822901

	await createProjectCards();
	updateFilteredProjects();
	setupEventListeners();
	}, 50);

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/projects.js

Lines 13 to 14 in f822901

	setupFilterMenuListeners();
	});

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/templates.js

Lines 1 to 2 in f822901

	export const reportHeadingTemplate = function(data) {
	return `

[natalialuzuriaga]

Ran locally and everything LGTM!