Admin Login

\n \n \n

\n );\n }\n\n const uniqueLocations = [...new Set(entries.map(entry => entry.location))];\n const uniqueInterestTypes = [...new Set(entries.map(entry => entry.interest_type))];\n\n const analytics = {\n totalEntries: entries.length,\n byLocation: entries.reduce((acc, entry) => {\n acc[entry.location] = (acc[entry.location] || 0) + 1;\n return acc;\n }, {} as Record),\n byInterestType: entries.reduce((acc, entry) => {\n acc[entry.interest_type] = (acc[entry.interest_type] || 0) + 1;\n return acc;\n }, {} as Record),\n };\n\n return (\n

Community Interest Admin

\n \n

\n\n {/* Analytics */}\n

Analytics

Total Entries

{analytics.totalEntries}

By Location

\n {Object.entries(analytics.byLocation).map(([location, count]) => (\n

\n {location}: {count}\n

\n ))}\n

By Interest Type

\n {Object.entries(analytics.byInterestType).map(([type, count]) => (\n

\n {type}: {count}\n

\n ))}\n

\n\n {/* Filters */}\n

Filters

\n Location:\n setLocationFilter(e.target.value)}\n className=\"input\"\n >\n \n {uniqueLocations.map(location => (\n \n ))}\n \n

\n Interest Type:\n setInterestTypeFilter(e.target.value)}\n className=\"input\"\n >\n \n {uniqueInterestTypes.map(type => (\n \n ))}\n \n

\n \n

\n\n {/* Entries Table */}\n

\n Entries ({entries.length})\n

\n {loading &&

Loading entries...

}\n {error &&

{error}

}\n {!loading && !error && (\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n {entries.map((entry) => (\n \n \n \n \n \n \n \n \n \n ))}\n \n

Name	Email	Phone	Location	Interest Type	Comments	Created
{entry.name}	{entry.email}	{entry.phone \|\| \"—\"}	{entry.location}	{entry.interest_type}	{entry.comments \|\| \"—\"}	\n {new Date(entry.created_at).toLocaleDateString()}\n

\n )}\n

\n );\n};\n\nexport default AdminDashboard;\n",[],[180,186,192],{"_102":201,"_95":202,"_152":203,"_154":187,"_155":137,"_156":136,"_157":158,"_104":204,"_99":205,"_160":196,"_162":206,"_163":22,"_164":-5,"_165":207,"_98":208},"159b25e4-5e9f-11f0-96ec-0224a6c84d84","App.tsx","70b1b136-60bb-4def-83e5-292ba94059ce",["D",1752269780331],8,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport TalkSubmissionForm from \"./TalkSubmissionForm.tsx\";\nimport SubmissionSuccess from \"./SubmissionSuccess.tsx\";\nimport LocationPage from \"./LocationPage.tsx\";\nimport AdminDashboard from \"./AdminDashboard.tsx\";\nimport HomePage from \"./HomePage.tsx\";\nimport MapPage from \"./MapPage.tsx\";\n\nexport interface SubmissionData {\n speakerName: string;\n talkContext: string;\n isOnBehalf: boolean;\n submitterName?: string;\n}\n\nexport interface SubmissionResult {\n success: boolean;\n submissionId: number;\n discordInviteLink: string;\n}\n\n// Location configuration\nconst LOCATIONS = {\n SF: { displayName: \"San Francisco\", coverImageUrl: \"https://images.unsplash.com/photo-1506905925346-21bda4d32df4?auto=format&fit=crop&w=1200&h=400\" },\n LA: { displayName: \"Los Angeles\", coverImageUrl: \"https://images.unsplash.com/photo-1444927714506-8492d94b5ba0?auto=format&fit=crop&w=1200&h=400\" },\n NYC: { displayName: \"New York City\", coverImageUrl: \"https://images.unsplash.com/photo-1496442226666-8d4d0e62e6e9?auto=format&fit=crop&w=1200&h=400\" },\n SEA: { displayName: \"Seattle\", coverImageUrl: \"https://images.unsplash.com/photo-1541737408-8aa67d5b5e33?auto=format&fit=crop&w=1200&h=400\" },\n BOS: { displayName: \"Boston\", coverImageUrl: \"https://images.unsplash.com/photo-1598300042247-d088f8ab3a91?auto=format&fit=crop&w=1200&h=400\" },\n CHI: { displayName: \"Chicago\", coverImageUrl: \"https://images.unsplash.com/photo-1494522358652-f30e61a60313?auto=format&fit=crop&w=1200&h=400\" },\n ATL: { displayName: \"Atlanta\", coverImageUrl: \"https://images.unsplash.com/photo-1486299267070-83823f5448dd?auto=format&fit=crop&w=1200&h=400\" },\n DEN: { displayName: \"Denver\", coverImageUrl: \"https://images.unsplash.com/photo-1619856699906-09e1f58c98b1?auto=format&fit=crop&w=1200&h=400\" },\n AUS: { displayName: \"Austin\", coverImageUrl: \"https://images.unsplash.com/photo-1531218150217-54595bc2b934?auto=format&fit=crop&w=1200&h=400\" },\n PDX: { displayName: \"Portland\", coverImageUrl: \"https://images.unsplash.com/photo-1565731162474-109efb75eabc?auto=format&fit=crop&w=1200&h=400\" },\n};\n\nexport default function App() {\n const [submissionResult, setSubmissionResult] = useState(null);\n const [isSubmitting, setIsSubmitting] = useState(false);\n const [error, setError] = useState(null);\n const [currentLocation, setCurrentLocation] = useState(null);\n const [showAdmin, setShowAdmin] = useState(false);\n const [showLegacy, setShowLegacy] = useState(false);\n const [showMap, setShowMap] = useState(false);\n\n useEffect(() => {\n const path = window.location.pathname;\n const locationCode = path.startsWith('/') ? path.slice(1) : path;\n const urlParams = new URLSearchParams(window.location.search);\n \n // Check for legacy parameter\n if (urlParams.get('legacy') === 'true') {\n setShowLegacy(true);\n return;\n }\n \n // Check for admin route\n if (locationCode === 'admin') {\n setShowAdmin(true);\n return;\n }\n \n // Check for map route\n if (locationCode === 'map') {\n setShowMap(true);\n return;\n }\n \n // Check if it's a valid location code\n if (locationCode && LOCATIONS[locationCode as keyof typeof LOCATIONS]) {\n setCurrentLocation(locationCode);\n }\n }, []);\n\n const handleSubmission = async (data: SubmissionData) => {\n setIsSubmitting(true);\n setError(null);\n\n try {\n const response = await fetch(\"/api/submissions\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(data),\n });\n\n const result = await response.json();\n\n if (!response.ok) {\n throw new Error(result.error || \"Failed to submit\");\n }\n\n setSubmissionResult(result);\n } catch (err) {\n setError(err instanceof Error ? err.message : \"An error occurred\");\n } finally {\n setIsSubmitting(false);\n }\n };\n\n const handleReset = () => {\n setSubmissionResult(null);\n setError(null);\n };\n\n const handleBackToHome = () => {\n setShowAdmin(false);\n setShowMap(false);\n window.history.pushState({}, '', '/');\n };\n\n // If map route, show map page\n if (showMap) {\n return (\n <>\n \n \n \n \n \n \n \n \n );\n }\n\n // If admin route, show admin dashboard\n if (showAdmin) {\n return (\n <>\n \n \n \n \n \n \n \n \n );\n }\n\n // If we have a valid location, render the LocationPage\n if (currentLocation && LOCATIONS[currentLocation as keyof typeof LOCATIONS]) {\n const locationConfig = LOCATIONS[currentLocation as keyof typeof LOCATIONS];\n return (\n <>\n \n \n \n \n \n \n \n \n );\n }\n\n // If legacy parameter is set, show talk submission form\n if (showLegacy) {\n return (\n <>\n \n \n \n \n \n \n

\n Rust Events - Talk Submissions\n

\n Submit your talk proposal and get connected with our organizers\n

\n\n {submissionResult ? (\n \n ) : (\n \n )}\n

