Error loading page

Error: ${error.message}

\n \n \n `);\n }\n});\n\n// API endpoint to validate card numbers (for educational purposes)\napp.post(\"/api/validate\", async c => {\n try {\n const { cardNumber } = await c.req.json();\n \n if (!cardNumber || typeof cardNumber !== 'string') {\n return c.json({ error: \"Card number is required\" }, 400);\n }\n \n // Import validation function\n const { validateCardNumber } = await import(\"../shared/utils.ts\");\n const isValid = validateCardNumber(cardNumber);\n \n return c.json({ \n valid: isValid,\n message: isValid ? \"Valid card number (Luhn check passed)\" : \"Invalid card number (Luhn check failed)\"\n });\n } catch (error) {\n return c.json({ error: \"Validation failed\" }, 500);\n }\n});\n\n// API endpoint to generate card data\napp.post(\"/api/generate\", async c => {\n try {\n const { type, customBin, bulkFormat, quantity } = await c.req.json();\n \n if (!type) {\n return c.json({ error: \"Card type is required\" }, 400);\n }\n \n // Import generation functions\n const { \n generateCardData, \n cardTypes, \n validateBin, \n validateBulkFormat, \n generateCardDataFromFormat,\n generateMultipleCards,\n validateQuantity\n } = await import(\"../shared/utils.ts\");\n \n if (!cardTypes[type as keyof typeof cardTypes]) {\n return c.json({ error: \"Invalid card type\" }, 400);\n }\n \n // Handle bulk generation\n if (quantity && quantity > 1) {\n const quantityMode = quantity <= 100 ? 'default' : 'custom';\n const qValidation = validateQuantity(quantity, quantityMode);\n if (!qValidation.valid) {\n return c.json({ error: qValidation.message }, 400);\n }\n \n // Validate inputs for bulk generation\n if (bulkFormat && bulkFormat.trim()) {\n const validation = validateBulkFormat(bulkFormat);\n if (!validation.valid) {\n return c.json({ error: validation.message }, 400);\n }\n } else if (customBin && customBin.trim()) {\n const validation = validateBin(customBin, type);\n if (!validation.valid) {\n return c.json({ error: validation.message }, 400);\n }\n }\n \n const result = generateMultipleCards({\n quantity,\n type,\n customBin,\n bulkFormat\n });\n \n return c.json({\n success: true,\n bulk: true,\n result,\n timestamp: new Date().toISOString()\n });\n }\n \n // Handle single card generation\n let cardData;\n \n if (bulkFormat && bulkFormat.trim()) {\n // Handle bulk format generation\n const validation = validateBulkFormat(bulkFormat);\n if (!validation.valid) {\n return c.json({ error: validation.message }, 400);\n }\n \n cardData = generateCardDataFromFormat(type, validation.format!);\n \n return c.json({\n success: true,\n data: cardData,\n mode: 'bulk',\n bulkFormat: bulkFormat,\n timestamp: new Date().toISOString()\n });\n } else {\n // Handle simple or custom BIN generation\n if (customBin && customBin.trim()) {\n const validation = validateBin(customBin, type);\n if (!validation.valid) {\n return c.json({ error: validation.message }, 400);\n }\n }\n \n cardData = generateCardData(type, customBin);\n \n return c.json({\n success: true,\n data: cardData,\n mode: customBin ? 'custom' : 'simple',\n customBin: customBin || null,\n timestamp: new Date().toISOString()\n });\n }\n } catch (error) {\n return c.json({ error: error.message || \"Generation failed\" }, 500);\n }\n});\n\n// API endpoint to validate bulk format\napp.post(\"/api/validate-bulk\", async c => {\n try {\n const { bulkFormat } = await c.req.json();\n \n if (!bulkFormat) {\n return c.json({ error: \"Bulk format is required\" }, 400);\n }\n \n // Import validation function\n const { validateBulkFormat, getFormatExamples } = await import(\"../shared/utils.ts\");\n \n const validation = validateBulkFormat(bulkFormat);\n \n return c.json({\n validation,\n examples: getFormatExamples(),\n timestamp: new Date().toISOString()\n });\n } catch (error) {\n return c.json({ error: \"Validation failed\" }, 500);\n }\n});\n\n\n\n// API endpoint to validate BIN\napp.post(\"/api/validate-bin\", async c => {\n try {\n const { bin, cardType } = await c.req.json();\n \n if (!bin || !cardType) {\n return c.json({ error: \"BIN and card type are required\" }, 400);\n }\n \n // Import validation function\n const { validateBin, detectCardType } = await import(\"../shared/utils.ts\");\n \n const validation = validateBin(bin, cardType);\n const detectedType = detectCardType(bin);\n \n return c.json({\n validation,\n detectedType,\n timestamp: new Date().toISOString()\n });\n } catch (error) {\n return c.json({ error: \"Validation failed\" }, 500);\n }\n});\n\n// BIN lookup endpoint\napp.post(\"/api/bin-lookup\", async c => {\n try {\n const { bin } = await c.req.json();\n \n if (!bin || typeof bin !== 'string') {\n return c.json({ error: \"BIN is required\" }, 400);\n }\n \n // Validate BIN format (should be 6-8 digits)\n const cleanBin = bin.replace(/\\D/g, '');\n if (cleanBin.length < 6 || cleanBin.length > 8) {\n return c.json({ error: \"BIN must be 6-8 digits\" }, 400);\n }\n \n // Use BinList.net free API (no API key required)\n const response = await fetch(`https://lookup.binlist.net/${cleanBin}`);\n \n if (!response.ok) {\n if (response.status === 404) {\n return c.json({ error: \"BIN not found in database\" }, 404);\n }\n throw new Error(`BIN lookup service error: ${response.status}`);\n }\n \n const data = await response.json();\n \n // Format the response to match our interface\n const binInfo = {\n bin: cleanBin,\n brand: data.brand || \"Unknown\",\n type: data.type || \"Unknown\",\n category: data.category || \"Unknown\", \n issuer: data.bank?.name || \"Unknown\",\n country: {\n name: data.country?.name || \"Unknown\",\n code: data.country?.alpha2 || \"XX\",\n flag: data.country?.emoji || \"🏳️\"\n },\n bank: {\n name: data.bank?.name || \"Unknown\",\n website: data.bank?.url || undefined,\n phone: data.bank?.phone || undefined\n },\n prepaid: data.prepaid === true,\n scheme: data.scheme || \"Unknown\"\n };\n \n return c.json(binInfo);\n } catch (error) {\n console.error(\"BIN lookup error:\", error);\n return c.json({ \n error: \"Failed to lookup BIN information. Please try again later.\" \n }, 500);\n }\n});\n\n// Health check endpoint\napp.get(\"/api/health\", c => {\n return c.json({ \n status: \"healthy\", \n timestamp: new Date().toISOString(),\n version: \"1.0.0\"\n });\n});\n\n// Marketplace API endpoints\napp.get(\"/api/marketplace/products\", async c => {\n try {\n // In a real application, this would fetch from a database\n const products = [\n {\n id: \"1\",\n name: \"Premium Digital Tools Bundle\",\n description: \"Complete collection of professional digital tools for developers and designers. Includes premium software licenses, templates, and exclusive resources.\",\n price: 99.99,\n currency: \"USD\",\n category: \"Digital Tools\",\n image: \"🛠️\",\n features: [\n \"50+ Premium Software Licenses\",\n \"Exclusive Design Templates\", \n \"Developer Resources Pack\",\n \"24/7 Support Access\",\n \"Lifetime Updates\"\n ],\n inStock: true,\n rating: 4.8,\n reviews: 127,\n tags: [\"premium\", \"tools\", \"software\", \"bundle\"]\n },\n {\n id: \"2\",\n name: \"AI-Powered Analytics Suite\", \n description: \"Advanced analytics platform with AI-driven insights, real-time data processing, and comprehensive reporting tools for businesses.\",\n price: 149.99,\n currency: \"USD\",\n category: \"Analytics\",\n image: \"📊\",\n features: [\n \"AI-Driven Insights\",\n \"Real-time Data Processing\",\n \"Custom Dashboard Builder\",\n \"Advanced Reporting\",\n \"API Integration\"\n ],\n inStock: true,\n rating: 4.9,\n reviews: 89,\n tags: [\"ai\", \"analytics\", \"business\", \"data\"]\n },\n {\n id: \"3\",\n name: \"Cybersecurity Essentials Kit\",\n description: \"Comprehensive cybersecurity toolkit with VPN access, password managers, encryption tools, and security monitoring services.\",\n price: 79.99,\n currency: \"USD\",\n category: \"Security\", \n image: \"🔒\",\n features: [\n \"Premium VPN Access\",\n \"Password Manager Pro\",\n \"Encryption Tools Suite\",\n \"Security Monitoring\",\n \"Threat Detection\"\n ],\n inStock: true,\n rating: 4.7,\n reviews: 203,\n tags: [\"security\", \"vpn\", \"encryption\", \"privacy\"]\n }\n ];\n\n return c.json({\n success: true,\n products,\n total: products.length,\n timestamp: new Date().toISOString()\n });\n } catch (error) {\n return c.json({ error: \"Failed to fetch products\" }, 500);\n }\n});\n\napp.get(\"/api/marketplace/products/:id\", async c => {\n try {\n const id = c.req.param(\"id\");\n \n // In a real application, this would fetch from a database\n const products = [\n {\n id: \"1\",\n name: \"Premium Digital Tools Bundle\",\n description: \"Complete collection of professional digital tools for developers and designers. Includes premium software licenses, templates, and exclusive resources.\",\n price: 99.99,\n currency: \"USD\",\n category: \"Digital Tools\",\n image: \"🛠️\",\n features: [\n \"50+ Premium Software Licenses\",\n \"Exclusive Design Templates\",\n \"Developer Resources Pack\", \n \"24/7 Support Access\",\n \"Lifetime Updates\"\n ],\n inStock: true,\n rating: 4.8,\n reviews: 127,\n tags: [\"premium\", \"tools\", \"software\", \"bundle\"],\n detailedDescription: \"This comprehensive bundle includes everything a professional developer or designer needs. Get access to premium software licenses worth over $2000, exclusive design templates, and a complete developer resources pack. Includes lifetime updates and 24/7 priority support.\",\n specifications: [\n \"Compatible with Windows, Mac, and Linux\",\n \"Cloud-based license management\",\n \"Instant download and activation\",\n \"Regular content updates\",\n \"Community access\"\n ]\n }\n // Add other products here...\n ];\n\n const product = products.find(p => p.id === id);\n \n if (!product) {\n return c.json({ error: \"Product not found\" }, 404);\n }\n\n return c.json({\n success: true,\n product,\n timestamp: new Date().toISOString()\n });\n } catch (error) {\n return c.json({ error: \"Failed to fetch product\" }, 500);\n }\n});\n\napp.post(\"/api/marketplace/contact\", async c => {\n try {\n const { productId, message, contactInfo } = await c.req.json();\n \n if (!productId || !message) {\n return c.json({ error: \"Product ID and message are required\" }, 400);\n }\n\n // In a real application, this would send an email or save to database\n // For now, we'll just return success and redirect to Telegram\n \n return c.json({\n success: true,\n message: \"Contact request received. Please continue the conversation on Telegram.\",\n telegramUrl: \"https://t.me/YoursGOKU\",\n timestamp: new Date().toISOString()\n });\n } catch (error) {\n return c.json({ error: \"Failed to process contact request\" }, 500);\n }\n});\n\n// 404 handler\napp.notFound(c => {\n return c.json({ error: \"Not found\" }, 404);\n});\n\nexport default app.fetch;",[],[153,172],[153],{"_108":183,"_100":184,"_154":185,"_156":-5,"_157":141,"_158":186,"_160":161,"_110":187,"_105":31,"_163":164,"_165":-5,"_166":27,"_167":-5,"_168":188,"_103":318},"737ddc06-408b-11f0-95dd-76b3cceeab13","frontend","643176e7-74d8-4c67-824c-031dca65cc04",3,["D",1748962813062],[189,283,291,301,310],{"_108":190,"_100":191,"_154":192,"_156":185,"_157":141,"_158":193,"_160":161,"_110":194,"_105":31,"_163":164,"_165":-5,"_166":27,"_167":-5,"_168":195,"_103":282},"887b6e5c-408b-11f0-901d-76b3cceeab13","components","b6c026f2-9755-4c64-9aca-9f8c3bec50b7",5,["D",1748962848280],[196,207,217,226,235,245,254,264,273],{"_108":197,"_100":198,"_154":199,"_156":192,"_157":141,"_158":200,"_160":161,"_110":201,"_105":202,"_163":203,"_165":204,"_166":27,"_167":-5,"_168":205,"_103":206},"6d15d810-4328-11f0-b661-76b3cceeab13","AIToolsList.tsx","0a997a62-4287-11f0-900f-76b3cceeab13",89,["D",1749250135630],4,"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useMemo } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\n\ninterface AITool {\n name: string;\n url: string;\n category: string;\n description: string;\n}\n\nconst aiTools: AITool[] = [\n // AI Assistants & Chatbots\n { name: \"ChatGPT\", url: \"https://chatgpt.com/\", category: \"Assistant\", description: \"OpenAI's conversational AI assistant\" },\n { name: \"Claude\", url: \"https://claude.ai/\", category: \"Assistant\", description: \"Anthropic's AI assistant for various tasks and conversations\" },\n { name: \"Gemini\", url: \"https://gemini.google.com/\", category: \"Assistant\", description: \"Google's advanced AI assistant\" },\n { name: \"Perplexity\", url: \"https://www.perplexity.ai/\", category: \"Assistant\", description: \"AI-powered search and research assistant\" },\n { name: \"Microsoft Copilot\", url: \"https://copilot.microsoft.com/\", category: \"Assistant\", description: \"Microsoft's AI assistant integrated across products\" },\n { name: \"You.com\", url: \"https://you.com/\", category: \"Assistant\", description: \"AI-powered search engine and assistant\" },\n { name: \"Bing Copilot\", url: \"https://www.bing.com/chat\", category: \"Assistant\", description: \"Microsoft's AI-powered search assistant\" },\n { name: \"DeepSeek R1\", url: \"https://www.deepseek.com/\", category: \"Assistant\", description: \"Advanced AI reasoning model\" },\n { name: \"Grok\", url: \"https://grok.x.ai/\", category: \"Assistant\", description: \"xAI's conversational AI assistant\" },\n { name: \"Character AI\", url: \"https://character.ai/\", category: \"Assistant\", description: \"AI characters for conversation and roleplay\" },\n { name: \"Replika\", url: \"https://replika.ai/\", category: \"Assistant\", description: \"AI companion for personal conversations\" },\n { name: \"Kuki AI\", url: \"https://kuki.ai/\", category: \"Assistant\", description: \"Award-winning conversational AI\" },\n { name: \"Chai AI\", url: \"https://chai.ml/\", category: \"Assistant\", description: \"Platform for AI chatbot conversations\" },\n\n // Image Generation & Editing\n { name: \"Midjourney\", url: \"https://www.midjourney.com/\", category: \"Images\", description: \"AI art and image generation platform\" },\n { name: \"DALL·E 3\", url: \"https://openai.com/dall-e-3\", category: \"Images\", description: \"OpenAI's advanced image generation model\" },\n { name: \"Stable Diffusion\", url: \"https://stability.ai/\", category: \"Images\", description: \"Open-source AI image generation\" },\n { name: \"Lexica\", url: \"https://lexica.art/\", category: \"Images\", description: \"AI art search engine and generator\" },\n { name: \"Artbreeder\", url: \"https://www.artbreeder.com/\", category: \"Images\", description: \"AI collaborative art and character creation\" },\n { name: \"NightCafe\", url: \"https://nightcafe.studio/\", category: \"Images\", description: \"AI art generator with multiple algorithms\" },\n { name: \"Craiyon\", url: \"https://www.craiyon.com/\", category: \"Images\", description: \"Free AI image generator\" },\n { name: \"DreamStudio\", url: \"https://dreamstudio.ai/\", category: \"Images\", description: \"Stability AI's image generation interface\" },\n { name: \"StarryAI\", url: \"https://starryai.com/\", category: \"Images\", description: \"AI art generator app\" },\n { name: \"Deep Dream Generator\", url: \"https://deepdreamgenerator.com/\", category: \"Images\", description: \"AI art using deep neural networks\" },\n { name: \"Wombo\", url: \"https://www.wombo.art/\", category: \"Images\", description: \"AI art creation app\" },\n { name: \"Getimg.ai\", url: \"https://getimg.ai/\", category: \"Images\", description: \"AI image generation and editing suite\" },\n { name: \"Imagen AI\", url: \"https://imagen-ai.com/\", category: \"Images\", description: \"AI image generation platform\" },\n { name: \"Generated Photos\", url: \"https://generated.photos/\", category: \"Images\", description: \"AI-generated stock photos of people\" },\n { name: \"This Person Does Not Exist\", url: \"https://thispersondoesnotexist.com/\", category: \"Images\", description: \"AI-generated realistic human faces\" },\n { name: \"Remove.bg\", url: \"https://www.remove.bg/\", category: \"Images\", description: \"AI background removal tool\" },\n { name: \"Cleanup Pictures\", url: \"https://cleanup.pictures/\", category: \"Images\", description: \"AI-powered image cleanup and editing\" },\n { name: \"PhotoRoom\", url: \"https://www.photoroom.com/\", category: \"Images\", description: \"AI photo editing and background removal\" },\n { name: \"VanceAI\", url: \"https://vanceai.com/\", category: \"Images\", description: \"AI image enhancement and editing tools\" },\n { name: \"Topaz Labs\", url: \"https://www.topazlabs.com/\", category: \"Images\", description: \"AI image enhancement software\" },\n { name: \"Let's Enhance\", url: \"https://letsenhance.io/\", category: \"Images\", description: \"AI image upscaling and enhancement\" },\n { name: \"Pixelcut\", url: \"https://www.pixelcut.ai/\", category: \"Images\", description: \"AI photo editing for e-commerce\" },\n { name: \"Fotor\", url: \"https://www.fotor.com/\", category: \"Images\", description: \"AI-powered photo editor\" },\n { name: \"Picsart\", url: \"https://picsart.com/\", category: \"Images\", description: \"AI photo and video editing platform\" },\n { name: \"Photoleap\", url: \"https://www.photoleapapp.com/\", category: \"Images\", description: \"AI photo editing app\" },\n { name: \"Freepik AI\", url: \"https://www.freepik.com/ai\", category: \"Images\", description: \"AI image generation for design\" },\n { name: \"Icons8\", url: \"https://icons8.com/ai\", category: \"Images\", description: \"AI-generated icons and graphics\" },\n { name: \"DeepArt\", url: \"https://deepart.io/\", category: \"Images\", description: \"AI artistic style transfer\" },\n { name: \"Vivid AI\", url: \"https://www.vivid.ai/\", category: \"Images\", description: \"AI photo editing and enhancement\" },\n { name: \"Hotpot.ai\", url: \"https://hotpot.ai/\", category: \"Images\", description: \"AI graphics and writing tools\" },\n { name: \"MyHeritage Deep Nostalgia\", url: \"https://www.myheritage.com/deep-nostalgia\", category: \"Images\", description: \"AI photo animation tool\" },\n { name: \"Artguru\", url: \"https://www.artguru.ai/\", category: \"Images\", description: \"AI art generator and editor\" },\n { name: \"Old Photo AI\", url: \"https://oldphotoai.com/\", category: \"Images\", description: \"AI old photo restoration\" },\n { name: \"Cartoonize\", url: \"https://cartoonize.net/\", category: \"Images\", description: \"AI photo to cartoon converter\" },\n { name: \"ToonMe\", url: \"https://toonme.com/\", category: \"Images\", description: \"AI cartoon avatar creator\" },\n { name: \"Voila AI Artist\", url: \"https://voilaaiartist.com/\", category: \"Images\", description: \"AI art style transformation\" },\n { name: \"DeepAnime\", url: \"https://deepanime.ai/\", category: \"Images\", description: \"AI anime character generator\" },\n { name: \"AnimeAI\", url: \"https://animeai.app/\", category: \"Images\", description: \"AI anime art creation\" },\n { name: \"Waifu Labs\", url: \"https://waifulabs.com/\", category: \"Images\", description: \"AI anime character generator\" },\n { name: \"Crypko\", url: \"https://crypko.ai/\", category: \"Images\", description: \"AI anime character creation\" },\n { name: \"Artisto\", url: \"https://artisto.io/\", category: \"Images\", description: \"AI video and photo filters\" },\n { name: \"Prisma\", url: \"https://prisma-ai.com/\", category: \"Images\", description: \"AI photo filters and effects\" },\n { name: \"Lensa\", url: \"https://lensa.ai/\", category: \"Images\", description: \"AI photo editing and avatars\" },\n\n // Video Generation & Editing\n { name: \"Runway\", url: \"https://runwayml.com/\", category: \"Video\", description: \"AI video editing and generation tools\" },\n { name: \"Synthesia\", url: \"https://www.synthesia.io/\", category: \"Video\", description: \"AI video generation with virtual avatars\" },\n { name: \"Sora\", url: \"https://openai.com/sora\", category: \"Video\", description: \"OpenAI's text-to-video generation model\" },\n { name: \"Kling\", url: \"https://klingai.com/\", category: \"Video\", description: \"AI video generation platform\" },\n { name: \"Hailuo\", url: \"https://hailuo.ai/\", category: \"Video\", description: \"AI video creation tool\" },\n { name: \"Google Veo 2\", url: \"https://ai.google/products/veo\", category: \"Video\", description: \"Google's advanced video generation model\" },\n { name: \"Lumen5\", url: \"https://lumen5.com/\", category: \"Video\", description: \"AI video creation from text content\" },\n { name: \"Pictory\", url: \"https://pictory.ai/\", category: \"Video\", description: \"AI video creation from scripts\" },\n { name: \"Invideo\", url: \"https://invideo.io/\", category: \"Video\", description: \"AI video creation platform\" },\n { name: \"Colossyan\", url: \"https://www.colossyan.com/\", category: \"Video\", description: \"AI video creation with avatars\" },\n { name: \"HeyGen\", url: \"https://www.heygen.com/\", category: \"Video\", description: \"AI video generation platform\" },\n { name: \"CapCut\", url: \"https://www.capcut.com/\", category: \"Video\", description: \"AI-powered video editing app\" },\n { name: \"Descript\", url: \"https://www.descript.com/\", category: \"Video\", description: \"AI video and audio editing\" },\n { name: \"VEED\", url: \"https://www.veed.io/\", category: \"Video\", description: \"AI video editing platform\" },\n { name: \"Clipchamp\", url: \"https://clipchamp.com/\", category: \"Video\", description: \"AI video editor by Microsoft\" },\n { name: \"Wave.video\", url: \"https://wave.video/\", category: \"Video\", description: \"AI video creation and editing\" },\n { name: \"FlexClip\", url: \"https://www.flexclip.com/\", category: \"Video\", description: \"AI video maker and editor\" },\n { name: \"Runway Gen-2\", url: \"https://runwayml.com/gen-2\", category: \"Video\", description: \"Advanced AI video generation\" },\n { name: \"Kaiber\", url: \"https://kaiber.ai/\", category: \"Video\", description: \"AI video generation from images\" },\n { name: \"DeepBrain AI\", url: \"https://www.deepbrain.io/\", category: \"Video\", description: \"AI video synthesis platform\" },\n { name: \"Elai.io\", url: \"https://elai.io/\", category: \"Video\", description: \"AI video generation with avatars\" },\n { name: \"Rephrase.ai\", url: \"https://www.rephrase.ai/\", category: \"Video\", description: \"AI video personalization\" },\n { name: \"D-ID\", url: \"https://www.d-id.com/\", category: \"Video\", description: \"AI video creation from photos\" },\n { name: \"Vidnoz AI\", url: \"https://www.vidnoz.com/\", category: \"Video\", description: \"AI video creation platform\" },\n { name: \"Captions\", url: \"https://www.captions.ai/\", category: \"Video\", description: \"AI-powered video captions and editing\" },\n\n // Audio & Voice\n { name: \"ElevenLabs\", url: \"https://elevenlabs.io/\", category: \"Audio\", description: \"AI voice generation and cloning\" },\n { name: \"Murf AI\", url: \"https://murf.ai/\", category: \"Audio\", description: \"AI voice generation platform\" },\n { name: \"WellSaid Labs\", url: \"https://wellsaidlabs.com/\", category: \"Audio\", description: \"AI voice generation for business\" },\n { name: \"Speechify\", url: \"https://speechify.com/\", category: \"Audio\", description: \"AI text-to-speech platform\" },\n { name: \"Play.ht\", url: \"https://play.ht/\", category: \"Audio\", description: \"AI voice generation and cloning\" },\n { name: \"Listnr\", url: \"https://www.listnr.tech/\", category: \"Audio\", description: \"AI text-to-speech converter\" },\n { name: \"Resemble AI\", url: \"https://www.resemble.ai/\", category: \"Audio\", description: \"AI voice cloning and generation\" },\n { name: \"Voicemod\", url: \"https://www.voicemod.net/\", category: \"Audio\", description: \"AI voice changer and effects\" },\n { name: \"SOUNDRAW\", url: \"https://soundraw.io/\", category: \"Audio\", description: \"AI music generation platform\" },\n { name: \"Boomy\", url: \"https://boomy.com/\", category: \"Audio\", description: \"AI music creation platform\" },\n { name: \"AIVA\", url: \"https://www.aiva.ai/\", category: \"Audio\", description: \"AI music composition\" },\n { name: \"Mubert\", url: \"https://mubert.com/\", category: \"Audio\", description: \"AI music generation for content\" },\n { name: \"Otter\", url: \"https://otter.ai/\", category: \"Audio\", description: \"AI meeting transcription and notes\" },\n { name: \"Fireflies\", url: \"https://fireflies.ai/\", category: \"Audio\", description: \"AI meeting assistant and transcription\" },\n { name: \"Krisp\", url: \"https://krisp.ai/\", category: \"Audio\", description: \"AI noise cancellation for calls\" },\n { name: \"Notta\", url: \"https://www.notta.ai/\", category: \"Audio\", description: \"AI transcription and note-taking\" },\n { name: \"Rev\", url: \"https://www.rev.com/\", category: \"Audio\", description: \"AI transcription services\" },\n { name: \"Sonix\", url: \"https://sonix.ai/\", category: \"Audio\", description: \"AI transcription and subtitles\" },\n { name: \"Trint\", url: \"https://trint.com/\", category: \"Audio\", description: \"AI transcription platform\" },\n { name: \"Happy Scribe\", url: \"https://www.happyscribe.com/\", category: \"Audio\", description: \"AI transcription and subtitles\" },\n { name: \"Cleanvoice\", url: \"https://cleanvoice.ai/\", category: \"Audio\", description: \"AI audio editing and cleanup\" },\n { name: \"Podcast.ai\", url: \"https://podcast.ai/\", category: \"Audio\", description: \"AI podcast generation\" },\n { name: \"Audiate\", url: \"https://www.techsmith.com/audiate.html\", category: \"Audio\", description: \"AI audio editing software\" },\n { name: \"Wavve\", url: \"https://wavve.co/\", category: \"Audio\", description: \"AI audio visualization for social media\" },\n { name: \"Fathom AI\", url: \"https://fathom.video/\", category: \"Audio\", description: \"AI meeting recording and summaries\" },\n { name: \"Swift\", url: \"https://swiftvoice.ai/\", category: \"Audio\", description: \"AI voice assistant platform\" },\n { name: \"MusicHero\", url: \"https://musichero.ai/\", category: \"Audio\", description: \"AI music learning platform\" },\n { name: \"AI Drum Generator\", url: \"https://aidrumgenerator.com/\", category: \"Audio\", description: \"AI drum pattern generation\" },\n { name: \"No More Copyright\", url: \"https://nomorecopyright.ai/\", category: \"Audio\", description: \"AI copyright-free music generation\" },\n\n // Writing & Content Creation\n { name: \"Jasper\", url: \"https://www.jasper.ai/\", category: \"Writing\", description: \"AI copywriting and content creation platform\" },\n { name: \"Copy.ai\", url: \"https://www.copy.ai/\", category: \"Writing\", description: \"AI copywriting assistant\" },\n { name: \"Writesonic\", url: \"https://writesonic.com/\", category: \"Writing\", description: \"AI writing and content creation\" },\n { name: \"Rytr\", url: \"https://rytr.me/\", category: \"Writing\", description: \"AI writing assistant\" },\n { name: \"Grammarly\", url: \"https://www.grammarly.com/\", category: \"Writing\", description: \"AI writing assistant and grammar checker\" },\n { name: \"QuillBot\", url: \"https://quillbot.com/\", category: \"Writing\", description: \"AI paraphrasing and writing tool\" },\n { name: \"Notion AI\", url: \"https://www.notion.so/Notion-AI-7b848178fe0241f095498968f499a7b3\", category: \"Writing\", description: \"AI-enhanced workspace for notes and collaboration\" },\n { name: \"Wordtune\", url: \"https://www.wordtune.com/\", category: \"Writing\", description: \"AI writing companion and editor\" },\n { name: \"ProWritingAid\", url: \"https://prowritingaid.com/\", category: \"Writing\", description: \"AI writing assistant and editor\" },\n { name: \"Textio\", url: \"https://textio.com/\", category: \"Writing\", description: \"AI writing platform for inclusive language\" },\n { name: \"Anyword\", url: \"https://anyword.com/\", category: \"Writing\", description: \"AI copywriting platform\" },\n { name: \"Hypotenuse AI\", url: \"https://www.hypotenuse.ai/\", category: \"Writing\", description: \"AI content generation platform\" },\n { name: \"Peppertype.ai\", url: \"https://www.peppertype.ai/\", category: \"Writing\", description: \"AI content creation platform\" },\n { name: \"Scalenut\", url: \"https://www.scalenut.com/\", category: \"Writing\", description: \"AI SEO and content marketing platform\" },\n { name: \"ContentBot\", url: \"https://contentbot.ai/\", category: \"Writing\", description: \"AI content generation for marketing\" },\n { name: \"Moonbeam\", url: \"https://www.gomoonbeam.com/\", category: \"Writing\", description: \"AI writing assistant for long-form content\" },\n { name: \"AI Content Generator\", url: \"https://aicontentgenerator.app/\", category: \"Writing\", description: \"Generate various types of AI content\" },\n { name: \"Content Villain\", url: \"https://contentvillain.com/\", category: \"Writing\", description: \"AI content creation platform\" },\n { name: \"Writecream\", url: \"https://www.writecream.com/\", category: \"Writing\", description: \"AI content creation tool\" },\n { name: \"TextCortex\", url: \"https://textcortex.com/\", category: \"Writing\", description: \"AI writing assistant\" },\n { name: \"Creaitor.ai\", url: \"https://www.creaitor.ai/\", category: \"Writing\", description: \"AI content creation platform\" },\n { name: \"WordHero\", url: \"https://wordhero.co/\", category: \"Writing\", description: \"AI writing tool\" },\n { name: \"ShortlyAI\", url: \"https://www.shortlyai.com/\", category: \"Writing\", description: \"AI writing assistant\" },\n { name: \"Article Forge\", url: \"https://www.articleforge.com/\", category: \"Writing\", description: \"AI article generation\" },\n { name: \"LongShot AI\", url: \"https://www.longshot.ai/\", category: \"Writing\", description: \"AI content research and writing\" },\n { name: \"Neuroflash\", url: \"https://neuroflash.com/\", category: \"Writing\", description: \"AI copywriting platform\" },\n { name: \"AI-Writer\", url: \"https://ai-writer.com/\", category: \"Writing\", description: \"AI article writing tool\" },\n { name: \"INK Content\", url: \"https://inkforall.com/\", category: \"Writing\", description: \"AI content optimization\" },\n { name: \"Texta.ai\", url: \"https://texta.ai/\", category: \"Writing\", description: \"AI content creation platform\" },\n { name: \"Outranking\", url: \"https://www.outranking.io/\", category: \"Writing\", description: \"AI content optimization for SEO\" },\n { name: \"Smart Copy\", url: \"https://www.unbounce.com/smart-copy/\", category: \"Writing\", description: \"AI copywriting by Unbounce\" },\n { name: \"Headlime\", url: \"https://headlime.com/\", category: \"Writing\", description: \"AI copywriting tool\" },\n { name: \"Simplified AI\", url: \"https://simplified.com/ai-writer/\", category: \"Writing\", description: \"AI writing and design platform\" },\n { name: \"AISEO\", url: \"https://aiseo.ai/\", category: \"Writing\", description: \"AI content writing and SEO\" },\n { name: \"CopyMonkey\", url: \"https://copymonkey.ai/\", category: \"Writing\", description: \"AI Amazon listing optimization\" },\n { name: \"Copysmith\", url: \"https://copysmith.ai/\", category: \"Writing\", description: \"AI copywriting platform\" },\n { name: \"Creator AI\", url: \"https://www.creator.ai/\", category: \"Writing\", description: \"AI content creation tool\" },\n { name: \"Craftly.AI\", url: \"https://craftly.ai/\", category: \"Writing\", description: \"AI copywriting assistant\" },\n { name: \"GoCharlie\", url: \"https://gocharlie.ai/\", category: \"Writing\", description: \"AI content creation platform\" },\n { name: \"NexMind\", url: \"https://www.nexmind.ai/\", category: \"Writing\", description: \"AI content and SEO platform\" },\n { name: \"Seowriting.ai\", url: \"https://seowriting.ai/\", category: \"Writing\", description: \"AI SEO content writing\" },\n { name: \"Wordplay\", url: \"https://wordplay.ai/\", category: \"Writing\", description: \"AI content creation tool\" },\n { name: \"Writeseed\", url: \"https://writeseed.com/\", category: \"Writing\", description: \"AI writing assistant\" },\n { name: \"Writesparkle\", url: \"https://writesparkle.ai/\", category: \"Writing\", description: \"AI writing tool\" },\n { name: \"AI Copywriting\", url: \"https://aicopywriting.io/\", category: \"Writing\", description: \"AI copywriting platform\" },\n { name: \"Copymate\", url: \"https://copymate.app/\", category: \"Writing\", description: \"AI content generation\" },\n { name: \"Wordkraft\", url: \"https://wordkraft.ai/\", category: \"Writing\", description: \"AI writing assistant\" },\n { name: \"AI Content Labs\", url: \"https://aicontentlabs.com/\", category: \"Writing\", description: \"AI content creation platform\" },\n { name: \"Writey.ai\", url: \"https://writey.ai/\", category: \"Writing\", description: \"AI writing tool\" },\n { name: \"Texti.app\", url: \"https://texti.app/\", category: \"Writing\", description: \"AI text generation\" },\n { name: \"AI Text Generator\", url: \"https://aitextgenerator.io/\", category: \"Writing\", description: \"AI text creation tool\" },\n { name: \"Sudowrite\", url: \"https://www.sudowrite.com/\", category: \"Writing\", description: \"AI writing assistant for fiction\" },\n { name: \"NovelAI\", url: \"https://novelai.net/\", category: \"Writing\", description: \"AI storytelling platform\" },\n { name: \"Dreamily\", url: \"https://dreamily.ai/\", category: \"Writing\", description: \"AI story writing assistant\" },\n { name: \"StoryLab\", url: \"https://storylab.ai/\", category: \"Writing\", description: \"AI story generation platform\" },\n { name: \"AI Story Generator\", url: \"https://aistorygenerator.com/\", category: \"Writing\", description: \"AI story creation tool\" },\n { name: \"DeepStory\", url: \"https://deepstory.ai/\", category: \"Writing\", description: \"AI script writing platform\" },\n { name: \"Narrato Workspace\", url: \"https://narrato.io/\", category: \"Writing\", description: \"AI content creation workspace\" },\n { name: \"Tugan.ai\", url: \"https://tugan.ai/\", category: \"Writing\", description: \"AI content generation from URLs\" },\n\n // Translation & Language\n { name: \"DeepL\", url: \"https://www.deepl.com/\", category: \"Translation\", description: \"AI-powered translation service\" },\n\n // Development & Code\n { name: \"GitHub Copilot\", url: \"https://copilot.github.com/\", category: \"Development\", description: \"AI pair programmer for code completion\" },\n { name: \"Cursor AI\", url: \"https://www.cursor.com/\", category: \"Development\", description: \"AI-powered code editor\" },\n { name: \"Tabnine\", url: \"https://www.tabnine.com/\", category: \"Development\", description: \"AI code completion assistant\" },\n { name: \"Replit\", url: \"https://replit.com/\", category: \"Development\", description: \"AI-powered online IDE and coding platform\" },\n { name: \"Codeium\", url: \"https://codeium.com/\", category: \"Development\", description: \"Free AI code completion tool\" },\n { name: \"Blackbox AI\", url: \"https://www.blackbox.ai/\", category: \"Development\", description: \"AI code generation platform\" },\n { name: \"Codium AI\", url: \"https://www.codium.ai/\", category: \"Development\", description: \"AI code testing and review\" },\n\n // Website Builders & No-Code\n { name: \"Hostinger AI Website Builder\", url: \"https://www.hostinger.com/ai-website-builder\", category: \"Development\", description: \"AI-powered website builder\" },\n { name: \"Wix ADI\", url: \"https://www.wix.com/ai-website-builder\", category: \"Development\", description: \"AI website design intelligence\" },\n { name: \"Squarespace Blueprint AI\", url: \"https://www.squarespace.com/ai\", category: \"Development\", description: \"AI website design assistant\" },\n { name: \"DoraTool\", url: \"https://dora.run/\", category: \"Development\", description: \"AI website builder with no-code design\" },\n { name: \"Wegic AI\", url: \"https://wegic.ai/\", category: \"Development\", description: \"AI web development assistant\" },\n { name: \"10Web\", url: \"https://10web.io/\", category: \"Development\", description: \"AI WordPress platform\" },\n { name: \"Framer\", url: \"https://www.framer.com/\", category: \"Development\", description: \"AI website and app design tool\" },\n { name: \"Durable AI\", url: \"https://durable.co/\", category: \"Development\", description: \"AI website builder for small business\" },\n { name: \"Uizard\", url: \"https://uizard.io/\", category: \"Development\", description: \"AI-powered UI/UX design tool\" },\n { name: \"Bubble\", url: \"https://bubble.io/\", category: \"Development\", description: \"No-code app development platform\" },\n { name: \"Webflow\", url: \"https://webflow.com/\", category: \"Development\", description: \"Visual web development platform\" },\n { name: \"Glide\", url: \"https://www.glideapps.com/\", category: \"Development\", description: \"No-code app builder\" },\n { name: \"Softr\", url: \"https://www.softr.io/\", category: \"Development\", description: \"No-code app builder from Airtable\" },\n { name: \"Google AppSheet\", url: \"https://www.appsheet.com/\", category: \"Development\", description: \"No-code app development platform\" },\n { name: \"Quickbase\", url: \"https://www.quickbase.com/\", category: \"Development\", description: \"Low-code application platform\" },\n { name: \"Appy Pie\", url: \"https://www.appypie.com/\", category: \"Development\", description: \"No-code app development platform\" },\n\n // Design & Creative\n { name: \"Canva\", url: \"https://www.canva.com/\", category: \"Design\", description: \"AI-powered graphic design platform\" },\n { name: \"AdCreative.ai\", url: \"https://www.adcreative.ai/\", category: \"Design\", description: \"AI ad creative generation\" },\n { name: \"Magic Write\", url: \"https://www.canva.com/magic-write/\", category: \"Design\", description: \"Canva's AI writing assistant\" },\n { name: \"Magic Design\", url: \"https://www.canva.com/magic-design/\", category: \"Design\", description: \"Canva's AI design generator\" },\n { name: \"Magic Switch\", url: \"https://www.canva.com/magic-switch/\", category: \"Design\", description: \"Canva's AI format converter\" },\n { name: \"Magic Animate\", url: \"https://www.canva.com/magic-animate/\", category: \"Design\", description: \"Canva's AI animation tool\" },\n { name: \"Simplified\", url: \"https://simplified.com/\", category: \"Design\", description: \"AI design and marketing platform\" },\n { name: \"Figma\", url: \"https://www.figma.com/\", category: \"Design\", description: \"AI-enhanced collaborative design platform\" },\n { name: \"Adobe XD\", url: \"https://www.adobe.com/products/xd.html\", category: \"Design\", description: \"AI-powered UX/UI design tool\" },\n { name: \"Sketch\", url: \"https://www.sketch.com/\", category: \"Design\", description: \"AI design tools for digital products\" },\n { name: \"InVision\", url: \"https://www.invisionapp.com/\", category: \"Design\", description: \"AI prototyping and design platform\" },\n { name: \"Adobe Sensei\", url: \"https://www.adobe.com/sensei.html\", category: \"Design\", description: \"Adobe's AI and machine learning platform\" },\n\n // Presentation & Slides\n { name: \"Prezi\", url: \"https://prezi.com/\", category: \"Presentation\", description: \"AI-enhanced presentation platform\" },\n { name: \"Pitch\", url: \"https://pitch.com/\", category: \"Presentation\", description: \"AI presentation software\" },\n { name: \"PopAI\", url: \"https://www.popai.pro/\", category: \"Presentation\", description: \"AI presentation creation tool\" },\n { name: \"SlidesGPT\", url: \"https://slidesgpt.com/\", category: \"Presentation\", description: \"AI slide generation from text\" },\n { name: \"Slidebean\", url: \"https://slidebean.com/\", category: \"Presentation\", description: \"AI presentation design platform\" },\n\n // Productivity & Automation\n { name: \"Zapier\", url: \"https://zapier.com/\", category: \"Productivity\", description: \"AI-powered automation platform\" },\n { name: \"Make\", url: \"https://www.make.com/\", category: \"Productivity\", description: \"Visual automation platform\" },\n { name: \"IFTTT\", url: \"https://ifttt.com/\", category: \"Productivity\", description: \"Simple automation platform\" },\n { name: \"Motion\", url: \"https://www.usemotion.com/\", category: \"Productivity\", description: \"AI calendar and task management\" },\n { name: \"Reclaim AI\", url: \"https://reclaim.ai/\", category: \"Productivity\", description: \"AI calendar optimization\" },\n { name: \"Clockwise\", url: \"https://www.getclockwise.com/\", category: \"Productivity\", description: \"AI focus time management\" },\n { name: \"Trevor AI\", url: \"https://trevorai.com/\", category: \"Productivity\", description: \"AI daily planning assistant\" },\n { name: \"Any.do\", url: \"https://www.any.do/\", category: \"Productivity\", description: \"AI task management app\" },\n { name: \"ClickUp\", url: \"https://clickup.com/\", category: \"Productivity\", description: \"AI-powered project management\" },\n { name: \"Monday.com\", url: \"https://monday.com/\", category: \"Productivity\", description: \"AI work management platform\" },\n { name: \"Asana\", url: \"https://asana.com/\", category: \"Productivity\", description: \"AI project management tool\" },\n { name: \"Trello\", url: \"https://trello.com/\", category: \"Productivity\", description: \"AI-enhanced project boards\" },\n { name: \"Todoist\", url: \"https://todoist.com/\", category: \"Productivity\", description: \"AI task management app\" },\n { name: \"Airtable\", url: \"https://airtable.com/\", category: \"Productivity\", description: \"AI-powered database platform\" },\n { name: \"SmartSuite\", url: \"https://www.smartsuite.com/\", category: \"Productivity\", description: \"AI work management platform\" },\n\n // Customer Service & Support\n { name: \"Tidio\", url: \"https://www.tidio.com/\", category: \"Support\", description: \"AI chatbot and live chat platform\" },\n { name: \"Zendesk\", url: \"https://www.zendesk.com/\", category: \"Support\", description: \"AI-powered customer service platform\" },\n { name: \"Hiver\", url: \"https://hiverhq.com/\", category: \"Support\", description: \"AI customer service for Gmail\" },\n { name: \"ChatSimple\", url: \"https://www.chatsimple.ai/\", category: \"Support\", description: \"AI chatbot platform\" },\n { name: \"Intercom\", url: \"https://www.intercom.com/\", category: \"Support\", description: \"AI customer messaging and support\" },\n { name: \"Drift\", url: \"https://www.drift.com/\", category: \"Support\", description: \"AI conversational marketing platform\" },\n { name: \"LivePerson\", url: \"https://www.liveperson.com/\", category: \"Support\", description: \"AI conversational commerce platform\" },\n { name: \"Ada\", url: \"https://www.ada.cx/\", category: \"Support\", description: \"AI customer service automation\" },\n { name: \"Freshchat\", url: \"https://www.freshworks.com/freshchat/\", category: \"Support\", description: \"AI customer messaging platform\" },\n\n // E-commerce & Business\n { name: \"Shopify AI\", url: \"https://www.shopify.com/ai\", category: \"E-commerce\", description: \"AI-powered e-commerce platform\" },\n\n // SEO & Marketing\n { name: \"SurferSEO\", url: \"https://surferseo.com/\", category: \"Marketing\", description: \"AI SEO optimization platform\" },\n { name: \"MarketMuse\", url: \"https://www.marketmuse.com/\", category: \"Marketing\", description: \"AI content planning and optimization\" },\n { name: \"Frase\", url: \"https://www.frase.io/\", category: \"Marketing\", description: \"AI content optimization for SEO\" },\n { name: \"Clearscope\", url: \"https://www.clearscope.io/\", category: \"Marketing\", description: \"AI content optimization platform\" },\n { name: \"Contentful AI\", url: \"https://www.contentful.com/ai/\", category: \"Marketing\", description: \"AI content management platform\" },\n { name: \"Hootsuite AI\", url: \"https://www.hootsuite.com/ai\", category: \"Marketing\", description: \"AI social media management\" },\n { name: \"Buffer\", url: \"https://buffer.com/ai\", category: \"Marketing\", description: \"AI social media scheduling and analytics\" },\n { name: \"Sprout Social\", url: \"https://sproutsocial.com/ai/\", category: \"Marketing\", description: \"AI social media engagement and analytics\" },\n\n // Data & Analytics\n { name: \"DeepAI\", url: \"https://deepai.org/\", category: \"Analytics\", description: \"AI tools and APIs platform\" },\n { name: \"H2O.ai\", url: \"https://www.h2o.ai/\", category: \"Analytics\", description: \"AI and machine learning platform\" },\n { name: \"DataRobot\", url: \"https://www.datarobot.com/\", category: \"Analytics\", description: \"Automated machine learning platform\" },\n { name: \"Tableau\", url: \"https://www.tableau.com/\", category: \"Analytics\", description: \"AI-enhanced data visualization platform\" },\n { name: \"Power BI\", url: \"https://powerbi.microsoft.com/\", category: \"Analytics\", description: \"AI business analytics and reporting\" },\n { name: \"Looker\", url: \"https://looker.com/\", category: \"Analytics\", description: \"AI business intelligence platform\" },\n { name: \"Qlik\", url: \"https://www.qlik.com/\", category: \"Analytics\", description: \"AI data analytics platform\" },\n { name: \"Sisense\", url: \"https://www.sisense.com/\", category: \"Analytics\", description: \"AI-driven business intelligence\" },\n { name: \"Domo\", url: \"https://www.domo.com/\", category: \"Analytics\", description: \"AI business intelligence platform\" },\n { name: \"ThoughtSpot\", url: \"https://www.thoughtspot.com/\", category: \"Analytics\", description: \"AI search-driven analytics\" },\n\n // Enterprise AI\n { name: \"UiPath\", url: \"https://www.uipath.com/\", category: \"Enterprise\", description: \"AI-powered robotic process automation\" },\n { name: \"Salesforce Einstein\", url: \"https://www.salesforce.com/products/einstein/\", category: \"Enterprise\", description: \"AI for CRM and business processes\" },\n { name: \"Clarifai\", url: \"https://www.clarifai.com/\", category: \"Enterprise\", description: \"AI computer vision platform\" },\n { name: \"C3.ai\", url: \"https://c3.ai/\", category: \"Enterprise\", description: \"Enterprise AI application platform\" },\n\n // Cloud AI Services\n { name: \"Google AI Studio\", url: \"https://aistudio.google.com/\", category: \"Cloud AI\", description: \"Google's AI development platform\" },\n { name: \"Video Intelligence API\", url: \"https://cloud.google.com/video-intelligence\", category: \"Cloud AI\", description: \"Google Cloud video analysis API\" },\n { name: \"NotebookLM\", url: \"https://notebooklm.google/\", category: \"Cloud AI\", description: \"Google's AI research assistant\" },\n { name: \"Translation API Basic\", url: \"https://cloud.google.com/translate\", category: \"Cloud AI\", description: \"Google Cloud translation service\" },\n { name: \"Gemini Code Assist\", url: \"https://cloud.google.com/gemini\", category: \"Cloud AI\", description: \"Google's AI coding assistant\" },\n { name: \"Gemini for Workspace\", url: \"https://workspace.google.com/solutions/ai\", category: \"Cloud AI\", description: \"AI for Google Workspace\" },\n { name: \"Imagen 4\", url: \"https://ai.google/products/imagen\", category: \"Cloud AI\", description: \"Google's image generation model\" },\n { name: \"SynthID Detector\", url: \"https://ai.google/research/synthid\", category: \"Cloud AI\", description: \"Google's AI content detection\" },\n { name: \"Azure Cognitive Services\", url: \"https://azure.microsoft.com/en-us/services/cognitive-services/\", category: \"Cloud AI\", description: \"Microsoft's AI services platform\" },\n { name: \"AWS SageMaker\", url: \"https://aws.amazon.com/sagemaker/\", category: \"Cloud AI\", description: \"Amazon's machine learning platform\" },\n { name: \"Google Vertex AI\", url: \"https://cloud.google.com/vertex-ai\", category: \"Cloud AI\", description: \"Google Cloud AI platform\" },\n { name: \"Azure Machine Learning\", url: \"https://azure.microsoft.com/en-us/services/machine-learning/\", category: \"Cloud AI\", description: \"Microsoft's ML platform\" },\n { name: \"AWS Comprehend\", url: \"https://aws.amazon.com/comprehend/\", category: \"Cloud AI\", description: \"Amazon's natural language processing\" },\n { name: \"Amazon Lex\", url: \"https://aws.amazon.com/lex/\", category: \"Cloud AI\", description: \"Amazon's conversational AI service\" },\n { name: \"Google Cloud Natural Language\", url: \"https://cloud.google.com/natural-language\", category: \"Cloud AI\", description: \"Google's text analysis API\" },\n { name: \"Dialogflow\", url: \"https://cloud.google.com/dialogflow\", category: \"Cloud AI\", description: \"Google's conversational AI platform\" },\n\n // AI Research & Platforms\n { name: \"OpenAI\", url: \"https://openai.com/\", category: \"Research\", description: \"AI research and deployment company\" },\n { name: \"Anthropic\", url: \"https://www.anthropic.com/\", category: \"Research\", description: \"AI safety research company\" },\n { name: \"xAI\", url: \"https://x.ai/\", category: \"Research\", description: \"Elon Musk's AI company\" },\n { name: \"DeepMind\", url: \"https://www.deepmind.com/\", category: \"Research\", description: \"Google's AI research lab\" },\n { name: \"Hugging Face\", url: \"https://huggingface.co/\", category: \"Research\", description: \"AI model hub and platform\" },\n { name: \"AI21 Studio\", url: \"https://www.ai21.com/\", category: \"Research\", description: \"AI language model platform\" },\n { name: \"Cohere\", url: \"https://cohere.ai/\", category: \"Research\", description: \"AI language model platform\" },\n { name: \"Llama\", url: \"https://ai.meta.com/llama/\", category: \"Research\", description: \"Meta's large language model\" },\n\n // Specialized AI Tools\n { name: \"Abacus\", url: \"https://abacus.ai/\", category: \"Specialized\", description: \"AI platform for enterprises\" },\n { name: \"Flux\", url: \"https://www.flux.ai/\", category: \"Specialized\", description: \"AI-powered design tool\" },\n { name: \"Otio\", url: \"https://otio.ai/\", category: \"Specialized\", description: \"AI research and writing assistant\" },\n { name: \"Lightning AI\", url: \"https://lightning.ai/\", category: \"Specialized\", description: \"AI development platform\" },\n { name: \"Firebase ML\", url: \"https://firebase.google.com/products/ml\", category: \"Specialized\", description: \"Google's mobile ML platform\" },\n { name: \"Alice\", url: \"https://aliceai.app/\", category: \"Specialized\", description: \"AI assistant platform\" },\n { name: \"Enso\", url: \"https://enso.ai/\", category: \"Specialized\", description: \"AI data processing platform\" },\n { name: \"Sales Ask\", url: \"https://salesask.ai/\", category: \"Specialized\", description: \"AI sales assistant\" },\n { name: \"Filecentral\", url: \"https://filecentral.ai/\", category: \"Specialized\", description: \"AI file management platform\" },\n { name: \"LearChat\", url: \"https://learchat.ai/\", category: \"Specialized\", description: \"AI learning assistant\" },\n { name: \"Houmify AI\", url: \"https://houmify.ai/\", category: \"Specialized\", description: \"AI real estate platform\" },\n { name: \"PrayerAI\", url: \"https://prayerai.app/\", category: \"Specialized\", description: \"AI prayer and spiritual assistant\" },\n { name: \"Next Trip AI\", url: \"https://nexttrip.ai/\", category: \"Specialized\", description: \"AI travel planning assistant\" },\n { name: \"AI Mind Mapper\", url: \"https://aimindmapper.com/\", category: \"Specialized\", description: \"AI mind mapping tool\" },\n\n // Forms & Surveys\n { name: \"Typeform AI\", url: \"https://www.typeform.com/ai/\", category: \"Forms\", description: \"AI-powered form builder\" },\n { name: \"Jotform AI\", url: \"https://www.jotform.com/ai/\", category: \"Forms\", description: \"AI form creation platform\" },\n { name: \"SurveyMonkey Genius\", url: \"https://www.surveymonkey.com/ai\", category: \"Forms\", description: \"AI survey creation tool\" },\n\n // Scheduling & Calendar\n { name: \"Calendly AI\", url: \"https://calendly.com/ai\", category: \"Scheduling\", description: \"AI scheduling assistant\" },\n { name: \"Doodle AI\", url: \"https://doodle.com/ai\", category: \"Scheduling\", description: \"AI meeting scheduling\" },\n\n // Education & Learning\n { name: \"Studyable\", url: \"https://studyable.app\", category: \"Education\", description: \"AI-powered study assistant for better learning\" },\n { name: \"ThinkBuddy\", url: \"https://thinkbuddy.ai\", category: \"Education\", description: \"AI thinking companion and learning assistant\" },\n { name: \"Boot.dev\", url: \"https://www.boot.dev\", category: \"Education\", description: \"Learn backend development with AI guidance\" },\n { name: \"The Rundown University\", url: \"https://university.therundown.ai\", category: \"Education\", description: \"AI education and training platform\" },\n { name: \"SciSpace\", url: \"https://scispace.com\", category: \"Education\", description: \"AI research assistant for scientific papers\" },\n { name: \"Scite\", url: \"https://scite.ai\", category: \"Education\", description: \"Smart citations and research analysis\" },\n { name: \"Elicit\", url: \"https://elicit.com\", category: \"Education\", description: \"AI research assistant for literature reviews\" },\n\n // Additional Tools from the 500 list\n { name: \"Applitools\", url: \"https://applitools.com/\", category: \"Development\", description: \"AI-powered visual testing platform\" },\n { name: \"Crayon\", url: \"https://www.crayon.co/\", category: \"Marketing\", description: \"AI competitive intelligence platform\" },\n { name: \"Sendbird\", url: \"https://sendbird.com/\", category: \"Support\", description: \"AI chat and messaging platform\" },\n { name: \"Bullhorn Copilot\", url: \"https://www.bullhorn.com/\", category: \"HR\", description: \"AI recruiting platform\" },\n { name: \"Salad\", url: \"https://www.salad.io/\", category: \"Cloud\", description: \"Distributed computing platform\" },\n { name: \"Sentry\", url: \"https://sentry.io/\", category: \"Development\", description: \"AI error monitoring platform\" },\n { name: \"Watson\", url: \"https://www.ibm.com/watson\", category: \"Enterprise\", description: \"IBM's AI platform\" },\n { name: \"Rasa\", url: \"https://rasa.com/\", category: \"Development\", description: \"Open source conversational AI\" },\n { name: \"Botpress\", url: \"https://botpress.com/\", category: \"Development\", description: \"Open source chatbot platform\" },\n { name: \"ManyChat\", url: \"https://manychat.com/\", category: \"Marketing\", description: \"AI chatbot marketing platform\" },\n { name: \"Chatfuel\", url: \"https://chatfuel.com/\", category: \"Marketing\", description: \"AI chatbot builder\" },\n { name: \"Landbot\", url: \"https://landbot.io/\", category: \"Marketing\", description: \"Conversational AI platform\" },\n { name: \"Flow XO\", url: \"https://flowxo.com/\", category: \"Development\", description: \"Chatbot and automation platform\" },\n { name: \"Kore.ai\", url: \"https://kore.ai/\", category: \"Enterprise\", description: \"Enterprise conversational AI\" },\n { name: \"Yellow.ai\", url: \"https://yellow.ai/\", category: \"Enterprise\", description: \"Enterprise automation platform\" },\n { name: \"Tars\", url: \"https://hellotars.com/\", category: \"Marketing\", description: \"Conversational AI for websites\" },\n { name: \"Botsify\", url: \"https://botsify.com/\", category: \"Development\", description: \"AI chatbot platform\" },\n { name: \"Pandorabots\", url: \"https://pandorabots.com/\", category: \"Development\", description: \"AI chatbot development platform\" },\n { name: \"Voiceflow\", url: \"https://www.voiceflow.com/\", category: \"Development\", description: \"Voice and chat assistant builder\" },\n { name: \"Wit.ai\", url: \"https://wit.ai/\", category: \"Development\", description: \"Natural language processing platform\" },\n];\n\nconst categories = [\n \"All\", \n \"Assistant\", \n \"Images\", \n \"Video\", \n \"Audio\", \n \"Writing\", \n \"Translation\", \n \"Development\", \n \"Design\", \n \"Presentation\", \n \"Productivity\", \n \"Support\", \n \"E-commerce\", \n \"Marketing\", \n \"Analytics\", \n \"Enterprise\", \n \"Cloud AI\", \n \"Research\", \n \"Specialized\", \n \"Forms\", \n \"Scheduling\", \n \"Education\", \n \"Finance\", \n \"Health\", \n \"Social Media\", \n \"Gaming\", \n \"Real Estate\", \n \"Legal\", \n \"HR\", \n \"Security\", \n \"Science\", \n \"Email\", \n \"Business\", \n \"Cloud\"\n];\n\nexport default function AIToolsList() {\n const [searchTerm, setSearchTerm] = useState(\"\");\n const [selectedCategory, setSelectedCategory] = useState(\"All\");\n\n const filteredTools = useMemo(() => {\n return aiTools.filter(tool => {\n const matchesSearch = tool.name.toLowerCase().includes(searchTerm.toLowerCase()) ||\n tool.description.toLowerCase().includes(searchTerm.toLowerCase());\n const matchesCategory = selectedCategory === \"All\" || tool.category === selectedCategory;\n return matchesSearch && matchesCategory;\n });\n }, [searchTerm, selectedCategory]);\n\n const handleToolClick = (url: string) => {\n window.open(url, '_blank', 'noopener,noreferrer');\n };\n\n return (\n

