Add New Attendee

\n {onCancel && (\n \n ×\n \n )}\n

\n\n

\n \n Event Password *\n \n setFormData(prev => ({ ...prev, password: e.target.value }))}\n className=\"w-full px-3 py-2 border border-[var(--border-default)] rounded-md focus:outline-none focus:ring-2 focus:ring-[var(--accent-primary)] focus:border-transparent\"\n placeholder=\"Enter event management password\"\n />\n

\n Required to verify you have permission to add attendees\n

\n\n

\n \n Attendee Name *\n \n setFormData(prev => ({ ...prev, name: e.target.value }))}\n className=\"w-full px-3 py-2 border border-[var(--border-default)] rounded-md focus:outline-none focus:ring-2 focus:ring-[var(--accent-primary)] focus:border-transparent\"\n placeholder=\"Enter attendee's full name\"\n />\n

\n\n

\n \n External ID (Optional)\n \n setFormData(prev => ({ ...prev, external_id: e.target.value }))}\n className=\"w-full px-3 py-2 border border-[var(--border-default)] rounded-md focus:outline-none focus:ring-2 focus:ring-[var(--accent-primary)] focus:border-transparent\"\n placeholder=\"Employee ID, badge number, etc. (optional)\"\n />\n

\n\n {success && (\n

{success}

\n )}\n\n {error && (\n

{error}

\n )}\n\n

\n \n {isSubmitting ? 'Adding Attendee...' : 'Add Attendee'}\n \n \n {onCancel && (\n \n Cancel\n \n )}\n

\n\n

How it works:

• Enter the event management password to authenticate

• Add the attendee's name (must be unique for this event)

• External ID is optional but helpful for tracking

• The attendee will immediately appear in the sign-in list

\n );\n}\n",[],[229,235,241],{"_104":249,"_96":250,"_156":251,"_158":236,"_159":141,"_160":140,"_162":118,"_106":252,"_101":253,"_164":203,"_166":254,"_167":22,"_168":-5,"_169":255,"_99":256},"538f8ff6-603f-11f0-a5cd-0224a6c84d84","App.tsx","06c9fc59-0d9d-467a-873e-97706322b720",["D",1752448554794],4,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport EventCreation from \"./EventCreation.tsx\";\nimport EventSignIn from \"./EventSignIn.tsx\";\nimport EventManagement from \"./EventManagement.tsx\";\nimport EventLinks from \"./EventLinks.tsx\";\nimport AddAttendee from \"./AddAttendee.tsx\";\n\n// Simple client-side routing based on URL path\nfunction useRouter() {\n const [path, setPath] = useState(window.location.pathname);\n \n useEffect(() => {\n const handlePopState = () => setPath(window.location.pathname);\n window.addEventListener('popstate', handlePopState);\n return () => window.removeEventListener('popstate', handlePopState);\n }, []);\n \n const navigate = (newPath: string) => {\n window.history.pushState({}, '', newPath);\n setPath(newPath);\n };\n \n return { path, navigate };\n}\n\nexport default function App() {\n const { path, navigate } = useRouter();\n \n // Parse route parameters\n const getEventId = () => {\n const match = path.match(/^\\/(\\d+)/);\n return match ? parseInt(match[1]) : null;\n };\n \n const renderPage = () => {\n if (path === '/' || path === '/new') {\n return navigate(`/${eventId}`)} />;\n }\n \n if (path.includes('/signin')) {\n const eventId = getEventId();\n if (!eventId) return

Invalid event ID

;\n return ;\n }\n \n if (path.includes('/manage')) {\n const eventId = getEventId();\n if (!eventId) return

Invalid event ID

;\n return ;\n }\n \n if (path.match(/^\\/\\d+$/)) {\n const eventId = getEventId();\n if (!eventId) return

Invalid event ID

;\n return ;\n }\n \n if (path.includes('/add-attendee')) {\n const eventId = getEventId();\n if (!eventId) return

Invalid event ID

;\n return (\n

\n Add Attendee\n

\n Add a new attendee to the event\n

\n \n

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

Page not found

;\n };\n\n return (\n <>\n \n \n \n \n \n \n

\n {renderPage()}\n

\n \n );\n}",[],[229,235,250],{"_104":258,"_96":259,"_156":260,"_158":236,"_159":141,"_160":261,"_162":118,"_106":262,"_101":263,"_164":203,"_166":264,"_167":22,"_168":-5,"_169":265,"_99":266},"560f5fc4-5ddb-11f0-8cbb-0224a6c84d84","EventCreation.tsx","0d97ee1c-5dce-11f0-92a2-0224a6c84d84",50,["D",1752185706988],2,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface EventCreationProps {\n onEventCreated: (eventId: number) => void;\n}\n\nexport default function EventCreation({ onEventCreated }: EventCreationProps) {\n const [formData, setFormData] = useState({\n name: '',\n password: '',\n location: '',\n csvContent: ''\n });\n const [isSubmitting, setIsSubmitting] = useState(false);\n const [error, setError] = useState(null);\n const [csvErrors, setCsvErrors] = useState([]);\n\n const handleFileUpload = (event: React.ChangeEvent) => {\n const file = event.target.files?.[0];\n if (file) {\n const reader = new FileReader();\n reader.onload = (e) => {\n const content = e.target?.result as string;\n setFormData(prev => ({ ...prev, csvContent: content }));\n };\n reader.readAsText(file);\n }\n };\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setIsSubmitting(true);\n setError(null);\n setCsvErrors([]);\n\n try {\n const response = await fetch('/api/events', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(formData),\n });\n\n const result = await response.json();\n\n if (!response.ok) {\n if (result.csvErrors) {\n setCsvErrors(result.csvErrors);\n }\n throw new Error(result.error || 'Failed to create event');\n }\n\n // Show success and redirect\n onEventCreated(result.eventId);\n } catch (err) {\n setError(err instanceof Error ? err.message : 'An error occurred');\n } finally {\n setIsSubmitting(false);\n }\n };\n\n return (\n

\n Create New Event\n

\n Set up your event and upload attendee list\n

\n\n

\n \n Event Name *\n \n setFormData(prev => ({ ...prev, name: e.target.value }))}\n className=\"w-full px-3 py-2 border border-[var(--border-default)] rounded-md focus:outline-none focus:ring-2 focus:ring-[var(--accent-primary)] focus:border-transparent\"\n placeholder=\"Enter event name\"\n />\n

\n\n

\n \n Management Password *\n \n setFormData(prev => ({ ...prev, password: e.target.value }))}\n className=\"w-full px-3 py-2 border border-[var(--border-default)] rounded-md focus:outline-none focus:ring-2 focus:ring-[var(--accent-primary)] focus:border-transparent\"\n placeholder=\"Enter password for event management\"\n />\n

\n This password will be required to access analytics and export data\n

\n\n

\n \n Location\n \n setFormData(prev => ({ ...prev, location: e.target.value }))}\n className=\"w-full px-3 py-2 border border-[var(--border-default)] rounded-md focus:outline-none focus:ring-2 focus:ring-[var(--accent-primary)] focus:border-transparent\"\n placeholder=\"Enter event location (optional)\"\n />\n

\n\n

\n \n Attendee List (CSV) *\n \n \n

Upload a CSV file with attendee names. Supported column headers:

name, Name, full_name
first_name + last_name (will be combined)
id (optional, for external reference)

\n\n {formData.csvContent && (\n

\n CSV loaded: {formData.csvContent.split('\\n').length - 1} rows\n

\n )}\n\n {csvErrors.length > 0 && (\n

CSV Parsing Issues:

• {error}

\n )}\n\n {error && (\n

{error}

\n )}\n\n \n {isSubmitting ? 'Creating Event...' : 'Create Event'}\n \n \n

\n\n

What happens next?

1. Your event will be created with the uploaded attendee list

2. You'll be redirected to the management dashboard

3. Share the sign-in link with your attendees

4. Monitor check-ins and export data as needed

