chore: parse API pagination for getStaticPaths generation

Author: vincentchalamon

templates/next/pages/foos/[id]/edit.tsx

@@ -32,23 +32,41 @@ export const getStaticProps: GetStaticProps = async ({ params }) => {
       {{{lc}}}: await fetch(`/{{{name}}}/${params.id}`),
     },
     revalidate: 1,
-  }
+  };
 }
 
 export const getStaticPaths: GetStaticPaths = async () => {
   try {
     const response = await fetch("/{{{name}}}");
+  } catch (e) {
+    console.error(e);
 
     return {
-      paths: response.data["hydra:member"].map(({{{lc}}}) => `${ {{~lc}}['@id'] }/edit`),
+      paths: [],
       fallback: true,
     };
-  } catch (e) {
-    console.error(e);
+  }
+
+  const view = response.data['{{{hydraPrefix}}}view'];
+  const paths = response.data["{{{hydraPrefix}}}member"].map(({{{lc}}}) => `${ {{~lc}}['@id'] }/edit`);
+
+  if (view) {
+    try {
+      const {
+        '{{{hydraPrefix}}}last': last
+      } = view;
+      for (let page = 2; page <= parseInt(last.replace(/^\/{{{name}}}\?page=(\d+)/, '$1')); page++) {
+        paths.concat(
+          await fetch(`/{{{name}}}?page=${page}`).data["{{{hydraPrefix}}}member"].map(({{{lc}}}) => `${ {{~lc}}['@id'] }/edit`)
+        );
+      }
+    } catch (e) {
+      console.error(e);
+    }
   }
 
   return {
-    paths: [],
+    paths,
     fallback: true,
   };
 }

templates/next/pages/foos/[id]/index.tsx

@@ -8,11 +8,11 @@ import { useMercure } from "../../../utils/mercure";
 
 interface Props {
   {{{lc}}}: {{{ucf}}};
-  hubURL: string;
+  hubURL: ?string;
 };
 
 const Page: NextComponentType<NextPageContext, Props, Props> = (props) => {
-  const {{{lc}}} = useMercure(props.{{{lc}}}, props.hubURL);
+  const {{{lc}}} = props.hubURL === null ? props.{{{lc}}} : useMercure(props.{{{lc}}}, props.hubURL);
 
   if (!{{{lc}}}) {
     return <DefaultErrorPage statusCode={404} />;
@@ -39,23 +39,41 @@ export const getStaticProps: GetStaticProps = async ({ params }) => {
       hubURL: response.hubURL,
     },
     revalidate: 1,
-  }
+  };
 }
 
 export const getStaticPaths: GetStaticPaths = async () => {
   try {
     const response = await fetch("/{{{name}}}");
+  } catch (e) {
+    console.error(e);
 
     return {
-      paths: response.data["{{{hydraPrefix}}}member"].map(({{{lc}}}) => {{~lc}}['@id']),
+      paths: [],
       fallback: true,
     };
-  } catch (e) {
-    console.error(e);
+  }
+
+  const view = response.data['{{{hydraPrefix}}}view'];
+  const paths = response.data["{{{hydraPrefix}}}member"].map(({{{lc}}}) => `${ {{~lc}}['@id'] }`);
+
+  if (view) {
+    try {
+      const {
+        '{{{hydraPrefix}}}last': last
+      } = view;
+      for (let page = 2; page <= parseInt(last.replace(/^\/{{{name}}}\?page=(\d+)/, '$1')); page++) {
+        paths.concat(
+          await fetch(`/{{{name}}}?page=${page}`).data["{{{hydraPrefix}}}member"].map(({{{lc}}}) => `${ {{~lc}}['@id'] }`)
+      );
+      }
+    } catch (e) {
+      console.error(e);
+    }
   }
 
   return {
-    paths: [],
+    paths,
     fallback: true,
   };
 }

templates/next/utils/dataAccess.ts

@@ -39,7 +39,7 @@ export const fetch = async (id: string, init: RequestInit = {}) => {
   const json = await resp.json();
   if (resp.ok) {
     return {
-      hubURL: extractHubURL(resp).toString(), // URL cannot be serialized as JSON, must be sent as string
+      hubURL: extractHubURL(resp)?.toString(), // URL cannot be serialized as JSON, must be sent as string
       data: normalize(json),
     };
   }