\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}",[],[185,192,199],{"_104":209,"_95":210,"_154":211,"_156":193,"_157":139,"_158":212,"_160":22,"_106":213,"_100":32,"_163":204,"_165":214,"_166":22,"_167":-5,"_168":215,"_98":216},"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}",[],[185,192,210],{"_104":218,"_95":219,"_154":220,"_156":193,"_157":139,"_158":101,"_160":22,"_106":221,"_100":194,"_163":204,"_165":222,"_166":22,"_167":-5,"_168":223,"_98":224},"031d2cbc-5109-11f0-8ecf-f69ea79377d9","TalkSubmissionForm.tsx","9d3d85a0-5107-11f0-bdc6-f69ea79377d9",["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}",[],[185,192,219],[185,192],{"_104":227,"_95":228,"_154":229,"_156":186,"_157":139,"_158":187,"_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",[],[185,228],{"_104":236,"_95":237,"_154":238,"_156":186,"_157":139,"_158":239,"_160":22,"_106":240,"_100":32,"_163":204,"_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();",[],[185,237],[185],{"_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":22,"_106":257,"_100":159,"_163":204,"_165":258,"_166":22,"_167":-5,"_168":259,"_98":260},"b50cc78a-5108-11f0-a207-f69ea79377d9","types.ts","b4d1690c-5107-11f0-b701-f69ea79377d9",24,["D",1750775828751],"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}\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":22,"_106":267,"_100":159,"_163":231,"_165":268,"_166":22,"_167":-5,"_168":269,"_98":270},"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)",[],[264],{"_104":272,"_95":273,"_154":274,"_156":-5,"_157":139,"_158":203,"_160":161,"_106":275,"_100":32,"_163":204,"_165":72,"_166":22,"_167":-5,"_168":276,"_98":277},"240e71f2-4b86-11f0-94fc-76b3cceeab13","main.tsx","240e72a6-4b86-11f0-94fc-76b3cceeab13",["D",1750169995102],[],[273],"files",[151,170,183,190,197,208,217,226,235,245,252,262,271],"counts",{"_282":32,"_283":203,"_284":203,"_285":212},"pulls","branches","forks","envVars","contents",[],{"_104":171,"_95":172,"_154":173,"_156":155,"_157":139,"_158":174,"_160":22,"_106":289,"_100":176,"_163":177,"_165":178,"_166":22,"_167":179,"_98":290},["D",1750775888909],[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":299,"_149":304,"_278":344,"_231":345,"_286":347,"_348":-5,"_349":22,"_350":-5,"_351":-5,"_352":-5,"_353":354},{"_104":105,"_95":96,"_106":300,"_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":301,"_133":302,"_136":303,"_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},[305,311,332,338,341],{"_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":306,"_98":310},[307],{"_104":171,"_95":172,"_154":173,"_156":155,"_157":139,"_158":174,"_160":22,"_106":175,"_100":176,"_163":177,"_165":178,"_166":22,"_167":179,"_168":308,"_98":309},[],[153,172],[153],{"_104":184,"_95":185,"_154":186,"_156":-5,"_157":139,"_158":187,"_160":161,"_106":188,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":312,"_98":331},[313,325,328],{"_104":191,"_95":192,"_154":193,"_156":186,"_157":139,"_158":194,"_160":161,"_106":195,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":314,"_98":324},[315,318,321],{"_104":198,"_95":199,"_154":200,"_156":193,"_157":139,"_158":201,"_160":22,"_106":202,"_100":203,"_163":204,"_165":205,"_166":22,"_167":-5,"_168":316,"_98":317},[],[185,192,199],{"_104":209,"_95":210,"_154":211,"_156":193,"_157":139,"_158":212,"_160":22,"_106":213,"_100":32,"_163":204,"_165":214,"_166":22,"_167":-5,"_168":319,"_98":320},[],[185,192,210],{"_104":218,"_95":219,"_154":220,"_156":193,"_157":139,"_158":101,"_160":22,"_106":221,"_100":194,"_163":204,"_165":222,"_166":22,"_167":-5,"_168":322,"_98":323},[],[185,192,219],[185,192],{"_104":227,"_95":228,"_154":229,"_156":186,"_157":139,"_158":187,"_160":161,"_106":230,"_100":32,"_163":231,"_165":232,"_166":22,"_167":-5,"_168":326,"_98":327},[],[185,228],{"_104":236,"_95":237,"_154":238,"_156":186,"_157":139,"_158":239,"_160":22,"_106":240,"_100":32,"_163":204,"_165":241,"_166":22,"_167":-5,"_168":329,"_98":330},[],[185,237],[185],{"_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":333,"_98":337},[334],{"_104":253,"_95":254,"_154":255,"_156":248,"_157":139,"_158":256,"_160":22,"_106":257,"_100":159,"_163":204,"_165":258,"_166":22,"_167":-5,"_168":335,"_98":336},[],[247,254],[247],{"_104":263,"_95":264,"_154":265,"_156":-5,"_157":139,"_158":266,"_160":22,"_106":267,"_100":159,"_163":231,"_165":268,"_166":22,"_167":-5,"_168":339,"_98":340},[],[264],{"_104":272,"_95":273,"_154":274,"_156":-5,"_157":139,"_158":203,"_160":161,"_106":275,"_100":32,"_163":204,"_165":72,"_166":22,"_167":-5,"_168":342,"_98":343},[],[273],[305,307,311,313,315,318,321,325,328,332,334,338,341],{"_104":171,"_95":172,"_154":173,"_156":155,"_157":139,"_158":174,"_160":22,"_106":289,"_100":176,"_163":177,"_165":178,"_166":22,"_167":179,"_98":346},[153,172],[],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]

colel

rust-nyc-talk-submissions