[Chore] Add zero and 1 use partials to style guide page

Author: kodster28

.github/workflows/partials-audit.yml

@@ -4,12 +4,24 @@ import { getPartialsUsage } from "~/util/components";
 import Details from "./Details.astro";
 import UsageList from "./UsageList.astro";
 
-const partials = await getPartialsUsage();
+const allPartials = await getPartialsUsage();
+
+const usedPartials = Object.fromEntries(
+	Object.entries(allPartials).filter(([key, value]) => value.count > 1),
+);
+
+const singleUsePartials = Object.fromEntries(
+	Object.entries(allPartials).filter(([key, value]) => value.count === 1),
+);
+
+const zeroUsePartials = Object.fromEntries(
+	Object.entries(allPartials).filter(([key, value]) => value.count === 0),
+);
 ---
 
 <Details header="Usage" id="partials-container">
 	{
-		[...Object.entries(partials)]
+		[...Object.entries(usedPartials)]
 			.sort((a, b) => a[0].localeCompare(b[0]))
 			.map(([name, usage]) => (
 				<Details
@@ -22,6 +34,36 @@ const partials = await getPartialsUsage();
 	}
 </Details>
 
+<br />
+
+<Details
+	header=`1 use partials - ${Object.keys(singleUsePartials).length} files`
+	id="unused-partials-container"
+>
+	{
+		[...Object.entries(singleUsePartials)]
+			.sort((a, b) => a[0].localeCompare(b[0]))
+			.map(([name, usage]) => (
+				<p>{`${name} (${usage.count} uses on ${usage.pages.size} pages)`}</p>
+			))
+	}
+</Details>
+
+<br />
+
+<Details
+	header=`0 use partials - ${Object.keys(zeroUsePartials).length} files`
+	id="unused-partials-container"
+>
+	{
+		[...Object.entries(zeroUsePartials)]
+			.sort((a, b) => a[0].localeCompare(b[0]))
+			.map(([name, usage]) => (
+				<p>{`${name} (${usage.count} uses on ${usage.pages.size} pages)`}</p>
+			))
+	}
+</Details>
+
 <script>
 	const params = new URLSearchParams(window.location.search);
 	console.log(params);

src/components/PartialsUsage.astro

@@ -84,6 +84,25 @@ export async function getPartialsUsage(): Promise<Record<string, Usage>> {
 			withFileTypes: true,
 		});
 
+		const partialEntities = await readdir("./src/content/partials/", {
+			recursive: true,
+			withFileTypes: true,
+		});
+
+		// Populate all partials with zero usage
+		const partialFiles = partialEntities.filter(
+			(entity) => entity.isFile() && entity.name.endsWith(".mdx"),
+		);
+		for (const file of partialFiles) {
+			const parentPath =
+				process.platform === "win32"
+					? file.parentPath.replaceAll("\\", "/")
+					: file.parentPath;
+			const product = parentPath.split("/")[3];
+			const partialName = `${product}/${file.name.replace(".mdx", "")}`;
+			partials[partialName] = { count: 0, pages: new Set() };
+		}
+
 		const files = entities.filter(
 			(entity) => entity.isFile() && entity.name.endsWith(".mdx"),
 		);
@@ -132,6 +151,5 @@ export async function getPartialsUsage(): Promise<Record<string, Usage>> {
 			});
 		}
 	}
-
 	return partials;
 }