foundry-component-library 0.0.0 → 0.0.2

package/lib/queries/getCategories.ts

@@ -0,0 +1,23 @@
+import { gql } from "graphql-request";
+import { Category } from "../../lib/types";
+import client from "./client";
+
+export default async function getCategories(): Promise<Category[]> {
+  const query = gql`
+    query getCategories {
+      caseCategories(where: { language: EN }) {
+        nodes {
+          id
+          name
+          slug
+          count
+        }
+      }
+    }
+  `;
+
+  const data: { caseCategories: { nodes: Category[] } } = await client.request(
+    query
+  );
+  return data.caseCategories.nodes;
+}

package/lib/queries/getContactPage.ts

@@ -0,0 +1,100 @@
+import { gql } from "graphql-request";
+import client from "./client";
+
+export type ContactPage = {
+  title: string;
+  customFieldsContact: {
+    title: string;
+    subtitle: string;
+    berlinImage: {
+      sourceUrl: string;
+    };
+    berlinText: string;
+    berlinEmail: string;
+    berlinPhone: string;
+    berlinAddress: string;
+    berlinAddressLink: string;
+    zurichImage: {
+      sourceUrl: string;
+    };
+    zurichText: string;
+    zurichEmail: string;
+    zurichPhone: string;
+    zurichAddress: string;
+    zurichAddressLink: string;
+    newyorkImage: {
+      sourceUrl: string;
+    };
+    newyorkText: string;
+    newyorkEmail: string;
+    newyorkPhone: string;
+    newyorkAddress: string;
+    newyorkAddressLink: string;
+    contactsTitle: string;
+    contactsSubtitle: string;
+    contacts: {
+      heading: string;
+      subheading: string;
+      email: string;
+    }[];
+    bankTitle: string;
+    berlinHeading: string;
+    berlinDetails: string;
+    swissHeading: string;
+    swissDetails: string;
+  };
+};
+
+export default async function getContactPage(): Promise<ContactPage | null> {
+  const query = gql`
+    query GetPageBySlug($slug: ID!) {
+      page(id: $slug, idType: URI) {
+        title
+        customFieldsContact {
+          title
+          subtitle
+          berlinImage {
+            sourceUrl
+          }
+          berlinText
+          berlinEmail
+          berlinPhone
+          berlinAddress
+          berlinAddressLink
+          zurichImage {
+            sourceUrl
+          }
+          zurichText
+          zurichEmail
+          zurichPhone
+          zurichAddress
+          zurichAddressLink
+          newyorkImage {
+            sourceUrl
+          }
+          newyorkText
+          newyorkEmail
+          newyorkPhone
+          newyorkAddress
+          newyorkAddressLink
+          contactsTitle
+          contactsSubtitle
+          contacts {
+            heading
+            subheading
+            email
+          }
+          bankTitle
+          berlinHeading
+          berlinDetails
+          swissHeading
+          swissDetails
+        }
+      }
+    }
+  `;
+
+  const variables = { slug: "contact" };
+  const data: { page: ContactPage } = await client.request(query, variables);
+  return data.page;
+}

package/lib/queries/getHomePage.ts

