chore: add subject view

1 files changed, 184 insertions, 2 deletions

diff --git a/src/services/graphql/taxonomies.ts b/src/services/graphql/taxonomies.ts
index a14b7cb..ee73dc8 100644
--- a/src/services/graphql/taxonomies.ts
+++ b/src/services/graphql/taxonomies.ts
@@ -1,9 +1,12 @@
 import { ArticlePreview } from '@ts/types/articles';
 import {
-  AllTaxonomiesSlugResponse,
+  AllSubjectsSlugResponse,
+  AllThematicsSlugResponse,
   FetchAllTaxonomiesSlugReturn,
+  FetchSubjectByReturn,
   FetchThematicByReturn,
   GetTaxonomyByReturn,
+  Subject,
   Taxonomy,
 } from '@ts/types/taxonomies';
 import { gql } from 'graphql-request';
@@ -157,10 +160,189 @@ export const fetchAllThematicsSlug: FetchAllTaxonomiesSlugReturn = async () => {
   `;
 
   try {
-    const response: AllTaxonomiesSlugResponse = await client.request(query);
+    const response: AllThematicsSlugResponse = await client.request(query);
     return response.thematics.nodes;
   } catch (error) {
     console.error(error, undefined, 2);
     process.exit(1);
   }
 };
+
+export const fetchSubjectBySlug: FetchSubjectByReturn = async (
+  slug: string
+) => {
+  const client = getGraphQLClient();
+  const query = gql`
+    query SubjectBySlug($slug: String!) {
+      subjectBy(slug: $slug) {
+        acfSubjects {
+          officialWebsite
+          postsInSubject {
+            ... on Post {
+              acfPosts {
+                postsInSubject {
+                  ... on Subject {
+                    databaseId
+                    featuredImage {
+                      node {
+                        altText
+                        sourceUrl
+                        title
+                      }
+                    }
+                    id
+                    slug
+                    title
+                  }
+                }
+                postsInThematic {
+                  ... on Thematic {
+                    databaseId
+                    id
+                    slug
+                    title
+                  }
+                }
+              }
+              id
+              commentCount
+              contentParts {
+                beforeMore
+              }
+              databaseId
+              date
+              featuredImage {
+                node {
+                  altText
+                  sourceUrl
+                  title
+                }
+              }
+              modified
+              slug
+              title
+            }
+          }
+        }
+        contentParts {
+          afterMore
+          beforeMore
+        }
+        date
+        featuredImage {
+          node {
+            altText
+            sourceUrl
+            title
+          }
+        }
+        modified
+        seo {
+          metaDesc
+          opengraphAuthor
+          opengraphDescription
+          opengraphImage {
+            altText
+            sourceUrl
+            srcSet
+          }
+          opengraphModifiedTime
+          opengraphPublishedTime
+          opengraphPublisher
+          opengraphSiteName
+          opengraphTitle
+          opengraphType
+          opengraphUrl
+          readingTime
+          title
+        }
+        title
+      }
+    }
+  `;
+
+  const variables = { slug };
+
+  try {
+    const response = client.request(query, variables);
+    return response;
+  } catch (error) {
+    console.error(error, undefined, 2);
+    process.exit(1);
+  }
+};
+
+export const getSubjectBySlug: GetTaxonomyByReturn = async (slug: string) => {
+  const rawSubject = await fetchSubjectBySlug(slug);
+
+  const content = rawSubject.subjectBy.contentParts.afterMore;
+  const cover = rawSubject.subjectBy.featuredImage
+    ? rawSubject.subjectBy.featuredImage.node
+    : null;
+  const intro = rawSubject.subjectBy.contentParts.beforeMore;
+  const rawPosts = rawSubject.subjectBy.acfSubjects.postsInSubject;
+  console.log(rawPosts);
+
+  // WP GraphQL return empty objects instead of filtering posts that do not
+  // belong to the queried post type so I need to filter them.
+  const formattedPosts: ArticlePreview[] = rawPosts
+    .filter((post) => Object.getOwnPropertyNames(post).length > 0)
+    .map((post) => {
+      const content = post.contentParts.beforeMore;
+      const cover = post.featuredImage ? post.featuredImage.node : null;
+      const dates = { publication: post.date, update: post.modified };
+      const subjects =
+        post.acfPosts.postsInSubject && post.acfPosts.postsInSubject?.length > 0
+          ? post.acfPosts.postsInSubject
+          : [];
+      const thematics =
+        post.acfPosts.postsInThematic &&
+        post.acfPosts.postsInThematic?.length > 0
+          ? post.acfPosts.postsInThematic
+          : [];
+
+      return {
+        ...post,
+        content,
+        featuredImage: cover,
+        date: dates,
+        subjects,
+        thematics,
+      };
+    });
+
+  const formattedSubject: Subject = {
+    ...rawSubject.subjectBy,
+    content,
+    featuredImage: cover,
+    intro,
+    posts: formattedPosts,
+  };
+
+  console.log(formattedSubject);
+
+  return formattedSubject;
+};
+
+export const fetchAllSubjectsSlug: FetchAllTaxonomiesSlugReturn = async () => {
+  const client = getGraphQLClient();
+
+  // 10 000 is an arbitrary number for small websites.
+  const query = gql`
+    query AllSubjectsSlug {
+      subjects(first: 10000) {
+        nodes {
+          slug
+        }
+      }
+    }
+  `;
+
+  try {
+    const response: AllSubjectsSlugResponse = await client.request(query);
+    return response.subjects.nodes;
+  } catch (error) {
+    console.error(error, undefined, 2);
+    process.exit(1);
+  }
+};