Json ld response (#298)

justinezahiri · web-flow · commit f56454f5a76f · 2021-10-07T18:09:40.000+02:00
* json ld resp using resp.text

* added missing files in NextGenerator.js file

* fixed response name in getServerSideProps

* use reponse.text for json-ld

* try to use response.text
diff --git a/templates/next/components/foo/Show.tsx b/templates/next/components/foo/Show.tsx
@@ -4,6 +4,7 @@ import { useRouter } from "next/router";
 import { fetch } from "../../utils/dataAccess";
 import ReferenceLinks from '../common/ReferenceLinks';
 import { {{{ucf}}} } from '../../types/{{{ucf}}}';
+import Head from 'next/head'
 
 interface Props {
   {{{lc}}}: {{{ucf}}};
@@ -27,6 +28,14 @@ export const Show: FunctionComponent<Props> = ({ {{{lc}}} }) => {
 
   return (
     <div>
+       <Head>
+            <title>{`Show {{{ucf}}} ${ {{~lc}}['@id']}`}</title>
+            <script
+                type="application/ld+json"
+            >
+              {text}
+            </script>
+          </Head>
       <h1>{`Show {{{ucf}}} ${ {{~lc}}['@id']}`}</h1>
       <table className="table table-responsive table-striped table-hover">
         <thead>
diff --git a/templates/next/pages/foos/[id]/index.tsx b/templates/next/pages/foos/[id]/index.tsx
@@ -25,7 +25,7 @@ const Page: NextComponentType<NextPageContext, Props, Props> = (props) => {
           <title>{`Show {{{ucf}}} ${ {{~lc}}['@id'] }`}</title>
         </Head>
       </div>
-      <Show {{{lc}}}={ {{{lc}}} } />
+      <Show {{{lc}}}={ {{{lc}}} } text={ props.text } />
     </div>
   );
 };
@@ -36,6 +36,7 @@ export const getStaticProps: GetStaticProps = async ({ params }) => {
   return {
     props: {
       {{{lc}}}: response.data,
+      text: response.text,
       hubURL: response.hubURL,
     },
     revalidate: 1,
diff --git a/templates/next/utils/dataAccess.ts b/templates/next/utils/dataAccess.ts
@@ -12,7 +12,7 @@ interface Violation {
 }
 
 const extractHubURL = (response: Response): null | URL => {
-  const linkHeader = response.headers.get('Link');
+  const linkHeader = response.headers.get("Link");
   if (!linkHeader) return null;
 
   const matches = linkHeader.match(
@@ -41,6 +41,7 @@ export const fetch = async (id: string, init: RequestInit = {}) => {
     return {
       hubURL: extractHubURL(resp)?.toString(), // URL cannot be serialized as JSON, must be sent as string
       data: normalize(json),
+      text: await resp.text(),
     };
   }
 

Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@ interface Violation {`
`12`	`12`	`}`
`13`	`13`
`14`	`14`	`const extractHubURL = (response: Response): null \| URL => {`
`15`		`- const linkHeader = response.headers.get('Link');`
	`15`	`+ const linkHeader = response.headers.get("Link");`
`16`	`16`	`if (!linkHeader) return null;`
`17`	`17`
`18`	`18`	`const matches = linkHeader.match(`
`@@ -41,6 +41,7 @@ export const fetch = async (id: string, init: RequestInit = {}) => {`
`41`	`41`	`return {`
`42`	`42`	`hubURL: extractHubURL(resp)?.toString(), // URL cannot be serialized as JSON, must be sent as string`
`43`	`43`	`data: normalize(json),`
	`44`	`+ text: await resp.text(),`
`44`	`45`	`};`
`45`	`46`	`}`
`46`	`47`