fix-deploy-and-manifest-issue

.eslintrc.json

@@ -1,3 +1,32 @@
 {
-  "extends": ["next/core-web-vitals", "next/typescript"]
+  "extends": ["next/core-web-vitals", "next/typescript"],
+  "rules": {
+    // Disable img warnings since you're using them intentionally in specific contexts
+    "@next/next/no-img-element": "off",
+
+    // Allow @ts-ignore comments (though @ts-expect-error is preferred)
+    "@typescript-eslint/ban-ts-comment": "off",
+
+    // Allow explicit any types (sometimes necessary for dynamic imports and APIs)
+    "@typescript-eslint/no-explicit-any": "off",
+
+    // Allow unused variables that start with underscore
+    "@typescript-eslint/no-unused-vars": [
+      "warn",
+      {
+        "argsIgnorePattern": "^_",
+        "varsIgnorePattern": "^_",
+        "caughtErrorsIgnorePattern": "^_"
+      }
+    ],
+
+    // Make display name warnings instead of errors for dynamic components
+    "react/display-name": "warn",
+
+    // Allow module assignment for dynamic imports
+    "@next/next/no-assign-module-variable": "warn",
+
+    // Make exhaustive deps a warning instead of error for complex hooks
+    "react-hooks/exhaustive-deps": "warn"
+  }
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neynar/create-farcaster-mini-app",
-  "version": "1.7.9",
+  "version": "1.7.10",
   "type": "module",
   "private": false,
   "access": "public",

src/app/layout.tsx

@@ -22,7 +22,6 @@ export default async function RootLayout({
   let session = null;
   if (shouldUseSession) {
     try {
-      // @ts-ignore - auth module may not exist in all template variants
       const authModule = eval('require("~/auth")');
       session = await authModule.getSession();
     } catch (error) {

src/app/providers.tsx

@@ -12,14 +12,12 @@ const WagmiProvider = dynamic(
   }
 );
 
-
-
 export function Providers({
   session,
   children,
   shouldUseSession = false,
 }: {
-  session: any | null;
+  session: unknown | null;
   children: React.ReactNode;
   shouldUseSession?: boolean;
 }) {
@@ -34,18 +32,31 @@ export function Providers({
         return Promise.resolve().then(() => {
           // Use eval to avoid build-time module resolution
           try {
-            // @ts-ignore - These modules may not exist in all template variants
             const nextAuth = eval('require("next-auth/react")');
             const authKit = eval('require("@farcaster/auth-kit")');
 
-            return ({ children }: { children: React.ReactNode }) => (
+            const AuthWrapper = ({
+              children,
+            }: {
+              children: React.ReactNode;
+            }) => (
               <nextAuth.SessionProvider session={session}>
-                <authKit.AuthKitProvider config={{}}>{children}</authKit.AuthKitProvider>
+                <authKit.AuthKitProvider config={{}}>
+                  {children}
+                </authKit.AuthKitProvider>
               </nextAuth.SessionProvider>
             );
-          } catch (error) {
+            AuthWrapper.displayName = 'AuthWrapper';
+            return AuthWrapper;
+          } catch (_error) {
             // Fallback component when auth modules aren't available
-            return ({ children }: { children: React.ReactNode }) => <>{children}</>;
+            const FallbackWrapper = ({
+              children,
+            }: {
+              children: React.ReactNode;
+            }) => <>{children}</>;
+            FallbackWrapper.displayName = 'FallbackWrapper';
+            return FallbackWrapper;
           }
         });
       },

src/components/ui/tabs/ActionsTab.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import dynamic from 'next/dynamic';
-import { useCallback, useState, type ComponentType } from 'react';
+import { useCallback, useState } from 'react';
 import { useMiniApp } from '@neynar/react';
 import { ShareButton } from '../Share';
 import { Button } from '../Button';
@@ -14,10 +14,9 @@ const NeynarAuthButton = dynamic(
   () => {
     return Promise.resolve().then(() => {
       try {
-        // @ts-ignore - NeynarAuthButton may not exist in all template variants
+        const authModule = eval('require("../NeynarAuthButton/index")');
-        const module = eval('require("../NeynarAuthButton/index")');
+        return authModule.default || authModule.NeynarAuthButton;
-        return module.default || module.NeynarAuthButton;
+      } catch (_error) {
-      } catch (error) {
         // Return null component when module doesn't exist
         return () => null;
       }
@@ -26,7 +25,6 @@ const NeynarAuthButton = dynamic(
   { ssr: false }
 );
 
-
 /**
  * ActionsTab component handles mini app actions like sharing, notifications, and haptic feedback.
  *

src/lib/constants.ts

@@ -1,4 +1,4 @@
-import { type AccountAssociation } from '@farcaster/miniapp-node';
+import { type AccountAssociation } from '@farcaster/miniapp-core/src/manifest';
 
 /**
  * Application constants and configuration values.
@@ -22,25 +22,25 @@ export const APP_URL: string = process.env.NEXT_PUBLIC_URL!;
  * The name of the mini app as displayed to users.
  * Used in titles, headers, and app store listings.
  */
-export const APP_NAME: string = 'Starter Kit';
+export const APP_NAME = 'idk2';
 
 /**
  * A brief description of the mini app's functionality.
  * Used in app store listings and metadata.
  */
-export const APP_DESCRIPTION: string = 'A demo of the Neynar Starter Kit';
+export const APP_DESCRIPTION = 'A Farcaster mini app created with Neynar';
 
 /**
  * The primary category for the mini app.
  * Used for app store categorization and discovery.
  */
-export const APP_PRIMARY_CATEGORY: string = 'developer-tools';
+export const APP_PRIMARY_CATEGORY = '';
 
 /**
  * Tags associated with the mini app.
  * Used for search and discovery in app stores.
  */
-export const APP_TAGS: string[] = ['neynar', 'starter-kit', 'demo'];
+export const APP_TAGS = ['neynar', 'starter-kit', 'demo'];
 
 // --- Asset URLs ---
 /**
@@ -65,21 +65,22 @@ export const APP_SPLASH_URL: string = `${APP_URL}/splash.png`;
  * Background color for the splash screen.
  * Used as fallback when splash image is loading.
  */
-export const APP_SPLASH_BACKGROUND_COLOR: string = "#f7f7f7";
+export const APP_SPLASH_BACKGROUND_COLOR: string = '#f7f7f7';
 
 /**
  * Account association for the mini app.
  * Used to associate the mini app with a Farcaster account.
  * If not provided, the mini app will be unsigned and have limited capabilities.
  */
-export const APP_ACCOUNT_ASSOCIATION: AccountAssociation | undefined = undefined;
+export const APP_ACCOUNT_ASSOCIATION: AccountAssociation | undefined =
+  undefined;
 
 // --- UI Configuration ---
 /**
  * Text displayed on the main action button.
  * Used for the primary call-to-action in the mini app.
  */
-export const APP_BUTTON_TEXT: string = 'Launch NSK';
+export const APP_BUTTON_TEXT = 'Launch Mini App';
 
 // --- Integration Configuration ---
 /**
@@ -89,7 +90,8 @@ export const APP_BUTTON_TEXT: string = 'Launch NSK';
  * Neynar webhook endpoint. Otherwise, falls back to a local webhook
  * endpoint for development and testing.
  */
-export const APP_WEBHOOK_URL: string = process.env.NEYNAR_API_KEY && process.env.NEYNAR_CLIENT_ID 
+export const APP_WEBHOOK_URL: string =
+  process.env.NEYNAR_API_KEY && process.env.NEYNAR_CLIENT_ID
     ? `https://api.neynar.com/f/app/${process.env.NEYNAR_CLIENT_ID}/event`
     : `${APP_URL}/api/webhook`;
 
@@ -100,7 +102,7 @@ export const APP_WEBHOOK_URL: string = process.env.NEYNAR_API_KEY && process.env
  * When false, wallet functionality is completely hidden from the UI.
  * Useful for mini apps that don't require wallet integration.
  */
-export const USE_WALLET: boolean = true;
+export const USE_WALLET = false;
 
 /**
  * Flag to enable/disable analytics tracking.
@@ -109,7 +111,7 @@ export const USE_WALLET: boolean = true;
  * When false, analytics collection is disabled.
  * Useful for privacy-conscious users or development environments.
  */
-export const ANALYTICS_ENABLED: boolean = true;
+export const ANALYTICS_ENABLED = true;
 
 /**
  * Required chains for the mini app.

src/lib/kv.ts

@@ -1,16 +1,18 @@
-import { FrameNotificationDetails } from "@farcaster/miniapp-sdk";
+import { MiniAppNotificationDetails } from '@farcaster/miniapp-sdk';
-import { Redis } from "@upstash/redis";
+import { Redis } from '@upstash/redis';
-import { APP_NAME } from "./constants";
+import { APP_NAME } from './constants';
 
 // In-memory fallback storage
-const localStore = new Map<string, FrameNotificationDetails>();
+const localStore = new Map<string, MiniAppNotificationDetails>();
 
 // Use Redis if KV env vars are present, otherwise use in-memory
 const useRedis = process.env.KV_REST_API_URL && process.env.KV_REST_API_TOKEN;
-const redis = useRedis ? new Redis({
+const redis = useRedis
-  url: process.env.KV_REST_API_URL!,
+  ? new Redis({
-  token: process.env.KV_REST_API_TOKEN!,
+      url: process.env.KV_REST_API_URL!,
-}) : null;
+      token: process.env.KV_REST_API_TOKEN!,
+    })
+  : null;
 
 function getUserNotificationDetailsKey(fid: number): string {
   return `${APP_NAME}:user:${fid}`;
@@ -18,17 +20,17 @@ function getUserNotificationDetailsKey(fid: number): string {
 
 export async function getUserNotificationDetails(
   fid: number
-): Promise<FrameNotificationDetails | null> {
+): Promise<MiniAppNotificationDetails | null> {
   const key = getUserNotificationDetailsKey(fid);
   if (redis) {
-    return await redis.get<FrameNotificationDetails>(key);
+    return await redis.get<MiniAppNotificationDetails>(key);
   }
   return localStore.get(key) || null;
 }
 
 export async function setUserNotificationDetails(
   fid: number,
-  notificationDetails: FrameNotificationDetails
+  notificationDetails: MiniAppNotificationDetails
 ): Promise<void> {
   const key = getUserNotificationDetailsKey(fid);
   if (redis) {

src/lib/utils.ts

@@ -1,6 +1,6 @@
 import { type ClassValue, clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import { type Manifest } from '@farcaster/miniapp-node';
+import { Manifest } from '@farcaster/miniapp-core/src/manifest';
 import {
   APP_BUTTON_TEXT,
   APP_DESCRIPTION,
@@ -10,7 +10,8 @@ import {
   APP_PRIMARY_CATEGORY,
   APP_SPLASH_BACKGROUND_COLOR,
   APP_SPLASH_URL,
-  APP_TAGS, APP_URL,
+  APP_TAGS,
+  APP_URL,
   APP_WEBHOOK_URL,
   APP_ACCOUNT_ASSOCIATION,
   APP_REQUIRED_CHAINS,
@@ -22,7 +23,7 @@ export function cn(...inputs: ClassValue[]) {
 
 export function getMiniAppEmbedMetadata(ogImageUrl?: string) {
   return {
-    version: "next",
+    version: 'next',
     imageUrl: ogImageUrl ?? APP_OG_IMAGE_URL,
     ogTitle: APP_NAME,
     ogDescription: APP_DESCRIPTION,
@@ -30,7 +31,7 @@ export function getMiniAppEmbedMetadata(ogImageUrl?: string) {
     button: {
       title: APP_BUTTON_TEXT,
       action: {
-        type: "launch_frame",
+        type: 'launch_frame',
         name: APP_NAME,
         url: APP_URL,
         splashImageUrl: APP_SPLASH_URL,
@@ -46,24 +47,17 @@ export function getMiniAppEmbedMetadata(ogImageUrl?: string) {
 
 export async function getFarcasterDomainManifest(): Promise<Manifest> {
   return {
-    accountAssociation: APP_ACCOUNT_ASSOCIATION,
+    accountAssociation: APP_ACCOUNT_ASSOCIATION!,
     miniapp: {
-      version: "1",
+      version: '1',
-      name: APP_NAME ?? "Neynar Starter Kit",
+      name: APP_NAME ?? 'Neynar Starter Kit',
-      iconUrl: APP_ICON_URL,
       homeUrl: APP_URL,
+      iconUrl: APP_ICON_URL,
       imageUrl: APP_OG_IMAGE_URL,
-      buttonTitle: APP_BUTTON_TEXT ?? "Launch Mini App",
+      buttonTitle: APP_BUTTON_TEXT ?? 'Launch Mini App',
       splashImageUrl: APP_SPLASH_URL,
       splashBackgroundColor: APP_SPLASH_BACKGROUND_COLOR,
       webhookUrl: APP_WEBHOOK_URL,
-      description: APP_DESCRIPTION,
-      primaryCategory: APP_PRIMARY_CATEGORY,
-      tags: APP_TAGS,
-      requiredChains: APP_REQUIRED_CHAINS.length > 0 ? APP_REQUIRED_CHAINS : undefined,
-      ogTitle: APP_NAME,
-      ogDescription: APP_DESCRIPTION,
-      ogImageUrl: APP_OG_IMAGE_URL,
     },
   };
 }