Change approach to discovery links

molly · Feb 27, 2024 · d118ac7 · d118ac7
1 parent 6a1e094
commit d118ac7
Show file tree

Hide file tree

Showing 7 changed files with 35 additions and 29 deletions.
diff --git a/src/components/CustomEntryHead.js b/src/components/CustomEntryHead.js
@@ -98,6 +98,16 @@ export default function CustomEntryHead({
         key="twitterdescription"
         content={description}
       />
+      <link
+        rel="alternate"
+        type="application/json+oembed"
+        href={`https://www.web3isgoinggreat.com/api/oembed?url=https://www.web3isgoinggreat.com/single/${id}&format=json`}
+      />
+      <link
+        rel="alternate"
+        type="application/xml+oembed"
+        href={`https://www.web3isgoinggreat.com/api/oembed?url=https://www.web3isgoinggreat.com/single/${id}&format=xml`}
+      />
       {additionalHead}
     </Head>
   );

diff --git a/src/components/CustomHead.js b/src/components/CustomHead.js
@@ -1,5 +1,5 @@
-import PropTypes from "prop-types";
 import Head from "next/head";
+import PropTypes from "prop-types";
 
 export default function CustomEntryHead({ title, description, urlPath }) {
   return (
@@ -31,6 +31,16 @@ export default function CustomEntryHead({ title, description, urlPath }) {
         key="twitterdescription"
         content={description}
       />
+      <link
+        rel="alternate"
+        type="application/json+oembed"
+        href={`https://www.web3isgoinggreat.com/api/oembed?url=https://web3isgoinggreat.com/${urlPath}&format=json`}
+      />
+      <link
+        rel="alternate"
+        type="application/xml+oembed"
+        href={`https://www.web3isgoinggreat.com/api/oembed?url=https://www.web3isgoinggreat.com/${urlPath}&format=xml`}
+      />
     </Head>
   );
 }

diff --git a/src/components/timeline/Timeline.js b/src/components/timeline/Timeline.js
@@ -15,7 +15,6 @@ import {
 import Link from "next/link";
 import { InView, useInView } from "react-intersection-observer";
 
-import { getOembedHeaders } from "../../js/oembed";
 import BackBar from "../BackBar";
 import CustomEntryHead from "../CustomEntryHead";
 import Error from "../Error";
@@ -98,7 +97,6 @@ export default function Timeline({
         <CustomEntryHead
           entry={data.pages[0].entries[0]}
           collectionDescription={collectionDescription}
-          additionalHead={startAtId ? getOembedHeaders(startAtId) : null}
         />
       );
     }

diff --git a/src/js/oembed.js b/src/js/oembed.js
diff --git a/src/pages/_app.js b/src/pages/_app.js
@@ -1,10 +1,10 @@
-import "../styles/main.sass";
+import Head from "next/head";
 import PropTypes from "prop-types";
 import ReactGA from "react-ga";
-import Head from "next/head";
 import { QueryClient, QueryClientProvider } from "react-query";
 import Layout from "../components/Layout";
 import { AppProvider } from "../context/AppContext";
+import "../styles/main.sass";
 
 if (typeof window !== "undefined") {
   ReactGA.initialize("UA-215114522-1");
@@ -92,6 +92,16 @@ function CustomApp({ Component, pageProps }) {
           key="twitterimagealt"
           content="Illustration: A sad-looking Bored Ape Yacht Club NFT monkey looks at a world engulfed in flames. Text next to it says 'Web3 is Going Just Great.'"
         />
+        <link
+          rel="alternate"
+          type="application/json+oembed"
+          href="https://www.web3isgoinggreat.com/api/oembed?url=https://web3isgoinggreat.com/&format=json"
+        />
+        <link
+          rel="alternate"
+          type="application/xml+oembed"
+          href="https://www.web3isgoinggreat.com/api/oembed?url=https://www.web3isgoinggreat.com/&format=xml"
+        />
       </Head>
       <QueryClientProvider client={queryClient}>
         <AppProvider>

diff --git a/src/pages/embed/[id].js b/src/pages/embed/[id].js
@@ -10,7 +10,6 @@ import Error from "../../components/Error";
 import Entry from "../../components/timeline/Entry";
 import { getMetadata } from "../../db/metadata";
 import { EntryPropType } from "../../js/entry";
-import { getOembedHeaders } from "../../js/oembed";
 
 export async function getServerSideProps(context) {
   const props = { entry: null };
@@ -50,10 +49,7 @@ export default function EmbedEntry({
   }
   return (
     <>
-      <CustomEntryHead
-        entry={entry}
-        additionalHead={getOembedHeaders(entry.id)}
-      />
+      <CustomEntryHead entry={entry} />
       <article className="embed-wrapper">
         <Entry
           className="single even"

diff --git a/src/pages/single/[id].js b/src/pages/single/[id].js
@@ -14,7 +14,6 @@ import Entry from "../../components/timeline/Entry";
 import Header from "../../components/timeline/Header";
 import { getMetadata } from "../../db/metadata";
 import { EntryPropType } from "../../js/entry";
-import { getOembedHeaders } from "../../js/oembed";
 
 export async function getServerSideProps(context) {
   const props = { entry: null };
@@ -74,10 +73,7 @@ export default function SingleEntry({
 
   return (
     <>
-      <CustomEntryHead
-        entry={entry}
-        additionalHead={getOembedHeaders(entry.id)}
-      />
+      <CustomEntryHead entry={entry} />
       <Header
         windowWidth={windowWidth}
         isBrowserRendering={isBrowserRendering}