New projects page

.prettierignore

@@ -0,0 +1,2 @@
+.yarn
+content

content/projects/markdown/aegle-v2.md

@@ -0,0 +1,19 @@
+---
+name: Aegle v2
+images:
+  - /me-and-andy-s-mouse-love-child.png
+  - /untitled-design.png
+stats:
+  - label: Flight Time
+    value: 30 minutes
+  - label: Max Speed
+    value: 1000 km/h
+  - label: Battery
+    value: big boi
+  - label: Wingspan
+    value: 3 meters
+model: /bear.glb
+academic_year: 2023
+blurb: Drone 2
+---
+Lorem ipsum dolor sit *amet*, **consectetur** adipiscing [elit](https://google.com). Praesent euismod, ligula eu aliquam maximus, magna mi suscipit libero, eget pretium felis mauris non ligula. Nam eu lectus egestas, suscipit tortor ac, aliquet elit. Sed turpis arcu, scelerisque sed sapien sit amet, sollicitudin efficitur sapien. Sed volutpat dui eros, in semper sapien maximus ac. Duis quis massa ac diam dapibus imperdiet. Vestibulum mattis euismod purus. Praesent sed volutpat ante. Nam interdum lobortis leo, a auctor nisl fermentum sed. Maecenas quam metus, interdum id enim vitae, imperdiet rhoncus mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pharetra, erat at finibus sollicitudin, orci turpis egestas neque, sit amet convallis massa neque eget leo. Aenean ac ipsum auctor, egestas elit ut, semper nisl. Donec mollis, ligula blandit blandit sollicitudin, lectus dolor lacinia mi, vel auctor ante massa quis quam.

content/projects/markdown/battery-swap.md

@@ -0,0 +1,18 @@
+---
+name: Battery Swap
+images:
+  - /sparrow.jpg
+model: /fishpussy.glb
+academic_year: 2023
+blurb: Zachary Kohnen passion project
+---
+> I sucked not super hard
+
+\- joe
+
+
+
+* one
+* three
+* a
+* boo

content/projects/markdown/birb.md

@@ -0,0 +1,8 @@
+---
+name: Birb
+images: 
+  - /untitled-design.png
+academic_year: 2022
+blurb: zoobie
+---
+glorpy schlorpy

content/sponsors/markdown/bossard.md

@@ -0,0 +1,8 @@
+---
+name: Bossard
+logo: bossard.svg
+url: https://nederland.bossard.com
+package: gold
+---
+Bossard Group is a globally recognized company specializing in fastening solutions, engineering, and logistics services. Headquartered in Zug, Switzerland, Bossard has a significant presence worldwide, providing a broad range of products and services to various industries, including automotive, aerospace, electronics, and manufacturing.
+Their comprehensive approach, combining high-quality products, innovative engineering, and efficient logistics, gives them a competitive edge compared to other multinationals in the industry.

eslint.config.mjs

@@ -0,0 +1,51 @@
+import plugin_typescript from "@typescript-eslint/eslint-plugin";
+import plugin_prettier from "eslint-plugin-prettier";
+import plugin_react_hooks from "eslint-plugin-react-hooks";
+import plugin_jsx_a11y from "eslint-plugin-jsx-a11y";
+import plugin_import from "eslint-plugin-import-x";
+
+import parser from "@typescript-eslint/parser";
+
+import config_prettier from "eslint-config-prettier";
+import config_typescript from "eslint-plugin-react/configs/recommended.js";
+
+/** @type {import("eslint").Linter.FlatConfig[]} */
+export default [
+  { ignores: [".yarn/", ".cache/", "public/"] },
+  config_prettier,
+  config_typescript,
+  /** @type {import("eslint").Linter.FlatConfig} */ ({
+    languageOptions: {
+      ecmaVersion: 2024,
+      sourceType: "module",
+      parser: parser,
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+          impliedStrict: true
+        }
+      }
+    },
+    plugins: {
+      "@typescript-eslint": /** @type {import("eslint").ESLint.Plugin} */ (/** @type {unknown} */ (plugin_typescript)),
+      prettier: plugin_prettier,
+      "react-hooks": plugin_react_hooks,
+      "jsx-a11y": plugin_jsx_a11y,
+      import: /** @type {import("eslint").ESLint.Plugin} */ (/** @type {unknown} */ (plugin_import))
+    },
+    rules: {
+      semi: 2,
+      "@typescript-eslint/explicit-member-accessibility": 2,
+      "@typescript-eslint/no-explicit-any": 2,
+      "@typescript-eslint/no-unused-vars": 2,
+      "@typescript-eslint/interface-name-prefix": 0,
+      "react/self-closing-comp": 2
+    },
+    settings: {
+      react: {
+        version: "18"
+      }
+    },
+    files: ["**/*.{ts,tsx,js}"]
+  })
+];

