/** @jsxImportSource https://esm.sh/react */ import React, { useState, useEffect } from "https://esm.sh/react"; import { createRoot } from "https://esm.sh/react-dom/client"; import sha256 from 'https://esm.sh/crypto-js/sha256'; import Hex from 'https://esm.sh/crypto-js/enc-hex'; const PASSWORD_HASH = "75699634e8d0a66d4c9e0c8f4a5a4e02c3a1d0a13b3a5e9c7b3a1d0a13b3a5e9c"; function App() { const [view, setView] = useState("home"); const [bio, setBio] = useState(""); const [ratings, setRatings] = useState({ authenticity: 0, humor: 0, clarity: 0, positivity: 0, uniqueness: 0, conciseness: 0, grammar: 0, sharedInterests: 0, respectfulness: 0, confidence: 0, openness: 0, conversationStarters: 0, originality: 0, emotionalIntelligence: 0, callToAction: 0 }); const [leaderboard, setLeaderboard] = useState([]); useEffect(() => { fetchLeaderboard(); }, []); const fetchLeaderboard = async () => { const response = await fetch("/leaderboard"); if (response.ok) { const data = await response.json(); setLeaderboard(data); } }; const handleSubmit = async (e) => { e.preventDefault(); const response = await fetch("/submit", { method: "PUT", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ bio }), }); if (response.ok) { setBio(""); setView("rate"); } }; const handleRate = async (category, value) => { setRatings(prev => ({ ...prev, [category]: value })); await fetch("/rate", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ category, value }), }); }; const fetchBioToRate = async () => { const response = await fetch("/bio"); if (response.ok) { const data = await response.json(); setBio(data.bio || "No more bios to rate!"); setRatings({ authenticity: 0, humor: 0, clarity: 0, positivity: 0, uniqueness: 0, conciseness: 0, grammar: 0, sharedInterests: 0, respectfulness: 0, confidence: 0, openness: 0, conversationStarters: 0, originality: 0, emotionalIntelligence: 0, callToAction: 0 }); } }; const clearAllBios = async () => { const password = prompt("Enter the password to clear all bios:"); if (password) { const hashedPassword = Hex.stringify(sha256(password)); if (hashedPassword === PASSWORD_HASH) { const response = await fetch("/clear-bios", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ password: hashedPassword }) }); if (response.ok) { alert("All bios have been cleared."); fetchLeaderboard(); // Refresh the leaderboard } else { alert("Failed to clear bios. Please try again."); } } else { alert("Incorrect password. Access denied."); } } }; useEffect(() => { if (view === "rate") { fetchBioToRate(); } }, [view]); return (

TinderBioFeeler

{view === "home" && (

Leaderboard

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

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

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

setBio(e.target.value)}
            placeholder="Enter your Tinder bio here..."
            rows={4}
          />
          <button type="submit">Submit Bio</button>
        </form>
      )}
      {view === "rate" && (
        <div>
          <h2>Rate this bio:</h2>
          <p>{bio}</p>
          {[
            { key: "authenticity", label: "Authenticity" },
            { key: "humor", label: "Sense of Humor" },
            { key: "clarity", label: "Clarity of Intentions" },
            { key: "positivity", label: "Positive Language" },
            { key: "uniqueness", label: "Uniqueness" },
            { key: "conciseness", label: "Conciseness" },
            { key: "grammar", label: "Good Grammar and Spelling" },
            { key: "sharedInterests", label: "Shared Interests" },
            { key: "respectfulness", label: "Respectfulness" },
            { key: "confidence", label: "Confidence" },
            { key: "openness", label: "Openness to New Experiences" },
            { key: "conversationStarters", label: "Conversation Starters" },
            { key: "originality", label: "Avoiding Clichés" },
            { key: "emotionalIntelligence", label: "Emotional Intelligence" },
            { key: "callToAction", label: "Call to Action" }
          ].map(category => (
            <div key={category.key} className="rating">
              <label>{category.label}:</label>
              <div className="rating-buttons">
                {[1, 2, 3, 4, 5].map(value => (
                  <button
                    key={value}
                    onClick={() => handleRate(category.key, value)}
                    className={ratings[category.key] >= value ? "active" : ""}
                  >
                    {value}
                  </button>
                ))}
              </div>
            </div>
          ))}
          <button onClick={fetchBioToRate}>Next Bio</button>
          <button onClick={() => setView("home")}>Back to Home</button>
        </div>
      )}
      <a href={import.meta.url.replace("esm.town", "val.town")} target="_blank" rel="noopener noreferrer" className="source-link">View Source</a>
    </div>
  );
}

