fix: Add baseBuilder.allowedAddresses to template + call setFrameReady() automatically (#2503)

Author: dgca

examples/minikit-example/app/layout.tsx

@@ -14,17 +14,17 @@ import "./globals.css";
 
 export async function generateMetadata(): Promise<Metadata> {
   return {
-    title: minikitConfig.frame.name,
-    description: minikitConfig.frame.description,
+    title: minikitConfig.miniapp.name,
+    description: minikitConfig.miniapp.description,
     other: {
-      "fc:frame": JSON.stringify({
+      "fc:miniapp": JSON.stringify({
         version: "next",
-        imageUrl: minikitConfig.frame.heroImageUrl,
+        imageUrl: minikitConfig.miniapp.heroImageUrl,
         button: {
-          title: `Launch ${minikitConfig.frame.name}`,
+          title: `Launch ${minikitConfig.miniapp.name}`,
           action: {
-            name: `Launch ${minikitConfig.frame.name}`,
-            type: "launch_frame",
+            name: `Launch ${minikitConfig.miniapp.name}`,
+            type: "launch_miniapp",
           },
         },
       }),

examples/minikit-example/minikit.config.ts

@@ -17,7 +17,10 @@ export const minikitConfig = {
     signature:
       "MHhkZTA0ODk4YmE1MGMwMWM3ZWRlY2ViZWJkY2E0ZjA0ZTVlN2NkMTFiNWQxM2UxMjg4OWJiNzgwYTcyNWRhMGFlNTgyNGNlYmFiM2RjODdhNmIwYjNlNjExNTM1MjE1ODQ0MGI1NzU1ZTFhNGE3NzY5NDQwZWMyN2Y2NjhiYjY4NzFj",
   },
-  frame: {
+  baseBuilder: {
+    allowedAddresses: [],
+  },
+  miniapp: {
     version: "1",
     name: "minikit-example",
     subtitle: "",

packages/playground/app/minikit/layout.tsx

@@ -15,13 +15,13 @@ export async function generateMetadata(): Promise<Metadata> {
     description:
       'Generated by `create-onchain --mini`, a Next.js template for MiniKit',
     other: {
-      'fc:frame': JSON.stringify({
+      'fc:miniapp': JSON.stringify({
         version: 'next',
         imageUrl: 'https://onchainkit.xyz/playground/snake.png',
         button: {
           title: 'Launch MiniKit',
           action: {
-            type: 'launch_frame',
+            type: 'launch_miniapp',
             name: 'MiniKit',
             url: 'https://onchainkit.xyz/playground/minikit',
             splashImageUrl: 'https://onchainkit.xyz/playground/snake.png',

templates/minikit-nextjs/app/layout.tsx

@@ -7,17 +7,17 @@ import "./globals.css";
 
 export async function generateMetadata(): Promise<Metadata> {
   return {
-    title: minikitConfig.frame.name,
-    description: minikitConfig.frame.description,
+    title: minikitConfig.miniapp.name,
+    description: minikitConfig.miniapp.description,
     other: {
-      "fc:frame": JSON.stringify({
-        version: minikitConfig.frame.version,
-        imageUrl: minikitConfig.frame.heroImageUrl,
+      "fc:miniapp": JSON.stringify({
+        version: minikitConfig.miniapp.version,
+        imageUrl: minikitConfig.miniapp.heroImageUrl,
         button: {
-          title: `Launch ${minikitConfig.frame.name}`,
+          title: `Launch ${minikitConfig.miniapp.name}`,
           action: {
-            name: `Launch ${minikitConfig.frame.name}`,
-            type: "launch_frame",
+            name: `Launch ${minikitConfig.miniapp.name}`,
+            type: "launch_miniapp",
           },
         },
       }),

templates/minikit-nextjs/app/page.tsx

@@ -1,6 +1,8 @@
 "use client";
+import { useEffect } from "react";
 import Image from "next/image";
 import { Wallet } from "@coinbase/onchainkit/wallet";
+import { useMiniKit } from "@coinbase/onchainkit/minikit";
 // import { useQuickAuth } from "@coinbase/onchainkit/minikit";
 import styles from "./page.module.css";
 
@@ -14,6 +16,14 @@ export default function Home() {
   //   userFid: string;
   // }>("/api/auth");
 
+  const { setFrameReady, isFrameReady } = useMiniKit();
+
+  useEffect(() => {
+    if (!isFrameReady) {
+      setFrameReady();
+    }
+  }, [setFrameReady, isFrameReady]);
+
   return (
     <div className={styles.container}>
       <header className={styles.headerWrapper}>

templates/minikit-nextjs/minikit.config.ts

@@ -14,7 +14,10 @@ export const minikitConfig = {
     payload: "",
     signature: "",
   },
-  frame: {
+  baseBuilder: {
+    allowedAddresses: [],
+  },
+  miniapp: {
     version: "1",
     name: "APP_NAME",
     subtitle: "",