feat: just setting up those 100 lines

GritnotGit · Jan 28, 2024 · 99da0f1 · 99da0f1
1 parent 66b2f42
commit 99da0f1
Show file tree

Hide file tree

Showing 12 changed files with 1,666 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+node_modules
+.DS_STORE
diff --git a/README.md b/README.md
@@ -0,0 +1 @@
+# A Frame in 100 lines (or less)
diff --git a/app/api/frame/route.ts b/app/api/frame/route.ts
@@ -0,0 +1,25 @@
+import { getFrameAccountAddress } from '@coinbase/onchainkit';
+import { NextRequest, NextResponse } from 'next/server';
+
+async function getResponse(req: NextRequest): Promise<NextResponse> {
+  let accountAddress = '';
+  try {
+    const body: { trustedData?: { messageBytes?: string } } = await req.json();
+    accountAddress = await getFrameAccountAddress(body, { NEYNAR_API_KEY: 'NEYNAR_API_DOCS' });
+  } catch (err) {
+    console.error(err);
+  }
+
+  return new NextResponse(`<!DOCTYPE html><html><head>
+    <meta property="fc:frame" content="vNext" />
+    <meta property="fc:frame:image" content="https://zizzamia.xyz/park-2.png" />
+    <meta property="fc:frame:button:1" content="Address: ${accountAddress}" />
+    <meta property="fc:frame:post_url" content="https://zizzamia.xyz/api/frame" />
+  </head></html>`);
+}
+
+export async function POST(req: NextRequest): Promise<Response> {
+  return getResponse(req);
+}
+
+export const dynamic = 'force-dynamic';
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -0,0 +1,12 @@
+export const viewport = {
+  width: 'device-width',
+  initialScale: 1.0,
+};
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  );
+}
diff --git a/app/page.tsx b/app/page.tsx
@@ -0,0 +1,29 @@
+import { getFrameMetadata } from '@coinbase/onchainkit';
+import type { Metadata } from 'next';
+
+const frameMetadata = getFrameMetadata({
+  buttons: ['Next image'],
+  image: 'https://zizzamia.xyz/park-1.png',
+  post_url: 'https://zizzamia.xyz/api/frame',
+});
+
+export const metadata: Metadata = {
+  title: 'zizzamia.xyz',
+  description: 'LFG',
+  openGraph: {
+    title: 'zizzamia.xyz',
+    description: 'LFG',
+    images: ['https://zizzamia.xyz/park-1.png'],
+  },
+  other: {
+    ...frameMetadata,
+  },
+};
+
+export default function Page() {
+  return (
+    <>
+      <h1>zizzamia.xyz</h1>
+    </>
+  );
+}
diff --git a/next-env.d.ts b/next-env.d.ts
@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.