refactor: One Vercel project per website (#356)

Author: gabalafou

apps/consulting/.env.example

@@ -1,12 +1,10 @@
-# @see https://www.storyblok.com/docs/api/content-delivery
-# @see https://www.storyblok.com/faq/where-to-find-my-content-delivery-api-key
+# @see https://www.storyblok.com/docs/api/content-delivery @see
+# https://www.storyblok.com/faq/where-to-find-my-content-delivery-api-key
 
-STORYBLOK_TOKEN=
+DOMAIN=
 
-# possible values: "published" : "draft"
-STORYBLOK_TOKEN_VERSION=
-
-#this variable is used for preview mode in Storyblok editor only and should contain preview token
+# NEXT_PUBLIC_STORYBLOK_TOKEN corresponds to the API key for the Storyblok
+# Content API. In preview and development environments, it should be set to the
+# Storyblok `preview` API key. In production, it should be set to the `public`
+# API key.
 NEXT_PUBLIC_STORYBLOK_TOKEN=
-
-STORYBLOK_API_URL=https://gapi.storyblok.com/v1/api

apps/consulting/api/utils/getDataSourceEntries.ts

@@ -9,10 +9,11 @@ import {
 
 export const getDataSourceEntries = async (
   variables: DatasourceEntriesQueryVariables,
+  preview: boolean,
 ): Promise<DatasourceEntries> => {
   const { data } = await Api.getDataSourceEntries<
     DatasourceEntriesQuery,
     DatasourceEntriesQueryVariables
-  >(DatasourceEntriesDocument, variables);
+  >(DatasourceEntriesDocument, variables, preview);
   return data.DatasourceEntries;
 };

apps/consulting/api/utils/getFooter.ts

@@ -4,8 +4,11 @@ import { FooterItem } from '../types/basic';
 import { FooterItemDocument } from '../types/hooks';
 import { FooterItemQuery } from '../types/operations';
 
-export const getFooter = async (): Promise<FooterItem> => {
-  const { data } = await Api.getFooterItem<FooterItemQuery>(FooterItemDocument);
+export const getFooter = async (preview: boolean): Promise<FooterItem> => {
+  const { data } = await Api.getFooterItem<FooterItemQuery>(
+    FooterItemDocument,
+    preview,
+  );
 
   return data.FooterItem;
 };

apps/consulting/api/utils/getHeader.ts

@@ -4,8 +4,11 @@ import { HeaderItem } from '../types/basic';
 import { HeaderItemDocument } from '../types/hooks';
 import { HeaderItemQuery } from '../types/operations';
 
-export const getHeader = async (): Promise<HeaderItem> => {
-  const { data } = await Api.getHeaderItem<HeaderItemQuery>(HeaderItemDocument);
+export const getHeader = async (preview: boolean): Promise<HeaderItem> => {
+  const { data } = await Api.getHeaderItem<HeaderItemQuery>(
+    HeaderItemDocument,
+    preview,
+  );
 
   return data.HeaderItem;
 };

apps/consulting/api/utils/getLibraryLinkItems.ts

@@ -4,9 +4,12 @@ import { LibrarylinkItems } from '../types/basic';
 import { LibrarylinkItemsDocument } from '../types/hooks';
 import { LibrarylinkItemsQuery } from '../types/operations';
 
-export const getLibraryLinkItems = async (): Promise<LibrarylinkItems> => {
+export const getLibraryLinkItems = async (
+  preview: boolean,
+): Promise<LibrarylinkItems> => {
   const { data } = await Api.getLibraryLinkItems<LibrarylinkItemsQuery>(
     LibrarylinkItemsDocument,
+    preview,
   );
   return data.LibrarylinkItems;
 };

apps/consulting/api/utils/getPage.ts

@@ -6,10 +6,12 @@ import { PageItemQuery, PageItemQueryVariables } from '../types/operations';
 
 export const getPage = async (
   variables: PageItemQueryVariables,
+  preview,
 ): Promise<PageItem> => {
   const { data } = await Api.getPageItem<PageItemQuery, PageItemQueryVariables>(
     PageItemDocument,
     variables,
+    preview,
   );
   return data.PageItem;
 };

apps/consulting/api/utils/getPageItems.ts

@@ -6,10 +6,11 @@ import { PageItemsQuery, PageItemsQueryVariables } from '../types/operations';
 
 export const getPageItems = async (
   variables: PageItemsQueryVariables,
+  preview: boolean,
 ): Promise<PageItems> => {
   const { data } = await Api.getPageItems<
     PageItemsQuery,
     PageItemsQueryVariables
-  >(PageItemsDocument, variables);
+  >(PageItemsDocument, variables, preview);
   return data.PageItems;
 };

apps/consulting/api/utils/getTeam.ts

@@ -4,9 +4,9 @@ import { ArrayElementType } from '@quansight/shared/types';
 import { TeamDocument } from '../types/hooks';
 import { TeamQuery } from '../types/operations';
 
-export const getTeam = async (): Promise<
-  Array<ArrayElementType<TeamQuery['PersonItems']['items']>>
-> => {
-  const { data } = await Api.getTeamItem<TeamQuery>(TeamDocument);
+export const getTeam = async (
+  preview: boolean,
+): Promise<Array<ArrayElementType<TeamQuery['PersonItems']['items']>>> => {
+  const { data } = await Api.getTeamItem<TeamQuery>(TeamDocument, preview);
   return data.PersonItems.items;
 };

apps/consulting/components/Page/Page.tsx

@@ -24,7 +24,7 @@ export const Page: FC<TPageProps> = ({
   usePreviewMode(preview);
 
   const handlePageItemLoad = async (slug: string): Promise<PageItem> => {
-    const pageItem = getPage({ slug, relations });
+    const pageItem = getPage({ slug, relations }, preview);
     return pageItem;
   };
 

apps/consulting/middleware.ts

@@ -0,0 +1 @@
+export { middleware } from '@quansight/shared/utils/preview/middleware';