\\${title}

\n \n \n \n\n

\n\n

View Transcript ▼

\n\\${transcription}\n

`;\n\n useEffect(() => {\n const cleanDescription = description.replace(/\\n/g, \"
\");\n // Convert date to ISO 8601 format with user's timezone\n let isoDate = \"\";\n if (uploadDate) {\n // Parse the date in the user's local timezone (not UTC)\n const date = new Date(uploadDate + \"T00:00:00\");\n // Get timezone offset in minutes and convert to ISO format with offset\n const offset = -date.getTimezoneOffset();\n const offsetHours = Math.floor(Math.abs(offset) / 60).toString().padStart(2, '0');\n const offsetMinutes = (Math.abs(offset) % 60).toString().padStart(2, '0');\n const offsetSign = offset >= 0 ? '+' : '-';\n \n const year = date.getFullYear();\n const month = (date.getMonth() + 1).toString().padStart(2, '0');\n const day = date.getDate().toString().padStart(2, '0');\n \n isoDate = `${year}-${month}-${day}T00:00:00${offsetSign}${offsetHours}:${offsetMinutes}`;\n }\n const generatedHTML = HTML_TEMPLATE\n .replace(\"${title}\", title)\n .replaceAll(\"${embedId}\", embedId)\n .replace(\"${description}\", cleanDescription)\n .replace(\"${uploadDate}\", isoDate)\n .replace(\"${transcription}\", transcription);\n setGenerated(generatedHTML);\n }, [title, embedId, description, uploadDate, transcription]);\n\n return (\n

Video HTML Generator

The final HTML output updates instantly as you type.

\n\n Video Title:\n setTitle(e.target.value)}\n placeholder=\"Your video title...\"\n />\n\n YouTube Embed ID:\n setEmbedId(e.target.value)}\n placeholder=\"e.g., dQw4w9WgXcQ\"\n />\n\n Description Text (Plain Text):\n setDescription(e.target.value)}\n placeholder=\"A simple text description. Press Enter for new paragraphs.\"\n />\n\n Video Upload Date:\n setUploadDate(e.target.value)}\n placeholder=\"YYYY-MM-DD\"\n />\n\n \n Full Transcription (Paste Raw HTML Here):\n \n setTranscription(e.target.value)}\n placeholder=\"

Paste your full HTML transcription here.

\"\n />\n\n

\n Generated HTML Output (Copy & Paste)\n

\n \n

\n );\n}","deleted","label",[174,175,157],"frontend","components","permalink","https://www.val.town/x/developersmartyr/video_helper/code/frontend/components/App.tsx","extension","actionData","errors"]