Loading Fast and Loose Bootcamp...

\n );\n }\n\n return (\n

\n {/* Header */}\n

💪 Fast and Loose Bootcamp

\n \n {data.members.length} Members • {data.classes.length} Classes\n \n

\n\n {/* Navigation */}\n

\n setActiveTab('schedule')}\n className={`py-4 px-1 border-b-2 font-medium text-sm ${\n activeTab === 'schedule'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n 📅 Class Schedule\n \n setActiveTab('members')}\n className={`py-4 px-1 border-b-2 font-medium text-sm ${\n activeTab === 'members'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n 👥 Members\n \n setActiveTab('workouts')}\n className={`py-4 px-1 border-b-2 font-medium text-sm ${\n activeTab === 'workouts'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n 🏋️ Workout Library\n \n

\n\n {/* Member Selection */}\n {activeTab === 'schedule' && (\n

\n \n Select Member to Book Classes:\n \n {\n const memberId = parseInt(e.target.value);\n const member = data.members.find(m => m.id === memberId) || null;\n setSelectedMember(member);\n }}\n className=\"rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500\"\n >\n \n {data.members.map(member => (\n \n ))}\n \n {selectedMember && (\n \n Selected: {selectedMember.name}\n \n )}\n

\n )}\n\n {/* Main Content */}\n

\n {activeTab === 'schedule' && (\n \n )}\n {activeTab === 'members' && (\n \n )}\n {activeTab === 'workouts' && (\n \n )}\n

\n );\n}",[],[241,248,255],{"_103":262,"_95":263,"_153":264,"_155":249,"_156":138,"_157":265,"_159":160,"_105":266,"_100":32,"_162":180,"_164":267,"_165":22,"_166":-5,"_167":268,"_98":269},"21243328-3f74-11f0-845d-76b3cceeab13","ClassSchedule.tsx","212433d2-3f74-11f0-845d-76b3cceeab13",18,["D",1748842845319],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { BootcampClass, Member } from \"../../shared/types.ts\";\n\ninterface ClassScheduleProps {\n classes: BootcampClass[];\n selectedMember: Member | null;\n onRefresh: () => void;\n}\n\nexport default function ClassSchedule({ classes, selectedMember, onRefresh }: ClassScheduleProps) {\n const [bookingLoading, setBookingLoading] = useState(null);\n const [message, setMessage] = useState<{ type: 'success' | 'error'; text: string } | null>(null);\n\n const handleBookClass = async (classId: number) => {\n if (!selectedMember) {\n setMessage({ type: 'error', text: 'Please select a member first' });\n return;\n }\n\n setBookingLoading(classId);\n try {\n const response = await fetch(`/api/classes/${classId}/book`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ member_id: selectedMember.id })\n });\n\n const result = await response.json();\n\n if (response.ok) {\n setMessage({ type: 'success', text: result.message });\n onRefresh();\n } else {\n setMessage({ type: 'error', text: result.error });\n }\n } catch (error) {\n setMessage({ type: 'error', text: 'Failed to book class' });\n } finally {\n setBookingLoading(null);\n setTimeout(() => setMessage(null), 5000);\n }\n };\n\n const formatDate = (dateString: string) => {\n const date = new Date(dateString);\n return date.toLocaleDateString('en-US', {\n weekday: 'long',\n year: 'numeric',\n month: 'long',\n day: 'numeric'\n });\n };\n\n const formatTime = (timeString: string) => {\n const [hours, minutes] = timeString.split(':');\n const date = new Date();\n date.setHours(parseInt(hours), parseInt(minutes));\n return date.toLocaleTimeString('en-US', {\n hour: 'numeric',\n minute: '2-digit',\n hour12: true\n });\n };\n\n const getDifficultyClass = (level: string) => {\n switch (level) {\n case 'beginner': return 'difficulty-beginner';\n case 'intermediate': return 'difficulty-intermediate';\n case 'advanced': return 'difficulty-advanced';\n default: return 'difficulty-intermediate';\n }\n };\n\n const getAvailabilityStatus = (cls: BootcampClass) => {\n const spotsLeft = cls.max_capacity - cls.current_bookings;\n if (spotsLeft <= 0) return { text: 'Full', color: 'text-red-600' };\n if (spotsLeft <= 3) return { text: `${spotsLeft} spots left`, color: 'text-yellow-600' };\n return { text: `${spotsLeft} spots available`, color: 'text-green-600' };\n };\n\n // Group classes by date\n const classesByDate = classes.reduce((acc, cls) => {\n if (!acc[cls.date]) acc[cls.date] = [];\n acc[cls.date].push(cls);\n return acc;\n }, {} as Record);\n\n return (\n

\n {/* Header */}\n

Class Schedule

\n \n 🔄\n Refresh\n \n

\n\n {/* Message */}\n {message && (\n

\n {message.text}\n

\n )}\n\n {/* Classes */}\n {Object.keys(classesByDate).length === 0 ? (\n

No upcoming classes scheduled

\n ) : (\n

\n {Object.entries(classesByDate).map(([date, dateClasses]) => (\n

\n {formatDate(date)}\n

\n {dateClasses.map((cls) => {\n const availability = getAvailabilityStatus(cls);\n const isBookingThis = bookingLoading === cls.id;\n \n return (\n \n

\n {cls.name}\n

\n {cls.description}\n

\n \n {cls.difficulty_level}\n \n

\n\n

\n 👨‍🏫\n {cls.instructor}\n

\n ⏰\n \n {formatTime(cls.start_time)} - {formatTime(cls.end_time)}\n \n

\n 🏋️\n {cls.workout_type}\n

\n 👥\n \n {availability.text}\n \n

\n\n

\n {cls.current_bookings}/{cls.max_capacity} booked\n

\n handleBookClass(cls.id)}\n disabled={!selectedMember || isBookingThis || cls.current_bookings >= cls.max_capacity}\n className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors ${\n !selectedMember\n ? 'bg-gray-200 text-gray-500 cursor-not-allowed'\n : cls.current_bookings >= cls.max_capacity\n ? 'bg-yellow-500 hover:bg-yellow-600 text-white'\n : 'bg-blue-600 hover:bg-blue-700 text-white'\n }`}\n >\n {isBookingThis ? (\n

\n Booking...\n

\n ) : !selectedMember ? (\n 'Select Member'\n ) : cls.current_bookings >= cls.max_capacity ? (\n 'Join Waitlist'\n ) : (\n 'Book Class'\n )}\n \n

\n );\n })}\n

