\n 🎤 Talk Submission\n

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

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

\n );\n}",[],[184,191,198],{"_104":208,"_95":209,"_154":210,"_156":192,"_157":139,"_158":211,"_160":22,"_106":212,"_100":32,"_163":203,"_165":213,"_166":22,"_167":-5,"_168":214,"_98":215},"ad61c266-5107-11f0-b701-f69ea79377d9","SubmissionSuccess.tsx","ad61c32e-5107-11f0-b701-f69ea79377d9",7,["D",1750775386386],"/** @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}",[],[184,191,209],{"_104":217,"_95":218,"_154":219,"_156":192,"_157":139,"_158":220,"_160":22,"_106":221,"_100":193,"_163":203,"_165":222,"_166":22,"_167":-5,"_168":223,"_98":224},"031d2cbc-5109-11f0-8ecf-f69ea79377d9","TalkSubmissionForm.tsx","9d3d85a0-5107-11f0-bdc6-f69ea79377d9",35,["D",1750775959719],"/** @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-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500\"\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-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500\"\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 text-indigo-600 bg-gray-100 border-gray-300 rounded focus:ring-indigo-500 focus:ring-2\"\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-blue-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 bg-white\"\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}",[],[184,191,218],[184,191],{"_104":227,"_95":228,"_154":229,"_156":185,"_157":139,"_158":186,"_160":161,"_106":230,"_100":32,"_163":231,"_165":232,"_166":22,"_167":-5,"_168":233,"_98":234},"8202ed34-5107-11f0-8db1-f69ea79377d9","index.html","8202ede8-5107-11f0-8db1-f69ea79377d9",["D",1750775313623],"file","\n\n\n \n \n Talk Submission Form\n \n \n\n\n

\n \n\n",[],[184,228],{"_104":236,"_95":237,"_154":238,"_156":185,"_157":139,"_158":239,"_160":22,"_106":240,"_100":32,"_163":203,"_165":241,"_166":22,"_167":-5,"_168":242,"_98":243},"84fc4ba2-5107-11f0-8db1-f69ea79377d9","index.tsx","84fc4d46-5107-11f0-8db1-f69ea79377d9",4,["D",1750775318615],"/** @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();",[],[184,237],[184],{"_104":246,"_95":247,"_154":248,"_156":-5,"_157":139,"_158":249,"_160":161,"_106":250,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":251,"_98":261},"b4d16d6c-5107-11f0-b701-f69ea79377d9","shared","488a1fe0-8197-45ca-8f59-d1dadae612bb",9,["D",1750775398865],[252],{"_104":253,"_95":254,"_154":255,"_156":248,"_157":139,"_158":256,"_160":161,"_106":257,"_100":186,"_163":203,"_165":258,"_166":22,"_167":-5,"_168":259,"_98":260},"9f121808-5109-11f0-b85a-f69ea79377d9","types.ts","b4d1690c-5107-11f0-b701-f69ea79377d9",37,["D",1750776221371],"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}",[],[247,254],[247],{"_104":263,"_95":264,"_154":265,"_156":-5,"_157":139,"_158":266,"_160":161,"_106":267,"_100":32,"_163":231,"_165":268,"_166":22,"_167":-5,"_168":269,"_98":270},"3d067f9a-5a74-11f0-98da-f69ea79377d9",".vtignore","3d06804e-5a74-11f0-98da-f69ea79377d9",41,["D",1751811573421],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[],[264],{"_104":272,"_95":273,"_154":274,"_156":-5,"_157":139,"_158":275,"_160":22,"_106":276,"_100":32,"_163":231,"_165":277,"_166":22,"_167":-5,"_168":278,"_98":279},"3cfa9824-5a74-11f0-b647-f69ea79377d9","AGENT.md","3cfa990a-5a74-11f0-b647-f69ea79377d9",39,["D",1751811573420],"# Agent Configuration for Talk Submission 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 Discord bot for talk submissions with React frontend\n- **Backend**: Hono API server (backend/index.ts) handling submissions and Discord integration\n- **Frontend**: React 18.2.0 with TypeScript (frontend/index.tsx, components/)\n- **Database**: SQLite with talk submissions table (talk_submissions_3)\n- **Discord Integration**: Bot creates channels, sends notifications, generates invite links\n- **Shared**: TypeScript types and utilities (shared/types.ts)\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",[],[273],{"_104":281,"_95":282,"_154":283,"_156":-5,"_157":139,"_158":284,"_160":22,"_106":285,"_100":159,"_163":231,"_165":286,"_166":22,"_167":-5,"_168":287,"_98":288},"9cbf3762-5108-11f0-adde-f69ea79377d9","README.md","bfef9cb4-5107-11f0-b497-f69ea79377d9",22,["D",1750775787973],"# Talk Submission System\n\nA complete talk submission system with Discord integration for event organizers.\n\n## Features\n\n- **Talk Submission Form**: Collects speaker name, talk context, and submission type\n- **Discord Integration**: Automatically creates channels and sends notifications\n- **Database Storage**: Tracks all submissions with SQLite\n- **Responsive UI**: Clean, modern interface built with React and TailwindCSS\n\n## How It Works\n\n1. **Form Submission**: Users fill out the talk submission form\n2. **Database Storage**: Submission is saved to SQLite database\n3. **Discord Channel Creation**: A dedicated channel is created for the talk discussion\n4. **Organizer Notification**: A message is posted to the organizers' channel\n5. **Invite Link**: User receives a Discord invite link to join the discussion\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│ ├── TalkSubmissionForm.tsx # Form component\n│ └── SubmissionSuccess.tsx # Success page component\n├── shared/\n│ └── types.ts # Shared TypeScript types\n└── README.md\n```\n\n## Setup\n\n### Environment Variables\n\nYou'll need to set up the following environment variables for Discord integration:\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\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 schema:\n\n```sql\nCREATE TABLE talk_submissions_1 (\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 discord_channel_id TEXT,\n discord_invite_link TEXT,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n);\n```\n\n## API Endpoints\n\n- `POST /api/submissions` - Submit a new talk proposal\n- `GET /api/submissions` - Get all submissions (admin)\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\n1. Fill out the talk submission form\n2. Submit the form\n3. Receive a Discord invite link\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**: TailwindCSS\n- **Platform**: Val Town (Deno runtime)",[],[282],{"_104":290,"_95":291,"_154":292,"_156":-5,"_157":139,"_158":293,"_160":161,"_106":294,"_100":32,"_163":231,"_165":295,"_166":22,"_167":-5,"_168":296,"_98":297},"3d0077ee-5a74-11f0-860c-f69ea79377d9","deno.json","3d0078b6-5a74-11f0-860c-f69ea79377d9",40,["D",1751811573448],"{\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}",[],[291],{"_104":299,"_95":300,"_154":301,"_156":-5,"_157":139,"_158":202,"_160":161,"_106":302,"_100":32,"_163":203,"_165":72,"_166":22,"_167":-5,"_168":303,"_98":304},"240e71f2-4b86-11f0-94fc-76b3cceeab13","main.tsx","240e72a6-4b86-11f0-94fc-76b3cceeab13",["D",1750169995102],[],[300],"files",[151,170,182,189,196,207,216,226,235,245,252,262,271,280,289,298],"counts",{"_309":32,"_310":202,"_311":202,"_312":211},"pulls","branches","forks","envVars","contents",[],{"_104":171,"_157":139,"_154":173,"_95":172,"_165":177,"_163":176,"_100":175,"_156":155,"_106":316,"_158":101,"_167":178,"_98":317},["D",1751811573617],[153,172],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":326,"_149":331,"_305":380,"_231":381,"_313":384,"_385":-5,"_386":22,"_387":-5,"_388":-5,"_389":-5,"_390":391},{"_104":105,"_95":96,"_106":327,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":114,"_14":115,"_116":-5,"_117":22,"_118":-5,"_119":32,"_16":120,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":328,"_133":329,"_136":330,"_148":22},["D",1750169995086],{"_93":94,"_131":132},{"_93":94,"_135":132},{"_100":138,"_95":43,"_104":139,"_140":105,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":96,"_147":94},[332,338,359,365,368,371,374,377],{"_104":152,"_95":153,"_154":155,"_156":-5,"_157":139,"_158":159,"_160":161,"_106":162,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":333,"_98":337},[334],{"_104":171,"_95":172,"_154":173,"_156":155,"_157":139,"_158":101,"_160":22,"_106":174,"_100":175,"_163":176,"_165":177,"_166":22,"_167":178,"_168":335,"_98":336},[],[153,172],[153],{"_104":183,"_95":184,"_154":185,"_156":-5,"_157":139,"_158":186,"_160":161,"_106":187,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":339,"_98":358},[340,352,355],{"_104":190,"_95":191,"_154":192,"_156":185,"_157":139,"_158":193,"_160":161,"_106":194,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":341,"_98":351},[342,345,348],{"_104":197,"_95":198,"_154":199,"_156":192,"_157":139,"_158":200,"_160":22,"_106":201,"_100":202,"_163":203,"_165":204,"_166":22,"_167":-5,"_168":343,"_98":344},[],[184,191,198],{"_104":208,"_95":209,"_154":210,"_156":192,"_157":139,"_158":211,"_160":22,"_106":212,"_100":32,"_163":203,"_165":213,"_166":22,"_167":-5,"_168":346,"_98":347},[],[184,191,209],{"_104":217,"_95":218,"_154":219,"_156":192,"_157":139,"_158":220,"_160":22,"_106":221,"_100":193,"_163":203,"_165":222,"_166":22,"_167":-5,"_168":349,"_98":350},[],[184,191,218],[184,191],{"_104":227,"_95":228,"_154":229,"_156":185,"_157":139,"_158":186,"_160":161,"_106":230,"_100":32,"_163":231,"_165":232,"_166":22,"_167":-5,"_168":353,"_98":354},[],[184,228],{"_104":236,"_95":237,"_154":238,"_156":185,"_157":139,"_158":239,"_160":22,"_106":240,"_100":32,"_163":203,"_165":241,"_166":22,"_167":-5,"_168":356,"_98":357},[],[184,237],[184],{"_104":246,"_95":247,"_154":248,"_156":-5,"_157":139,"_158":249,"_160":161,"_106":250,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":360,"_98":364},[361],{"_104":253,"_95":254,"_154":255,"_156":248,"_157":139,"_158":256,"_160":161,"_106":257,"_100":186,"_163":203,"_165":258,"_166":22,"_167":-5,"_168":362,"_98":363},[],[247,254],[247],{"_104":263,"_95":264,"_154":265,"_156":-5,"_157":139,"_158":266,"_160":161,"_106":267,"_100":32,"_163":231,"_165":268,"_166":22,"_167":-5,"_168":366,"_98":367},[],[264],{"_104":272,"_95":273,"_154":274,"_156":-5,"_157":139,"_158":275,"_160":22,"_106":276,"_100":32,"_163":231,"_165":277,"_166":22,"_167":-5,"_168":369,"_98":370},[],[273],{"_104":281,"_95":282,"_154":283,"_156":-5,"_157":139,"_158":284,"_160":22,"_106":285,"_100":159,"_163":231,"_165":286,"_166":22,"_167":-5,"_168":372,"_98":373},[],[282],{"_104":290,"_95":291,"_154":292,"_156":-5,"_157":139,"_158":293,"_160":161,"_106":294,"_100":32,"_163":231,"_165":295,"_166":22,"_167":-5,"_168":375,"_98":376},[],[291],{"_104":299,"_95":300,"_154":301,"_156":-5,"_157":139,"_158":202,"_160":161,"_106":302,"_100":32,"_163":203,"_165":72,"_166":22,"_167":-5,"_168":378,"_98":379},[],[300],[332,334,338,340,342,345,348,352,355,359,361,365,368,371,374,377],{"_104":171,"_157":139,"_154":173,"_95":172,"_165":177,"_163":176,"_100":175,"_156":155,"_106":382,"_158":101,"_167":178,"_98":383},["D",1751811573617],[153,172],[],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]