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}",[],[240,247,254],{"_102":261,"_95":262,"_152":263,"_154":248,"_155":137,"_156":264,"_158":159,"_104":265,"_99":32,"_161":179,"_163":266,"_164":22,"_165":-5,"_166":267,"_98":268},"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}",[],[240,247,262],{"_102":270,"_95":271,"_152":272,"_154":248,"_155":137,"_156":273,"_158":159,"_104":274,"_99":32,"_161":179,"_163":275,"_164":22,"_165":-5,"_166":276,"_98":277},"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}",[],[240,247,271],{"_102":279,"_95":280,"_152":281,"_154":248,"_155":137,"_156":282,"_158":159,"_104":283,"_99":32,"_161":179,"_163":284,"_164":22,"_165":-5,"_166":285,"_98":286},"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}",[],[240,247,280],[240,247],{"_102":289,"_95":290,"_152":291,"_154":241,"_155":137,"_156":242,"_158":159,"_104":292,"_99":32,"_161":293,"_163":294,"_164":22,"_165":-5,"_166":295,"_98":296},"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",[],[240,290],{"_102":298,"_95":299,"_152":300,"_154":241,"_155":137,"_156":301,"_158":159,"_104":302,"_99":32,"_161":179,"_163":303,"_164":22,"_165":-5,"_166":304,"_98":305},"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();",[],[240,299],{"_102":307,"_95":308,"_152":309,"_154":241,"_155":137,"_156":310,"_158":159,"_104":311,"_99":32,"_161":293,"_163":312,"_164":22,"_165":-5,"_166":313,"_98":314},"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}",[],[240,308],[240],{"_102":317,"_95":318,"_152":319,"_154":-5,"_155":137,"_156":320,"_158":159,"_104":321,"_99":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":322,"_98":331},"ad2c5478-3f73-11f0-899f-76b3cceeab13","shared","5fa1e654-676a-4282-b16d-4e797f769fa2",7,["D",1748842650755],[323],{"_102":324,"_95":325,"_152":326,"_154":319,"_155":137,"_156":320,"_158":159,"_104":327,"_99":32,"_161":179,"_163":328,"_164":22,"_165":-5,"_166":329,"_98":330},"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}",[],[318,325],[318],{"_102":333,"_95":334,"_152":335,"_154":-5,"_155":137,"_156":336,"_158":159,"_104":337,"_99":32,"_161":179,"_163":338,"_164":22,"_165":-5,"_166":339,"_98":340},"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",[],[334],{"_102":342,"_95":343,"_152":344,"_154":-5,"_155":137,"_156":345,"_158":159,"_104":346,"_99":32,"_161":233,"_163":347,"_164":22,"_165":-5,"_166":348,"_98":349},"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}",[],[343],{"_102":351,"_95":352,"_152":353,"_154":-5,"_155":137,"_156":354,"_158":159,"_104":355,"_99":32,"_161":356,"_163":357,"_164":22,"_165":-5,"_166":358,"_98":359},"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}",[],[352],{"_102":361,"_95":362,"_152":363,"_154":-5,"_155":137,"_156":364,"_158":159,"_104":365,"_99":32,"_161":366,"_163":367,"_164":22,"_165":-5,"_166":368,"_98":369},"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}",[],[362],{"_102":371,"_95":372,"_152":373,"_154":-5,"_155":137,"_156":374,"_158":159,"_104":375,"_99":117,"_161":293,"_163":376,"_164":22,"_165":-5,"_166":377,"_98":378},"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",[],[372],"files",[149,168,174,183,193,200,208,217,227,238,245,252,260,269,278,288,297,306,316,323,332,341,350,360,370],"counts",{"_383":32,"_384":117,"_385":117,"_386":32},"pulls","branches","forks","envVars","contents",[389,392,395,398,401,404,407,410],{"_102":150,"_95":151,"_152":153,"_154":-5,"_155":137,"_156":157,"_158":159,"_104":390,"_99":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_98":391},["D",1748842678445],[151],{"_102":239,"_95":240,"_152":241,"_154":-5,"_155":137,"_156":242,"_158":159,"_104":393,"_99":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_98":394},["D",1748842766540],[240],{"_102":317,"_95":318,"_152":319,"_154":-5,"_155":137,"_156":320,"_158":159,"_104":396,"_99":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_98":397},["D",1748842650755],[318],{"_102":333,"_95":334,"_152":335,"_154":-5,"_155":137,"_156":336,"_158":159,"_104":399,"_99":32,"_161":179,"_163":338,"_164":22,"_165":-5,"_98":400},["D",1748841610197],[334],{"_102":342,"_95":343,"_152":344,"_154":-5,"_155":137,"_156":345,"_158":159,"_104":402,"_99":32,"_161":233,"_163":347,"_164":22,"_165":-5,"_98":403},["D",1748841610219],[343],{"_102":351,"_95":352,"_152":353,"_154":-5,"_155":137,"_156":354,"_158":159,"_104":405,"_99":32,"_161":356,"_163":357,"_164":22,"_165":-5,"_98":406},["D",1748841610241],[352],{"_102":361,"_95":362,"_152":363,"_154":-5,"_155":137,"_156":364,"_158":159,"_104":408,"_99":32,"_161":366,"_163":367,"_164":22,"_165":-5,"_98":409},["D",1748841610295],[362],{"_102":371,"_95":372,"_152":373,"_154":-5,"_155":137,"_156":374,"_158":159,"_104":411,"_99":117,"_161":293,"_163":376,"_164":22,"_165":-5,"_98":412},["D",1748842641881],[372],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.remixes",{"_93":94,"_95":96,"_100":421,"_385":426,"_433":-5},{"_102":103,"_95":96,"_104":422,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":-5,"_114":22,"_115":-5,"_116":117,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":423,"_131":424,"_134":425,"_146":22},["D",1748841610165],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_99":136,"_95":43,"_102":137,"_138":103,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":96,"_145":94},[427],{"_102":428,"_95":429,"_110":-5,"_111":-5,"_108":109,"_14":112,"_16":118,"_146":22,"_23":430,"_131":431,"_113":-5,"_114":22,"_104":432,"_116":32},"69399298-3f7e-11f0-820d-76b3cceeab13","ft",{"_93":94,"_129":130},{"_93":94,"_133":130},["D",1748847261223],"upstream","actionData","errors"]

newbienate

my-first-val