\n 🎬 Indian Actors & Movies Explorer 🌟\n

\n\n setSearchTerm(e.target.value)}\n style={{\n width: '100%',\n padding: '15px',\n fontSize: '18px',\n borderRadius: '10px',\n border: 'none',\n marginBottom: '20px',\n backgroundColor: 'rgba(255,255,255,0.2)',\n color: 'white',\n outline: 'none'\n }}\n />\n\n {loading && (\n

\n Loading... 🔄\n

\n )}\n\n {error && (\n

\n {error}\n

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

\n {actors.map((actor) => (\n

fetchActorMovies(actor.id)}\n style={{\n background: 'rgba(255,255,255,0.1)',\n padding: '10px',\n borderRadius: '10px',\n textAlign: 'center',\n cursor: 'pointer',\n transition: 'transform 0.3s ease',\n ':hover': { transform: 'scale(1.05)' }\n }}\n >\n ${actor.name}\n$ \n

{actor.name}

\n ))}\n

\n\n {/* Movies List */}\n {movies.length > 0 && (\n

\n Movies\n

\n {movies.map((movie) => (\n

\n ${movie.title}\n$ \n

\n {movie.title} ({movie.release_date?.split('-')[0] || 'N/A'})\n

\n Popularity: {movie.popularity.toFixed(2)}\n

\n ))}\n

\n )}\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request) {\n return new Response(`\n \n \n Indian Actors & Movies Explorer\n \n \n \n \n

\n \n \n \n \n `, {\n headers: {\n \"Content-Type\": \"text/html\",\n }\n });\n}","deleted","subdomain","children",[],[103],"files",[147],"counts",{"_169":33,"_170":171,"_172":33,"_173":33},"pulls","branches",1,"forks","envVars","contents",[],"file",{"_107":148,"_99":103,"_149":119,"_150":-5,"_151":139,"_152":138,"_153":121,"_109":178,"_104":155,"_156":157,"_158":159,"_160":27,"_161":-5,"_102":179},["D",1738521198467],[103],"upstream","screenshots","emptyEnvVars","isNew","routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_97":98,"_99":100,"_101":43,"_102":103,"_105":186,"_176":190,"_193":194,"_224":225,"_234":-7,"_235":33,"_236":27},{"_107":108,"_99":100,"_109":187,"_111":-5,"_112":27,"_113":114,"_115":-5,"_116":-5,"_12":117,"_118":119,"_120":121,"_122":-5,"_123":33,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":27,"_21":188,"_136":189},["D",1746137581846],{"_97":98,"_134":135},{"_104":138,"_99":43,"_107":139,"_140":108,"_141":-5,"_142":-5,"_143":-5,"_144":-5},{"_107":148,"_99":103,"_149":119,"_150":-5,"_151":139,"_152":138,"_153":121,"_109":191,"_104":155,"_156":157,"_158":159,"_160":27,"_161":-5,"_102":192},["D",1738521198467],[103],"history",[195,197,202,207,212,216,220],{"_107":148,"_151":139,"_149":119,"_99":103,"_158":159,"_156":157,"_104":155,"_150":-5,"_109":196,"_152":138,"_161":-5},["D",1738521198467],{"_107":198,"_151":139,"_149":119,"_99":103,"_158":199,"_156":157,"_104":200,"_150":-5,"_109":201,"_152":155,"_161":-5},"72939aae-26d9-11f0-a5b3-569c3dd06744","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\n// TMDB API Configuration\nconst TMDB_API_KEY = \"3fd2be6f0c70a2a598f084ddfb75487c\"; // Public read-only key\nconst TMDB_BASE_URL = \"https://api.themoviedb.org/3\";\nconst TMDB_IMAGE_BASE_URL = \"https://image.tmdb.org/t/p/w500\";\n\n// Expanded list of Indian languages and alternative search terms\nconst INDIAN_LANGUAGES = [\n \"hi\", // Hindi\n \"ta\", // Tamil\n \"te\", // Telugu\n \"ml\", // Malayalam\n \"kn\", // Kannada\n \"mr\" // Marathi\n];\n\n// Enhanced list of Indian film keywords\nconst INDIAN_FILM_KEYWORDS = [\n \"Bollywood\", \"Indian Cinema\", \"Tollywood\", \"Kollywood\", \n \"Sandalwood\", \"Mollywood\", \"Mumbai Film\", \"South Indian Film\"\n];\n\nfunction IndianMovieExplorer() {\n const [searchTerm, setSearchTerm] = useState(\"\");\n const [actors, setActors] = useState([]);\n const [selectedActor, setSelectedActor] = useState(null);\n const [movies, setMovies] = useState([]);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n\n // Enhanced Actor Search\n const searchActors = async () => {\n if (searchTerm.length < 2) return;\n\n setLoading(true);\n setError(null);\n\n try {\n // Multiple search strategies\n const searchStrategies = [\n // Direct TMDB search\n async () => {\n const response = await fetch(\n `${TMDB_BASE_URL}/search/person?api_key=${TMDB_API_KEY}&query=${encodeURIComponent(searchTerm)}&language=en-US&page=1`\n );\n const data = await response.json();\n return data.results;\n },\n // Broader search with alternative keywords\n async () => {\n const alternativeSearches = INDIAN_FILM_KEYWORDS.map(async (keyword) => {\n const response = await fetch(\n `${TMDB_BASE_URL}/search/person?api_key=${TMDB_API_KEY}&query=${encodeURIComponent(`${searchTerm} ${keyword}`)}&language=en-US&page=1`\n );\n const data = await response.json();\n return data.results;\n });\n return (await Promise.all(alternativeSearches)).flat();\n }\n ];\n\n // Combine and deduplicate results\n const searchResults = await Promise.all(searchStrategies.map(strategy => strategy()));\n const uniqueActors = Array.from(new Set(\n searchResults.flat()\n .filter(actor => \n actor.profile_path && \n (actor.known_for_department === \"Acting\" || \n actor.known_for.some(work => work.original_language in INDIAN_LANGUAGES))\n )\n .map(actor => JSON.stringify(actor))\n ).map(actor => JSON.parse(actor));\n\n setActors(uniqueActors);\n } catch (err) {\n setError(\"Failed to fetch actors. Please try again.\");\n console.error(err);\n } finally {\n setLoading(false);\n }\n };\n\n // Enhanced Movie Fetching\n const fetchActorMovies = async (actorId) => {\n setLoading(true);\n setError(null);\n\n try {\n // Multiple movie fetching strategies\n const movieFetchStrategies = [\n // Primary movie credits\n async () => {\n const response = await fetch(\n `${TMDB_BASE_URL}/person/${actorId}/movie_credits?api_key=${TMDB_API_KEY}&language=en-US`\n );\n const data = await response.json();\n return data.cast;\n },\n // Alternative language movies\n async () => {\n const languageMovies = await Promise.all(\n INDIAN_LANGUAGES.map(async (lang) => {\n const response = await fetch(\n `${TMDB_BASE_URL}/discover/movie?api_key=${TMDB_API_KEY}&with_cast=${actorId}&with_original_language=${lang}&sort_by=popularity.desc`\n );\n const data = await response.json();\n return data.results;\n })\n );\n return languageMovies.flat();\n }\n ];\n\n // Combine movie results\n const movieResults = await Promise.all(movieFetchStrategies.map(strategy => strategy()));\n \n // Deduplicate and filter movies\n const uniqueMovies = Array.from(new Set(\n movieResults.flat()\n .filter(movie => \n movie.poster_path && \n (INDIAN_LANGUAGES.includes(movie.original_language) || \n INDIAN_FILM_KEYWORDS.some(keyword => \n movie.title.toLowerCase().includes(keyword.toLowerCase())\n ))\n )\n .map(movie => JSON.stringify(movie))\n ).map(movie => JSON.parse(movie));\n\n // Sort by popularity and limit to top 50\n const sortedMovies = uniqueMovies\n .sort((a, b) => b.popularity - a.popularity)\n .slice(0, 50);\n\n setMovies(sortedMovies);\n } catch (err) {\n setError(\"Failed to fetch movies. Please try again.\");\n console.error(err);\n } finally {\n setLoading(false);\n }\n };\n\n // Rest of the component remains the same as previous implementation\n // ... [previous render method remains unchanged]\n}\n\n// Remaining client and server functions stay the same as in previous implementation",5,["D",1738521084980],{"_107":203,"_151":139,"_149":119,"_99":103,"_158":204,"_156":157,"_104":205,"_150":-5,"_109":206,"_152":200,"_161":-5},"728de87a-26d9-11f0-a5b3-569c3dd06744","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\n// TMDB API Configuration\nconst TMDB_API_KEY = \"3fd2be6f0c70a2a598f084ddfb75487c\"; // Public read-only key\nconst TMDB_BASE_URL = \"https://api.themoviedb.org/3\";\nconst TMDB_IMAGE_BASE_URL = \"https://image.tmdb.org/t/p/w500\";\n\nfunction IndianMovieExplorer() {\n const [searchTerm, setSearchTerm] = useState(\"\");\n const [actors, setActors] = useState([]);\n const [selectedActor, setSelectedActor] = useState(null);\n const [movies, setMovies] = useState([]);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n\n // Search Actors\n const searchActors = async () => {\n if (searchTerm.length < 2) return;\n\n setLoading(true);\n setError(null);\n\n try {\n const response = await fetch(\n `${TMDB_BASE_URL}/search/person?api_key=${TMDB_API_KEY}&query=${encodeURIComponent(searchTerm)}&language=en-US&page=1`\n );\n \n const data = await response.json();\n \n // Filter for Indian actors (based on known Indian film industries)\n const indianActors = data.results.filter(actor => \n actor.known_for_department === \"Acting\" && \n actor.profile_path\n );\n\n setActors(indianActors);\n } catch (err) {\n setError(\"Failed to fetch actors. Please try again.\");\n console.error(err);\n } finally {\n setLoading(false);\n }\n };\n\n // Fetch Actor's Movies\n const fetchActorMovies = async (actorId) => {\n setLoading(true);\n setError(null);\n\n try {\n const response = await fetch(\n `${TMDB_BASE_URL}/person/${actorId}/movie_credits?api_key=${TMDB_API_KEY}&language=en-US`\n );\n \n const data = await response.json();\n \n // Filter and sort movies\n const filteredMovies = data.cast\n .filter(movie => movie.poster_path && movie.original_language === \"hi\")\n .sort((a, b) => b.popularity - a.popularity);\n\n setMovies(filteredMovies);\n setLoading(false);\n } catch (err) {\n setError(\"Failed to fetch movies. Please try again.\");\n console.error(err);\n }\n };\n\n // Handle Actor Selection\n const handleActorSelect = (actor) => {\n setSelectedActor(actor);\n fetchActorMovies(actor.id);\n };\n\n // Search on input change with debounce\n useEffect(() => {\n const timerId = setTimeout(searchActors, 500);\n return () => clearTimeout(timerId);\n }, [searchTerm]);\n\n return (\n

\n 🎬 Indian Actors & Movies Explorer 🌟\n

\n Loading... 🔄\n

\n )}\n\n {error && (\n

\n {error}\n

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

\n {actors.map((actor) => (\n

handleActorSelect(actor)}\n style={{\n background: 'rgba(255,255,255,0.1)',\n padding: '10px',\n borderRadius: '10px',\n textAlign: 'center',\n cursor: 'pointer',\n transition: 'transform 0.3s ease',\n ':hover': { transform: 'scale(1.05)' }\n }}\n >\n ${actor.name}\n$ \n

{actor.name}

\n ))}\n

\n\n {/* Selected Actor's Movies */}\n {selectedActor && (\n

\n Movies of {selectedActor.name}\n

\n {movies.map((movie) => (\n

\n ${movie.title}\n$ \n

\n {movie.title} ({movie.release_date?.split('-')[0] || 'N/A'})\n

\n Popularity: {movie.popularity.toFixed(2)}\n

\n ))}\n

\n )}\n

\n \n \n \n \n `, {\n headers: {\n \"Content-Type\": \"text/html\",\n }\n });\n}",4,["D",1738520534668],{"_107":208,"_151":139,"_149":119,"_99":103,"_158":209,"_156":157,"_104":210,"_150":-5,"_109":211,"_152":205,"_161":-5},"72882534-26d9-11f0-a5b3-569c3dd06744","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nfunction NameFinderApp() {\n const [category, setCategory] = useState(\"global\");\n const [gender, setGender] = useState(\"male\");\n const [searchTerm, setSearchTerm] = useState(\"\");\n const [names, setNames] = useState([]);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n\n // Categories mapped to API parameters\n const CATEGORIES = {\n global: { nat: \"us,au,ca,gb,ie\" },\n indian: { nat: \"in\" },\n european: { nat: \"fr,de,es,it\" },\n asian: { nat: \"jp,kr,cn\" }\n };\n\n useEffect(() => {\n fetchNames();\n }, [category, gender]);\n\n const fetchNames = async () => {\n setLoading(true);\n setError(null);\n \n try {\n const params = new URLSearchParams({\n results: \"50\",\n gender: gender,\n nat: CATEGORIES[category].nat\n });\n\n const response = await fetch(`https://randomuser.me/api/?${params}`);\n const data = await response.json();\n\n const fetchedNames = data.results.map(user => ({\n fullName: `${user.name.first} ${user.name.last}`,\n location: `${user.location.city}, ${user.location.country}`,\n picture: user.picture.thumbnail\n }));\n\n setNames(fetchedNames);\n } catch (err) {\n setError(\"Failed to fetch names. Please try again.\");\n console.error(err);\n } finally {\n setLoading(false);\n }\n };\n\n const filteredNames = names.filter(name => \n name.fullName.toLowerCase().includes(searchTerm.toLowerCase())\n );\n\n return (\n

\n 🌐 Global Name Explorer 🔍\n

\n\n

\n \n\n \n\n setSearchTerm(e.target.value)}\n style={{\n ...selectStyle,\n width: '100%',\n padding: '10px',\n border: '2px solid #ffffff33',\n borderRadius: '8px'\n }}\n />\n

\n\n {loading && (\n

\n Loading names... 🔄\n

\n )}\n\n {error && (\n

\n {error}\n

\n )}\n\n

\n {filteredNames.map((name, index) => (\n

\n ${name.fullName}\n$ \n

{name.fullName}

\n {name.location}\n

\n ))}\n

\n );\n}\n\nconst selectStyle = {\n padding: '10px',\n borderRadius: '8px',\n border: '2px solid #ffffff33',\n backgroundColor: 'rgba(255,255,255,0.1)',\n fontSize: '16px',\n color: 'white'\n};\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request) {\n return new Response(`\n \n \n Global Name Explorer\n \n \n \n \n

\n \n \n \n \n `, {\n headers: {\n \"Content-Type\": \"text/html\",\n }\n });\n}",3,["D",1738520283102],{"_107":213,"_151":139,"_149":119,"_99":103,"_158":214,"_156":157,"_104":94,"_150":-5,"_109":215,"_152":210,"_161":-5},"728290ce-26d9-11f0-a5b3-569c3dd06744","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\n// Comprehensive name database\nconst NAME_DATABASE = {\n indianInfluencers: {\n male: [\n \"Ranveer Singh\", \"Bhuvan Bam\", \"Ashish Chanchlani\", \"Harsh Beniwal\", \n \"CarryMinati\", \"Amit Bhadana\", \"Danish Zehen\", \"Gaurav Taneja\"\n ],\n female: [\n \"Prajakta Koli\", \"Sejal Kumar\", \"Kritika Khurana\", \"Dolly Singh\", \n \"Komal Pandey\", \"Masoom Minawala\", \"Srishti Dixit\"\n ]\n },\n bollywoodStars: {\n male: [\n \"Shah Rukh Khan\", \"Salman Khan\", \"Aamir Khan\", \"Ranbir Kapoor\", \n \"Ranveer Singh\", \"Varun Dhawan\", \"Ayushmann Khurrana\"\n ],\n female: [\n \"Deepika Padukone\", \"Priyanka Chopra\", \"Alia Bhatt\", \"Katrina Kaif\", \n \"Kareena Kapoor\", \"Shraddha Kapoor\", \"Anushka Sharma\"\n ]\n },\n techInfluencers: {\n male: [\n \"Mrwhosetheboss\", \"Technical Guruji\", \"Gaurav Chaudhary\", \n \"Unbox Therapy\", \"Nikhil Kannauth\"\n ],\n female: [\n \"Srishti Dixit\", \"Dhanya Balakrishna\", \"Aishwarya Subramanian\"\n ]\n }\n};\n\nfunction NameFinderApp() {\n const [category, setCategory] = useState(\"indianInfluencers\");\n const [gender, setGender] = useState(\"male\");\n const [searchTerm, setSearchTerm] = useState(\"\");\n const [filteredNames, setFilteredNames] = useState([]);\n\n useEffect(() => {\n const names = NAME_DATABASE[category][gender];\n const filtered = names.filter(name => \n name.toLowerCase().includes(searchTerm.toLowerCase())\n );\n setFilteredNames(filtered);\n }, [category, gender, searchTerm]);\n\n return (\n

\n 🌟 Ultimate Name Finder 🔍\n

\n\n

\n \n\n \n\n setSearchTerm(e.target.value)}\n style={{\n ...selectStyle,\n width: '100%',\n padding: '10px',\n border: '2px solid #fca311',\n borderRadius: '8px'\n }}\n />\n

\n\n

\n {filteredNames.map((name, index) => (\n

\n {name}\n

\n ))}\n

\n );\n}\n\nconst selectStyle = {\n padding: '10px',\n borderRadius: '8px',\n border: '2px solid #fca311',\n backgroundColor: 'white',\n fontSize: '16px'\n};\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request) {\n return new Response(`\n \n \n Ultimate Name Finder\n \n \n \n \n

\n \n \n \n \n `, {\n headers: {\n \"Content-Type\": \"text/html\",\n }\n });\n}",["D",1738520195625],{"_107":217,"_151":139,"_149":119,"_99":103,"_158":218,"_156":157,"_104":171,"_150":-5,"_109":219,"_152":94,"_161":-5},"727cf84e-26d9-11f0-a5b3-569c3dd06744","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\n// Advanced color generation with more nuanced randomization\nfunction generateAdvancedColor() {\n // Golden ratio-based color generation for more aesthetically pleasing colors\n const goldenRatio = 0.618033988749895;\n const hue = (Math.random() + goldenRatio) % 1 * 360;\n \n // More sophisticated saturation and lightness generation\n const saturation = 50 + Math.random() * 50; // 50-100% range\n const lightness = 40 + Math.random() * 40; // 40-80% range\n \n // Add color complexity with alpha and additional color spaces\n const alpha = 0.8 + Math.random() * 0.2;\n \n return {\n hsl: `hsla(${Math.floor(hue)}, ${Math.floor(saturation)}%, ${Math.floor(lightness)}%, ${alpha})`,\n hex: `#${Math.floor(hue).toString(16).padStart(2, '0')}${Math.floor(saturation).toString(16).padStart(2, '0')}${Math.floor(lightness).toString(16).padStart(2, '0')}`,\n rgb: `rgb(${Math.floor(Math.random() * 255)}, ${Math.floor(Math.random() * 255)}, ${Math.floor(Math.random() * 255)})`\n };\n}\n\n// Particle system for visual effects\nfunction Particles({ color }) {\n const canvasRef = useRef(null);\n\n useEffect(() => {\n const canvas = canvasRef.current;\n const ctx = canvas.getContext('2d');\n canvas.width = window.innerWidth;\n canvas.height = window.innerHeight;\n\n const particles = [];\n const particleCount = 50;\n\n class Particle {\n constructor() {\n this.x = Math.random() * canvas.width;\n this.y = Math.random() * canvas.height;\n this.radius = 2 + Math.random() * 5;\n this.speedX = (Math.random() - 0.5) * 5;\n this.speedY = (Math.random() - 0.5) * 5;\n this.color = color;\n }\n\n update() {\n this.x += this.speedX;\n this.y += this.speedY;\n\n // Wrap around screen\n if (this.x < 0) this.x = canvas.width;\n if (this.x > canvas.width) this.x = 0;\n if (this.y < 0) this.y = canvas.height;\n if (this.y > canvas.height) this.y = 0;\n }\n\n draw(ctx) {\n ctx.beginPath();\n ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2);\n ctx.fillStyle = this.color;\n ctx.fill();\n }\n }\n\n // Initialize particles\n for (let i = 0; i < particleCount; i++) {\n particles.push(new Particle());\n }\n\n // Animation loop\n function animate() {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n particles.forEach(particle => {\n particle.update();\n particle.draw(ctx);\n });\n requestAnimationFrame(animate);\n }\n\n animate();\n\n return () => {\n // Cleanup\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n };\n }, [color]);\n\n return

\n 🎬 Indian Actors & Movies Explorer 🌟\n

\n Movies\n

\n 🎬 Indian Actors & Movies Explorer 🌟\n

\n Movies of {selectedActor.name}\n

\n 🌐 Global Name Explorer 🔍\n

\n 🌟 Ultimate Name Finder 🔍\n

\n Click to Transform World\n
\n Infinite Color Exploration\n

\n Click to Change Color\n

\n 🎬 Indian Actors & Movies Explorer 🌟\n

\n Movies\n

\n 🎬 Indian Actors & Movies Explorer 🌟\n

\n Movies of {selectedActor.name}\n

\n 🌐 Global Name Explorer 🔍\n

\n 🌟 Ultimate Name Finder 🔍\n

\n Click to Transform World\n \n Infinite Color Exploration\n

\n Click to Change Color\n

\n Click to Transform World\n
\n Infinite Color Exploration\n

History for main.tsx