mirror of
https://github.com/neynarxyz/create-farcaster-mini-app.git
synced 2025-11-16 16:18:55 -05:00
75 lines
2.8 KiB
JavaScript
75 lines
2.8 KiB
JavaScript
import localtunnel from 'localtunnel';
|
|
import { spawn } from 'child_process';
|
|
|
|
let tunnel;
|
|
let nextDev;
|
|
let isCleaningUp = false;
|
|
|
|
async function startDev() {
|
|
// Start localtunnel and get URL
|
|
tunnel = await localtunnel({ port: 3000 });
|
|
let ip;
|
|
try {
|
|
ip = await fetch('https://ipv4.icanhazip.com').then(res => res.text()).then(ip => ip.trim());
|
|
} catch (error) {
|
|
console.error('Error getting IP address:', error);
|
|
}
|
|
|
|
console.log(`
|
|
🌐 Local tunnel URL: ${tunnel.url}
|
|
|
|
💻 To test on desktop:
|
|
1. Open the localtunnel URL in your browser: ${tunnel.url}
|
|
2. Enter your IP address in the password field${ip ? `: ${ip}` : ''}
|
|
3. Click "Click to Submit" -- your frame should now load
|
|
4. Navigate to the Warpcast Frame Developer Tools: https://warpcast.com/~/developers/frames
|
|
5. Enter your frame URL: ${tunnel.url}
|
|
6. Click "Preview" to launch your frame within Warpcast
|
|
|
|
⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️
|
|
⚠️ You will not be able to load your frame in Warpcast until ⚠️
|
|
⚠️ you submit your IP address in the localtunnel password field ⚠️
|
|
⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️
|
|
|
|
📱 To test in Warpcast mobile app:
|
|
1. Open Warpcast on your phone
|
|
2. Go to Settings > Developer > Frames
|
|
4. Enter this URL: ${tunnel.url}
|
|
5. Click "Launch" (note that it may take ~10 seconds to load)
|
|
`);
|
|
|
|
// Start next dev with the tunnel URL as relevant environment variables
|
|
nextDev = spawn('next', ['dev'], {
|
|
stdio: 'inherit',
|
|
env: { ...process.env, NEXT_PUBLIC_URL: tunnel.url, NEXTAUTH_URL: tunnel.url }
|
|
});
|
|
|
|
// Handle cleanup
|
|
const cleanup = async () => {
|
|
if (isCleaningUp) return;
|
|
isCleaningUp = true;
|
|
|
|
try {
|
|
if (nextDev) {
|
|
nextDev.kill();
|
|
console.log('\n🛑 Next.js dev server stopped');
|
|
}
|
|
|
|
if (tunnel) {
|
|
await tunnel.close();
|
|
console.log('\n🌐 Tunnel closed');
|
|
}
|
|
} catch (error) {
|
|
console.error('Error during cleanup:', error);
|
|
} finally {
|
|
process.exit(0);
|
|
}
|
|
};
|
|
|
|
// Handle process termination
|
|
process.on('SIGINT', cleanup);
|
|
process.on('SIGTERM', cleanup);
|
|
tunnel.on('close', cleanup);
|
|
}
|
|
|
|
startDev().catch(console.error);
|