function client() {
  createRoot(document.getElementById("root")).render(<App />);
}

if (typeof document !== "undefined") { client(); }

async function server(request: Request): Promise<Response> {
  const { blob } = await import("https://esm.town/v/std/blob");
  const url = new URL(request.url);

// Preseed with 10 random bios if the bios blob doesn't exist
  const initializeBios = async () => {
    const existingBios = await blob.getJSON("bios");
    if (!existingBios) {
      const randomBios = [
        "Adventure seeker looking for a partner in crime. Coffee addict and dog lover. Let's explore the world together!",
        "Sarcasm is my love language. If you can't handle me at my worst, you don't deserve me at my best.",
        "Just a simple guy looking for someone to share laughs and create memories with. Foodie and occasional gym-goer.",
        "Aspiring chef and wine enthusiast. Looking for someone to be my taste tester. Swipe right if you're hungry!",
        "Bookworm by day, stargazer by night. Let's write our own love story under the constellations.",
        "Fitness fanatic and adrenaline junkie. Always up for a new challenge. Are you brave enough to keep up?",
        "Music is the soundtrack of my life. Looking for someone to harmonize with. Bonus points if you can play an instrument!",
        "Travel addict with a passport full of stamps and a heart full of wanderlust. Where should we go next?",
        "Tech geek and proud of it. Looking for my player 2 in this game called life. Cheat codes welcome!",
        "Animal lover and environmental advocate. Let's make the world a better place, one date at a time."
      ];
      await blob.setJSON("bios", randomBios.map(bio => ({ bio, ratings: [] })));
    }
  };

await initializeBios();

if (request.method === "PUT" && url.pathname === "/submit") {
    const { bio } = await request.json();
    const bios = await blob.getJSON("bios") || [];
    bios.push({ bio, ratings: [], timestamp: new Date().toISOString() });
    await blob.setJSON("bios", bios);
    return new Response(JSON.stringify({ success: true }), {
      headers: { "Content-Type": "application/json" },
    });
  }

if (request.method === "GET" && url.pathname === "/bio") {
    const bios = await blob.getJSON("bios") || [];
    const unratedBios = bios.filter(b => b.ratings.length < 5);
    if (unratedBios.length === 0) {
      return new Response(JSON.stringify({ bio: "No more bios to rate!" }), {
        headers: { "Content-Type": "application/json" },
      });
    }
    const randomBio = unratedBios[Math.floor(Math.random() * unratedBios.length)];
    return new Response(JSON.stringify({ bio: randomBio.bio }), {
      headers: { "Content-Type": "application/json" },
    });
  }

if (request.method === "POST" && url.pathname === "/rate") {
    const { category, value } = await request.json();
    const bios = await blob.getJSON("bios") || [];
    const bioToRate = bios.find(b => b.ratings.length < 5);
    if (bioToRate) {
      bioToRate.ratings.push({ [category]: value });
      await blob.setJSON("bios", bios);
    }
    return new Response(JSON.stringify({ success: true }), {
      headers: { "Content-Type": "application/json" },
    });
  }

if (request.method === "GET" && url.pathname === "/leaderboard") {
    const bios = await blob.getJSON("bios") || [];
    const ratedBios = bios.filter(b => b.ratings.length >= 5);
    const leaderboard = ratedBios.map(b => {
      const totalScore = b.ratings.reduce((acc, rating) => {
        return acc + Object.values(rating).reduce((sum, val) => sum + val, 0);
      }, 0);
      return {
        bio: b.bio,
        score: totalScore / (b.ratings.length * 15) // 15 categories
      };
    }).sort((a, b) => b.score - a.score).slice(0, 10);
    return new Response(JSON.stringify(leaderboard), {
      headers: { "Content-Type": "application/json" },
    });
  }

if (request.method === "POST" && url.pathname === "/clear-bios") {
    const { password } = await request.json();
    if (password === PASSWORD_HASH) {
      await blob.delete("bios");
      return new Response(JSON.stringify({ success: true }), {
        headers: { "Content-Type": "application/json" },
      });
    } else {
      return new Response(JSON.stringify({ success: false, message: "Unauthorized" }), {
        status: 401,
        headers: { "Content-Type": "application/json" },
      });
    }
  }

return new Response(`
    <html>
      <head>
        <title>TinderBioFeeler</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <style>${css}</style>
      </head>
      <body>
        <div id="root"></div>
        <script src="https://esm.town/v/std/catch"></script>
        <script type="module" src="${import.meta.url}"></script>
      </body>
    </html>
  `,
  {
    headers: {
      "content-type": "text/html",
    },
  });
}

export default server;</article></body></html>

o_sv