\n \n );\n }\n\n // Default - show new HomePage\n return (\n <>\n \n \n \n \n \n \n \n \n );\n}",[],[180,186,202],{"_102":210,"_95":211,"_152":212,"_154":187,"_155":137,"_156":213,"_157":158,"_104":214,"_99":32,"_160":196,"_162":215,"_163":22,"_164":-5,"_165":216,"_98":217},"156e78b6-5d1c-11f0-9444-0224a6c84d84","CommunityInterestForm.tsx","156e7956-5d1c-11f0-9444-0224a6c84d84",3,["D",1752103564830],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { CommunityInterestRequest, CommunityInterestResponse } from \"../../shared/types.ts\";\n\ninterface CommunityInterestFormProps {\n location: string;\n onSuccess: (response: CommunityInterestResponse) => void;\n}\n\nexport default function CommunityInterestForm({ location, onSuccess }: CommunityInterestFormProps) {\n const [formData, setFormData] = useState({\n name: \"\",\n email: \"\",\n phone: \"\",\n interest_type: \"\",\n comments: \"\",\n location,\n });\n\n const [isSubmitting, setIsSubmitting] = useState(false);\n const [error, setError] = useState(null);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setIsSubmitting(true);\n setError(null);\n\n // Basic validation\n if (!formData.name.trim() || !formData.email.trim() || !formData.interest_type) {\n setError(\"Please fill in all required fields\");\n setIsSubmitting(false);\n return;\n }\n\n // Email validation\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n if (!emailRegex.test(formData.email)) {\n setError(\"Please enter a valid email address\");\n setIsSubmitting(false);\n return;\n }\n\n try {\n const response = await fetch(\"/api/community-interest\", {\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 throw new Error(result.error || \"Failed to submit interest\");\n }\n\n onSuccess(result);\n } catch (err) {\n setError(err instanceof Error ? err.message : \"An error occurred\");\n } finally {\n setIsSubmitting(false);\n }\n };\n\n const handleInputChange = (field: keyof CommunityInterestRequest, value: string) => {\n setFormData(prev => ({\n ...prev,\n [field]: value\n }));\n };\n\n const isFormValid = formData.name.trim() && \n formData.email.trim() && \n formData.interest_type;\n\n return (\n

\n {/* Full Name */}\n

