${videosHtml}

`;\n }\n \n createVideoCard(video, rank) {\n const publishedDate = new Date(video.publishedAt).toLocaleDateString();\n const viewCount = this.formatViewCount(video.viewCount);\n const duration = this.formatDuration(video.duration);\n \n return `\n

${rank}

${this.escapeHtml(video.title)}

📺 ${this.escapeHtml(video.channelTitle)}

\n 📅 ${publishedDate}\n ${viewCount ? `👁️ ${viewCount} views` : ''}\n ${duration ? `${duration}` : ''}\n

\n $\"${this.escapeHtml(video.title)}\"$ \n \n

\n \n

Description

${this.escapeHtml(video.description || 'No description available.')}

\n \n \n Watch on YouTube\n \n

\n `;\n }\n \n formatViewCount(viewCount) {\n if (!viewCount) return null;\n const count = parseInt(viewCount);\n if (count >= 1000000) return (count / 1000000).toFixed(1) + 'M';\n if (count >= 1000) return (count / 1000).toFixed(1) + 'K';\n return count.toLocaleString();\n }\n \n formatDuration(duration) {\n if (!duration) return null;\n const match = duration.match(/PT(?:(\\d+)H)?(?:(\\d+)M)?(?:(\\d+)S)?/);\n if (!match) return null;\n const hours = parseInt(match[1]) || 0;\n const minutes = parseInt(match[2]) || 0;\n const seconds = parseInt(match[3]) || 0;\n if (hours > 0) {\n return `${hours}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;\n } else {\n return `${minutes}:${seconds.toString().padStart(2, '0')}`;\n }\n }\n \n escapeHtml(text) {\n const div = document.createElement('div');\n div.textContent = text;\n return div.innerHTML;\n }\n}\n\ndocument.addEventListener('DOMContentLoaded', () => {\n new VideoDiscoveryApp();\n});",[],[182,189],{"_103":198,"_95":199,"_152":200,"_154":183,"_155":137,"_156":201,"_158":159,"_105":202,"_100":203,"_161":204,"_163":205,"_164":22,"_165":-5,"_166":206,"_98":207},"c7cb100e-9355-11f0-9c69-0224a6c84d84","index.html","cf642d68-933d-11f0-9ce7-0224a6c84d84",31,["D",1758065708184],5,"file","\n\n\n \n \n YouTube Video Discovery\n \n \n \n\n\n

\n \n

\n YouTube Video Discovery\n

\n Discover the top 10 videos in any niche\n

\n\n \n

\n \n

\n\n \n

Searching for videos...

\n\n \n

\n ⚠️\n

Error

\n\n \n

\n \n

\n\n \n

🔧 YouTube API Setup Guide

\n \n \n

🧪 Test Your API Key

\n \n \n

\n \n

Step 1: Create API Key

Go to Google Cloud Console
Create a new project or select an existing one
Go to \"APIs & Services\" → \"Library\"
Search for and enable \"YouTube Data API v3\"
Go to \"APIs & Services\" → \"Credentials\"
Click \"Create Credentials\" → \"API Key\"
Copy your API key

\n\n

Step 2: Configure API Key

In Val Town, go to your environment variables
Add a new variable named: YOUTUBE_API_KEY
Paste your API key as the value
Save the environment variable

\n\n

🔍 Troubleshooting Common Issues

\n API Key Invalid Error:\n

Double-check your API key is copied correctly (no extra spaces)
Ensure YouTube Data API v3 is enabled in Google Cloud Console
Wait a few minutes after creating the key for it to activate
Try removing all API restrictions temporarily

\n Quota Exceeded Error:\n

YouTube API has daily quotas (10,000 units/day for free tier)
Each search uses ~100 units, so you can do ~100 searches per day
Reset happens at midnight Pacific Time

\n\n

\n 💡 Good news: The YouTube Data API is completely free for personal use with generous daily quotas!\n