\n );\n}",[],[229,235,259],{"_104":268,"_96":269,"_156":270,"_158":236,"_159":141,"_160":271,"_162":118,"_106":272,"_101":194,"_164":203,"_166":273,"_167":22,"_168":-5,"_169":274,"_99":275},"3dff36e4-5dd5-11f0-acbb-0224a6c84d84","EventLinks.tsx","d2096474-5dd3-11f0-9e07-0224a6c84d84",31,["D",1752183089782],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { EventDetailsResponse } from \"../../shared/types.ts\";\n\ninterface EventLinksProps {\n eventId: number;\n}\n\nexport default function EventLinks({ eventId }: EventLinksProps) {\n const [eventDetails, setEventDetails] = useState(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n\n useEffect(() => {\n loadEventDetails();\n }, [eventId]);\n\n const loadEventDetails = async () => {\n try {\n const response = await fetch(`/api/${eventId}`);\n if (!response.ok) throw new Error('Failed to load event details');\n const data: EventDetailsResponse = await response.json();\n setEventDetails(data);\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to load event');\n } finally {\n setLoading(false);\n }\n };\n\n const getSignInUrl = () => {\n return `${window.location.origin}/${eventId}/signin`;\n };\n\n const getManageUrl = () => {\n return `${window.location.origin}/${eventId}/manage`;\n };\n\n const copyToClipboard = (text: string) => {\n navigator.clipboard.writeText(text);\n };\n\n if (loading) {\n return (\n

Loading event details...

\n );\n }\n\n if (error) {\n return (\n

{error}

\n { setError(null); loadEventDetails(); }}\n className=\"px-4 py-2 bg-[var(--accent-primary)] text-white rounded hover:bg-[var(--accent-secondary)]\"\n >\n Try Again\n \n

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

\n {eventDetails?.event.name}\n

\n {eventDetails?.event.location && (\n

📍 {eventDetails.event.location}

\n )}\n

\n {eventDetails?.attendeeCount || 0} attendees\n •\n {eventDetails?.checkedInCount || 0} checked in\n

\n\n

\n {/* Attendee Check-in */}\n

\n \n

\n Attendee Check-in\n

\n For attendees to check in to the event\n

\n \n

\n \n {getSignInUrl()}\n \n copyToClipboard(getSignInUrl())}\n className=\"px-3 py-2 bg-[var(--accent-primary)] text-white rounded hover:bg-[var(--accent-secondary)] text-sm\"\n >\n Copy\n \n

\n \n \n Go to Check-in Page\n \n

\n\n {/* Event Management */}\n

\n \n

\n Event Management\n

\n For organizers to manage the event (requires password)\n

\n \n

\n \n {getManageUrl()}\n \n copyToClipboard(getManageUrl())}\n className=\"px-3 py-2 bg-[var(--info)] text-white rounded hover:bg-blue-600 text-sm\"\n >\n Copy\n \n

\n \n \n Go to Management Page\n \n

\n\n {/* Additional Info */}\n

Event Information

\n Event ID:\n {eventId}\n

\n Created:\n \n {eventDetails?.event.created_at ? new Date(eventDetails.event.created_at).toLocaleDateString() : 'Unknown'}\n \n

\n Total Attendees:\n {eventDetails?.attendeeCount || 0}\n

\n Checked In:\n {eventDetails?.checkedInCount || 0}\n

\n );\n}\n",[],[229,235,269],{"_104":277,"_96":278,"_156":279,"_158":236,"_159":141,"_160":280,"_162":118,"_106":281,"_101":282,"_164":203,"_166":283,"_167":22,"_168":-5,"_169":284,"_99":285},"53781c0e-603f-11f0-bbf7-0224a6c84d84","EventManagement.tsx","2af5fd3a-5dd0-11f0-b134-0224a6c84d84",57,["D",1752448554799],5,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport AddAttendee from \"./AddAttendee.tsx\";\nimport type { EventDetailsResponse, AttendeeListResponse, AnalyticsResponse } from \"../../shared/types.ts\";\n\ninterface EventManagementProps {\n eventId: number;\n}\n\nexport default function EventManagement({ eventId }: EventManagementProps) {\n const [eventDetails, setEventDetails] = useState(null);\n const [attendees, setAttendees] = useState([]);\n const [analytics, setAnalytics] = useState(null);\n const [activeTab, setActiveTab] = useState<'overview' | 'attendees' | 'analytics'>('overview');\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [password, setPassword] = useState('');\n const [isAuthenticated, setIsAuthenticated] = useState(false);\n\n useEffect(() => {\n // Check if we're already authenticated via session\n checkAuthentication();\n }, [eventId]);\n\n useEffect(() => {\n if (isAuthenticated) {\n loadData();\n }\n }, [eventId, isAuthenticated]);\n\n const checkAuthentication = async () => {\n try {\n const response = await fetch(`/api/${eventId}/details`);\n if (response.ok) {\n setIsAuthenticated(true);\n }\n } catch (err) {\n // Not authenticated, stay on login form\n }\n };\n\n const authenticate = async () => {\n try {\n const response = await fetch(`/api/${eventId}/auth`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ password })\n });\n \n if (response.ok) {\n setIsAuthenticated(true);\n setPassword('');\n } else {\n setError('Invalid password');\n }\n } catch (err) {\n setError('Authentication failed');\n }\n };\n\n const loadData = async () => {\n try {\n setLoading(true);\n const [detailsRes, attendeesRes, analyticsRes] = await Promise.all([\n fetch(`/api/${eventId}/details`),\n fetch(`/api/${eventId}/attendees`),\n fetch(`/api/${eventId}/analytics`)\n ]);\n\n if (!detailsRes.ok || !attendeesRes.ok || !analyticsRes.ok) {\n throw new Error('Failed to load event data');\n }\n\n const [details, attendeesList, analyticsData] = await Promise.all([\n detailsRes.json() as Promise,\n attendeesRes.json() as Promise,\n analyticsRes.json() as Promise\n ]);\n\n setEventDetails(details);\n setAttendees(attendeesList.attendees);\n setAnalytics(analyticsData);\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to load data');\n } finally {\n setLoading(false);\n }\n };\n\n const exportCSV = async () => {\n try {\n const response = await fetch(`/api/${eventId}/export`);\n if (!response.ok) throw new Error('Failed to export data');\n \n const blob = await response.blob();\n const url = window.URL.createObjectURL(blob);\n const a = document.createElement('a');\n a.href = url;\n a.download = `event-${eventId}-checkins.csv`;\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n window.URL.revokeObjectURL(url);\n } catch (err) {\n setError('Failed to export data');\n }\n };\n\n const getSignInUrl = () => {\n return `${window.location.origin}/${eventId}/signin`;\n };\n\n const copySignInUrl = () => {\n navigator.clipboard.writeText(getSignInUrl());\n };\n\n const logout = async () => {\n try {\n await fetch(`/api/${eventId}/logout`, { method: 'POST' });\n setIsAuthenticated(false);\n } catch (err) {\n // Handle logout error\n }\n };\n\n if (!isAuthenticated) {\n return (\n

\n Event Management\n

\n \n {error && (\n

\n {error}\n

\n )}\n \n

\n \n Enter event password:\n \n setPassword(e.target.value)}\n className=\"w-full p-3 border border-[var(--border-default)] rounded-lg focus:outline-none focus:border-[var(--border-focus)]\"\n onKeyPress={(e) => e.key === 'Enter' && authenticate()}\n />\n

\n \n \n Access Event\n \n

\n );\n }\n\n if (loading) {\n return (\n

Loading event data...

\n );\n }\n\n if (error) {\n return (\n

{error}

\n { setError(null); loadData(); }}\n className=\"px-4 py-2 bg-[var(--accent-primary)] text-[#2d3748] font-mono rounded hover:bg-[var(--accent-secondary)]\"\n >\n Try Again\n \n

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

\n {eventDetails?.event.name}\n

\n \n Logout\n \n

\n {eventDetails?.event.location && (\n

📍 {eventDetails.event.location}

\n )}\n

\n\n {/* Sign-in URL */}\n

Check-in URL

\n \n {getSignInUrl()}\n \n \n Copy\n \n

\n\n {/* Tabs */}\n

\n {(['overview', 'attendees', 'analytics'] as const).map((tab) => (\n setActiveTab(tab)}\n className={`py-2 px-1 border-b-2 font-medium text-sm capitalize ${\n activeTab === tab\n ? 'border-[var(--accent-primary)] text-[var(--accent-primary)]'\n : 'border-transparent text-[var(--text-muted)] hover:text-[var(--text-secondary)]'\n }`}\n >\n {tab}\n \n ))}\n

