mirror of
https://github.com/neynarxyz/create-farcaster-mini-app.git
synced 2025-11-16 08:08:56 -05:00
813 lines
27 KiB
TypeScript
Executable File
813 lines
27 KiB
TypeScript
Executable File
import { execSync, spawn } from 'child_process';
|
||
import fs from 'fs';
|
||
import path from 'path';
|
||
import os from 'os';
|
||
import { fileURLToPath } from 'url';
|
||
import inquirer from 'inquirer';
|
||
import dotenv from 'dotenv';
|
||
import crypto from 'crypto';
|
||
// Add fallback type for Vercel if type is missing
|
||
// @ts-ignore
|
||
import { Vercel as VercelSDKType } from '@vercel/sdk';
|
||
import { APP_NAME, APP_BUTTON_TEXT } from '../src/lib/constants';
|
||
|
||
const __dirname = path.dirname(fileURLToPath(import.meta.url));
|
||
const projectRoot = path.join(__dirname, '..');
|
||
|
||
// Load environment variables in specific order
|
||
dotenv.config({ path: '.env' });
|
||
|
||
async function loadEnvLocal(): Promise<void> {
|
||
try {
|
||
if (fs.existsSync('.env.local')) {
|
||
const { loadLocal }: { loadLocal: boolean } = await inquirer.prompt([
|
||
{
|
||
type: 'confirm',
|
||
name: 'loadLocal',
|
||
message: 'Found .env.local - would you like to load its values in addition to .env values? (except for SEED_PHRASE, values will be written to .env)',
|
||
default: true
|
||
}
|
||
]);
|
||
|
||
if (loadLocal) {
|
||
console.log('Loading values from .env.local...');
|
||
const localEnv = dotenv.parse(fs.readFileSync('.env.local'));
|
||
|
||
const allowedVars = [
|
||
'SEED_PHRASE',
|
||
'NEYNAR_API_KEY',
|
||
'NEYNAR_CLIENT_ID'
|
||
];
|
||
|
||
const envContent = fs.existsSync('.env') ? fs.readFileSync('.env', 'utf8') + '\n' : '';
|
||
let newEnvContent = envContent;
|
||
|
||
for (const [key, value] of Object.entries(localEnv)) {
|
||
if (allowedVars.includes(key)) {
|
||
process.env[key] = value;
|
||
if (key !== 'SEED_PHRASE' && !envContent.includes(`${key}=`)) {
|
||
newEnvContent += `${key}="${value}"\n`;
|
||
}
|
||
}
|
||
}
|
||
|
||
fs.writeFileSync('.env', newEnvContent);
|
||
console.log('✅ Values from .env.local have been written to .env');
|
||
}
|
||
}
|
||
} catch (error: unknown) {
|
||
console.log('Note: No .env.local file found');
|
||
}
|
||
}
|
||
|
||
async function checkRequiredEnvVars(): Promise<void> {
|
||
console.log('\n📝 Checking environment variables...');
|
||
console.log('Loading values from .env...');
|
||
|
||
await loadEnvLocal();
|
||
|
||
const requiredVars = [
|
||
{
|
||
name: 'NEXT_PUBLIC_MINI_APP_NAME',
|
||
message: 'Enter the name for your frame (e.g., My Cool Mini App):',
|
||
default: APP_NAME,
|
||
validate: (input: string) => input.trim() !== '' || 'Mini app name cannot be empty'
|
||
},
|
||
{
|
||
name: 'NEXT_PUBLIC_MINI_APP_BUTTON_TEXT',
|
||
message: 'Enter the text for your frame button:',
|
||
default: APP_BUTTON_TEXT ?? 'Launch Mini App',
|
||
validate: (input: string) => input.trim() !== '' || 'Button text cannot be empty'
|
||
}
|
||
];
|
||
|
||
const missingVars = requiredVars.filter(varConfig => !process.env[varConfig.name]);
|
||
|
||
if (missingVars.length > 0) {
|
||
console.log('\n⚠️ Some required information is missing. Let\'s set it up:');
|
||
for (const varConfig of missingVars) {
|
||
const { value } = await inquirer.prompt([
|
||
{
|
||
type: 'input',
|
||
name: 'value',
|
||
message: varConfig.message,
|
||
default: varConfig.default,
|
||
validate: varConfig.validate
|
||
}
|
||
]);
|
||
|
||
process.env[varConfig.name] = value;
|
||
|
||
const envContent = fs.existsSync('.env') ? fs.readFileSync('.env', 'utf8') : '';
|
||
|
||
if (!envContent.includes(`${varConfig.name}=`)) {
|
||
const newLine = envContent ? '\n' : '';
|
||
fs.appendFileSync('.env', `${newLine}${varConfig.name}="${value.trim()}"`);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
async function getGitRemote(): Promise<string | null> {
|
||
try {
|
||
const remoteUrl = execSync('git remote get-url origin', {
|
||
cwd: projectRoot,
|
||
encoding: 'utf8'
|
||
}).trim();
|
||
return remoteUrl;
|
||
} catch (error: unknown) {
|
||
if (error instanceof Error) {
|
||
return null;
|
||
}
|
||
throw error;
|
||
}
|
||
}
|
||
|
||
async function checkVercelCLI(): Promise<boolean> {
|
||
try {
|
||
execSync('vercel --version', {
|
||
stdio: 'ignore'
|
||
});
|
||
return true;
|
||
} catch (error: unknown) {
|
||
if (error instanceof Error) {
|
||
return false;
|
||
}
|
||
throw error;
|
||
}
|
||
}
|
||
|
||
async function installVercelCLI(): Promise<void> {
|
||
console.log('Installing Vercel CLI...');
|
||
execSync('npm install -g vercel', {
|
||
stdio: 'inherit'
|
||
});
|
||
}
|
||
|
||
async function getVercelToken(): Promise<string | null> {
|
||
try {
|
||
// Try to get token from Vercel CLI config
|
||
const configPath = path.join(os.homedir(), '.vercel', 'auth.json');
|
||
if (fs.existsSync(configPath)) {
|
||
const authConfig = JSON.parse(fs.readFileSync(configPath, 'utf8'));
|
||
return authConfig.token;
|
||
}
|
||
} catch (error: unknown) {
|
||
if (error instanceof Error) {
|
||
console.warn('Could not read Vercel token from config file');
|
||
}
|
||
}
|
||
|
||
// Try environment variable
|
||
if (process.env.VERCEL_TOKEN) {
|
||
return process.env.VERCEL_TOKEN;
|
||
}
|
||
|
||
// Try to extract from vercel whoami
|
||
try {
|
||
const whoamiOutput = execSync('vercel whoami', {
|
||
encoding: 'utf8',
|
||
stdio: 'pipe'
|
||
});
|
||
|
||
// If we can get whoami, we're logged in, but we need the actual token
|
||
// The token isn't directly exposed, so we'll need to use CLI for some operations
|
||
console.log('✅ Verified Vercel CLI authentication');
|
||
return null; // We'll fall back to CLI operations
|
||
} catch (error: unknown) {
|
||
if (error instanceof Error) {
|
||
throw new Error('Not logged in to Vercel CLI. Please run this script again to login.');
|
||
}
|
||
throw error;
|
||
}
|
||
}
|
||
|
||
async function loginToVercel(): Promise<boolean> {
|
||
console.log('\n🔑 Vercel Login');
|
||
console.log('You can either:');
|
||
console.log('1. Log in to an existing Vercel account');
|
||
console.log('2. Create a new Vercel account during login\n');
|
||
console.log('If creating a new account:');
|
||
console.log('1. Click "Continue with GitHub"');
|
||
console.log('2. Authorize GitHub access');
|
||
console.log('3. Complete the Vercel account setup in your browser');
|
||
console.log('4. Return here once your Vercel account is created\n');
|
||
console.log('\nNote: you may need to cancel this script with ctrl+c and run it again if creating a new vercel account');
|
||
|
||
const child = spawn('vercel', ['login'], {
|
||
stdio: 'inherit'
|
||
});
|
||
|
||
await new Promise<void>((resolve, reject) => {
|
||
child.on('close', (code) => {
|
||
resolve();
|
||
});
|
||
});
|
||
|
||
console.log('\n📱 Waiting for login to complete...');
|
||
console.log('If you\'re creating a new account, please complete the Vercel account setup in your browser first.');
|
||
|
||
for (let i = 0; i < 150; i++) {
|
||
try {
|
||
execSync('vercel whoami', { stdio: 'ignore' });
|
||
console.log('✅ Successfully logged in to Vercel!');
|
||
return true;
|
||
} catch (error: unknown) {
|
||
if (error instanceof Error && error.message.includes('Account not found')) {
|
||
console.log('ℹ️ Waiting for Vercel account setup to complete...');
|
||
}
|
||
await new Promise(resolve => setTimeout(resolve, 2000));
|
||
}
|
||
}
|
||
|
||
console.error('\n❌ Login timed out. Please ensure you have:');
|
||
console.error('1. Completed the Vercel account setup in your browser');
|
||
console.error('2. Authorized the GitHub integration');
|
||
console.error('Then try running this script again.');
|
||
return false;
|
||
}
|
||
|
||
async function setVercelEnvVarSDK(vercelClient: VercelSDKType, projectId: string, key: string, value: string | object): Promise<boolean> {
|
||
try {
|
||
let processedValue: string;
|
||
if (typeof value === 'object') {
|
||
processedValue = JSON.stringify(value);
|
||
} else {
|
||
processedValue = value.toString();
|
||
}
|
||
|
||
// Get existing environment variables
|
||
const existingVars = await vercelClient.projects.getEnvironmentVariables({
|
||
idOrName: projectId
|
||
});
|
||
|
||
const existingVar = existingVars.envs?.find((env: any) =>
|
||
env.key === key && env.target?.includes('production')
|
||
);
|
||
|
||
if (existingVar) {
|
||
// Update existing variable
|
||
await vercelClient.projects.editEnvironmentVariable({
|
||
idOrName: projectId,
|
||
id: existingVar.id,
|
||
requestBody: {
|
||
value: processedValue,
|
||
target: ['production']
|
||
}
|
||
});
|
||
console.log(`✅ Updated environment variable: ${key}`);
|
||
} else {
|
||
// Create new variable
|
||
await vercelClient.projects.createEnvironmentVariable({
|
||
idOrName: projectId,
|
||
requestBody: {
|
||
key: key,
|
||
value: processedValue,
|
||
type: 'encrypted',
|
||
target: ['production']
|
||
}
|
||
});
|
||
console.log(`✅ Created environment variable: ${key}`);
|
||
}
|
||
|
||
return true;
|
||
} catch (error: unknown) {
|
||
if (error instanceof Error) {
|
||
console.warn(`⚠️ Warning: Failed to set environment variable ${key}:`, error.message);
|
||
return false;
|
||
}
|
||
throw error;
|
||
}
|
||
}
|
||
|
||
async function setVercelEnvVarCLI(key: string, value: string | object, projectRoot: string): Promise<boolean> {
|
||
try {
|
||
// Remove existing env var
|
||
try {
|
||
execSync(`vercel env rm ${key} production -y`, {
|
||
cwd: projectRoot,
|
||
stdio: 'ignore',
|
||
env: process.env
|
||
});
|
||
} catch (error: unknown) {
|
||
// Ignore errors from removal
|
||
}
|
||
|
||
let processedValue: string;
|
||
if (typeof value === 'object') {
|
||
processedValue = JSON.stringify(value);
|
||
} else {
|
||
processedValue = value.toString();
|
||
}
|
||
|
||
// Create temporary file
|
||
const tempFilePath = path.join(projectRoot, `${key}_temp.txt`);
|
||
fs.writeFileSync(tempFilePath, processedValue, 'utf8');
|
||
|
||
// Use appropriate command based on platform
|
||
let command: string;
|
||
if (process.platform === 'win32') {
|
||
command = `type "${tempFilePath}" | vercel env add ${key} production`;
|
||
} else {
|
||
command = `cat "${tempFilePath}" | vercel env add ${key} production`;
|
||
}
|
||
|
||
execSync(command, {
|
||
cwd: projectRoot,
|
||
stdio: 'pipe', // Changed from 'inherit' to avoid interactive prompts
|
||
env: process.env
|
||
});
|
||
|
||
fs.unlinkSync(tempFilePath);
|
||
console.log(`✅ Set environment variable: ${key}`);
|
||
return true;
|
||
} catch (error: unknown) {
|
||
const tempFilePath = path.join(projectRoot, `${key}_temp.txt`);
|
||
if (fs.existsSync(tempFilePath)) {
|
||
fs.unlinkSync(tempFilePath);
|
||
}
|
||
if (error instanceof Error) {
|
||
console.warn(`⚠️ Warning: Failed to set environment variable ${key}:`, error.message);
|
||
return false;
|
||
}
|
||
throw error;
|
||
}
|
||
}
|
||
|
||
async function setEnvironmentVariables(vercelClient: VercelSDKType | null, projectId: string | null, envVars: Record<string, string | object>, projectRoot: string): Promise<Array<{ key: string; success: boolean }>> {
|
||
console.log('\n📝 Setting up environment variables...');
|
||
|
||
const results: Array<{ key: string; success: boolean }> = [];
|
||
|
||
for (const [key, value] of Object.entries(envVars)) {
|
||
if (!value) continue;
|
||
|
||
let success = false;
|
||
|
||
// Try SDK approach first if we have a Vercel client
|
||
if (vercelClient && projectId) {
|
||
success = await setVercelEnvVarSDK(vercelClient, projectId, key, value);
|
||
}
|
||
|
||
// Fallback to CLI approach
|
||
if (!success) {
|
||
success = await setVercelEnvVarCLI(key, value, projectRoot);
|
||
}
|
||
|
||
results.push({ key, success });
|
||
}
|
||
|
||
// Report results
|
||
const failed = results.filter(r => !r.success);
|
||
if (failed.length > 0) {
|
||
console.warn(`\n⚠️ Failed to set ${failed.length} environment variables:`);
|
||
failed.forEach(r => console.warn(` - ${r.key}`));
|
||
console.warn('\nYou may need to set these manually in the Vercel dashboard.');
|
||
}
|
||
|
||
return results;
|
||
}
|
||
|
||
async function waitForDeployment(vercelClient: VercelSDKType | null, projectId: string, maxWaitTime = 300000): Promise<any> { // 5 minutes
|
||
console.log('\n⏳ Waiting for deployment to complete...');
|
||
const startTime = Date.now();
|
||
|
||
while (Date.now() - startTime < maxWaitTime) {
|
||
try {
|
||
const deployments = await vercelClient?.deployments.list({
|
||
projectId: projectId,
|
||
limit: 1
|
||
});
|
||
|
||
if (deployments?.deployments?.[0]) {
|
||
const deployment = deployments.deployments[0];
|
||
console.log(`📊 Deployment status: ${deployment.state}`);
|
||
|
||
if (deployment.state === 'READY') {
|
||
console.log('✅ Deployment completed successfully!');
|
||
return deployment;
|
||
} else if (deployment.state === 'ERROR') {
|
||
throw new Error(`Deployment failed with state: ${deployment.state}`);
|
||
} else if (deployment.state === 'CANCELED') {
|
||
throw new Error('Deployment was canceled');
|
||
}
|
||
|
||
// Still building, wait and check again
|
||
await new Promise(resolve => setTimeout(resolve, 5000)); // Wait 5 seconds
|
||
} else {
|
||
console.log('⏳ No deployment found yet, waiting...');
|
||
await new Promise(resolve => setTimeout(resolve, 5000));
|
||
}
|
||
} catch (error: unknown) {
|
||
if (error instanceof Error) {
|
||
console.warn('⚠️ Could not check deployment status:', error.message);
|
||
await new Promise(resolve => setTimeout(resolve, 5000));
|
||
}
|
||
throw error;
|
||
}
|
||
}
|
||
|
||
throw new Error('Deployment timed out after 5 minutes');
|
||
}
|
||
|
||
async function deployToVercel(useGitHub = false): Promise<void> {
|
||
try {
|
||
console.log('\n🚀 Deploying to Vercel...');
|
||
|
||
// Ensure vercel.json exists
|
||
const vercelConfigPath = path.join(projectRoot, 'vercel.json');
|
||
if (!fs.existsSync(vercelConfigPath)) {
|
||
console.log('📝 Creating vercel.json configuration...');
|
||
fs.writeFileSync(vercelConfigPath, JSON.stringify({
|
||
buildCommand: "next build",
|
||
framework: "nextjs"
|
||
}, null, 2));
|
||
}
|
||
|
||
// Set up Vercel project
|
||
console.log('\n📦 Setting up Vercel project...');
|
||
console.log('An initial deployment is required to get an assigned domain that can be used in the mini app manifest\n');
|
||
console.log('\n⚠️ Note: choosing a longer, more unique project name will help avoid conflicts with other existing domains\n');
|
||
|
||
// Use spawn instead of execSync for better error handling
|
||
const { spawn } = await import('child_process');
|
||
const vercelSetup = spawn('vercel', [], {
|
||
cwd: projectRoot,
|
||
stdio: 'inherit',
|
||
shell: process.platform === 'win32' ? true : undefined
|
||
});
|
||
|
||
await new Promise<void>((resolve, reject) => {
|
||
vercelSetup.on('close', (code) => {
|
||
if (code === 0 || code === null) {
|
||
console.log('✅ Vercel project setup completed');
|
||
resolve();
|
||
} else {
|
||
console.log('⚠️ Vercel setup command completed (this is normal)');
|
||
resolve(); // Don't reject, as this is often expected
|
||
}
|
||
});
|
||
|
||
vercelSetup.on('error', (error) => {
|
||
console.log('⚠️ Vercel setup command completed (this is normal)');
|
||
resolve(); // Don't reject, as this is often expected
|
||
});
|
||
});
|
||
|
||
// Wait a moment for project files to be written
|
||
await new Promise(resolve => setTimeout(resolve, 2000));
|
||
|
||
// Load project info
|
||
let projectId: string;
|
||
try {
|
||
const projectJson = JSON.parse(fs.readFileSync('.vercel/project.json', 'utf8'));
|
||
projectId = projectJson.projectId;
|
||
} catch (error: unknown) {
|
||
if (error instanceof Error) {
|
||
throw new Error('Failed to load project info. Please ensure the Vercel project was created successfully.');
|
||
}
|
||
throw error;
|
||
}
|
||
|
||
// Get Vercel token and initialize SDK client
|
||
let vercelClient: VercelSDKType | null = null;
|
||
try {
|
||
const token = await getVercelToken();
|
||
if (token) {
|
||
vercelClient = new VercelSDKType({
|
||
bearerToken: token
|
||
});
|
||
console.log('✅ Initialized Vercel SDK client');
|
||
}
|
||
} catch (error: unknown) {
|
||
if (error instanceof Error) {
|
||
console.warn('⚠️ Could not initialize Vercel SDK, falling back to CLI operations');
|
||
}
|
||
throw error;
|
||
}
|
||
|
||
// Get project details
|
||
console.log('\n🔍 Getting project details...');
|
||
let domain: string | undefined;
|
||
let projectName: string | undefined;
|
||
|
||
if (vercelClient) {
|
||
try {
|
||
const project = await vercelClient.projects.get({
|
||
idOrName: projectId
|
||
});
|
||
projectName = project.name;
|
||
domain = `${projectName}.vercel.app`;
|
||
console.log('🌐 Using project name for domain:', domain);
|
||
} catch (error: unknown) {
|
||
if (error instanceof Error) {
|
||
console.warn('⚠️ Could not get project details via SDK, using CLI fallback');
|
||
}
|
||
throw error;
|
||
}
|
||
}
|
||
|
||
// Fallback to CLI method if SDK failed
|
||
if (!domain) {
|
||
try {
|
||
const inspectOutput = execSync(`vercel project inspect ${projectId} 2>&1`, {
|
||
cwd: projectRoot,
|
||
encoding: 'utf8'
|
||
});
|
||
|
||
const nameMatch = inspectOutput.match(/Name\s+([^\n]+)/);
|
||
if (nameMatch) {
|
||
projectName = nameMatch[1].trim();
|
||
domain = `${projectName}.vercel.app`;
|
||
console.log('🌐 Using project name for domain:', domain);
|
||
} else {
|
||
const altMatch = inspectOutput.match(/Found Project [^/]+\/([^\n]+)/);
|
||
if (altMatch) {
|
||
projectName = altMatch[1].trim();
|
||
domain = `${projectName}.vercel.app`;
|
||
console.log('🌐 Using project name for domain:', domain);
|
||
} else {
|
||
console.warn('⚠️ Could not determine project name from inspection, using fallback');
|
||
// Use a fallback domain based on project ID
|
||
domain = `project-${projectId.slice(-8)}.vercel.app`;
|
||
console.log('🌐 Using fallback domain:', domain);
|
||
}
|
||
}
|
||
} catch (error: unknown) {
|
||
if (error instanceof Error) {
|
||
console.warn('⚠️ Could not inspect project, using fallback domain');
|
||
// Use a fallback domain based on project ID
|
||
domain = `project-${projectId.slice(-8)}.vercel.app`;
|
||
console.log('🌐 Using fallback domain:', domain);
|
||
}
|
||
throw error;
|
||
}
|
||
}
|
||
|
||
// Prepare environment variables
|
||
const nextAuthSecret = process.env.NEXTAUTH_SECRET || crypto.randomBytes(32).toString('hex');
|
||
const vercelEnv = {
|
||
NEXTAUTH_SECRET: nextAuthSecret,
|
||
AUTH_SECRET: nextAuthSecret,
|
||
NEXTAUTH_URL: `https://${domain}`,
|
||
NEXT_PUBLIC_URL: `https://${domain}`,
|
||
|
||
...(process.env.NEYNAR_API_KEY && { NEYNAR_API_KEY: process.env.NEYNAR_API_KEY }),
|
||
...(process.env.NEYNAR_CLIENT_ID && { NEYNAR_CLIENT_ID: process.env.NEYNAR_CLIENT_ID }),
|
||
|
||
...Object.fromEntries(
|
||
Object.entries(process.env)
|
||
.filter(([key]) => key.startsWith('NEXT_PUBLIC_'))
|
||
)
|
||
};
|
||
|
||
// Set environment variables
|
||
await setEnvironmentVariables(vercelClient, projectId, vercelEnv, projectRoot);
|
||
|
||
// Deploy the project
|
||
if (useGitHub) {
|
||
console.log('\nSetting up GitHub integration...');
|
||
execSync('vercel link', {
|
||
cwd: projectRoot,
|
||
stdio: 'inherit',
|
||
env: process.env
|
||
});
|
||
console.log('\n📦 Deploying with GitHub integration...');
|
||
} else {
|
||
console.log('\n📦 Deploying local code directly...');
|
||
}
|
||
|
||
// Use spawn for better control over the deployment process
|
||
const vercelDeploy = spawn('vercel', ['deploy', '--prod'], {
|
||
cwd: projectRoot,
|
||
stdio: 'inherit',
|
||
env: process.env
|
||
});
|
||
|
||
await new Promise<void>((resolve, reject) => {
|
||
vercelDeploy.on('close', (code) => {
|
||
if (code === 0) {
|
||
console.log('✅ Vercel deployment command completed');
|
||
resolve();
|
||
} else {
|
||
console.error(`❌ Vercel deployment failed with code: ${code}`);
|
||
reject(new Error(`Vercel deployment failed with exit code: ${code}`));
|
||
}
|
||
});
|
||
|
||
vercelDeploy.on('error', (error) => {
|
||
console.error('❌ Vercel deployment error:', error.message);
|
||
reject(error);
|
||
});
|
||
});
|
||
|
||
// Wait for deployment to actually complete
|
||
let deployment: any;
|
||
if (vercelClient) {
|
||
try {
|
||
deployment = await waitForDeployment(vercelClient, projectId);
|
||
} catch (error: unknown) {
|
||
if (error instanceof Error) {
|
||
console.warn('⚠️ Could not verify deployment completion:', error.message);
|
||
console.log('ℹ️ Proceeding with domain verification...');
|
||
}
|
||
throw error;
|
||
}
|
||
}
|
||
|
||
// Verify actual domain after deployment
|
||
console.log('\n🔍 Verifying deployment domain...');
|
||
|
||
let actualDomain = domain;
|
||
if (vercelClient && deployment) {
|
||
try {
|
||
actualDomain = deployment.url || domain;
|
||
console.log('🌐 Verified actual domain:', actualDomain);
|
||
} catch (error: unknown) {
|
||
if (error instanceof Error) {
|
||
console.warn('⚠️ Could not verify domain via SDK, using assumed domain');
|
||
}
|
||
throw error;
|
||
}
|
||
}
|
||
|
||
// Update environment variables if domain changed
|
||
if (actualDomain !== domain) {
|
||
console.log('🔄 Updating environment variables with correct domain...');
|
||
|
||
const updatedEnv: Record<string, string | object> = {
|
||
NEXTAUTH_URL: `https://${actualDomain}`,
|
||
NEXT_PUBLIC_URL: `https://${actualDomain}`
|
||
};
|
||
|
||
await setEnvironmentVariables(vercelClient, projectId, updatedEnv, projectRoot);
|
||
|
||
console.log('\n📦 Redeploying with correct domain...');
|
||
const vercelRedeploy = spawn('vercel', ['deploy', '--prod'], {
|
||
cwd: projectRoot,
|
||
stdio: 'inherit',
|
||
env: process.env
|
||
});
|
||
|
||
await new Promise<void>((resolve, reject) => {
|
||
vercelRedeploy.on('close', (code) => {
|
||
if (code === 0) {
|
||
console.log('✅ Redeployment completed');
|
||
resolve();
|
||
} else {
|
||
console.error(`❌ Redeployment failed with code: ${code}`);
|
||
reject(new Error(`Redeployment failed with exit code: ${code}`));
|
||
}
|
||
});
|
||
|
||
vercelRedeploy.on('error', (error) => {
|
||
console.error('❌ Redeployment error:', error.message);
|
||
reject(error);
|
||
});
|
||
});
|
||
|
||
domain = actualDomain;
|
||
}
|
||
|
||
console.log('\n✨ Deployment complete! Your mini app is now live at:');
|
||
console.log(`🌐 https://${domain}`);
|
||
console.log('\n📝 You can manage your project at https://vercel.com/dashboard');
|
||
|
||
// Prompt user to sign manifest in browser and paste accountAssociation
|
||
console.log(`\n⚠️ To complete your mini app manifest, you must sign it using the Farcaster developer portal.`);
|
||
console.log('1. Go to: https://farcaster.xyz/~/developers/mini-apps/manifest?domain=' + domain);
|
||
console.log('2. Click "Transfer Ownership" and follow the instructions to sign the manifest.');
|
||
console.log('3. Copy the resulting accountAssociation JSON from the browser.');
|
||
console.log('4. Paste it below when prompted.');
|
||
|
||
const { userAccountAssociation } = await inquirer.prompt([
|
||
{
|
||
type: 'editor',
|
||
name: 'userAccountAssociation',
|
||
message: 'Paste the accountAssociation JSON here:',
|
||
validate: (input: string) => {
|
||
try {
|
||
const parsed = JSON.parse(input);
|
||
if (parsed.header && parsed.payload && parsed.signature) {
|
||
return true;
|
||
}
|
||
return 'Invalid accountAssociation: must have header, payload, and signature';
|
||
} catch (e) {
|
||
return 'Invalid JSON';
|
||
}
|
||
}
|
||
}
|
||
]);
|
||
const parsedAccountAssociation = JSON.parse(userAccountAssociation);
|
||
|
||
// Write APP_ACCOUNT_ASSOCIATION to src/lib/constants.ts
|
||
const constantsPath = path.join(projectRoot, 'src', 'lib', 'constants.ts');
|
||
let constantsContent = fs.readFileSync(constantsPath, 'utf8');
|
||
|
||
// Replace the APP_ACCOUNT_ASSOCIATION line using a robust, anchored, multiline regex
|
||
const newAccountAssociation = `export const APP_ACCOUNT_ASSOCIATION: AccountAssociation | undefined = ${JSON.stringify(parsedAccountAssociation, null, 2)};`;
|
||
constantsContent = constantsContent.replace(
|
||
/^export const APP_ACCOUNT_ASSOCIATION\s*:\s*AccountAssociation \| undefined\s*=\s*[^;]*;/m,
|
||
newAccountAssociation
|
||
);
|
||
fs.writeFileSync(constantsPath, constantsContent);
|
||
console.log('\n✅ APP_ACCOUNT_ASSOCIATION updated in src/lib/constants.ts');
|
||
|
||
} catch (error: unknown) {
|
||
if (error instanceof Error) {
|
||
console.error('\n❌ Deployment failed:', error.message);
|
||
process.exit(1);
|
||
}
|
||
throw error;
|
||
}
|
||
}
|
||
|
||
async function main(): Promise<void> {
|
||
try {
|
||
console.log('🚀 Vercel Mini App Deployment (SDK Edition)');
|
||
console.log('This script will deploy your mini app to Vercel using the Vercel SDK.');
|
||
console.log('\nThe script will:');
|
||
console.log('1. Check for required environment variables');
|
||
console.log('2. Set up a Vercel project (new or existing)');
|
||
console.log('3. Configure environment variables in Vercel using SDK');
|
||
console.log('4. Deploy and build your mini app\n');
|
||
|
||
// Check if @vercel/sdk is installed
|
||
try {
|
||
await import('@vercel/sdk');
|
||
} catch (error: unknown) {
|
||
if (error instanceof Error) {
|
||
console.log('📦 Installing @vercel/sdk...');
|
||
execSync('npm install @vercel/sdk', {
|
||
cwd: projectRoot,
|
||
stdio: 'inherit'
|
||
});
|
||
console.log('✅ @vercel/sdk installed successfully');
|
||
}
|
||
throw error;
|
||
}
|
||
|
||
await checkRequiredEnvVars();
|
||
|
||
const remoteUrl = await getGitRemote();
|
||
let useGitHub = false;
|
||
|
||
if (remoteUrl) {
|
||
console.log('\n📦 Found GitHub repository:', remoteUrl);
|
||
const { useGitHubDeploy } = await inquirer.prompt([
|
||
{
|
||
type: 'confirm',
|
||
name: 'useGitHubDeploy',
|
||
message: 'Would you like to deploy from the GitHub repository?',
|
||
default: true
|
||
}
|
||
]);
|
||
useGitHub = useGitHubDeploy;
|
||
} else {
|
||
console.log('\n⚠️ No GitHub repository found.');
|
||
const { action } = await inquirer.prompt([
|
||
{
|
||
type: 'list',
|
||
name: 'action',
|
||
message: 'What would you like to do?',
|
||
choices: [
|
||
{ name: 'Deploy local code directly', value: 'deploy' },
|
||
{ name: 'Set up GitHub repository first', value: 'setup' }
|
||
],
|
||
default: 'deploy'
|
||
}
|
||
]);
|
||
|
||
if (action === 'setup') {
|
||
console.log('\n👋 Please set up your GitHub repository first:');
|
||
console.log('1. Create a new repository on GitHub');
|
||
console.log('2. Run these commands:');
|
||
console.log(' git remote add origin <your-repo-url>');
|
||
console.log(' git push -u origin main');
|
||
console.log('\nThen run this script again to deploy.');
|
||
process.exit(0);
|
||
}
|
||
}
|
||
|
||
if (!await checkVercelCLI()) {
|
||
console.log('Vercel CLI not found. Installing...');
|
||
await installVercelCLI();
|
||
}
|
||
|
||
if (!await loginToVercel()) {
|
||
console.error('\n❌ Failed to log in to Vercel. Please try again.');
|
||
process.exit(1);
|
||
}
|
||
|
||
await deployToVercel(useGitHub);
|
||
|
||
} catch (error: unknown) {
|
||
if (error instanceof Error) {
|
||
console.error('\n❌ Error:', error.message);
|
||
process.exit(1);
|
||
}
|
||
throw error;
|
||
}
|
||
}
|
||
|
||
main(); |