\n \n Full Name *\n \n handleInputChange(\"name\", e.target.value)}\n className=\"w-full px-3 py-2 border border-[var(--border-default)] rounded bg-white font-mono text-sm focus:outline-none focus:border-[var(--accent-primary)] focus:border-2\"\n placeholder=\"Enter your full name\"\n disabled={isSubmitting}\n />\n

\n\n {/* Email Address */}\n

\n \n Email Address *\n \n handleInputChange(\"email\", e.target.value)}\n className=\"w-full px-3 py-2 border border-[var(--border-default)] rounded bg-white font-mono text-sm focus:outline-none focus:border-[var(--accent-primary)] focus:border-2\"\n placeholder=\"Enter your email address\"\n disabled={isSubmitting}\n />\n

\n\n {/* Phone Number */}\n

\n \n Phone Number (optional)\n \n handleInputChange(\"phone\", e.target.value)}\n className=\"w-full px-3 py-2 border border-[var(--border-default)] rounded bg-white font-mono text-sm focus:outline-none focus:border-[var(--accent-primary)] focus:border-2\"\n placeholder=\"Enter your phone number\"\n disabled={isSubmitting}\n />\n

\n\n {/* Interest Type */}\n

\n \n Interest Type *\n \n handleInputChange(\"interest_type\", e.target.value)}\n className=\"w-full px-3 py-2 border border-[var(--border-default)] rounded bg-white font-mono text-sm focus:outline-none focus:border-[var(--accent-primary)] focus:border-2\"\n disabled={isSubmitting}\n >\n \n \n \n \n \n

\n\n {/* Comments */}\n

\n \n Additional Comments (optional)\n \n handleInputChange(\"comments\", e.target.value)}\n className=\"w-full px-3 py-2 border border-[var(--border-default)] rounded bg-white font-mono text-sm focus:outline-none focus:border-[var(--accent-primary)] focus:border-2\"\n placeholder=\"Share any additional thoughts, questions, or specific interests...\"\n disabled={isSubmitting}\n />\n

\n\n {/* Error Message */}\n {error && (\n

\n ⚠\n

{error}

\n )}\n\n {/* Submit Button */}\n

\n \n {isSubmitting ? (\n <>\n \n Submitting...\n \n ) : (\n \"Submit Interest\"\n )}\n \n

\n\n

\n We'll keep you updated on upcoming events and opportunities in {location}.\n

\n );\n}\n",[],[180,186,211],{"_102":219,"_95":220,"_152":221,"_154":187,"_155":137,"_156":222,"_157":158,"_104":223,"_99":32,"_160":196,"_162":224,"_163":22,"_164":-5,"_165":225,"_98":226},"e89cde48-5d1d-11f0-9a65-0224a6c84d84","CommunityInterestSection.tsx","e89cdf24-5d1d-11f0-9a65-0224a6c84d84",16,["D",1752104348647],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\n// Location configuration from App.tsx\nconst LOCATIONS = {\n SF: { displayName: \"San Francisco\", coverImageUrl: \"https://images.unsplash.com/photo-1506905925346-21bda4d32df4?auto=format&fit=crop&w=1200&h=400\" },\n LA: { displayName: \"Los Angeles\", coverImageUrl: \"https://images.unsplash.com/photo-1444927714506-8492d94b5ba0?auto=format&fit=crop&w=1200&h=400\" },\n NYC: { displayName: \"New York City\", coverImageUrl: \"https://images.unsplash.com/photo-1496442226666-8d4d0e62e6e9?auto=format&fit=crop&w=1200&h=400\" },\n SEA: { displayName: \"Seattle\", coverImageUrl: \"https://images.unsplash.com/photo-1541737408-8aa67d5b5e33?auto=format&fit=crop&w=1200&h=400\" },\n BOS: { displayName: \"Boston\", coverImageUrl: \"https://images.unsplash.com/photo-1598300042247-d088f8ab3a91?auto=format&fit=crop&w=1200&h=400\" },\n CHI: { displayName: \"Chicago\", coverImageUrl: \"https://images.unsplash.com/photo-1494522358652-f30e61a60313?auto=format&fit=crop&w=1200&h=400\" },\n ATL: { displayName: \"Atlanta\", coverImageUrl: \"https://images.unsplash.com/photo-1486299267070-83823f5448dd?auto=format&fit=crop&w=1200&h=400\" },\n DEN: { displayName: \"Denver\", coverImageUrl: \"https://images.unsplash.com/photo-1619856699906-09e1f58c98b1?auto=format&fit=crop&w=1200&h=400\" },\n AUS: { displayName: \"Austin\", coverImageUrl: \"https://images.unsplash.com/photo-1531218150217-54595bc2b934?auto=format&fit=crop&w=1200&h=400\" },\n PDX: { displayName: \"Portland\", coverImageUrl: \"https://images.unsplash.com/photo-1565731162474-109efb75eabc?auto=format&fit=crop&w=1200&h=400\" },\n};\n\nconst CommunityInterestSection: React.FC = () => {\n const locationEntries = Object.entries(LOCATIONS);\n\n return (\n

Start a Community

\n Don't see your city? Express interest in starting a new Rust community in your area.\n

\n\n

\n {locationEntries.map(([code, config]) => (\n

{config.displayName}

\n Interested in organizing or attending Rust events in {config.displayName}?\n

\n \n Express Interest\n \n

\n ))}\n

\n\n

What happens next?

Submit your interest and contact information
We'll connect you with others interested in your area
Get support and resources for starting a new meetup
Join a network of Rust community organizers

\n );\n};\n\nexport default CommunityInterestSection;\n",[],[180,186,220],{"_102":228,"_95":229,"_152":230,"_154":187,"_155":137,"_156":231,"_157":158,"_104":232,"_99":117,"_160":196,"_162":233,"_163":22,"_164":-5,"_165":234,"_98":235},"1594ad36-5e9f-11f0-9697-0224a6c84d84","HomePage.tsx","eef6c286-5d1d-11f0-8eaa-0224a6c84d84",25,["D",1752269780326],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport MeetupDirectory from \"./MeetupDirectory.tsx\";\nimport CommunityInterestSection from \"./CommunityInterestSection.tsx\";\n\nconst HomePage: React.FC = () => {\n return (\n

Rust Community Hub

\n Find local Rust meetups, connect with communities, and help grow the Rust ecosystem\n

\n\n

\n \n

\n\n

\n \n

\n\n

Explore the Map

\n See all Rust meetups across North America on our interactive map.\n

\n \n View Map\n \n

\n \n

For Organizers

\n Are you organizing a Rust meetup or community? We'd love to include you in our directory.\n

\n \n Admin Dashboard\n \n

\n );\n};\n\nexport default HomePage;\n",[],[180,186,229],{"_102":237,"_95":238,"_152":239,"_154":187,"_155":137,"_156":240,"_157":158,"_104":241,"_99":32,"_160":196,"_162":242,"_163":22,"_164":-5,"_165":243,"_98":244},"156b72e2-5d1c-11f0-a7d6-0224a6c84d84","LocationPage.tsx","156b73d2-5d1c-11f0-a7d6-0224a6c84d84",2,["D",1752103564827],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport CommunityInterestForm from \"./CommunityInterestForm.tsx\";\nimport type { CommunityInterestResponse } from \"../../shared/types.ts\";\n\ninterface LocationPageProps {\n location: string;\n displayName: string;\n coverImageUrl?: string;\n}\n\nexport default function LocationPage({ location, displayName, coverImageUrl }: LocationPageProps) {\n const [submissionResult, setSubmissionResult] = useState(null);\n\n const handleSuccess = (result: CommunityInterestResponse) => {\n setSubmissionResult(result);\n };\n\n const handleReset = () => {\n setSubmissionResult(null);\n };\n\n return (\n

\n {/* Hero Section with Cover Image */}\n

\n {coverImageUrl && (\n \n )}\n \n {/* Overlay for better text readability */}\n

\n \n {/* Hero Content */}\n

\n Rust {displayName}\n

\n Join our growing community of Rustaceans\n

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

\n {submissionResult ? (\n // Success State\n

\n \n

\n Thank you for your interest!\n

\n We've received your submission and will keep you updated on upcoming events and opportunities in {displayName}.\n

\n \n

\n What's next?\n

• We'll reach out when we have events planned
• Organizers will be contacted first for planning
• Keep an eye on your email for updates

\n \n \n Submit another interest\n \n

\n ) : (\n // Form State\n <>\n

\n Get Involved\n

\n Whether you want to organize events, attend them, or both - we'd love to hear from you!\n

\n \n \n \n )}\n

\n );\n}\n",[],[180,186,238],{"_102":246,"_95":247,"_152":248,"_154":187,"_155":137,"_156":249,"_157":158,"_104":250,"_99":32,"_160":196,"_162":251,"_163":22,"_164":-5,"_165":252,"_98":253},"1569f460-5e9f-11f0-82eb-0224a6c84d84","MapPage.tsx","1569f514-5e9f-11f0-82eb-0224a6c84d84",23,["D",1752269780041],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\n\ninterface MeetupLocation {\n id: string;\n name: string;\n city: string;\n state: string;\n country: string;\n x: number; // SVG coordinates\n y: number; // SVG coordinates\n status: 'active' | 'forming' | 'planned';\n memberCount?: number;\n nextMeetup?: string;\n website?: string;\n}\n\nconst MEETUP_DATA: MeetupLocation[] = [\n {\n id: 'sf',\n name: 'Rust San Francisco',\n city: 'San Francisco',\n state: 'CA',\n country: 'USA',\n x: 95,\n y: 280,\n status: 'active',\n memberCount: 2400,\n nextMeetup: '2025-01-15',\n website: 'https://rustlangsf.com'\n },\n {\n id: 'la',\n name: 'Rust Los Angeles',\n city: 'Los Angeles',\n state: 'CA',\n country: 'USA',\n x: 130,\n y: 320,\n status: 'active',\n memberCount: 1800,\n nextMeetup: '2025-01-18',\n website: 'https://rustla.org'\n },\n {\n id: 'nyc',\n name: 'Rust NYC',\n city: 'New York',\n state: 'NY',\n country: 'USA',\n x: 480,\n y: 240,\n status: 'active',\n memberCount: 3200,\n nextMeetup: '2025-01-20',\n website: 'https://rustnyc.com'\n },\n {\n id: 'sea',\n name: 'Seattle Rust Meetup',\n city: 'Seattle',\n state: 'WA',\n country: 'USA',\n x: 120,\n y: 180,\n status: 'active',\n memberCount: 1600,\n nextMeetup: '2025-01-22',\n website: 'https://seattlerust.com'\n },\n {\n id: 'bos',\n name: 'Boston Rust',\n city: 'Boston',\n state: 'MA',\n country: 'USA',\n x: 500,\n y: 230,\n status: 'active',\n memberCount: 1200,\n nextMeetup: '2025-01-25',\n website: 'https://bostonrust.com'\n },\n {\n id: 'chi',\n name: 'Chicago Rust',\n city: 'Chicago',\n state: 'IL',\n country: 'USA',\n x: 390,\n y: 260,\n status: 'active',\n memberCount: 1400,\n nextMeetup: '2025-01-28',\n website: 'https://chicagorust.com'\n },\n {\n id: 'atl',\n name: 'Atlanta Rust',\n city: 'Atlanta',\n state: 'GA',\n country: 'USA',\n x: 430,\n y: 330,\n status: 'forming',\n memberCount: 800,\n website: 'https://atlantarust.com'\n },\n {\n id: 'den',\n name: 'Denver Rust',\n city: 'Denver',\n state: 'CO',\n country: 'USA',\n x: 300,\n y: 290,\n status: 'active',\n memberCount: 900,\n nextMeetup: '2025-02-01',\n website: 'https://denverrust.com'\n },\n {\n id: 'aus',\n name: 'Austin Rust',\n city: 'Austin',\n state: 'TX',\n country: 'USA',\n x: 320,\n y: 350,\n status: 'active',\n memberCount: 1100,\n nextMeetup: '2025-02-03',\n website: 'https://austinrust.com'\n },\n {\n id: 'pdx',\n name: 'Portland Rust',\n city: 'Portland',\n state: 'OR',\n country: 'USA',\n x: 110,\n y: 200,\n status: 'active',\n memberCount: 800,\n nextMeetup: '2025-02-05',\n website: 'https://portlandrust.com'\n },\n {\n id: 'tor',\n name: 'Toronto Rust',\n city: 'Toronto',\n state: 'ON',\n country: 'Canada',\n x: 440,\n y: 200,\n status: 'active',\n memberCount: 1500,\n nextMeetup: '2025-02-08',\n website: 'https://torontorust.com'\n },\n {\n id: 'van',\n name: 'Vancouver Rust',\n city: 'Vancouver',\n state: 'BC',\n country: 'Canada',\n x: 140,\n y: 150,\n status: 'forming',\n memberCount: 600,\n website: 'https://vancouverrust.com'\n },\n {\n id: 'mtl',\n name: 'Montreal Rust',\n city: 'Montreal',\n state: 'QC',\n country: 'Canada',\n x: 470,\n y: 190,\n status: 'planned',\n memberCount: 300,\n website: 'https://montrealrust.com'\n }\n];\n\nexport default function MapPage() {\n const [selectedMeetup, setSelectedMeetup] = useState(null);\n const [hoveredMeetup, setHoveredMeetup] = useState(null);\n\n const handleMeetupClick = (meetup: MeetupLocation) => {\n setSelectedMeetup(meetup);\n };\n\n const handleMapClick = (e: React.MouseEvent) => {\n if (e.target === e.currentTarget) {\n setSelectedMeetup(null);\n }\n };\n\n const getStatusColor = (status: string) => {\n switch (status) {\n case 'active': return '#38a169';\n case 'forming': return '#dd6b20';\n case 'planned': return '#3182ce';\n default: return '#718096';\n }\n };\n\n const getStatusText = (status: string) => {\n switch (status) {\n case 'active': return 'Active';\n case 'forming': return 'Forming';\n case 'planned': return 'Planned';\n default: return 'Unknown';\n }\n };\n\n return (\n

\n Rust Meetups Map\n

