lint

Author: TheComputerM

src/components/Footer.astro

@@ -1,10 +1,11 @@
 ---
+import { css } from "styled-system/css";
 import { HStack } from "styled-system/jsx";
 import { Container } from "styled-system/jsx";
 ---
 
-<footer>
-  <Container borderTopWidth="base">
+<footer class={css({ borderTopWidth: "base" })}>
+  <Container>
     <HStack height="12" justify="space-between">
       <span class="caret-blink">TheComputerM</span>
       {new Date().getFullYear()}

src/components/ProjectCard.astro

@@ -6,33 +6,33 @@ import { octokit } from "~/content/projects/client";
 import { Card } from "./ui/Card";
 
 interface Props {
-  project: CollectionEntry<"projects">;
+	project: CollectionEntry<"projects">;
 }
 
 const { project } = Astro.props;
 const [owner, repoName] = project.data.repo.split("/");
 const { data: repository } = await octokit.request(
-  "GET /repos/{owner}/{repo}",
-  {
-    owner,
-    repo: repoName,
-  },
+	"GET /repos/{owner}/{repo}",
+	{
+		owner,
+		repo: repoName,
+	},
 );
 
 const links = Object.entries(
-  Object.assign(
-    {
-      Homepage: repository.homepage ?? "",
-    },
-    project.data.links,
-  ),
+	Object.assign(
+		{
+			Homepage: repository.homepage ?? "",
+		},
+		project.data.links,
+	),
 )
-  .filter(([, value]) => !!value)
-  .map(([key, value]) => [key, { href: value, text: value }] as const);
+	.filter(([, value]) => !!value)
+	.map(([key, value]) => [key, { href: value, text: value }] as const);
 
 links.unshift([
-  "GitHub",
-  { href: `https://github.com/${project.data.repo}`, text: project.data.repo },
+	"GitHub",
+	{ href: `https://github.com/${project.data.repo}`, text: project.data.repo },
 ]);
 
 const { Content } = await render(project);

src/content.config.ts

@@ -19,7 +19,7 @@ const projects = defineCollection({
 		name: z.string(),
 		repo: z.string(),
 		next: z.string().optional(),
-		links: z.record(z.string()).optional()
+		links: z.record(z.string()).optional(),
 	}),
 });
 

src/layouts/BaseLayout.astro

@@ -34,3 +34,24 @@ const {
 		<Footer transition:persist="footer" />
 	</body>
 </html>
+
+<script>
+	console.log("You expected some error logs, BUT IT WAS ME, %cDIO!", "color: yellow; font-size: 2em; font-weight: bolder;");
+	console.log(`
+⣿⣿⣿⣿⣿⡧⣻⣿⣿⡿⣿⣱⣿⣿⣿⢿⡿⢿⣟⣿⣿⣮⡻⣿⣿⣿⣿⣿⣿⣿
+⣿⣿⣿⣿⣿⡗⣿⣿⣿⡷⢽⠚⡿⢿⡆⡙⢿⡌⡻⣎⠿⠿⠿⠮⠛⢿⣿⣿⣿⣟
+⣿⣿⣿⣔⡶⢾⣿⣿⣿⡔⢈⣠⠃⣷⠃⢫⢢⣭⠙⠶⣧⡉⠻⡿⣻⢭⢹⣿⣿⣿
+⣿⣿⣿⣿⡏⢎⣿⡏⡆⠃⢼⡟⡇⠋⠀⠁⡁⠠⣠⣾⣿⣿⣷⢳⡇⡭⣏⣿⣿⣿
+⣿⣿⣿⣿⣧⣍⠋⣿⢡⠠⠁⠂⢳⣂⣤⣼⣧⣴⣿⣿⣿⣿⣿⣼⣧⣵⠏⣿⣿⢇
+⣿⣿⣿⣿⣯⣥⣥⢉⢙⢧⢶⣶⢨⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡍⣥⣾⣿⣿⣻
+⣿⣿⣿⣿⣿⣿⣿⣾⣾⣷⡘⣿⣦⢷⡾⢿⣛⠛⢃⣿⣿⣿⣿⣿⣿⡙⢿⢿⣿⡝
+⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣜⢿⣆⠨⢓⣤⣶⢸⣿⣿⣿⡿⣫⣾⡿⠜⣾⣿⣿
+⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⡻⣇⣩⣭⣡⣾⣿⡿⣫⣾⢧⣿⣵⣿⡹⢯⢫
+⡟⣩⣷⣜⢿⡿⣿⣛⣻⣿⣿⣿⣿⣿⣞⣷⣶⣿⢟⣫⣾⣿⣿⣾⣿⣿⡿⣗⣥⢾
+⣷⣭⣭⢿⡬⣾⡿⣫⣵⣿⣿⣿⡟⠫⣙⣦⡴⣾⣿⢿⣛⣯⣭⡿⢶⣞⣫⣽⣾⣿
+⣷⣿⣿⢈⣴⡎⣵⣿⣿⣿⣿⣿⣧⢭⣶⡪⢳⡋⡵⣫⣷⣶⣾⣿⣿⣿⣿⣿⣿⣿
+⣟⢿⣫⣾⡟⣼⣿⣿⣿⣿⣿⣿⡿⣸⣿⣿⣇⢞⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
+⣵⣿⣿⡟⣽⡿⢿⣻⣯⣷⣶⣿⣿⣮⡻⣿⠘⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
+⣿⡿⢏⣬⣷⣾⣿⣿⣿⣿⣿⣿⣿⠟⣡⣴⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
+`);
+</script>

src/layouts/app.css

@@ -24,7 +24,6 @@
 		font-weight: var(--font-weights-bold);
 	}
 