@@ -0,0 +1,215 @@
+import { gql } from "graphql-request";
+import client from "./client";
+import { Hub, PostPreview } from "../types";
+import { type ContactPage } from "./getContactPage";
+
+type HomePage = {
+  homePage: {
+    title: string;
+    customFieldsBerlin: {
+      heroShowreel2?: {
+        mediaItemUrl: string;
+      };
+      herotextText?: string;
+      hubsCaption?: string;
+      hubsHeading?: string;
+      hubsText?: string;
+      awardsHeading?: string;
+      awards?: Array<{
+        image: {
+          sourceUrl: string;
+        };
+        heading: string;
+        text: string;
+      }>;
+      casesHeading?: string;
+      casesCases?: Array<{
+        id: string;
+        uri: string;
+        title: string;
+        case: {
+          caption: string;
+          mainImage: {
+            sourceUrl: string;
+          };
+        };
+      }>;
+      brandsCaption?: string;
+      brandsHeading?: string;
+      brandsText?: string;
+      brands: {
+        data?: {
+          title?: string;
+          featured?: boolean;
+          image?: {
+            sourceUrl: string;
+          };
+        };
+        service?: string[];
+        industry?: string[];
+      }[];
+      numbersHeading?: string;
+      numbers?: Array<{
+        number?: string;
+        text?: string;
+      }>;
+      newsCaption?: string;
+      newsHeading?: string;
+      newsText?: string;
+    };
+  };
+  hubs: {
+    id: string;
+    title: string;
+    uri: string;
+  }[];
+  posts: PostPreview[];
+  contactPage: {
+    customFieldsContact: {
+      berlinImage?: {
+        sourceUrl: string;
+      };
+      berlinText?: string;
+      berlinEmail?: string;
+      berlinPhone?: string;
+      zurichImage?: {
+        sourceUrl: string;
+      };
+      zurichText?: string;
+      zurichEmail?: string;
+      zurichPhone?: string;
+      newyorkImage?: {
+        sourceUrl: string;
+      };
+      newyorkText?: string;
+      newyorkEmail?: string;
+      newyorkPhone?: string;
+    };
+  };
+};
+
+export default async function getContactPage(): Promise<HomePage> {
+  const query = gql`
+    query GetPageBySlug($slug: ID!) {
+      page(id: $slug, idType: URI) {
+        title
+        customFieldsBerlin {
+          heroShowreel2 {
+            mediaItemUrl
+          }
+          herotextText
+          hubsCaption
+          hubsHeading
+          hubsText
+          awardsHeading
+          awards {
+            image {
+              sourceUrl
+            }
+            heading
+            text
+          }
+          casesHeading
+          casesCases {
+            ... on Case {
+              id
+              uri
+              title
+              case {
+                caption
+                mainImage {
+                  sourceUrl
+                }
+              }
+            }
+          }
+          brandsCaption
+          brandsHeading
+          brandsText
+          brands {
+            data {
+              title
+              featured
+              image {
+                sourceUrl
+              }
+            }
+            service
+            industry
+          }
+          numbersHeading
+          numbers {
+            number
+            text
+          }
+          newsCaption
+          newsHeading
+          newsText
+        }
+      }
+      hubs {
+        nodes {
+          id
+          title
+          uri
+        }
+      }
+      posts(first: 3) {
+        nodes {
+          id
+          title
+          uri
+          CustomFieldsPosts {
+            excerpt
+            thumbnailImage {
+              sourceUrl
+            }
+          }
+        }
+      }
+      contactPage: page(id: "contact", idType: URI) {
+        customFieldsContact {
+          berlinImage {
+            sourceUrl
+          }
+          berlinText
+          berlinEmail
+          berlinPhone
+          berlinAddress
+          berlinAddressLink
+          zurichImage {
+            sourceUrl
+          }
+          zurichText
+          zurichEmail
+          zurichPhone
+          zurichAddress
+          zurichAddressLink
+          newyorkImage {
+            sourceUrl
+          }
+          newyorkText
+          newyorkEmail
+          newyorkPhone
+          newyorkAddress
+          newyorkAddressLink
+        }
+      }
+    }
+  `;
+
+  const variables = { slug: "home-berlin" };
+  const data: {
+    page: HomePage["homePage"];
+    hubs: { nodes: Hub[] };
+    posts: { nodes: PostPreview[] };
+    contactPage: ContactPage;
+  } = await client.request(query, variables);
+
+  return {
+    homePage: data.page,
+    hubs: data.hubs.nodes,
+    posts: data.posts.nodes,
+    contactPage: data.contactPage,
+  };
+}

package/lib/queries/getHubBySlug.ts