\n {/* Header */}\n

\n AI Tools Directory\n

\n Discover the best AI tools for productivity, creativity, and development\n

\n \n \n {filteredTools.length} AI tools available\n \n

\n\n {/* Search and Filter */}\n

\n {/* Search */}\n

\n \n setSearchTerm(e.target.value)}\n className=\"w-full pl-10 pr-4 py-3 input-icy rounded-lg text-white placeholder-purple-300\"\n />\n

\n\n {/* Category Filter */}\n

\n setSelectedCategory(e.target.value)}\n className=\"w-full py-3 px-4 input-icy rounded-lg text-white\"\n >\n {categories.map(category => (\n \n ))}\n \n

\n\n {/* Tools Grid */}\n

\n {filteredTools.map((tool, index) => (\n handleToolClick(tool.url)}\n className=\"glass-card rounded-xl p-6 cursor-pointer transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-purple-500/20 group\"\n >\n

\n {tool.name}\n

\n \n {tool.category}\n \n

\n \n

\n {tool.description}\n

\n \n

\n \n Click to visit\n

\n ))}\n

\n\n {/* No Results */}\n {filteredTools.length === 0 && (\n

\n \n

No tools found

Try adjusting your search or filter criteria

\n )}\n\n {/* Stats */}\n

{aiTools.length}

