diff --git a/src/components/base/experience/experience.graphql.ts b/src/components/base/experience/blankexperience/experience.graphql.ts similarity index 56% rename from src/components/base/experience/experience.graphql.ts rename to src/components/base/experience/blankexperience/experience.graphql.ts index 7be6c68..9a88cb8 100644 --- a/src/components/base/experience/experience.graphql.ts +++ b/src/components/base/experience/blankexperience/experience.graphql.ts @@ -1,8 +1,14 @@ import { graphql } from "@generated/graphql/gql"; export const ExperienceQuery = graphql(/* GraphQL */ ` - query GetExperience($key: String, $version: String, $locale: String, $url: String, $status: String) { - content: _Experience( + query GetExperience( + $key: String + $version: String + $locale: String + $url: String + $status: String + ) { + content: BlankExperience( where: { _metadata: { url: { default: { eq: $url } } @@ -14,19 +20,6 @@ export const ExperienceQuery = graphql(/* GraphQL */ ` } ) { items { - metadata: _metadata { - key - version - locale - displayName - url { - default - } - published - status - created - lastModified - } composition { key displayName @@ -44,3 +37,21 @@ export const ExperienceQuery = graphql(/* GraphQL */ ` } } `); + +export const BlankExperienceFragment = graphql(/* GraphQL */ ` + fragment BlankExperienceFragment on BlankExperience { + composition { + key + displayName + displayTemplateKey + displaySettings { + key + value + } + sections: nodes { + key + ...SectionNode + } + } + } +`); diff --git a/src/components/base/experience/experience.style.ts b/src/components/base/experience/blankexperience/experience.style.ts similarity index 100% rename from src/components/base/experience/experience.style.ts rename to src/components/base/experience/blankexperience/experience.style.ts diff --git a/src/components/base/experience/experience.template.tsx b/src/components/base/experience/blankexperience/experience.template.tsx similarity index 52% rename from src/components/base/experience/experience.template.tsx rename to src/components/base/experience/blankexperience/experience.template.tsx index b750640..22a8098 100644 --- a/src/components/base/experience/experience.template.tsx +++ b/src/components/base/experience/blankexperience/experience.template.tsx @@ -1,11 +1,16 @@ import { useQuery } from "@apollo/client"; -import { CompositionDisplaySetting, SectionNodeFragment } from "@generated/graphql"; +import { + BlankExperienceFragmentFragment, + CompositionDisplaySetting, + SectionNodeFragment, +} from "@generated/graphql"; import { useContentSaved } from "@hooks"; import { useEffect, useMemo } from "react"; -import { SectionTemplate } from "../section/section.template"; +import { SectionTemplate } from "../../section/section.template"; import { ExperienceQuery } from "./experience.graphql"; import { GetExperienceStyles } from "./experience.style"; import { useGlobalContext } from "@context"; +import { getContentByPath } from "@components/base/templates/metadata.graphql"; interface ExperienceTemplateProps { contentGuid?: string | null; // Content GUID @@ -15,9 +20,19 @@ interface ExperienceTemplateProps { url?: string | null; // Matched against the URL.Default } -export const ExperienceTemplate: React.FC = ({ contentGuid, version, locale, url }) => { +export const ExperienceTemplate: React.FC = ({ + contentGuid, + version, + locale, + url, +}) => { const { setIsLoading } = useGlobalContext(); - const queryVariables = { key: contentGuid, version, locale, url, status: url ? "Published" : undefined }; + const queryVariables = { + version, + locale, + url, + status: url ? "Published" : undefined, + }; const { data, refetch, error, loading } = useQuery(ExperienceQuery, { variables: queryVariables, @@ -27,11 +42,29 @@ export const ExperienceTemplate: React.FC = ({ contentG // refetch(queryVariables); }, onCompleted: (data) => { - console.log("[QUERY] Query finished with variables", queryVariables, data); + console.log( + "[QUERY] Query finished with variables", + queryVariables, + data + ); setIsLoading(false); }, }); + // const { data, refetch, error, loading } = useQuery(getContentByPath, { + // variables: { url: url! }, + // notifyOnNetworkStatusChange: true, + // onError: (error) => { + // console.error("[QUERY] Error fetching Experience", error); + // // refetch(queryVariables); + // setIsLoading(false); + // }, + // onCompleted: (data) => { + // console.log("[QUERY] Query finished with variables", {}, data); + // setIsLoading(false); + // }, + // }); + const experience = useMemo(() => { const items = data?.content?.items; if (!data || !items || items.length === 0) { @@ -39,7 +72,7 @@ export const ExperienceTemplate: React.FC = ({ contentG } return items[0]; - }, [data]); + }, [data]) as BlankExperienceFragmentFragment; useContentSaved((data) => { const [contentId, contentVersion] = data.contentLink.split("_"); @@ -47,7 +80,7 @@ export const ExperienceTemplate: React.FC = ({ contentG queryVariables.version = contentVersion; } - refetch(queryVariables); + // refetch(queryVariables); }); useEffect(() => { @@ -56,10 +89,15 @@ export const ExperienceTemplate: React.FC = ({ contentG } }, [loading]); - const sections = useMemo(() => experience?.composition?.sections ?? [], [experience]); + const sections = useMemo( + () => experience?.composition?.sections ?? [], + [experience] + ); const classes = useMemo(() => { - return GetExperienceStyles(experience?.composition?.displaySettings as CompositionDisplaySetting[]); + return GetExperienceStyles( + experience?.composition?.displaySettings as CompositionDisplaySetting[] + ); }, [experience]); if (error) { @@ -72,7 +110,15 @@ export const ExperienceTemplate: React.FC = ({ contentG return (
- {sections.map((section) => section && )} + {sections.map( + (section) => + section && ( + + ) + )}
); }; diff --git a/src/components/base/page/justpage/justpage.graphql.tsx b/src/components/base/page/justpage/justpage.graphql.tsx new file mode 100644 index 0000000..ebacc2a --- /dev/null +++ b/src/components/base/page/justpage/justpage.graphql.tsx @@ -0,0 +1,41 @@ +import { graphql } from "@generated/graphql/gql"; + +export const JustPageQuery = graphql(/* GraphQL */ ` + query GetJustPage( + $key: String + $version: String + $locale: String + $url: String + $status: String + ) { + content: JustPage( + where: { + _metadata: { + url: { default: { eq: $url } } + status: { eq: $status } + key: { eq: $key } + version: { eq: $version } + locale: { eq: $locale } + } + } + ) { + items { + Block { + Text { + json + } + } + } + } + } +`); + +export const JustPageFragment = graphql(/* GraphQL */ ` + fragment JustPageFragment on JustPage { + Block { + Text { + json + } + } + } +`); diff --git a/src/components/base/page/justpage/justpage.template.tsx b/src/components/base/page/justpage/justpage.template.tsx new file mode 100644 index 0000000..8610e5d --- /dev/null +++ b/src/components/base/page/justpage/justpage.template.tsx @@ -0,0 +1,60 @@ +import { useQuery } from "@apollo/client"; +import { useGlobalContext } from "@context"; +import { JustPageQuery } from "./justpage.graphql"; + +export interface JustPageTemplateProps { + contentGuid?: string | null; // Content GUID + version?: string | null; // Optional version + locale?: string | null; // Optional locale + // Or queried by just URL + url?: string | null; // Matched against the URL.Default +} + +interface Node { + text?: string; + children?: Node[]; +} + +export function extractText(node: Node): string { + if (!node) return ""; + + if (typeof node.text === "string" && node.text !== " ") return node.text; + + if (Array.isArray(node.children)) { + return node.children.reduce((acc, child) => acc + extractText(child), ""); + } + + return ""; +} + +export const JustPageTemplate: React.FC = ({ + url, + contentGuid, +}) => { + const { setIsLoading } = useGlobalContext(); + const { data, refetch, error, loading } = useQuery(JustPageQuery, { + variables: { url, key: contentGuid }, + notifyOnNetworkStatusChange: true, + onError: (error) => { + console.error("[QUERY] Error fetching Experience", error); + // refetch(queryVariables); + }, + onCompleted: (data) => { + console.log("[QUERY] Query finished with variables", {}, data); + setIsLoading(false); + }, + }); + + const paragraph = + extractText(data?.content?.items?.[0]?.Block?.Text?.json) || ""; + + return ( +
+
+
+

{paragraph}

+
+
+
+ ); +}; diff --git a/src/components/base/page/justpage/justpages.styles.ts b/src/components/base/page/justpage/justpages.styles.ts new file mode 100644 index 0000000..e69de29 diff --git a/src/components/base/page/newabout/newabout.graphql.ts b/src/components/base/page/newabout/newabout.graphql.ts new file mode 100644 index 0000000..816b7bf --- /dev/null +++ b/src/components/base/page/newabout/newabout.graphql.ts @@ -0,0 +1,39 @@ +import { graphql } from "@generated/graphql/gql"; + +export const NewAboutQuery = graphql(/* GraphQL */ ` + query GetNewAboutPage( + $key: String + $version: String + $locale: String + $url: String + $status: String + ) { + content: BlankPage( + where: { + _metadata: { + url: { default: { eq: $url } } + status: { eq: $status } + key: { eq: $key } + version: { eq: $version } + locale: { eq: $locale } + } + } + ) { + items { + Title + Block { + Heading + } + } + } + } +`); + +export const NewAboutDataFragment = graphql(/* GraphQL */ ` + fragment NewAboutData on BlankPage { + Title + Block { + Heading + } + } +`); diff --git a/src/components/base/page/newabout/newabout.styles.ts b/src/components/base/page/newabout/newabout.styles.ts new file mode 100644 index 0000000..e69de29 diff --git a/src/components/base/page/newabout/newabout.template.tsx b/src/components/base/page/newabout/newabout.template.tsx new file mode 100644 index 0000000..1f342ca --- /dev/null +++ b/src/components/base/page/newabout/newabout.template.tsx @@ -0,0 +1,49 @@ +import { useQuery } from "@apollo/client"; +import { useGlobalContext } from "@context"; +import { NewAboutQuery } from "./newabout.graphql"; +import { ElementTemplate } from "@components/base/element/element.template"; +import { ElementNodeFragment, NewAboutDataFragment } from "@generated/graphql"; + +export interface NewAboutTemplateProps { + contentGuid?: string | null; // Content GUID + version?: string | null; // Optional version + locale?: string | null; // Optional locale + // Or queried by just URL + url?: string | null; // Matched against the URL.Default +} + +export const NewAboutTemplate: React.FC = ({ + url, + contentGuid, +}) => { + const { setIsLoading } = useGlobalContext(); + + const { data, refetch, error, loading } = useQuery(NewAboutQuery, { + variables: { url, key: contentGuid }, + notifyOnNetworkStatusChange: true, + onError: (error) => { + console.error("[QUERY] Error fetching Experience", error); + // refetch(queryVariables); + }, + onCompleted: (data) => { + console.log("[QUERY] Query finished with variables", {}, data); + setIsLoading(false); + }, + }); + + const contentItem = data?.content?.items?.[0] as NewAboutDataFragment; + + const title = contentItem?.Title || "No Title"; + const heading = contentItem?.Block?.Heading || "No Heading"; + + return ( +
+
+
+

{title}

+

{heading}

+
+
+
+ ); +}; diff --git a/src/components/base/page/page1/page1.graphql.ts b/src/components/base/page/page1/page1.graphql.ts new file mode 100644 index 0000000..6f102ba --- /dev/null +++ b/src/components/base/page/page1/page1.graphql.ts @@ -0,0 +1,31 @@ +import { graphql } from "@generated/graphql/gql"; + +export const Page1Query = graphql(/* GraphQL */ ` + query GetPage1Page( + $key: String + $version: String + $locale: String + $url: String + $status: String + ) { + content: Page1( + where: { + _metadata: { + url: { default: { eq: $url } } + status: { eq: $status } + key: { eq: $key } + version: { eq: $version } + locale: { eq: $locale } + } + } + ) { + items { + Block { + Text { + json + } + } + } + } + } +`); diff --git a/src/components/base/page/page1/page1.template.tsx b/src/components/base/page/page1/page1.template.tsx new file mode 100644 index 0000000..d087451 --- /dev/null +++ b/src/components/base/page/page1/page1.template.tsx @@ -0,0 +1,63 @@ +import { useQuery } from "@apollo/client"; +import { useGlobalContext } from "@context"; +import { Page1Query } from "./page1.graphql"; +import { ElementTemplate } from "@components/base/element/element.template"; +import { ElementNodeFragment, Page1DataFragment } from "@generated/graphql"; +import { extractText } from "../justpage/justpage.template"; +import { getContentByPath } from "@components/base/templates/metadata.graphql"; + +export interface Page1TemplateProps { + contentGuid?: string | null; // Content GUID + version?: string | null; // Optional version + locale?: string | null; // Optional locale + // Or queried by just URL + url?: string | null; // Matched against the URL.Default +} + +export const Page1Template: React.FC = ({ + url, + contentGuid, +}) => { + const { setIsLoading } = useGlobalContext(); + + // const { data, refetch, error, loading } = useQuery(Page1Query, { + // variables: { url, key: contentGuid }, + // notifyOnNetworkStatusChange: true, + // onError: (error) => { + // console.error("[QUERY] Error fetching Experience", error); + // // refetch(queryVariables); + // }, + // onCompleted: (data) => { + // console.log("[QUERY] Query finished with variables", {}, data); + // setIsLoading(false); + // }, + // }); + + const { data, refetch, error, loading } = useQuery(getContentByPath, { + variables: { url: url! }, + notifyOnNetworkStatusChange: true, + onError: (error) => { + console.error("[QUERY] Error fetching Experience", error); + // refetch(queryVariables); + setIsLoading(false); + }, + onCompleted: (data) => { + console.log("[QUERY] Query finished with variables", {}, data); + setIsLoading(false); + }, + }); + + const contentItem = data?.content?.items?.[0] as Page1DataFragment; + + const paragraph = extractText(contentItem?.Block?.Text?.json) || ""; + + return ( +
+
+
+

{paragraph}

+
+
+
+ ); +}; diff --git a/src/components/base/page/page2/page2.graphql.ts b/src/components/base/page/page2/page2.graphql.ts new file mode 100644 index 0000000..a6bbc7a --- /dev/null +++ b/src/components/base/page/page2/page2.graphql.ts @@ -0,0 +1,31 @@ +import { graphql } from "@generated/graphql/gql"; + +export const Page2Query = graphql(/* GraphQL */ ` + query GetPage2Page( + $key: String + $version: String + $locale: String + $url: String + $status: String + ) { + content: Page2( + where: { + _metadata: { + url: { default: { eq: $url } } + status: { eq: $status } + key: { eq: $key } + version: { eq: $version } + locale: { eq: $locale } + } + } + ) { + items { + Block { + Text { + json + } + } + } + } + } +`); diff --git a/src/components/base/page/page2/page2.template.tsx b/src/components/base/page/page2/page2.template.tsx new file mode 100644 index 0000000..8170306 --- /dev/null +++ b/src/components/base/page/page2/page2.template.tsx @@ -0,0 +1,48 @@ +import { useQuery } from "@apollo/client"; +import { useGlobalContext } from "@context"; +import { Page2Query } from "./page2.graphql"; +import { ElementTemplate } from "@components/base/element/element.template"; +import { ElementNodeFragment, Page2DataFragment } from "@generated/graphql"; +import { extractText } from "../justpage/justpage.template"; + +export interface Page2TemplateProps { + contentGuid?: string | null; // Content GUID + version?: string | null; // Optional version + locale?: string | null; // Optional locale + // Or queried by just URL + url?: string | null; // Matched against the URL.Default +} + +export const Page2Template: React.FC = ({ + url, + contentGuid, +}) => { + const { setIsLoading } = useGlobalContext(); + + const { data, refetch, error, loading } = useQuery(Page2Query, { + variables: { url, key: contentGuid }, + notifyOnNetworkStatusChange: true, + onError: (error) => { + console.error("[QUERY] Error fetching Experience", error); + // refetch(queryVariables); + }, + onCompleted: (data) => { + console.log("[QUERY] Query finished with variables", {}, data); + setIsLoading(false); + }, + }); + + const contentItem = data?.content?.items?.[0] as Page2DataFragment; + + const paragraph = extractText(contentItem?.Block?.Text?.json) || ""; + + return ( +
+
+
+

{paragraph}

+
+
+
+ ); +}; diff --git a/src/components/base/page/page3/page3.graphql.ts b/src/components/base/page/page3/page3.graphql.ts new file mode 100644 index 0000000..06ead7e --- /dev/null +++ b/src/components/base/page/page3/page3.graphql.ts @@ -0,0 +1,31 @@ +import { graphql } from "@generated/graphql/gql"; + +export const Page3Query = graphql(/* GraphQL */ ` + query GetPage3Page( + $key: String + $version: String + $locale: String + $url: String + $status: String + ) { + content: Page3( + where: { + _metadata: { + url: { default: { eq: $url } } + status: { eq: $status } + key: { eq: $key } + version: { eq: $version } + locale: { eq: $locale } + } + } + ) { + items { + Block { + Text { + json + } + } + } + } + } +`); diff --git a/src/components/base/page/page3/page3.template.tsx b/src/components/base/page/page3/page3.template.tsx new file mode 100644 index 0000000..43c7b75 --- /dev/null +++ b/src/components/base/page/page3/page3.template.tsx @@ -0,0 +1,48 @@ +import { useQuery } from "@apollo/client"; +import { useGlobalContext } from "@context"; +import { Page3Query } from "./page3.graphql"; +import { ElementTemplate } from "@components/base/element/element.template"; +import { ElementNodeFragment, Page3DataFragment } from "@generated/graphql"; +import { extractText } from "../justpage/justpage.template"; + +export interface Page3TemplateProps { + contentGuid?: string | null; // Content GUID + version?: string | null; // Optional version + locale?: string | null; // Optional locale + // Or queried by just URL + url?: string | null; // Matched against the URL.Default +} + +export const Page3Template: React.FC = ({ + url, + contentGuid, +}) => { + const { setIsLoading } = useGlobalContext(); + + const { data, refetch, error, loading } = useQuery(Page3Query, { + variables: { url, key: contentGuid }, + notifyOnNetworkStatusChange: true, + onError: (error) => { + console.error("[QUERY] Error fetching Experience", error); + // refetch(queryVariables); + }, + onCompleted: (data) => { + console.log("[QUERY] Query finished with variables", {}, data); + setIsLoading(false); + }, + }); + + const contentItem = data?.content?.items?.[0] as Page3DataFragment; + + const paragraph = extractText(contentItem?.Block?.Text?.json) || ""; + + return ( +
+
+
+

{paragraph}

+
+
+
+ ); +}; diff --git a/src/components/base/page/page4/page4.graphql.ts b/src/components/base/page/page4/page4.graphql.ts new file mode 100644 index 0000000..70244f9 --- /dev/null +++ b/src/components/base/page/page4/page4.graphql.ts @@ -0,0 +1,31 @@ +import { graphql } from "@generated/graphql/gql"; + +export const Page4Query = graphql(/* GraphQL */ ` + query GetPage4Page( + $key: String + $version: String + $locale: String + $url: String + $status: String + ) { + content: Page4( + where: { + _metadata: { + url: { default: { eq: $url } } + status: { eq: $status } + key: { eq: $key } + version: { eq: $version } + locale: { eq: $locale } + } + } + ) { + items { + Block { + Text { + json + } + } + } + } + } +`); diff --git a/src/components/base/page/page4/page4.template.tsx b/src/components/base/page/page4/page4.template.tsx new file mode 100644 index 0000000..09f4dcf --- /dev/null +++ b/src/components/base/page/page4/page4.template.tsx @@ -0,0 +1,48 @@ +import { useQuery } from "@apollo/client"; +import { useGlobalContext } from "@context"; +import { Page4Query } from "./page4.graphql"; +import { ElementTemplate } from "@components/base/element/element.template"; +import { ElementNodeFragment, Page4DataFragment } from "@generated/graphql"; +import { extractText } from "../justpage/justpage.template"; + +export interface Page4TemplateProps { + contentGuid?: string | null; // Content GUID + version?: string | null; // Optional version + locale?: string | null; // Optional locale + // Or queried by just URL + url?: string | null; // Matched against the URL.Default +} + +export const Page4Template: React.FC = ({ + url, + contentGuid, +}) => { + const { setIsLoading } = useGlobalContext(); + + const { data, refetch, error, loading } = useQuery(Page4Query, { + variables: { url, key: contentGuid }, + notifyOnNetworkStatusChange: true, + onError: (error) => { + console.error("[QUERY] Error fetching Experience", error); + // refetch(queryVariables); + }, + onCompleted: (data) => { + console.log("[QUERY] Query finished with variables", {}, data); + setIsLoading(false); + }, + }); + + const contentItem = data?.content?.items?.[0] as Page4DataFragment; + + const paragraph = extractText(contentItem?.Block?.Text?.json) || ""; + + return ( +
+
+
+

{paragraph}

+
+
+
+ ); +}; diff --git a/src/components/base/page/page5/page5.graphql.ts b/src/components/base/page/page5/page5.graphql.ts new file mode 100644 index 0000000..8d4973c --- /dev/null +++ b/src/components/base/page/page5/page5.graphql.ts @@ -0,0 +1,31 @@ +import { graphql } from "@generated/graphql/gql"; + +export const Page5Query = graphql(/* GraphQL */ ` + query GetPage5Page( + $key: String + $version: String + $locale: String + $url: String + $status: String + ) { + content: Page5( + where: { + _metadata: { + url: { default: { eq: $url } } + status: { eq: $status } + key: { eq: $key } + version: { eq: $version } + locale: { eq: $locale } + } + } + ) { + items { + Block { + Text { + json + } + } + } + } + } +`); diff --git a/src/components/base/page/page5/page5.template.tsx b/src/components/base/page/page5/page5.template.tsx new file mode 100644 index 0000000..a9031ec --- /dev/null +++ b/src/components/base/page/page5/page5.template.tsx @@ -0,0 +1,48 @@ +import { useQuery } from "@apollo/client"; +import { useGlobalContext } from "@context"; +import { Page5Query } from "./page5.graphql"; +import { ElementTemplate } from "@components/base/element/element.template"; +import { ElementNodeFragment, Page5DataFragment } from "@generated/graphql"; +import { extractText } from "../justpage/justpage.template"; + +export interface Page5TemplateProps { + contentGuid?: string | null; // Content GUID + version?: string | null; // Optional version + locale?: string | null; // Optional locale + // Or queried by just URL + url?: string | null; // Matched against the URL.Default +} + +export const Page5Template: React.FC = ({ + url, + contentGuid, +}) => { + const { setIsLoading } = useGlobalContext(); + + const { data, refetch, error, loading } = useQuery(Page5Query, { + variables: { url, key: contentGuid }, + notifyOnNetworkStatusChange: true, + onError: (error) => { + console.error("[QUERY] Error fetching Experience", error); + // refetch(queryVariables); + }, + onCompleted: (data) => { + console.log("[QUERY] Query finished with variables", {}, data); + setIsLoading(false); + }, + }); + + const contentItem = data?.content?.items?.[0] as Page5DataFragment; + + const paragraph = extractText(contentItem?.Block?.Text?.json) || ""; + + return ( +
+
+
+

{paragraph}

+
+
+
+ ); +}; diff --git a/src/components/base/templates/metadata.graphql.ts b/src/components/base/templates/metadata.graphql.ts new file mode 100644 index 0000000..e68ad95 --- /dev/null +++ b/src/components/base/templates/metadata.graphql.ts @@ -0,0 +1,5420 @@ +import { graphql } from "@generated/graphql/gql"; + +export const MetadataQuery = graphql(/* GraphQL */ ` + query GetPageMetaData($url: String) { + content: _Content( + where: { _metadata: { url: { default: { eq: $url } } } } + ) { + items { + _metadata { + displayName + key + types + } + } + } + } +`); + +export const getContentByPath = graphql(/* GraphQL */ ` + query getContentByPath($url: String!) { + content: _Content( + where: { _metadata: { url: { default: { eq: $url } } } } + ) { + total + items { + ...Page1Data + ...Page2Data + ...Page3Data + ...Page4Data + ...Page5Data + ...Page6Data + ...Page7Data + ...Page8Data + ...Page9Data + ...Page10Data + ...Page11Data + ...Page12Data + ...Page13Data + ...Page14Data + ...Page15Data + ...Page16Data + ...Page17Data + ...Page18Data + ...Page19Data + ...Page20Data + ...Page21Data + ...Page22Data + ...Page23Data + ...Page24Data + ...Page25Data + ...Page26Data + ...Page27Data + ...Page28Data + ...Page29Data + ...Page30Data + ...Page31Data + ...Page32Data + ...Page33Data + ...Page34Data + ...Page35Data + ...Page36Data + ...Page37Data + ...Page38Data + ...Page39Data + ...Page40Data + ...Page41Data + ...Page42Data + ...Page43Data + ...Page44Data + ...Page45Data + ...Page46Data + ...Page47Data + ...Page48Data + ...Page49Data + ...Page50Data + ...Page51Data + ...Page52Data + ...Page53Data + ...Page54Data + ...Page55Data + ...Page56Data + ...Page57Data + ...Page58Data + ...Page59Data + ...Page60Data + ...Page61Data + ...Page62Data + ...Page63Data + ...Page64Data + ...Page65Data + ...Page66Data + ...Page67Data + ...Page68Data + ...Page69Data + ...Page70Data + ...Page71Data + ...Page72Data + ...Page73Data + ...Page74Data + ...Page75Data + ...Page76Data + ...Page77Data + ...Page78Data + ...Page79Data + ...Page80Data + ...Page81Data + ...Page82Data + ...Page83Data + ...Page84Data + ...Page85Data + ...Page86Data + ...Page87Data + ...Page88Data + ...Page89Data + ...Page90Data + ...Page91Data + ...Page92Data + ...Page93Data + ...Page94Data + ...Page95Data + ...Page96Data + ...Page97Data + ...Page98Data + ...Page99Data + ...Page100Data + ...Page101Data + ...Page102Data + ...Page103Data + ...Page104Data + ...Page105Data + ...Page106Data + ...Page107Data + ...Page108Data + ...Page109Data + ...Page110Data + ...Page111Data + ...Page112Data + ...Page113Data + ...Page114Data + ...Page115Data + ...Page116Data + ...Page117Data + ...Page118Data + ...Page119Data + ...Page120Data + ...Page121Data + ...Page122Data + ...Page123Data + ...Page124Data + ...Page125Data + ...Page126Data + ...Page127Data + ...Page128Data + ...Page129Data + ...Page130Data + ...Page131Data + ...Page132Data + ...Page133Data + ...Page134Data + ...Page135Data + ...Page136Data + ...Page137Data + ...Page138Data + ...Page139Data + ...Page140Data + ...Page141Data + ...Page142Data + ...Page143Data + ...Page144Data + ...Page145Data + ...Page146Data + ...Page147Data + ...Page148Data + ...Page149Data + ...Page150Data + ...Page151Data + ...Page152Data + ...Page153Data + ...Page154Data + ...Page155Data + ...Page156Data + ...Page157Data + ...Page158Data + ...Page159Data + ...Page160Data + ...Page161Data + ...Page162Data + ...Page163Data + ...Page164Data + ...Page165Data + ...Page166Data + ...Page167Data + ...Page168Data + ...Page169Data + ...Page170Data + ...Page171Data + ...Page172Data + ...Page173Data + ...Page174Data + ...Page175Data + ...Page176Data + ...Page177Data + ...Page178Data + ...Page179Data + ...Page180Data + ...Page181Data + ...Page182Data + ...Page183Data + ...Page184Data + ...Page185Data + ...Page186Data + ...Page187Data + ...Page188Data + ...Page189Data + ...Page190Data + ...Page191Data + ...Page192Data + ...Page193Data + ...Page194Data + ...Page195Data + ...Page196Data + ...Page197Data + ...Page198Data + ...Page199Data + ...Page200Data + ...NewAboutData + ...JustPageFragment + ...BlankExperienceFragment + } + } + } +`); + +export const Page1DataFragment = graphql(/* GraphQL */ ` + fragment Page1Data on Page1 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page2DataFragment = graphql(/* GraphQL */ ` + fragment Page2Data on Page2 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page3DataFragment = graphql(/* GraphQL */ ` + fragment Page3Data on Page3 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page4DataFragment = graphql(/* GraphQL */ ` + fragment Page4Data on Page4 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page5DataFragment = graphql(/* GraphQL */ ` + fragment Page5Data on Page5 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page6DataFragment = graphql(/* GraphQL */ ` + fragment Page6Data on Page6 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page7DataFragment = graphql(/* GraphQL */ ` + fragment Page7Data on Page7 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page8DataFragment = graphql(/* GraphQL */ ` + fragment Page8Data on Page8 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page9DataFragment = graphql(/* GraphQL */ ` + fragment Page9Data on Page9 { + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page10DataFragment = graphql(/* GraphQL */ ` + fragment Page10Data on Page10 { + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page11DataFragment = graphql(/* GraphQL */ ` + fragment Page11Data on Page11 { + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); +export const Page12DataFragment = graphql(/* GraphQL */ ` + fragment Page12Data on Page12 { + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page13DataFragment = graphql(/* GraphQL */ ` + fragment Page13Data on Page13 { + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page14DataFragment = graphql(/* GraphQL */ ` + fragment Page14Data on Page14 { + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page15DataFragment = graphql(/* GraphQL */ ` + fragment Page15Data on Page15 { + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page16DataFragment = graphql(/* GraphQL */ ` + fragment Page16Data on Page16 { + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page17DataFragment = graphql(/* GraphQL */ ` + fragment Page17Data on Page17 { + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page18DataFragment = graphql(/* GraphQL */ ` + fragment Page18Data on Page18 { + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page19DataFragment = graphql(/* GraphQL */ ` + fragment Page19Data on Page19 { + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + } +`); + +export const Page20DataFragment = graphql(/* GraphQL */ ` + fragment Page20Data on Page20 { + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page21DataFragment = graphql(/* GraphQL */ ` + fragment Page21Data on Page21 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page22DataFragment = graphql(/* GraphQL */ ` + fragment Page22Data on Page22 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page23DataFragment = graphql(/* GraphQL */ ` + fragment Page23Data on Page23 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page24DataFragment = graphql(/* GraphQL */ ` + fragment Page24Data on Page24 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page25DataFragment = graphql(/* GraphQL */ ` + fragment Page25Data on Page25 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page26DataFragment = graphql(/* GraphQL */ ` + fragment Page26Data on Page26 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page27DataFragment = graphql(/* GraphQL */ ` + fragment Page27Data on Page27 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page28DataFragment = graphql(/* GraphQL */ ` + fragment Page28Data on Page28 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page29DataFragment = graphql(/* GraphQL */ ` + fragment Page29Data on Page29 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page30DataFragment = graphql(/* GraphQL */ ` + fragment Page30Data on Page30 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page31DataFragment = graphql(/* GraphQL */ ` + fragment Page31Data on Page31 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page32DataFragment = graphql(/* GraphQL */ ` + fragment Page32Data on Page32 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page33DataFragment = graphql(/* GraphQL */ ` + fragment Page33Data on Page33 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page34DataFragment = graphql(/* GraphQL */ ` + fragment Page34Data on Page34 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page35DataFragment = graphql(/* GraphQL */ ` + fragment Page35Data on Page35 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page36DataFragment = graphql(/* GraphQL */ ` + fragment Page36Data on Page36 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page37DataFragment = graphql(/* GraphQL */ ` + fragment Page37Data on Page37 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page38DataFragment = graphql(/* GraphQL */ ` + fragment Page38Data on Page38 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page39DataFragment = graphql(/* GraphQL */ ` + fragment Page39Data on Page39 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page40DataFragment = graphql(/* GraphQL */ ` + fragment Page40Data on Page40 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page41DataFragment = graphql(/* GraphQL */ ` + fragment Page41Data on Page41 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page42DataFragment = graphql(/* GraphQL */ ` + fragment Page42Data on Page42 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page43DataFragment = graphql(/* GraphQL */ ` + fragment Page43Data on Page43 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page44DataFragment = graphql(/* GraphQL */ ` + fragment Page44Data on Page44 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page45DataFragment = graphql(/* GraphQL */ ` + fragment Page45Data on Page45 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page46DataFragment = graphql(/* GraphQL */ ` + fragment Page46Data on Page46 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page47DataFragment = graphql(/* GraphQL */ ` + fragment Page47Data on Page47 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page48DataFragment = graphql(/* GraphQL */ ` + fragment Page48Data on Page48 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page49DataFragment = graphql(/* GraphQL */ ` + fragment Page49Data on Page49 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page50DataFragment = graphql(/* GraphQL */ ` + fragment Page50Data on Page50 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page51DataFragment = graphql(/* GraphQL */ ` + fragment Page51Data on Page51 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page52DataFragment = graphql(/* GraphQL */ ` + fragment Page52Data on Page52 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page53DataFragment = graphql(/* GraphQL */ ` + fragment Page53Data on Page53 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page54DataFragment = graphql(/* GraphQL */ ` + fragment Page54Data on Page54 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page55DataFragment = graphql(/* GraphQL */ ` + fragment Page55Data on Page55 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page56DataFragment = graphql(/* GraphQL */ ` + fragment Page56Data on Page56 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page57DataFragment = graphql(/* GraphQL */ ` + fragment Page57Data on Page57 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page58DataFragment = graphql(/* GraphQL */ ` + fragment Page58Data on Page58 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page59DataFragment = graphql(/* GraphQL */ ` + fragment Page59Data on Page59 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page60DataFragment = graphql(/* GraphQL */ ` + fragment Page60Data on Page60 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page61DataFragment = graphql(/* GraphQL */ ` + fragment Page61Data on Page61 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page62DataFragment = graphql(/* GraphQL */ ` + fragment Page62Data on Page62 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page63DataFragment = graphql(/* GraphQL */ ` + fragment Page63Data on Page63 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page64DataFragment = graphql(/* GraphQL */ ` + fragment Page64Data on Page64 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page65DataFragment = graphql(/* GraphQL */ ` + fragment Page65Data on Page65 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page66DataFragment = graphql(/* GraphQL */ ` + fragment Page66Data on Page66 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page67DataFragment = graphql(/* GraphQL */ ` + fragment Page67Data on Page67 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page68DataFragment = graphql(/* GraphQL */ ` + fragment Page68Data on Page68 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page69DataFragment = graphql(/* GraphQL */ ` + fragment Page69Data on Page69 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page70DataFragment = graphql(/* GraphQL */ ` + fragment Page70Data on Page70 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +// Fragments from 71 to 110 + +export const Page71DataFragment = graphql(/* GraphQL */ ` + fragment Page71Data on Page71 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page72DataFragment = graphql(/* GraphQL */ ` + fragment Page72Data on Page72 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page73DataFragment = graphql(/* GraphQL */ ` + fragment Page73Data on Page73 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page74DataFragment = graphql(/* GraphQL */ ` + fragment Page74Data on Page74 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page75DataFragment = graphql(/* GraphQL */ ` + fragment Page75Data on Page75 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page76DataFragment = graphql(/* GraphQL */ ` + fragment Page76Data on Page76 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page77DataFragment = graphql(/* GraphQL */ ` + fragment Page77Data on Page77 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page78DataFragment = graphql(/* GraphQL */ ` + fragment Page78Data on Page78 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page79DataFragment = graphql(/* GraphQL */ ` + fragment Page79Data on Page79 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page80DataFragment = graphql(/* GraphQL */ ` + fragment Page80Data on Page80 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page81DataFragment = graphql(/* GraphQL */ ` + fragment Page81Data on Page81 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page82DataFragment = graphql(/* GraphQL */ ` + fragment Page82Data on Page82 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page83DataFragment = graphql(/* GraphQL */ ` + fragment Page83Data on Page83 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page84DataFragment = graphql(/* GraphQL */ ` + fragment Page84Data on Page84 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page85DataFragment = graphql(/* GraphQL */ ` + fragment Page85Data on Page85 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page86DataFragment = graphql(/* GraphQL */ ` + fragment Page86Data on Page86 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page87DataFragment = graphql(/* GraphQL */ ` + fragment Page87Data on Page87 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page88DataFragment = graphql(/* GraphQL */ ` + fragment Page88Data on Page88 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page89DataFragment = graphql(/* GraphQL */ ` + fragment Page89Data on Page89 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page90DataFragment = graphql(/* GraphQL */ ` + fragment Page90Data on Page90 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page91DataFragment = graphql(/* GraphQL */ ` + fragment Page91Data on Page91 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page92DataFragment = graphql(/* GraphQL */ ` + fragment Page92Data on Page92 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page93DataFragment = graphql(/* GraphQL */ ` + fragment Page93Data on Page93 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page94DataFragment = graphql(/* GraphQL */ ` + fragment Page94Data on Page94 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page95DataFragment = graphql(/* GraphQL */ ` + fragment Page95Data on Page95 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page96DataFragment = graphql(/* GraphQL */ ` + fragment Page96Data on Page96 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page97DataFragment = graphql(/* GraphQL */ ` + fragment Page97Data on Page97 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page98DataFragment = graphql(/* GraphQL */ ` + fragment Page98Data on Page98 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page99DataFragment = graphql(/* GraphQL */ ` + fragment Page99Data on Page99 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page100DataFragment = graphql(/* GraphQL */ ` + fragment Page100Data on Page100 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page101DataFragment = graphql(/* GraphQL */ ` + fragment Page101Data on Page101 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page102DataFragment = graphql(/* GraphQL */ ` + fragment Page102Data on Page102 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page103DataFragment = graphql(/* GraphQL */ ` + fragment Page103Data on Page103 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page104DataFragment = graphql(/* GraphQL */ ` + fragment Page104Data on Page104 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page105DataFragment = graphql(/* GraphQL */ ` + fragment Page105Data on Page105 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page106DataFragment = graphql(/* GraphQL */ ` + fragment Page106Data on Page106 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page107DataFragment = graphql(/* GraphQL */ ` + fragment Page107Data on Page107 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page108DataFragment = graphql(/* GraphQL */ ` + fragment Page108Data on Page108 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page109DataFragment = graphql(/* GraphQL */ ` + fragment Page109Data on Page109 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page110DataFragment = graphql(/* GraphQL */ ` + fragment Page110Data on Page110 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +// Fragments from 111 to 150 + +export const Page111DataFragment = graphql(/* GraphQL */ ` + fragment Page111Data on Page111 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page112DataFragment = graphql(/* GraphQL */ ` + fragment Page112Data on Page112 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page113DataFragment = graphql(/* GraphQL */ ` + fragment Page113Data on Page113 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page114DataFragment = graphql(/* GraphQL */ ` + fragment Page114Data on Page114 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page115DataFragment = graphql(/* GraphQL */ ` + fragment Page115Data on Page115 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page116DataFragment = graphql(/* GraphQL */ ` + fragment Page116Data on Page116 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page117DataFragment = graphql(/* GraphQL */ ` + fragment Page117Data on Page117 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page118DataFragment = graphql(/* GraphQL */ ` + fragment Page118Data on Page118 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page119DataFragment = graphql(/* GraphQL */ ` + fragment Page119Data on Page119 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page120DataFragment = graphql(/* GraphQL */ ` + fragment Page120Data on Page120 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page121DataFragment = graphql(/* GraphQL */ ` + fragment Page121Data on Page121 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page122DataFragment = graphql(/* GraphQL */ ` + fragment Page122Data on Page122 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page123DataFragment = graphql(/* GraphQL */ ` + fragment Page123Data on Page123 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page124DataFragment = graphql(/* GraphQL */ ` + fragment Page124Data on Page124 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page125DataFragment = graphql(/* GraphQL */ ` + fragment Page125Data on Page125 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page126DataFragment = graphql(/* GraphQL */ ` + fragment Page126Data on Page126 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page127DataFragment = graphql(/* GraphQL */ ` + fragment Page127Data on Page127 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page128DataFragment = graphql(/* GraphQL */ ` + fragment Page128Data on Page128 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page129DataFragment = graphql(/* GraphQL */ ` + fragment Page129Data on Page129 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page130DataFragment = graphql(/* GraphQL */ ` + fragment Page130Data on Page130 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page131DataFragment = graphql(/* GraphQL */ ` + fragment Page131Data on Page131 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page132DataFragment = graphql(/* GraphQL */ ` + fragment Page132Data on Page132 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page133DataFragment = graphql(/* GraphQL */ ` + fragment Page133Data on Page133 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page134DataFragment = graphql(/* GraphQL */ ` + fragment Page134Data on Page134 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page135DataFragment = graphql(/* GraphQL */ ` + fragment Page135Data on Page135 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page136DataFragment = graphql(/* GraphQL */ ` + fragment Page136Data on Page136 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page137DataFragment = graphql(/* GraphQL */ ` + fragment Page137Data on Page137 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page138DataFragment = graphql(/* GraphQL */ ` + fragment Page138Data on Page138 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page139DataFragment = graphql(/* GraphQL */ ` + fragment Page139Data on Page139 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page140DataFragment = graphql(/* GraphQL */ ` + fragment Page140Data on Page140 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page141DataFragment = graphql(/* GraphQL */ ` + fragment Page141Data on Page141 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page142DataFragment = graphql(/* GraphQL */ ` + fragment Page142Data on Page142 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page143DataFragment = graphql(/* GraphQL */ ` + fragment Page143Data on Page143 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page144DataFragment = graphql(/* GraphQL */ ` + fragment Page144Data on Page144 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page145DataFragment = graphql(/* GraphQL */ ` + fragment Page145Data on Page145 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page146DataFragment = graphql(/* GraphQL */ ` + fragment Page146Data on Page146 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page147DataFragment = graphql(/* GraphQL */ ` + fragment Page147Data on Page147 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page148DataFragment = graphql(/* GraphQL */ ` + fragment Page148Data on Page148 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page149DataFragment = graphql(/* GraphQL */ ` + fragment Page149Data on Page149 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page150DataFragment = graphql(/* GraphQL */ ` + fragment Page150Data on Page150 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +// Fragments from 151 to 200 + +export const Page151DataFragment = graphql(/* GraphQL */ ` + fragment Page151Data on Page151 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page152DataFragment = graphql(/* GraphQL */ ` + fragment Page152Data on Page152 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page153DataFragment = graphql(/* GraphQL */ ` + fragment Page153Data on Page153 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page154DataFragment = graphql(/* GraphQL */ ` + fragment Page154Data on Page154 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page155DataFragment = graphql(/* GraphQL */ ` + fragment Page155Data on Page155 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page156DataFragment = graphql(/* GraphQL */ ` + fragment Page156Data on Page156 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page157DataFragment = graphql(/* GraphQL */ ` + fragment Page157Data on Page157 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page158DataFragment = graphql(/* GraphQL */ ` + fragment Page158Data on Page158 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page159DataFragment = graphql(/* GraphQL */ ` + fragment Page159Data on Page159 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page160DataFragment = graphql(/* GraphQL */ ` + fragment Page160Data on Page160 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page161DataFragment = graphql(/* GraphQL */ ` + fragment Page161Data on Page161 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page162DataFragment = graphql(/* GraphQL */ ` + fragment Page162Data on Page162 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page163DataFragment = graphql(/* GraphQL */ ` + fragment Page163Data on Page163 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page164DataFragment = graphql(/* GraphQL */ ` + fragment Page164Data on Page164 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page165DataFragment = graphql(/* GraphQL */ ` + fragment Page165Data on Page165 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page166DataFragment = graphql(/* GraphQL */ ` + fragment Page166Data on Page166 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page167DataFragment = graphql(/* GraphQL */ ` + fragment Page167Data on Page167 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page168DataFragment = graphql(/* GraphQL */ ` + fragment Page168Data on Page168 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page169DataFragment = graphql(/* GraphQL */ ` + fragment Page169Data on Page169 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page170DataFragment = graphql(/* GraphQL */ ` + fragment Page170Data on Page170 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page171DataFragment = graphql(/* GraphQL */ ` + fragment Page171Data on Page171 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page172DataFragment = graphql(/* GraphQL */ ` + fragment Page172Data on Page172 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page173DataFragment = graphql(/* GraphQL */ ` + fragment Page173Data on Page173 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page174DataFragment = graphql(/* GraphQL */ ` + fragment Page174Data on Page174 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page175DataFragment = graphql(/* GraphQL */ ` + fragment Page175Data on Page175 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page176DataFragment = graphql(/* GraphQL */ ` + fragment Page176Data on Page176 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page177DataFragment = graphql(/* GraphQL */ ` + fragment Page177Data on Page177 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page178DataFragment = graphql(/* GraphQL */ ` + fragment Page178Data on Page178 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page179DataFragment = graphql(/* GraphQL */ ` + fragment Page179Data on Page179 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page180DataFragment = graphql(/* GraphQL */ ` + fragment Page180Data on Page180 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page181DataFragment = graphql(/* GraphQL */ ` + fragment Page181Data on Page181 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page182DataFragment = graphql(/* GraphQL */ ` + fragment Page182Data on Page182 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page183DataFragment = graphql(/* GraphQL */ ` + fragment Page183Data on Page183 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page184DataFragment = graphql(/* GraphQL */ ` + fragment Page184Data on Page184 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page185DataFragment = graphql(/* GraphQL */ ` + fragment Page185Data on Page185 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page186DataFragment = graphql(/* GraphQL */ ` + fragment Page186Data on Page186 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page187DataFragment = graphql(/* GraphQL */ ` + fragment Page187Data on Page187 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page188DataFragment = graphql(/* GraphQL */ ` + fragment Page188Data on Page188 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page189DataFragment = graphql(/* GraphQL */ ` + fragment Page189Data on Page189 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page190DataFragment = graphql(/* GraphQL */ ` + fragment Page190Data on Page190 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page191DataFragment = graphql(/* GraphQL */ ` + fragment Page191Data on Page191 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page192DataFragment = graphql(/* GraphQL */ ` + fragment Page192Data on Page192 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page193DataFragment = graphql(/* GraphQL */ ` + fragment Page193Data on Page193 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page194DataFragment = graphql(/* GraphQL */ ` + fragment Page194Data on Page194 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page195DataFragment = graphql(/* GraphQL */ ` + fragment Page195Data on Page195 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page196DataFragment = graphql(/* GraphQL */ ` + fragment Page196Data on Page196 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page197DataFragment = graphql(/* GraphQL */ ` + fragment Page197Data on Page197 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page198DataFragment = graphql(/* GraphQL */ ` + fragment Page198Data on Page198 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page199DataFragment = graphql(/* GraphQL */ ` + fragment Page199Data on Page199 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); + +export const Page200DataFragment = graphql(/* GraphQL */ ` + fragment Page200Data on Page200 { + __typename + _metadata { + key + displayName + locale + fallbackForLocale + version + url { + type + default + hierarchical + internal + graph + base + } + } + Block { + Text { + json + } + } + } +`); diff --git a/src/components/base/templates/template.factory.tsx b/src/components/base/templates/template.factory.tsx new file mode 100644 index 0000000..9bf6b5a --- /dev/null +++ b/src/components/base/templates/template.factory.tsx @@ -0,0 +1,54 @@ +import { useQuery } from "@apollo/client"; +import { getContentByPath, MetadataQuery } from "./metadata.graphql"; +import { ExperienceTemplate } from "../experience/blankexperience/experience.template"; +import { NewAboutTemplate } from "../page/newabout/newabout.template"; +import { JustPageTemplate } from "../page/justpage/justpage.template"; +import { Page1Template } from "../page/page1/page1.template"; +import { Page2Template } from "../page/page2/page2.template"; +import { Page3Template } from "../page/page3/page3.template"; +import { Page4Template } from "../page/page4/page4.template"; +import { Page5Template } from "../page/page5/page5.template"; + +const TemplateFactory = ({ url }: { url: string }) => { + const { data: metadata } = useQuery(MetadataQuery, { + skip: !url, + variables: { url }, + notifyOnNetworkStatusChange: true, + onError: (error) => console.error("GraphQL Error:", error), + }); + + // const { data: myData } = useQuery(getContentByPath, { + // skip: !url, + // variables: { url }, + // notifyOnNetworkStatusChange: true, + // onError: (error) => console.error("GraphQL Error:", error), + // }); + + // console.log("myData", myData); + + const type = + metadata?.content?.items?.[0]?._metadata?.types?.[0] ?? "default"; + + const contentGuid = metadata?.content?.items?.[0]?._metadata?.key; + + switch (type) { + case "BlankExperience": + return ; + case "JustPage": + return ; + case "BlankPage": + return ; + case "Page1": + return ; + case "Page2": + return ; + case "Page3": + return ; + case "Page4": + return ; + case "Page5": + return ; + } +}; + +export default TemplateFactory; diff --git a/src/components/layout/header/header.graphql.ts b/src/components/layout/header/header.graphql.ts index 3fdfb79..0e3f82c 100644 --- a/src/components/layout/header/header.graphql.ts +++ b/src/components/layout/header/header.graphql.ts @@ -3,8 +3,10 @@ import { graphql } from "@generated/graphql/gql"; export const NavigationItemsQuery = graphql(/* GraphQL */ ` query GetNavigationLinks($status: String! = "Published", $host: String) { content: _Page( - where: { _metadata: { status: { eq: $status }, url: { base: { eq: $host } } } } - limit: 5 + where: { + _metadata: { status: { eq: $status }, url: { base: { eq: $host } } } + } + limit: 8 orderBy: { _metadata: { created: ASC } } ) { items { diff --git a/src/pages/[[...slug]]/index.tsx b/src/pages/[[...slug]]/index.tsx index e497cc2..437ac41 100644 --- a/src/pages/[[...slug]]/index.tsx +++ b/src/pages/[[...slug]]/index.tsx @@ -1,29 +1,27 @@ import { CMSUrlProps } from "@helpers/cms/parsers"; import { useParams } from "next/navigation"; -import { useEffect, useState } from "react"; -import { ExperienceTemplate } from "../../components/base/experience/experience.template"; +import { useMemo } from "react"; +import TemplateFactory from "@components/base/templates/template.factory"; -export default function Home() { - const params = useParams(); - const [urlProps, setUrlProps] = useState(); - - useEffect(() => { - let url = "/"; - const slug = params?.slug; - if (slug) { - if (Array.isArray(slug)) { - url = `/${slug.join("/")}/`; - } else { - url = slug.startsWith("/") ? slug : `/${slug}/`; - } - } +const getUrlFromParams = (slug: string | string[] | undefined) => { + if (!slug) return "/"; + if (Array.isArray(slug)) { + return `/${slug.join("/")}/`; + } + return slug.startsWith("/") ? slug : `/${slug}/`; +}; - setUrlProps({ url }); - }, [params]); +export default function Home() { + const { slug } = useParams() ?? {}; + const url = useMemo(() => getUrlFromParams(slug), [slug]); - if (!urlProps?.url) { + if (!url) { return <>Expected some URL data.; } - return
{urlProps && }
; + return ( +
+ +
+ ); } diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx index 7fad807..a410e16 100644 --- a/src/pages/_app.tsx +++ b/src/pages/_app.tsx @@ -6,6 +6,7 @@ import { GlobalProvider, useGlobalContext } from "@context"; import type { AppProps } from "next/app"; import Script from "next/script"; import { client } from "../client"; +import { useReportWebVitals } from "next/web-vitals"; import "../styles/globals.css"; const Main: React.FC = ({ Component, pageProps }) => { @@ -21,10 +22,16 @@ const Main: React.FC = ({ Component, pageProps }) => { }; export default function App(props: AppProps) { + useReportWebVitals((metric) => { + console.log(metric); + }); return ( -