\n\n {/* Overview Tab */}\n {activeTab === 'overview' && (\n

Total Attendees

\n {eventDetails?.attendeeCount || 0}\n

\n \n

Checked In

\n {eventDetails?.checkedInCount || 0}\n

\n \n

Check-in Rate

\n {eventDetails?.attendeeCount \n ? Math.round(((eventDetails?.checkedInCount || 0) / eventDetails.attendeeCount) * 100)\n : 0}%\n

\n )}\n\n {/* Attendees Tab */}\n {activeTab === 'attendees' && (\n

Attendees

\n \n Export CSV\n \n

\n \n

\n \n \n \n \n \n \n \n \n {attendees.map((attendee) => (\n \n \n \n \n ))}\n \n

\n Name\n	\n Status\n
\n {attendee.name}\n	\n {attendee.checkedIn ? (\n ✓ Checked In\n ) : (\n Not checked in\n )}\n

\n )}\n\n {/* Analytics Tab */}\n {activeTab === 'analytics' && analytics && (\n

Check-ins by Date

\n {analytics.checkInsByDate.map((entry) => (\n

\n {entry.date}\n {entry.count}\n

\n ))}\n

\n \n

Recent Check-ins

\n {analytics.recentCheckIns.map((entry, index) => (\n

\n {entry.attendeeName}\n \n {new Date(entry.checkedInAt).toLocaleTimeString()}\n \n

\n ))}\n

\n )}\n

\n );\n}\n",[],[229,235,278],{"_104":287,"_96":288,"_156":289,"_158":236,"_159":141,"_160":290,"_162":118,"_106":291,"_101":282,"_164":203,"_166":292,"_167":22,"_168":-5,"_169":293,"_99":294},"5601c378-5ddb-11f0-92a1-0224a6c84d84","EventSignIn.tsx","2b067d86-5dd0-11f0-bb26-0224a6c84d84",48,["D",1752185707057],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { AttendeeListResponse, SignInRequest, SignInResponse } from \"../../shared/types.ts\";\n\ninterface EventSignInProps {\n eventId: number;\n}\n\nexport default function EventSignIn({ eventId }: EventSignInProps) {\n const [attendees, setAttendees] = useState([]);\n const [searchTerm, setSearchTerm] = useState('');\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [signInResult, setSignInResult] = useState(null);\n const [isSigningIn, setIsSigningIn] = useState(false);\n const [showAll, setShowAll] = useState(false);\n\n useEffect(() => {\n loadAttendees();\n }, [eventId]);\n\n // Auto-dismiss success message after 3 seconds\n useEffect(() => {\n if (signInResult?.success) {\n const timer = setTimeout(() => {\n setSignInResult(null);\n }, 3000);\n return () => clearTimeout(timer);\n }\n }, [signInResult]);\n\n const loadAttendees = async () => {\n try {\n const response = await fetch(`/api/${eventId}/attendees`);\n if (!response.ok) throw new Error('Failed to load attendees');\n const data: AttendeeListResponse = await response.json();\n setAttendees(data.attendees);\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to load attendees');\n } finally {\n setLoading(false);\n }\n };\n\n const handleSignIn = async (attendeeId: number) => {\n setIsSigningIn(true);\n setSignInResult(null);\n \n try {\n const response = await fetch(`/api/${eventId}/signin`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ attendeeId } as SignInRequest)\n });\n \n if (!response.ok) throw new Error('Failed to sign in');\n \n const result: SignInResponse = await response.json();\n setSignInResult(result);\n \n // Refresh attendees to show updated status\n await loadAttendees();\n \n // Clear search after successful sign-in\n setSearchTerm('');\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to sign in');\n } finally {\n setIsSigningIn(false);\n }\n };\n\n // Simple fuzzy search with optional filtering of checked-in attendees\n const filteredAttendees = attendees.filter(attendee => {\n const matchesSearch = attendee.name.toLowerCase().includes(searchTerm.toLowerCase());\n const shouldShow = showAll || !attendee.checkedIn;\n return matchesSearch && shouldShow;\n });\n\n if (loading) {\n return (\n

Loading attendees...

\n );\n }\n\n if (error) {\n return (\n

{error}

\n { setError(null); loadAttendees(); }}\n className=\"px-4 py-2 bg-[var(--accent-primary)] text-[#2d3748] font-mono rounded hover:bg-[var(--accent-secondary)]\"\n >\n Try Again\n \n

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

\n Event Check-In\n

\n\n\n\n

\n setSearchTerm(e.target.value)}\n className=\"w-full p-3 border border-[var(--border-default)] rounded-lg focus:outline-none focus:border-[var(--border-focus)]\"\n />\n \n

\n setShowAll(!showAll)}\n className=\"px-4 py-2 bg-[var(--bg-secondary)] text-[var(--text-primary)] rounded-lg hover:bg-[var(--bg-tertiary)] transition-colors\"\n >\n {showAll ? 'Hide Checked-In' : 'Show All'}\n \n \n {filteredAttendees.length} attendee{filteredAttendees.length !== 1 ? 's' : ''} shown\n \n

\n\n

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

\n {searchTerm ? 'No attendees found matching your search.' : 'No attendees found.'}\n

\n ) : (\n filteredAttendees.map(attendee => (\n \n

\n {attendee.name}\n

\n {attendee.checkedIn && (\n ✓ Already checked in\n )}\n

\n \n handleSignIn(attendee.id)}\n disabled={isSigningIn}\n className={`px-6 py-2 rounded-lg font-medium transition-colors ${\n attendee.checkedIn\n ? 'bg-[var(--bg-secondary)] text-[var(--text-muted)] hover:bg-[var(--bg-tertiary)]'\n : 'bg-[var(--accent-primary)] text-[#2d3748] hover:bg-[var(--accent-secondary)]'\n } ${isSigningIn ? 'opacity-50 cursor-not-allowed' : ''}`}\n >\n {isSigningIn ? 'Signing In...' : attendee.checkedIn ? 'Check In Again' : 'Check In'}\n \n

\n ))\n )}\n

\n \n {/* Fixed bottom flash message */}\n {signInResult && (\n

\n {signInResult.success ? (\n <>\n

\n ✓ Welcome, {signInResult.attendeeName}!\n

\n setSignInResult(null)}\n className=\"text-green-600 hover:text-green-800 text-lg\"\n >\n ×\n \n

\n {signInResult.alreadySignedIn && (\n

\n Note: You were already signed in, but we've recorded this check-in too.\n

\n )}\n \n ) : (\n

Failed to sign in. Please try again.

\n setSignInResult(null)}\n className=\"text-red-600 hover:text-red-800 text-lg\"\n >\n ×\n \n

\n )}\n

\n )}\n \n );\n}\n",[],[229,235,288],[229,235],{"_104":297,"_96":298,"_156":299,"_158":230,"_159":141,"_160":194,"_162":118,"_106":300,"_101":32,"_164":184,"_166":301,"_167":22,"_168":-5,"_169":302,"_99":303},"24f489e6-5dcc-11f0-990d-0224a6c84d84","index.html","61e9c2f8-0042-4c00-8701-c41167df44b0",["D",1752179182252],"\n\n\n \n \n Talk Submission Form\n \n \n\n\n