Total Tools

{categories.length - 1}

\n {activeTab === 'aitools' ? 'AI Tools Hub' : \n activeTab === 'binextrap' ? 'BIN Extrap Collection' : \n activeTab === 'marketplace' ? 'Premium Marketplace' :\n 'Credit Card Generator'}\n

\n {activeTab === 'aitools' \n ? 'Discover the best AI tools for productivity and creativity'\n : activeTab === 'binextrap'\n ? 'Store and manage your Bank Identification Numbers collection'\n : activeTab === 'marketplace'\n ? 'High-quality digital products and premium services'\n : 'Generate test credit cards with Luhn algorithm validation'\n }\n

\n \n {/* Navigation Tabs */}\n

\n setActiveTab('generate')}\n className={`px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 ${\n activeTab === 'generate'\n ? 'bg-blue-500/30 text-blue-200 shadow-lg'\n : 'text-blue-300 hover:text-blue-200'\n }`}\n >\n \n Card Generator\n \n setActiveTab('binextrap')}\n className={`px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 ${\n activeTab === 'binextrap'\n ? 'bg-green-500/30 text-green-200 shadow-lg'\n : 'text-green-300 hover:text-green-200'\n }`}\n >\n \n BIN Extrap\n \n setActiveTab('aitools')}\n className={`px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 ${\n activeTab === 'aitools'\n ? 'bg-purple-500/30 text-purple-200 shadow-lg'\n : 'text-purple-300 hover:text-purple-200'\n }`}\n >\n \n AI Tools\n \n setActiveTab('marketplace')}\n className={`px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 ${\n activeTab === 'marketplace'\n ? 'bg-emerald-500/30 text-emerald-200 shadow-lg'\n : 'text-emerald-300 hover:text-emerald-200'\n }`}\n >\n \n Marketplace\n \n

