account for base path

.github/workflows/deploy.yaml

@@ -37,7 +37,7 @@ jobs:
           deno-version: v1.x
 
       - name: Build
-        run: deno task build
+        run: deno task build --base-url="/projects"
 
       - name: Setup Pages
         uses: actions/configure-pages@v4

lib/projects/ssr.tsx

@@ -16,8 +16,8 @@ function makeRepositoryURL(repository: string) {
   return `https://github.com/acmcsufoss/${repository}`;
 }
 
-function ProjectPageComponent(props: { project: Project }) {
-  const html = render(props.project.md, { baseUrl: "/" });
+function ProjectPageComponent(props: { baseURL: string; project: Project }) {
+  const html = render(props.project.md, { baseUrl: props.baseURL });
   return (
     <main>
       <Helmet>
@@ -44,7 +44,7 @@ function ProjectPreviewComponent(props: { project: Project }) {
   return (
     <article>
       <h1>
-        <a href={`/${props.project.id}.html`}>{props.project.attrs?.title}</a>
+        <a href={`${props.project.id}.html`}>{props.project.attrs?.title}</a>
       </h1>
       <p>{props.project.attrs?.description}</p>
     </article>
@@ -99,6 +99,8 @@ export function renderProjectsPageHTML(projects: Project[]) {
   return renderPageHTML(<ProjectsPageComponent projects={projects} />);
 }
 
-export function renderProjectPageHTML(project: Project) {
-  return renderPageHTML(<ProjectPageComponent project={project} />);
+export function renderProjectPageHTML(project: Project, baseURL = "/") {
+  return renderPageHTML(
+    <ProjectPageComponent project={project} baseURL={baseURL} />,
+  );
 }

main.ts

@@ -10,7 +10,7 @@ import {
 // in the projects directory.
 async function main(args: string[]) {
   const flags = parseArgs(args, {
-    string: ["indir", "outdir", "staticdir"],
+    string: ["indir", "outdir", "staticdir", "base-url"],
     alias: {
       indir: ["i"],
       outdir: ["o"],
@@ -30,7 +30,7 @@ async function main(args: string[]) {
   const projects: Project[] = [];
   for await (const project of walkProjects(`${flags.indir}/*.md`)) {
     projects.push(project);
-    const html = renderProjectPageHTML(project);
+    const html = renderProjectPageHTML(project, flags["base-url"]);
     await Deno.writeTextFile(`${flags.outdir}/${project.id}.html`, html);
     const json = JSON.stringify(project, null, 2);
     await Deno.writeTextFile(`${flags.outdir}/${project.id}.json`, json);

projects/crying-counter.md

@@ -1,5 +1,6 @@
 ---
 title: "Crying Counter"
+repository: "crying-counter"
 participants: ["Ethan", "Karni", "Jacob", "Justin", "Vamsi"]
 labels: ["python"]
 ---