[Nebula] Feature: Farcaster Mini App

apps/dashboard/.env.example

@@ -108,4 +108,10 @@ STRIPE_SECRET_KEY=""
 
 # required for server wallet management
 NEXT_PUBLIC_THIRDWEB_VAULT_URL=""
-NEXT_PUBLIC_ENGINE_CLOUD_URL=""
+NEXT_PUBLIC_ENGINE_CLOUD_URL=""
+
+# farcaster frame env variables
+NEXT_PUBLIC_APP_URL=
+NEXT_PUBLIC_FARCASTER_HEADER=
+NEXT_PUBLIC_FARCASTER_PAYLOAD=
+NEXT_PUBLIC_FARCASTER_SIGNATURE=

apps/dashboard/next.config.ts

@@ -29,7 +29,8 @@ const securityHeaders = [
   },
   {
     key: "X-Frame-Options",
-    value: "SAMEORIGIN",
+    // allow farcaster.xyz as a frame ancestor for the browser mini app
+    value: "frame-ancestors 'self' https://farcaster.xyz; default 'self'",
   },
   {
     key: "Referrer-Policy",

apps/dashboard/package.json

@@ -27,6 +27,8 @@
     "@chakra-ui/theme-tools": "^2.1.2",
     "@emotion/react": "11.14.0",
     "@emotion/styled": "11.14.0",
+    "@farcaster/frame-core": "^0.1.8",
+    "@farcaster/frame-sdk": "^0.0.60",
     "@hookform/resolvers": "^3.9.1",
     "@marsidev/react-turnstile": "^1.1.0",
     "@radix-ui/react-accordion": "^1.2.11",
@@ -54,6 +56,7 @@
     "@thirdweb-dev/vault-sdk": "workspace:*",
     "@vercel/functions": "2.1.0",
     "@vercel/og": "^0.6.8",
+    "@worldcoin/minikit-js": "^1.9.5",
     "abitype": "1.0.8",
     "chakra-react-select": "^4.7.6",
     "class-variance-authority": "^0.7.1",

apps/dashboard/src/app/.well-known/apple-app-site-association.json/route.ts

@@ -0,0 +1,36 @@
+import { NextResponse } from "next/server";
+
+export async function GET() {
+  return NextResponse.json({
+    applinks: {
+      apps: ["XYHGSFAMHX.com.thirdweb.demo"],
+      details: [
+        {
+          appIDs: ["XYHGSFAMHX.com.thirdweb.demo"],
+          components: [
+            {
+              "#": "no_universal_links",
+              exclude: true,
+              comment:
+                "Matches any URL with a fragment that equals no_universal_links and instructs the system not to open it as a universal link.",
+            },
+            {
+              "/": "/mobile-wallet-protocol",
+              comment:
+                "Matches any URL with a path that starts with /mobile-wallet-protocol for coinbase wallet mobile redirects.",
+            },
+            {
+              "/": "/dashboard/*",
+              exclude: true,
+              comment: "no universal link for dashboard",
+            },
+          ],
+        },
+      ],
+    },
+    webcredentials: {
+      apps: ["XYHGSFAMHX.com.thirdweb.demo"],
+    },
+    appclips: {},
+  });
+}