@@ -0,0 +1,143 @@
+import { gql } from "graphql-request";
+import { Case, Hub } from "../../lib/types";
+import client from "./client";
+import { type ContactPage } from "./getContactPage";
+
+type HomePage = {
+  customFieldsBerlin: {
+    awardsHeading?: string;
+    awards?: Array<{
+      image: {
+        sourceUrl: string;
+      };
+      heading: string;
+      text: string;
+    }>;
+  };
+};
+
+type HubFields = {
+  hub: Hub;
+  contactPage: ContactPage;
+  cases: Case[];
+  homePage: HomePage;
+};
+
+export default async function getCaseBySlug(slug: string): Promise<HubFields> {
+  const query = gql`
+    query GetHubBySlug($slug: ID!) {
+      hub(id: $slug, idType: SLUG) {
+        id
+        title
+        customFieldsHub {
+          caption
+          heading
+          subheading
+          mainimage {
+            sourceUrl
+          }
+          relatedWork {
+            ... on Case {
+              title
+              uri
+              case {
+                mainImage {
+                  sourceUrl
+                }
+              }
+            }
+          }
+          capabilities {
+            heading
+            text
+            cases {
+              ... on Case {
+                title
+                uri
+                case {
+                  mainImage {
+                    sourceUrl
+                  }
+                }
+              }
+            }
+          }
+          quoteName
+          quotePosition
+          quoteText
+        }
+      }
+      contactPage: page(id: "contact", idType: URI) {
+        customFieldsContact {
+          berlinImage {
+            sourceUrl
+          }
+          berlinText
+          berlinEmail
+          berlinPhone
+          zurichImage {
+            sourceUrl
+          }
+          zurichText
+          zurichEmail
+          zurichPhone
+          newyorkImage {
+            sourceUrl
+          }
+          newyorkText
+          newyorkEmail
+          newyorkPhone
+        }
+      }
+      cases(first: 3) {
+        nodes {
+          id
+          title
+          slug
+          uri
+          case {
+            thumbnailVideo {
+              mediaItemUrl
+            }
+            mainImage {
+              sourceUrl
+            }
+          }
+        }
+        pageInfo {
+          startCursor
+          endCursor
+          hasNextPage
+          hasPreviousPage
+        }
+      }
+      homePage: page(id: "home-berlin", idType: URI) {
+        customFieldsBerlin {
+          awardsHeading
+          awards {
+            image {
+              sourceUrl
+            }
+            heading
+            text
+          }
+        }
+      }
+    }
+  `;
+
+  const variables = { slug };
+  const data: {
+    hub: Hub;
+    contactPage: ContactPage;
+    cases: { nodes: Case[] };
+    homePage: HomePage;
+  } = await client.request(query, variables);
+
+  return {
+    hub: data.hub,
+    contactPage: data.contactPage,
+    cases: data.cases.nodes,
+    homePage: data.homePage,
+  };
+}

package/lib/queries/getHubs.ts

@@ -0,0 +1,131 @@
+import { gql } from "graphql-request";
+import { Hub } from "../../lib/types";
+import client from "./client";
+
+export default async function getCases(): Promise<{
+  hubs: Hub[];
+  pageInfo: {
+    startCursor: string | null;
+    endCursor: string | null;
+    hasNextPage: boolean;
+    hasPreviousPage: boolean;
+  };
+  homePage: {
+    customFields: {
+      brandsCaption: string;
+      brandsHeading: string;
+      brandsText: string;
+      brands: {
+        title: string;
+        category: string;
+        image: {
+          sourceUrl: string;
+        };
+      }[];
+      awardsHeading?: string;
+      awards?: Array<{
+        image: {
+          sourceUrl: string;
+        };
+        heading: string;
+        text: string;
+      }>;
+    };
+  };
+}> {
+  const query = gql`
+    query GetHubs {
+      hubs(where: { language: EN }) {
+        nodes {
+          id
+          title
+          slug
+          uri
+          customFieldsHub {
+            caption
+            heading
+            subheading
+            mainimage {
+              sourceUrl
+            }
+            tags {
+              tag
+            }
+            relatedWork {
+              ... on Case {
+                title
+                uri
+                case {
+                  mainImage {
+                    sourceUrl
+                  }
+                }
+              }
+            }
+            capabilities {
+              heading
+              text
+              cases {
+                ... on Case {
+                  title
+                  uri
+                  case {
+                    mainImage {
+                      sourceUrl
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+        pageInfo {
+          startCursor
+          endCursor
+          hasNextPage
+          hasPreviousPage
+        }
+      }
+    }
+  `;
+
+  const data: {
+    hubs: {
+      nodes: Hub[];
+      pageInfo: {
+        startCursor: string | null;
+        endCursor: string | null;
+        hasNextPage: boolean;
+        hasPreviousPage: boolean;
+      };
+    };
+    homePage: {
+      customFields: {
+        brandsCaption: string;
+        brandsHeading: string;
+        brandsText: string;
+        brands: {
+          title: string;
+          category: string;
+          image: {
+            sourceUrl: string;
+          };
+        }[];
+        awardsHeading?: string;
+        awards?: Array<{
+          image: {
+            sourceUrl: string;
+          };
+          heading: string;
+          text: string;
+        }>;
+      };
+    };
+  } = await client.request(query);
+
+  return {
+    hubs: data.hubs.nodes,
+    pageInfo: data.hubs.pageInfo,
+    homePage: data.homePage,
+  };
+}