chore: caching requests to optmimize load times and avoid rate limits (…

…#179)

* chore: caching requests to optmimize load times and avoid rate limits

* chore: caching working

* chore: changed MINT_DOT_FUN env var

* chore: using OCS api key

* chore: hardcoded onchainsummer.xyz as a default if VERCEL_URL is missing

package.json

@@ -13,7 +13,6 @@
     "start": "next start",
     "lint": "next lint",
     "prepare": "husky install",
-    "generate:tweets": "npx node scripts/generateHighlightedTweets.js",
     "generate": "yarn graphql-codegen --config codegen.ts"
   },
   "dependencies": {
@@ -76,4 +75,4 @@
     "tsc-files": "^1.1.3",
     "typescript": "5.0.4"
   }
-}
+}

src/app/[slug]/page.tsx

@@ -12,7 +12,7 @@ import { Metadata, ResolvingMetadata } from 'next'
 import { website } from '@/config/website'
 import { getDrops } from '@/utils/getDrops'
 import { getNow } from '@/utils/getNow'
-import { getArweaves } from '@/utils/getArweaves'
+import { getArweaveById } from '@/utils/getArweaveById'
 import { getDropDate } from '@/utils/getDropDate'
 
 type Props = {
@@ -67,7 +67,7 @@ const Page = async ({ params, searchParams }: Props) => {
               </div>
             </div>
           </div>
-          {article && (
+          {!!article?.content && (
             <div className="p-6 md:px-16 lg:px-32 md:py-[54px] rounded-2xl break-words m-4">
               <div className="prose mx-auto">
                 <h2 className="text-[32px] leading-8 md:text-[46px] md:leading-[180%] font-display">
@@ -160,8 +160,7 @@ async function getPartner(slug: string, spoofDate?: string) {
     return notFound()
   }
 
-  const arweaves = await getArweaves()
-  const article = get(arweaves, partner.aarweaveDigest)
+  const article = await getArweaveById(partner.aarweaveDigest)
 
   return { partner, article }
 }

src/app/api/arweave/route.ts

@@ -0,0 +1,35 @@
+import { NextResponse, NextRequest } from 'next/server'
+import { SDK } from '@/utils/graphqlSdk'
+
+type ArticleType = { content: { body: string; title: string } } | undefined
+
+export async function POST(request: NextRequest) {
+  try {
+    if (request.headers.get('x-api-key') !== process.env.OCS_API_KEY)
+      return NextResponse.json({}, { status: 401 })
+
+    const { digestId } = await request.json()
+
+    if (!digestId) return NextResponse.json({}, { status: 400 })
+
+    let article: ArticleType
+    const digest = await SDK.GetMirrorTransactions({ digest: digestId })
+    console.log('digest', digest)
+
+    const articleId = digest?.transactions?.edges[0]?.node?.id
+
+    if (articleId) {
+      const res = await fetch(`https://arweave.net/${articleId}`, {
+        // Revalidate every minute
+        next: { revalidate: 1 * 60 },
+      })
+      article = (await res?.json()) as {
+        content: { body: string; title: string }
+      }
+    }
+
+    return NextResponse.json(article, { status: 200 })
+  } catch {
+    return NextResponse.json({}, { status: 400 })
+  }
+}