view-9448view-1227.tsx1 match
1import { email } from "https://esm.town/v/std/email";23export default async function(req: Request): Promise<Response> {4const xForwardedFor = req.headers.get("X-Forwarded-For") ?? "n/a";5const trueClientIP = req.headers.get("True-Client-IP") ?? "n/a";
1export default async function (req: Request) {2const html = `<!DOCTYPE html>3<html lang="en">130// Update the countdown every 1 second132const countdownTimer = setInterval(function() {133// Get current date and time134const now = new Date().getTime();
1import { readFile } from "https://esm.town/v/std/utils@85-main/index.ts";23export default async function(req: Request): Promise<Response> {4const url = new URL(req.url);5const path = url.pathname;
19// Create a new orange element21function createOrange() {22const orange = document.createElement('div');23orange.className = 'orange w-12 h-12 bg-orange-500 rounded-full flex items-center justify-center';41// Add an orange to the basket43function addOrange() {44const orange = createOrange();45orangeBasket.appendChild(orange);54// Start dragging an orange56function startDrag(e) {57isDragging = true;58currentOrange = this;72// Handle touch events for mobile74function handleTouchStart(e) {75isDragging = true;76currentOrange = this;91// Drag the orange93function drag(e) {94if (!isDragging) return;95// Handle touch move for mobile105function handleTouchMove(e) {106if (!isDragging) return;107// Drop the orange120function drop(e) {121if (!isDragging) return;122// Handle touch end for mobile144function handleTouchEnd(e) {145if (!isDragging) return;146// Squeeze the orange168function squeezeOrange() {169// Animate the bear squeezing170bear.classList.add('squeezing');234// Check for achievements based on juice amount236function checkAchievements() {237const achievements = [238{ threshold: 100, message: "๐ First Cup Filled!" },250// Show achievement notification252function showAchievement(message) {253const notification = document.createElement('div');254notification.className = 'fixed top-4 left-1/2 transform -translate-x-1/2 bg-orange-600 text-white px-4 py-2 rounded-lg shadow-lg z-50';267// Reset the game269function resetGame() {270// Clear all oranges271orangeBasket.innerHTML = '';
town-hallAttendeeForm.tsx2 matches
27}2829export function AttendeeForm({ onSubmitSuccess, onSubmitError }: AttendeeFormProps) {30const [formData, setFormData] = useState<FormData>({31name: "",108};109110// Helper function to check if an interest is selected111const isInterestSelected = (interestLabel: string) => {112return formData.interests.includes(interestLabel);
26});2728export function App() {29const [audio, setAudio] = useLocalStorage("AUDIO", false);30const user = useUser();
1415// Create the attendees table if it doesn't exist16async function initializeDatabase() {17console.log("Initializing database...");18try {
Townie-02useUser.tsx1 match
3const USER_ENDPOINT = "/api/user";45export function useUser () {6const [data, setData] = useState<any>(null);7const [loading, setLoading] = useState(true);
Townie-02system_prompt.txt12 matches
45- Ask clarifying questions when requirements are ambiguous6- Provide complete, functional solutions rather than skeleton implementations7- Test your logic against edge cases before presenting the final solution8- Ensure all code follows Val Town's specific platform requirements17- **Never bake in secrets into the code** - always use environment variables18- Include comments explaining complex logic (avoid commenting obvious operations)19- Follow modern ES6+ conventions and functional programming practices if possible2021## Types of triggers2829```ts30export default async function (req: Request) {31return new Response("Hello World");32}4041```ts42export default async function () {43// Scheduled task code44}5253```ts54export default async function (email: Email) {55// Process email56}60## Val Town Standard Libraries6162Val Town provides several hosted services and utility functions.6364### Blob Storage114```115116## Val Town Utility Functions117118Val Town provides several utility functions to help with common project tasks.119120### Importing Utilities194โ โโโ database/195โ โ โโโ migrations.ts # Schema definitions196โ โ โโโ queries.ts # DB query functions197โ โ โโโ README.md198โ โโโ routes/ # Route modules213โโโ shared/214โโโ README.md215โโโ utils.ts # Shared types and functions216```217221- Main entry point should be `backend/index.ts`222- Do NOT use Hono serveStatic middleware223- **Static asset serving:** Use the utility functions to read and serve project files:224```ts225import { readFile, serveFile } from "https://esm.town/v/std/utils@85-main/index.ts";255- Run migrations on startup or comment out for performance256- Change table names when modifying schemas rather than altering257- Export clear query functions with proper TypeScript typing258259## Common Gotchas and Solutions
Townie-02useBranches.tsx1 match
3const ENDPOINT = "/api/project-branches";45export function useBranches (projectId: string) {6const [data, setData] = useState<any>(null);7const [loading, setLoading] = useState(true);