\n\n {(activeTab === 'generate' || activeTab === 'lookup') && (\n

\n \n \n For testing purposes only\n \n

\n )}\n

\n\n {/* Main Content */}\n

\n {activeTab === 'aitools' ? (\n \n ) : activeTab === 'binextrap' ? (\n \n ) : activeTab === 'marketplace' ? (\n \n ) : (\n

\n {/* Left Column - Card Generator */}\n

\n \n Generate New Card\n

\n \n

\n\n {/* Card Details */}\n {cardData && (\n

\n \n Generated Card Details\n {bulkResults && (\n \n 1 of {bulkResults.totalGenerated}\n \n )}\n

\n Card Number\n

\n {cardData.number.replace(/(\\d{4})(?=\\d)/g, '$1 ')}\n

\n CVV\n

\n {cardData.cvv}\n

\n \n

\n Expiry Date\n

\n {cardData.expiryMonth}/{cardData.expiryYear}\n

\n Card Type\n

\n {cardData.type}\n

\n \n

\n Cardholder Name\n

\n {cardData.holderName}\n

\n\n

\n {\n const text = `Card Number: ${cardData.number}\\nCVV: ${cardData.cvv}\\nExpiry: ${cardData.expiryMonth}/${cardData.expiryYear}\\nName: ${cardData.holderName}`;\n navigator.clipboard.writeText(text);\n }}\n className=\"flex-1 btn-icy rounded-lg py-3 px-6 font-medium transition-all duration-300 hover:scale-105 flex items-center justify-center\"\n >\n \n Copy Details\n \n \n {bulkResults && (\n setBulkResults(bulkResults)}\n className=\"flex-1 btn-icy rounded-lg py-3 px-6 font-medium transition-all duration-300 hover:scale-105 flex items-center justify-center\"\n >\n \n View All ({bulkResults.totalGenerated})\n \n )}\n

\n )}\n

\n\n {/* Right Column - 3D Card Display */}\n

\n \n 3D Card Preview\n

\n \n

\n\n {/* Features */}\n

\n \n Features\n

\n \n \n \n Luhn Algorithm Validation\n
\n \n \n \n Multiple Card Types\n
\n \n \n \n 3D Card Animation\n
\n \n \n \n Custom BIN Support\n
\n \n \n \n Bulk Generation\n
\n \n \n \n Export Options\n

\n )}\n

\n\n {/* Telegram Links Section */}\n

\n \n

\n\n {/* Footer */}\n \n\n {/* Bulk Results Modal */}\n {bulkResults && (\n \n )}\n

\n );\n}",[],[184,191,209],{"_108":218,"_100":219,"_154":220,"_156":192,"_157":141,"_158":221,"_160":161,"_110":222,"_105":176,"_163":203,"_165":223,"_166":27,"_167":-5,"_168":224,"_103":225},"54f8ea5e-428a-11f0-9eb6-76b3cceeab13","BINExtrap.tsx","f8a9294a-4288-11f0-8aaf-76b3cceeab13",73,["D",1749182234676],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useMemo } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { detectCardType } from \"../../shared/utils.ts\";\n\ninterface BINEntry {\n id: string;\n bin: string;\n cardType: string;\n bank?: string;\n country?: string;\n notes?: string;\n dateAdded: string;\n expiryMonth?: string;\n expiryYear?: string;\n cvv?: string;\n isPreloaded?: boolean;\n}\n\n// Preloaded BIN collection with the provided BINs\nconst preloadedBins: Omit[] = [\n {\n bin: \"484783282424\",\n cardType: \"visa\",\n bank: \"Chase Bank\",\n country: \"United States\",\n notes: \"Premium Visa card\",\n expiryMonth: \"06\",\n expiryYear: \"2029\",\n isPreloaded: true\n },\n {\n bin: \"48478345419\",\n cardType: \"visa\", \n bank: \"Bank of America\",\n country: \"United States\",\n notes: \"Standard Visa card\",\n expiryMonth: \"09\",\n expiryYear: \"2030\",\n isPreloaded: true\n },\n {\n bin: \"3793630323\",\n cardType: \"amex\",\n bank: \"American Express\",\n country: \"United States\", \n notes: \"Gold American Express\",\n expiryMonth: \"03\",\n expiryYear: \"2027\",\n cvv: \"0000\",\n isPreloaded: true\n },\n {\n bin: \"3703100212\",\n cardType: \"amex\",\n bank: \"American Express\",\n country: \"United States\",\n notes: \"Platinum American Express\", \n expiryMonth: \"06\",\n expiryYear: \"2029\", // Converting 29 to 2029\n isPreloaded: true\n },\n {\n bin: \"37936303674\",\n cardType: \"amex\",\n bank: \"American Express\", \n country: \"United States\",\n notes: \"Business American Express\",\n expiryMonth: \"07\",\n expiryYear: \"2028\", // Converting 28 to 2028\n cvv: \"0000\",\n isPreloaded: true\n }\n];\n\nexport default function BINExtrap() {\n const [binEntries, setBinEntries] = useState([]);\n const [newBin, setNewBin] = useState(\"\");\n const [newBank, setNewBank] = useState(\"\");\n const [newCountry, setNewCountry] = useState(\"\");\n const [newNotes, setNewNotes] = useState(\"\");\n const [newExpiryMonth, setNewExpiryMonth] = useState(\"\");\n const [newExpiryYear, setNewExpiryYear] = useState(\"\");\n const [newCvv, setNewCvv] = useState(\"\");\n const [searchTerm, setSearchTerm] = useState(\"\");\n const [selectedCardType, setSelectedCardType] = useState(\"All\");\n const [selectedCountry, setSelectedCountry] = useState(\"All\");\n const [isAdding, setIsAdding] = useState(false);\n const [viewMode, setViewMode] = useState<'grid' | 'list'>('grid');\n const [sortBy, setSortBy] = useState<'dateAdded' | 'bin' | 'bank' | 'cardType'>('dateAdded');\n const [sortOrder, setSortOrder] = useState<'asc' | 'desc'>('desc');\n\n // Load BINs from localStorage on component mount and add preloaded BINs if first time\n useEffect(() => {\n const savedBins = localStorage.getItem('binCollection');\n if (savedBins) {\n setBinEntries(JSON.parse(savedBins));\n } else {\n // First time - add preloaded BINs\n const initialBins = preloadedBins.map((bin, index) => ({\n ...bin,\n id: `preloaded-${index}`,\n dateAdded: new Date().toLocaleDateString(),\n cardType: detectCardType(bin.bin)\n }));\n setBinEntries(initialBins);\n }\n }, []);\n\n // Save BINs to localStorage whenever binEntries changes\n useEffect(() => {\n localStorage.setItem('binCollection', JSON.stringify(binEntries));\n }, [binEntries]);\n\n const addBIN = () => {\n if (!newBin || newBin.length < 4) {\n alert(\"Please enter a valid BIN (at least 4 digits)\");\n return;\n }\n\n // Check if BIN already exists\n if (binEntries.some(entry => entry.bin === newBin)) {\n alert(\"This BIN already exists in your collection\");\n return;\n }\n\n const cardType = detectCardType(newBin);\n const newEntry: BINEntry = {\n id: Date.now().toString(),\n bin: newBin,\n cardType,\n bank: newBank || undefined,\n country: newCountry || undefined,\n notes: newNotes || undefined,\n expiryMonth: newExpiryMonth || undefined,\n expiryYear: newExpiryYear || undefined,\n cvv: newCvv || undefined,\n dateAdded: new Date().toLocaleDateString(),\n isPreloaded: false\n };\n\n setBinEntries(prev => [newEntry, ...prev]);\n \n // Clear form\n setNewBin(\"\");\n setNewBank(\"\");\n setNewCountry(\"\");\n setNewNotes(\"\");\n setNewExpiryMonth(\"\");\n setNewExpiryYear(\"\");\n setNewCvv(\"\");\n setIsAdding(false);\n };\n\n const deleteBIN = (id: string) => {\n setBinEntries(prev => prev.filter(entry => entry.id !== id));\n };\n\n const copyBIN = (bin: string) => {\n navigator.clipboard.writeText(bin);\n };\n\n const copyFullCard = (entry: BINEntry) => {\n const cardData = `BIN: ${entry.bin}${entry.expiryMonth ? `\\nExpiry: ${entry.expiryMonth}/${entry.expiryYear}` : ''}${entry.cvv ? `\\nCVV: ${entry.cvv}` : ''}${entry.bank ? `\\nBank: ${entry.bank}` : ''}${entry.country ? `\\nCountry: ${entry.country}` : ''}`;\n navigator.clipboard.writeText(cardData);\n };\n\n const generateFromBIN = (bin: string) => {\n // This could integrate with your card generator\n // For now, we'll just copy the BIN\n navigator.clipboard.writeText(bin);\n alert(`BIN ${bin} copied! You can now use it in the Card Generator.`);\n };\n\n const exportBINs = () => {\n const dataStr = JSON.stringify(binEntries, null, 2);\n const dataBlob = new Blob([dataStr], { type: 'application/json' });\n const url = URL.createObjectURL(dataBlob);\n const link = document.createElement('a');\n link.href = url;\n link.download = 'bin-collection.json';\n link.click();\n URL.revokeObjectURL(url);\n };\n\n const importBINs = (event: React.ChangeEvent) => {\n const file = event.target.files?.[0];\n if (!file) return;\n\n const reader = new FileReader();\n reader.onload = (e) => {\n try {\n const importedBins = JSON.parse(e.target?.result as string);\n if (Array.isArray(importedBins)) {\n setBinEntries(prev => [...importedBins, ...prev]);\n }\n } catch (error) {\n alert(\"Invalid file format\");\n }\n };\n reader.readAsText(file);\n };\n\n // Filter and sort BINs\n const filteredAndSortedBins = useMemo(() => {\n let filtered = binEntries.filter(entry => {\n const matchesSearch = \n entry.bin.includes(searchTerm) ||\n entry.bank?.toLowerCase().includes(searchTerm.toLowerCase()) ||\n entry.country?.toLowerCase().includes(searchTerm.toLowerCase()) ||\n entry.notes?.toLowerCase().includes(searchTerm.toLowerCase());\n \n const matchesCardType = selectedCardType === \"All\" || entry.cardType === selectedCardType;\n const matchesCountry = selectedCountry === \"All\" || entry.country === selectedCountry;\n \n return matchesSearch && matchesCardType && matchesCountry;\n });\n\n // Sort the filtered results\n filtered.sort((a, b) => {\n let aValue: string | number = '';\n let bValue: string | number = '';\n\n switch (sortBy) {\n case 'bin':\n aValue = a.bin;\n bValue = b.bin;\n break;\n case 'bank':\n aValue = a.bank || '';\n bValue = b.bank || '';\n break;\n case 'cardType':\n aValue = a.cardType;\n bValue = b.cardType;\n break;\n case 'dateAdded':\n default:\n aValue = new Date(a.dateAdded).getTime();\n bValue = new Date(b.dateAdded).getTime();\n break;\n }\n\n if (sortOrder === 'asc') {\n return aValue > bValue ? 1 : -1;\n } else {\n return aValue < bValue ? 1 : -1;\n }\n });\n\n return filtered;\n }, [binEntries, searchTerm, selectedCardType, selectedCountry, sortBy, sortOrder]);\n\n const cardTypes = [\"All\", \"visa\", \"mastercard\", \"amex\", \"discover\", \"unknown\"];\n const countries = [\"All\", ...Array.from(new Set(binEntries.filter(b => b.country).map(b => b.country)))];\n\n const resetCollection = () => {\n if (confirm(\"Are you sure you want to reset to the original collection? This will remove all your custom BINs.\")) {\n const initialBins = preloadedBins.map((bin, index) => ({\n ...bin,\n id: `preloaded-${index}`,\n dateAdded: new Date().toLocaleDateString(),\n cardType: detectCardType(bin.bin)\n }));\n setBinEntries(initialBins);\n }\n };\n\n return (\n

\n {/* Header */}\n

\n BIN Extrap Collection\n

\n Store and manage your Bank Identification Numbers collection\n

\n \n \n {filteredAndSortedBins.length} BINs in collection\n \n

\n\n {/* Controls */}\n

\n {/* Search */}\n

\n \n setSearchTerm(e.target.value)}\n className=\"w-full pl-10 pr-4 py-3 input-icy rounded-lg text-white placeholder-green-300\"\n />\n

\n\n {/* Card Type Filter */}\n

\n setSelectedCardType(e.target.value)}\n className=\"w-full py-3 px-4 input-icy rounded-lg text-white capitalize\"\n >\n {cardTypes.map(type => (\n \n ))}\n \n

\n\n {/* Country Filter */}\n

\n setSelectedCountry(e.target.value)}\n className=\"w-full py-3 px-4 input-icy rounded-lg text-white\"\n >\n {countries.map(country => (\n \n ))}\n \n

\n\n {/* Advanced Controls */}\n

\n {/* Sort Controls */}\n

\n setSortBy(e.target.value as any)}\n className=\"py-2 px-3 input-icy rounded-lg text-white text-sm\"\n >\n \n \n \n \n \n \n setSortOrder(sortOrder === 'asc' ? 'desc' : 'asc')}\n className=\"p-2 glass rounded-lg hover:bg-green-500/20 transition-colors\"\n title={`Sort ${sortOrder === 'asc' ? 'Descending' : 'Ascending'}`}\n >\n \n \n

\n\n {/* View Mode Toggle */}\n

\n setViewMode('grid')}\n className={`p-2 rounded transition-colors ${viewMode === 'grid' ? 'bg-green-500/30 text-green-200' : 'text-green-300 hover:text-green-200'}`}\n title=\"Grid View\"\n >\n \n \n setViewMode('list')}\n className={`p-2 rounded transition-colors ${viewMode === 'list' ? 'bg-green-500/30 text-green-200' : 'text-green-300 hover:text-green-200'}`}\n title=\"List View\"\n >\n \n \n

\n\n {/* Action Buttons */}\n

\n setIsAdding(!isAdding)}\n className=\"btn-icy rounded-lg py-2 px-4 font-medium transition-all duration-300 hover:scale-105 flex items-center\"\n >\n \n Add BIN\n \n \n \n \n Export\n \n \n \n \n Import\n \n \n\n \n \n Reset\n \n

\n\n {/* Add BIN Form */}\n {isAdding && (\n

\n \n Add New BIN\n

\n \n

\n BIN Number *\n setNewBin(e.target.value.replace(/\\D/g, '').slice(0, 15))}\n className=\"w-full py-3 px-4 input-icy rounded-lg text-white placeholder-green-300\"\n />\n

\n \n

\n Bank Name\n setNewBank(e.target.value)}\n className=\"w-full py-3 px-4 input-icy rounded-lg text-white placeholder-green-300\"\n />\n

\n \n

\n Country\n setNewCountry(e.target.value)}\n className=\"w-full py-3 px-4 input-icy rounded-lg text-white placeholder-green-300\"\n />\n

\n \n

\n Expiry Month\n setNewExpiryMonth(e.target.value.replace(/\\D/g, '').slice(0, 2))}\n className=\"w-full py-3 px-4 input-icy rounded-lg text-white placeholder-green-300\"\n />\n

\n \n

\n Expiry Year\n setNewExpiryYear(e.target.value.replace(/\\D/g, '').slice(0, 4))}\n className=\"w-full py-3 px-4 input-icy rounded-lg text-white placeholder-green-300\"\n />\n

\n \n

\n CVV\n setNewCvv(e.target.value.replace(/\\D/g, '').slice(0, 4))}\n className=\"w-full py-3 px-4 input-icy rounded-lg text-white placeholder-green-300\"\n />\n

\n \n

\n Notes\n setNewNotes(e.target.value)}\n className=\"w-full py-3 px-4 input-icy rounded-lg text-white placeholder-green-300\"\n />\n

\n \n

\n \n \n Add BIN\n \n \n setIsAdding(false)}\n className=\"glass rounded-lg py-3 px-6 font-medium transition-all duration-300 hover:scale-105 text-gray-300\"\n >\n Cancel\n \n