gatsby-config.ts

@@ -103,21 +103,21 @@ const config: GatsbyConfig = {
     {
       resolve: "gatsby-source-filesystem",
       options: {
-        name: "team-photos",
-        path: `${__dirname}/content/images/teams`
+        name: "teams",
+        path: `${__dirname}/content/teams/json`
       }
     },
     {
-      resolve: "gatsby-source-filesystem",
+      resolve: "gatsby-transformer-json",
       options: {
-        name: "teams",
-        path: `${__dirname}/content/teams`
+        typeName: "json"
       }
     },
     {
-      resolve: "gatsby-transformer-json",
+      resolve: "gatsby-source-filesystem",
       options: {
-        typeName: "json"
+        name: "team-photos",
+        path: `${__dirname}/content/teams/images`
       }
     },
     // END team list
@@ -127,15 +127,40 @@ const config: GatsbyConfig = {
       resolve: `gatsby-source-filesystem`,
       options: {
         name: `sponsors`,
-        path: `${__dirname}/content/sponsors`
+        path: `${__dirname}/content/sponsors/markdown`
       }
     },
     `gatsby-transformer-remark`,
     {
       resolve: `gatsby-source-filesystem`,
       options: {
         name: `sponsors-images`,
-        path: `${__dirname}/content/images/sponsors`
+        path: `${__dirname}/content/sponsors/images`
+      }
+    },
+    // END sponsor list
+
+    // BEGIN sponsor list
+    {
+      resolve: `gatsby-source-filesystem`,
+      options: {
+        name: `projects`,
+        path: `${__dirname}/content/projects/markdown`
+      }
+    },
+    // `gatsby-transformer-remark`,
+    {
+      resolve: `gatsby-source-filesystem`,
+      options: {
+        name: `project-images`,
+        path: `${__dirname}/content/projects/images`
+      }
+    },
+    {
+      resolve: `gatsby-source-filesystem`,
+      options: {
+        name: `project-models`,
+        path: `${__dirname}/content/projects/models`
       }
     },
     // END sponsor list

gatsby-node.ts

@@ -1,30 +1,130 @@
-import type { CreatePagesArgs } from "gatsby";
+import type { Actions, CreatePagesArgs } from "gatsby";
 import type { TeamContext } from "./src/templates/team";
 import type { Years } from "./src/queries/team_members";
+import type { IGatsbyImageData } from "gatsby-plugin-image";
+import type { Statistic } from "./src/queries/projects";
 
 function isYears(years: unknown): years is Years {
   return typeof years === "string" && /[0-9]{2}-[0-9]{2}/.test(years);
 }
 
+// TODO: keep in sync with useProjects and useTeams
 export const createPages = async function ({ actions, graphql }: CreatePagesArgs) {
-  const { data } = await graphql<Queries.AllTeamsQuery>(`
-    query AllTeams {
-      teams: allFile(filter: { sourceInstanceName: { eq: "teams" } }, sort: { name: DESC }) {
-        nodes {
-          data: childJson {
-            year
-            description
+  const [{ data: teams }, { data: projects }] = await Promise.all([
+    graphql<Queries.NodeAllTeamsQuery>(`
+      query NodeAllTeams {
+        teams: allFile(filter: { sourceInstanceName: { eq: "teams" } }, sort: { name: DESC }) {
+          nodes {
+            data: childJson {
+              year
+              description
+            }
           }
         }
       }
-    }
-  `);
+    `),
+    graphql<Queries.NodeProjectsQuery>(`
+      query NodeProjects {
+        projects: allFile(filter: { sourceInstanceName: { eq: "projects" } }) {
+          nodes {
+            slug: name
+            markdown: childMarkdownRemark {
+              meta: frontmatter {
+                name
+                images
+                academic_year
+                blurb
+                model
+                stats {
+                  label
+                  value
+                }
+              }
+              html
+            }
+          }
+        }
+        images: allFile(filter: { sourceInstanceName: { eq: "project-images" } }) {
+          nodes {
+            relativePath
+            childImageSharp {
+              gatsbyImageData
+            }
+          }
+        }
+        models: allFile(filter: { sourceInstanceName: { eq: "project-models" } }) {
+          nodes {
+            relativePath
+            publicURL
+          }
+        }
+      }
+    `)
+  ]);
 