\n ))}\n

\n )}\n \n );\n}",[],[241,248,263],{"_103":271,"_95":272,"_153":273,"_155":249,"_156":138,"_157":274,"_159":160,"_105":275,"_100":32,"_162":180,"_164":276,"_165":22,"_166":-5,"_167":277,"_98":278},"3998be42-3f74-11f0-bd6a-76b3cceeab13","MemberDashboard.tsx","3998bf0a-3f74-11f0-bd6a-76b3cceeab13",19,["D",1748842886347],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { Member, Booking, BootcampClass } from \"../../shared/types.ts\";\n\ninterface MemberDashboardProps {\n members: Member[];\n onRefresh: () => void;\n}\n\nexport default function MemberDashboard({ members, onRefresh }: MemberDashboardProps) {\n const [selectedMember, setSelectedMember] = useState(null);\n const [memberBookings, setMemberBookings] = useState<(Booking & { class: BootcampClass })[]>([]);\n const [showAddForm, setShowAddForm] = useState(false);\n const [loading, setLoading] = useState(false);\n const [newMember, setNewMember] = useState({\n name: '',\n email: '',\n phone: '',\n membership_type: 'basic' as 'basic' | 'premium' | 'unlimited'\n });\n\n useEffect(() => {\n if (selectedMember) {\n fetchMemberBookings(selectedMember.id);\n }\n }, [selectedMember]);\n\n const fetchMemberBookings = async (memberId: number) => {\n try {\n setLoading(true);\n const response = await fetch(`/api/members/${memberId}/bookings`);\n const bookings = await response.json();\n setMemberBookings(bookings);\n } catch (error) {\n console.error('Error fetching member bookings:', error);\n } finally {\n setLoading(false);\n }\n };\n\n const handleAddMember = async (e: React.FormEvent) => {\n e.preventDefault();\n try {\n setLoading(true);\n const response = await fetch('/api/members', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(newMember)\n });\n\n if (response.ok) {\n setNewMember({ name: '', email: '', phone: '', membership_type: 'basic' });\n setShowAddForm(false);\n onRefresh();\n } else {\n const error = await response.json();\n alert(error.error);\n }\n } catch (error) {\n alert('Failed to add member');\n } finally {\n setLoading(false);\n }\n };\n\n const getMembershipClass = (type: string) => {\n switch (type) {\n case 'basic': return 'membership-basic';\n case 'premium': return 'membership-premium';\n case 'unlimited': return 'membership-unlimited';\n default: return 'membership-basic';\n }\n };\n\n const getStatusClass = (status: string) => {\n switch (status) {\n case 'confirmed': return 'status-confirmed';\n case 'waitlist': return 'status-waitlist';\n case 'cancelled': return 'status-cancelled';\n default: return 'status-confirmed';\n }\n };\n\n const formatDate = (dateString: string) => {\n const date = new Date(dateString);\n return date.toLocaleDateString('en-US', {\n weekday: 'short',\n month: 'short',\n day: 'numeric'\n });\n };\n\n const formatTime = (timeString: string) => {\n const [hours, minutes] = timeString.split(':');\n const date = new Date();\n date.setHours(parseInt(hours), parseInt(minutes));\n return date.toLocaleTimeString('en-US', {\n hour: 'numeric',\n minute: '2-digit',\n hour12: true\n });\n };\n\n return (\n

