TinderBioFeeler

\n {view === \"home\" && (\n

Leaderboard

\n \n \n \n \n \n \n \n \n \n {leaderboard.map((item, index) => (\n \n \n \n \n \n ))}\n \n

Rank	Bio	Score
{index + 1}	{item.bio}	{item.score.toFixed(2)}

\n \n \n \n

\n )}\n {view === \"submit\" && (\n

\n setBio(e.target.value)}\n placeholder=\"Enter your Tinder bio here...\"\n rows={4}\n />\n \n \n )}\n {view === \"rate\" && (\n

Rate this bio:

{bio}

\n {[\n { key: \"authenticity\", label: \"Authenticity\" },\n { key: \"humor\", label: \"Sense of Humor\" },\n { key: \"clarity\", label: \"Clarity of Intentions\" },\n { key: \"positivity\", label: \"Positive Language\" },\n { key: \"uniqueness\", label: \"Uniqueness\" },\n { key: \"conciseness\", label: \"Conciseness\" },\n { key: \"grammar\", label: \"Good Grammar and Spelling\" },\n { key: \"sharedInterests\", label: \"Shared Interests\" },\n { key: \"respectfulness\", label: \"Respectfulness\" },\n { key: \"confidence\", label: \"Confidence\" },\n { key: \"openness\", label: \"Openness to New Experiences\" },\n { key: \"conversationStarters\", label: \"Conversation Starters\" },\n { key: \"originality\", label: \"Avoiding Clichés\" },\n { key: \"emotionalIntelligence\", label: \"Emotional Intelligence\" },\n { key: \"callToAction\", label: \"Call to Action\" }\n ].map(category => (\n

\n {category.label}:\n

\n {[1, 2, 3, 4, 5].map(value => (\n handleRate(category.key, value)}\n className={ratings[category.key] >= value ? \"active\" : \"\"}\n >\n {value}\n \n ))}\n

\n ))}\n \n \n

\n )}\n View Source\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nasync function server(request: Request): Promise {\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n const url = new URL(request.url);\n\n // Preseed with 10 random bios if the bios blob doesn't exist\n const initializeBios = async () => {\n const existingBios = await blob.getJSON(\"bios\");\n if (!existingBios) {\n const randomBios = [\n \"Adventure seeker looking for a partner in crime. Coffee addict and dog lover. Let's explore the world together!\",\n \"Sarcasm is my love language. If you can't handle me at my worst, you don't deserve me at my best.\",\n \"Just a simple guy looking for someone to share laughs and create memories with. Foodie and occasional gym-goer.\",\n \"Aspiring chef and wine enthusiast. Looking for someone to be my taste tester. Swipe right if you're hungry!\",\n \"Bookworm by day, stargazer by night. Let's write our own love story under the constellations.\",\n \"Fitness fanatic and adrenaline junkie. Always up for a new challenge. Are you brave enough to keep up?\",\n \"Music is the soundtrack of my life. Looking for someone to harmonize with. Bonus points if you can play an instrument!\",\n \"Travel addict with a passport full of stamps and a heart full of wanderlust. Where should we go next?\",\n \"Tech geek and proud of it. Looking for my player 2 in this game called life. Cheat codes welcome!\",\n \"Animal lover and environmental advocate. Let's make the world a better place, one date at a time.\"\n ];\n await blob.setJSON(\"bios\", randomBios.map(bio => ({ bio, ratings: [] })));\n }\n };\n\n await initializeBios();\n\n if (request.method === \"PUT\" && url.pathname === \"/submit\") {\n const { bio } = await request.json();\n const bios = await blob.getJSON(\"bios\") || [];\n bios.push({ bio, ratings: [], timestamp: new Date().toISOString() });\n await blob.setJSON(\"bios\", bios);\n return new Response(JSON.stringify({ success: true }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n if (request.method === \"GET\" && url.pathname === \"/bio\") {\n const bios = await blob.getJSON(\"bios\") || [];\n const unratedBios = bios.filter(b => b.ratings.length < 5);\n if (unratedBios.length === 0) {\n return new Response(JSON.stringify({ bio: \"No more bios to rate!\" }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n const randomBio = unratedBios[Math.floor(Math.random() * unratedBios.length)];\n return new Response(JSON.stringify({ bio: randomBio.bio }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n if (request.method === \"POST\" && url.pathname === \"/rate\") {\n const { category, value } = await request.json();\n const bios = await blob.getJSON(\"bios\") || [];\n const bioToRate = bios.find(b => b.ratings.length < 5);\n if (bioToRate) {\n bioToRate.ratings.push({ [category]: value });\n await blob.setJSON(\"bios\", bios);\n }\n return new Response(JSON.stringify({ success: true }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n if (request.method === \"GET\" && url.pathname === \"/leaderboard\") {\n const bios = await blob.getJSON(\"bios\") || [];\n const ratedBios = bios.filter(b => b.ratings.length >= 5);\n const leaderboard = ratedBios.map(b => {\n const totalScore = b.ratings.reduce((acc, rating) => {\n return acc + Object.values(rating).reduce((sum, val) => sum + val, 0);\n }, 0);\n return {\n bio: b.bio,\n score: totalScore / (b.ratings.length * 15) // 15 categories\n };\n }).sort((a, b) => b.score - a.score).slice(0, 10);\n return new Response(JSON.stringify(leaderboard), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n if (request.method === \"POST\" && url.pathname === \"/clear-bios\") {\n const { password } = await request.json();\n if (password === PASSWORD_HASH) {\n await blob.delete(\"bios\");\n return new Response(JSON.stringify({ success: true }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } else {\n return new Response(JSON.stringify({ success: false, message: \"Unauthorized\" }), {\n status: 401,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n return new Response(`\n \n \n TinderBioFeeler\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}\n\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n line-height: 1.6;\n margin: 0;\n padding: 20px;\n background-color: #f4f4f4;\n color: #333;\n}\n.container {\n max-width: 800px;\n margin: 0 auto;\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\n}\nh1, h2 {\n text-align: center;\n color: #333;\n}\ntextarea {\n width: 100%;\n padding: 10px;\n margin-bottom: 10px;\n border: 1px solid #ddd;\n border-radius: 4px;\n}\nbutton {\n background-color: #5cb85c;\n color: white;\n border: none;\n padding: 10px 20px;\n cursor: pointer;\n border-radius: 4px;\n margin: 5px;\n}\nbutton:hover {\n background-color: #4cae4c;\n}\nbutton.danger {\n background-color: #d9534f;\n}\nbutton.danger:hover {\n background-color: #c9302c;\n}\n.rating {\n margin-bottom: 10px;\n display: flex;\n align-items: center;\n}\n.rating label {\n flex: 0 0 200px;\n margin-right: 10px;\n}\n.rating-buttons {\n display: flex;\n flex-wrap: wrap;\n}\n.rating button {\n flex: 0 0 40px;\n height: 40px;\n margin-right: 5px;\n background-color: #f0f0f0;\n color: #333;\n}\n.rating button.active {\n background-color: #5cb85c;\n color: white;\n}\n.source-link {\n display: block;\n text-align: center;\n margin-top: 20px;\n color: #666;\n text-decoration: none;\n}\n.source-link:hover {\n text-decoration: underline;\n}\ntable {\n width: 100%;\n border-collapse: collapse;\n margin-bottom: 20px;\n}\nth, td {\n padding: 10px;\n border: 1px solid #ddd;\n text-align: left;\n}\nth {\n background-color: #f2f2f2;\n font-weight: bold;\n}\ntr:nth-child(even) {\n background-color: #f8f8f8;\n}\n`;\n\nexport default server;","deleted","label",[98],"permalink","https://www.val.town/x/o_sv/bioFeeler/code/main.tsx","extension","actionData","errors"]