-  if (data === undefined) {
-    throw new TypeError("GraphQL query returns NULL");
+  if (teams === undefined) {
+    throw new TypeError("teams query empty");
   }
 
-  const teams = data.teams.nodes.map((team) => {
+  console.info("creating team pages");
+  create_team_pages(teams, actions);
+
+  // TODO: FIXME: Projects pages hidden for now
+  // if (projects === undefined) {
+  //   throw new TypeError("projects query empty");
+  // }
+
+  // console.info("creating project pages");
+  // create_project_pages(projects, actions);
+  void projects; // Make ESLint Happy
+  void create_project_pages; // Make ESLint Happy
+};
+
+function create_project_pages({ projects, images, models }: Queries.NodeProjectsQuery, actions: Actions) {
+  const all_images = new Map(
+    images.nodes.map((image) => [image.relativePath, image.childImageSharp!.gatsbyImageData!])
+  );
+
+  const all_models = new Map(models.nodes.map((image) => [image.relativePath, image.publicURL]));
+
+  for (const project of projects.nodes ?? []) {
+    const initial_images = project?.markdown?.meta?.images ?? [];
+    const images = initial_images
+      .map((image_path) => all_images.get(image_path?.replace(/^\//, "") ?? ""))
+      .filter((image): image is IGatsbyImageData => image !== undefined);
+
+    const model = all_models.get(project?.markdown?.meta?.model?.replace(/^\//, "") ?? "") ?? undefined;
+
+    actions.createPage({
+      path: `/projects/${project.slug}`,
+      component: `${__dirname}/src/templates/project.tsx`,
+      context: {
+        html: project?.markdown?.html ?? "",
+        name: project?.markdown?.meta?.name ?? "",
+        academic_year: project?.markdown?.meta?.academic_year ?? 0,
+        images: images,
+        blurb: project?.markdown?.meta?.blurb ?? "",
+        slug: project.slug,
+        model,
+        stats: (() => {
+          const stats = project.markdown?.meta?.stats ?? undefined;
+          if (stats === undefined) return undefined;
+
+          return stats.filter((stat): stat is Statistic => {
+            if (stat === null) throw TypeError("empty statistic");
+            if (stat.label === null) throw TypeError("statistic missing field label");
+            if (stat.value === null) throw TypeError("statistic missing field value");
+
+            return true;
+          });
+        })()
+      }
+    });
+  }
+}
+
+function create_team_pages({ teams: teams_raw }: Queries.NodeAllTeamsQuery, actions: Actions) {
+  const teams = teams_raw.nodes.map((team) => {
     if (team.data === null) throw new TypeError("team data null");
     if (!isYears(team.data.year)) throw new TypeError("team year is malformed");
     if (team.data.description === null) throw new TypeError("Team has no description");
@@ -49,4 +149,4 @@ export const createPages = async function ({ actions, graphql }: CreatePagesArgs
       }
     });
   }
-};
+}