Error rendering markdown: ${error.message}

` };\n }\n }, [editableMarkdown, sortOption, showPRLinks, isEditing, owner, repo]);\n\n // Handle markdown changes\n const handleMarkdownChange = (value: string) => {\n setEditableMarkdown(value);\n if (onMarkdownChange) {\n onMarkdownChange(value);\n }\n };\n\n // Generate shareable link\n const generateShareableLink = async () => {\n if (!owner || !repo || !startDate || !endDate) {\n alert(\"Missing repository information. Please make sure you've selected a repository and date range.\");\n return;\n }\n\n setIsSharing(true);\n\n try {\n const response = await fetch(\"/api/share\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n owner,\n repo,\n startDate,\n endDate,\n releaseNotes: editableMarkdown,\n }),\n });\n\n const data = await response.json();\n\n if (!response.ok) {\n throw new Error(data.error || \"Failed to create shareable link\");\n }\n\n // Create the shareable URL\n const shareUrl = new URL(window.location.href);\n shareUrl.search = `?share=${data.id}`;\n\n setShareableUrl(shareUrl.toString());\n setShowShareModal(true);\n } catch (error) {\n console.error(\"Error creating shareable link:\", error);\n alert(`Failed to create shareable link: ${error.message}`);\n } finally {\n setIsSharing(false);\n }\n };\n\n // Add custom CSS for markdown rendering\n const markdownStyles = `\n .markdown-preview h1 { font-size: 1.8rem; font-weight: bold; margin-top: 1.5rem; margin-bottom: 1rem; }\n .markdown-preview h2 { font-size: 1.5rem; font-weight: bold; margin-top: 1.5rem; margin-bottom: 1rem; }\n .markdown-preview h3 { font-size: 1.3rem; font-weight: bold; margin-top: 1.2rem; margin-bottom: 0.8rem; }\n .markdown-preview h4 { font-size: 1.1rem; font-weight: bold; margin-top: 1rem; margin-bottom: 0.6rem; }\n .markdown-preview p { margin-bottom: 1rem; }\n .markdown-preview ul { list-style-type: disc; margin-left: 1.5rem; margin-bottom: 1rem; }\n .markdown-preview ol { list-style-type: decimal; margin-left: 1.5rem; margin-bottom: 1rem; }\n .markdown-preview li { margin-bottom: 0.5rem; }\n .markdown-preview code { background-color: #f0f0f0; padding: 0.2rem 0.4rem; border-radius: 0.2rem; font-family: monospace; }\n .markdown-preview pre { background-color: #f0f0f0; padding: 1rem; border-radius: 0.4rem; overflow-x: auto; margin-bottom: 1rem; }\n .markdown-preview blockquote { border-left: 4px solid #e2e8f0; padding-left: 1rem; margin-left: 0; margin-right: 0; margin-bottom: 1rem; }\n .markdown-preview a { color: #3182ce; text-decoration: underline; }\n .markdown-preview table { border-collapse: collapse; width: 100%; margin-bottom: 1rem; }\n .markdown-preview th, .markdown-preview td { border: 1px solid #e2e8f0; padding: 0.5rem; }\n .markdown-preview th { background-color: #f7fafc; }\n .markdown-preview hr { border: 0; border-top: 1px solid #e2e8f0; margin: 1.5rem 0; }\n `;\n\n return (\n

\n \n\n

Generated Release Notes

\n setIsEditing(!isEditing)}\n className=\"text-sm bg-gray-200 px-3 py-1 rounded hover:bg-gray-300\"\n >\n {isEditing ? \"Preview\" : \"Edit\"}\n \n \n {isSharing ? \"Sharing...\" : \"Share\"}\n \n

\n\n {!isEditing && (\n

\n Sort by:\n setSortOption(e.target.value as SortOption)}\n className=\"p-1 border rounded text-sm\"\n >\n \n \n \n \n

\n\n

\n setShowPRLinks(e.target.checked)}\n className=\"mr-2\"\n />\n \n Link PR references\n \n

\n )}\n\n {isEditing\n ? (\n

\n handleMarkdownChange(e.target.value)}\n className=\"w-full h-96 font-mono text-sm p-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500\"\n spellCheck=\"false\"\n />\n

\n )\n : (\n

\n \n

\n )}\n\n {/* Share Modal */}\n {showShareModal && (\n

Share these release notes

\n \n {\n navigator.clipboard.writeText(shareableUrl);\n setShareCopied(true);\n setTimeout(() => setShareCopied(false), 2000);\n }}\n className=\"bg-blue-500 text-white px-4 py-2 rounded-r\"\n >\n {shareCopied ? \"Copied!\" : \"Copy\"}\n \n

\n Anyone with this link can view these release notes.\n

\n setShowShareModal(false)}\n className=\"text-gray-600 hover:text-gray-800\"\n >\n Close\n \n

\n )}\n

\n );\n}","deleted","label",[172,173,154],"frontend","components","permalink","https://www.val.town/x/charmaine/GitHub-Release-Notes/code/frontend/components/ReleaseNotes.tsx","extension","actionData","errors"]