\n )}\n\n {/* BIN Collection */}\n {filteredAndSortedBins.length > 0 ? (\n viewMode === 'grid' ? (\n

\n {filteredAndSortedBins.map((entry) => (\n \n

\n {entry.bin}\n

\n {entry.isPreloaded && (\n \n Featured\n \n )}\n

\n \n {entry.cardType}\n \n

\n \n

\n copyBIN(entry.bin)}\n className=\"p-2 glass rounded-lg hover:bg-green-500/20 transition-colors\"\n title=\"Copy BIN\"\n >\n \n \n \n copyFullCard(entry)}\n className=\"p-2 glass rounded-lg hover:bg-blue-500/20 transition-colors\"\n title=\"Copy Full Card Data\"\n >\n \n \n \n generateFromBIN(entry.bin)}\n className=\"p-2 glass rounded-lg hover:bg-purple-500/20 transition-colors\"\n title=\"Generate Card\"\n >\n \n \n \n {!entry.isPreloaded && (\n deleteBIN(entry.id)}\n className=\"p-2 glass rounded-lg hover:bg-red-500/20 transition-colors\"\n title=\"Delete BIN\"\n >\n \n \n )}\n

\n \n

\n {(entry.expiryMonth && entry.expiryYear) && (\n

\n \n Expires: {entry.expiryMonth}/{entry.expiryYear}\n

\n )}\n \n {entry.cvv && (\n

\n \n CVV: {entry.cvv}\n

\n )}\n \n {entry.bank && (\n

\n \n {entry.bank}\n

\n )}\n \n {entry.country && (\n

\n \n {entry.country}\n

\n )}\n \n {entry.notes && (\n

\n \n {entry.notes}\n

\n )}\n \n

\n \n Added {entry.dateAdded}\n

\n ))}\n

\n ) : (\n // List View\n

\n {filteredAndSortedBins.map((entry) => (\n \n

\n \n {entry.bin}\n \n {entry.isPreloaded && (\n \n Featured\n \n )}\n

\n \n \n {entry.cardType}\n \n \n {entry.bank && (\n \n {entry.bank}\n \n )}\n \n {entry.country && (\n \n {entry.country}\n \n )}\n \n {(entry.expiryMonth && entry.expiryYear) && (\n \n {entry.expiryMonth}/{entry.expiryYear}\n \n )}\n

\n \n

\n ))}\n \n )\n ) : (\n

\n \n

\n {searchTerm || selectedCardType !== \"All\" || selectedCountry !== \"All\" ? \"No BINs found\" : \"No BINs in collection\"}\n

\n {searchTerm || selectedCardType !== \"All\" || selectedCountry !== \"All\"\n ? \"Try adjusting your search or filter criteria\" \n : \"Start building your BIN collection by adding your first BIN\"\n }\n

\n )}\n\n {/* Statistics */}\n

{binEntries.length}

Total BINs

\n {new Set(binEntries.map(b => b.cardType)).size}\n

Card Types

\n {new Set(binEntries.filter(b => b.country).map(b => b.country)).size}\n

Countries

{filteredAndSortedBins.length}

Filtered Results

\n \n );\n}",[],[184,191,219],{"_108":227,"_100":228,"_154":229,"_156":192,"_157":141,"_158":230,"_160":161,"_110":231,"_105":31,"_163":203,"_165":232,"_166":27,"_167":-5,"_168":233,"_103":234},"e0365d84-4093-11f0-a1c4-76b3cceeab13","BinLookup.tsx","e0365e38-4093-11f0-a1c4-76b3cceeab13",32,["D",1748966431443],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\n\nexport interface BinInfo {\n bin: string;\n brand: string;\n type: string;\n category: string;\n issuer: string;\n country: {\n name: string;\n code: string;\n flag: string;\n };\n bank: {\n name: string;\n website?: string;\n phone?: string;\n };\n prepaid: boolean;\n scheme: string;\n}\n\ninterface BinLookupProps {\n onBinInfo?: (info: BinInfo | null) => void;\n}\n\nexport default function BinLookup({ onBinInfo }: BinLookupProps) {\n const [bin, setBin] = useState(\"\");\n const [binInfo, setBinInfo] = useState(null);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(\"\");\n\n const handleLookup = async () => {\n if (!bin || bin.length < 6) {\n setError(\"Please enter at least 6 digits\");\n return;\n }\n\n setLoading(true);\n setError(\"\");\n \n try {\n const response = await fetch(`/api/bin-lookup`, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ bin: bin.slice(0, 8) }), // Use first 8 digits max\n });\n\n if (!response.ok) {\n throw new Error(\"Failed to lookup BIN\");\n }\n\n const data = await response.json();\n \n if (data.error) {\n setError(data.error);\n setBinInfo(null);\n onBinInfo?.(null);\n } else {\n setBinInfo(data);\n onBinInfo?.(data);\n }\n } catch (err) {\n setError(\"Failed to lookup BIN information\");\n setBinInfo(null);\n onBinInfo?.(null);\n } finally {\n setLoading(false);\n }\n };\n\n const handleInputChange = (e: React.ChangeEvent) => {\n const value = e.target.value.replace(/\\D/g, \"\"); // Only digits\n setBin(value);\n if (value.length < 6) {\n setBinInfo(null);\n onBinInfo?.(null);\n setError(\"\");\n }\n };\n\n const handleKeyPress = (e: React.KeyboardEvent) => {\n if (e.key === \"Enter\") {\n handleLookup();\n }\n };\n\n const copyBinInfo = () => {\n if (!binInfo) return;\n \n const text = `BIN: ${binInfo.bin}\nBrand: ${binInfo.brand}\nType: ${binInfo.type}\nCategory: ${binInfo.category}\nIssuer: ${binInfo.issuer}\nCountry: ${binInfo.country.name} (${binInfo.country.code})\nBank: ${binInfo.bank.name}\nPrepaid: ${binInfo.prepaid ? \"Yes\" : \"No\"}\nScheme: ${binInfo.scheme}`;\n \n navigator.clipboard.writeText(text);\n };\n\n return (\n

\n \n BIN Lookup\n

\n \n

\n {/* Input Section */}\n

\n \n Bank Identification Number (BIN)\n \n

\n \n \n {loading ? (\n <>\n \n Looking up...\n \n ) : (\n <>\n \n Lookup\n \n )}\n \n

\n \n {error && (\n

\n \n {error}\n

\n )}\n

\n\n {/* Results Section */}\n {binInfo && (\n

\n \n BIN Information\n

\n \n \n Copy\n \n

\n\n

BIN

{binInfo.bin}

\n \n

Brand

{binInfo.brand}

\n \n

Type

{binInfo.type}

\n \n

\n \n About BIN Lookup\n

\n Enter the first 6-8 digits of any credit card number to get information about the issuing bank, \n card type, country, and other details. This uses legitimate public BIN databases.\n

\n );\n}",[],[184,191,228],{"_108":236,"_100":237,"_154":238,"_156":192,"_157":141,"_158":239,"_160":161,"_110":240,"_105":241,"_163":203,"_165":242,"_166":27,"_167":-5,"_168":243,"_103":244},"d90ea3e4-4e7c-11f0-9a3a-76b3cceeab13","BulkResults.tsx","2b4fe6a6-408e-11f0-b112-76b3cceeab13",156,["D",1750495857255],9,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { CardData, exportCardsAsCSV, exportCardsAsJSON, exportCardsAsText, exportCardsAsList, formatCardNumber } from \"../../shared/utils.ts\";\n\ninterface BulkResultsProps {\n cards: CardData[];\n totalGenerated: number;\n generationTime: number;\n mode: string;\n onClose: () => void;\n}\n\nexport default function BulkResults({ cards, totalGenerated, generationTime, mode, onClose }: BulkResultsProps) {\n const [selectedFormat, setSelectedFormat] = useState<'csv' | 'json' | 'text' | 'list'>('list');\n const [currentPage, setCurrentPage] = useState(1);\n const cardsPerPage = 10;\n\n const totalPages = Math.ceil(cards.length / cardsPerPage);\n const startIndex = (currentPage - 1) * cardsPerPage;\n const endIndex = startIndex + cardsPerPage;\n const currentCards = cards.slice(startIndex, endIndex);\n\n const handleExport = () => {\n let content: string;\n let filename: string;\n let mimeType: string;\n\n switch (selectedFormat) {\n case 'csv':\n content = exportCardsAsCSV(cards);\n filename = `credit_cards_${Date.now()}.csv`;\n mimeType = 'text/csv';\n break;\n case 'json':\n content = exportCardsAsJSON(cards);\n filename = `credit_cards_${Date.now()}.json`;\n mimeType = 'application/json';\n break;\n case 'text':\n content = exportCardsAsText(cards);\n filename = `credit_cards_${Date.now()}.txt`;\n mimeType = 'text/plain';\n break;\n case 'list':\n content = exportCardsAsList(cards);\n filename = `credit_cards_list_${Date.now()}.txt`;\n mimeType = 'text/plain';\n break;\n }\n\n const blob = new Blob([content], { type: mimeType });\n const url = URL.createObjectURL(blob);\n const a = document.createElement('a');\n a.href = url;\n a.download = filename;\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n URL.revokeObjectURL(url);\n };\n\n const copyAllToClipboard = () => {\n let content: string;\n \n switch (selectedFormat) {\n case 'csv':\n content = exportCardsAsCSV(cards);\n break;\n case 'json':\n content = exportCardsAsJSON(cards);\n break;\n case 'text':\n content = exportCardsAsText(cards);\n break;\n case 'list':\n content = exportCardsAsList(cards);\n break;\n }\n \n navigator.clipboard.writeText(content);\n };\n\n return (\n

\n {/* Header */}\n

Bulk Generation Results

\n \n \n {totalGenerated} cards generated\n \n \n \n {generationTime}ms\n \n \n \n {mode} mode\n \n

\n \n \n \n

\n\n {/* Export Controls */}\n

\n Export Format:\n

\n {(['list', 'csv', 'json', 'text'] as const).map((format) => (\n setSelectedFormat(format)}\n className={`px-3 py-1 rounded text-sm font-medium transition-all ${\n selectedFormat === format\n ? 'bg-blue-500/30 text-blue-200 border border-blue-400'\n : 'bg-slate-700/30 text-slate-300 border border-slate-600 hover:bg-slate-600/30'\n }`}\n >\n {format === 'list' ? 'LIST' : format.toUpperCase()}\n \n ))}\n

\n \n \n Copy All\n \n \n \n Export {selectedFormat === 'list' ? 'LIST' : selectedFormat.toUpperCase()}\n \n

\n\n {/* Format Preview */}\n {selectedFormat === 'list' && (\n

\n \n List Format Preview (CCNUMBER|MM|YY|CVV):\n

\n {cards.slice(0, 5).map((card, index) => {\n const shortYear = card.expiryYear.slice(-2);\n return (\n

{card.number}|{card.expiryMonth}|{shortYear}|{card.cvv}

\n );\n })}\n {cards.length > 5 &&

... and {cards.length - 5} more cards

}\n

\n )}\n

\n\n {/* Cards List */}\n

\n {currentCards.map((card, index) => (\n

\n Card #{startIndex + index + 1}\n

\n {formatCardNumber(card.number)}\n

\n CVV & Expiry\n

\n {card.cvv} • {card.expiryMonth}/{card.expiryYear}\n

\n Type & Name\n

\n {card.type.toUpperCase()} • {card.holderName}\n

\n ))}\n

\n\n {/* Pagination */}\n {totalPages > 1 && (\n

\n setCurrentPage(Math.max(1, currentPage - 1))}\n disabled={currentPage === 1}\n className=\"px-3 py-1 rounded bg-slate-700/30 text-slate-300 disabled:opacity-50 disabled:cursor-not-allowed hover:bg-slate-600/30 transition-colors\"\n >\n Previous\n \n \n

\n {Array.from({ length: Math.min(5, totalPages) }, (_, i) => {\n const pageNum = Math.max(1, Math.min(totalPages - 4, currentPage - 2)) + i;\n return (\n setCurrentPage(pageNum)}\n className={`px-3 py-1 rounded text-sm ${\n currentPage === pageNum\n ? 'bg-blue-500/30 text-blue-200 border border-blue-400'\n : 'bg-slate-700/30 text-slate-300 hover:bg-slate-600/30'\n } transition-colors`}\n >\n {pageNum}\n \n );\n })}\n

\n \n setCurrentPage(Math.min(totalPages, currentPage + 1))}\n disabled={currentPage === totalPages}\n className=\"px-3 py-1 rounded bg-slate-700/30 text-slate-300 disabled:opacity-50 disabled:cursor-not-allowed hover:bg-slate-600/30 transition-colors\"\n >\n Next\n \n

\n )}\n

\n );\n}\n\nexport default function BulkResults({ result, onClose }: BulkResultsProps) {\n const [selectedFormat, setSelectedFormat] = useState<'csv' | 'json' | 'text' | 'list'>('list');\n const [currentPage, setCurrentPage] = useState(1);\n const cardsPerPage = 10;\n\n const { cards, totalGenerated, mode, timestamp, configuration } = result;\n\n const totalPages = Math.ceil(cards.length / cardsPerPage);\n const startIndex = (currentPage - 1) * cardsPerPage;\n const endIndex = startIndex + cardsPerPage;\n const currentCards = cards.slice(startIndex, endIndex);\n\n const handleExport = () => {\n let content: string;\n let filename: string;\n let mimeType: string;\n\n switch (selectedFormat) {\n case 'csv':\n content = exportCardsAsCSV(cards);\n filename = `credit_cards_${Date.now()}.csv`;\n mimeType = 'text/csv';\n break;\n case 'json':\n content = exportCardsAsJSON(cards);\n filename = `credit_cards_${Date.now()}.json`;\n mimeType = 'application/json';\n break;\n case 'text':\n content = exportCardsAsText(cards);\n filename = `credit_cards_${Date.now()}.txt`;\n mimeType = 'text/plain';\n break;\n case 'list':\n content = exportCardsAsList(cards);\n filename = `credit_cards_list_${Date.now()}.txt`;\n mimeType = 'text/plain';\n break;\n }\n\n const blob = new Blob([content], { type: mimeType });\n const url = URL.createObjectURL(blob);\n const a = document.createElement('a');\n a.href = url;\n a.download = filename;\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n URL.revokeObjectURL(url);\n };\n\n const copyAllToClipboard = () => {\n let content: string;\n \n switch (selectedFormat) {\n case 'csv':\n content = exportCardsAsCSV(cards);\n break;\n case 'json':\n content = exportCardsAsJSON(cards);\n break;\n case 'text':\n content = exportCardsAsText(cards);\n break;\n case 'list':\n content = exportCardsAsList(cards);\n break;\n }\n \n navigator.clipboard.writeText(content);\n };\n\n const getModeDisplayName = () => {\n switch (mode) {\n case 'random':\n return 'Random Generation';\n case 'custom':\n return 'Custom BIN';\n case 'import':\n return 'Import';\n default:\n return mode;\n }\n };\n\n return (\n

\n {/* Header */}\n

Bulk Generation Results

\n \n \n {totalGenerated} cards generated\n \n \n \n {getModeDisplayName()}\n \n \n \n {new Date(timestamp).toLocaleTimeString()}\n \n

\n \n {/* Configuration Details */}\n

\n Card Type: {configuration.type}\n {configuration.customBin && (\n Custom BIN: {configuration.customBin}\n )}\n {configuration.importedBins && (\n Imported BINs: {configuration.importedBins}\n )}\n

\n \n \n \n

\n\n {/* Export Controls */}\n

\n Export Format:\n

\n \n \n Copy All\n \n \n \n Export {selectedFormat === 'list' ? 'LIST' : selectedFormat.toUpperCase()}\n \n

\n\n {/* Format Preview */}\n {selectedFormat === 'list' && (\n

\n \n List Format Preview (CCNUMBER|MM|YY|CVV):\n

\n {cards.slice(0, 5).map((card, index) => {\n const shortYear = card.expiryYear.slice(-2);\n return (\n

{card.number}|{card.expiryMonth}|{shortYear}|{card.cvv}

\n );\n })}\n {cards.length > 5 &&

... and {cards.length - 5} more cards

}\n

\n )}\n

\n\n {/* Cards List */}\n

\n {currentCards.map((card, index) => (\n

\n Card #{startIndex + index + 1}\n

\n {formatCardNumber(card.number)}\n

\n CVV & Expiry\n

\n {card.cvv} • {card.expiryMonth}/{card.expiryYear}\n

\n Type & Name\n

\n {card.type.toUpperCase()} • {card.holderName}\n

\n ))}\n

\n\n {/* Pagination */}\n {totalPages > 1 && (\n

\n )}\n

\n );\n}\n\nexport default function BulkResults({ cards, totalGenerated, generationTime, mode, onClose }: BulkResultsProps) {\n const [selectedFormat, setSelectedFormat] = useState<'csv' | 'json' | 'text' | 'list'>('list');\n const [currentPage, setCurrentPage] = useState(1);\n const cardsPerPage = 10;\n\n const totalPages = Math.ceil(cards.length / cardsPerPage);\n const startIndex = (currentPage - 1) * cardsPerPage;\n const endIndex = startIndex + cardsPerPage;\n const currentCards = cards.slice(startIndex, endIndex);\n\n const handleExport = () => {\n let content: string;\n let filename: string;\n let mimeType: string;\n\n switch (selectedFormat) {\n case 'csv':\n content = exportCardsAsCSV(cards);\n filename = `credit_cards_${Date.now()}.csv`;\n mimeType = 'text/csv';\n break;\n case 'json':\n content = exportCardsAsJSON(cards);\n filename = `credit_cards_${Date.now()}.json`;\n mimeType = 'application/json';\n break;\n case 'text':\n content = exportCardsAsText(cards);\n filename = `credit_cards_${Date.now()}.txt`;\n mimeType = 'text/plain';\n break;\n case 'list':\n content = exportCardsAsList(cards);\n filename = `credit_cards_list_${Date.now()}.txt`;\n mimeType = 'text/plain';\n break;\n }\n\n const blob = new Blob([content], { type: mimeType });\n const url = URL.createObjectURL(blob);\n const a = document.createElement('a');\n a.href = url;\n a.download = filename;\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n URL.revokeObjectURL(url);\n };\n\n const copyAllToClipboard = () => {\n let content: string;\n \n switch (selectedFormat) {\n case 'csv':\n content = exportCardsAsCSV(cards);\n break;\n case 'json':\n content = exportCardsAsJSON(cards);\n break;\n case 'text':\n content = exportCardsAsText(cards);\n break;\n case 'list':\n content = exportCardsAsList(cards);\n break;\n }\n \n navigator.clipboard.writeText(content);\n };\n\n return (\n

\n {/* Header */}\n

Bulk Generation Results

\n \n \n {totalGenerated} cards generated\n \n \n \n {generationTime}ms\n \n \n \n {mode} mode\n \n

\n \n \n \n

\n\n {/* Export Controls */}\n

\n Export Format:\n

\n \n \n Copy All\n \n \n \n Export {selectedFormat === 'list' ? 'LIST' : selectedFormat.toUpperCase()}\n \n

\n\n {/* Format Preview */}\n {selectedFormat === 'list' && (\n

\n \n List Format Preview (CCNUMBER|MM|YY|CVV):\n

\n {cards.slice(0, 5).map((card, index) => {\n const shortYear = card.expiryYear.slice(-2);\n return (\n

{card.number}|{card.expiryMonth}|{shortYear}|{card.cvv}

\n );\n })}\n {cards.length > 5 &&

... and {cards.length - 5} more cards

}\n

\n )}\n\n {/* Cards List */}\n

\n {currentCards.map((card, index) => (\n

\n Card #{startIndex + index + 1}\n

\n {formatCardNumber(card.number)}\n

\n CVV / Expiry\n

\n {card.cvv} / {card.expiryMonth}/{card.expiryYear}\n

\n Type / Name\n

\n {card.type.toUpperCase()} / {card.holderName}\n

\n ))}\n

\n\n {/* Pagination */}\n {totalPages > 1 && (\n

\n \n Showing {startIndex + 1}-{Math.min(endIndex, cards.length)} of {cards.length} cards\n \n

\n setCurrentPage(Math.max(1, currentPage - 1))}\n disabled={currentPage === 1}\n className=\"px-3 py-1 rounded bg-slate-700/30 text-slate-300 border border-slate-600 hover:bg-slate-600/30 disabled:opacity-50 disabled:cursor-not-allowed\"\n >\n \n \n \n {currentPage} / {totalPages}\n \n setCurrentPage(Math.min(totalPages, currentPage + 1))}\n disabled={currentPage === totalPages}\n className=\"px-3 py-1 rounded bg-slate-700/30 text-slate-300 border border-slate-600 hover:bg-slate-600/30 disabled:opacity-50 disabled:cursor-not-allowed\"\n >\n \n \n

\n )}\n

\n );\n}",[],[184,191,237],{"_108":246,"_100":247,"_154":248,"_156":192,"_157":141,"_158":249,"_160":161,"_110":250,"_105":124,"_163":203,"_165":251,"_166":27,"_167":-5,"_168":252,"_103":253},"bdb62fc8-408e-11f0-881f-76b3cceeab13","Card3D.tsx","aebb8386-408b-11f0-83a5-76b3cceeab13",30,["D",1748964226075],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { CardData, cardTypes, formatCardNumber } from \"../../shared/utils.ts\";\n\ninterface Card3DProps {\n cardData: CardData | null;\n isGenerating: boolean;\n}\n\nexport default function Card3D({ cardData, isGenerating }: Card3DProps) {\n const [isFlipped, setIsFlipped] = useState(false);\n const [mousePosition, setMousePosition] = useState({ x: 0, y: 0 });\n\n const handleMouseMove = (e: React.MouseEvent) => {\n const rect = e.currentTarget.getBoundingClientRect();\n const x = (e.clientX - rect.left - rect.width / 2) / rect.width;\n const y = (e.clientY - rect.top - rect.height / 2) / rect.height;\n setMousePosition({ x: x * 20, y: y * -20 });\n };\n\n const handleMouseLeave = () => {\n setMousePosition({ x: 0, y: 0 });\n };\n\n useEffect(() => {\n if (isGenerating) {\n setIsFlipped(false);\n }\n }, [isGenerating]);\n\n const cardInfo = cardData ? cardTypes[cardData.type] : cardTypes.visa;\n\n return (\n

