\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,197],{"_104":205,"_95":206,"_154":207,"_156":192,"_157":139,"_158":208,"_160":22,"_106":209,"_100":32,"_163":200,"_165":210,"_166":22,"_167":-5,"_168":211,"_98":212},"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,206],{"_104":214,"_95":215,"_154":216,"_156":192,"_157":139,"_158":217,"_160":22,"_106":218,"_100":32,"_163":200,"_165":219,"_166":22,"_167":-5,"_168":220,"_98":221},"9d3d84ce-5107-11f0-bdc6-f69ea79377d9","TalkSubmissionForm.tsx","9d3d85a0-5107-11f0-bdc6-f69ea79377d9",6,["D",1750775359310],"/** @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 });\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 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 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 {/* 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,215],[184,191],{"_104":224,"_95":225,"_154":226,"_156":185,"_157":139,"_158":186,"_160":161,"_106":227,"_100":32,"_163":228,"_165":229,"_166":22,"_167":-5,"_168":230,"_98":231},"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,225],{"_104":233,"_95":234,"_154":235,"_156":185,"_157":139,"_158":236,"_160":22,"_106":237,"_100":32,"_163":200,"_165":238,"_166":22,"_167":-5,"_168":239,"_98":240},"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,234],[184],{"_104":243,"_95":244,"_154":245,"_156":-5,"_157":139,"_158":246,"_160":161,"_106":247,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":248,"_98":257},"b4d16d6c-5107-11f0-b701-f69ea79377d9","shared","488a1fe0-8197-45ca-8f59-d1dadae612bb",9,["D",1750775398865],[249],{"_104":250,"_95":251,"_154":252,"_156":245,"_157":139,"_158":246,"_160":22,"_106":253,"_100":32,"_163":200,"_165":254,"_166":22,"_167":-5,"_168":255,"_98":256},"b4d16862-5107-11f0-b701-f69ea79377d9","types.ts","b4d1690c-5107-11f0-b701-f69ea79377d9",["D",1750775398865],"export interface TalkSubmission {\n id: number;\n speaker_name: string;\n talk_context: string;\n is_on_behalf: boolean;\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}\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}",[],[244,251],[244],{"_104":259,"_95":260,"_154":261,"_156":-5,"_157":139,"_158":262,"_160":22,"_106":263,"_100":264,"_163":228,"_165":265,"_166":22,"_167":-5,"_168":266,"_98":267},"e38ef9bc-5107-11f0-a8fa-f69ea79377d9","README.md","bfef9cb4-5107-11f0-b497-f69ea79377d9",13,["D",1750775477279],1,"# 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**\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**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## 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)",[],[260],{"_104":269,"_95":270,"_154":271,"_156":-5,"_157":139,"_158":264,"_160":161,"_106":272,"_100":32,"_163":200,"_165":72,"_166":22,"_167":-5,"_168":273,"_98":274},"240e71f2-4b86-11f0-94fc-76b3cceeab13","main.tsx","240e72a6-4b86-11f0-94fc-76b3cceeab13",["D",1750169995102],[],[270],"files",[151,170,182,189,195,204,213,223,232,242,249,258,268],"counts",{"_279":32,"_280":264,"_281":264,"_282":208},"pulls","branches","forks","envVars","contents",[],{"_104":214,"_95":215,"_154":216,"_156":192,"_157":139,"_158":217,"_160":22,"_106":286,"_100":32,"_163":200,"_165":219,"_166":22,"_167":-5,"_98":287},["D",1750775359310],[184,191,215],"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":296,"_149":301,"_275":341,"_228":342,"_283":344,"_345":-5,"_346":22,"_347":-5,"_348":-5,"_349":-5,"_350":351},{"_104":105,"_95":96,"_106":297,"_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":298,"_133":299,"_136":300,"_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},[302,308,329,335,338],{"_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":303,"_98":307},[304],{"_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":305,"_98":306},[],[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":309,"_98":328},[310,322,325],{"_104":190,"_95":191,"_154":192,"_156":185,"_157":139,"_158":175,"_160":161,"_106":193,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":311,"_98":321},[312,315,318],{"_104":196,"_95":197,"_154":198,"_156":192,"_157":139,"_158":175,"_160":22,"_106":199,"_100":32,"_163":200,"_165":201,"_166":22,"_167":-5,"_168":313,"_98":314},[],[184,191,197],{"_104":205,"_95":206,"_154":207,"_156":192,"_157":139,"_158":208,"_160":22,"_106":209,"_100":32,"_163":200,"_165":210,"_166":22,"_167":-5,"_168":316,"_98":317},[],[184,191,206],{"_104":214,"_95":215,"_154":216,"_156":192,"_157":139,"_158":217,"_160":22,"_106":218,"_100":32,"_163":200,"_165":219,"_166":22,"_167":-5,"_168":319,"_98":320},[],[184,191,215],[184,191],{"_104":224,"_95":225,"_154":226,"_156":185,"_157":139,"_158":186,"_160":161,"_106":227,"_100":32,"_163":228,"_165":229,"_166":22,"_167":-5,"_168":323,"_98":324},[],[184,225],{"_104":233,"_95":234,"_154":235,"_156":185,"_157":139,"_158":236,"_160":22,"_106":237,"_100":32,"_163":200,"_165":238,"_166":22,"_167":-5,"_168":326,"_98":327},[],[184,234],[184],{"_104":243,"_95":244,"_154":245,"_156":-5,"_157":139,"_158":246,"_160":161,"_106":247,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":330,"_98":334},[331],{"_104":250,"_95":251,"_154":252,"_156":245,"_157":139,"_158":246,"_160":22,"_106":253,"_100":32,"_163":200,"_165":254,"_166":22,"_167":-5,"_168":332,"_98":333},[],[244,251],[244],{"_104":259,"_95":260,"_154":261,"_156":-5,"_157":139,"_158":262,"_160":22,"_106":263,"_100":264,"_163":228,"_165":265,"_166":22,"_167":-5,"_168":336,"_98":337},[],[260],{"_104":269,"_95":270,"_154":271,"_156":-5,"_157":139,"_158":264,"_160":161,"_106":272,"_100":32,"_163":200,"_165":72,"_166":22,"_167":-5,"_168":339,"_98":340},[],[270],[302,304,308,310,312,315,318,322,325,329,331,335,338],{"_104":214,"_95":215,"_154":216,"_156":192,"_157":139,"_158":217,"_160":22,"_106":286,"_100":32,"_163":200,"_165":219,"_166":22,"_167":-5,"_98":343},[184,191,215],[],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]