\n \n\n",[],[229,298],{"_104":305,"_96":306,"_156":307,"_158":230,"_159":141,"_160":194,"_162":118,"_106":308,"_101":32,"_164":203,"_166":309,"_167":22,"_168":-5,"_169":310,"_99":311},"24f48bd0-5dcc-11f0-990d-0224a6c84d84","index.tsx","4bc6335a-40c8-456a-9d1d-3d563a8d6076",["D",1752179182252],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport App from \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[229,306],[229],{"_104":314,"_96":315,"_156":316,"_158":-5,"_159":141,"_160":194,"_162":118,"_106":317,"_101":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":318,"_99":328},"24f4917a-5dcc-11f0-990d-0224a6c84d84","shared","249162fd-4a26-4e4e-9a16-3b2196631f7f",["D",1752179182252],[319],{"_104":320,"_96":321,"_156":322,"_158":316,"_159":141,"_160":323,"_162":118,"_106":324,"_101":263,"_164":203,"_166":325,"_167":22,"_168":-5,"_169":326,"_99":327},"537a834a-603f-11f0-8345-0224a6c84d84","types.ts","41854f24-ad93-4263-a021-d118e1a48743",58,["D",1752448554780],"// Event-related types\nexport interface Event {\n id: number;\n name: string;\n password_hash: string;\n location?: string;\n created_at: string;\n}\n\nexport interface Attendee {\n id: number;\n event_id: number;\n name: string;\n external_id?: string;\n}\n\nexport interface CheckIn {\n id: number;\n event_id: number;\n attendee_id: number;\n checked_in_at: string;\n}\n\n// API request/response types\nexport interface CreateEventRequest {\n name: string;\n password: string;\n location?: string;\n attendees: AttendeeData[];\n}\n\nexport interface AttendeeData {\n name: string;\n external_id?: string;\n}\n\nexport interface CreateEventResponse {\n success: boolean;\n eventId: number;\n}\n\nexport interface SignInRequest {\n attendeeId: number;\n}\n\nexport interface SignInResponse {\n success: boolean;\n attendeeName: string;\n alreadySignedIn?: boolean;\n // TODO: Consider tracking multiple sign-in attempts for security\n // previousSignIns?: CheckIn[];\n}\n\nexport interface EventDetailsResponse {\n event: Event;\n attendeeCount: number;\n checkedInCount: number;\n}\n\nexport interface AttendeeListResponse {\n attendees: Array<{\n id: number;\n name: string;\n checkedIn: boolean;\n }>;\n}\n\nexport interface AnalyticsResponse {\n totalAttendees: number;\n totalCheckedIn: number;\n checkInsByDate: Array<{\n date: string;\n count: number;\n }>;\n recentCheckIns: Array<{\n attendeeName: string;\n checkedInAt: string;\n }>;\n}\n\n// CSV parsing utility types\nexport interface CSVParseResult {\n attendees: AttendeeData[];\n errors: string[];\n totalRows: number;\n validRows: number;\n}\n\n// Add attendee request/response types\nexport interface AddAttendeeRequest {\n password: [REDACTED:password];\n name: string;\n external_id?: string;\n}\n\nexport interface AddAttendeeResponse {\n success: boolean;\n attendee: {\n id: number;\n name: string;\n external_id?: string;\n event_id: number;\n };\n}",[],[315,321],[315],{"_104":330,"_96":331,"_156":332,"_158":-5,"_159":141,"_160":194,"_162":118,"_106":333,"_101":32,"_164":184,"_166":334,"_167":22,"_168":-5,"_169":335,"_99":336},"24f49468-5dcc-11f0-990d-0224a6c84d84",".vtignore","901592b5-6995-4c7d-9998-1a9a3494fa4f",["D",1752179182252],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[],[331],{"_104":338,"_96":339,"_156":340,"_158":-5,"_159":141,"_160":341,"_162":118,"_106":342,"_101":253,"_164":184,"_166":343,"_167":22,"_168":-5,"_169":344,"_99":345},"c835a950-5ddb-11f0-93b2-0224a6c84d84","AGENT.md","5c0f5147-120c-4773-8a71-12c12610be9d",55,["D",1752185898619],"# Agent Configuration for Event Check-In System\n\n## Commands\n- **No explicit test/lint commands** - Val Town platform handles these automatically\n- **Development**: Val Town auto-deploys on changes, no local build needed\n- **Database**: SQLite migrations run automatically on startup in backend/index.ts\n\n## Architecture\n- **Val Town Project**: Deno-based event check-in system with React frontend\n- **Backend**: Hono API server (backend/index.ts) handling event management and check-ins\n- **Frontend**: React 18.2.0 with TypeScript (frontend/index.tsx, components/)\n- **Database**: SQLite with events_4, attendees_4, checkins_4, and sessions_2 tables\n- **Features**: Password-protected event creation, CSV attendee upload, fuzzy search, analytics\n- **Shared**: TypeScript types and utilities (shared/types.ts)\n\n## Core Functionality\n- **Event Management**: Create events with attendee lists via CSV upload\n- **Check-In Process**: Attendees find their name using fuzzy search and check in with one click\n- **Analytics**: Track check-in rates, date-based charts, export data as CSV\n- **Security**: Password protection for event management, multiple check-in tracking\n\n## Code Style (from .cursorrules)\n- **Language**: TypeScript/TSX with React 18.2.0\n- **Imports**: Use `https://esm.sh` for npm packages, pin React to 18.2.0\n- **Types**: Add TypeScript types for all data structures\n- **Secrets**: Always use environment variables, never hardcode secrets\n- **JSX**: Start React files with `/** @jsxImportSource https://esm.sh/react@18.2.0 */`\n- **Styling**: Default to TailwindCSS via CDN script tag\n- **Error Handling**: Let errors bubble up with context, avoid empty catch blocks\n- **Database**: Change table names (e.g., _3, _4) when modifying schemas instead of ALTER TABLE\n- **Platform**: Use Val Town utils for file operations (readFile, serveFile)\n- **SQLite**: ALWAYS handle query results properly - use `result.rows || result` pattern to access data\n - WRONG: `const result = await sqlite.execute(query); result[0].column`\n - CORRECT: `const rawResult = await sqlite.execute(query); const result = rawResult.rows || rawResult; result[0].column`\n",[],[339],{"_104":347,"_96":348,"_156":349,"_158":-5,"_159":141,"_160":350,"_162":118,"_106":351,"_101":194,"_164":184,"_166":352,"_167":22,"_168":-5,"_169":353,"_99":354},"f038ccde-5dd1-11f0-9064-0224a6c84d84","BRAND_STYLE_GUIDE.md","f62e1973-51a2-4b2d-8b12-9f0b8f854b28",18,["D",1752181670818],"# Brand Style Guide\n## Rust NYC Discord Bot - Talk Submission System\n\n### Overview\nA nostalgic minimal, slightly technical theme that evokes the feeling of early computing interfaces while maintaining modern usability and accessibility.\n\n### Typography\n- **Headings**: Instrument Serif (Google Web Fonts) - Elegant, slightly humanistic serif for warmth\n- **Body Text**: System monospace stack for technical authenticity\n- **Code/Data**: Monospace for technical content and data display\n\n### Color Palette\n```\n// Primary - Muted technical grays and warm accents\n--bg-primary: #f8f9fa // Soft off-white background\n--bg-secondary: #e9ecef // Subtle gray for cards\n--bg-tertiary: #dee2e6 // Light gray for inputs\n\n--text-primary: #2d3748 // Dark gray for primary text\n--text-secondary: #4a5568 // Medium gray for secondary text\n--text-muted: #718096 // Light gray for muted text\n\n--accent-primary: #d69e2e // Warm amber for primary actions\n--accent-secondary: #b7791f // Darker amber for hover states\n--accent-subtle: #faf089 // Light amber for subtle highlights\n\n--border-default: #cbd5e0 // Default border color\n--border-focus: #d69e2e // Amber focus borders\n\n// Status colors\n--success: #38a169 // Muted green\n--error: #e53e3e // Muted red\n--warning: #dd6b20 // Muted orange\n--info: #3182ce // Muted blue\n```\n\n### Layout & Spacing\n- **Container**: Max-width 480px for mobile-first, intimate feel\n- **Spacing Scale**: 4px base unit (4, 8, 12, 16, 24, 32, 48, 64)\n- **Border Radius**: 4px for subtle roundness\n- **Borders**: 1px solid borders throughout\n\n### Components\n\n#### Cards\n- Background: `--bg-secondary`\n- Border: 1px solid `--border-default`\n- Padding: 24px\n- Border radius: 4px\n- Subtle drop shadow\n\n#### Forms\n- Input borders: 1px solid `--border-default`\n- Focus state: 2px solid `--accent-primary`\n- Monospace font for consistency\n- Generous padding (12px)\n\n#### Buttons\n- Primary: `--accent-primary` background, `--text-primary` (dark) text\n- Secondary: `--bg-tertiary` background, `--text-primary` (dark) text\n- Padding: 12px 24px\n- Border radius: 4px\n- Monospace font\n- **Critical**: Never use white text on amber backgrounds - poor contrast and accessibility\n\n#### Typography Scale\n- H1: 24px / text-2xl (primary headings)\n- H2: 20px / text-xl (section headings) \n- H3: 18px / text-lg (subsection headings)\n- Body: 14px / text-sm (main content)\n- Small: 12px / text-xs (captions, metadata)\n\n**Important**: All headings using Instrument Serif (.font-heading) must be sized at text-2xl (24px) or larger to ensure proper readability and visual hierarchy. The serif font performs best at larger sizes and maintains the technical aesthetic when prominently displayed.\n\n### Design Principles\n1. **Functional Beauty**: Every element serves a purpose\n2. **Technical Authenticity**: Embrace monospace and structured layouts\n3. **Nostalgic Warmth**: Subtle amber accents and serif headings\n4. **Accessibility First**: High contrast, clear focus states\n5. **Mobile Responsive**: Single-column layouts, touch-friendly sizing\n\n### Implementation Notes\n- Use CSS custom properties for consistency\n- Maintain semantic HTML structure\n- Progressive enhancement approach\n- Dark mode consideration for future iterations\n",[],[348],{"_104":356,"_96":357,"_156":358,"_158":-5,"_159":141,"_160":359,"_162":118,"_106":360,"_101":263,"_164":184,"_166":361,"_167":22,"_168":-5,"_169":362,"_99":363},"565b5050-5ddb-11f0-8e47-0224a6c84d84","ON_SITE_REGISTRATION_FEATURE.md","400d16a6-5dd8-11f0-90bc-0224a6c84d84",52,["D",1752185706987],"# On-Site Registration Feature\n\n## Overview\nAllow event creators to enable on-site registration where attendees can register themselves at the event venue.\n\n## Acceptance Criteria\n\n### Event Configuration\n- [ ] Add checkbox \"Enable on-site registration\" to EventCreation form\n- [ ] Store `allow_onsite_registration` boolean field in Event table (consider migrations correctly)\n- [ ] Default to `false` for new events\n\n### API Changes\n- [ ] Update `CreateEventRequest` type to include `allowOnsiteRegistration?: boolean`\n- [ ] Modify POST `/api/events` endpoint to accept and store new field\n- [ ] Update Event interface to include `allow_onsite_registration: boolean`\n\n### Registration Form\n- [ ] Add GET `/api/:eventId/signup` endpoint returning event name and registration status\n- [ ] Add POST `/api/:eventId/signup` endpoint accepting `{ name: string }`\n- [ ] Only show registration form if `allow_onsite_registration` is true\n- [ ] Create new attendee record with `external_id` set to \"onsite-{timestamp}\"\n\n### Frontend Changes\n- [ ] Create OnSiteRegistration component with name input and submit button\n- [ ] Display registration form on event page when enabled\n- [ ] Show success message after registration\n- [ ] Add validation for duplicate names (case-insensitive)\n\n### Database Schema\n- [ ] Add `allow_onsite_registration` column to events table (default false) (consider migrations carefully)\n- [ ] No changes to attendees or checkins tables required\n\n## Technical Notes\n- Use existing attendee flow for check-in after registration\n- Leverage existing fuzzy search for finding registered attendees\n- Maintain password protection for event management features\n",[],[357],{"_104":365,"_96":366,"_156":367,"_158":-5,"_159":141,"_160":368,"_162":118,"_106":369,"_101":370,"_164":184,"_166":371,"_167":22,"_168":-5,"_169":372,"_99":373},"56281e92-5ddb-11f0-bd48-0224a6c84d84","README.md","42873017-f980-4b1a-888b-d23c1db6f951",51,["D",1752185706986],6,"# Event Check-in System\n\nA complete event check-in system for managing attendee sign-ins with secure name verification.\n\n## Features\n\n- **Event Management**: Create events with attendee lists and password protection\n- **Secure Check-in**: Fuzzy search-based sign-in with name verification\n- **Analytics Dashboard**: Track check-ins with date-based analytics\n- **CSV Import/Export**: Import attendee lists and export check-in data\n- **Responsive UI**: Clean, modern interface built with React and TailwindCSS\n\n## How It Works\n\n1. **Event Creation**: Organizers create events with attendee lists via CSV upload\n2. **Attendee Sign-in**: Attendees use fuzzy search to find and check in with their names\n3. **Data Tracking**: System tracks all check-ins with timestamps\n4. **Analytics**: Organizers can view check-in analytics and export data\n5. **Security**: No sensitive information exposed, password-protected management\n\n## Project Structure\n\n```\n├── backend/\n│ └── index.ts # Main API server with Hono\n├── frontend/\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # React app entry point\n│ └── components/\n│ ├── App.tsx # Main app component\n│ ├── EventSignIn.tsx # Sign-in component with fuzzy search\n│ ├── EventManagement.tsx # Management dashboard\n│ └── EventCreation.tsx # Event creation form\n├── shared/\n│ └── types.ts # Shared TypeScript types\n└── README.md\n```\n\n## Setup\n\n### Environment Variables\n\nNo external API keys required for basic functionality. Optional Discord integration available for future features.\n\n### Database\n\nThe system uses SQLite with the following schema:\n\n```sql\n-- Events table\nCREATE TABLE events_N (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n password_hash TEXT NOT NULL,\n location TEXT,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n);\n\n-- Attendees table \nCREATE TABLE attendees_N (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n event_id INTEGER NOT NULL,\n name TEXT NOT NULL,\n external_id TEXT,\n FOREIGN KEY (event_id) REFERENCES events_2(id)\n);\n\n-- Check-ins table\nCREATE TABLE checkins_N (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n event_id INTEGER NOT NULL,\n attendee_id INTEGER NOT NULL,\n checked_in_at DATETIME DEFAULT CURRENT_TIMESTAMP,\n FOREIGN KEY (event_id) REFERENCES events_2(id),\n FOREIGN KEY (attendee_id) REFERENCES attendees_1(id)\n);\n```\n\n## API Endpoints\n\n- `POST /api/events` - Create a new event\n- `GET /api/:eventId` - Get event details (password protected)\n- `POST /api/:eventId/signin` - Sign in to an event\n- `GET /api/:eventId/attendees` - Get attendee list for sign-in (names only)\n- `GET /api/:eventId/analytics` - Get check-in analytics (password protected)\n- `GET /api/:eventId/export` - Export check-in data as CSV (password protected)\n\n## Routes\n\n- `/` - Home page with event creation\n- `/new` - Event creation form\n- `/:eventId/signin` - Event sign-in page\n- `/:eventId/manage` - Event management dashboard (password protected)\n\n## Usage\n\n### Creating an Event\n1. Navigate to the event creation page\n2. Enter event name, password, and location\n3. Upload a CSV file with attendee names\n4. System will parse the CSV and create the event\n\n### Attendee Sign-in\n1. Navigate to the event sign-in page\n2. Use fuzzy search to find your name\n3. Click to sign in\n4. Confirmation displayed\n\n### Event Management\n1. Navigate to the management page\n2. Enter event password\n3. View analytics and export data\n\n## CSV Format\n\nThe system accepts flexible CSV formats with attendee names. Common column headers recognized:\n- `name`, `Name`, `NAME`\n- `full_name`, `Full Name`, `FULL_NAME`\n- `first_name` + `last_name` (will be combined)\n- `given_name` + `family_name` (will be combined)\n\nAdditional columns like `id`, `email`, etc. are preserved but not displayed to attendees.\n\n## Tech Stack\n\n- **Backend**: Hono (API framework)\n- **Frontend**: React 18.2.0 with TypeScript\n- **Database**: SQLite\n- **Styling**: TailwindCSS\n- **Platform**: Val Town (Deno runtime)",[],[366],{"_104":375,"_96":376,"_156":377,"_158":-5,"_159":141,"_160":194,"_162":118,"_106":378,"_101":32,"_164":184,"_166":379,"_167":22,"_168":-5,"_169":380,"_99":381},"24f4a390-5dcc-11f0-990d-0224a6c84d84","deno.json","79824279-2b5e-4e34-91ae-01f282ccb99a",["D",1752179182252],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"files\": {\n \"include\": [\n \"deno:/https/esm.town/**/*\"\n ]\n },\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}",[],[376],{"_104":383,"_96":384,"_156":385,"_158":-5,"_159":141,"_160":194,"_162":118,"_106":386,"_101":32,"_164":203,"_166":73,"_167":22,"_168":-5,"_169":387,"_99":388},"24f4a624-5dcc-11f0-990d-0224a6c84d84","main.tsx","e023ccd1-1f70-4b8e-95a2-f4cee096c24a",["D",1752179182252],[],[384],"files",[153,171,178,190,197,207,216,227,233,239,248,257,267,276,286,296,304,313,319,329,337,346,355,364,374,382],"counts",{"_393":32,"_394":194,"_395":32,"_396":397},"pulls","branches","forks","envVars",{"_398":32,"_399":32},"count","emptyCount","contents",[],{"_104":287,"_96":288,"_156":289,"_158":236,"_159":141,"_160":290,"_162":118,"_106":403,"_101":282,"_164":203,"_166":292,"_167":22,"_168":-5,"_99":404},["D",1752185707057],[229,235,288],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_94":95,"_96":97,"_98":44,"_99":100,"_102":413,"_184":418,"_421":422,"_451":452,"_460":-7,"_461":32,"_462":22},{"_104":105,"_96":97,"_106":414,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":116,"_117":118,"_119":118,"_120":-5,"_121":32,"_16":122,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_23":415,"_135":416,"_138":417,"_150":22},["D",1752179182252],{"_94":95,"_133":134},{"_94":95,"_137":134,"_14":114},{"_101":140,"_96":44,"_104":141,"_142":105,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":97,"_149":95},{"_104":287,"_96":288,"_156":289,"_158":236,"_159":141,"_160":290,"_162":118,"_106":419,"_101":282,"_164":203,"_166":292,"_167":22,"_168":-5,"_99":420},["D",1752185707057],[229,235,288],"history",[423,425,430,436,441,446],{"_104":287,"_159":141,"_156":289,"_96":288,"_166":292,"_164":203,"_101":282,"_158":236,"_106":424,"_160":290,"_168":-5},["D",1752185707057],{"_104":426,"_159":141,"_156":289,"_96":288,"_166":427,"_164":203,"_101":253,"_158":236,"_106":428,"_160":429,"_168":-5},"2ac9fc26-5dda-11f0-b3ca-0224a6c84d84","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { AttendeeListResponse, SignInRequest, SignInResponse } from \"../../shared/types.ts\";\n\ninterface EventSignInProps {\n eventId: number;\n}\n\nexport default function EventSignIn({ eventId }: EventSignInProps) {\n const [attendees, setAttendees] = useState([]);\n const [searchTerm, setSearchTerm] = useState('');\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [signInResult, setSignInResult] = useState(null);\n const [isSigningIn, setIsSigningIn] = useState(false);\n const [showAll, setShowAll] = useState(false);\n\n useEffect(() => {\n loadAttendees();\n }, [eventId]);\n\n // Auto-dismiss success message after 3 seconds\n useEffect(() => {\n if (signInResult?.success) {\n const timer = setTimeout(() => {\n setSignInResult(null);\n }, 3000);\n return () => clearTimeout(timer);\n }\n }, [signInResult]);\n\n const loadAttendees = async () => {\n try {\n const response = await fetch(`/api/${eventId}/attendees`);\n if (!response.ok) throw new Error('Failed to load attendees');\n const data: AttendeeListResponse = await response.json();\n setAttendees(data.attendees);\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to load attendees');\n } finally {\n setLoading(false);\n }\n };\n\n const handleSignIn = async (attendeeId: number) => {\n setIsSigningIn(true);\n setSignInResult(null);\n \n try {\n const response = await fetch(`/api/${eventId}/signin`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ attendeeId } as SignInRequest)\n });\n \n if (!response.ok) throw new Error('Failed to sign in');\n \n const result: SignInResponse = await response.json();\n setSignInResult(result);\n \n // Refresh attendees to show updated status\n await loadAttendees();\n \n // Clear search after successful sign-in\n setSearchTerm('');\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to sign in');\n } finally {\n setIsSigningIn(false);\n }\n };\n\n // Simple fuzzy search with optional filtering of checked-in attendees\n const filteredAttendees = attendees.filter(attendee => {\n const matchesSearch = attendee.name.toLowerCase().includes(searchTerm.toLowerCase());\n const shouldShow = showAll || !attendee.checkedIn;\n return matchesSearch && shouldShow;\n });\n\n if (loading) {\n return (\n

