Merge pull request #1261 from mbifulco/feat/standard-site-followup

feat: add atproto metadata to individual pages

Author: mbifulco

next-env.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
 /// <reference types="next/navigation-types/compat/navigation" />
-import './.next/dev/types/routes.d.ts';
+import "./.next/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

src/components/seo.test.tsx

@@ -57,4 +57,44 @@ describe('SEO', () => {
       expect(link).toBeNull();
     });
   });
+
+  describe('standard.site publication link', () => {
+    it('renders site.standard.publication link tag when URI is provided', () => {
+      const uri =
+        'at://did:plc:icpcpp5txyow3prnfgi533lj/site.standard.publication/3mmx3e2b57l2m';
+      const { container } = render(
+        <SEO title="Test Post" standardSitePublicationUri={uri} />
+      );
+
+      const link = container.querySelector(
+        'link[rel="site.standard.publication"]'
+      );
+      const docLink = document.querySelector(
+        'link[rel="site.standard.publication"]'
+      );
+      const found = link ?? docLink;
+      expect(found).not.toBeNull();
+      expect(found).toHaveAttribute('href', uri);
+    });
+
+    it('does not render site.standard.publication link when URI is not provided', () => {
+      const { container } = render(<SEO title="Test Post" />);
+
+      const link =
+        container.querySelector('link[rel="site.standard.publication"]') ??
+        document.querySelector('link[rel="site.standard.publication"]');
+      expect(link).toBeNull();
+    });
+
+    it('does not render site.standard.publication link when URI is undefined', () => {
+      const { container } = render(
+        <SEO title="Test Post" standardSitePublicationUri={undefined} />
+      );
+
+      const link =
+        container.querySelector('link[rel="site.standard.publication"]') ??
+        document.querySelector('link[rel="site.standard.publication"]');
+      expect(link).toBeNull();
+    });
+  });
 });

src/components/seo.tsx

@@ -32,6 +32,7 @@ type SEOProps = {
   tags?: string[];
   pagination?: SEOPagination;
   standardSiteDocumentUri?: string;
+  standardSitePublicationUri?: string;
 };
 
 const SEO: React.FC<SEOProps> = ({
@@ -47,6 +48,7 @@ const SEO: React.FC<SEOProps> = ({
   tags,
   pagination,
   standardSiteDocumentUri,
+  standardSitePublicationUri,
 }) => {
   const router = useRouter();
 
@@ -85,7 +87,10 @@ const SEO: React.FC<SEOProps> = ({
         rel="pingback"
         href="https://webmention.io/mikebifulco.com/xmlrpc"
       />
-      {/* standard.site AT Protocol document link */}
+      {/* standard.site AT Protocol links */}
+      {standardSitePublicationUri && (
+        <link rel="site.standard.publication" href={standardSitePublicationUri} />
+      )}
       {standardSiteDocumentUri && (
         <link rel="site.standard.document" href={standardSiteDocumentUri} />
       )}

src/data/newsletters/product-is-a-signal.mdx

@@ -9,7 +9,7 @@ slug: product-is-a-signal
 
 My first product launch was a disaster. I had spent the better part of a year building smpl with my two cofounders; our MVP worked great, we were using it to manage our own business, and on launch day... crickets.
 
-Thousands of lines of code, months of effort, and a beautiful marketing site. We had decided to keep smpl a secret \_until it [was] ✌🏾ready✌🏾.
+Thousands of lines of code, months of effort, and a beautiful marketing site. We had decided to keep smpl a secret _until it [was] ✌🏾ready✌🏾.
 
 **Our critical launch mistake: nobody knew the damn product existed!**
 

src/pages/newsletter/[slug].tsx

@@ -49,6 +49,8 @@ export const getStaticProps: GetStaticProps<
     params.slug
   );
 
+  const standardSitePublicationUri = (atprotoData as { publicationUri: string }).publicationUri;
+
   return {
     props: {
       newsletter: {
@@ -58,6 +60,7 @@ export const getStaticProps: GetStaticProps<
       series: series ?? null,
       relatedContent,
       ...(standardSiteDocumentUri ? { standardSiteDocumentUri } : {}),
+      ...(standardSitePublicationUri ? { standardSitePublicationUri } : {}),
     },
   };
 };
@@ -80,13 +83,15 @@ type NewsletterPageProps = {
   series?: Series | null;
   relatedContent: RelatedContent[];
   standardSiteDocumentUri?: string;
+  standardSitePublicationUri?: string;
 };
 
 const NewsletterPage: React.FC<NewsletterPageProps> = ({
   newsletter,
   series,
   relatedContent,
   standardSiteDocumentUri,
+  standardSitePublicationUri,
 }) => {
   const { frontmatter } = newsletter;
 
@@ -111,6 +116,7 @@ const NewsletterPage: React.FC<NewsletterPageProps> = ({
           publishedAt={date}
           tags={tags}
           standardSiteDocumentUri={standardSiteDocumentUri}
+          standardSitePublicationUri={standardSitePublicationUri}
         />
         <StructuredData structuredData={structuredData} />
 

src/pages/posts/[slug].tsx

@@ -28,6 +28,7 @@ type PostPageProps = {
   series?: Series | null;
   relatedContent: RelatedContent[];
   standardSiteDocumentUri?: string;
+  standardSitePublicationUri?: string;
 };
 
 export const getStaticProps: GetStaticProps<
@@ -53,12 +54,15 @@ export const getStaticProps: GetStaticProps<
     params.slug
   );
 
+  const standardSitePublicationUri = (atprotoData as { publicationUri: string }).publicationUri;
+
   return {
     props: {
       post,
       series: series ?? null,
       relatedContent,
       ...(standardSiteDocumentUri ? { standardSiteDocumentUri } : {}),
+      ...(standardSitePublicationUri ? { standardSitePublicationUri } : {}),
     },
   };
 };
@@ -76,12 +80,7 @@ export async function getStaticPaths() {
   };
 }
 
-const PostPage: NextPage<PostPageProps> = ({
-  post,
-  series,
-  relatedContent,
-  standardSiteDocumentUri,
-}) => {
+const PostPage: NextPage<PostPageProps> = ({ post, series, relatedContent, standardSiteDocumentUri, standardSitePublicationUri }) => {
   const { frontmatter } = post;
 
   const { coverImagePublicId, published, date, tags, title, excerpt, slug } =
@@ -121,6 +120,7 @@ const PostPage: NextPage<PostPageProps> = ({
           publishedAt={date}
           tags={tags}
           standardSiteDocumentUri={standardSiteDocumentUri}
+          standardSitePublicationUri={standardSitePublicationUri}
         />
         {published === false && process.env.NODE_ENV !== 'production' && (
           <div>