\n Discover Rust meetups across North America. Click on any location to learn more about the local community.\n

\n\n

\n {/* Map Container */}\n

\n \n

\n\n {/* Sidebar */}\n

\n {/* Legend */}\n

\n Legend\n

\n Active\n

\n Forming\n

\n Planned\n

\n\n {/* Meetup Details */}\n {selectedMeetup && (\n

\n {selectedMeetup.name}\n

\n {selectedMeetup.city}, {selectedMeetup.state}, {selectedMeetup.country}\n

\n {getStatusText(selectedMeetup.status)}\n

\n \n {selectedMeetup.memberCount && (\n

\n Members: {selectedMeetup.memberCount.toLocaleString()}\n

\n )}\n \n {selectedMeetup.nextMeetup && (\n

\n Next Meetup: {new Date(selectedMeetup.nextMeetup).toLocaleDateString()}\n

\n )}\n \n {selectedMeetup.website && (\n

\n e.currentTarget.style.backgroundColor = 'var(--accent-secondary)'}\n onMouseLeave={(e) => e.currentTarget.style.backgroundColor = 'var(--accent-primary)'}\n >\n Visit Website\n \n

\n )}\n

\n )}\n\n {/* Instructions */}\n

\n How to Use\n

Click on any meetup location to see details
Hover over points to see city names
Visit meetup websites to join or learn more

\n\n {/* Statistics */}\n

\n {MEETUP_DATA.length}\n

\n Total Meetups\n

\n \n

\n {MEETUP_DATA.filter(m => m.status === 'active').length}\n

\n Active Communities\n

\n \n

\n {MEETUP_DATA.reduce((sum, m) => sum + (m.memberCount || 0), 0).toLocaleString()}\n

\n Total Members\n

\n );\n}\n",[],[180,186,247],{"_102":255,"_95":256,"_152":257,"_154":187,"_155":137,"_156":258,"_157":158,"_104":259,"_99":32,"_160":196,"_162":260,"_163":22,"_164":-5,"_165":261,"_98":262},"daee4eb2-5d1d-11f0-870a-0224a6c84d84","MeetupDirectory.tsx","daee4f48-5d1d-11f0-870a-0224a6c84d84",15,["D",1752104325692],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { RUST_MEETUPS, ACTIVE_MEETUPS, MEETUPS_BY_REGION, MeetupGroup } from \"../../shared/meetups.ts\";\n\ninterface MeetupDirectoryProps {\n showOnlyActive?: boolean;\n}\n\nconst MeetupDirectory: React.FC = ({ showOnlyActive = true }) => {\n const [selectedRegion, setSelectedRegion] = useState(null);\n const [showInactive, setShowInactive] = useState(!showOnlyActive);\n\n const meetupsToShow = showInactive ? RUST_MEETUPS : ACTIVE_MEETUPS;\n const regions = Object.keys(MEETUPS_BY_REGION);\n\n const filteredMeetups = selectedRegion\n ? meetupsToShow.filter(meetup => meetup.region === selectedRegion)\n : meetupsToShow;\n\n const MeetupCard: React.FC<{ meetup: MeetupGroup }> = ({ meetup }) => (\n

\n \n {meetup.name}\n \n

\n {meetup.city}, {meetup.state}\n

\n {meetup.isActive ? '🟢 Active' : '🔴 Inactive'}\n

\n \n

\n Platform: {meetup.platform}\n

\n Members: {meetup.members > 0 ? meetup.members.toLocaleString() : 'Unknown'}\n

\n Frequency: {meetup.frequency}\n

\n Last Activity: {meetup.lastActivity}\n

\n \n

\n {meetup.description}\n

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

Rust Meetups & Communities

\n A directory of active Rust programming meetups and user groups across the United States\n

\n\n

\n Filter by region:\n setSelectedRegion(e.target.value || null)}\n className=\"input\"\n >\n \n {regions.map(region => (\n \n ))}\n \n

\n\n

\n \n setShowInactive(e.target.checked)}\n className=\"checkbox\"\n />\n Show inactive groups\n \n

\n\n

\n {ACTIVE_MEETUPS.length}\n Active Groups\n

\n {RUST_MEETUPS.length}\n Total Groups\n

\n \n {ACTIVE_MEETUPS.reduce((sum, meetup) => sum + meetup.members, 0).toLocaleString()}\n \n Total Members\n

\n\n

\n {filteredMeetups.map(meetup => (\n \n ))}\n

\n\n {filteredMeetups.length === 0 && (\n

No meetups found for the selected filters.

\n )}\n

\n );\n};\n\nexport default MeetupDirectory;\n",[],[180,186,256],{"_102":264,"_95":265,"_152":266,"_154":187,"_155":137,"_156":117,"_157":158,"_104":267,"_99":32,"_160":196,"_162":268,"_163":22,"_164":-5,"_165":269,"_98":270},"a4bda4de-5d11-11f0-a756-0224a6c84d84","SubmissionSuccess.tsx","d3cf0633-234d-4351-9f3d-338975fa91c4",["D",1752099080759],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { SubmissionResult } from \"./App.tsx\";\n\ninterface SubmissionSuccessProps {\n result: SubmissionResult;\n onReset: () => void;\n}\n\nexport default function SubmissionSuccess({ result, onReset }: SubmissionSuccessProps) {\n const copyInviteLink = async () => {\n try {\n await navigator.clipboard.writeText(result.discordInviteLink);\n // Could add a toast notification here\n } catch (err) {\n console.error(\"Failed to copy link:\", err);\n }\n };\n\n return (\n

\n {/* Success Icon */}\n

\n ✓\n

\n\n {/* Success Message */}\n

\n Submission Successful\n

\n Your talk proposal has been submitted and our organizers have been notified.\n

\n\n {/* Submission Details */}\n

\n Submission ID: #{result.submissionId}\n

\n\n {/* Discord Invite Section */}\n

\n 💬\n

\n Discord Discussion Channel\n

\n \n

\n A dedicated Discord channel has been created for discussing your talk proposal.\n Join the conversation with our organizers!\n

\n\n

\n {/* Invite Link Display */}\n

\n \n {result.discordInviteLink}\n \n \n 📋\n \n

\n\n {/* Action Buttons */}\n

\n \n Join Discord Channel\n \n \n Copy Invite Link\n \n

\n\n {/* Next Steps */}\n

What happens next?

• Our organizers have been notified of your submission
• Join the Discord channel to discuss details
• We'll review your proposal and get back to you soon
• Keep an eye on Discord for updates and questions

\n\n {/* Reset Button */}\n \n Submit Another Talk →\n \n

\n );\n}",[],[180,186,265],{"_102":272,"_95":273,"_152":274,"_154":187,"_155":137,"_156":117,"_157":158,"_104":275,"_99":32,"_160":196,"_162":276,"_163":22,"_164":-5,"_165":277,"_98":278},"a4bdac4a-5d11-11f0-a756-0224a6c84d84","TalkSubmissionForm.tsx","00b2486a-9f8b-4dc2-945b-074beb0b2f8d",["D",1752099080759],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { SubmissionData } from \"./App.tsx\";\n\ninterface TalkSubmissionFormProps {\n onSubmit: (data: SubmissionData) => void;\n isSubmitting: boolean;\n error: string | null;\n}\n\nexport default function TalkSubmissionForm({ onSubmit, isSubmitting, error }: TalkSubmissionFormProps) {\n const [formData, setFormData] = useState({\n speakerName: \"\",\n talkContext: \"\",\n isOnBehalf: false,\n submitterName: \"\",\n });\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n \n // Basic validation\n if (!formData.speakerName.trim() || !formData.talkContext.trim()) {\n return;\n }\n\n // Validate submitter name if submitting on behalf\n if (formData.isOnBehalf && !formData.submitterName?.trim()) {\n return;\n }\n\n onSubmit(formData);\n };\n\n const handleInputChange = (field: keyof SubmissionData, value: string | boolean) => {\n setFormData(prev => ({\n ...prev,\n [field]: value\n }));\n };\n\n const isFormValid = formData.speakerName.trim() && \n formData.talkContext.trim() && \n (!formData.isOnBehalf || formData.submitterName?.trim());\n\n return (\n

\n {/* Speaker Name */}\n

