function Section1Link({ href, linkText, onSubmit }) { const [text, setText] = React.useState(''); const [result, setResult] = React.useState(null); const [loading, setLoading] = React.useState(false); const handleChange = (e)=>setText(e.target.value); const handleSubmit = async ()=>{ setLoading(true); const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { role: 'user', content: text } ] }), headers: { 'Content-Type': 'application/json' } }); const data = await response.json(); const improvedText = data.choices[0]?.message?.content || 'No suggestion'; setResult(improvedText); setLoading(false); if (onSubmit) onSubmit(improvedText); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 30, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: href, className: "text-blue-500 underline", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, linkText), /*#__PURE__*/ React.createElement("textarea", { name: "text", value: text, onChange: handleChange, className: "w-full p-2 mt-4 border border-gray-300 rounded", rows: "4", placeholder: "テキストを入力してください...", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleSubmit, className: "bg-blue-500 text-white mt-2 p-2 rounded", disabled: loading, __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, loading ? 'Loading...' : '添削'), result && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-2 border border-green-300 rounded bg-green-50", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "改善されたテキスト"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, result))); } function Section1LinkStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 61, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Section1Link, { href: "#section1", linkText: "添削", __source: { fileName: "", lineNumber: 62, columnNumber: 7 }, __self: this })); } function ClickableLinkPage({ onRefineText }) { const [bulletPoints, setBulletPoints] = React.useState(''); const [refinedText, setRefinedText] = React.useState(''); const [isLoading, setIsLoading] = React.useState(false); const handleRefineText = async ()=>{ setIsLoading(true); try { const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { role: 'user', content: `この文をより具体的で詳細にしてください: ${bulletPoints}` } ] }) }); const data = await response.json(); const refined = data.choices[0].message.content; setRefinedText(refined); onRefineText(refined); } catch (error) { console.error('テキストの改善中にエラーが発生しました:', error); } setIsLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "max-w-xs mx-auto p-2 bg-white shadow-sm rounded-lg", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { className: "w-full h-16 p-2 text-xs border border-gray-300 rounded-md resize-none", placeholder: "箇条書きの内容を入力してください...", value: bulletPoints, onChange: (e)=>setBulletPoints(e.target.value), name: "bulletPoints", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-2", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-full bg-green-500 text-white text-xs px-2 py-1 rounded-md hover:bg-green-600 transition-colors", onClick: handleRefineText, disabled: isLoading, __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, isLoading ? '読み込み中...' : 'テキストを改善')), refinedText && /*#__PURE__*/ React.createElement("div", { className: "mt-2", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-xs", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "改善されたテキスト:"), /*#__PURE__*/ React.createElement("p", { className: "mt-1 text-xs", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, refinedText))); } function ClickableLinkPageStory() { const [refinedText, setRefinedText] = React.useState(''); return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 57, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ClickableLinkPage, { onRefineText: setRefinedText, __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this })); } function DynamicLinkStyling({ href, text }) { return /*#__PURE__*/ React.createElement("a", { href: href, className: "text-[#00BFFF] hover:underline", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, text); } function DynamicLinkStylingStory() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(DynamicLinkStyling, { href: "https://example.com", text: "Example Link 1", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(DynamicLinkStyling, { href: "https://anotherexample.com", text: "Example Link 2", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this })); } function MainMenuButton({ onBack }) { return /*#__PURE__*/ React.createElement("button", { onClick: onBack, className: "ml-4 mt-4 p-2 bg-blue-500 text-white rounded font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, "メインメニューに戻る"); } function MainMenuButtonStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainMenuButton, { onBack: ()=>console.log("Returning to main menu"), __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this })); } function DynamicComponentPage({ onBack, onSubmit, isLoading, feedback, error }) { const [occupation, setOccupation] = React.useState(""); const [reason, setReason] = React.useState(""); return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainMenuButton, { onBack: onBack, __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-roboto", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "志望する進路"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "occupation", value: occupation, onChange: (e)=>setOccupation(e.target.value), className: "w-full p-2 border border-gray-300 rounded mt-1", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-roboto", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "志望理由書"), /*#__PURE__*/ React.createElement("textarea", { name: "reason", value: reason, onChange: (e)=>setReason(e.target.value), className: "w-full p-2 border border-gray-300 rounded mt-1 h-32", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>onSubmit(occupation, reason), className: "mt-4 p-2 bg-green-500 text-white rounded font-roboto", disabled: isLoading, __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, isLoading ? '添削中...' : '添削する')), feedback && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-gray-100 rounded", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-lg", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "添削結果:"), /*#__PURE__*/ React.createElement("div", { className: "font-roboto whitespace-pre-wrap", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, feedback)), error && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-red-100 text-red-700 rounded font-roboto", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, error)); } function DynamicComponentPageStory() { const [isLoading, setIsLoading] = React.useState(false); const [feedback, setFeedback] = React.useState(""); const [error, setError] = React.useState(""); const handleBack = ()=>{ console.log('Back to main menu'); }; const handleSubmit = async (occupation, reason)=>{ setIsLoading(true); setFeedback(""); setError(""); try { const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: "system", content: "あなたは志望理由書の添削を行う専門家です。以下の志望する進路と志望理由書を添削し、改善点を具体的に指摘してください。" }, { role: "user", content: `志望する進路: ${occupation}\n\n志望理由書:\n${reason}` } ] }) }); const data = await response.json(); if (data.choices && data.choices[0].message.content) { setFeedback(data.choices[0].message.content); } else { setError("添削結果を取得できませんでした"); } } catch { setError("添削中にエラーが発生しました"); } setIsLoading(false); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 94, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(DynamicComponentPage, { onBack: handleBack, onSubmit: handleSubmit, isLoading: isLoading, feedback: feedback, error: error, __source: { fileName: "", lineNumber: 95, columnNumber: 7 }, __self: this })); } function MainComponent() { const [currentImage, setCurrentImage] = React.useState(0); const [showComponent, setShowComponent] = React.useState(null); const images = [ "/image1.jpg", "/image2.jpg", "/image3.jpg" ]; React.useEffect(()=>{ const interval = setInterval(()=>{ setCurrentImage((prev)=>(prev + 1) % images.length); }, 3000); return ()=>clearInterval(interval); }, []); const handleContactSubmit = async (event)=>{ event.preventDefault(); const formData = new FormData(event.target); const contactData = { name: formData.get('name'), email: formData.get('email'), message: formData.get('message') }; try { await fetch('/api/db/kadaikenkyuu', { method: 'POST', body: JSON.stringify({ query: "INSERT INTO `contact` (`name`, `email`, `message`) VALUES (?, ?, ?)", values: [ contactData.name, contactData.email, contactData.message ] }), headers: { 'Content-Type': 'application/json' } }); alert('Successfully submitted!'); } catch (error) { alert('There was an error submitting your form, please try again.'); } }; const renderMainMenuButton = ()=>/*#__PURE__*/ React.createElement(MainMenuButton, { onBack: ()=>setShowComponent(null), __source: { fileName: "", lineNumber: 40, columnNumber: 5 }, __self: this }); if (showComponent === 'Section1Link') { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(Section1Link, { href: "#section1", linkText: "添削", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }), renderMainMenuButton()); } if (showComponent === 'ClickableLinkPage') { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(ClickableLinkPage, { onRefineText: ()=>{}, __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }), renderMainMenuButton()); } if (showComponent === 'DynamicComponentPage') { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(DynamicComponentPage, { onBack: ()=>setShowComponent(null), onSubmit: (occupation, reason)=>console.log('Submit', occupation, reason), isLoading: false, feedback: "", error: "", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this })); } if (showComponent === 'Component') { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 77, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(React.Fragment, null), renderMainMenuButton()); } return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 85, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#010101] text-white p-4", __source: { fileName: "", lineNumber: 86, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, "志望理由書お助けサイト"), /*#__PURE__*/ React.createElement("nav", { className: "mt-2", __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 89, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowComponent('Section1Link'), className: "text-[#00BFFF] hover:underline", __source: { fileName: "", lineNumber: 90, columnNumber: 17 }, __self: this }, "添削")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowComponent('ClickableLinkPage'), className: "text-[#00BFFF] hover:underline", __source: { fileName: "", lineNumber: 91, columnNumber: 17 }, __self: this }, "文の具体化")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowComponent('DynamicComponentPage'), className: "text-[#00BFFF] hover:underline", __source: { fileName: "", lineNumber: 92, columnNumber: 17 }, __self: this }, "志望に合わせた文の修正")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowComponent('Component'), className: "text-[#00BFFF] hover:underline", __source: { fileName: "", lineNumber: 93, columnNumber: 17 }, __self: this }, "例文作成"))))), /*#__PURE__*/ React.createElement("div", { className: "relative w-full h-[300px] mt-4", __source: { fileName: "", lineNumber: 97, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: images[currentImage], alt: "スライドショー画像", className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 98, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("main", { __source: { fileName: "", lineNumber: 100, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { id: "section1", className: "p-4", __source: { fileName: "", lineNumber: 101, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, "添削")), /*#__PURE__*/ React.createElement("section", { id: "section2", className: "p-4", __source: { fileName: "", lineNumber: 104, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg", __source: { fileName: "", lineNumber: 105, columnNumber: 11 }, __self: this }, "文の具体化"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 106, columnNumber: 11 }, __self: this }, "コンテンツがここに入ります。")), /*#__PURE__*/ React.createElement("section", { id: "section3", className: "p-4", __source: { fileName: "", lineNumber: 108, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg", __source: { fileName: "", lineNumber: 109, columnNumber: 11 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleContactSubmit, __source: { fileName: "", lineNumber: 110, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 111, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "name", className: "block text-lg mb-2", __source: { fileName: "", lineNumber: 112, columnNumber: 15 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "name", name: "name", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 113, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 115, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-lg mb-2", __source: { fileName: "", lineNumber: 116, columnNumber: 15 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 117, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 119, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "message", className: "block text-lg mb-2", __source: { fileName: "", lineNumber: 120, columnNumber: 15 }, __self: this }, "Message"), /*#__PURE__*/ React.createElement("textarea", { id: "message", name: "message", className: "w-full p-2 border border-gray-300 rounded", rows: "4", __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement(DynamicLinkStyling, { href: "#", text: "Submit", __source: { fileName: "", lineNumber: 123, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full p-2 bg-blue-500 text-white rounded", __source: { fileName: "", lineNumber: 124, columnNumber: 15 }, __self: this }, "Submit")))))); }