\n {/* Header */}\n

Member Dashboard

\n setShowAddForm(!showAddForm)}\n className=\"btn-primary\"\n >\n ➕ Add Member\n \n \n 🔄 Refresh\n \n

\n\n {/* Add Member Form */}\n {showAddForm && (\n

Add New Member

\n \n Name *\n \n setNewMember({ ...newMember, name: e.target.value })}\n className=\"w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500\"\n />\n

\n \n Email *\n \n setNewMember({ ...newMember, email: e.target.value })}\n className=\"w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500\"\n />\n

\n \n Phone\n \n setNewMember({ ...newMember, phone: e.target.value })}\n className=\"w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500\"\n />\n

\n \n Membership Type\n \n setNewMember({ ...newMember, membership_type: e.target.value as any })}\n className=\"w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500\"\n >\n \n \n \n \n

\n \n {loading ? 'Adding...' : 'Add Member'}\n \n setShowAddForm(false)}\n className=\"btn-secondary\"\n >\n Cancel\n \n

\n )}\n\n

\n {/* Members List */}\n

Members ({members.length})

\n {members.map((member) => (\n setSelectedMember(member)}\n className={`p-4 border-b cursor-pointer hover:bg-gray-50 transition-colors ${\n selectedMember?.id === member.id ? 'bg-blue-50 border-blue-200' : ''\n }`}\n >\n

{member.name}

{member.email}

\n {member.phone && (\n

{member.phone}

\n )}\n

\n \n {member.membership_type}\n \n

\n Joined {new Date(member.join_date).toLocaleDateString()}\n

\n ))}\n

\n\n {/* Member Details */}\n

\n {selectedMember ? `${selectedMember.name}'s Bookings` : 'Select a Member'}\n

\n {!selectedMember ? (\n

\n Click on a member to view their bookings\n

\n ) : loading ? (\n

Loading bookings...

\n ) : memberBookings.length === 0 ? (\n

\n No upcoming bookings\n

\n ) : (\n

\n {memberBookings.map((booking) => (\n \n

\n {booking.class.name}\n

\n {booking.class.instructor}\n

\n 📅 {formatDate(booking.class.date)}\n ⏰ {formatTime(booking.class.start_time)}\n

\n \n {booking.status}\n \n

\n ))}\n

\n )}\n

