[{"_1":2,"_219":-5,"_220":-5},"loaderData",{"_3":4,"_91":92,"_206":207,"_218":-5},"root",{"_5":6,"_32":33,"_58":59,"_89":90},"ctx",{"_7":8,"_18":19,"_20":-5,"_21":22,"_23":24,"_25":26,"_27":26,"_28":29,"_30":31},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"sessionClaims","sessionId","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","environmentVariableKeys",[],"user","preferences_keybindings","default","preferences_theme","light","preferences_fixers",false,"preferences_copilot","preferences_model","claude-3-5-haiku-20241022","notification_count",0,"ENV",{"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","0320ead38fe76c3cd390913c25446fd7a3552e0f","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","API_URL","https://api.val.town","WORKER_FINGERPRINT","d0746fd0512e0614e3f717607f0da4cd","clerkState",{"_60":61},"__internal_clerk_state",{"_62":63,"_64":43,"_65":66,"_67":66,"_68":26,"_69":66,"_70":66,"_71":66,"_72":66,"_73":66,"_74":66,"_75":66,"_76":66,"_77":78,"_87":26,"_88":26},"__clerk_ssr_state",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__signInForceRedirectUrl","__signUpForceRedirectUrl","__signInFallbackRedirectUrl","__signUpFallbackRedirectUrl","__clerk_debug",{"_79":26,"_80":66,"_81":82,"_83":66,"_84":43,"_85":26,"_86":66},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","remixVersion",2,"routes/_app.v.$handle.$name",{"_93":94,"_95":96,"_94":97,"_201":-5,"_202":-5,"_203":204,"_128":129,"_136":137,"_100":101,"_98":99,"_117":-7,"_50":51,"_205":26},"type","val","author","b4608b08-0245-4aaf-b2ac-13a8d6f653e7",{"_98":99,"_95":96,"_100":101,"_102":-5,"_103":-5,"_104":105,"_106":66,"_107":108,"_109":110,"_111":26,"_112":110,"_113":114,"_115":116,"_117":118,"_119":26,"_120":31,"_121":31,"_122":31,"_123":31,"_124":31,"_125":31,"_126":-5,"_20":127,"_132":-5,"_133":-7,"_134":135,"_136":137,"_138":139},"name","echosearch","valNameId","b9437350-9365-11ef-a653-de64eea55b61","parentFolderId","isOwned","privacy","public","readme","valType","http","currentVersion","3936f814-ab64-11ef-81b9-e6cdfca9ef9f","legacyPrivate","id","code","/** @jsxImportSource https://esm.sh/react */\nimport { AnimatePresence, motion } from \"https://esm.sh/framer-motion\";\nimport React, { useCallback, useEffect, useState } from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\n\nconst DATA_SOURCES = [\n { id: \"reddit\", name: \"Reddit\", url: \"reddit.com\", icon: \"🔥\" },\n { id: \"hackernews\", name: \"Hacker News\", url: \"news.ycombinator.com\", icon: \"👨‍💻\" },\n { id: \"github\", name: \"GitHub Discussions\", url: \"github.com\", icon: \"🐙\" },\n { id: \"stackoverflow\", name: \"Stack Overflow\", url: \"stackoverflow.com\", icon: \"📚\" },\n { id: \"twitter\", name: \"Twitter\", url: \"twitter.com\", icon: \"🐦\" },\n { id: \"medium\", name: \"Medium\", url: \"medium.com\", icon: \"📝\" },\n];\n\nfunction DataSourceSelector({ selectedSources, setSelectedSources }) {\n return (\n

Select Data Sources

\n {DATA_SOURCES.map((source) => (\n {\n setSelectedSources(prev =>\n prev.includes(source.id)\n ? prev.filter(s => s !== source.id)\n : [...prev, source.id]\n );\n }}\n whileHover={{ scale: 1.05 }}\n whileTap={{ scale: 0.95 }}\n >\n {source.icon} {source.name}\n \n ))}\n

\n );\n}\n\nfunction SearchComponent() {\n const [query, setQuery] = useState(\"\");\n const [results, setResults] = useState([]);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n const [selectedSources, setSelectedSources] = useState([\"reddit\", \"hackernews\", \"github\", \"stackoverflow\"]);\n const [timeFilter, setTimeFilter] = useState(\"year\");\n const [minUpvotes, setMinUpvotes] = useState(10);\n const [maxUpvotes, setMaxUpvotes] = useState(1000000);\n const [sortBy, setSortBy] = useState(\"relevance\");\n const [suggestedTopics, setSuggestedTopics] = useState([]);\n const [currentPage, setCurrentPage] = useState(1);\n const [showFilters, setShowFilters] = useState(false);\n const resultsPerPage = 20;\n const totalPages = 50;\n\n const timeFilters = {\n hour: \"Past Hour\",\n day: \"Past 24 Hours\",\n week: \"Past Week\",\n month: \"Past Month\",\n year: \"Past Year\",\n all: \"All Time\",\n };\n\n const searchAllSources = async (searchQuery, page = 1) => {\n if (!searchQuery.trim()) return;\n\n setLoading(true);\n setError(null);\n\n try {\n const allResults = await Promise.all(selectedSources.map(async (source) => {\n let sourceResults = [];\n switch (source) {\n case \"reddit\":\n const redditResponse = await fetch(\n `https://www.reddit.com/search.json?q=${\n encodeURIComponent(searchQuery)\n }&sort=${sortBy}&t=${timeFilter}&limit=100`,\n );\n const redditData = await redditResponse.json();\n sourceResults = redditData.data.children\n .filter(post => post.data.score >= minUpvotes && post.data.score <= maxUpvotes)\n .map(post => ({\n title: post.data.title,\n url: post.data.url,\n score: post.data.score,\n source: \"reddit\",\n sourceIcon: \"🔥\",\n subreddit: post.data.subreddit,\n author: post.data.author,\n permalink: `https://reddit.com${post.data.permalink}`,\n created: new Date(post.data.created_utc * 1000).toLocaleDateString(),\n thumbnail: post.data.thumbnail && post.data.thumbnail !== \"self\"\n ? post.data.thumbnail\n : \"https://www.redditstatic.com/icon.png\",\n comments: post.data.num_comments,\n awards: post.data.total_awards_received,\n snippet: post.data.selftext ? post.data.selftext.slice(0, 200) + \"...\" : \"\",\n }));\n break;\n case \"hackernews\":\n const hnResponse = await fetch(\n `https://hn.algolia.com/api/v1/search?query=${\n encodeURIComponent(searchQuery)\n }&tags=story&numericFilters=points>=${minUpvotes},points<=${maxUpvotes}&hitsPerPage=100`,\n );\n const hnData = await hnResponse.json();\n sourceResults = hnData.hits.map(hit => ({\n title: hit.title,\n url: hit.url || `https://news.ycombinator.com/item?id=${hit.objectID}`,\n score: hit.points,\n source: \"hackernews\",\n sourceIcon: \"👨‍💻\",\n author: hit.author,\n permalink: `https://news.ycombinator.com/item?id=${hit.objectID}`,\n created: new Date(hit.created_at).toLocaleDateString(),\n comments: hit.num_comments,\n snippet: hit.story_text ? hit.story_text.slice(0, 200) + \"...\" : \"\",\n }));\n break;\n case \"github\":\n const githubResponse = await fetch(\n `https://api.github.com/search/issues?q=${\n encodeURIComponent(searchQuery)\n }+is:issue+state:open&sort=reactions&order=desc&per_page=100`,\n );\n const githubData = await githubResponse.json();\n sourceResults = githubData.items.map(issue => ({\n title: issue.title,\n url: issue.html_url,\n score: issue.reactions.total_count,\n source: \"github\",\n sourceIcon: \"🐙\",\n author: issue.user.login,\n permalink: issue.html_url,\n created: new Date(issue.created_at).toLocaleDateString(),\n comments: issue.comments,\n snippet: issue.body ? issue.body.slice(0, 200) + \"...\" : \"\",\n }));\n break;\n case \"stackoverflow\":\n const soResponse = await fetch(\n `https://api.stackexchange.com/2.3/search/advanced?order=desc&sort=votes&q=${\n encodeURIComponent(searchQuery)\n }&site=stackoverflow&filter=withbody&pagesize=100`,\n );\n const soData = await soResponse.json();\n sourceResults = soData.items.map(item => ({\n title: item.title,\n url: item.link,\n score: item.score,\n source: \"stackoverflow\",\n sourceIcon: \"📚\",\n author: item.owner.display_name,\n permalink: item.link,\n created: new Date(item.creation_date * 1000).toLocaleDateString(),\n comments: item.answer_count,\n snippet: item.body ? item.body.slice(0, 200).replace(/<[^>]*>/g, \"\") + \"...\" : \"\",\n }));\n break;\n case \"twitter\":\n // Note: Twitter API requires authentication, so this is a mock implementation\n sourceResults = [\n {\n title: `Tweet about ${searchQuery}`,\n url: `https://twitter.com/search?q=${encodeURIComponent(searchQuery)}`,\n score: Math.floor(Math.random() * 1000),\n source: \"twitter\",\n sourceIcon: \"🐦\",\n author: \"Twitter User\",\n permalink: `https://twitter.com/search?q=${encodeURIComponent(searchQuery)}`,\n created: new Date().toLocaleDateString(),\n comments: Math.floor(Math.random() * 100),\n snippet: `This is a mock tweet about ${searchQuery}. Twitter API requires authentication.`,\n },\n ];\n break;\n case \"medium\":\n const mediumResponse = await fetch(\n `https://api.medium.com/v1/search?q=${encodeURIComponent(searchQuery)}&limit=100`,\n );\n const mediumData = await mediumResponse.json();\n sourceResults = mediumData.data.map(post => ({\n title: post.title,\n url: post.url,\n score: post.claps,\n source: \"medium\",\n sourceIcon: \"📝\",\n author: post.author.name,\n permalink: post.url,\n created: new Date(post.publishedAt).toLocaleDateString(),\n comments: post.responseCount,\n snippet: post.content ? post.content.slice(0, 200) + \"...\" : \"\",\n }));\n break;\n }\n return sourceResults;\n }));\n\n const processedResults = allResults.flat().map(result => ({\n ...result,\n relevanceScore: calculateRelevanceScore(result, searchQuery),\n })).sort((a, b) => b.relevanceScore - a.relevanceScore);\n\n if (processedResults.length === 0) {\n setError(\"No results found. Try adjusting your search terms or filters.\");\n setResults([]);\n } else {\n setResults(processedResults);\n setCurrentPage(page);\n }\n } catch (err) {\n setError(\"Failed to fetch results. Please try again.\");\n } finally {\n setLoading(false);\n }\n };\n\n const calculateRelevanceScore = (result, searchQuery) => {\n const keywords = searchQuery.toLowerCase().split(/\\s+/);\n let score = 0;\n\n // Title exact phrase match (0-30 points)\n if (result.title.toLowerCase().includes(searchQuery.toLowerCase())) {\n score += 30;\n }\n\n // Title keyword matches (0-20 points)\n const titleWords = result.title.toLowerCase().split(/\\s+/);\n keywords.forEach(keyword => {\n if (titleWords.includes(keyword)) score += 7;\n // Partial word matches with length check to avoid false positives\n titleWords.forEach(word => {\n if ((word.includes(keyword) || keyword.includes(word)) && keyword.length > 3) score += 3;\n });\n });\n\n // Snippet keyword matches (0-15 points)\n if (result.snippet) {\n const snippetWords = result.snippet.toLowerCase().split(/\\s+/);\n keywords.forEach(keyword => {\n if (snippetWords.includes(keyword)) score += 3;\n });\n }\n\n // Recent content bonus (0-10 points)\n const ageInDays = (Date.now() - new Date(result.created).getTime()) / (1000 * 60 * 60 * 24);\n if (ageInDays < 1) score += 10;\n else if (ageInDays < 7) score += 8;\n else if (ageInDays < 30) score += 6;\n else if (ageInDays < 90) score += 4;\n else if (ageInDays < 365) score += 2;\n\n // Engagement quality (0-15 points)\n const engagementScore = (result.score + (result.comments * 2)) / 100;\n score += Math.min(engagementScore, 15);\n\n // Source relevance (0-10 points)\n if (result.source === \"reddit\" && result.subreddit && suggestedTopics.includes(result.subreddit.toLowerCase())) {\n score += 10;\n } else if ([\"stackoverflow\", \"github\", \"hackernews\"].includes(result.source)) {\n score += 5; // Boost technical sources\n }\n\n return score;\n };\n\n const handleSearch = () => {\n setCurrentPage(1);\n searchAllSources(query);\n };\n\n const getSuggestedTopics = (query) => {\n const suggestions = {\n technology: [\n \"technology\",\n \"programming\",\n \"webdev\",\n \"machinelearning\",\n \"datascience\",\n \"artificialintelligence\",\n \"cybersecurity\",\n ],\n science: [\"science\", \"askscience\", \"physics\", \"chemistry\", \"biology\", \"astronomy\", \"neuroscience\"],\n health: [\"health\", \"fitness\", \"nutrition\", \"medicine\", \"mentalhealth\", \"wellness\", \"healthcare\"],\n finance: [\n \"personalfinance\",\n \"investing\",\n \"stocks\",\n \"cryptocurrency\",\n \"financialindependence\",\n \"economics\",\n \"trading\",\n ],\n entertainment: [\"movies\", \"television\", \"music\", \"gaming\", \"books\", \"anime\", \"podcasts\"],\n news: [\"worldnews\", \"politics\", \"economics\", \"environment\", \"technology\", \"currentevents\", \"geopolitics\"],\n lifestyle: [\"food\", \"travel\", \"fashion\", \"diy\", \"gardening\", \"homeimprovement\", \"cooking\"],\n sports: [\"sports\", \"soccer\", \"basketball\", \"football\", \"tennis\", \"baseball\", \"olympics\"],\n education: [\n \"education\",\n \"college\",\n \"gradschool\",\n \"teaching\",\n \"studentlife\",\n \"onlinelearning\",\n \"academicresearch\",\n ],\n business: [\"business\", \"entrepreneur\", \"startups\", \"marketing\", \"smallbusiness\", \"careers\", \"management\"],\n };\n\n const words = query.toLowerCase().split(/\\s+/);\n const relevantSuggestions = new Set();\n\n words.forEach(word => {\n Object.entries(suggestions).forEach(([category, topics]) => {\n if (word.includes(category) || category.includes(word)) {\n topics.forEach(topic => relevantSuggestions.add(topic));\n }\n });\n });\n\n return Array.from(relevantSuggestions);\n };\n\n useEffect(() => {\n const topics = getSuggestedTopics(query);\n setSuggestedTopics(topics);\n }, [query]);\n\n const toggleFilters = () => {\n setShowFilters(!showFilters);\n };\n\n const displayedResults = results.slice((currentPage - 1) * resultsPerPage, currentPage * resultsPerPage);\n\n return (\n

\n \n

\n setQuery(e.target.value)}\n placeholder=\"Search across multiple platforms...\"\n className=\"search-input\"\n />\n \n 🔍\n \n

\n\n {suggestedTopics.length > 0 && (\n

\n Echo\n Search\n

\n \n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(req: Request): Promise {\n return new Response(\n `\n \n \n \n \n EchoSearch - Multi-Platform Content Discovery\n \n \n \n

\n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}\n\nconst css = `\n :root {\n --primary-echo: #4a90e2;\n --primary-search: #34495e;\n --background: #f8f9fa;\n --text: #333;\n --card-bg: #ffffff;\n --filter-bg: #f1f3f5;\n --tag-bg: #e9ecef;\n --tag-selected: #d0e3ff;\n }\n\n body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;\n background: var(--background);\n color: var(--text);\n }\n\n .container {\n max-width: 800px;\n margin: 0 auto;\n padding: 2rem 1rem;\n }\n\n .app-container {\n text-align: center;\n margin-bottom: 2rem;\n }\n\n h1 {\n font-size: 3.5rem;\n margin-bottom: 1.5rem;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\n }\n\n .echo {\n background: linear-gradient(45deg, #4a90e2, #5a9ff2);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .search {\n background: linear-gradient(45deg, #34495e, #4a6278);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .search-container {\n text-align: center;\n }\n\n .search-box {\n display: flex;\n gap: 0.5rem;\n max-width: 600px;\n margin: 1rem auto;\n }\n\n .search-input {\n flex: 1;\n padding: 1rem 1.5rem;\n font-size: 1.1rem;\n border: 2px solid var(--primary-echo);\n border-radius: 25px;\n outline: none;\n transition: all 0.3s ease;\n box-shadow: 0 2px 10px rgba(74, 144, 226, 0.1);\n }\n\n .search-input:focus {\n border-color: var(--primary-search);\n box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.2);\n }\n\n .search-button {\n padding: 0.5rem 1.5rem;\n font-size: 1.5rem;\n background: linear-gradient(45deg, var(--primary-echo), var(--primary-search));\n color: white;\n border: none;\n border-radius: 25px;\n cursor: pointer;\n transition: all 0.3s ease;\n box-shadow: 0 2px 10px rgba(74, 144, 226, 0.2);\n }\n\n .search-button:hover {\n opacity: 0.9;\n box-shadow: 0 4px 15px rgba(74, 144, 226, 0.3);\n }\n\n .suggested-topics {\n margin: 1rem 0;\n }\n\n .suggested-topics p {\n margin: 0.5rem 0;\n color: var(--primary-search);\n font-size: 0.9rem;\n }\n\n .topic-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n justify-content: center;\n }\n\n .topic-tag {\n padding: 0.3rem 0.8rem;\n background: var(--tag-bg);\n border: none;\n border-radius: 15px;\n cursor: pointer;\n font-size: 0.9rem;\n transition: all 0.2s ease;\n color: var(--primary-search);\n }\n\n .topic-tag:hover {\n background: var(--tag-selected);\n color: var(--primary-echo);\n }\n\n .filter-toggle {\n margin: 1rem 0;\n padding: 0.5rem 1rem;\n background: transparent;\n border: 1px solid var(--primary-echo);\n color: var(--primary-echo);\n border-radius: 15px;\n cursor: pointer;\n font-size: 0.9rem;\n transition: all 0.3s ease;\n }\n\n .filter-toggle:hover {\n background: var(--primary-echo);\n color: white;\n }\n\n .filters-container {\n background: var(--filter-bg);\n margin: 1rem auto;\n padding: 1rem;\n border-radius: 12px;\n max-width: 600px;\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n }\n\n .filter-group {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n margin: 0.5rem;\n }\n\n .filter-group label {\n margin-bottom: 0.3rem;\n font-size: 0.9rem;\n color: var(--primary-search);\n }\n\n .upvotes-range {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .filter-select, .filter-input {\n padding: 0.5rem;\n border: 1px solid var(--primary-echo);\n border-radius: 8px;\n font-size: 0.9rem;\n background: white;\n color: var(--text);\n }\n\n .filter-input {\n width: 80px;\n }\n\n .loader {\n margin: 2rem 0;\n color: var(--primary-echo);\n font-weight: 500;\n }\n\n .error {\n color: #e74c3c;\n margin: 1rem 0;\n }\n\n .results {\n margin-top: 2rem;\n }\n\n .result-card {\n background: var(--card-bg);\n padding: 1.5rem;\n margin: 1rem 0;\n border-radius: 12px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n position: relative;\n text-align: left;\n }\n\n .result-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n }\n\n .result-source {\n position: absolute;\n top: 0.5rem;\n right: 0.5rem;\n background: rgba(255, 255, 255, 0.8);\n padding: 0.2rem 0.5rem;\n border-radius: 12px;\n font-size: 0.8rem;\n font-weight: bold;\n color: var(--primary-echo);\n }\n\n .result-title {\n display: block;\n font-size: 1.2rem;\n color: var(--primary-echo);\n text-decoration: none;\n margin-bottom: 0.5rem;\n font-weight: 600;\n }\n\n .result-title:hover {\n text-decoration: underline;\n }\n\n .result-snippet {\n font-size: 0.9rem;\n color: var(--text);\n margin-bottom: 0.5rem;\n }\n\n .result-meta {\n display: flex;\n gap: 1rem;\n font-size: 0.9rem;\n color: var(--primary-search);\n flex-wrap: wrap;\n }\n\n .discussion-link {\n display: inline-block;\n margin-top: 0.5rem;\n color: var(--primary-echo);\n text-decoration: none;\n font-size: 0.9rem;\n font-weight: 500;\n }\n\n .discussion-link:hover {\n text-decoration: underline;\n }\n\n .data-source-selector {\n margin: 1rem 0;\n background: linear-gradient(45deg, var(--primary-echo), var(--primary-search));\n padding: 1rem;\n border-radius: 12px;\n box-shadow: 0 4px 15px rgba(74, 144, 226, 0.2);\n }\n\n .data-source-selector h3 {\n font-size: 1.2rem;\n margin-bottom: 0.5rem;\n color: white;\n text-align: center;\n }\n\n .data-source-grid {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n justify-content: center;\n }\n\n .data-source-button {\n padding: 0.5rem 1rem;\n background: rgba(255, 255, 255, 0.2);\n border: none;\n border-radius: 20px;\n cursor: pointer;\n font-size: 0.9rem;\n transition: all 0.2s ease;\n display: flex;\n align-items: center;\n gap: 0.3rem;\n color: white;\n }\n\n .data-source-button.selected {\n background: white;\n color: var(--primary-echo);\n font-weight: bold;\n }\n\n .pagination {\n display: flex;\n justify-content: center;\n gap: 0.5rem;\n margin-top: 2rem;\n flex-wrap: wrap;\n }\n\n .page-button {\n padding: 0.5rem 1rem;\n background: var(--tag-bg);\n border: none;\n border-radius: 8px;\n cursor: pointer;\n font-size: 0.9rem;\n transition: all 0.2s ease;\n color: var(--primary-search);\n }\n\n .page-button.active {\n background: var(--primary-echo);\n color: white;\n }\n\n @media (max-width: 600px) {\n .search-box {\n flex-direction: column;\n }\n \n .search-button {\n width: 100%;\n }\n \n .result-meta {\n gap: 0.5rem;\n }\n\n .filters-container {\n flex-direction: column;\n }\n\n .filter-group {\n width: 100%;\n }\n\n .filter-select, .filter-input {\n width: 100%;\n }\n\n .upvotes-range {\n flex-direction: row;\n justify-content: space-between;\n }\n\n .data-source-grid {\n grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\n }\n }\n`;","createdAt",["D",1732563241659],"version",15,"currentUserHasLiked","likeCount","forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_128":129,"_130":131},"handle","MadLab","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ybld3QU04aVllVkFKMnc5bllsVHM4dFZ6ZFYifQ","forkedVal","interval","slug","MadLab/echosearch","description","@jsxImportSource https://esm.sh/react","versions",[140,143,147,151,155,159,163,167,171,175,179,183,187,191,194,198],{"_117":118,"_141":-5,"_115":142,"_112":110},"prId",["D",1732563241659],{"_117":144,"_141":-5,"_115":145,"_112":146},14,["D",1732562894407],"6a3b3bb0-ab63-11ef-9ec4-e6cdfca9ef9f",{"_117":148,"_141":-5,"_115":149,"_112":150},13,["D",1732562639743],"d270fe14-ab62-11ef-b620-e6cdfca9ef9f",{"_117":152,"_141":-5,"_115":153,"_112":154},12,["D",1732562320490],"14275796-ab62-11ef-aebf-e6cdfca9ef9f",{"_117":156,"_141":-5,"_115":157,"_112":158},11,["D",1732562012796],"5cc112c2-ab61-11ef-a120-e6cdfca9ef9f",{"_117":160,"_141":-5,"_115":161,"_112":162},10,["D",1732561678671],"9599bf00-ab60-11ef-90ef-e6cdfca9ef9f",{"_117":164,"_141":-5,"_115":165,"_112":166},9,["D",1732561549352],"4884aeaa-ab60-11ef-ad73-e6cdfca9ef9f",{"_117":168,"_141":-5,"_115":169,"_112":170},8,["D",1732561291271],"aeb1b9d0-ab5f-11ef-8e25-e6cdfca9ef9f",{"_117":172,"_141":-5,"_115":173,"_112":174},7,["D",1732561204402],"7aebfe76-ab5f-11ef-9398-e6cdfca9ef9f",{"_117":176,"_141":-5,"_115":177,"_112":178},6,["D",1732560796816],"87f95862-ab5e-11ef-9c75-e6cdfca9ef9f",{"_117":180,"_141":-5,"_115":181,"_112":182},5,["D",1732559320947],"18499494-ab5b-11ef-a427-e6cdfca9ef9f",{"_117":184,"_141":-5,"_115":185,"_112":186},4,["D",1729926231746],"74d092ea-9368-11ef-9e35-de64eea55b61",{"_117":188,"_141":-5,"_115":189,"_112":190},3,["D",1729925667460],"24796e58-9367-11ef-bd51-de64eea55b61",{"_117":90,"_141":-5,"_115":192,"_112":193},["D",1729925510179],"c6ba47f6-9366-11ef-9407-de64eea55b61",{"_117":195,"_141":-5,"_115":196,"_112":197},1,["D",1729925213835],"1617b6c2-9366-11ef-aa32-de64eea55b61",{"_117":31,"_141":-5,"_115":199,"_112":200},["D",1729925058113],"b9466916-9365-11ef-a653-de64eea55b61","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.versions.$(version)",{"_93":208,"_209":210,"_94":211},"single","redirect","/v/MadLab/echosearch/versions",{"_112":197,"_113":212,"_117":195,"_115":213,"_214":99,"_100":101,"_107":108,"_128":129,"_11":96,"_215":-5,"_216":-5,"_217":-5,"_205":26,"_134":135},"/** @jsxImportSource https://esm.sh/react */\nimport React, { useState, useEffect } from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\nimport { motion, AnimatePresence } from \"https://esm.sh/framer-motion\";\n\nfunction App() {\n const [query, setQuery] = useState(\"\");\n const [results, setResults] = useState([]);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n const [showFilters, setShowFilters] = useState(false);\n const [timeFilter, setTimeFilter] = useState(\"all\");\n const [minUpvotes, setMinUpvotes] = useState(100);\n const [maxUpvotes, setMaxUpvotes] = useState(50000);\n const [sortBy, setSortBy] = useState(\"relevance\");\n\n const timeFilters = {\n hour: \"Past Hour\",\n day: \"Past 24 Hours\",\n week: \"Past Week\",\n month: \"Past Month\",\n year: \"Past Year\",\n all: \"All Time\"\n };\n\n const calculateRelevanceScore = (post, searchQuery) => {\n const keywords = searchQuery.toLowerCase().split(/\\s+/);\n let score = 0;\n \n // Title relevance (0-5 points)\n const titleWords = post.data.title.toLowerCase();\n keywords.forEach(keyword => {\n if (titleWords.includes(keyword)) score += 5;\n });\n\n // Upvote reasonableness (0-3 points)\n const upvotes = post.data.score;\n if (upvotes >= 100 && upvotes <= 50000) {\n score += 3;\n } else if (upvotes > 50000 && upvotes <= 100000) {\n score += 1;\n }\n\n // Account age and karma check (0-2 points)\n if (post.data.author !== \"[deleted]\") {\n score += 2;\n }\n\n // Engagement ratio (0-2 points)\n const commentRatio = post.data.num_comments / post.data.score;\n if (commentRatio > 0.01) score += 2;\n\n // Penalize potential spam/bot content\n if (post.data.title.match(/\\b(free|click|win|giveaway|limited)\\b/gi)) {\n score -= 3;\n }\n\n return score;\n };\n\n const searchReddit = async (searchQuery) => {\n if (!searchQuery.trim()) return;\n \n setLoading(true);\n setError(null);\n \n try {\n const response = await fetch(\n `https://www.reddit.com/search.json?q=${encodeURIComponent(searchQuery)}&sort=${sortBy}&t=${timeFilter}&limit=100`\n );\n const data = await response.json();\n \n const processedResults = data.data.children\n .filter(post => {\n const upvotes = post.data.score;\n return upvotes >= minUpvotes && upvotes <= maxUpvotes;\n })\n .map(post => ({\n ...post,\n relevanceScore: calculateRelevanceScore(post, searchQuery),\n title: post.data.title,\n url: post.data.url,\n score: post.data.score,\n subreddit: post.data.subreddit,\n author: post.data.author,\n permalink: `https://reddit.com${post.data.permalink}`,\n created: new Date(post.data.created_utc * 1000).toLocaleDateString(),\n comments: post.data.num_comments\n }))\n .sort((a, b) => b.relevanceScore - a.relevanceScore)\n .slice(0, 25);\n \n setResults(processedResults);\n } catch (err) {\n setError(\"Failed to fetch results. Please try again.\");\n } finally {\n setLoading(false);\n }\n };\n\n return (\n

\n \n

RedditSearch

\n setQuery(e.target.value)}\n onKeyPress={(e) => e.key === 'Enter' && searchReddit(query)}\n placeholder=\"Search for trusted content...\"\n className=\"search-input\"\n />\n searchReddit(query)}\n className=\"search-button\"\n >\n 🔍\n \n

\n\n setShowFilters(!showFilters)}\n whileHover={{ scale: 1.05 }}\n whileTap={{ scale: 0.95 }}\n >\n {showFilters ? \"Hide Filters ▲\" : \"Show Filters ▼\"}\n \n\n \n {showFilters && (\n \n

\n Time Range:\n \n

\n\n

\n Upvotes Range:\n

\n\n

\n Sort By:\n \n

\n \n )}\n \n \n \n {loading && (\n \n Searching...\n \n )}\n \n {error && (\n \n {error}\n \n )}\n \n \n {results.map((result, index) => (\n \n \n {result.title}\n \n

\n r/{result.subreddit}\n 👤 {result.author}\n ⬆️ {result.score.toLocaleString()}\n 💬 {result.comments.toLocaleString()}\n 📅 {result.created}\n

\n \n View Discussion →\n \n \n ))}\n \n \n \n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(req: Request): Promise {\n return new Response(\n `\n \n \n \n \n RedditSearch - Democratic Content Discovery\n \n \n \n

\n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n }\n );\n}\n\nconst css = `\n :root {\n --primary: #ff4500;\n --background: #f8f9fa;\n --text: #1a1a1b;\n --card-bg: #ffffff;\n --accent: #7193ff;\n --filter-bg: rgba(255, 255, 255, 0.9);\n }\n\n body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;\n background: var(--background);\n color: var(--text);\n }\n\n .container {\n max-width: 800px;\n margin: 0 auto;\n padding: 2rem 1rem;\n }\n\n .search-container {\n text-align: center;\n margin-bottom: 2rem;\n }\n\n h1 {\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n color: var(--primary);\n }\n\n .accent {\n color: var(--accent);\n }\n\n .search-box {\n display: flex;\n gap: 0.5rem;\n max-width: 600px;\n margin: 0 auto;\n }\n\n .search-input {\n flex: 1;\n padding: 1rem 1.5rem;\n font-size: 1.1rem;\n border: 2px solid #ddd;\n border-radius: 25px;\n outline: none;\n transition: all 0.3s ease;\n }\n\n .search-input:focus {\n border-color: var(--primary);\n box-shadow: 0 0 0 3px rgba(255, 69, 0, 0.1);\n }\n\n .search-button {\n padding: 0.5rem 1.5rem;\n font-size: 1.5rem;\n background: var(--primary);\n color: white;\n border: none;\n border-radius: 25px;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n .filter-toggle {\n margin: 1rem 0;\n padding: 0.5rem 1rem;\n background: transparent;\n border: 1px solid var(--accent);\n color: var(--accent);\n border-radius: 15px;\n cursor: pointer;\n font-size: 0.9rem;\n transition: all 0.3s ease;\n }\n\n .filter-toggle:hover {\n background: var(--accent);\n color: white;\n }\n\n .filters-container {\n background: var(--filter-bg);\n margin: 1rem auto;\n padding: 1rem;\n border-radius: 12px;\n max-width: 600px;\n backdrop-filter: blur(10px);\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n }\n\n .filter-group {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 0.5rem 0;\n padding: 0.5rem;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n }\n\n .filter-group:last-child {\n border-bottom: none;\n }\n\n .upvotes-range {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .filter-select, .filter-input {\n padding: 0.5rem;\n border: 1px solid #ddd;\n border-radius: 8px;\n font-size: 0.9rem;\n min-width: 150px;\n }\n\n .filter-input {\n width: 100px;\n }\n\n .loader {\n margin: 2rem 0;\n color: var(--primary);\n font-weight: 500;\n }\n\n .error {\n color: #dc3545;\n margin: 1rem 0;\n }\n\n .result-card {\n background: var(--card-bg);\n padding: 1.5rem;\n margin: 1rem 0;\n border-radius: 12px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.2s ease;\n }\n\n .result-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n }\n\n .result-title {\n display: block;\n font-size: 1.2rem;\n color: var(--text);\n text-decoration: none;\n margin-bottom: 0.5rem;\n font-weight: 600;\n }\n\n .result-title:hover {\n color: var(--primary);\n }\n\n .result-meta {\n display: flex;\n gap: 1rem;\n font-size: 0.9rem;\n color: #666;\n flex-wrap: wrap;\n }\n\n .discussion-link {\n display: inline-block;\n margin-top: 0.5rem;\n color: var(--accent);\n text-decoration: none;\n font-size: 0.9rem;\n }\n\n .discussion-link:hover {\n text-decoration: underline;\n }\n\n footer {\n text-align: center;\n margin-top: 2rem;\n padding: 1rem;\n color: #666;\n }\n\n footer a {\n color: var(--accent);\n text-decoration: none;\n }\n\n footer a:hover {\n text-decoration: underline;\n }\n\n @media (max-width: 600px) {\n .search-box {\n flex-direction: column;\n }\n \n .search-button {\n width: 100%;\n }\n \n .result-meta {\n gap: 0.5rem;\n }\n\n .filter-group {\n flex-direction: column;\n align-items: stretch;\n gap: 0.5rem;\n }\n\n .filter-select, .filter-input {\n width: 100%;\n min-width: unset;\n }\n\n .upvotes-range {\n flex-direction: row;\n justify-content: space-between;\n }\n }\n`;",["D",1729925213835],"valName","deletedAt","messageId","threadId","routes/_app","actionData","errors"]

echosearch

Version 1