\n \n {/* Front of Card */}\n

\n {/* Card Background Pattern */}\n

\n \n {/* Chip */}\n

\n\n {/* Card Type Logo */}\n

\n {cardData?.type.toUpperCase() || 'CARD'}\n

\n\n {/* Card Number */}\n

\n {isGenerating ? (\n

\n {[...Array(4)].map((_, i) => (\n

\n {[...Array(4)].map((_, j) => (\n

\n ))}\n

\n ) : cardData ? (\n formatCardNumber(cardData.number)\n ) : (\n '•••• •••• •••• ••••'\n )}\n

\n\n {/* Cardholder Name and Expiry */}\n

\n Cardholder Name\n

\n {isGenerating ? (\n

\n ) : cardData ? (\n cardData.holderName\n ) : (\n 'CARD HOLDER'\n )}\n

\n Expires\n

\n {isGenerating ? (\n

\n ) : cardData ? (\n `${cardData.expiryMonth}/${cardData.expiryYear.slice(-2)}`\n ) : (\n 'MM/YY'\n )}\n

\n\n {/* Holographic Effect */}\n

\n\n {/* Back of Card */}\n

\n {/* Magnetic Stripe */}\n

\n \n {/* CVV Area */}\n

\n \n {cardData?.cvv || '•••'}\n \n

CVV

\n\n {/* Terms Text */}\n

\n This card is property of the bank. If found, please return to any branch.\n Unauthorized use is prohibited and punishable by law.\n

\n\n {/* Flip Button */}\n

\n setIsFlipped(!isFlipped)}\n className=\"btn-icy rounded-lg py-2 px-6 text-sm font-medium transition-all duration-300 hover:scale-105 flex items-center justify-center mx-auto\"\n disabled={isGenerating}\n >\n \n {isFlipped ? 'Show Front' : 'Show Back'}\n \n

\n\n \n \n );\n}",[],[184,191,247],{"_108":255,"_100":256,"_154":257,"_156":192,"_157":141,"_158":258,"_160":161,"_110":259,"_105":260,"_163":203,"_165":261,"_166":27,"_167":-5,"_168":262,"_103":263},"226e8acc-4e7d-11f0-a7fc-76b3cceeab13","CardGenerator.tsx","96d93d44-408b-11f0-90c0-76b3cceeab13",159,["D",1750495980392],12,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { \n CardType, \n cardTypes, \n generateCardData, \n validateBin, \n detectCardType,\n validateBulkFormat,\n generateCardDataFromFormat,\n getFormatExamples,\n getFormatDescription,\n generateMultipleCards,\n validateQuantity,\n BulkGenerationResult\n} from \"../../shared/utils.ts\";\n\ninterface CardGeneratorProps {\n onCardGenerated: (cardData: any) => void;\n onBulkGenerated: (result: BulkGenerationResult) => void;\n onGenerating: (generating: boolean) => void;\n}\n\nexport default function CardGenerator({ onCardGenerated, onBulkGenerated, onGenerating }: CardGeneratorProps) {\n const [selectedType, setSelectedType] = useState('visa');\n const [customBin, setCustomBin] = useState('');\n const [binValidation, setBinValidation] = useState<{ valid: boolean; message: string } | null>(null);\n const [isLoading, setIsLoading] = useState(false);\n const [useCustomBin, setUseCustomBin] = useState(false);\n \n // Bulk format states\n const [useBulkFormat, setUseBulkFormat] = useState(false);\n const [bulkFormat, setBulkFormat] = useState('');\n const [bulkValidation, setBulkValidation] = useState<{ valid: boolean; message: string } | null>(null);\n \n // Bulk generation states\n const [useBulkGeneration, setUseBulkGeneration] = useState(false);\n const [quantity, setQuantity] = useState(10);\n const [quantityMode, setQuantityMode] = useState<'default' | 'custom'>('default');\n const [quantityValidation, setQuantityValidation] = useState<{ valid: boolean; message: string } | null>(null);\n\n // Validate BIN when it changes\n useEffect(() => {\n if (useCustomBin && customBin.trim() && !useBulkFormat) {\n const validation = validateBin(customBin, selectedType);\n setBinValidation(validation);\n \n // Auto-detect card type based on BIN\n const detectedType = detectCardType(customBin);\n if (detectedType && detectedType !== selectedType) {\n setSelectedType(detectedType);\n }\n } else {\n setBinValidation(null);\n }\n }, [customBin, selectedType, useCustomBin, useBulkFormat]);\n\n // Validate bulk format when it changes\n useEffect(() => {\n if (useBulkFormat && bulkFormat.trim()) {\n const validation = validateBulkFormat(bulkFormat);\n setBulkValidation(validation);\n \n // Auto-detect card type from bulk format BIN\n if (validation.valid && validation.format?.bin) {\n const detectedType = detectCardType(validation.format.bin);\n if (detectedType && detectedType !== selectedType) {\n setSelectedType(detectedType);\n }\n }\n } else {\n setBulkValidation(null);\n }\n }, [bulkFormat, selectedType, useBulkFormat]);\n\n // Validate quantity when it changes\n useEffect(() => {\n if (useBulkGeneration) {\n const validation = validateQuantity(quantity, quantityMode);\n setQuantityValidation(validation);\n } else {\n setQuantityValidation(null);\n }\n }, [quantity, quantityMode, useBulkGeneration]);\n\n const handleGenerate = async () => {\n // Validate inputs before generating\n if (useBulkFormat) {\n if (!bulkFormat.trim()) {\n setBulkValidation({ valid: false, message: 'Bulk format is required' });\n return;\n }\n const validation = validateBulkFormat(bulkFormat);\n if (!validation.valid) {\n setBulkValidation(validation);\n return;\n }\n } else if (useCustomBin && customBin.trim()) {\n const validation = validateBin(customBin, selectedType);\n if (!validation.valid) {\n setBinValidation(validation);\n return;\n }\n }\n\n if (useBulkGeneration) {\n const qValidation = validateQuantity(quantity, quantityMode);\n if (!qValidation.valid) {\n setQuantityValidation(qValidation);\n return;\n }\n }\n\n setIsLoading(true);\n onGenerating(true);\n \n // Add a small delay for better UX\n await new Promise(resolve => setTimeout(resolve, 800));\n \n try {\n if (useBulkGeneration) {\n // Generate multiple cards\n const result = generateMultipleCards({\n quantity,\n type: selectedType,\n customBin: useCustomBin ? customBin : undefined,\n bulkFormat: useBulkFormat ? bulkFormat : undefined\n });\n onBulkGenerated(result);\n } else {\n // Generate single card\n let cardData;\n \n if (useBulkFormat) {\n const validation = validateBulkFormat(bulkFormat);\n if (validation.valid && validation.format) {\n cardData = generateCardDataFromFormat(selectedType, validation.format);\n } else {\n throw new Error('Invalid bulk format');\n }\n } else {\n cardData = generateCardData(selectedType, useCustomBin ? customBin : undefined);\n }\n \n onCardGenerated(cardData);\n }\n } catch (error) {\n if (useBulkFormat) {\n setBulkValidation({ valid: false, message: error.message });\n } else {\n setBinValidation({ valid: false, message: error.message });\n }\n }\n \n setIsLoading(false);\n onGenerating(false);\n };\n\n const handleRandomType = () => {\n const types = Object.keys(cardTypes) as CardType[];\n const randomType = types[Math.floor(Math.random() * types.length)];\n setSelectedType(randomType);\n };\n\n const handleBinChange = (value: string) => {\n // Only allow digits\n const cleanValue = value.replace(/\\D/g, '');\n setCustomBin(cleanValue);\n };\n\n const handleModeChange = (mode: 'simple' | 'custom' | 'bulk') => {\n setUseCustomBin(mode === 'custom');\n setUseBulkFormat(mode === 'bulk');\n \n // Clear validations when switching modes\n setBinValidation(null);\n setBulkValidation(null);\n \n if (mode === 'simple') {\n setCustomBin('');\n setBulkFormat('');\n }\n };\n\n const insertExample = (example: string) => {\n setBulkFormat(example);\n };\n\n const handleQuantityChange = (value: string) => {\n const numValue = parseInt(value) || 0;\n setQuantity(numValue);\n };\n\n return (\n

\n {/* Generation Mode Selection */}\n

Generation Mode

\n handleModeChange('simple')}\n className={`p-3 rounded-lg text-sm font-medium transition-all duration-300 ${\n !useCustomBin && !useBulkFormat\n ? 'bg-blue-500/30 border-blue-400 text-blue-200'\n : 'bg-slate-700/30 border-slate-600 text-slate-300 hover:bg-slate-600/30'\n } border flex items-center justify-center`}\n >\n \n Simple\n \n handleModeChange('custom')}\n className={`p-3 rounded-lg text-sm font-medium transition-all duration-300 ${\n useCustomBin && !useBulkFormat\n ? 'bg-blue-500/30 border-blue-400 text-blue-200'\n : 'bg-slate-700/30 border-slate-600 text-slate-300 hover:bg-slate-600/30'\n } border flex items-center justify-center`}\n >\n \n Custom BIN\n \n handleModeChange('bulk')}\n className={`p-3 rounded-lg text-sm font-medium transition-all duration-300 ${\n useBulkFormat\n ? 'bg-blue-500/30 border-blue-400 text-blue-200'\n : 'bg-slate-700/30 border-slate-600 text-slate-300 hover:bg-slate-600/30'\n } border flex items-center justify-center`}\n >\n \n Bulk Format\n \n

\n\n {/* Bulk Generation Toggle */}\n

\n \n \n Bulk Generation\n \n {\n setUseBulkGeneration(!useBulkGeneration);\n if (!useBulkGeneration) {\n setQuantity(10);\n setQuantityMode('default');\n }\n }}\n className={`relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${\n useBulkGeneration ? 'bg-blue-600' : 'bg-gray-600'\n }`}\n >\n \n \n

\n \n {useBulkGeneration && (\n

\n Quantity\n handleQuantityChange(e.target.value)}\n min={1}\n max={quantityMode === 'default' ? 100 : 10000}\n className=\"w-full input-icy rounded-lg p-3 text-white\"\n />\n

\n Mode\n setQuantityMode(e.target.value as 'default' | 'custom')}\n className=\"w-full input-icy rounded-lg p-3 text-white\"\n >\n \n \n \n

\n \n {quantityValidation && (\n

\n {quantityValidation.message}\n

\n )}\n \n

\n \n Generate multiple cards at once. Default mode: up to 100 cards. Custom mode: up to 10,000 cards.\n

\n )}\n

\n\n {/* Bulk Format Input */}\n {useBulkFormat && (\n

\n \n \n Bulk Format String\n \n setBulkFormat(e.target.value)}\n placeholder=\"424242|12|2028|123\"\n className=\"w-full input-icy rounded-lg p-3 text-white placeholder-blue-300/50 font-mono\"\n />\n \n {bulkValidation && (\n

\n {bulkValidation.message}\n

\n )}\n

\n\n {/* Format Description */}\n

\n {getFormatDescription()}\n

\n\n {/* Example Buttons */}\n

Quick Examples:

\n {getFormatExamples().map((example, index) => (\n insertExample(example)}\n className=\"text-left p-2 rounded bg-slate-700/30 hover:bg-slate-600/30 transition-colors text-xs font-mono text-blue-200\"\n >\n {example}\n \n ))}\n

\n )}\n\n {/* Custom BIN Input */}\n {useCustomBin && !useBulkFormat && (\n

\n \n \n Custom BIN (Bank Identification Number)\n \n handleBinChange(e.target.value)}\n placeholder=\"Enter custom BIN (e.g., 424242)\"\n className=\"w-full input-icy rounded-lg p-3 text-white placeholder-blue-300/50 font-mono\"\n maxLength={15}\n />\n \n {binValidation && (\n

\n {binValidation.message}\n

\n )}\n \n

\n \n BIN determines the card issuer. Enter 4-15 digits to customize the card prefix.\n

\n )}\n\n {/* Card Type Selection */}\n

\n \n \n Select Card Type {(useBulkFormat || useCustomBin) && '(Auto-detected from BIN)'}\n \n

\n {Object.entries(cardTypes).map(([type, info]) => (\n setSelectedType(type as CardType)}\n className={`p-4 rounded-xl border-2 transition-all duration-300 ${\n selectedType === type\n ? 'border-blue-400 bg-blue-500/20 glow-blue'\n : 'border-blue-500/30 bg-slate-800/30 hover:border-blue-400/50'\n }`}\n >\n

{info.name}

\n {info.length} digits • CVV {info.cvvLength}\n

\n Default: {info.prefix.join(', ')}\n

\n \n ))}\n

\n\n {/* Action Buttons */}\n

\n \n {isLoading ? (\n

\n Generating...\n

\n ) : (\n <>\n \n Generate {useBulkGeneration ? `${quantity} ` : ''}{\n useBulkFormat ? 'Bulk Format' : \n useCustomBin ? 'Custom' : \n cardTypes[selectedType].name\n } Card{useBulkGeneration ? 's' : ''}\n \n )}\n \n\n \n \n Random Card Type\n \n

\n\n {/* Info Box */}\n

\n \n

About Generated Cards

\n All generated cards use the Luhn algorithm for validation and are intended for testing purposes only. \n {useBulkGeneration && ' Bulk generation creates multiple cards with the same configuration.'}\n {useBulkFormat && ' Bulk format allows precise control over all card parameters.'}\n {useCustomBin && ' Custom BIN allows you to specify the card prefix for specific testing scenarios.'}\n

\n\n {/* Current Configuration Info */}\n

\n \n Current Configuration\n

\n Mode:\n

\n {useBulkFormat ? 'Bulk Format' : useCustomBin ? 'Custom BIN' : 'Simple'}\n

\n Type:\n

{cardTypes[selectedType].name}

\n Length:\n

{cardTypes[selectedType].length} digits

\n CVV:\n

{cardTypes[selectedType].cvvLength} digits

\n {useBulkGeneration && (\n

\n Quantity:\n

{quantity} cards

\n )}\n {(useCustomBin || useBulkFormat) && (\n

\n Custom Data:\n

\n {useBulkFormat ? bulkFormat || 'None' : customBin || 'None'}\n

\n )}\n

\n );\n}",[],[184,191,256],{"_108":265,"_100":266,"_154":267,"_156":192,"_157":141,"_158":268,"_160":161,"_110":269,"_105":31,"_163":203,"_165":270,"_166":27,"_167":-5,"_168":271,"_103":272},"e9644500-4387-11f0-a3ad-76b3cceeab13","Marketplace.tsx","e96445dc-4387-11f0-a3ad-76b3cceeab13",111,["D",1749291146374],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\n\nexport interface Product {\n id: string;\n name: string;\n description: string;\n price: number;\n currency: string;\n category: string;\n image: string;\n features: string[];\n inStock: boolean;\n rating: number;\n reviews: number;\n tags: string[];\n}\n\nconst SAMPLE_PRODUCTS: Product[] = [\n {\n id: \"1\",\n name: \"Premium Digital Tools Bundle\",\n description: \"Complete collection of professional digital tools for developers and designers. Includes premium software licenses, templates, and exclusive resources.\",\n price: 99.99,\n currency: \"USD\",\n category: \"Digital Tools\",\n image: \"🛠️\",\n features: [\n \"50+ Premium Software Licenses\",\n \"Exclusive Design Templates\",\n \"Developer Resources Pack\",\n \"24/7 Support Access\",\n \"Lifetime Updates\"\n ],\n inStock: true,\n rating: 4.8,\n reviews: 127,\n tags: [\"premium\", \"tools\", \"software\", \"bundle\"]\n },\n {\n id: \"2\", \n name: \"AI-Powered Analytics Suite\",\n description: \"Advanced analytics platform with AI-driven insights, real-time data processing, and comprehensive reporting tools for businesses.\",\n price: 149.99,\n currency: \"USD\",\n category: \"Analytics\",\n image: \"📊\",\n features: [\n \"AI-Driven Insights\",\n \"Real-time Data Processing\",\n \"Custom Dashboard Builder\",\n \"Advanced Reporting\",\n \"API Integration\"\n ],\n inStock: true,\n rating: 4.9,\n reviews: 89,\n tags: [\"ai\", \"analytics\", \"business\", \"data\"]\n },\n {\n id: \"3\",\n name: \"Cybersecurity Essentials Kit\",\n description: \"Comprehensive cybersecurity toolkit with VPN access, password managers, encryption tools, and security monitoring services.\",\n price: 79.99,\n currency: \"USD\", \n category: \"Security\",\n image: \"🔒\",\n features: [\n \"Premium VPN Access\",\n \"Password Manager Pro\",\n \"Encryption Tools Suite\",\n \"Security Monitoring\",\n \"Threat Detection\"\n ],\n inStock: true,\n rating: 4.7,\n reviews: 203,\n tags: [\"security\", \"vpn\", \"encryption\", \"privacy\"]\n }\n];\n\nexport default function Marketplace() {\n const [products, setProducts] = useState(SAMPLE_PRODUCTS);\n const [searchTerm, setSearchTerm] = useState(\"\");\n const [selectedCategory, setSelectedCategory] = useState(\"All\");\n const [sortBy, setSortBy] = useState(\"name\");\n const [filteredProducts, setFilteredProducts] = useState(products);\n\n const categories = [\"All\", ...Array.from(new Set(products.map(p => p.category)))];\n\n useEffect(() => {\n let filtered = products.filter(product => {\n const matchesSearch = product.name.toLowerCase().includes(searchTerm.toLowerCase()) ||\n product.description.toLowerCase().includes(searchTerm.toLowerCase()) ||\n product.tags.some(tag => tag.toLowerCase().includes(searchTerm.toLowerCase()));\n const matchesCategory = selectedCategory === \"All\" || product.category === selectedCategory;\n return matchesSearch && matchesCategory;\n });\n\n // Sort products\n filtered.sort((a, b) => {\n switch (sortBy) {\n case \"price-low\":\n return a.price - b.price;\n case \"price-high\":\n return b.price - a.price;\n case \"rating\":\n return b.rating - a.rating;\n case \"reviews\":\n return b.reviews - a.reviews;\n default:\n return a.name.localeCompare(b.name);\n }\n });\n\n setFilteredProducts(filtered);\n }, [products, searchTerm, selectedCategory, sortBy]);\n\n const handleContactSeller = () => {\n window.open(\"https://t.me/YoursGOKU\", \"_blank\");\n };\n\n const renderStars = (rating: number) => {\n return Array.from({ length: 5 }, (_, i) => (\n \n ⭐\n \n ));\n };\n\n return (\n

\n {/* Header */}\n

\n 🛍️ Premium Marketplace\n