\n \n \n );\n}",[],[241,248,272],{"_103":280,"_95":281,"_153":282,"_155":249,"_156":138,"_157":283,"_159":160,"_105":284,"_100":32,"_162":180,"_164":285,"_165":22,"_166":-5,"_167":286,"_98":287},"4de78ac2-3f74-11f0-bcfc-76b3cceeab13","WorkoutLibrary.tsx","4de78b8a-3f74-11f0-bcfc-76b3cceeab13",20,["D",1748842920419],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { Workout, Exercise } from \"../../shared/types.ts\";\n\ninterface WorkoutLibraryProps {\n workouts: Workout[];\n}\n\nexport default function WorkoutLibrary({ workouts }: WorkoutLibraryProps) {\n const [selectedWorkout, setSelectedWorkout] = useState(null);\n const [filterDifficulty, setFilterDifficulty] = useState('all');\n\n const getDifficultyClass = (level: string) => {\n switch (level) {\n case 'beginner': return 'difficulty-beginner';\n case 'intermediate': return 'difficulty-intermediate';\n case 'advanced': return 'difficulty-advanced';\n default: return 'difficulty-intermediate';\n }\n };\n\n const formatDuration = (minutes: number) => {\n if (minutes < 60) return `${minutes} min`;\n const hours = Math.floor(minutes / 60);\n const remainingMinutes = minutes % 60;\n return remainingMinutes > 0 ? `${hours}h ${remainingMinutes}m` : `${hours}h`;\n };\n\n const formatExercise = (exercise: Exercise) => {\n const parts = [];\n if (exercise.sets && exercise.reps) {\n parts.push(`${exercise.sets} sets × ${exercise.reps} reps`);\n } else if (exercise.duration_seconds) {\n parts.push(`${exercise.duration_seconds}s`);\n }\n if (exercise.rest_seconds) {\n parts.push(`${exercise.rest_seconds}s rest`);\n }\n return parts.join(', ');\n };\n\n const filteredWorkouts = workouts.filter(workout => \n filterDifficulty === 'all' || workout.difficulty_level === filterDifficulty\n );\n\n return (\n

\n {/* Header */}\n

Workout Library

\n Filter by difficulty:\n setFilterDifficulty(e.target.value)}\n className=\"rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500\"\n >\n \n \n \n \n \n

\n\n {filteredWorkouts.length === 0 ? (\n

No workouts found

\n ) : (\n

\n {/* Workout List */}\n

\n Workouts ({filteredWorkouts.length})\n

\n {filteredWorkouts.map((workout) => (\n setSelectedWorkout(workout)}\n className={`bg-white rounded-lg shadow-md p-6 cursor-pointer card-hover transition-all ${\n selectedWorkout?.id === workout.id ? 'ring-2 ring-blue-500 bg-blue-50' : ''\n }`}\n >\n

\n {workout.name}\n

\n \n {workout.difficulty_level}\n \n

\n \n

\n {workout.description}\n

\n \n

\n ⏱️\n {formatDuration(workout.duration_minutes)}\n

\n 🏋️\n {workout.exercises.length} exercises\n

\n {workout.equipment_needed.length > 0 && (\n

\n 🛠️\n \n {workout.equipment_needed.join(', ')}\n \n

\n )}\n

\n ))}\n

\n\n {/* Workout Details */}\n

\n {selectedWorkout ? selectedWorkout.name : 'Select a Workout'}\n

\n {!selectedWorkout ? (\n

\n Click on a workout to view details\n

\n ) : (\n

\n {/* Workout Info */}\n

\n \n {selectedWorkout.difficulty_level}\n \n \n {formatDuration(selectedWorkout.duration_minutes)}\n \n

\n {selectedWorkout.description}\n

\n \n {selectedWorkout.equipment_needed.length > 0 && (\n

Equipment Needed:

\n {selectedWorkout.equipment_needed.map((equipment, index) => (\n \n {equipment}\n \n ))}\n

\n )}\n

\n\n {/* Exercises */}\n

\n Exercises ({selectedWorkout.exercises.length})\n

\n {selectedWorkout.exercises.map((exercise, index) => (\n \n

\n {index + 1}. {exercise.name}\n

\n \n {formatExercise(exercise)}\n \n

\n {exercise.description}\n

\n ))}\n

\n\n {/* Action Button */}\n

\n \n

\n )}\n

\n \n )}\n \n );\n}",[],[241,248,281],[241,248],{"_103":290,"_95":291,"_153":292,"_155":242,"_156":138,"_157":243,"_159":160,"_105":293,"_100":32,"_162":294,"_164":295,"_165":22,"_166":-5,"_167":296,"_98":297},"f22fdfe0-3f73-11f0-ba20-76b3cceeab13","index.html","f22fe12a-3f73-11f0-ba20-76b3cceeab13",["D",1748842766540],"file","\n\n\n \n \n Fast and Loose Bootcamp\n \n \n \n \n\n\n

