fix: Change OSSes category from output to project (#1015)

gatsby-config.ts

@@ -90,11 +90,11 @@ const config: GatsbyConfig = {
         feeds: [
           {
             serialize: ({
-              query: { allOutput },
+              query: { allTimeline },
             }: {
               query: GatsbyPluginFeedQuery;
             }) => {
-              return allOutput.nodes.map((node) => {
+              return allTimeline.nodes.map((node) => {
                 switch (node.__typename) {
                   case "Mdx":
                     return {
@@ -104,11 +104,22 @@ const config: GatsbyConfig = {
                       description: node.frontmatter.excerpt,
                       date: node.date,
                     };
+                  case "ArticlesYaml":
+                  case "SlidesYaml":
+                  case "OssesYaml":
+                  case "NotesYaml":
+                    return {
+                      guid: node.url ?? "",
+                      title: node.title,
+                      url: node.url ?? "",
+                      description: "",
+                      date: node.date,
+                    };
                   default:
                     return {
-                      guid: node.url,
+                      guid: node.title,
                       title: node.title,
-                      url: node.url,
+                      url: SITE_METADATA.siteUrl,
                       description: "",
                       date: node.date,
                     };
@@ -117,7 +128,7 @@ const config: GatsbyConfig = {
             },
             query: /* GraphQL */ `
               query GatsbyPluginFeed {
-                allOutput(sort: { date: DESC }) {
+                allTimeline(sort: { date: DESC }) {
                   nodes {
                     __typename
                     title

gatsby-node.ts

@@ -310,14 +310,6 @@ export const createSchemaCustomization: GatsbyNode["createSchemaCustomization"]
         fields: TimelineFields!
       }
 
-      type OssesYaml implements Node & Timeline & Output @dontInfer {
-        title: String!
-        date: Date! @dateformat
-        url: String!
-        tags: [String!]!
-        fields: TimelineFields!
-      }
-
       type NotesYaml implements Node & Timeline & Output @dontInfer {
         title: String!
         date: Date! @dateformat

src/features/Timeline/TimelineList.tsx

@@ -83,9 +83,6 @@ export const query = graphql`
         ... on SlidesYaml {
           ...TimelineSlideCard
         }
-        ... on OssesYaml {
-          ...TimelineOssCard
-        }
         ... on NotesYaml {
           ...TimelineNoteCard
         }

src/features/Timeline/TimelineOssCard.tsx

@@ -7,7 +7,7 @@ import { TimelineCardBase } from "./TimelineCardBase";
 
 import { GitHubIcon } from "@/components/icons/GitHubIcon";
 import { type TimelineOssCardFragment } from "@/generated/graphqlTypes";
-import { type M3ColorTokens, outputColorTokens } from "@/layouts/themes";
+import { type M3ColorTokens, projectColorTokens } from "@/layouts/themes";
 import { formatDateTime } from "@/utils/format";
 
 export const query = graphql`
@@ -33,9 +33,9 @@ const adoptColorTokens = (colorTokens: M3ColorTokens): CSSObject => {
 
 const StyledTimelineCard = styled(TimelineCardBase)(({ theme }) => {
   return {
-    ...adoptColorTokens(outputColorTokens.lightColorTokens),
+    ...adoptColorTokens(projectColorTokens.lightColorTokens),
     [theme.getColorSchemeSelector("dark")]: adoptColorTokens(
-      outputColorTokens.darkColorTokens,
+      projectColorTokens.darkColorTokens,
     ),
   };
 });