Loading attendees...

\n );\n }\n\n if (error) {\n return (\n

{error}

\n { setError(null); loadAttendees(); }}\n className=\"px-4 py-2 bg-[var(--accent-primary)] text-[var(--text-primary)] font-mono rounded hover:bg-[var(--accent-secondary)]\"\n >\n Try Again\n \n

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

\n Event Check-In\n

\n\n\n\n

\n setSearchTerm(e.target.value)}\n className=\"w-full p-3 border border-[var(--border-default)] rounded-lg focus:outline-none focus:border-[var(--border-focus)]\"\n />\n \n

\n\n

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

\n {searchTerm ? 'No attendees found matching your search.' : 'No attendees found.'}\n

\n ) : (\n filteredAttendees.map(attendee => (\n \n

\n {attendee.name}\n

\n {attendee.checkedIn && (\n ✓ Already checked in\n )}\n

\n \n handleSignIn(attendee.id)}\n disabled={isSigningIn}\n className={`px-6 py-2 rounded-lg font-medium transition-colors ${\n attendee.checkedIn\n ? 'bg-[var(--bg-secondary)] text-[var(--text-muted)] hover:bg-[var(--bg-tertiary)]'\n : 'bg-[var(--accent-primary)] text-[var(--text-primary)] hover:bg-[var(--accent-secondary)]'\n } ${isSigningIn ? 'opacity-50 cursor-not-allowed' : ''}`}\n >\n {isSigningIn ? 'Signing In...' : attendee.checkedIn ? 'Check In Again' : 'Check In'}\n \n

\n ))\n )}\n