\n \n Speaker Name *\n \n handleInputChange(\"speakerName\", e.target.value)}\n className=\"w-full px-3 py-2 border border-[var(--border-default)] rounded bg-white font-mono text-sm focus:outline-none focus:border-[var(--accent-primary)] focus:border-2\"\n placeholder=\"Enter the speaker's full name\"\n disabled={isSubmitting}\n />\n

\n\n {/* Talk Context */}\n

\n \n Talk Context *\n \n handleInputChange(\"talkContext\", e.target.value)}\n className=\"w-full px-3 py-2 border border-[var(--border-default)] rounded bg-white font-mono text-sm focus:outline-none focus:border-[var(--accent-primary)] focus:border-2\"\n placeholder=\"Describe the talk topic, key points, target audience, and any other relevant context...\"\n disabled={isSubmitting}\n />\n

\n\n {/* On Behalf Checkbox */}\n

\n handleInputChange(\"isOnBehalf\", e.target.checked)}\n className=\"w-4 h-4 accent-[var(--accent-primary)] bg-white border-[var(--border-default)] rounded focus:ring-2 focus:ring-[var(--accent-primary)]\"\n disabled={isSubmitting}\n />\n

\n \n I am submitting this on behalf of someone else\n \n

\n Check this if you're not the speaker but are submitting for them\n

\n\n {/* Submitter Name - Only show when submitting on behalf */}\n {formData.isOnBehalf && (\n

\n \n Your Name (Submitter) *\n \n handleInputChange(\"submitterName\", e.target.value)}\n className=\"w-full px-3 py-2 border border-[var(--border-default)] rounded bg-white font-mono text-sm focus:outline-none focus:border-[var(--accent-primary)] focus:border-2\"\n placeholder=\"Enter your full name\"\n disabled={isSubmitting}\n />\n

\n Since you're submitting on behalf of the speaker, please provide your name for our records.\n

\n )}\n\n {/* Error Message */}\n {error && (\n

\n ⚠\n

{error}

\n )}\n\n {/* Submit Button */}\n

\n \n {isSubmitting ? (\n <>\n \n Processing Submission...\n \n ) : (\n \"Submit Talk Proposal\"\n )}\n \n

\n\n

\n After submission, a Discord channel will be created for discussion\n and you'll receive an invitation link.\n

\n );\n}",[],[180,186,273],[180,186],{"_102":281,"_95":282,"_152":283,"_154":181,"_155":137,"_156":284,"_157":158,"_104":285,"_99":117,"_160":286,"_162":287,"_163":22,"_164":-5,"_165":288,"_98":289},"9866e67c-5d1c-11f0-9948-0224a6c84d84","index.html","649bae17-9fce-40d1-8930-7b707fa5d23a",10,["D",1752103784533],"file","\n\n\n \n \n Community Interest - Rust Events\n \n \n\n\n

\n \n\n",[],[180,282],{"_102":291,"_95":292,"_152":293,"_154":181,"_155":137,"_156":117,"_157":158,"_104":294,"_99":32,"_160":196,"_162":295,"_163":22,"_164":-5,"_165":296,"_98":297},"a4bdbd70-5d11-11f0-a756-0224a6c84d84","index.tsx","7d01bf7d-1463-44c0-9d1a-fb407821b9b6",["D",1752099080759],"/** @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();",[],[180,292],[180],{"_102":300,"_95":301,"_152":302,"_154":-5,"_155":137,"_156":117,"_157":158,"_104":303,"_99":32,"_160":161,"_162":-5,"_163":22,"_164":-5,"_165":304,"_98":322},"a4bdc702-5d11-11f0-a756-0224a6c84d84","shared","2d47d9e4-6a4d-40be-aa63-8510417470b5",["D",1752099080759],[305,314],{"_102":306,"_95":307,"_152":308,"_154":302,"_155":137,"_156":309,"_157":158,"_104":310,"_99":32,"_160":196,"_162":311,"_163":22,"_164":-5,"_165":312,"_98":313},"cf8d8cd6-5d1d-11f0-85bb-0224a6c84d84","meetups.ts","cf8d8d80-5d1d-11f0-85bb-0224a6c84d84",14,["D",1752104306602],"export interface MeetupGroup {\n id: string;\n name: string;\n city: string;\n state: string;\n platform: string;\n members: number;\n frequency: string;\n link: string;\n description: string;\n isActive: boolean;\n lastActivity: string;\n region: 'West Coast' | 'East Coast' | 'Central/Midwest';\n}\n\nexport const RUST_MEETUPS: MeetupGroup[] = [\n // West Coast\n {\n id: 'sf-rust-study',\n name: 'San Francisco Rust Study Group',\n city: 'San Francisco',\n state: 'CA',\n platform: 'Meetup.com',\n members: 613,\n frequency: 'Monthly (3rd Tuesday)',\n link: 'https://www.meetup.com/san-francisco-rust-study-group/',\n description: 'Informal study group for hands-on Rust coding and learning',\n isActive: true,\n lastActivity: 'Active - upcoming events through 2025',\n region: 'West Coast'\n },\n {\n id: 'rust-bay-area',\n name: 'Rust Bay Area',\n city: 'San Francisco',\n state: 'CA',\n platform: 'Meetup.com',\n members: 2930,\n frequency: 'Irregular',\n link: 'https://www.meetup.com/rust-bay-area/',\n description: 'Systems programming meetup for Rustaceans of all skill levels with formal talks',\n isActive: false,\n lastActivity: 'May 2023 - less active recently',\n region: 'West Coast'\n },\n {\n id: 'rust-los-angeles',\n name: 'Rust Los Angeles',\n city: 'Los Angeles',\n state: 'CA',\n platform: 'Meetup.com + Website',\n members: 546,\n frequency: 'Monthly',\n link: 'https://www.meetup.com/rust-los-angeles/',\n description: 'Free monthly talks from Rust engineers, welcoming all skill levels',\n isActive: true,\n lastActivity: 'July 2024 reboot, ongoing events',\n region: 'West Coast'\n },\n {\n id: 'seattle-rust',\n name: 'Seattle Rust User Group (SRUG)',\n city: 'Seattle',\n state: 'WA',\n platform: 'Meetup.com + Discord',\n members: 1957,\n frequency: 'Monthly',\n link: 'https://www.meetup.com/seattle-rust-user-group/',\n description: 'Monthly meetups with presentations, projects, and collaboration',\n isActive: true,\n lastActivity: 'Very active - scheduled events through Sept 2025',\n region: 'West Coast'\n },\n {\n id: 'pdxrust',\n name: 'PDXRust',\n city: 'Portland',\n state: 'OR',\n platform: 'Meetup.com + IRC + Matrix',\n members: 827,\n frequency: 'Monthly (2nd Thursday)',\n link: 'https://www.meetup.com/pdxrust/',\n description: 'Monthly meetups with 30-60 minute technical talks',\n isActive: true,\n lastActivity: 'Very active - upcoming July 2025 event confirmed',\n region: 'West Coast'\n },\n \n // East Coast\n {\n id: 'rust-nyc',\n name: 'Rust NYC',\n city: 'New York City',\n state: 'NY',\n platform: 'Meetup.com + Discord',\n members: 3574,\n frequency: 'Monthly (2nd Tuesday)',\n link: 'https://www.meetup.com/rust-nyc/',\n description: 'Monthly talks and networking for Rust developers, with Discord and livestreaming',\n isActive: true,\n lastActivity: 'Very active through 2024/2025',\n region: 'East Coast'\n },\n {\n id: 'boston-rust',\n name: 'Boston Rust Meetup',\n city: 'Boston',\n state: 'MA',\n platform: 'Rust East Coast',\n members: 1321,\n frequency: 'Monthly',\n link: 'https://rusteastcoast.com',\n description: 'Part of Rust East Coast community network',\n isActive: true,\n lastActivity: 'Active through 2024/2025',\n region: 'East Coast'\n },\n {\n id: 'rust-east-coast',\n name: 'Rust East Coast',\n city: 'Virtual',\n state: 'Multi-state',\n platform: 'Discord + Twitch + YouTube',\n members: 0, // Unknown\n frequency: 'Virtual events as scheduled',\n link: 'https://rusteastcoast.com',\n description: 'Virtual community serving NYC and Boston, with livestreams and recorded talks',\n isActive: true,\n lastActivity: 'Active through 2024/2025',\n region: 'East Coast'\n },\n \n // Central/Midwest\n {\n id: 'dallas-rust',\n name: 'Dallas Rust User Meetup',\n city: 'Dallas',\n state: 'TX',\n platform: 'Meetup.com + Discord',\n members: 956,\n frequency: 'Weekly Discord + Monthly presentations',\n link: 'https://www.meetup.com/dallasrust/',\n description: 'Active online community with weekly book discussions and monthly \"Fourth Tuesday\" presentation events',\n isActive: true,\n lastActivity: 'Very active with ongoing Discord discussions',\n region: 'Central/Midwest'\n },\n {\n id: 'rust-denver',\n name: 'Rust Denver',\n city: 'Denver',\n state: 'CO',\n platform: 'Meetup.com',\n members: 861,\n frequency: 'Monthly (irregular)',\n link: 'https://www.meetup.com/rust-boulder-denver/',\n description: 'Local Rust user group covering Denver/Boulder area with technical talks and discussions',\n isActive: false,\n lastActivity: 'Last event April 2022 - may be dormant',\n region: 'Central/Midwest'\n },\n {\n id: 'rust-atx',\n name: 'Rust ATX',\n city: 'Austin',\n state: 'TX',\n platform: 'Meetup.com',\n members: 677,\n frequency: 'Monthly (last Wednesday)',\n link: 'https://www.meetup.com/rust-atx/',\n description: 'Monthly lunch meetups for casual networking and Rust discussion at Fareground downtown',\n isActive: true,\n lastActivity: 'Active with recent events and upcoming monthly lunches',\n region: 'Central/Midwest'\n },\n {\n id: 'minneapolis-rust',\n name: 'Minneapolis Rust Meetup',\n city: 'Minneapolis',\n state: 'MN',\n platform: 'Meetup.com',\n members: 544,\n frequency: 'Monthly happy hours',\n link: 'https://www.meetup.com/minneapolis-rust-meetup/',\n description: 'Monthly happy hour social events for Rust developers in the Twin Cities area',\n isActive: true,\n lastActivity: 'Active with recent happy hour events',\n region: 'Central/Midwest'\n },\n {\n id: 'chicago-rust',\n name: 'Chicago Rust Meetup',\n city: 'Chicago',\n state: 'IL',\n platform: 'Meetup.com + Discord + Matrix',\n members: 512,\n frequency: 'Monthly lunch + happy hour',\n link: 'https://www.meetup.com/chicago-rust-meetup/',\n description: 'Monthly talks, networking, and social events for Rust developers. Includes lunch meetups and happy hour events.',\n isActive: true,\n lastActivity: 'Active with upcoming events scheduled through July 2025',\n region: 'Central/Midwest'\n },\n {\n id: 'detroit-rust',\n name: 'Detroit Rust',\n city: 'Detroit',\n state: 'MI',\n platform: 'Meetup.com',\n members: 191,\n frequency: 'Monthly',\n link: 'https://www.meetup.com/detroitrust/',\n description: 'Restarted in 2024, focuses on Rust programming language with technical talks and networking in Royal Oak area',\n isActive: true,\n lastActivity: 'Active with recent restart in March 2024',\n region: 'Central/Midwest'\n }\n];\n\nexport const ACTIVE_MEETUPS = RUST_MEETUPS.filter(meetup => meetup.isActive);\nexport const MEETUPS_BY_REGION = RUST_MEETUPS.reduce((acc, meetup) => {\n if (!acc[meetup.region]) {\n acc[meetup.region] = [];\n }\n acc[meetup.region].push(meetup);\n return acc;\n}, {} as Record);\n",[],[301,307],{"_102":315,"_95":316,"_152":317,"_154":302,"_155":137,"_156":205,"_157":158,"_104":318,"_99":117,"_160":196,"_162":319,"_163":22,"_164":-5,"_165":320,"_98":321},"159fae2c-5d1c-11f0-a3a0-0224a6c84d84","types.ts","8dad97c7-e3b6-4de3-ae65-a1d1c48837d2",["D",1752103565131],"export interface TalkSubmission {\n id: number;\n speaker_name: string;\n talk_context: string;\n is_on_behalf: boolean;\n submitter_name?: string;\n discord_channel_id?: string;\n discord_invite_link?: string;\n created_at: string;\n}\n\nexport interface SubmissionRequest {\n speakerName: string;\n talkContext: string;\n isOnBehalf: boolean;\n submitterName?: string;\n email: string;\n}\n\nexport interface SubmissionResponse {\n success: boolean;\n submissionId: number;\n discordInviteLink: string;\n}\n\nexport interface DiscordConfig {\n botToken: string;\n guildId: string;\n organizersChannelId: string;\n categoryId?: string;\n}\n\nexport interface LocationData {\n code: string;\n name: string;\n coverImage: string;\n description: string;\n}\n\n// Global window interface for location data\ndeclare global {\n interface Window {\n LOCATION_DATA?: LocationData;\n }\n}\n\nexport interface CommunityInterest {\n id: number;\n name: string;\n email: string;\n phone?: string;\n interest_type: string;\n comments?: string;\n location: string;\n created_at: string;\n}\n\nexport interface CommunityInterestEntry {\n id: number;\n name: string;\n email: string;\n phone?: string;\n interest_type: string;\n comments?: string;\n location: string;\n created_at: string;\n}\n\nexport interface CommunityInterestRequest {\n name: string;\n email: string;\n phone?: string;\n interest_type: string;\n comments?: string;\n location: string;\n}\n\nexport interface CommunityInterestResponse {\n success: boolean;\n id: number;\n}",[],[301,316],[301],{"_102":324,"_95":325,"_152":326,"_154":-5,"_155":137,"_156":117,"_157":158,"_104":327,"_99":32,"_160":286,"_162":328,"_163":22,"_164":-5,"_165":329,"_98":330},"a4bdc89c-5d11-11f0-a756-0224a6c84d84",".vtignore","a05778bc-3c1d-4913-afa5-c05cf4b83499",["D",1752099080759],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[],[325],{"_102":332,"_95":333,"_152":334,"_154":-5,"_155":137,"_156":335,"_157":158,"_104":336,"_99":240,"_160":286,"_162":337,"_163":22,"_164":-5,"_165":338,"_98":339},"157dc4ea-5e9f-11f0-b13a-0224a6c84d84","AGENT.md","65136da3-21f3-4ca4-8401-90efaa1e809b",24,["D",1752269780176],"# Agent Configuration for Community Interest Capture 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**: Community interest capture system with location-based pages and admin dashboard\n- **Backend**: Hono API server (backend/index.ts) handling community interest submissions and admin features\n- **Frontend**: React 18.2.0 with TypeScript (frontend/index.tsx, components/)\n- **Database**: SQLite with community interest table (community_interest_1) and legacy talk submissions (talk_submissions_3)\n- **Discord Integration**: Maintained for future event coordination (optional)\n- **Shared**: TypeScript types and utilities (shared/types.ts)\n\n## Code Style & Conventions\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 (see shared/types.ts)\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**: CSS-in-JS inline styles with CSS custom properties, no external CSS frameworks\n- **Typography**: Instrument Serif for headings (.font-heading), system monospace for body text\n- **Color System**: Use CSS custom properties (--bg-primary, --text-primary, --accent-primary, etc.)\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\n## Discord API Design Notes\n- **Role Mentions**: Use `<@&ROLE_ID>` format in message content\n- **User Mentions**: Use `<@USER_ID>` format in message content\n- **Channel Mentions**: Use `<#CHANNEL_ID>` format in message content\n- **Special Mentions**: `@everyone` and `@here` work as plain text (no ID needed)\n- **Permissions**: Role must be mentionable OR bot needs \"Mention Everyone\" permission\n\n## Design System\n- **Max Width**: 480px for forms, 1200px for admin/directory pages\n- **Spacing**: 4px base unit (4, 8, 12, 16, 24, 32, 48, 64px)\n- **Border Radius**: 4px throughout\n- **Typography Scale**: 48px/36px/24px/20px/18px/16px/14px/12px\n- **Component Patterns**: Card-based layout with subtle shadows and borders\n",[],[333],{"_102":341,"_95":342,"_152":343,"_154":-5,"_155":137,"_156":344,"_157":158,"_104":345,"_99":117,"_160":286,"_162":346,"_163":22,"_164":-5,"_165":347,"_98":348},"a4fceeea-5d1c-11f0-b5f3-0224a6c84d84","BRAND_STYLE_GUIDE.md","cc36568f-09d4-41e4-af6e-50b7baea5b93",12,["D",1752103805686],"# Brand Style Guide\n## Community Interest Capture 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, dark text\n- Secondary: `--bg-tertiary` background, dark text\n- Padding: 12px 24px\n- Border radius: 4px\n- Monospace font\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",[],[342],{"_102":350,"_95":351,"_152":352,"_154":-5,"_155":137,"_156":353,"_157":158,"_104":354,"_99":32,"_160":286,"_162":355,"_163":22,"_164":-5,"_165":356,"_98":357},"158d3a26-5d1c-11f0-859b-0224a6c84d84","FEATURE_SPEC.md","158d3ad0-5d1c-11f0-859b-0224a6c84d84",6,["D",1752103564973],"# Community Interest Email Capture App\n\n## Overview\nTransform the current talk submission system into a community interest collection platform that captures potential organizers and attendees for location-based events.\n\n## Core Features\n\n### 1. Path-Based Location Pages\n- **Dynamic routing**: `/SF`, `/LA`, `/NYC`, etc.\n- **Location-specific branding**: Each path displays the corresponding city name\n- **Customizable cover images**: Full-width background images per location\n- **Fallback handling**: Default page for unrecognized paths\n\n### 2. Interest Capture Form\n**Form Fields:**\n- Full Name (required)\n- Email Address (required)\n- Phone Number (optional)\n- Interest Type (dropdown):\n - \"I want to organize events\"\n - \"I want to attend events\"\n - \"Both organizing and attending\"\n- Additional Comments (optional text area)\n- Location (auto-populated from URL path)\n\n**Form Behavior:**\n- Simple, clean design matching current aesthetic\n- Immediate feedback on submission\n- Email validation\n- Duplicate email handling per location\n\n### 3. Data Storage\n**Database Schema:**\n- Table: `community_interest`\n- Fields:\n - `id` (primary key)\n - `name` (text)\n - `email` (text)\n - `phone` (text, nullable)\n - `interest_type` (text)\n - `comments` (text, nullable)\n - `location` (text)\n - `created_at` (timestamp)\n\n### 4. Admin Dashboard\n**Features:**\n- Protected admin route (`/admin`)\n- View all submissions by location\n- Filter by interest type\n- Download CSV export functionality\n- Basic analytics (total counts per location/type)\n\n### 5. UI/UX Requirements\n- **Responsive design**: Mobile-first approach\n- **Full-width cover images**: Hero section with location imagery\n- **Minimal form design**: Clean, accessible form styling\n- **Success states**: Clear confirmation after submission\n- **Loading states**: Form submission feedback\n\n## User Flows\n\n### Primary Flow (Visitor)\n1. Visit location-specific URL (e.g., `/SF`)\n2. See San Francisco-branded page with cover image\n3. Fill out interest form\n4. Submit and receive confirmation\n5. Data stored in database\n\n### Admin Flow\n1. Visit `/admin` (protected)\n2. View dashboard with all submissions\n3. Filter by location or interest type\n4. Download CSV export of selected data\n\n## Technical Considerations\n- Maintain current Val Town architecture\n- Use existing SQLite database approach\n- Preserve simple deployment model\n- Ensure mobile responsiveness\n- Implement basic security for admin access\n\n## Success Metrics\n- Number of signups per location\n- Organizer vs attendee interest ratio\n- Email validation success rate\n- Admin usage for data export\n\n## Future Enhancements\n- Email notification system\n- Location-specific customization admin\n- Integration with event creation tools\n- Automated follow-up sequences\n",[],[351],{"_102":359,"_95":360,"_152":361,"_154":-5,"_155":137,"_156":362,"_157":158,"_104":363,"_99":117,"_160":286,"_162":364,"_163":22,"_164":-5,"_165":365,"_98":366},"853ec4fc-5d1c-11f0-a26b-0224a6c84d84","README.md","773c7fff-eb7a-4c0f-ba5a-68e7505bd9b1",9,["D",1752103752433],"# Community Interest Capture System\n\nA location-based community interest capture system for collecting potential event organizers and attendees across multiple cities.\n\n## Features\n\n- **Location-Based Pages**: Customizable landing pages for different cities (SF, LA, NYC, etc.)\n- **Community Interest Form**: Collects contact info and event participation preferences\n- **Admin Dashboard**: Password-protected admin interface with analytics and CSV export\n- **Database Storage**: Tracks all community interest submissions with SQLite\n- **Responsive UI**: Clean, modern interface following nostalgic technical design principles\n- **Discord Integration**: Maintained for future event coordination (optional)\n\n## How It Works\n\n1. **Location Access**: Users visit city-specific URLs (e.g., `/SF`, `/LA`, `/NYC`)\n2. **Interest Submission**: Users fill out community interest form with their preferences\n3. **Database Storage**: Submission is saved to SQLite with location-specific data\n4. **Admin Management**: Organizers can view, filter, and export all submissions via admin dashboard\n5. **CSV Export**: Download submissions for outreach and event planning\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 with routing\n│ ├── LocationPage.tsx # Location-specific landing pages\n│ ├── CommunityInterestForm.tsx # Community interest form\n│ ├── AdminDashboard.tsx # Admin interface\n│ ├── TalkSubmissionForm.tsx # Legacy talk submission form\n│ └── SubmissionSuccess.tsx # Success page component\n├── shared/\n│ └── types.ts # Shared TypeScript types\n├── FEATURE_SPEC.md # Feature specification document\n├── BRAND_STYLE_GUIDE.md # Design system and styling guidelines\n└── README.md\n```\n\n## Setup\n\n### Environment Variables\n\n#### Required\n- `ADMIN_PASSWORD`: Password for admin dashboard access\n\n#### Optional (Discord Integration)\nYou can optionally set up Discord integration for future event coordination:\n\n- `DISCORD_BOT_TOKEN`: Your Discord bot token\n- `DISCORD_GUILD_ID`: Your Discord server ID\n- `DISCORD_ORGANIZERS_CHANNEL_ID`: Channel ID where organizer notifications are sent\n- `DISCORD_CATEGORY_ID` (optional): Category ID for organizing talk channels\n- `DISCORD_TEST_CATEGORY_ID` (optional): Category ID for organizing test channels\n- `DISCORD_TEST_ORGANIZERS_CHANNEL_ID` (optional): Channel ID for test announcements\n\n#### Testing Environment Variables\n\nThe following environment variables are used for testing the Discord integration without affecting production channels:\n\n- `ENABLE_TEST_API`: Set to \"true\" to enable the test API endpoint (required for testing)\n- `DISCORD_TEST_CATEGORY_ID`: Separate category for test channels to keep them organized\n- `DISCORD_TEST_ORGANIZERS_CHANNEL_ID`: Separate channel for test notifications to avoid spamming production organizers\n\n**Testing the Discord Integration:**\n\n```bash\ncurl -X POST https://rustnyc-talks.val.run/api/discord/test \\\n -H \"Content-Type: application/json\" \\\n -d '{\"channelName\": \"my-test-channel\", \"firstMessage\": \"Hello from test endpoint!\"}'\n```\n\n**Parameters:**\n- `channelName` (required): Name for the test channel (will be sanitized for Discord)\n- `firstMessage` (required): First message to send to the channel\n\nThis will create a test channel with the specified name, send the first message, and return an invite link. If test environment variables are configured, it will also notify the test organizers channel.\n\n**Testing Discord Invite Creation Directly:**\n\nYou can also test the Discord invite creation process directly using Discord's API:\n\n```bash\ncurl -X POST https://discord.com/api/v10/channels/CHANNEL_ID/invites \\\n -H \"Authorization: Bot YOUR_BOT_TOKEN\" \\\n -H \"Content-Type: application/json\" \\\n -d '{\n \"max_age\": 0,\n \"max_uses\": 0,\n \"unique\": true\n }'\n```\n\nReplace `CHANNEL_ID` with an existing channel ID and `YOUR_BOT_TOKEN` with your Discord bot token. This matches exactly how the bot creates invitation links internally.\n\n### Discord Bot Setup\n\n1. Create a Discord application at https://discord.com/developers/applications\n2. Create a bot and copy the token\n3. Invite the bot to your server with the following permissions:\n - Manage Channels\n - Send Messages\n - Create Instant Invite\n - View Channels\n\n### Database\n\nThe system uses SQLite with the following schemas:\n\n#### Community Interest Table\n```sql\nCREATE TABLE community_interest_1 (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n email TEXT NOT NULL,\n phone TEXT,\n interest_type TEXT NOT NULL,\n comments TEXT,\n location TEXT NOT NULL,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n);\n```\n\n#### Legacy Talk Submissions Table (maintained for existing data)\n```sql\nCREATE TABLE talk_submissions_3 (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n speaker_name TEXT NOT NULL,\n talk_context TEXT NOT NULL,\n is_on_behalf BOOLEAN NOT NULL,\n submitter_name TEXT,\n discord_channel_id TEXT,\n discord_invite_link TEXT,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n);\n```\n\n## API Endpoints\n\n### Community Interest\n- `POST /api/community-interest` - Submit community interest\n- `GET /api/admin/community-interest` - Get all community interest entries (admin, password protected)\n- `GET /api/admin/community-interest/export` - Export community interest as CSV (admin, password protected)\n\n### Legacy Talk Submissions (maintained)\n- `POST /api/submissions` - Submit a new talk proposal\n- `GET /api/submissions` - Get all submissions (admin)\n\n### Discord Integration (optional)\n- `POST /api/discord/test` - Test Discord integration (creates test channel and sends message)\n\n## Discord Integration Status\n\n✅ **Discord integration is fully implemented with comprehensive logging**\n\nThe system will automatically:\n- Create Discord channels for each talk submission\n- Generate invite links for the channels \n- Post notifications to the organizers channel\n\n**Comprehensive Logging**: The system includes detailed logging throughout the Discord integration process:\n- 🔍 Environment variable checks on startup\n- 🎯 API request tracking with submission details\n- 🔧 Discord channel creation with API responses\n- 🔗 Invite link generation with full details\n- 📢 Organizer notifications with message content\n- 💥 Detailed error logging with stack traces and specific Discord error codes\n- 📊 Final result summaries\n\n**Fallback behavior**: If Discord credentials are not provided, the system will use placeholder values and log what would have been done, allowing the form to still function for testing.\n\n**Debugging**: Use the requests tool to view detailed logs of each submission, including all Discord API interactions and any errors that occur.\n\n## Usage\n\n### Community Interest Capture\n1. Visit a location-specific URL (e.g., `/SF`, `/LA`, `/NYC`)\n2. Fill out the community interest form with your contact info and preferences\n3. Submit the form to express interest in organizing or attending events\n4. Form submissions are stored for organizers to review and follow up\n\n### Admin Dashboard\n1. Visit `/admin` to access the admin dashboard\n2. Enter the admin password to authenticate\n3. View analytics and filter submissions by location or interest type\n4. Download CSV exports for outreach and event planning\n\n### Legacy Talk Submissions\n1. Visit the root URL (`/`) to access the original talk submission form\n2. Fill out the talk submission form\n3. Submit the form and receive a Discord invite link (if configured)\n4. Join the Discord channel to discuss your talk with organizers\n\n## Tech Stack\n\n- **Backend**: Hono (API framework)\n- **Frontend**: React 18.2.0 with TypeScript\n- **Database**: SQLite\n- **Styling**: CSS with custom properties (following brand style guide)\n- **Platform**: Val Town (Deno runtime)\n- **Design System**: Nostalgic minimal technical theme with Instrument Serif headings",[],[360],{"_102":368,"_95":369,"_152":370,"_154":-5,"_155":137,"_156":117,"_157":158,"_104":371,"_99":32,"_160":286,"_162":372,"_163":22,"_164":-5,"_165":373,"_98":374},"a4bddbb6-5d11-11f0-a756-0224a6c84d84","deno.json","c16eacc5-aea8-4a98-b2ed-8d005b3104a7",["D",1752099080759],"{\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}",[],[369],{"_102":376,"_95":377,"_152":378,"_154":-5,"_155":137,"_156":117,"_157":158,"_104":379,"_99":32,"_160":196,"_162":72,"_163":22,"_164":-5,"_165":380,"_98":381},"a4bdddaa-5d11-11f0-a756-0224a6c84d84","main.tsx","a5585c3c-4669-4ffa-a3c5-96e346f31900",["D",1752099080759],[],[377],"files",[149,167,178,184,190,200,209,218,227,236,245,254,263,271,280,290,299,305,314,323,331,340,349,358,367,375],"counts",{"_386":32,"_387":117,"_388":32,"_389":390},"pulls","branches","forks","envVars",{"_391":117,"_392":32},"count","emptyCount","contents",[395,398,401,404,407,410,413,416,419,422],{"_102":150,"_95":151,"_152":153,"_154":-5,"_155":137,"_156":117,"_157":158,"_104":396,"_99":32,"_160":161,"_162":-5,"_163":22,"_164":-5,"_98":397},["D",1752099080759],[151],{"_102":179,"_95":180,"_152":181,"_154":-5,"_155":137,"_156":117,"_157":158,"_104":399,"_99":32,"_160":161,"_162":-5,"_163":22,"_164":-5,"_98":400},["D",1752099080759],[180],{"_102":300,"_95":301,"_152":302,"_154":-5,"_155":137,"_156":117,"_157":158,"_104":402,"_99":32,"_160":161,"_162":-5,"_163":22,"_164":-5,"_98":403},["D",1752099080759],[301],{"_102":324,"_95":325,"_152":326,"_154":-5,"_155":137,"_156":117,"_157":158,"_104":405,"_99":32,"_160":286,"_162":328,"_163":22,"_164":-5,"_98":406},["D",1752099080759],[325],{"_102":332,"_95":333,"_152":334,"_154":-5,"_155":137,"_156":335,"_157":158,"_104":408,"_99":240,"_160":286,"_162":337,"_163":22,"_164":-5,"_98":409},["D",1752269780176],[333],{"_102":341,"_95":342,"_152":343,"_154":-5,"_155":137,"_156":344,"_157":158,"_104":411,"_99":117,"_160":286,"_162":346,"_163":22,"_164":-5,"_98":412},["D",1752103805686],[342],{"_102":350,"_95":351,"_152":352,"_154":-5,"_155":137,"_156":353,"_157":158,"_104":414,"_99":32,"_160":286,"_162":355,"_163":22,"_164":-5,"_98":415},["D",1752103564973],[351],{"_102":359,"_95":360,"_152":361,"_154":-5,"_155":137,"_156":362,"_157":158,"_104":417,"_99":117,"_160":286,"_162":364,"_163":22,"_164":-5,"_98":418},["D",1752103752433],[360],{"_102":368,"_95":369,"_152":370,"_154":-5,"_155":137,"_156":117,"_157":158,"_104":420,"_99":32,"_160":286,"_162":372,"_163":22,"_164":-5,"_98":421},["D",1752099080759],[369],{"_102":376,"_95":377,"_152":378,"_154":-5,"_155":137,"_156":117,"_157":158,"_104":423,"_99":32,"_160":196,"_162":72,"_163":22,"_164":-5,"_98":424},["D",1752099080759],[377],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.environment-variables",{"_93":94,"_95":96,"_100":433,"_389":438},{"_102":103,"_95":96,"_104":434,"_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":435,"_131":436,"_134":437,"_146":22},["D",1752099080759],{"_93":94,"_129":130},{"_93":94,"_133":130,"_14":112},{"_99":136,"_95":43,"_102":137,"_138":103,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":96,"_145":94},[439],{"_440":441,"_104":442,"_443":444,"_110":445,"_446":22},"key","ADMIN_PASSWORD",["D",1752103791251],"updatedAt",["D",1752103798555],"rusty1","isEmpty","actionData","errors"]

colel

rust-coasts-new-community-form

Environment variables