\n Discover high-quality digital products and services\n

\n\n {/* Search and Filters */}\n

\n {/* Search */}\n

\n setSearchTerm(e.target.value)}\n className=\"w-full input-icy rounded-lg pl-10 pr-4 py-3\"\n />\n \n

\n\n {/* Category Filter */}\n setSelectedCategory(e.target.value)}\n className=\"input-icy rounded-lg px-4 py-3\"\n >\n {categories.map(category => (\n \n ))}\n \n\n {/* Sort */}\n setSortBy(e.target.value)}\n className=\"input-icy rounded-lg px-4 py-3\"\n >\n \n \n \n \n \n \n

\n\n {/* Products Grid */}\n

\n {filteredProducts.map(product => (\n

\n {/* Product Image/Icon */}\n

{product.image}

\n {renderStars(product.rating)}\n ({product.reviews})\n

\n\n {/* Product Info */}\n

{product.name}

{product.description}

\n\n {/* Category and Stock */}\n

\n \n {product.category}\n \n \n {product.inStock ? '✅ In Stock' : '❌ Out of Stock'}\n \n

\n\n {/* Features */}\n

Key Features:

\n ✓\n {feature}\n
\n +{product.features.length - 3} more features\n

\n\n {/* Price and Actions */}\n

\n \n ${product.price}\n \n {product.currency}\n

\n\n

\n \n \n {product.inStock ? 'Contact Seller' : 'Out of Stock'}\n \n\n \n \n View Details\n \n

\n ))}\n

\n\n {/* No Results */}\n {filteredProducts.length === 0 && (\n

🔍

No products found

Try adjusting your search or filters

\n )}\n\n {/* Contact Section */}\n

💬

Need Help or Custom Solutions?

\n Contact our seller directly for custom products, bulk orders, or any questions about our marketplace.\n

\n \n \n Contact @YoursGOKU on Telegram\n \n

\n );\n}",[],[184,191,266],{"_108":274,"_100":275,"_154":276,"_156":192,"_157":141,"_158":277,"_160":161,"_110":278,"_105":186,"_163":203,"_165":279,"_166":27,"_167":-5,"_168":280,"_103":281},"85ff454c-428c-11f0-9ae3-76b3cceeab13","TelegramLinks.tsx","c7c5dd2a-428b-11f0-9b18-76b3cceeab13",83,["D",1749183175931],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\n\nexport default function TelegramLinks() {\n const handleGroupClick = () => {\n window.open('https://t.me/+dm_ddvvLDM4wNTcx', '_blank', 'noopener,noreferrer');\n };\n\n const handleChannelClick = () => {\n window.open('https://t.me/+7s5PJEobp3lmMjQ1', '_blank', 'noopener,noreferrer');\n };\n\n const handleProfileClick = () => {\n window.open('https://t.me/YoursGOKU', '_blank', 'noopener,noreferrer');\n };\n\n return (\n

\n Connect with Us\n

\n Join our community, get updates, and follow the creator\n

\n\n

\n {/* Telegram Group */}\n \n

\n \n

\n Join Group\n

\n Community discussions\n

\n \n

\n \n Chat with community\n

\n \n Ask questions & get help\n

\n \n Share experiences\n

\n \n

\n Telegram Group\n Click to join\n

\n\n {/* Telegram Channel */}\n \n

\n \n

\n Join Channel\n

\n Latest updates & tools\n

\n \n

\n \n Get exclusive content\n

\n \n Early access to tools\n

\n \n Platform announcements\n

\n \n

\n Telegram Channel\n Click to join\n

\n\n {/* Creator Profile */}\n \n

\n \n

\n Meet Creator\n

\n @YoursGOKU\n

\n \n

\n \n Creator of this platform\n

\n \n Direct contact available\n

\n \n Feedback & suggestions\n

\n \n

\n Telegram Profile\n Click to contact\n

\n \n \n\n {/* Bottom Banner */}\n

\n Built with ❤️ by @YoursGOKU\n

\n \n \n Free to use\n \n \n \n Open source\n \n \n \n Regular updates\n \n

\n \n );\n}",[],[184,191,275],[184,191],{"_108":284,"_100":285,"_154":286,"_156":185,"_157":141,"_158":287,"_160":161,"_110":288,"_105":124,"_163":164,"_165":-5,"_166":27,"_167":-5,"_168":289,"_103":290},"39d530aa-43cc-11f0-9012-76b3cceeab13","untitled-folder-6840","386b52ee-43cc-11f0-b42a-76b3cceeab13",129,["D",1749320487101],[],[184,285],{"_108":292,"_100":293,"_154":294,"_156":185,"_157":141,"_158":295,"_160":161,"_110":296,"_105":124,"_163":297,"_165":298,"_166":27,"_167":-5,"_168":299,"_103":300},"3eeba384-4e7c-11f0-98b5-76b3cceeab13","index.html","737dcdb0-408b-11f0-95dd-76b3cceeab13",151,["D",1750495598693],"file","\n\n\n \n \n Credit Card Generator - Icy Black UI\n \n \n \n \n \n \n\n\n

\n \n