\n \n {/* Fixed bottom flash message */}\n {signInResult && (\n

\n {signInResult.success ? (\n <>\n

\n ✓ Welcome, {signInResult.attendeeName}!\n

\n setSignInResult(null)}\n className=\"text-green-600 hover:text-green-800 text-lg\"\n >\n ×\n \n

\n {signInResult.alreadySignedIn && (\n

\n Note: You were already signed in, but we've recorded this check-in too.\n

\n )}\n \n ) : (\n

Failed to sign in. Please try again.

\n setSignInResult(null)}\n className=\"text-red-600 hover:text-red-800 text-lg\"\n >\n ×\n \n

\n )}\n

\n )}\n \n );\n}\n",["D",1752185205042],45,{"_104":431,"_159":141,"_156":289,"_96":288,"_166":432,"_164":203,"_101":433,"_158":236,"_106":434,"_160":435,"_168":-5},"401c4630-5dd8-11f0-83fe-0224a6c84d84","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { AttendeeListResponse, SignInRequest, SignInResponse } from \"../../shared/types.ts\";\n\ninterface EventSignInProps {\n eventId: number;\n}\n\nexport default function EventSignIn({ eventId }: EventSignInProps) {\n const [attendees, setAttendees] = useState([]);\n const [searchTerm, setSearchTerm] = useState('');\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [signInResult, setSignInResult] = useState(null);\n const [isSigningIn, setIsSigningIn] = useState(false);\n const [dismissTimer, setDismissTimer] = useState(null);\n\n useEffect(() => {\n loadAttendees();\n }, [eventId]);\n\n // Cleanup timer on unmount\n useEffect(() => {\n return () => {\n if (dismissTimer) {\n clearTimeout(dismissTimer);\n }\n };\n }, [dismissTimer]);\n\n const loadAttendees = async () => {\n try {\n const response = await fetch(`/api/${eventId}/attendees`);\n if (!response.ok) throw new Error('Failed to load attendees');\n const data: AttendeeListResponse = await response.json();\n setAttendees(data.attendees);\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to load attendees');\n } finally {\n setLoading(false);\n }\n };\n\n const handleSignIn = async (attendeeId: number) => {\n setIsSigningIn(true);\n setSignInResult(null);\n \n try {\n const response = await fetch(`/api/${eventId}/signin`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ attendeeId } as SignInRequest)\n });\n \n if (!response.ok) throw new Error('Failed to sign in');\n \n const result: SignInResponse = await response.json();\n setSignInResult(result);\n \n // Set timer to dismiss welcome message and remove attendee from list\n if (result.success) {\n const timer = setTimeout(() => {\n setSignInResult(null);\n // Remove the attendee from the list by filtering them out\n setAttendees(prev => prev.filter(a => a.id !== attendeeId));\n }, 3000); // 3 seconds\n setDismissTimer(timer);\n }\n \n // Refresh attendees to show updated status\n await loadAttendees();\n \n // Clear search after successful sign-in\n setSearchTerm('');\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to sign in');\n } finally {\n setIsSigningIn(false);\n }\n };\n\n // Simple fuzzy search\n const filteredAttendees = attendees.filter(attendee =>\n attendee.name.toLowerCase().includes(searchTerm.toLowerCase())\n );\n\n if (loading) {\n return (\n