\n \n\n",[],[241,291],{"_103":299,"_95":300,"_153":301,"_155":242,"_156":138,"_157":302,"_159":160,"_105":303,"_100":32,"_162":180,"_164":304,"_165":22,"_166":-5,"_167":305,"_98":306},"fdcda7ba-3f73-11f0-b921-76b3cceeab13","index.tsx","fdcda864-3f73-11f0-b921-76b3cceeab13",16,["D",1748842786032],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0,react-dom@18.2.0\";\nimport App from \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[241,300],{"_103":308,"_95":309,"_153":310,"_155":242,"_156":138,"_157":311,"_159":160,"_105":312,"_100":32,"_162":294,"_164":313,"_165":22,"_166":-5,"_167":314,"_98":315},"f9cac0ee-3f73-11f0-8576-76b3cceeab13","style.css","f9cac18e-3f73-11f0-8576-76b3cceeab13",15,["D",1748842779301],"/* Custom styles for Fast and Loose Bootcamp */\n\n.difficulty-badge {\n @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;\n}\n\n.difficulty-beginner {\n @apply bg-green-100 text-green-800;\n}\n\n.difficulty-intermediate {\n @apply bg-yellow-100 text-yellow-800;\n}\n\n.difficulty-advanced {\n @apply bg-red-100 text-red-800;\n}\n\n.membership-badge {\n @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;\n}\n\n.membership-basic {\n @apply bg-gray-100 text-gray-800;\n}\n\n.membership-premium {\n @apply bg-blue-100 text-blue-800;\n}\n\n.membership-unlimited {\n @apply bg-purple-100 text-purple-800;\n}\n\n.status-badge {\n @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;\n}\n\n.status-confirmed {\n @apply bg-green-100 text-green-800;\n}\n\n.status-waitlist {\n @apply bg-yellow-100 text-yellow-800;\n}\n\n.status-cancelled {\n @apply bg-red-100 text-red-800;\n}\n\n.btn-primary {\n @apply bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded-lg transition-colors duration-200;\n}\n\n.btn-secondary {\n @apply bg-gray-200 hover:bg-gray-300 text-gray-800 font-medium py-2 px-4 rounded-lg transition-colors duration-200;\n}\n\n.btn-danger {\n @apply bg-red-600 hover:bg-red-700 text-white font-medium py-2 px-4 rounded-lg transition-colors duration-200;\n}\n\n.btn-success {\n @apply bg-green-600 hover:bg-green-700 text-white font-medium py-2 px-4 rounded-lg transition-colors duration-200;\n}\n\n/* Loading animation */\n.loading-spinner {\n @apply animate-spin rounded-full h-6 w-6 border-b-2 border-blue-600;\n}\n\n/* Card animations */\n.fade-in {\n animation: fadeIn 0.5s ease-in-out;\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n/* Responsive grid */\n.class-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.workout-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n gap: 1.5rem;\n}\n\n/* Mobile optimizations */\n@media (max-width: 640px) {\n .class-grid,\n .workout-grid {\n grid-template-columns: 1fr;\n }\n}",[],[241,309],[241],{"_103":318,"_95":319,"_153":320,"_155":-5,"_156":138,"_157":321,"_159":160,"_105":322,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":323,"_98":332},"ad2c5478-3f73-11f0-899f-76b3cceeab13","shared","5fa1e654-676a-4282-b16d-4e797f769fa2",7,["D",1748842650755],[324],{"_103":325,"_95":326,"_153":327,"_155":320,"_156":138,"_157":321,"_159":160,"_105":328,"_100":32,"_162":180,"_164":329,"_165":22,"_166":-5,"_167":330,"_98":331},"ad2c313c-3f73-11f0-899f-76b3cceeab13","types.ts","ad2c3222-3f73-11f0-899f-76b3cceeab13",["D",1748842650755],"// Shared types for Fast and Loose Bootcamp App\n\nexport interface Member {\n id: number;\n name: string;\n email: string;\n phone?: string;\n membership_type: 'basic' | 'premium' | 'unlimited';\n join_date: string;\n active: boolean;\n}\n\nexport interface BootcampClass {\n id: number;\n name: string;\n description: string;\n instructor: string;\n date: string;\n start_time: string;\n end_time: string;\n max_capacity: number;\n current_bookings: number;\n difficulty_level: 'beginner' | 'intermediate' | 'advanced';\n workout_type: string;\n}\n\nexport interface Booking {\n id: number;\n member_id: number;\n class_id: number;\n booking_date: string;\n status: 'confirmed' | 'waitlist' | 'cancelled';\n}\n\nexport interface Workout {\n id: number;\n name: string;\n description: string;\n duration_minutes: number;\n difficulty_level: 'beginner' | 'intermediate' | 'advanced';\n equipment_needed: string[];\n exercises: Exercise[];\n}\n\nexport interface Exercise {\n name: string;\n sets?: number;\n reps?: number;\n duration_seconds?: number;\n rest_seconds?: number;\n description: string;\n}\n\nexport interface ClassWithBookings extends BootcampClass {\n bookings?: Booking[];\n members?: Member[];\n}\n\nexport interface MemberWithBookings extends Member {\n bookings?: (Booking & { class: BootcampClass })[];\n}",[],[319,326],[319],{"_103":334,"_95":335,"_153":336,"_155":-5,"_156":138,"_157":337,"_159":160,"_105":338,"_100":32,"_162":180,"_164":339,"_165":22,"_166":-5,"_167":340,"_98":341},"40f3457a-3f71-11f0-a5e4-76b3cceeab13","01_script.tsx","40f34606-3f71-11f0-a5e4-76b3cceeab13",2,["D",1748841610197],"// This script returns a random fun fact\n// You can run scripts manually in this view or call it from other vals.\nexport default function getRandomFact() {\n const funFacts = [\n \"Honey never spoils.\",\n \"Bananas are actually berries, but strawberries are not.\",\n \"Val Town has a citizen Juicy Bear. 🐻\",\n ];\n const fact = funFacts[Math.floor(Math.random() * funFacts.length)];\n return fact;\n}\nconsole.log(\"Fun fact:\", getRandomFact());\n",[],[335],{"_103":343,"_95":344,"_153":345,"_155":-5,"_156":138,"_157":346,"_159":160,"_105":347,"_100":32,"_162":234,"_164":348,"_165":22,"_166":-5,"_167":349,"_98":350},"40f697d4-3f71-11f0-a5e4-76b3cceeab13","02_http.tsx","40f6986a-3f71-11f0-a5e4-76b3cceeab13",3,["D",1748841610219],"// This code responds to HTTP web requests.\n// Access it via its public URL (you can also pick a nicer subdomain).\n// Try adding ?name=YourName to the URL!\nexport default function httpHandler(req: Request): Response {\n const url = new URL(req.url);\n const name = url.searchParams.get(\"name\") || \"Friend\";\n console.log(`Greeted ${name} via HTTP`);\n return new Response(`Hello, ${name}! Welcome to Val Town.`);\n}",[],[344],{"_103":352,"_95":353,"_153":354,"_155":-5,"_156":138,"_157":355,"_159":160,"_105":356,"_100":32,"_162":357,"_164":358,"_165":22,"_166":-5,"_167":359,"_98":360},"40fa2dc2-3f71-11f0-a5e4-76b3cceeab13","03_cron.tsx","40fa2e44-3f71-11f0-a5e4-76b3cceeab13",4,["D",1748841610241],"interval","// This cron runs on a schedule (e.g. every hour, day).\n// Configure the timer with the 🕒 icon in the top right.\n// This example just logs the current time.\nexport function scheduledHandler() {\n const timestamp = new Date().toISOString();\n console.log(`Cron val executed at: ${timestamp}`);\n return `Executed at ${timestamp}`;\n}",[],[353],{"_103":362,"_95":363,"_153":364,"_155":-5,"_156":138,"_157":365,"_159":160,"_105":366,"_100":32,"_162":367,"_164":368,"_165":22,"_166":-5,"_167":369,"_98":370},"410235e4-3f71-11f0-a5e4-76b3cceeab13","04_email.tsx","41023684-3f71-11f0-a5e4-76b3cceeab13",5,["D",1748841610295],"email","// This code is triggered when an email is sent to its unique address.\n// Click \"Run\", copy and paste the email address and send an email to it.\n// This example will log the email details received.\nexport default async function emailHandler(email: Email){\n console.log(\"Email received!\", email.from, email.subject, email.text);\n for (const file of email.attachments) {\n console.log(`Filename: ${file.name}`);\n console.log(`Content Type: ${file.type}`);\n console.log(`Content: ${await file.text()}`);\n }\n}",[],[363],{"_103":372,"_95":373,"_153":374,"_155":-5,"_156":138,"_157":375,"_159":160,"_105":376,"_100":118,"_162":294,"_164":377,"_165":22,"_166":-5,"_167":378,"_98":379},"a7e2b93a-3f73-11f0-899f-76b3cceeab13","README.md","40f00b3a-3f71-11f0-a5e4-76b3cceeab13",6,["D",1748842641881],"# Fast and Loose Bootcamp App 💪\n\nA comprehensive fitness management app for Fast and Loose Bootcamp featuring class scheduling, member management, and workout tracking.\n\n## Features\n\n- **Class Scheduling**: View and manage bootcamp class schedules\n- **Member Management**: Track member registrations and attendance\n- **Workout Library**: Browse available workout programs\n- **Real-time Updates**: Live class availability and booking status\n- **Responsive Design**: Works on desktop and mobile devices\n\n## Project Structure\n\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Database schema setup\n│ │ └── queries.ts # Database query functions\n│ ├── routes/\n│ │ ├── classes.ts # Class management endpoints\n│ │ ├── members.ts # Member management endpoints\n│ │ └── workouts.ts # Workout library endpoints\n│ └── index.ts # Main API server\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main application component\n│ │ ├── ClassSchedule.tsx # Class schedule display\n│ │ ├── MemberDashboard.tsx # Member dashboard\n│ │ └── WorkoutLibrary.tsx # Workout programs\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend entry point\n│ └── style.css # Custom styles\n├── shared/\n│ └── types.ts # Shared TypeScript types\n└── README.md\n```\n\n## Getting Started\n\n1. The main app runs on the HTTP endpoint in `backend/index.ts`\n2. Visit the app to see class schedules and book sessions\n3. Admin features available for managing classes and members\n\n## Tech Stack\n\n- **Backend**: Hono.js API framework\n- **Frontend**: React with TypeScript\n- **Database**: SQLite for data persistence\n- **Styling**: TailwindCSS for responsive design\n- **Platform**: Val Town serverless environment",[],[373],"files",[150,169,175,184,194,201,209,218,228,239,246,253,261,270,279,289,298,307,317,324,333,342,351,361,371],"counts",{"_384":32,"_385":118,"_386":118,"_387":32},"pulls","branches","forks","envVars","contents",[],{"_103":290,"_95":291,"_153":292,"_155":242,"_156":138,"_157":243,"_159":160,"_105":391,"_100":32,"_162":294,"_164":295,"_165":22,"_166":-5,"_98":392},["D",1748842766540],[241,291],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_93":94,"_95":96,"_97":43,"_98":99,"_101":401,"_294":406,"_409":410,"_413":414,"_417":-7,"_418":32,"_419":22},{"_103":104,"_95":96,"_105":402,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":118,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":403,"_132":404,"_135":405,"_147":22},["D",1748841610165],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_100":137,"_95":43,"_103":138,"_139":104,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":96,"_146":94},{"_103":290,"_95":291,"_153":292,"_155":242,"_156":138,"_157":243,"_159":160,"_105":407,"_100":32,"_162":294,"_164":295,"_165":22,"_166":-5,"_98":408},["D",1748842766540],[241,291],"history",[411],{"_103":290,"_156":138,"_153":292,"_95":291,"_164":295,"_162":294,"_100":32,"_155":242,"_105":412,"_157":243,"_166":-5},["D",1748842766540],"versions",[415],{"_294":411,"_416":-5},"previous","versionNumber","page","hasNext","actionData","errors"]

newbienate

my-first-val

History for index.html