\n\n \n\n",[],[182,199],{"_103":209,"_95":210,"_152":211,"_154":183,"_155":137,"_156":212,"_158":159,"_105":213,"_100":32,"_161":204,"_163":214,"_164":22,"_165":-5,"_166":215,"_98":216},"d6962762-933d-11f0-bc59-0224a6c84d84","style.css","d6962816-933d-11f0-bc59-0224a6c84d84",4,["D",1758055425085],"/* Custom styles for YouTube Video Discovery */\n\n.video-card {\n transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\n}\n\n.video-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n}\n\n.video-thumbnail {\n aspect-ratio: 16/9;\n object-fit: cover;\n border-radius: 8px;\n}\n\n.video-title {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n line-height: 1.4;\n}\n\n.video-description {\n display: -webkit-box;\n -webkit-line-clamp: 4;\n -webkit-box-orient: vertical;\n overflow: hidden;\n line-height: 1.5;\n}\n\n.video-meta {\n font-size: 0.875rem;\n color: #6b7280;\n}\n\n.duration-badge {\n background: rgba(0, 0, 0, 0.8);\n color: white;\n padding: 2px 6px;\n border-radius: 4px;\n font-size: 0.75rem;\n font-weight: 500;\n}\n\n.view-count {\n color: #6b7280;\n font-size: 0.875rem;\n}\n\n/* Responsive grid for video cards */\n@media (min-width: 768px) {\n .video-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.5rem;\n align-items: start;\n }\n}\n\n@media (min-width: 1024px) {\n .video-grid {\n gap: 2rem;\n }\n}\n\n/* Loading animation */\n@keyframes pulse {\n 0%, 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.5;\n }\n}\n\n.loading-skeleton {\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n background-color: #e5e7eb;\n border-radius: 0.375rem;\n}\n\n/* Custom scrollbar for descriptions */\n.video-description::-webkit-scrollbar {\n width: 4px;\n}\n\n.video-description::-webkit-scrollbar-track {\n background: #f1f5f9;\n border-radius: 2px;\n}\n\n.video-description::-webkit-scrollbar-thumb {\n background: #cbd5e1;\n border-radius: 2px;\n}\n\n.video-description::-webkit-scrollbar-thumb:hover {\n background: #94a3b8;\n}",[],[182,210],[182],{"_103":219,"_95":220,"_152":221,"_154":-5,"_155":137,"_156":222,"_158":159,"_105":223,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":224,"_98":225},"2f3c4434-933c-11f0-a42b-0224a6c84d84","posts","0199543a-0dbd-72af-9f9b-301cd55743ee",1,["D",1758054714725],[],[220],{"_103":227,"_95":228,"_152":229,"_154":-5,"_155":137,"_156":230,"_158":159,"_105":231,"_100":157,"_161":204,"_163":232,"_164":22,"_165":-5,"_166":233,"_98":234},"7c151b6c-9357-11f0-9a5b-0224a6c84d84","README.md","0199543a-0dbd-72af-9f9b-38bc90047de9",47,["D",1758066440154],"# 🎯 Advanced Niche Selector with Multi-Ad Management\n\nA complete standalone HTML application for niche selection with advanced advertising capabilities, analytics, and rotation features.\n\n## ✨ Features\n\n### 🎯 Niche Selection\n- **15 Popular Niches** with relevant sub-categories\n- **Custom Sub-Niche** input for specific targeting\n- **Dynamic Dropdowns** that populate based on main niche selection\n\n### 📢 Advanced Advertisement System\n- **Multiple Ad Slots** (up to 5 ads)\n- **Ad Rotation** with customizable intervals (5-60 seconds)\n- **Weighted Distribution** (1-10 weight per ad)\n- **Click Tracking** with analytics\n- **Live Preview** for each ad slot\n\n### 📊 Analytics & Tracking\n- **Real-time Analytics** dashboard\n- **Click-through Rate** calculations\n- **Per-ad Performance** metrics\n- **External Analytics** integration (Google Analytics support)\n- **Impression Tracking** with rotation counters\n\n### 🎨 Professional Layout\n- **Custom Header** support via URL\n- **Two-column Layout** (videos left, descriptions right)\n- **Responsive Design** for all devices\n- **Interactive Elements** with hover effects\n- **Error Handling** for failed images/URLs\n\n## 🚀 Deployment\n\nThis is a **100% standalone HTML file** that can be deployed anywhere:\n\n### Quick Deploy Options:\n- **GitHub Pages**: Upload to any GitHub repo\n- **Netlify**: Drag & drop the HTML file\n- **Vercel**: Deploy directly from file\n- **Any Web Host**: Upload via FTP/cPanel\n- **CDN**: Host on any static file service\n\n### No Dependencies Required:\n- ✅ Self-contained HTML file\n- ✅ Uses CDN resources (TailwindCSS)\n- ✅ No server-side requirements\n- ✅ Works offline (except for external resources)\n\n## 📋 Usage Guide\n\n### 1. Basic Setup\n1. Select your **main niche** from the dropdown\n2. Choose a **sub-niche** or enter a custom one\n3. Optionally add a **custom header URL**\n4. Click \"Analyze Niche\" to see results\n\n### 2. Advertisement Configuration\n1. **Add Multiple Ads**: Use \"Add Another Ad Slot\" (up to 5)\n2. **Configure Each Ad**:\n - Image URL (banner/display image)\n - Click URL (landing page)\n - Title (headline text)\n - Weight (1-10, higher = more frequent)\n3. **Enable Rotation**: Check the rotation option\n4. **Set Interval**: Choose rotation speed (5-60 seconds)\n5. **Analytics ID**: Add tracking ID for external analytics\n\n### 3. Advanced Features\n- **Live Preview**: See ads as you configure them\n- **Analytics Dashboard**: Monitor performance in real-time\n- **Click Tracking**: Automatic click and impression tracking\n- **Error Handling**: Graceful fallbacks for broken images\n- **Responsive Layout**: Works on desktop, tablet, and mobile\n\n## 🔧 Customization\n\n### Header Customization\nSupply any URL that returns HTML content:\n```\nhttps://yoursite.com/custom-header.html\nhttps://api.yoursite.com/generate-header\nhttps://cdn.example.com/headers/analysis.html\n```\n\n### Analytics Integration\nAdd your tracking ID to enable external analytics:\n- Google Analytics: `GA-XXXXXXX`\n- Custom tracking: Any identifier\n- Automatic event tracking for impressions and clicks\n\n### Ad Configuration Examples\n\n**Banner Ad:**\n- Image: `https://example.com/banner.jpg`\n- Click: `https://yoursite.com/special-offer`\n- Title: `\"Learn Advanced Techniques - 50% Off!\"`\n- Weight: `8` (high frequency)\n\n**Text Ad:**\n- Title: `\"Boost Your Skills Today\"`\n- Click: `https://courses.example.com`\n- Weight: `5` (medium frequency)\n\n**Affiliate Link:**\n- Click: `https://affiliate-link.com/product`\n- Weight: `3` (low frequency)\n\n## 📊 Analytics Features\n\n### Real-time Metrics:\n- **Total Impressions**: How many times ads were shown\n- **Total Clicks**: How many times ads were clicked\n- **Click-through Rate**: Percentage of impressions that resulted in clicks\n- **Per-ad Performance**: Individual statistics for each ad\n- **Rotation Counter**: How many times ads have rotated\n\n### Data Export:\nAll analytics data is logged to browser console and can be:\n- Exported to external analytics services\n- Saved to local storage\n- Sent to your own tracking endpoints\n\n## 🛠️ Technical Details\n\n### Built With:\n- **Pure HTML/CSS/JavaScript** - No frameworks required\n- **TailwindCSS** - Via CDN for styling\n- **Responsive Design** - Mobile-first approach\n- **Modern ES6+** - Clean, maintainable code\n\n### Browser Support:\n- ✅ Chrome/Edge (latest)\n- ✅ Firefox (latest)\n- ✅ Safari (latest)\n- ✅ Mobile browsers\n\n### Performance:\n- **Lightweight**: Single HTML file under 50KB\n- **Fast Loading**: CDN resources with caching\n- **Efficient**: Minimal DOM manipulation\n- **Scalable**: Handles up to 5 ads with rotation\n\n## 🔒 Security Features\n\n- **Safe External Links**: `noopener noreferrer` attributes\n- **Input Validation**: URL validation for all inputs\n- **XSS Protection**: Proper HTML escaping\n- **Error Boundaries**: Graceful error handling\n\n## 📝 License\n\nThis is a standalone application that can be used, modified, and distributed freely.\n\n## 🆘 Support\n\nFor issues or questions:\n1. Check browser console for error messages\n2. Verify all URLs are accessible and return valid content\n3. Test with different ad configurations\n4. Monitor analytics panel for tracking data\n\n---\n\n**Ready to deploy anywhere! 🚀**\n\nJust upload the `index.html` file to any web hosting service and start using your advanced niche selector with multi-ad management system.",[],[228],{"_103":236,"_95":237,"_152":238,"_154":-5,"_155":137,"_156":239,"_158":159,"_105":240,"_100":184,"_161":204,"_163":241,"_164":22,"_165":-5,"_166":242,"_98":243},"428582e0-9359-11f0-9d48-0224a6c84d84","VERSION-COMPARISON.md","9361fa14-9358-11f0-a793-0224a6c84d84",55,["D",1758067202576],"# 🎯 Niche Selector - Version Comparison\n\n## 📋 Two Powerful Versions Available\n\n### 🆓 **Free Version** (`free-version.html`)\n**Perfect for trying out the tool**\n\n#### ✅ **What's Included:**\n- **One analysis per session** - refresh page for new analysis\n- **Basic niche selection** with 15+ categories and sub-niches\n- **Single advertisement slot** with image, URL, and title\n- **Professional layout** with video results display\n- **Full 10 video analysis** - we're generous! 😄\n- **Responsive design** for all devices\n- **Upgrade prompts** to premium features\n\n#### 🚫 **Limitations:**\n- Only 1 analysis per browser session\n- Single ad slot (no rotation)\n- No analytics or click tracking\n- No custom header support\n- No advanced ad features\n\n#### 💰 **Pricing:** **FREE**\n\n---\n\n### 💎 **Premium Version** (`premium-version.html`)\n**Full-featured professional tool**\n\n#### ✅ **What's Included:**\n- **1 page creation per week** with automatic reset\n- **Multiple ad slots** (up to 5 ads)\n- **Advanced ad rotation** with weighted distribution\n- **Real-time analytics** with click tracking\n- **Custom header support** via URL\n- **Professional dashboard** with usage tracking\n- **Page management** - view and delete previous pages\n- **External analytics** integration (Google Analytics)\n- **Premium support** and priority features\n\n#### 🎯 **Advanced Features:**\n- **Weekly Usage Tracking** - 1 page per week limit\n- **Ad Rotation System** - 5-60 second intervals\n- **Weighted Distribution** - 1-10 weight per ad\n- **Click Analytics** - Real-time performance metrics\n- **Page History** - View all previously created pages\n- **Usage Dashboard** - Track pages, ads, and limits\n- **Auto-Reset** - Weekly limits reset automatically\n\n#### 💰 **Pricing:** **$9.99/month**\n\n---\n\n## 🔄 **Usage Models**\n\n### **Free Version Usage:**\n1. **Visit page** → Select niche → Create analysis\n2. **One-time use** per browser session\n3. **Refresh page** to analyze another niche\n4. **Upgrade prompts** throughout experience\n\n### **Premium Version Usage:**\n1. **Dashboard overview** of weekly usage\n2. **Create 1 page per week** with full features\n3. **Manage previous pages** - view/delete\n4. **Advanced analytics** and tracking\n5. **Weekly reset** every Sunday\n\n---\n\n## 📊 **Feature Comparison Table**\n\n| Feature | Free Version | Premium Version |\n|---------|-------------|-----------------|\n| **Niche Selection** | ✅ Full access | ✅ Full access |\n| **Sub-Niche Options** | ✅ All categories | ✅ All categories |\n| **Video Results** | ✅ Full 10 videos | ✅ Full 10 videos |\n| **Advertisement Slots** | ⚠️ 1 basic slot | ✅ Up to 5 slots |\n| **Ad Rotation** | ❌ No rotation | ✅ Advanced rotation |\n| **Click Tracking** | ❌ No analytics | ✅ Real-time analytics |\n| **Custom Headers** | ❌ Not supported | ✅ Full support |\n| **Usage Limit** | ⚠️ 1 per session | ✅ 1 per week |\n| **Page Management** | ❌ No history | ✅ Full management |\n| **Analytics Integration** | ❌ No tracking | ✅ GA integration |\n| **Priority Support** | ❌ Community only | ✅ Premium support |\n\n---\n\n## 🚀 **Deployment Strategy**\n\n### **Free Version:**\n- **Lead Generation** - Capture interested users\n- **Feature Demonstration** - Show core functionality\n- **Upgrade Conversion** - Clear premium benefits\n- **Viral Sharing** - Easy to share and try\n\n### **Premium Version:**\n- **Subscription Model** - $9.99/month recurring\n- **Weekly Limits** - Encourages regular usage\n- **Advanced Features** - Professional-grade tools\n- **Customer Retention** - Page history and analytics\n\n---\n\n## 💡 **Monetization Strategy**\n\n### **Free-to-Premium Funnel:**\n1. **Free users** experience core functionality\n2. **Upgrade prompts** highlight premium benefits\n3. **Weekly limits** create urgency for premium\n4. **Advanced features** justify subscription cost\n\n### **Premium Value Proposition:**\n- **Time Savings** - Advanced automation and rotation\n- **Professional Results** - Multiple ads and analytics\n- **Business Growth** - Click tracking and optimization\n- **Convenience** - Page management and history\n\n---\n\n## 🎯 **Target Audiences**\n\n### **Free Version Users:**\n- **Casual marketers** testing niche ideas\n- **Students** learning about niches\n- **Small businesses** with limited budgets\n- **Content creators** exploring topics\n\n### **Premium Version Users:**\n- **Professional marketers** needing advanced tools\n- **Agencies** managing multiple campaigns\n- **Businesses** with advertising budgets\n- **Serious entrepreneurs** optimizing conversions\n\n---\n\n## 📈 **Success Metrics**\n\n### **Free Version:**\n- **Usage sessions** per day/week\n- **Upgrade conversion rate** to premium\n- **Feature engagement** (which features used most)\n- **Sharing/referral** rates\n\n### **Premium Version:**\n- **Monthly recurring revenue** (MRR)\n- **Customer lifetime value** (CLV)\n- **Feature utilization** rates\n- **Customer satisfaction** scores\n- **Churn rate** and retention\n\n---\n\n## 🛠️ **Technical Implementation**\n\n### **Both Versions:**\n- **Standalone HTML files** - no server required\n- **Local storage** for data persistence\n- **CDN resources** for styling and scripts\n- **Responsive design** for all devices\n\n### **Premium Additions:**\n- **Weekly reset logic** with automatic date calculation\n- **Usage tracking** with localStorage persistence\n- **Page management** with CRUD operations\n- **Advanced analytics** with real-time updates\n\n---\n\n**Ready to deploy both versions and start your freemium business model! 🚀**",[],[237],{"_103":245,"_95":246,"_152":247,"_154":-5,"_155":137,"_156":136,"_158":159,"_105":248,"_100":32,"_161":204,"_163":249,"_164":22,"_165":-5,"_166":250,"_98":251},"f0153b98-9382-11f0-b44e-0224a6c84d84","free-beautiful-pages-iframe.html","f0153c60-9382-11f0-b44e-0224a6c84d84",["D",1758085103135],"\n\n\n \n \n Beautiful Video Pages - Free\n \n \n \n\n\n \n

\n 🎨 Beautiful Video Pages - Create 1 stunning page per month FREE! \n \n

\n\n

\n 🎯 Create Beautiful Video Research Pages\n FREE\n

\n \n \n

\n 🎨\n Free Beautiful Pages:\n

• Create 1 professional page per month
• Standard design template (looks amazing!)
• 4 banner ad slots - keep 100% revenue
• Mobile-responsive & shareable

\n 💡 Want more? Premium gets you 4 pages/month + 4 design choices + deep analysis!\n

\n \n

\n \n 🎯 Select Your Video Niche *\n \n \n

\n\n \n

\n \n 🎯 Refine Your Focus (Optional)\n \n \n

\n\n \n

\n \n ✏️ Or Enter Custom Focus\n \n \n

\n\n \n

\n 🎨 Your Page Design\n

📄 Standard Template

Professional blue & gray design

\n FREE\n

🎬 Top 10 Videos • Professional Layout • Mobile Ready

\n \n \n

💎 Want More Design Options?

🏢 Executive

🎨 Creative

💻 Tech

🌟 Lifestyle

\n \n

\n\n \n

\n 📢 Your Revenue-Generating Banners\n 4 SLOTS FREE!\n

\n \n

🔝 Header Banner

\n Prime position - highest visibility\n

\n \n Banner Image URL\n \n \n

Recommended: 728x90px

\n \n Click Destination URL\n \n \n

Where users go when they click

\n \n

\n\n \n

📊 Mid-Content Banner

\n High engagement zone\n

\n \n Banner Image URL\n \n \n

\n \n Click Destination URL\n \n \n

\n \n

\n\n \n

📈 Pre-Footer Banner

\n Last chance conversion\n

\n \n Banner Image URL\n \n \n

\n \n Click Destination URL\n \n \n

\n \n

\n\n \n

🎯 Footer Banner

\n Persistent visibility\n

\n \n Banner Image URL\n \n \n

\n \n Click Destination URL\n \n \n

\n \n

\n\n \n

💰 Your Revenue Potential

Banner Slots

$25

Avg per Banner

$100

Monthly Potential

FREE

Platform Cost

\n 💡 Premium users get 4 pages/month = $400 potential vs $19.99 cost!\n

\n\n \n

\n \n

\n Your page will be generated instantly and ready to download!\n

\n\n \n

🎯 Free Page Created Successfully!

\n You've used your 1 free page this month. Your beautiful page is ready!\n

Want to create more pages?

\n \n \n

\n Premium gets you: 4 pages/month • 4 design choices • Deep analysis • Advanced features\n

\n\n \n\n",[],[246],{"_103":253,"_95":254,"_152":255,"_154":-5,"_155":137,"_156":256,"_158":159,"_105":257,"_100":32,"_161":204,"_163":258,"_164":22,"_165":-5,"_166":259,"_98":260},"8e428eee-9359-11f0-944b-0224a6c84d84","free-input-iframe.html","8e428fac-9359-11f0-944b-0224a6c84d84",56,["D",1758067329629],"\n\n\n \n \n Niche Selector - Free Input\n \n \n \n\n\n \n

\n 🎯 Free Version - One-time use • \n Upgrade to Premium\n

\n\n

\n 🎯 Niche Selector FREE\n

\n \n \n

\n ⚠️\n Free Version:\n

\n One analysis per session. \n Upgrade to Premium \n for unlimited analyses.\n

\n \n

\n \n Select Main Niche *\n \n \n

\n\n \n

\n \n Select Sub-Niche (Optional)\n \n \n

\n\n \n

\n \n Or enter custom sub-niche\n \n \n

\n\n \n

\n 📢 Basic Advertisement\n

\n \n

\n \n Advertisement Image URL\n \n \n

\n \n Advertisement Click URL\n \n \n

\n \n Advertisement Title\n \n \n

\n \n \n

🚀 Premium Features:

• Multiple ad slots (up to 5)
• Ad rotation with custom intervals
• Advanced analytics & click tracking
• Unlimited page creation (1 per week)

\n \n

\n\n \n

\n \n

\n\n \n

🚫 Free Analysis Used

\n You've used your free analysis. To create more:\n

\n \n \n

\n\n \n\n",[],[254],{"_103":262,"_95":263,"_152":264,"_154":-5,"_155":137,"_156":265,"_158":159,"_105":266,"_100":157,"_161":204,"_163":267,"_164":22,"_165":-5,"_166":268,"_98":269},"35267f6e-9359-11f0-9547-0224a6c84d84","free-version.html","38b2f866-9358-11f0-b597-0224a6c84d84",52,["D",1758067180145],"\n\n\n \n \n Niche Selector - Free Version\n \n \n\n\n \n

\n 🎯 Free Version - One-time use only • \n Upgrade to Premium for unlimited pages\n

\n\n

\n 🎯 Niche Selector FREE\n

\n \n \n

\n ⚠️\n Free Version Limitation:\n

\n This free version allows one analysis per session. \n Refresh the page to analyze another niche, or \n upgrade to Premium \n for unlimited analyses and advanced features.\n

\n \n

\n \n Select Main Niche *\n \n \n

\n\n \n

\n \n Select Sub-Niche (Optional)\n \n \n

\n\n \n

\n \n Or enter custom sub-niche\n \n \n

\n\n \n

\n 📢 Basic Advertisement (Free Version)\n

\n \n

\n \n Advertisement Image URL\n \n \n

\n \n Advertisement Click URL\n \n \n

\n \n Advertisement Title\n \n \n

\n \n \n

🚀 Premium Features Available:

• Multiple ad slots (up to 5)
• Ad rotation with custom intervals
• Advanced analytics & click tracking
• Weighted ad distribution
• Unlimited page creation (1 per week)

\n \n Upgrade Now →\n \n

\n\n \n

\n \n

\n\n \n

Selected Niche:

\n\n \n

\n \n

\n 📊 Top 10 Videos Analysis FREE\n

\n\n \n

\n \n

\n 🎥 Top Videos\n

\n \n

\n\n \n

\n 📝 Video Details\n

👆

Click on a video to see its description

\n\n \n

\n 📢 Sponsored Content\n

\n \n

\n\n \n

🚫 Free Analysis Used

\n You've used your free analysis for this session. To analyze more niches:\n

\n \n \n 🚀 Upgrade to Premium\n \n

\n\n \n

🚀 Upgrade to Premium

Unlock unlimited power with advanced features!

\n \n

🎯 Free Version

• One analysis per session
• Basic single ad slot
• Limited features
• Manual refresh required

💎 Premium Version

• Create 1 page per week
• Multiple ad slots (up to 5)
• Advanced analytics & tracking
• Ad rotation with custom timing
• Weighted ad distribution
• Custom header support
• Priority support

\n \n

Only $9.99/month

Cancel anytime • 30-day money-back guarantee

\n \n

\n\n \n\n",[],[263],{"_103":271,"_95":199,"_152":272,"_154":-5,"_155":137,"_156":273,"_158":159,"_105":274,"_100":275,"_161":276,"_163":277,"_164":22,"_165":-5,"_166":278,"_98":279},"59bdd748-9357-11f0-b4f9-0224a6c84d84","2919be5a-9356-11f0-bf2a-0224a6c84d84",46,["D",1758066382529],14,"http","\n\n\n \n \n Niche Selector\n \n \n\n\n

\n 🎯 Niche Selector\n

\n \n

\n \n Select Main Niche *\n \n \n

\n\n \n

\n \n Select Sub-Niche (Optional)\n \n \n

\n\n \n

\n \n Or enter custom sub-niche\n \n \n

\n\n \n

\n \n Custom Header URL (Optional)\n \n \n

\n 💡 Provide a URL to load custom header content. Leave blank to use the default header.\n

\n\n \n

\n 📢 Advertisement Settings (Optional)\n

\n \n \n

Ad Rotation & Analytics

\n \n \n Enable Rotation\n \n

\n Rotation Interval (seconds)\n \n

\n Analytics Tracking ID\n \n

\n\n \n

\n \n \n

\n\n \n

\n \n

Add up to 5 ad slots for rotation

\n\n \n

\n \n

\n\n \n

Selected Niche:

\n\n \n

\n \n

\n Your custom header will appear here...\n

\n\n \n

\n \n

\n 🎥 Top Videos\n

\n \n

📹

Videos will appear here after analysis

\n\n \n

\n 📝 Video Details\n

👆

Click on a video to see its description

\n\n \n

\n 📢 Sponsored Content\n

\n \n

\n\n \n\n",[],[199],{"_103":281,"_95":282,"_152":283,"_154":-5,"_155":137,"_156":284,"_158":159,"_105":285,"_100":222,"_161":276,"_163":286,"_164":22,"_165":-5,"_166":287,"_98":288},"f1f67a66-933d-11f0-ba75-0224a6c84d84","index.tsx","0199543a-0dbd-72af-9f9b-3e3e0d6510c3",6,["D",1758055471009],"// Import and use the backend\nimport backend from \"./backend/index.ts\";\n\nexport default backend;",[],[282],{"_103":290,"_95":291,"_152":292,"_154":-5,"_155":137,"_156":293,"_158":159,"_105":294,"_100":32,"_161":204,"_163":295,"_164":22,"_165":-5,"_166":296,"_98":297},"282f4326-935a-11f0-8892-0224a6c84d84","member-site-integration.html","282f43f8-935a-11f0-8892-0224a6c84d84",59,["D",1758067587894],"\n\n\n \n \n Member Site - Niche Selector Integration\n \n \n\n\n \n

🏢 Your Member Site

\n Welcome back, John!\n \n

\n\n \n

\n \n

🎯 Niche Analysis Tools

\n \n \n \n

\n Select a version to load the niche selector tool. The output will be generated as a standalone HTML page.\n

\n\n \n

📝 Niche Selector Input

\n \n

\n\n \n

📄 Generated Analysis Page

\n \n \n \n

\n Status: Ready to generate\n

\n File Size: -- | \n Generated: --\n

\n\n \n

📄 Page Preview

\n \n

\n\n \n \n \n \n\n",[],[291],{"_103":299,"_95":300,"_152":301,"_154":-5,"_155":137,"_156":302,"_158":159,"_105":303,"_100":32,"_161":175,"_163":304,"_164":22,"_165":-5,"_166":305,"_98":306},"04c42780-935a-11f0-af84-0224a6c84d84","output-generator.js","04c42852-935a-11f0-af84-0224a6c84d84",58,["D",1758067528470],"/**\n * Niche Selector Output Generator\n * Generates standalone HTML pages from iframe input data\n */\n\nclass NicheSelectorOutputGenerator {\n constructor() {\n this.videoData = this.generateVideoData();\n }\n\n /**\n * Generate complete standalone HTML page\n * @param {Object} data - Data from iframe form submission\n * @returns {string} Complete HTML page\n */\n generateOutputPage(data) {\n const html = `\n\n\n \n \n ${data.niche}${data.subNiche ? ' - ' + data.subNiche : ''} Analysis\n \n \n\n\n ${this.generateHeader(data)}\n ${this.generateVideoSection(data)}\n ${this.generateAdvertisementSection(data)}\n ${data.type === 'premium' ? this.generateAnalyticsSection(data) : ''}\n \n \n\n`;\n \n return html;\n }\n\n /**\n * Generate header section\n */\n generateHeader(data) {\n const headerContent = data.headerUrl ? \n `

Loading custom header...

` :\n `

\n 📊 Top 10 Videos Analysis\n ${data.type === 'premium' ? 'PREMIUM' : 'FREE'}\n

\n Analyzing: ${data.niche}\n ${data.subNiche ? ` → ${data.subNiche}` : ''}\n

\n Generated on ${new Date(data.timestamp).toLocaleDateString()}\n

`;\n\n return headerContent;\n }\n\n /**\n * Generate video analysis section\n */\n generateVideoSection(data) {\n const videos = this.getVideosForNiche(data.niche, data.subNiche);\n \n return `\n

\n \n

\n 🎥 Top 10 Videos\n

\n ${videos.map((video, index) => `\n

${video.thumbnail}

${video.title}

${video.channel}

\n 👁️ ${video.views}\n ⏱️ ${video.duration}\n #${index + 1}\n

\n `).join('')}\n

\n\n \n

\n 📝 Video Details\n

👆

Click on a video to see its details

`;\n }\n\n /**\n * Generate advertisement section\n */\n generateAdvertisementSection(data) {\n if (data.type === 'free' && data.advertisement) {\n return this.generateBasicAd(data.advertisement);\n } else if (data.type === 'premium' && data.advertisements?.slots?.length > 0) {\n return this.generateAdvancedAds(data.advertisements);\n }\n return '';\n }\n\n /**\n * Generate basic advertisement (free version)\n */\n generateBasicAd(ad) {\n if (!ad.imageUrl && !ad.clickUrl && !ad.title) return '';\n\n const wrapperStart = ad.clickUrl ? \n `` : \n '

';\n const wrapperEnd = ad.clickUrl ? '' : '

';\n\n return `\n

\n 📢 Sponsored Content\n

\n ${wrapperStart}\n

\n ${ad.title ? `

${ad.title}

` : ''}\n ${ad.imageUrl ? `\n

\n $\"${ad.title$ \n

\n ` : ''}\n ${ad.clickUrl ? `\n

\n \n Click Here →\n \n

\n ` : ''}\n

\n ${wrapperEnd}\n

`;\n }\n\n /**\n * Generate advanced advertisements (premium version)\n */\n generateAdvancedAds(ads) {\n return `\n

\n 📢 Sponsored Content\n ${ads.enableRotation ? `🔄 Rotating every ${ads.rotationInterval}s` : ''}\n

\n \n

`;\n }\n\n /**\n * Generate analytics section (premium only)\n */\n generateAnalyticsSection(data) {\n if (data.type !== 'premium') return '';\n\n return `\n

\n 📊 Real-time Analytics\n PREMIUM\n

Total Impressions

Total Clicks

Click Rate

Ad Rotations

`;\n }\n\n /**\n * Generate JavaScript for the output page\n */\n generateJavaScript(data) {\n const videos = this.getVideosForNiche(data.niche, data.subNiche);\n \n let js = `\n // Video data\n const videos = ${JSON.stringify(videos)};\n \n // Analytics data\n let analytics = {\n impressions: {},\n clicks: {},\n rotations: 0\n };\n\n // Show video details\n function showVideoDetails(videoId) {\n const video = videos.find(v => v.id === videoId);\n if (!video) return;\n \n const detailsPanel = document.getElementById('videoDetails');\n detailsPanel.innerHTML = \\`\n

\\${video.thumbnail}

\\${video.title}

\\${video.channel}

\n 👁️ \\${video.views}\n ⏱️ \\${video.duration}\n

Description

\\${video.description}

Quick Stats

Views: \\${video.views}

Duration: \\${video.duration}

Channel: \\${video.channel}

Rank: #\\${videos.findIndex(v => v.id === videoId) + 1}

\n \\`;\n \n // Update active state\n document.querySelectorAll('.video-item').forEach(item => {\n item.classList.remove('active');\n });\n document.querySelector(\\`[data-video-id=\"\\${videoId}\"]\\`).classList.add('active');\n }\n\n // Track ad clicks\n function trackAdClick(adId, url) {\n analytics.clicks[adId] = (analytics.clicks[adId] || 0) + 1;\n updateAnalytics();\n console.log('Ad Click:', adId, url);\n }\n\n // Track ad impressions\n function trackAdImpression(adId) {\n analytics.impressions[adId] = (analytics.impressions[adId] || 0) + 1;\n updateAnalytics();\n console.log('Ad Impression:', adId);\n }\n\n // Update analytics display\n function updateAnalytics() {\n const totalImpressions = Object.values(analytics.impressions).reduce((a, b) => a + b, 0);\n const totalClicks = Object.values(analytics.clicks).reduce((a, b) => a + b, 0);\n const clickRate = totalImpressions > 0 ? ((totalClicks / totalImpressions) * 100).toFixed(1) : 0;\n \n const impressionsEl = document.getElementById('totalImpressions');\n const clicksEl = document.getElementById('totalClicks');\n const rateEl = document.getElementById('clickRate');\n const rotationsEl = document.getElementById('rotationCount');\n \n if (impressionsEl) impressionsEl.textContent = totalImpressions;\n if (clicksEl) clicksEl.textContent = totalClicks;\n if (rateEl) rateEl.textContent = clickRate + '%';\n if (rotationsEl) rotationsEl.textContent = analytics.rotations;\n }\n `;\n\n // Add premium ad rotation logic\n if (data.type === 'premium' && data.advertisements?.slots?.length > 0) {\n js += this.generateAdRotationJS(data.advertisements);\n }\n\n // Add custom header loading\n if (data.headerUrl) {\n js += `\n // Load custom header\n fetch('${data.headerUrl}')\n .then(response => response.text())\n .then(html => {\n document.getElementById('customHeader').innerHTML = html;\n })\n .catch(error => {\n console.error('Failed to load custom header:', error);\n });\n `;\n }\n\n js += `\n // Initialize page\n document.addEventListener('DOMContentLoaded', function() {\n // Auto-select first video\n if (videos.length > 0) {\n showVideoDetails(videos[0].id);\n }\n });\n `;\n\n return js;\n }\n\n /**\n * Generate ad rotation JavaScript\n */\n generateAdRotationJS(ads) {\n return `\n // Ad rotation setup\n const adSlots = ${JSON.stringify(ads.slots)};\n const enableRotation = ${ads.enableRotation};\n const rotationInterval = ${ads.rotationInterval * 1000};\n let currentAdIndex = 0;\n let rotationTimer = null;\n\n // Create weighted ad array\n const weightedAds = [];\n adSlots.forEach(ad => {\n for (let i = 0; i < ad.weight; i++) {\n weightedAds.push(ad);\n }\n });\n\n // Display single ad\n function displayAd(ad) {\n const content = document.getElementById('advertisementContent');\n if (!content) return;\n\n trackAdImpression(ad.id);\n\n const wrapperStart = ad.clickUrl ? \n \\`\\` : \n '

';\n const wrapperEnd = ad.clickUrl ? '' : '

';\n\n content.innerHTML = \\`\n \\${wrapperStart}\n

\n \\${ad.title ? \\`

\\${ad.title}

\\` : ''}\n \\${ad.imageUrl ? \\`\n

\n $\"\\${ad.title$ \n

\n \\` : ''}\n \\${ad.clickUrl ? \\`\n

\n \n Click Here →\n \n

\n \\` : ''}\n \\${enableRotation && weightedAds.length > 1 ? \\`\n

\n Ad \\${currentAdIndex + 1} of \\${weightedAds.length} • Rotating every ${ads.rotationInterval}s\n

\n \\` : ''}\n

\n \\${wrapperEnd}\n \\`;\n }\n\n // Start ad rotation\n function startAdRotation() {\n if (weightedAds.length === 0) return;\n\n displayAd(weightedAds[0]);\n\n if (enableRotation && weightedAds.length > 1) {\n rotationTimer = setInterval(() => {\n currentAdIndex = (currentAdIndex + 1) % weightedAds.length;\n displayAd(weightedAds[currentAdIndex]);\n analytics.rotations++;\n updateAnalytics();\n }, rotationInterval);\n }\n }\n\n // Initialize ads\n document.addEventListener('DOMContentLoaded', startAdRotation);\n `;\n }\n\n /**\n * Get video data for specific niche\n */\n getVideosForNiche(niche, subNiche) {\n const nicheKey = niche.toLowerCase().replace(/[^\\w\\s]/gi, '');\n const subNicheText = subNiche || nicheKey;\n \n return [\n {\n id: 1,\n title: `Ultimate Guide to ${subNicheText}`,\n views: \"2.3M views\",\n duration: \"15:42\",\n channel: \"Expert Academy\",\n thumbnail: \"🎬\",\n description: `This comprehensive guide covers everything you need to know about ${subNicheText}. Perfect for beginners and advanced users alike. We'll walk through step-by-step tutorials, best practices, and common mistakes to avoid.`\n },\n {\n id: 2,\n title: `Top 10 ${subNicheText} Tips`,\n views: \"1.8M views\",\n duration: \"12:30\",\n channel: \"Pro Tips Channel\",\n thumbnail: \"📋\",\n description: `Discover the top 10 essential tips that every ${subNicheText} enthusiast should know. These proven strategies will help you improve your skills and achieve better results faster.`\n },\n {\n id: 3,\n title: `Common ${subNicheText} Mistakes`,\n views: \"1.5M views\",\n duration: \"18:15\",\n channel: \"Learning Hub\",\n thumbnail: \"⚠️\",\n description: `Learn from common mistakes that beginners make in ${subNicheText}. This video will save you time and frustration by showing you what to avoid and how to do things the right way from the start.`\n },\n {\n id: 4,\n title: `Advanced ${subNicheText} Techniques`,\n views: \"987K views\",\n duration: \"22:08\",\n channel: \"Master Class\",\n thumbnail: \"🚀\",\n description: `Take your ${subNicheText} skills to the next level with these advanced techniques. This tutorial is designed for intermediate to advanced users looking to master professional-level strategies.`\n },\n {\n id: 5,\n title: `2024 ${subNicheText} Trends`,\n views: \"756K views\",\n duration: \"14:22\",\n channel: \"Trend Watchers\",\n thumbnail: \"📈\",\n description: `Stay ahead of the curve with the latest trends in ${subNicheText} for 2024. We analyze market data, emerging technologies, and expert predictions to give you insights into what's coming next.`\n },\n {\n id: 6,\n title: `How to Start ${subNicheText} from Scratch`,\n views: \"643K views\",\n duration: \"19:45\",\n channel: \"Beginner's Guide\",\n thumbnail: \"🌱\",\n description: `Complete beginner's roadmap to getting started with ${subNicheText}. We cover everything from basic concepts to your first practical steps, with real examples and actionable advice.`\n },\n {\n id: 7,\n title: `Best ${subNicheText} Tools Review`,\n views: \"521K views\",\n duration: \"16:33\",\n channel: \"Tool Reviews\",\n thumbnail: \"🔧\",\n description: `Comprehensive review of the most popular tools and software used in ${subNicheText}. We test features, pricing, and usability to help you choose the right tools for your needs.`\n },\n {\n id: 8,\n title: `${subNicheText} Success Stories`,\n views: \"445K views\",\n duration: \"25:17\",\n channel: \"Success Stories\",\n thumbnail: \"🏆\",\n description: `Real success stories and case studies from people who made it big in ${subNicheText}. Learn from their strategies, challenges, and breakthrough moments.`\n },\n {\n id: 9,\n title: `Future of ${subNicheText}`,\n views: \"389K views\",\n duration: \"13:28\",\n channel: \"Future Insights\",\n thumbnail: \"🔮\",\n description: `Expert predictions and analysis about where ${subNicheText} is heading. Understand emerging opportunities, potential challenges, and how to position yourself for future success.`\n },\n {\n id: 10,\n title: `Quick ${subNicheText} Wins`,\n views: \"312K views\",\n duration: \"8:45\",\n channel: \"Quick Tips\",\n thumbnail: \"⚡\",\n description: `Fast, actionable tips you can implement in ${subNicheText} right away. Perfect for busy people who want quick improvements and immediate results.`\n }\n ];\n }\n\n /**\n * Generate video data templates\n */\n generateVideoData() {\n // This could be expanded with more sophisticated video generation\n return {};\n }\n}\n\n// Export for use in member site\nif (typeof module !== 'undefined' && module.exports) {\n module.exports = NicheSelectorOutputGenerator;\n} else {\n window.NicheSelectorOutputGenerator = NicheSelectorOutputGenerator;\n}",[],[300],{"_103":308,"_95":309,"_152":310,"_154":-5,"_155":137,"_156":311,"_158":159,"_105":312,"_100":32,"_161":204,"_163":313,"_164":22,"_165":-5,"_166":314,"_98":315},"c131b2d0-9359-11f0-a67a-0224a6c84d84","premium-input-iframe.html","c131b384-9359-11f0-a67a-0224a6c84d84",57,["D",1758067415103],"\n\n\n \n \n Niche Selector - Premium Input\n \n \n \n\n\n \n

💎 Premium Version - Advanced Features

\n Pages: 1/1 this week\n

\n\n

\n \n

📊 Premium Dashboard

Pages Used

Remaining

Total Ads

Reset In

\n\n \n

\n 🎯 Advanced Niche Selector \n PREMIUM\n

\n \n \n

\n 🚫\n Weekly Limit Reached\n

\n You've created your maximum of 1 page this week. Resets on --.\n

\n \n

\n \n Select Main Niche *\n \n \n

\n\n \n

\n \n Select Sub-Niche (Optional)\n \n \n

\n\n \n

\n \n Or enter custom sub-niche\n \n \n

\n\n \n

\n \n Custom Header URL (Optional)\n \n \n

\n\n \n

\n 📢 Advanced Advertisement System \n PREMIUM\n

\n \n \n

🔄 Ad Rotation & Analytics

\n \n \n Enable\n \n

\n Interval (seconds)\n \n

\n Tracking ID\n \n

\n\n \n

\n \n \n

\n\n \n

\n \n

Up to 5 ad slots

\n\n \n

\n \n

\n\n \n\n",[],[309],{"_103":317,"_95":318,"_152":319,"_154":-5,"_155":137,"_156":320,"_158":159,"_105":321,"_100":32,"_161":204,"_163":322,"_164":22,"_165":-5,"_166":323,"_98":324},"7bb0e9ca-9358-11f0-ac27-0224a6c84d84","premium-version.html","7bb0ea9c-9358-11f0-ac27-0224a6c84d84",49,["D",1758066869002],"\n\n\n \n \n Niche Selector - Premium Version\n \n \n\n\n \n

\n 💎 Premium Version - Advanced Features Unlocked\n

\n Pages this week: 1/1\n Next reset: --\n

\n\n

\n \n

📊 Premium Dashboard

\n \n ✅ Premium Active\n \n

\n \n

Pages Created

This week

Pages Remaining

Until reset

Total Ads Created

All time

Next Reset

Days remaining

\n\n \n

\n 🎯 Advanced Niche Selector \n PREMIUM\n

\n \n \n

\n 🚫\n Weekly Limit Reached:\n

\n You've created your maximum of 1 page this week. \n Your limit will reset on --.\n

\n \n \n

\n \n

\n \n Select Main Niche *\n \n \n

\n\n \n

\n \n Select Sub-Niche (Optional)\n \n \n

\n\n \n

\n \n Or enter custom sub-niche\n \n \n

\n\n \n

\n \n Custom Header URL (Optional)\n \n \n

\n 💡 Provide a URL to load custom header content. Leave blank to use the default header.\n

\n\n \n

\n 📢 Advanced Advertisement System \n PREMIUM\n

\n \n \n

🔄 Ad Rotation & Analytics

\n \n \n Enable Rotation\n \n

\n Rotation Interval (seconds)\n \n

\n Analytics Tracking ID\n \n

\n\n \n

\n \n \n

\n\n \n

\n \n

Add up to 5 ad slots for rotation

\n\n \n

\n \n

\n\n \n

✅ Page Created Successfully:

\n\n \n

\n \n

\n Your custom header will appear here...\n

\n\n \n

\n \n

\n 🎥 Top Videos\n

📹

Videos will appear here after analysis

\n\n \n

\n 📝 Video Details\n

👆

Click on a video to see its description

\n\n \n

\n 📢 Sponsored Content\n

\n \n

\n\n \n

📁 Your Previous Pages

\n \n

\n\n \n\n",[],[318],"files",[149,168,180,187,197,208,218,226,235,244,252,261,270,280,289,298,307,316],"counts",{"_329":32,"_330":222,"_331":32,"_332":222},"pulls","branches","forks","envVars","contents",[],{"_103":169,"_95":170,"_152":171,"_154":153,"_155":137,"_156":172,"_158":159,"_105":336,"_100":174,"_161":175,"_163":176,"_164":22,"_165":-5,"_98":337},["D",1758065567337],[151,170],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_93":94,"_95":96,"_97":43,"_98":99,"_101":346,"_204":351,"_354":355,"_391":392,"_402":-7,"_403":32,"_404":22},{"_103":104,"_95":96,"_105":347,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":348,"_131":349,"_134":350,"_146":22},["D",1758054714725],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_100":136,"_95":43,"_103":137,"_138":104,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":96,"_145":94},{"_103":169,"_95":170,"_152":171,"_154":153,"_155":137,"_156":172,"_158":159,"_105":352,"_100":174,"_161":175,"_163":176,"_164":22,"_165":-5,"_98":353},["D",1758065567337],[151,170],"history",[356,358,363,368,372,377,382,387],{"_103":169,"_155":137,"_152":171,"_95":170,"_163":176,"_161":175,"_100":174,"_154":153,"_105":357,"_156":172,"_165":-5},["D",1758065567337],{"_103":359,"_155":137,"_152":171,"_95":170,"_163":360,"_161":175,"_100":284,"_154":153,"_105":361,"_156":362,"_165":-5},"80538276-9349-11f0-a4bd-0224a6c84d84","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err) => Promise.reject(err));\n\ninterface YouTubeVideo {\n id: string;\n title: string;\n description: string;\n thumbnail: string;\n channelTitle: string;\n publishedAt: string;\n viewCount?: string;\n duration?: string;\n}\n\ninterface YouTubeSearchResponse {\n items: Array<{\n id: { videoId: string };\n snippet: {\n title: string;\n description: string;\n thumbnails: {\n medium: { url: string };\n high: { url: string };\n };\n channelTitle: string;\n publishedAt: string;\n };\n }>;\n}\n\ninterface YouTubeVideoDetailsResponse {\n items: Array<{\n statistics: {\n viewCount: string;\n };\n contentDetails: {\n duration: string;\n };\n }>;\n}\n\n// Serve the main HTML page\napp.get(\"/\", async (c) => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Serve frontend assets\napp.get(\"/frontend/*\", async (c) => {\n const path = c.req.path;\n try {\n const content = await readFile(path, import.meta.url);\n \n // Set appropriate content type\n if (path.endsWith('.css')) {\n c.header('Content-Type', 'text/css');\n } else if (path.endsWith('.js')) {\n c.header('Content-Type', 'application/javascript');\n } else if (path.endsWith('.html')) {\n c.header('Content-Type', 'text/html');\n }\n \n return c.text(content);\n } catch (error) {\n return c.notFound();\n }\n});\n\n// API key tester endpoint\napp.post(\"/api/test-key\", async (c) => {\n const body = await c.req.json();\n const testKey = body.apiKey;\n \n if (!testKey) {\n return c.json({ error: \"API key is required\" }, 400);\n }\n \n try {\n const testUrl = `https://www.googleapis.com/youtube/v3/search?part=snippet&q=test&maxResults=1&key=${testKey}`;\n const testResponse = await fetch(testUrl);\n const responseData = await testResponse.json();\n \n if (testResponse.ok) {\n return c.json({\n success: true,\n message: \"API key is valid and working!\",\n sampleData: {\n videoCount: responseData.items?.length || 0,\n firstVideoTitle: responseData.items?.[0]?.snippet?.title || \"No videos found\"\n }\n });\n } else {\n return c.json({\n success: false,\n error: responseData.error?.message || \"Unknown error\",\n details: responseData.error?.details || []\n });\n }\n } catch (error) {\n return c.json({\n success: false,\n error: \"Network error\",\n details: error.message\n });\n }\n});\napp.get(\"/api/debug\", async (c) => {\n const apiKey = Deno.env.get(\"YOUTUBE_API_KEY\");\n \n if (!apiKey) {\n return c.json({\n hasApiKey: false,\n message: \"No API key found in environment variables\"\n });\n }\n \n // Test the API key with a simple request\n try {\n const testUrl = `https://www.googleapis.com/youtube/v3/search?part=snippet&q=test&maxResults=1&key=${apiKey}`;\n const testResponse = await fetch(testUrl);\n const responseText = await testResponse.text();\n \n return c.json({\n hasApiKey: true,\n keyLength: apiKey.length,\n keyPrefix: apiKey.substring(0, 8) + \"...\",\n testStatus: testResponse.status,\n testOk: testResponse.ok,\n testResponse: testResponse.ok ? \"API key works!\" : responseText.substring(0, 500)\n });\n } catch (error) {\n return c.json({\n hasApiKey: true,\n keyLength: apiKey.length,\n keyPrefix: apiKey.substring(0, 8) + \"...\",\n testError: error.message\n });\n }\n});\n\n// API endpoint to search YouTube videos\napp.get(\"/api/videos\", async (c) => {\n const niche = c.req.query(\"niche\");\n const apiKey = Deno.env.get(\"YOUTUBE_API_KEY\");\n \n if (!niche) {\n return c.json({ error: \"Niche parameter is required\" }, 400);\n }\n \n if (!apiKey) {\n return c.json({ error: \"YouTube API key not configured\" }, 500);\n }\n \n try {\n // Search for videos\n const searchUrl = `https://www.googleapis.com/youtube/v3/search?part=snippet&q=${encodeURIComponent(niche)}&type=video&order=relevance&maxResults=10&key=${apiKey}`;\n \n const searchResponse = await fetch(searchUrl);\n if (!searchResponse.ok) {\n const errorText = await searchResponse.text();\n console.error(`YouTube API error details:`, errorText);\n \n // Parse error for better user feedback\n try {\n const errorData = JSON.parse(errorText);\n if (errorData.error?.message?.includes(\"API key not valid\")) {\n return c.json({ \n error: \"Invalid YouTube API Key\",\n details: \"Your API key is not valid. Please check that:\\n1. The API key is correct\\n2. YouTube Data API v3 is enabled for your project\\n3. The API key has the proper permissions\"\n }, 400);\n }\n if (errorData.error?.message?.includes(\"quota\")) {\n return c.json({ \n error: \"YouTube API Quota Exceeded\",\n details: \"You've reached your daily quota limit. Try again tomorrow or upgrade your quota.\"\n }, 429);\n }\n return c.json({ \n error: \"YouTube API Error\",\n details: errorData.error?.message || `HTTP ${searchResponse.status}`\n }, searchResponse.status);\n } catch {\n return c.json({ \n error: \"YouTube API Error\",\n details: `HTTP ${searchResponse.status}: ${errorText}`\n }, searchResponse.status);\n }\n }\n \n const searchData: YouTubeSearchResponse = await searchResponse.json();\n \n // Get video IDs for additional details\n const videoIds = searchData.items.map(item => item.id.videoId).join(',');\n \n // Get video statistics and duration\n const detailsUrl = `https://www.googleapis.com/youtube/v3/videos?part=statistics,contentDetails&id=${videoIds}&key=${apiKey}`;\n \n const detailsResponse = await fetch(detailsUrl);\n const detailsData: YouTubeVideoDetailsResponse = await detailsResponse.json();\n \n // Combine search results with details\n const videos: YouTubeVideo[] = searchData.items.map((item, index) => {\n const details = detailsData.items[index];\n return {\n id: item.id.videoId,\n title: item.snippet.title,\n description: item.snippet.description,\n thumbnail: item.snippet.thumbnails.high?.url || item.snippet.thumbnails.medium.url,\n channelTitle: item.snippet.channelTitle,\n publishedAt: item.snippet.publishedAt,\n viewCount: details?.statistics.viewCount,\n duration: details?.contentDetails.duration\n };\n });\n \n return c.json({ videos });\n } catch (error) {\n console.error(\"Error fetching YouTube videos:\", error);\n return c.json({ error: \"Failed to fetch videos\" }, 500);\n }\n});\n\nexport default app.fetch;",["D",1758060434323],21,{"_103":364,"_155":137,"_152":171,"_95":170,"_163":365,"_161":175,"_100":203,"_154":153,"_105":366,"_156":367,"_165":-5},"d00b77ca-9348-11f0-a2ea-0224a6c84d84","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err) => Promise.reject(err));\n\ninterface YouTubeVideo {\n id: string;\n title: string;\n description: string;\n thumbnail: string;\n channelTitle: string;\n publishedAt: string;\n viewCount?: string;\n duration?: string;\n}\n\ninterface YouTubeSearchResponse {\n items: Array<{\n id: { videoId: string };\n snippet: {\n title: string;\n description: string;\n thumbnails: {\n medium: { url: string };\n high: { url: string };\n };\n channelTitle: string;\n publishedAt: string;\n };\n }>;\n}\n\ninterface YouTubeVideoDetailsResponse {\n items: Array<{\n statistics: {\n viewCount: string;\n };\n contentDetails: {\n duration: string;\n };\n }>;\n}\n\n// Serve the main HTML page\napp.get(\"/\", async (c) => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Serve frontend assets\napp.get(\"/frontend/*\", async (c) => {\n const path = c.req.path;\n try {\n const content = await readFile(path, import.meta.url);\n \n // Set appropriate content type\n if (path.endsWith('.css')) {\n c.header('Content-Type', 'text/css');\n } else if (path.endsWith('.js')) {\n c.header('Content-Type', 'application/javascript');\n } else if (path.endsWith('.html')) {\n c.header('Content-Type', 'text/html');\n }\n \n return c.text(content);\n } catch (error) {\n return c.notFound();\n }\n});\n\n// Debug endpoint to check API key status\napp.get(\"/api/debug\", async (c) => {\n const apiKey = Deno.env.get(\"YOUTUBE_API_KEY\");\n \n if (!apiKey) {\n return c.json({\n hasApiKey: false,\n message: \"No API key found in environment variables\"\n });\n }\n \n // Test the API key with a simple request\n try {\n const testUrl = `https://www.googleapis.com/youtube/v3/search?part=snippet&q=test&maxResults=1&key=${apiKey}`;\n const testResponse = await fetch(testUrl);\n const responseText = await testResponse.text();\n \n return c.json({\n hasApiKey: true,\n keyLength: apiKey.length,\n keyPrefix: apiKey.substring(0, 8) + \"...\",\n testStatus: testResponse.status,\n testOk: testResponse.ok,\n testResponse: testResponse.ok ? \"API key works!\" : responseText.substring(0, 500)\n });\n } catch (error) {\n return c.json({\n hasApiKey: true,\n keyLength: apiKey.length,\n keyPrefix: apiKey.substring(0, 8) + \"...\",\n testError: error.message\n });\n }\n});\n\n// API endpoint to search YouTube videos\napp.get(\"/api/videos\", async (c) => {\n const niche = c.req.query(\"niche\");\n const apiKey = Deno.env.get(\"YOUTUBE_API_KEY\");\n \n if (!niche) {\n return c.json({ error: \"Niche parameter is required\" }, 400);\n }\n \n if (!apiKey) {\n return c.json({ error: \"YouTube API key not configured\" }, 500);\n }\n \n try {\n // Search for videos\n const searchUrl = `https://www.googleapis.com/youtube/v3/search?part=snippet&q=${encodeURIComponent(niche)}&type=video&order=relevance&maxResults=10&key=${apiKey}`;\n \n const searchResponse = await fetch(searchUrl);\n if (!searchResponse.ok) {\n const errorText = await searchResponse.text();\n console.error(`YouTube API error details:`, errorText);\n \n // Parse error for better user feedback\n try {\n const errorData = JSON.parse(errorText);\n if (errorData.error?.message?.includes(\"API key not valid\")) {\n return c.json({ \n error: \"Invalid YouTube API Key\",\n details: \"Your API key is not valid. Please check that:\\n1. The API key is correct\\n2. YouTube Data API v3 is enabled for your project\\n3. The API key has the proper permissions\"\n }, 400);\n }\n if (errorData.error?.message?.includes(\"quota\")) {\n return c.json({ \n error: \"YouTube API Quota Exceeded\",\n details: \"You've reached your daily quota limit. Try again tomorrow or upgrade your quota.\"\n }, 429);\n }\n return c.json({ \n error: \"YouTube API Error\",\n details: errorData.error?.message || `HTTP ${searchResponse.status}`\n }, searchResponse.status);\n } catch {\n return c.json({ \n error: \"YouTube API Error\",\n details: `HTTP ${searchResponse.status}: ${errorText}`\n }, searchResponse.status);\n }\n }\n \n const searchData: YouTubeSearchResponse = await searchResponse.json();\n \n // Get video IDs for additional details\n const videoIds = searchData.items.map(item => item.id.videoId).join(',');\n \n // Get video statistics and duration\n const detailsUrl = `https://www.googleapis.com/youtube/v3/videos?part=statistics,contentDetails&id=${videoIds}&key=${apiKey}`;\n \n const detailsResponse = await fetch(detailsUrl);\n const detailsData: YouTubeVideoDetailsResponse = await detailsResponse.json();\n \n // Combine search results with details\n const videos: YouTubeVideo[] = searchData.items.map((item, index) => {\n const details = detailsData.items[index];\n return {\n id: item.id.videoId,\n title: item.snippet.title,\n description: item.snippet.description,\n thumbnail: item.snippet.thumbnails.high?.url || item.snippet.thumbnails.medium.url,\n channelTitle: item.snippet.channelTitle,\n publishedAt: item.snippet.publishedAt,\n viewCount: details?.statistics.viewCount,\n duration: details?.contentDetails.duration\n };\n });\n \n return c.json({ videos });\n } catch (error) {\n console.error(\"Error fetching YouTube videos:\", error);\n return c.json({ error: \"Failed to fetch videos\" }, 500);\n }\n});\n\nexport default app.fetch;",["D",1758060138575],20,{"_103":369,"_155":137,"_152":171,"_95":170,"_163":370,"_161":175,"_100":212,"_154":153,"_105":371,"_156":275,"_165":-5},"7949d5b2-9348-11f0-a319-0224a6c84d84","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err) => Promise.reject(err));\n\ninterface YouTubeVideo {\n id: string;\n title: string;\n description: string;\n thumbnail: string;\n channelTitle: string;\n publishedAt: string;\n viewCount?: string;\n duration?: string;\n}\n\ninterface YouTubeSearchResponse {\n items: Array<{\n id: { videoId: string };\n snippet: {\n title: string;\n description: string;\n thumbnails: {\n medium: { url: string };\n high: { url: string };\n };\n channelTitle: string;\n publishedAt: string;\n };\n }>;\n}\n\ninterface YouTubeVideoDetailsResponse {\n items: Array<{\n statistics: {\n viewCount: string;\n };\n contentDetails: {\n duration: string;\n };\n }>;\n}\n\n// Serve the main HTML page\napp.get(\"/\", async (c) => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Serve frontend assets\napp.get(\"/frontend/*\", async (c) => {\n const path = c.req.path;\n try {\n const content = await readFile(path, import.meta.url);\n \n // Set appropriate content type\n if (path.endsWith('.css')) {\n c.header('Content-Type', 'text/css');\n } else if (path.endsWith('.js')) {\n c.header('Content-Type', 'application/javascript');\n } else if (path.endsWith('.html')) {\n c.header('Content-Type', 'text/html');\n }\n \n return c.text(content);\n } catch (error) {\n return c.notFound();\n }\n});\n\n// Debug endpoint to check API key status\napp.get(\"/api/debug\", async (c) => {\n const apiKey = Deno.env.get(\"YOUTUBE_API_KEY\");\n return c.json({\n hasApiKey: !!apiKey,\n keyLength: apiKey ? apiKey.length : 0,\n keyPrefix: apiKey ? apiKey.substring(0, 8) + \"...\" : \"not set\"\n });\n});\n\n// API endpoint to search YouTube videos\napp.get(\"/api/videos\", async (c) => {\n const niche = c.req.query(\"niche\");\n const apiKey = Deno.env.get(\"YOUTUBE_API_KEY\");\n \n if (!niche) {\n return c.json({ error: \"Niche parameter is required\" }, 400);\n }\n \n if (!apiKey) {\n return c.json({ error: \"YouTube API key not configured\" }, 500);\n }\n \n try {\n // Search for videos\n const searchUrl = `https://www.googleapis.com/youtube/v3/search?part=snippet&q=${encodeURIComponent(niche)}&type=video&order=relevance&maxResults=10&key=${apiKey}`;\n \n const searchResponse = await fetch(searchUrl);\n if (!searchResponse.ok) {\n const errorText = await searchResponse.text();\n console.error(`YouTube API error details:`, errorText);\n \n // Parse error for better user feedback\n try {\n const errorData = JSON.parse(errorText);\n if (errorData.error?.message?.includes(\"API key not valid\")) {\n return c.json({ \n error: \"Invalid YouTube API Key\",\n details: \"Your API key is not valid. Please check that:\\n1. The API key is correct\\n2. YouTube Data API v3 is enabled for your project\\n3. The API key has the proper permissions\"\n }, 400);\n }\n if (errorData.error?.message?.includes(\"quota\")) {\n return c.json({ \n error: \"YouTube API Quota Exceeded\",\n details: \"You've reached your daily quota limit. Try again tomorrow or upgrade your quota.\"\n }, 429);\n }\n return c.json({ \n error: \"YouTube API Error\",\n details: errorData.error?.message || `HTTP ${searchResponse.status}`\n }, searchResponse.status);\n } catch {\n return c.json({ \n error: \"YouTube API Error\",\n details: `HTTP ${searchResponse.status}: ${errorText}`\n }, searchResponse.status);\n }\n }\n \n const searchData: YouTubeSearchResponse = await searchResponse.json();\n \n // Get video IDs for additional details\n const videoIds = searchData.items.map(item => item.id.videoId).join(',');\n \n // Get video statistics and duration\n const detailsUrl = `https://www.googleapis.com/youtube/v3/videos?part=statistics,contentDetails&id=${videoIds}&key=${apiKey}`;\n \n const detailsResponse = await fetch(detailsUrl);\n const detailsData: YouTubeVideoDetailsResponse = await detailsResponse.json();\n \n // Combine search results with details\n const videos: YouTubeVideo[] = searchData.items.map((item, index) => {\n const details = detailsData.items[index];\n return {\n id: item.id.videoId,\n title: item.snippet.title,\n description: item.snippet.description,\n thumbnail: item.snippet.thumbnails.high?.url || item.snippet.thumbnails.medium.url,\n channelTitle: item.snippet.channelTitle,\n publishedAt: item.snippet.publishedAt,\n viewCount: details?.statistics.viewCount,\n duration: details?.contentDetails.duration\n };\n });\n \n return c.json({ videos });\n } catch (error) {\n console.error(\"Error fetching YouTube videos:\", error);\n return c.json({ error: \"Failed to fetch videos\" }, 500);\n }\n});\n\nexport default app.fetch;",["D",1758059993007],{"_103":373,"_155":137,"_152":171,"_95":170,"_163":374,"_161":175,"_100":184,"_154":153,"_105":375,"_156":376,"_165":-5},"5ac5bd14-9347-11f0-9daf-0224a6c84d84","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err) => Promise.reject(err));\n\ninterface YouTubeVideo {\n id: string;\n title: string;\n description: string;\n thumbnail: string;\n channelTitle: string;\n publishedAt: string;\n viewCount?: string;\n duration?: string;\n}\n\ninterface YouTubeSearchResponse {\n items: Array<{\n id: { videoId: string };\n snippet: {\n title: string;\n description: string;\n thumbnails: {\n medium: { url: string };\n high: { url: string };\n };\n channelTitle: string;\n publishedAt: string;\n };\n }>;\n}\n\ninterface YouTubeVideoDetailsResponse {\n items: Array<{\n statistics: {\n viewCount: string;\n };\n contentDetails: {\n duration: string;\n };\n }>;\n}\n\n// Serve the main HTML page\napp.get(\"/\", async (c) => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Serve frontend assets\napp.get(\"/frontend/*\", async (c) => {\n const path = c.req.path;\n try {\n const content = await readFile(path, import.meta.url);\n \n // Set appropriate content type\n if (path.endsWith('.css')) {\n c.header('Content-Type', 'text/css');\n } else if (path.endsWith('.js')) {\n c.header('Content-Type', 'application/javascript');\n } else if (path.endsWith('.html')) {\n c.header('Content-Type', 'text/html');\n }\n \n return c.text(content);\n } catch (error) {\n return c.notFound();\n }\n});\n\n// Debug endpoint to check API key status\napp.get(\"/api/debug\", async (c) => {\n const apiKey = Deno.env.get(\"YOUTUBE_API_KEY\");\n return c.json({\n hasApiKey: !!apiKey,\n keyLength: apiKey ? apiKey.length : 0,\n keyPrefix: apiKey ? apiKey.substring(0, 8) + \"...\" : \"not set\"\n });\n});\n\n// API endpoint to search YouTube videos\napp.get(\"/api/videos\", async (c) => {\n const niche = c.req.query(\"niche\");\n const apiKey = Deno.env.get(\"YOUTUBE_API_KEY\");\n \n if (!niche) {\n return c.json({ error: \"Niche parameter is required\" }, 400);\n }\n \n if (!apiKey) {\n return c.json({ error: \"YouTube API key not configured\" }, 500);\n }\n \n try {\n // Search for videos\n const searchUrl = `https://www.googleapis.com/youtube/v3/search?part=snippet&q=${encodeURIComponent(niche)}&type=video&order=relevance&maxResults=10&key=${apiKey}`;\n \n const searchResponse = await fetch(searchUrl);\n if (!searchResponse.ok) {\n const errorText = await searchResponse.text();\n console.error(`YouTube API error details:`, errorText);\n throw new Error(`YouTube API error: ${searchResponse.status} - ${errorText}`);\n }\n \n const searchData: YouTubeSearchResponse = await searchResponse.json();\n \n // Get video IDs for additional details\n const videoIds = searchData.items.map(item => item.id.videoId).join(',');\n \n // Get video statistics and duration\n const detailsUrl = `https://www.googleapis.com/youtube/v3/videos?part=statistics,contentDetails&id=${videoIds}&key=${apiKey}`;\n \n const detailsResponse = await fetch(detailsUrl);\n const detailsData: YouTubeVideoDetailsResponse = await detailsResponse.json();\n \n // Combine search results with details\n const videos: YouTubeVideo[] = searchData.items.map((item, index) => {\n const details = detailsData.items[index];\n return {\n id: item.id.videoId,\n title: item.snippet.title,\n description: item.snippet.description,\n thumbnail: item.snippet.thumbnails.high?.url || item.snippet.thumbnails.medium.url,\n channelTitle: item.snippet.channelTitle,\n publishedAt: item.snippet.publishedAt,\n viewCount: details?.statistics.viewCount,\n duration: details?.contentDetails.duration\n };\n });\n \n return c.json({ videos });\n } catch (error) {\n console.error(\"Error fetching YouTube videos:\", error);\n return c.json({ error: \"Failed to fetch videos\" }, 500);\n }\n});\n\nexport default app.fetch;",["D",1758059512327],13,{"_103":378,"_155":137,"_152":171,"_95":170,"_163":379,"_161":175,"_100":157,"_154":153,"_105":380,"_156":381,"_165":-5},"4a67a586-9347-11f0-a137-0224a6c84d84","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err) => Promise.reject(err));\n\ninterface YouTubeVideo {\n id: string;\n title: string;\n description: string;\n thumbnail: string;\n channelTitle: string;\n publishedAt: string;\n viewCount?: string;\n duration?: string;\n}\n\ninterface YouTubeSearchResponse {\n items: Array<{\n id: { videoId: string };\n snippet: {\n title: string;\n description: string;\n thumbnails: {\n medium: { url: string };\n high: { url: string };\n };\n channelTitle: string;\n publishedAt: string;\n };\n }>;\n}\n\ninterface YouTubeVideoDetailsResponse {\n items: Array<{\n statistics: {\n viewCount: string;\n };\n contentDetails: {\n duration: string;\n };\n }>;\n}\n\n// Serve the main HTML page\napp.get(\"/\", async (c) => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Serve frontend assets\napp.get(\"/frontend/*\", async (c) => {\n const path = c.req.path;\n try {\n const content = await readFile(path, import.meta.url);\n \n // Set appropriate content type\n if (path.endsWith('.css')) {\n c.header('Content-Type', 'text/css');\n } else if (path.endsWith('.js')) {\n c.header('Content-Type', 'application/javascript');\n } else if (path.endsWith('.html')) {\n c.header('Content-Type', 'text/html');\n }\n \n return c.text(content);\n } catch (error) {\n return c.notFound();\n }\n});\n\n// API endpoint to search YouTube videos\napp.get(\"/api/videos\", async (c) => {\n const niche = c.req.query(\"niche\");\n const apiKey = Deno.env.get(\"YOUTUBE_API_KEY\");\n \n if (!niche) {\n return c.json({ error: \"Niche parameter is required\" }, 400);\n }\n \n if (!apiKey) {\n return c.json({ error: \"YouTube API key not configured\" }, 500);\n }\n \n try {\n // Search for videos\n const searchUrl = `https://www.googleapis.com/youtube/v3/search?part=snippet&q=${encodeURIComponent(niche)}&type=video&order=relevance&maxResults=10&key=${apiKey}`;\n \n const searchResponse = await fetch(searchUrl);\n if (!searchResponse.ok) {\n const errorText = await searchResponse.text();\n console.error(`YouTube API error details:`, errorText);\n throw new Error(`YouTube API error: ${searchResponse.status} - ${errorText}`);\n }\n \n const searchData: YouTubeSearchResponse = await searchResponse.json();\n \n // Get video IDs for additional details\n const videoIds = searchData.items.map(item => item.id.videoId).join(',');\n \n // Get video statistics and duration\n const detailsUrl = `https://www.googleapis.com/youtube/v3/videos?part=statistics,contentDetails&id=${videoIds}&key=${apiKey}`;\n \n const detailsResponse = await fetch(detailsUrl);\n const detailsData: YouTubeVideoDetailsResponse = await detailsResponse.json();\n \n // Combine search results with details\n const videos: YouTubeVideo[] = searchData.items.map((item, index) => {\n const details = detailsData.items[index];\n return {\n id: item.id.videoId,\n title: item.snippet.title,\n description: item.snippet.description,\n thumbnail: item.snippet.thumbnails.high?.url || item.snippet.thumbnails.medium.url,\n channelTitle: item.snippet.channelTitle,\n publishedAt: item.snippet.publishedAt,\n viewCount: details?.statistics.viewCount,\n duration: details?.contentDetails.duration\n };\n });\n \n return c.json({ videos });\n } catch (error) {\n console.error(\"Error fetching YouTube videos:\", error);\n return c.json({ error: \"Failed to fetch videos\" }, 500);\n }\n});\n\nexport default app.fetch;",["D",1758059484855],12,{"_103":383,"_155":137,"_152":171,"_95":170,"_163":384,"_161":175,"_100":222,"_154":153,"_105":385,"_156":386,"_165":-5},"06ee8bc0-933e-11f0-a963-0224a6c84d84","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err) => Promise.reject(err));\n\ninterface YouTubeVideo {\n id: string;\n title: string;\n description: string;\n thumbnail: string;\n channelTitle: string;\n publishedAt: string;\n viewCount?: string;\n duration?: string;\n}\n\ninterface YouTubeSearchResponse {\n items: Array<{\n id: { videoId: string };\n snippet: {\n title: string;\n description: string;\n thumbnails: {\n medium: { url: string };\n high: { url: string };\n };\n channelTitle: string;\n publishedAt: string;\n };\n }>;\n}\n\ninterface YouTubeVideoDetailsResponse {\n items: Array<{\n statistics: {\n viewCount: string;\n };\n contentDetails: {\n duration: string;\n };\n }>;\n}\n\n// Serve the main HTML page\napp.get(\"/\", async (c) => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Serve frontend assets\napp.get(\"/frontend/*\", async (c) => {\n const path = c.req.path;\n try {\n const content = await readFile(path, import.meta.url);\n \n // Set appropriate content type\n if (path.endsWith('.css')) {\n c.header('Content-Type', 'text/css');\n } else if (path.endsWith('.js')) {\n c.header('Content-Type', 'application/javascript');\n } else if (path.endsWith('.html')) {\n c.header('Content-Type', 'text/html');\n }\n \n return c.text(content);\n } catch (error) {\n return c.notFound();\n }\n});\n\n// API endpoint to search YouTube videos\napp.get(\"/api/videos\", async (c) => {\n const niche = c.req.query(\"niche\");\n const apiKey = Deno.env.get(\"YOUTUBE_API_KEY\");\n \n if (!niche) {\n return c.json({ error: \"Niche parameter is required\" }, 400);\n }\n \n if (!apiKey) {\n return c.json({ error: \"YouTube API key not configured\" }, 500);\n }\n \n try {\n // Search for videos\n const searchUrl = `https://www.googleapis.com/youtube/v3/search?part=snippet&q=${encodeURIComponent(niche)}&type=video&order=relevance&maxResults=10&key=${apiKey}`;\n \n const searchResponse = await fetch(searchUrl);\n if (!searchResponse.ok) {\n throw new Error(`YouTube API error: ${searchResponse.status}`);\n }\n \n const searchData: YouTubeSearchResponse = await searchResponse.json();\n \n // Get video IDs for additional details\n const videoIds = searchData.items.map(item => item.id.videoId).join(',');\n \n // Get video statistics and duration\n const detailsUrl = `https://www.googleapis.com/youtube/v3/videos?part=statistics,contentDetails&id=${videoIds}&key=${apiKey}`;\n \n const detailsResponse = await fetch(detailsUrl);\n const detailsData: YouTubeVideoDetailsResponse = await detailsResponse.json();\n \n // Combine search results with details\n const videos: YouTubeVideo[] = searchData.items.map((item, index) => {\n const details = detailsData.items[index];\n return {\n id: item.id.videoId,\n title: item.snippet.title,\n description: item.snippet.description,\n thumbnail: item.snippet.thumbnails.high?.url || item.snippet.thumbnails.medium.url,\n channelTitle: item.snippet.channelTitle,\n publishedAt: item.snippet.publishedAt,\n viewCount: details?.statistics.viewCount,\n duration: details?.contentDetails.duration\n };\n });\n \n return c.json({ videos });\n } catch (error) {\n console.error(\"Error fetching YouTube videos:\", error);\n return c.json({ error: \"Failed to fetch videos\" }, 500);\n }\n});\n\nexport default app.fetch;",["D",1758055506193],8,{"_103":388,"_155":137,"_152":171,"_95":170,"_163":389,"_161":175,"_100":32,"_154":153,"_105":390,"_156":157,"_165":-5},"c357c75a-933d-11f0-94a9-0224a6c84d84","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err) => Promise.reject(err));\n\ninterface YouTubeVideo {\n id: string;\n title: string;\n description: string;\n thumbnail: string;\n channelTitle: string;\n publishedAt: string;\n viewCount?: string;\n duration?: string;\n}\n\ninterface YouTubeSearchResponse {\n items: Array<{\n id: { videoId: string };\n snippet: {\n title: string;\n description: string;\n thumbnails: {\n medium: { url: string };\n high: { url: string };\n };\n channelTitle: string;\n publishedAt: string;\n };\n }>;\n}\n\ninterface YouTubeVideoDetailsResponse {\n items: Array<{\n statistics: {\n viewCount: string;\n };\n contentDetails: {\n duration: string;\n };\n }>;\n}\n\n// Serve the main HTML page\napp.get(\"/\", async (c) => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Serve frontend assets\napp.get(\"/frontend/*\", async (c) => {\n const path = c.req.path;\n try {\n const content = await readFile(path, import.meta.url);\n \n // Set appropriate content type\n if (path.endsWith('.css')) {\n c.header('Content-Type', 'text/css');\n } else if (path.endsWith('.js')) {\n c.header('Content-Type', 'application/javascript');\n }\n \n return c.text(content);\n } catch (error) {\n return c.notFound();\n }\n});\n\n// API endpoint to search YouTube videos\napp.get(\"/api/videos\", async (c) => {\n const niche = c.req.query(\"niche\");\n const apiKey = Deno.env.get(\"YOUTUBE_API_KEY\");\n \n if (!niche) {\n return c.json({ error: \"Niche parameter is required\" }, 400);\n }\n \n if (!apiKey) {\n return c.json({ error: \"YouTube API key not configured\" }, 500);\n }\n \n try {\n // Search for videos\n const searchUrl = `https://www.googleapis.com/youtube/v3/search?part=snippet&q=${encodeURIComponent(niche)}&type=video&order=relevance&maxResults=10&key=${apiKey}`;\n \n const searchResponse = await fetch(searchUrl);\n if (!searchResponse.ok) {\n throw new Error(`YouTube API error: ${searchResponse.status}`);\n }\n \n const searchData: YouTubeSearchResponse = await searchResponse.json();\n \n // Get video IDs for additional details\n const videoIds = searchData.items.map(item => item.id.videoId).join(',');\n \n // Get video statistics and duration\n const detailsUrl = `https://www.googleapis.com/youtube/v3/videos?part=statistics,contentDetails&id=${videoIds}&key=${apiKey}`;\n \n const detailsResponse = await fetch(detailsUrl);\n const detailsData: YouTubeVideoDetailsResponse = await detailsResponse.json();\n \n // Combine search results with details\n const videos: YouTubeVideo[] = searchData.items.map((item, index) => {\n const details = detailsData.items[index];\n return {\n id: item.id.videoId,\n title: item.snippet.title,\n description: item.snippet.description,\n thumbnail: item.snippet.thumbnails.high?.url || item.snippet.thumbnails.medium.url,\n channelTitle: item.snippet.channelTitle,\n publishedAt: item.snippet.publishedAt,\n viewCount: details?.statistics.viewCount,\n duration: details?.contentDetails.duration\n };\n });\n \n return c.json({ videos });\n } catch (error) {\n console.error(\"Error fetching YouTube videos:\", error);\n return c.json({ error: \"Failed to fetch videos\" }, 500);\n }\n});\n\nexport default app.fetch;",["D",1758055392799],"versions",[393,395,396,397,398,399,400,401],{"_204":356,"_394":358},"previous",{"_204":358,"_394":363},{"_204":363,"_394":368},{"_204":368,"_394":372},{"_204":372,"_394":377},{"_204":377,"_394":382},{"_204":382,"_394":387},{"_204":387,"_394":-5},"versionNumber","page","hasNext","actionData","errors"]

${this.escapeHtml(video.title)}

Description

Error

🔧 YouTube API Setup Guide

🧪 Test Your API Key

Step 1: Create API Key

Step 2: Configure API Key

🔍 Troubleshooting Common Issues

\n 🎯 Create Beautiful Video Research Pages\n FREE\n

\n 🎨 Your Page Design\n

📄 Standard Template

\n 📢 Your Revenue-Generating Banners\n 4 SLOTS FREE!\n

🔝 Header Banner

📊 Mid-Content Banner

📈 Pre-Footer Banner

🎯 Footer Banner

💰 Your Revenue Potential

🎯 Free Page Created Successfully!

\n 🎯 Niche Selector FREE\n

\n 📢 Basic Advertisement\n

🚫 Free Analysis Used

\n 🎯 Niche Selector FREE\n

\n 📢 Basic Advertisement (Free Version)\n

Selected Niche:

\n 📊 Top 10 Videos Analysis FREE\n

\n 🎥 Top Videos\n

\n 📝 Video Details\n

🚫 Free Analysis Used

🚀 Upgrade to Premium

🎯 Free Version

💎 Premium Version

\n 🎯 Niche Selector\n

\n 📢 Advertisement Settings (Optional)\n

Ad Rotation & Analytics

📍 Ad Slot #1

Selected Niche:

\n 🎥 Top Videos\n

\n 📝 Video Details\n

🎯 Niche Analysis Tools

📝 Niche Selector Input

📄 Generated Analysis Page

📄 Page Preview

\n 📊 Top 10 Videos Analysis\n ${data.type === 'premium' ? 'PREMIUM' : 'FREE'}\n

\n 🎥 Top 10 Videos\n

${video.title}

\n 📝 Video Details\n

${ad.title}

\n 📊 Real-time Analytics\n PREMIUM\n

\\${video.title}

Description

Quick Stats

\\${ad.title}

📊 Premium Dashboard

\n 🎯 Advanced Niche Selector \n PREMIUM\n

\n 📢 Advanced Advertisement System \n PREMIUM\n

🔄 Ad Rotation & Analytics

📍 Ad Slot #1

📊 Premium Dashboard

\n 🎯 Advanced Niche Selector \n PREMIUM\n

\n 📢 Advanced Advertisement System \n PREMIUM\n

🔄 Ad Rotation & Analytics

📍 Ad Slot #1

✅ Page Created Successfully:

\n 🎥 Top Videos\n

\n 📝 Video Details\n

📁 Your Previous Pages

History for index.ts