-
 	p:not(:last-child) {
 		margin-bottom: var(--line-heights-base);
 	}

src/pages/projects/[page].astro

@@ -8,37 +8,39 @@ import { ProjectPagination } from "~/components/ProjectPagination";
 import BaseLayout from "~/layouts/BaseLayout.astro";
 
 export const getStaticPaths = (async ({ paginate }) => {
-  const projects = await getCollection("projects");
-  const priorityMap = new Map<string, number>();
-  const projectMap = new Map<string, CollectionEntry<"projects">>(projects.map((project) => [project.id, project]));
+	const projects = await getCollection("projects");
+	const priorityMap = new Map<string, number>();
+	const projectMap = new Map<string, CollectionEntry<"projects">>(
+		projects.map((project) => [project.id, project]),
+	);
 
-  function getPriority(project: CollectionEntry<"projects">) {
-    if (priorityMap.has(project.id)) {
-      return priorityMap.get(project.id) as number;
-    }
+	function getPriority(project: CollectionEntry<"projects">) {
+		if (priorityMap.has(project.id)) {
+			return priorityMap.get(project.id) as number;
+		}
 
-    let priority = 0;
-    if (project.data.next) {
-      const nextProject = projectMap.get(project.data.next);
-      if (!nextProject) {
-        throw new Error(`Project with ID ${project.data.next} not found`);
-      }
-      priority = getPriority(nextProject) + 1;
-    }
-    priorityMap.set(project.id, priority);
-    return priority;
-  }
+		let priority = 0;
+		if (project.data.next) {
+			const nextProject = projectMap.get(project.data.next);
+			if (!nextProject) {
+				throw new Error(`Project with ID ${project.data.next} not found`);
+			}
+			priority = getPriority(nextProject) + 1;
+		}
+		priorityMap.set(project.id, priority);
+		return priority;
+	}
 
-  for (const project of projects) getPriority(project);
+	for (const project of projects) getPriority(project);
 
-  // biome-ignore lint/style/noNonNullAssertion: calculated priority for all projects
-  projects.sort((a, b) => priorityMap.get(b.id)! - priorityMap.get(a.id)!);
+	// biome-ignore lint/style/noNonNullAssertion: calculated priority for all projects
+	projects.sort((a, b) => priorityMap.get(b.id)! - priorityMap.get(a.id)!);
 
-  return paginate(projects, { pageSize: 3 });
+	return paginate(projects, { pageSize: 3 });
 }) satisfies GetStaticPaths;
 
 interface Props {
-  page: Page<CollectionEntry<"projects">>;
+	page: Page<CollectionEntry<"projects">>;
 }
 
 const { page } = Astro.props;