\n \n \n\n\n",[],[184,293],{"_108":302,"_100":303,"_154":304,"_156":185,"_157":141,"_158":305,"_160":161,"_110":306,"_105":186,"_163":203,"_165":307,"_166":27,"_167":-5,"_168":308,"_103":309},"8e85fc50-4e7c-11f0-a477-76b3cceeab13","index.tsx","76e290e4-408b-11f0-b135-76b3cceeab13",152,["D",1750495732240],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0,react-dom@18.2.0\";\nimport App from \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[184,303],{"_108":311,"_100":312,"_154":313,"_156":185,"_157":141,"_158":314,"_160":161,"_110":315,"_105":31,"_163":203,"_165":73,"_166":27,"_167":-5,"_168":316,"_103":317},"33ac378c-43cc-11f0-858d-76b3cceeab13","new-file-2860.tsx","33ac38a4-43cc-11f0-858d-76b3cceeab13",127,["D",1749320476774],[],[184,312],[184],{"_108":320,"_100":321,"_154":322,"_156":-5,"_157":141,"_158":323,"_160":161,"_110":324,"_105":31,"_163":164,"_165":-5,"_166":27,"_167":-5,"_168":325,"_103":336},"64b9dcd8-408b-11f0-a2f6-76b3cceeab13","shared","a8ee1a2e-98a7-4ae8-a569-cd800277a658",2,["D",1748962788293],[326],{"_108":327,"_100":328,"_154":329,"_156":322,"_157":141,"_158":330,"_160":161,"_110":331,"_105":332,"_163":203,"_165":333,"_166":27,"_167":-5,"_168":334,"_103":335},"ac7f2b8c-4e7c-11f0-9f1d-76b3cceeab13","utils.ts","64b9cd88-408b-11f0-a2f6-76b3cceeab13",154,["D",1750495782528],18,"// Shared utilities for credit card generation\n\nexport interface CardData {\n number: string;\n cvv: string;\n expiryMonth: string;\n expiryYear: string;\n holderName: string;\n type: CardType;\n}\n\nexport type CardType = 'visa' | 'mastercard' | 'amex' | 'discover';\n\nexport interface CardTypeInfo {\n name: string;\n prefix: string[];\n length: number;\n cvvLength: number;\n color: string;\n gradient: string;\n}\n\nexport const cardTypes: Record = {\n visa: {\n name: 'Visa',\n prefix: ['4'],\n length: 16,\n cvvLength: 3,\n color: '#1e3a8a',\n gradient: 'from-blue-900 to-blue-700'\n },\n mastercard: {\n name: 'Mastercard',\n prefix: ['5'],\n length: 16,\n cvvLength: 3,\n color: '#dc2626',\n gradient: 'from-red-900 to-red-700'\n },\n amex: {\n name: 'American Express',\n prefix: ['34', '37'],\n length: 15,\n cvvLength: 4,\n color: '#059669',\n gradient: 'from-green-900 to-green-700'\n },\n discover: {\n name: 'Discover',\n prefix: ['6'],\n length: 16,\n cvvLength: 3,\n color: '#7c2d12',\n gradient: 'from-orange-900 to-orange-700'\n }\n};\n\n// Luhn Algorithm Implementation\nexport function luhnChecksum(cardNumber: string): number {\n let sum = 0;\n let alternate = false;\n \n // Process digits from right to left\n for (let i = cardNumber.length - 1; i >= 0; i--) {\n let digit = parseInt(cardNumber.charAt(i));\n \n if (alternate) {\n digit *= 2;\n if (digit > 9) {\n digit = (digit % 10) + 1;\n }\n }\n \n sum += digit;\n alternate = !alternate;\n }\n \n return sum % 10;\n}\n\nexport function generateValidCardNumber(type: CardType, customBin?: string): string {\n const cardInfo = cardTypes[type];\n \n let prefix: string;\n if (customBin && customBin.trim()) {\n // Use custom BIN if provided\n prefix = customBin.trim();\n } else {\n // Use default prefix for card type\n prefix = cardInfo.prefix[Math.floor(Math.random() * cardInfo.prefix.length)];\n }\n \n // Generate random digits for the middle part\n let cardNumber = prefix;\n const remainingLength = cardInfo.length - prefix.length - 1; // -1 for check digit\n \n // Ensure we don't exceed card length\n if (remainingLength < 0) {\n throw new Error(`Custom BIN is too long for ${cardInfo.name} (max ${cardInfo.length - 1} digits)`);\n }\n \n for (let i = 0; i < remainingLength; i++) {\n cardNumber += Math.floor(Math.random() * 10).toString();\n }\n \n // Calculate and append check digit using Luhn algorithm\n const checksum = luhnChecksum(cardNumber + '0');\n const checkDigit = checksum === 0 ? 0 : 10 - checksum;\n cardNumber += checkDigit.toString();\n \n return cardNumber;\n}\n\nexport function generateCVV(length: number): string {\n let cvv = '';\n for (let i = 0; i < length; i++) {\n cvv += Math.floor(Math.random() * 10).toString();\n }\n return cvv;\n}\n\nexport function generateExpiryDate(): { month: string; year: string } {\n const currentYear = new Date().getFullYear();\n const month = Math.floor(Math.random() * 12) + 1;\n const year = currentYear + Math.floor(Math.random() * 8) + 1; // 1-8 years from now\n \n return {\n month: month.toString().padStart(2, '0'),\n year: year.toString()\n };\n}\n\nexport function generateHolderName(): string {\n const firstNames = [\n 'ALEX', 'JORDAN', 'TAYLOR', 'CASEY', 'MORGAN', 'RILEY', 'AVERY', 'QUINN',\n 'SAGE', 'ROWAN', 'BLAKE', 'DREW', 'JAMIE', 'REESE', 'SKYLAR', 'DAKOTA'\n ];\n \n const lastNames = [\n 'SMITH', 'JOHNSON', 'WILLIAMS', 'BROWN', 'JONES', 'GARCIA', 'MILLER',\n 'DAVIS', 'RODRIGUEZ', 'MARTINEZ', 'HERNANDEZ', 'LOPEZ', 'GONZALEZ',\n 'WILSON', 'ANDERSON', 'THOMAS', 'TAYLOR', 'MOORE', 'JACKSON', 'MARTIN'\n ];\n \n const firstName = firstNames[Math.floor(Math.random() * firstNames.length)];\n const lastName = lastNames[Math.floor(Math.random() * lastNames.length)];\n \n return `${firstName} ${lastName}`;\n}\n\nexport function generateCardData(type: CardType, customBin?: string): CardData {\n const cardInfo = cardTypes[type];\n const number = generateValidCardNumber(type, customBin);\n const cvv = generateCVV(cardInfo.cvvLength);\n const expiry = generateExpiryDate();\n const holderName = generateHolderName();\n \n return {\n number,\n cvv,\n expiryMonth: expiry.month,\n expiryYear: expiry.year,\n holderName,\n type\n };\n}\n\nexport function formatCardNumber(number: string): string {\n // Format card number with spaces for better readability\n if (number.length === 15) {\n // American Express: XXXX XXXXXX XXXXX\n return number.replace(/(\\d{4})(\\d{6})(\\d{5})/, '$1 $2 $3');\n } else {\n // Others: XXXX XXXX XXXX XXXX\n return number.replace(/(\\d{4})(?=\\d)/g, '$1 ');\n }\n}\n\nexport function validateBin(bin: string, type: CardType): { valid: boolean; message: string } {\n if (!bin || bin.trim() === '') {\n return { valid: true, message: 'Using default BIN' };\n }\n \n const cleanBin = bin.trim();\n \n // Check if BIN contains only digits\n if (!/^\\d+$/.test(cleanBin)) {\n return { valid: false, message: 'BIN must contain only numbers' };\n }\n \n const cardInfo = cardTypes[type];\n \n // Check BIN length (should not exceed card length - 1 for check digit)\n if (cleanBin.length >= cardInfo.length) {\n return { valid: false, message: `BIN too long for ${cardInfo.name} (max ${cardInfo.length - 1} digits)` };\n }\n \n // Check minimum BIN length (at least 4 digits)\n if (cleanBin.length < 4) {\n return { valid: false, message: 'BIN must be at least 4 digits' };\n }\n \n // Check if BIN starts with valid prefix for card type (optional validation)\n const startsWithValidPrefix = cardInfo.prefix.some(prefix => cleanBin.startsWith(prefix));\n if (!startsWithValidPrefix) {\n return { \n valid: true, \n message: `Warning: BIN doesn't match typical ${cardInfo.name} pattern (${cardInfo.prefix.join(', ')})` \n };\n }\n \n return { valid: true, message: 'Valid BIN' };\n}\n\nexport function validateCardNumber(number: string): boolean {\n // Remove spaces and validate using Luhn algorithm\n const cleanNumber = number.replace(/\\s/g, '');\n if (!/^\\d+$/.test(cleanNumber)) return false;\n \n return luhnChecksum(cleanNumber) === 0;\n}\n\n\n\nexport interface BulkCardFormat {\n bin?: string;\n month?: string;\n year?: string;\n cvv?: string;\n}\n\nexport function parseBulkFormat(input: string): BulkCardFormat {\n // Support formats like:\n // 5678990|01|2028|000\n // 424242|xx|xxxx|xxx\n // 10|28|000 (short format)\n // 5678990|||123 (empty fields for random)\n \n const parts = input.split('|');\n const result: BulkCardFormat = {};\n \n if (parts.length >= 1 && parts[0].trim()) {\n result.bin = parts[0].trim();\n }\n \n if (parts.length >= 2 && parts[1].trim() && !isPlaceholder(parts[1])) {\n result.month = parts[1].trim().padStart(2, '0');\n }\n \n if (parts.length >= 3 && parts[2].trim() && !isPlaceholder(parts[2])) {\n result.year = parts[2].trim();\n }\n \n if (parts.length >= 4 && parts[3].trim() && !isPlaceholder(parts[3])) {\n result.cvv = parts[3].trim();\n }\n \n return result;\n}\n\nfunction isPlaceholder(value: string): boolean {\n const trimmed = value.trim().toLowerCase();\n return trimmed === 'xxx' || trimmed === 'xx' || trimmed === 'xxxx' || trimmed === '';\n}\n\nexport function generateCardDataFromFormat(type: CardType, format: BulkCardFormat): CardData {\n const cardInfo = cardTypes[type];\n \n // Generate card number with custom BIN if provided\n const number = generateValidCardNumber(type, format.bin);\n \n // Generate or use custom CVV\n let cvv: string;\n if (format.cvv) {\n // Validate CVV length\n if (format.cvv.length !== cardInfo.cvvLength) {\n throw new Error(`CVV must be ${cardInfo.cvvLength} digits for ${cardInfo.name}`);\n }\n cvv = format.cvv;\n } else {\n cvv = generateCVV(cardInfo.cvvLength);\n }\n \n // Generate or use custom expiry date\n let expiryMonth: string;\n let expiryYear: string;\n \n if (format.month || format.year) {\n // Use provided values or generate missing ones\n if (format.month) {\n const monthNum = parseInt(format.month);\n if (monthNum < 1 || monthNum > 12) {\n throw new Error('Month must be between 01 and 12');\n }\n expiryMonth = format.month.padStart(2, '0');\n } else {\n expiryMonth = (Math.floor(Math.random() * 12) + 1).toString().padStart(2, '0');\n }\n \n if (format.year) {\n // Handle 2-digit or 4-digit years\n let yearNum = parseInt(format.year);\n if (format.year.length === 2) {\n yearNum = 2000 + yearNum;\n }\n \n const currentYear = new Date().getFullYear();\n if (yearNum < currentYear) {\n throw new Error('Expiry year cannot be in the past');\n }\n \n expiryYear = yearNum.toString();\n } else {\n const currentYear = new Date().getFullYear();\n expiryYear = (currentYear + Math.floor(Math.random() * 8) + 1).toString();\n }\n } else {\n const expiry = generateExpiryDate();\n expiryMonth = expiry.month;\n expiryYear = expiry.year;\n }\n \n const holderName = generateHolderName();\n \n return {\n number,\n cvv,\n expiryMonth,\n expiryYear,\n holderName,\n type\n };\n}\n\nexport function validateBulkFormat(input: string): { valid: boolean; message: string; format?: BulkCardFormat } {\n if (!input || !input.trim()) {\n return { valid: false, message: 'Format string is required' };\n }\n \n try {\n const format = parseBulkFormat(input);\n \n // Validate BIN if provided\n if (format.bin) {\n if (!/^\\d+$/.test(format.bin)) {\n return { valid: false, message: 'BIN must contain only numbers' };\n }\n if (format.bin.length < 4 || format.bin.length > 15) {\n return { valid: false, message: 'BIN must be 4-15 digits' };\n }\n }\n \n // Validate month if provided\n if (format.month) {\n const monthNum = parseInt(format.month);\n if (monthNum < 1 || monthNum > 12) {\n return { valid: false, message: 'Month must be between 01 and 12' };\n }\n }\n \n // Validate year if provided\n if (format.year) {\n let yearNum = parseInt(format.year);\n if (format.year.length === 2) {\n yearNum = 2000 + yearNum;\n }\n \n const currentYear = new Date().getFullYear();\n if (yearNum < currentYear || yearNum > currentYear + 20) {\n return { valid: false, message: 'Year must be between current year and 20 years from now' };\n }\n }\n \n // Validate CVV if provided\n if (format.cvv) {\n if (!/^\\d+$/.test(format.cvv)) {\n return { valid: false, message: 'CVV must contain only numbers' };\n }\n if (format.cvv.length < 3 || format.cvv.length > 4) {\n return { valid: false, message: 'CVV must be 3 or 4 digits' };\n }\n }\n \n return { \n valid: true, \n message: 'Valid format', \n format \n };\n } catch (error) {\n return { valid: false, message: error.message };\n }\n}\n\nexport function getFormatExamples(): string[] {\n return [\n '424242|12|2028|123',\n '5555555|xx|xxxx|xxx',\n '378282|01|25|1234',\n '601111||2027|',\n '4000000|10|28|000',\n '5678990|||456'\n ];\n}\n\nexport function getFormatDescription(): string {\n return `Format: BIN|MONTH|YEAR|CVV\n• Use 'xxx' or 'xx' for random values\n• Leave empty for random (e.g., 424242|||)\n• 2-digit years become 20XX (e.g., 28 = 2028)\n• Examples: 424242|12|2028|123 or 5555|xx|xxxx|xxx`;\n}\n\nexport interface BulkGenerationOptions {\n quantity: number;\n type: CardType;\n customBin?: string;\n bulkFormat?: string;\n}\n\nexport interface BulkGenerationResult {\n cards: CardData[];\n totalGenerated: number;\n generationTime: number;\n mode: 'simple' | 'custom' | 'bulk';\n}\n\nexport function generateMultipleCards(options: BulkGenerationOptions): BulkGenerationResult {\n const startTime = Date.now();\n const cards: CardData[] = [];\n \n for (let i = 0; i < options.quantity; i++) {\n try {\n let cardData: CardData;\n \n if (options.bulkFormat) {\n // Use bulk format for each card\n const validation = validateBulkFormat(options.bulkFormat);\n if (validation.valid && validation.format) {\n cardData = generateCardDataFromFormat(options.type, validation.format);\n } else {\n throw new Error('Invalid bulk format');\n }\n } else {\n // Use simple or custom BIN generation\n cardData = generateCardData(options.type, options.customBin);\n }\n \n cards.push(cardData);\n } catch (error) {\n // Skip invalid cards and continue\n console.warn(`Failed to generate card ${i + 1}:`, error.message);\n }\n }\n \n const endTime = Date.now();\n const generationTime = endTime - startTime;\n \n return {\n cards,\n totalGenerated: cards.length,\n generationTime,\n mode: options.bulkFormat ? 'bulk' : options.customBin ? 'custom' : 'simple'\n };\n}\n\nexport function validateQuantity(quantity: number, mode: 'default' | 'custom'): { valid: boolean; message: string } {\n if (!Number.isInteger(quantity) || quantity < 1) {\n return { valid: false, message: 'Quantity must be a positive integer' };\n }\n \n if (mode === 'default') {\n if (quantity > 100) {\n return { valid: false, message: 'Default mode limited to 100 cards maximum' };\n }\n } else {\n if (quantity < 1 || quantity > 10000) {\n return { valid: false, message: 'Custom mode allows 1-10,000 cards' };\n }\n \n if (quantity > 1000) {\n return { \n valid: true, \n message: `Warning: Generating ${quantity} cards may take some time` \n };\n }\n }\n \n return { valid: true, message: 'Valid quantity' };\n}\n\nexport function exportCardsAsCSV(cards: CardData[]): string {\n const headers = ['Card Number', 'CVV', 'Expiry Month', 'Expiry Year', 'Cardholder Name', 'Card Type'];\n const csvRows = [headers.join(',')];\n \n cards.forEach(card => {\n const row = [\n `\"${card.number}\"`,\n `\"${card.cvv}\"`,\n `\"${card.expiryMonth}\"`,\n `\"${card.expiryYear}\"`,\n `\"${card.holderName}\"`,\n `\"${card.type}\"`\n ];\n csvRows.push(row.join(','));\n });\n \n return csvRows.join('\\n');\n}\n\nexport function exportCardsAsJSON(cards: CardData[]): string {\n return JSON.stringify(cards, null, 2);\n}\n\nexport function exportCardsAsText(cards: CardData[]): string {\n return cards.map((card, index) => {\n return `Card ${index + 1}:\nNumber: ${formatCardNumber(card.number)}\nCVV: ${card.cvv}\nExpiry: ${card.expiryMonth}/${card.expiryYear}\nName: ${card.holderName}\nType: ${card.type.toUpperCase()}\n---`;\n }).join('\\n');\n}\n\nexport function exportCardsAsList(cards: CardData[]): string {\n return cards.map(card => {\n // Convert 4-digit year to 2-digit year\n const shortYear = card.expiryYear.slice(-2);\n return `${card.number}|${card.expiryMonth}|${shortYear}|${card.cvv}`;\n }).join('\\n');\n}\n\nexport function detectCardType(bin: string): CardType | null {\n const cleanBin = bin.replace(/\\s/g, '');\n \n for (const [type, info] of Object.entries(cardTypes)) {\n if (info.prefix.some(prefix => cleanBin.startsWith(prefix))) {\n return type as CardType;\n }\n }\n \n return null;\n}",[],[321,328],[321],{"_108":338,"_100":339,"_154":340,"_156":-5,"_157":141,"_158":140,"_160":161,"_110":341,"_105":342,"_163":297,"_165":343,"_166":27,"_167":-5,"_168":344,"_103":345},"9078931e-4e7d-11f0-b321-76b3cceeab13","README.md","55ef2848-408b-11f0-98cd-76b3cceeab13",["D",1750496165008],39,"# Credit Card Generator, BIN Extrap, AI Tools Hub & Premium Marketplace\n\nA comprehensive platform featuring a sleek credit card generator with 3D graphics, BIN collection management, a curated directory of 50+ AI tools, and a premium marketplace for high-quality digital products and services.\n\n## Features\n\n### 🎯 Credit Card Generator\n- **Luhn Algorithm**: Generates valid test credit card numbers\n- **Custom BIN Support**: Input your own Bank Identification Number\n- **Bulk Format Generation**: Advanced format string for precise control\n- **3D Graphics**: Interactive 3D credit card with animations\n- **Icy Black UI**: Modern glassmorphism design with blur effects\n- **Multiple Card Types**: Visa, Mastercard, American Express, Discover\n- **Real-time Generation**: Instant card number generation\n- **Smart Validation**: Real-time validation of all inputs\n- **Auto-Detection**: Automatically detects card type from BIN\n- **Copy to Clipboard**: Easy copying of generated data\n\n### 🏦 BIN Extrap Collection\n- **BIN Storage**: Store and organize Bank Identification Numbers with full card data\n- **Smart Detection**: Automatically detects card type from BIN\n- **Rich Metadata**: Add bank name, country, expiry date, CVV, and notes for each BIN\n- **Advanced Search**: Find BINs by number, bank, country, notes, or any field\n- **Multi-Filter System**: Filter by card type and country simultaneously\n- **Sorting Options**: Sort by date added, BIN number, bank name, or card type\n- **Grid/List Views**: Switch between detailed card view and compact list view\n- **Export/Import**: Backup and restore your BIN collection as JSON\n- **Local Storage**: Secure browser-based storage with automatic saving\n- **Copy Functions**: Copy BIN only or full card data with one click\n- **Generate Integration**: Quick access to card generator with selected BIN\n- **Featured BINs**: Pre-loaded collection with premium BIN examples\n- **Statistics Dashboard**: Track collection size, diversity, and filtered results\n\n### 🛍️ Premium Marketplace\n- **High-Quality Products**: Curated selection of premium digital tools and services\n- **Professional Logos**: Each product features professional branding and presentation\n- **Detailed Descriptions**: Comprehensive product information with features and specifications\n- **Smart Search & Filter**: Find products by name, category, or tags\n- **Advanced Sorting**: Sort by price, rating, reviews, or name\n- **Rating System**: Customer reviews and ratings for informed decisions\n- **Stock Management**: Real-time inventory status and availability\n- **Secure Contact**: Direct communication with verified seller @YoursGOKU\n- **Category Organization**: Products organized by Digital Tools, Analytics, Security, etc.\n- **Professional Presentation**: Clean, modern interface with hover effects\n- **Mobile Responsive**: Optimized for all devices and screen sizes\n- **Quality Guarantee**: All products backed by seller reputation and support\n\n### 📱 Connect with Creator\n- **Telegram Group**: Join community discussions and get help from other users\n- **Telegram Channel**: Get exclusive content, updates, and early access to tools\n- **Creator Profile**: Direct contact with @YoursGOKU for feedback and suggestions\n- **Community Support**: Chat with other users and share experiences\n\n### 🤖 AI Tools Directory\n- **50+ Curated AI Tools**: Handpicked collection of the best AI services\n- **Smart Search**: Find tools by name or description\n- **Category Filtering**: Organized by Education, Writing, Images, Audio, Video, Development, etc.\n- **Direct Access**: One-click access to all AI tools\n- **Regular Updates**: Continuously updated with new AI tools\n- **Responsive Design**: Beautiful cards with hover effects and animations\n\n## Export Formats\n\n### 📋 List Format (NEW!)\n- **Clean Output**: Simple format `CCNUMBER|MM|YY|CVV` without additional labels\n- **Direct Copy**: Perfect for direct use in applications or scripts\n- **Compact**: One card per line for easy processing\n- **Example Output**:\n ```\n 5480091603392918|10|29|523\n 5480091603399681|10|29|208\n 5480091603399061|10|29|585\n ```\n\n### 📊 Other Export Formats\n- **CSV**: Structured data with headers for spreadsheet applications\n- **JSON**: Machine-readable format for API integration\n- **Text**: Human-readable format with detailed card information\n\n## Generation Modes\n\n### 🎲 Simple Mode\n- Quick generation with default settings\n- Select card type and generate instantly\n\n### 🔧 Custom BIN Mode\n- Input custom Bank Identification Number\n- Auto-detects card type from BIN\n- Real-time validation\n\n### 📝 Bulk Format Mode\n- Advanced format string: `BIN|MONTH|YEAR|CVV`\n- Use `xxx` or `xx` for random values\n- Leave empty for random generation\n- Support for 2-digit years (28 = 2028)\n\n## Bulk Format Examples\n\n```\n424242|12|2028|123 # Specific values\n5555555|xx|xxxx|xxx # Random month, year, CVV\n378282|01|25|1234 # Amex with specific data\n601111||2027| # Random month, specific year, random CVV\n4000000|10|28|000 # Custom BIN with specific expiry\n5678990|||456 # Random month/year, specific CVV\n```\n\n## Tech Stack\n\n- React 18.2.0 with TypeScript\n- Three.js for 3D graphics\n- TailwindCSS for styling\n- Glassmorphism/blur effects\n\n## Structure\n\n```\n├── frontend/\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # React entry point\n│ ├── components/\n│ │ ├── App.tsx # Main application with navigation\n│ │ ├── CardGenerator.tsx # Card generation with all modes\n│ │ ├── Card3D.tsx # 3D card component\n│ │ ├── BulkResults.tsx # Bulk generation results\n│ │ ├── BinLookup.tsx # BIN lookup functionality\n│ │ ├── BINExtrap.tsx # BIN collection management\n│ │ ├── TelegramLinks.tsx # Telegram channel and creator links\n│ │ ├── AIToolsList.tsx # AI tools directory component\n│ │ └── Marketplace.tsx # Premium marketplace component\n│ └── style.css # Custom styles\n├── shared/\n│ └── utils.ts # Luhn algorithm, validation, bulk parsing\n└── backend/\n └── index.ts # Static file server with API endpoints\n```\n\n## Usage\n\n### Navigation\n- **Card Generator Tab**: Access the credit card generation features\n- **BIN Extrap Tab**: Manage your BIN collection\n- **AI Tools Tab**: Browse the curated directory of AI tools\n- **Marketplace Tab**: Explore premium digital products and services\n\n### Credit Card Generator\n\n### Simple Mode\n1. Select card type\n2. Click generate\n\n### Custom BIN Mode\n1. Enable custom BIN mode\n2. Enter 4-15 digit BIN\n3. Generate card with custom prefix\n\n### Bulk Format Mode\n1. Enable bulk format mode\n2. Enter format string (BIN|MONTH|YEAR|CVV)\n3. Use examples or create custom format\n4. Generate card with precise control\n\n### BIN Extrap Collection\n1. Click the \"BIN Extrap\" tab in the navigation\n2. **Browse Featured BINs**: Start with pre-loaded premium BIN examples\n3. **Add Custom BINs**: Include bank name, country, expiry date, CVV, and notes\n4. **Search & Filter**: Use advanced search and dual filtering (card type + country)\n5. **Sort Collection**: Sort by date, BIN number, bank name, or card type\n6. **Switch Views**: Toggle between detailed grid view and compact list view\n7. **Copy Data**: Copy BIN only or full card information\n8. **Generate Cards**: Quick access to card generator with selected BIN\n9. **Export/Import**: Backup your collection or import saved collections\n10. **Reset Collection**: Restore to original featured BINs if needed\n\n### Premium Marketplace\n1. Click the \"Marketplace\" tab in the navigation\n2. **Browse Products**: Explore curated selection of premium digital products\n3. **Search & Filter**: Use search bar and category filters to find specific products\n4. **Sort Options**: Sort by price, rating, reviews, or name for better browsing\n5. **Product Details**: View comprehensive information, features, and specifications\n6. **Check Ratings**: See customer reviews and ratings for informed decisions\n7. **Contact Seller**: Click \"Contact Seller\" to connect with @YoursGOKU on Telegram\n8. **Stock Status**: Check real-time availability and inventory status\n9. **Category Browse**: Filter by Digital Tools, Analytics, Security, and more\n10. **Professional Support**: Get help and custom solutions directly from the seller\n\n### Connect with Creator\n1. **Join Telegram Group**: Click the group card to join community discussions\n2. **Join Telegram Channel**: Click the channel card for exclusive content and updates\n3. **Contact Creator**: Click the profile card to message @YoursGOKU directly\n4. **Get Support**: Ask questions and get help from the community\n5. **Share Feedback**: Suggest new features or report issues\n\n### AI Tools Directory\n1. Click the \"AI Tools\" tab in the navigation\n2. Browse 50+ curated AI tools organized by category\n3. Use the search bar to find specific tools\n4. Filter by category (Education, Writing, Images, Audio, Video, Development, etc.)\n5. Click any tool card to visit the AI service directly\n\n### Bulk Generation Export\n1. After generating multiple cards, choose your preferred export format:\n - **LIST**: Clean format `CCNUMBER|MM|YY|CVV` (perfect for direct use)\n - **CSV**: Structured data with headers for spreadsheets\n - **JSON**: Machine-readable format for API integration\n - **TEXT**: Human-readable format with detailed information\n2. Use \"Copy All\" to copy to clipboard or \"Export\" to download as file\n3. Preview shows sample output for the selected format\n\n## AI Tools Categories\n\n- **Education & Learning**: Study assistants, research tools, scientific platforms\n- **Content Creation & Writing**: Copywriting, document creation, content generation\n- **Image & Visual AI**: Photo editing, AI art generation, image enhancement\n- **Audio & Voice**: Text-to-speech, music generation, audio processing\n- **Video & Animation**: Video editing, avatar creation, animation tools\n- **Development & Design**: Web development, UI/UX design, coding assistants\n- **Productivity & Assistants**: AI chatbots, workflow automation, smart assistants\n- **Specialized Tools**: Business intelligence, email automation, scientific illustration\n\n## Format String Rules\n\n### BIN Input\n- **Digits**: 6-15 digits for card prefix\n- **Random Placeholders**: Use 'x' for random digits\n- **Examples**: `424242`, `555555xxxxxx`, `378282xxxxxxx`\n\n### Month/Year Selection\n- **Month**: 01-12 or \"Random\" for random month\n- **Year**: Current year + 9 years or \"Random\" for random year\n\n### CVV Input\n- **Specific CVV**: 3-4 digits depending on card type\n- **Random**: Leave empty for automatic random generation\n\n### Import Format\n- **One BIN per line**: Each line should contain one BIN pattern\n- **Support for 'x'**: Use 'x' for random digit positions\n- **File formats**: .txt and .csv files supported\n\n## API Endpoints\n\n- `POST /api/generate` - Generate card (random/custom/bulk)\n- `POST /api/validate` - Validate card number using Luhn\n- `POST /api/validate-bin` - Validate BIN format\n- `GET /api/health` - Health check endpoint\n- `POST /api/bin-lookup` - BIN lookup service\n- `GET /api/marketplace/products` - Get all marketplace products\n- `GET /api/marketplace/products/:id` - Get specific product details\n- `POST /api/marketplace/contact` - Contact seller about a product\n\n## Note\n\nThis platform provides **test data only** for development/educational purposes, a curated collection of AI tools for productivity, and a premium marketplace for high-quality digital products. The credit card generator supports Luhn algorithm validation across all modes. Not for fraudulent use. All marketplace transactions are handled securely through direct seller contact.",[],[339],{"_108":347,"_100":348,"_154":349,"_156":-5,"_157":141,"_158":350,"_160":161,"_110":351,"_105":31,"_163":203,"_165":73,"_166":27,"_167":-5,"_168":352,"_103":353},"27f35b1a-43d0-11f0-83f3-76b3cceeab13","new-file-8888.tsx","27f35be2-43d0-11f0-83f3-76b3cceeab13",130,["D",1749322175095],[],[348],"files",[151,170,182,189,196,207,217,226,235,245,254,264,273,283,291,301,310,319,326,337,346],"counts",{"_358":31,"_359":124,"_360":323,"_361":31},"pulls","branches","forks","envVars","contents",[],{"_108":302,"_100":303,"_154":304,"_156":185,"_157":141,"_158":305,"_160":161,"_110":365,"_105":186,"_163":203,"_165":307,"_166":27,"_167":-5,"_103":366},["D",1750495732240],[184,303],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_98":99,"_100":101,"_102":42,"_103":104,"_106":373,"_297":377,"_380":381,"_397":398,"_404":-7,"_405":31,"_406":27},{"_108":109,"_100":101,"_110":374,"_112":-5,"_113":27,"_114":115,"_116":117,"_118":-5,"_12":119,"_120":-5,"_121":27,"_122":-5,"_123":124,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":126,"_134":27,"_21":375,"_138":376},["D",1748962553887],{"_98":99,"_136":137},{"_105":140,"_100":42,"_108":141,"_142":109,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":101,"_148":99},{"_108":302,"_100":303,"_154":304,"_156":185,"_157":141,"_158":305,"_160":161,"_110":378,"_105":186,"_163":203,"_165":307,"_166":27,"_167":-5,"_103":379},["D",1750495732240],[184,303],"history",[382,384,389,394],{"_108":302,"_157":141,"_154":304,"_100":303,"_165":307,"_163":203,"_105":186,"_156":185,"_110":383,"_158":305,"_167":-5},["D",1750495732240],{"_108":385,"_157":141,"_154":304,"_100":303,"_165":386,"_163":203,"_105":323,"_156":185,"_110":387,"_158":388,"_167":-5},"34af0e88-4e7c-11f0-b023-76b3cceeab13","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0,react-dom@18.2.0\";\nimport SimpleCardGenerator from \"./components/SimpleCardGenerator.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",["D",1750495581515],150,{"_108":390,"_157":141,"_154":304,"_100":303,"_165":391,"_163":203,"_105":124,"_156":185,"_110":392,"_158":393,"_167":-5},"1dcd7920-4e7c-11f0-b6ae-76b3cceeab13","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0,react-dom@18.2.0\";\n\n// Simple test component first\nfunction TestApp() {\n return (\n

Test - React is working!

If you can see this, React is loading properly.

\n );\n}\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",["D",1750495543130],148,{"_108":395,"_157":141,"_154":304,"_100":303,"_165":307,"_163":203,"_105":31,"_156":185,"_110":396,"_158":202,"_167":-5},"76e29012-408b-11f0-b135-76b3cceeab13",["D",1748962818761],"versions",[399,401,402,403],{"_297":382,"_400":384},"previous",{"_297":384,"_400":389},{"_297":389,"_400":394},{"_297":394,"_400":-5},"versionNumber","page","hasNext","routes/_app","actionData","errors"]

Error loading page

\n AI Tools Directory\n

\n {tool.name}\n

No tools found

\n \n \n \n Generate New Card\n

\n \n \n \n Generated Card Details\n {bulkResults && (\n \n 1 of {bulkResults.totalGenerated}\n \n )}\n

\n \n \n \n 3D Card Preview\n

\n \n \n \n Features\n

\n BIN Extrap Collection\n

\n \n \n \n Add New BIN\n

\n {entry.bin}\n

\n {searchTerm || selectedCardType !== \"All\" || selectedCountry !== \"All\" ? \"No BINs found\" : \"No BINs in collection\"}\n

\n \n \n \n BIN Lookup\n

\n \n \n \n BIN Information\n

\n \n \n \n About BIN Lookup\n

Bulk Generation Results

Bulk Generation Results

Bulk Generation Results

Generation Mode

About Generated Cards

\n \n \n \n Current Configuration\n

\n 🛍️ Premium Marketplace\n

{product.name}

Key Features:

No products found

Need Help or Custom Solutions?

\n Connect with Us\n

\n Join Group\n

\n Join Channel\n

\n Meet Creator\n

Test - React is working!

\n \n Generate New Card\n

\n \n Generated Card Details\n {bulkResults && (\n \n 1 of {bulkResults.totalGenerated}\n \n )}\n

\n \n 3D Card Preview\n

\n \n Features\n

\n \n Add New BIN\n

\n \n BIN Lookup\n

\n \n BIN Information\n

\n \n About BIN Lookup\n

\n \n Current Configuration\n

History for index.tsx