Val Town Weekly Topic

// This val creates a weekly topic generator for Val Town developers to focus their creativity. // It uses a predefined list of topics and rotates through them each week. // The current topic is stored in blob storage, and a new topic is selected each week. // The val provides an HTTP endpoint to view the current topic and when it will change. import { jsx } from "https://esm.sh/react/jsx-runtime"; import { blob } from "https://esm.town/v/std/blob"; const topics = [ "AI-powered Writing Assistant", "Automated Social Media Poster", "Blockchain Explorer", "Book Recommendation System", "Budgeting Tool", "Chat Bot", "Code Snippet Manager", "Collaborative Whiteboard", "Cryptocurrency Price Tracker", "Custom API Wrapper", "Data Visualization Dashboard", "Distributed Computing Project", "E-commerce Product Catalog", "Email Marketing Campaign Manager", "File Conversion Tool", "Fitness Goal Tracker", "Geo-location based Event Finder", "Habit Tracker", "Image Processing Tool", "Language Learning Flashcards", "Machine Learning Model Trainer", "Markdown Blog Engine", "Meme Generator", "Microblogging Platform", "Movie Recommendation Engine", "Music Playlist Generator", "News Aggregator", "Online Code Editor", "Personal Finance Tracker", "Podcast Directory and Player", "Pomodoro Timer", "Project Management Dashboard", "Quiz App", "Random Quote Generator", "Recipe Finder", "Remote Job Board", "Sentiment Analysis Tool", "Social Media Scheduler", "Stock Market Simulator", "Task Management System", "Text-based Adventure Game", "Time Zone Converter", "URL Shortener", "Weather Dashboard", "Workout Planner", "AI-powered Image Generator", "Automated Data Scraper", "Blockchain-based Voting System", "Calendar Scheduling Assistant", "Chatroom with Real-time Translation", "Collaborative Music Creation Tool", "Customizable Newsletter Generator", "Decentralized File Storage System", "Digital Asset Management Platform", "Dynamic QR Code Generator", "Encrypted Messaging Service", "Gamified Learning Platform", "Interactive Data Visualization Tool", "IoT Device Monitor and Controller", "Job Application Tracker", "Live Streaming Platform", "Marketplace for Digital Products", "Mental Health Tracking App", "Multiplayer Browser Game", "Personal Knowledge Management System", "Personalized News Aggregator", "Predictive Text Input System", "Privacy-focused Search Engine", "Real-time Collaborative Text Editor", "Recommendation Engine for Anything", "Remote Team Building Activity Generator", "Smart Home Automation Controller", "Social Media Analytics Dashboard", "Speech-to-Text Transcription Service", "Subscription Management System", "Text-based RPG Engine", "Virtual Event Platform", "Voice-controlled Personal Assistant", "Web Accessibility Checker" ]; async function getCurrentTopic() { const storedTopic = await blob.getJSON("currentTopic"); if (storedTopic && new Date(storedTopic.expiresAt) > new Date()) { return storedTopic; } const newTopicIndex = Math.floor(Math.random() * topics.length); const newTopic = { topic: topics[newTopicIndex], expiresAt: new Date(Date.now() + 7 * 24 * 60 * 60 * 1000).toISOString(), // 1 week from now }; await blob.setJSON("currentTopic", newTopic); return newTopic; } function TopicDisplay({ topic, expiresAt }) { const expirationDate = new Date(expiresAt); const timeRemaining = expirationDate - new Date(); const daysRemaining = Math.ceil(timeRemaining / (1000 * 60 * 60 * 24)); return jsx("div", { children: [ jsx("h1", { children: "Val Town Weekly Topic Challenge" }), jsx("p", { children: [ "Current topic: ", jsx("strong", { children: topic }) ] }), jsx("p", { children: [ "Time remaining: ", jsx("strong", { children: `${daysRemaining} days` }) ] }), jsx("p", { children: "Create a val based on this topic and share it in the #showcase channel!" }), jsx("p", { children: [ "View source: ", jsx("a", { href: import.meta.url.replace("esm.town", "val.town"), children: "Val Town" }) ] }) ] }); } export default async function server(req: Request): Promise { const currentTopic = await getCurrentTopic(); const { renderToString } = await import("https://esm.sh/react-dom/server"); const topicDisplayHtml = renderToString(TopicDisplay(currentTopic)); return new Response( ` Val Town Weekly Topic ${topicDisplayHtml} `, { headers: { "Content-Type": "text/html" }, } ); }

valTopicGen