Loading attendees...

\n );\n }\n\n if (error) {\n return (\n

{error}

\n { setError(null); loadAttendees(); }}\n className=\"px-4 py-2 bg-[var(--accent-primary)] text-[var(--text-primary)] font-mono rounded hover:bg-[var(--accent-secondary)]\"\n >\n Try Again\n \n

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

\n Event Check-In\n

\n\n {signInResult && (\n

\n {signInResult.success ? (\n <>\n

\n ✓ Welcome, {signInResult.attendeeName}!\n

\n {signInResult.alreadySignedIn && (\n

\n Note: You were already signed in, but we've recorded this check-in too.\n

\n )}\n \n ) : (\n

Failed to sign in. Please try again.

\n )}\n

\n )}\n\n

\n setSearchTerm(e.target.value)}\n className=\"w-full p-3 border border-[var(--border-default)] rounded-lg focus:outline-none focus:border-[var(--border-focus)]\"\n />\n

\n\n

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

\n {searchTerm ? 'No attendees found matching your search.' : 'No attendees found.'}\n

\n ) : (\n filteredAttendees.map(attendee => (\n \n

\n {attendee.name}\n

\n {attendee.checkedIn && (\n ✓ Already checked in\n )}\n

\n \n handleSignIn(attendee.id)}\n disabled={isSigningIn}\n className={`px-6 py-2 rounded-lg font-medium transition-colors ${\n attendee.checkedIn\n ? 'bg-[var(--bg-secondary)] text-[var(--text-muted)] hover:bg-[var(--bg-tertiary)]'\n : 'bg-[var(--accent-primary)] text-[var(--text-primary)] hover:bg-[var(--accent-secondary)]'\n } ${isSigningIn ? 'opacity-50 cursor-not-allowed' : ''}`}\n >\n {isSigningIn ? 'Signing In...' : attendee.checkedIn ? 'Check In Again' : 'Check In'}\n \n

\n ))\n )}\n

\n \n );\n}\n",3,["D",1752184381830],43,{"_104":437,"_159":141,"_156":289,"_96":288,"_166":438,"_164":203,"_101":263,"_158":236,"_106":439,"_160":440,"_168":-5},"3e073bf0-5dd5-11f0-85a4-0224a6c84d84","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { AttendeeListResponse, SignInRequest, SignInResponse } from \"../../shared/types.ts\";\n\ninterface EventSignInProps {\n eventId: number;\n}\n\nexport default function EventSignIn({ eventId }: EventSignInProps) {\n const [attendees, setAttendees] = useState([]);\n const [searchTerm, setSearchTerm] = useState('');\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [signInResult, setSignInResult] = useState(null);\n const [isSigningIn, setIsSigningIn] = useState(false);\n\n useEffect(() => {\n loadAttendees();\n }, [eventId]);\n\n const loadAttendees = async () => {\n try {\n const response = await fetch(`/api/${eventId}/attendees`);\n if (!response.ok) throw new Error('Failed to load attendees');\n const data: AttendeeListResponse = await response.json();\n setAttendees(data.attendees);\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to load attendees');\n } finally {\n setLoading(false);\n }\n };\n\n const handleSignIn = async (attendeeId: number) => {\n setIsSigningIn(true);\n setSignInResult(null);\n \n try {\n const response = await fetch(`/api/${eventId}/signin`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ attendeeId } as SignInRequest)\n });\n \n if (!response.ok) throw new Error('Failed to sign in');\n \n const result: SignInResponse = await response.json();\n setSignInResult(result);\n \n // Refresh attendees to show updated status\n await loadAttendees();\n \n // Clear search after successful sign-in\n setSearchTerm('');\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to sign in');\n } finally {\n setIsSigningIn(false);\n }\n };\n\n // Simple fuzzy search\n const filteredAttendees = attendees.filter(attendee =>\n attendee.name.toLowerCase().includes(searchTerm.toLowerCase())\n );\n\n if (loading) {\n return (\n

Loading attendees...

\n );\n }\n\n if (error) {\n return (\n

{error}

\n { setError(null); loadAttendees(); }}\n className=\"px-4 py-2 bg-[var(--accent-primary)] text-[var(--text-primary)] font-mono rounded hover:bg-[var(--accent-secondary)]\"\n >\n Try Again\n \n

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

\n Event Check-In\n

\n\n {signInResult && (\n

\n {signInResult.success ? (\n <>\n

\n ✓ Welcome, {signInResult.attendeeName}!\n

\n {signInResult.alreadySignedIn && (\n

\n Note: You were already signed in, but we've recorded this check-in too.\n

\n )}\n \n ) : (\n

Failed to sign in. Please try again.

\n )}\n

\n )}\n\n

\n setSearchTerm(e.target.value)}\n className=\"w-full p-3 border border-[var(--border-default)] rounded-lg focus:outline-none focus:border-[var(--border-focus)]\"\n />\n

\n\n

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

\n {searchTerm ? 'No attendees found matching your search.' : 'No attendees found.'}\n

\n ) : (\n filteredAttendees.map(attendee => (\n \n

\n {attendee.name}\n

\n {attendee.checkedIn && (\n ✓ Already checked in\n )}\n

\n \n handleSignIn(attendee.id)}\n disabled={isSigningIn}\n className={`px-6 py-2 rounded-lg font-medium transition-colors ${\n attendee.checkedIn\n ? 'bg-[var(--bg-secondary)] text-[var(--text-muted)] hover:bg-[var(--bg-tertiary)]'\n : 'bg-[var(--accent-primary)] text-[var(--text-primary)] hover:bg-[var(--accent-secondary)]'\n } ${isSigningIn ? 'opacity-50 cursor-not-allowed' : ''}`}\n >\n {isSigningIn ? 'Signing In...' : attendee.checkedIn ? 'Check In Again' : 'Check In'}\n \n

\n ))\n )}\n

\n \n );\n}\n",["D",1752183089773],32,{"_104":442,"_159":141,"_156":289,"_96":288,"_166":443,"_164":203,"_101":194,"_158":236,"_106":444,"_160":445,"_168":-5},"17d28da6-5dd3-11f0-8f1a-0224a6c84d84","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { AttendeeListResponse, SignInRequest, SignInResponse } from \"../../shared/types.ts\";\n\ninterface EventSignInProps {\n eventId: number;\n}\n\nexport default function EventSignIn({ eventId }: EventSignInProps) {\n const [attendees, setAttendees] = useState([]);\n const [searchTerm, setSearchTerm] = useState('');\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [signInResult, setSignInResult] = useState(null);\n const [isSigningIn, setIsSigningIn] = useState(false);\n\n useEffect(() => {\n loadAttendees();\n }, [eventId]);\n\n const loadAttendees = async () => {\n try {\n const response = await fetch(`/api/events/${eventId}/attendees`);\n if (!response.ok) throw new Error('Failed to load attendees');\n const data: AttendeeListResponse = await response.json();\n setAttendees(data.attendees);\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to load attendees');\n } finally {\n setLoading(false);\n }\n };\n\n const handleSignIn = async (attendeeId: number) => {\n setIsSigningIn(true);\n setSignInResult(null);\n \n try {\n const response = await fetch(`/api/events/${eventId}/signin`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ attendeeId } as SignInRequest)\n });\n \n if (!response.ok) throw new Error('Failed to sign in');\n \n const result: SignInResponse = await response.json();\n setSignInResult(result);\n \n // Refresh attendees to show updated status\n await loadAttendees();\n \n // Clear search after successful sign-in\n setSearchTerm('');\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to sign in');\n } finally {\n setIsSigningIn(false);\n }\n };\n\n // Simple fuzzy search\n const filteredAttendees = attendees.filter(attendee =>\n attendee.name.toLowerCase().includes(searchTerm.toLowerCase())\n );\n\n if (loading) {\n return (\n

Loading attendees...

\n );\n }\n\n if (error) {\n return (\n

{error}

\n { setError(null); loadAttendees(); }}\n className=\"px-4 py-2 bg-[var(--accent-primary)] text-[var(--text-primary)] font-mono rounded hover:bg-[var(--accent-secondary)]\"\n >\n Try Again\n \n

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

\n Event Check-In\n

\n\n {signInResult && (\n

\n {signInResult.success ? (\n <>\n

\n ✓ Welcome, {signInResult.attendeeName}!\n

\n {signInResult.alreadySignedIn && (\n

\n Note: You were already signed in, but we've recorded this check-in too.\n

\n )}\n \n ) : (\n

Failed to sign in. Please try again.

\n )}\n

\n )}\n\n

\n setSearchTerm(e.target.value)}\n className=\"w-full p-3 border border-[var(--border-default)] rounded-lg focus:outline-none focus:border-[var(--border-focus)]\"\n />\n

\n\n

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

\n {searchTerm ? 'No attendees found matching your search.' : 'No attendees found.'}\n

\n ) : (\n filteredAttendees.map(attendee => (\n \n

\n {attendee.name}\n

\n {attendee.checkedIn && (\n ✓ Already checked in\n )}\n

\n \n handleSignIn(attendee.id)}\n disabled={isSigningIn}\n className={`px-6 py-2 rounded-lg font-medium transition-colors ${\n attendee.checkedIn\n ? 'bg-[var(--bg-secondary)] text-[var(--text-muted)] hover:bg-[var(--bg-tertiary)]'\n : 'bg-[var(--accent-primary)] text-[var(--text-primary)] hover:bg-[var(--accent-secondary)]'\n } ${isSigningIn ? 'opacity-50 cursor-not-allowed' : ''}`}\n >\n {isSigningIn ? 'Signing In...' : attendee.checkedIn ? 'Check In Again' : 'Check In'}\n \n

\n ))\n )}\n

\n \n );\n}\n",["D",1752182166753],21,{"_104":447,"_159":141,"_156":289,"_96":288,"_166":448,"_164":203,"_101":32,"_158":236,"_106":449,"_160":450,"_168":-5},"2b067cbe-5dd0-11f0-bb26-0224a6c84d84","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { AttendeeListResponse, SignInRequest, SignInResponse } from \"../../shared/types.ts\";\n\ninterface EventSignInProps {\n eventId: number;\n}\n\nexport default function EventSignIn({ eventId }: EventSignInProps) {\n const [attendees, setAttendees] = useState([]);\n const [searchTerm, setSearchTerm] = useState('');\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [signInResult, setSignInResult] = useState(null);\n const [isSigningIn, setIsSigningIn] = useState(false);\n\n useEffect(() => {\n loadAttendees();\n }, [eventId]);\n\n const loadAttendees = async () => {\n try {\n const response = await fetch(`/api/events/${eventId}/attendees`);\n if (!response.ok) throw new Error('Failed to load attendees');\n const data: AttendeeListResponse = await response.json();\n setAttendees(data.attendees);\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to load attendees');\n } finally {\n setLoading(false);\n }\n };\n\n const handleSignIn = async (attendeeId: number) => {\n setIsSigningIn(true);\n setSignInResult(null);\n \n try {\n const response = await fetch(`/api/events/${eventId}/signin`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ attendeeId } as SignInRequest)\n });\n \n if (!response.ok) throw new Error('Failed to sign in');\n \n const result: SignInResponse = await response.json();\n setSignInResult(result);\n \n // Refresh attendees to show updated status\n await loadAttendees();\n \n // Clear search after successful sign-in\n setSearchTerm('');\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to sign in');\n } finally {\n setIsSigningIn(false);\n }\n };\n\n // Simple fuzzy search\n const filteredAttendees = attendees.filter(attendee =>\n attendee.name.toLowerCase().includes(searchTerm.toLowerCase())\n );\n\n if (loading) {\n return (\n

Loading attendees...

\n );\n }\n\n if (error) {\n return (\n

{error}

\n { setError(null); loadAttendees(); }}\n className=\"px-4 py-2 bg-[var(--accent-primary)] text-white rounded hover:bg-[var(--accent-secondary)]\"\n >\n Try Again\n \n

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

\n Event Check-In\n

\n\n {signInResult && (\n

\n {signInResult.success ? (\n <>\n

\n ✓ Welcome, {signInResult.attendeeName}!\n

\n {signInResult.alreadySignedIn && (\n

\n Note: You were already signed in, but we've recorded this check-in too.\n

\n )}\n \n ) : (\n

Failed to sign in. Please try again.

\n )}\n

\n )}\n\n

\n setSearchTerm(e.target.value)}\n className=\"w-full p-3 border border-[var(--border-default)] rounded-lg focus:outline-none focus:border-[var(--border-focus)]\"\n />\n

\n\n

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

\n {searchTerm ? 'No attendees found matching your search.' : 'No attendees found.'}\n

\n ) : (\n filteredAttendees.map(attendee => (\n \n

\n {attendee.name}\n

\n {attendee.checkedIn && (\n ✓ Already checked in\n )}\n

\n \n handleSignIn(attendee.id)}\n disabled={isSigningIn}\n className={`px-6 py-2 rounded-lg font-medium transition-colors ${\n attendee.checkedIn\n ? 'bg-[var(--bg-secondary)] text-[var(--text-muted)] hover:bg-[var(--bg-tertiary)]'\n : 'bg-[var(--accent-primary)] text-white hover:bg-[var(--accent-secondary)]'\n } ${isSigningIn ? 'opacity-50 cursor-not-allowed' : ''}`}\n >\n {isSigningIn ? 'Signing In...' : attendee.checkedIn ? 'Check In Again' : 'Check In'}\n \n

\n ))\n )}\n

\n \n );\n}\n",["D",1752180910323],17,"versions",[453,455,456,457,458,459],{"_184":423,"_454":425},"previous",{"_184":425,"_454":430},{"_184":430,"_454":436},{"_184":436,"_454":441},{"_184":441,"_454":446},{"_184":446,"_454":-5},"versionNumber","page","hasNext","actionData","errors"]

colel

rust-nyc-event-signin

History for EventSignIn.tsx