${topic}

` : ""} ${content.split("\n").map((line)=>line.trim() ? `

${line}

` : "").filter(Boolean).join("\n")} `; const blob = new Blob([ html ], { type: "text/html" }); const url = URL.createObjectURL(blob); const a = document.createElement("a"); a.href = url; a.download = `${topic || "blog"}_${Date.now()}.html`; a.click(); URL.revokeObjectURL(url); }; const downloadBothAsHtml = ()=>{ if (blogContent1) downloadAsHtml(blogContent1, topic1, image1); setTimeout(()=>{ if (blogContent2) downloadAsHtml(blogContent2, topic2, image2); }, 100); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 p-2 md:p-8", __source: { fileName: "", lineNumber: 222, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Navigation, { __source: { fileName: "", lineNumber: 223, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 224, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: generateBothPosts, className: "space-y-6", __source: { fileName: "", lineNumber: 225, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-gray-800 font-noto text-center mb-8", __source: { fileName: "", lineNumber: 226, columnNumber: 11 }, __self: this }, "ISEFUブログ記事生成"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 230, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 231, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4 text-gray-800 font-noto", __source: { fileName: "", lineNumber: 232, columnNumber: 15 }, __self: this }, "記事 1"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 233, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 234, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2 font-noto", __source: { fileName: "", lineNumber: 235, columnNumber: 19 }, __self: this }, "トピック"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "topic1", value: topic1, onChange: (e)=>setTopic1(e.target.value), className: "w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500", placeholder: "トピックを入力してください", required: true, __source: { fileName: "", lineNumber: 236, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 246, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2 font-noto", __source: { fileName: "", lineNumber: 247, columnNumber: 19 }, __self: this }, "キーワード"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "keywords1", value: keywords1, onChange: (e)=>setKeywords1(e.target.value), className: "w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500", placeholder: "キーワードをカンマ区切りで入力", required: true, __source: { fileName: "", lineNumber: 248, columnNumber: 19 }, __self: this })), image1 && /*#__PURE__*/ React.createElement("img", { src: image1, alt: `${topic1}の関連画像`, className: "w-full rounded-lg", __source: { fileName: "", lineNumber: 259, columnNumber: 19 }, __self: this }), streamingMessage1 && /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 rounded-lg p-4 whitespace-pre-wrap", __source: { fileName: "", lineNumber: 266, columnNumber: 19 }, __self: this }, streamingMessage1), blogContent1 && /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>downloadAsHtml(blogContent1, topic1, image1), className: "w-full bg-green-500 text-white py-2 rounded-lg hover:bg-green-600", __source: { fileName: "", lineNumber: 271, columnNumber: 19 }, __self: this }, "HTMLでダウンロード"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 282, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4 text-gray-800 font-noto", __source: { fileName: "", lineNumber: 283, columnNumber: 15 }, __self: this }, "記事 2"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 284, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 285, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2 font-noto", __source: { fileName: "", lineNumber: 286, columnNumber: 19 }, __self: this }, "トピック"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "topic2", value: topic2, onChange: (e)=>setTopic2(e.target.value), className: "w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500", placeholder: "トピックを入力してください", required: true, __source: { fileName: "", lineNumber: 287, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 297, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2 font-noto", __source: { fileName: "", lineNumber: 298, columnNumber: 19 }, __self: this }, "キーワード"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "keywords2", value: keywords2, onChange: (e)=>setKeywords2(e.target.value), className: "w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500", placeholder: "キーワードをカンマ区切りで入力", required: true, __source: { fileName: "", lineNumber: 299, columnNumber: 19 }, __self: this })), image2 && /*#__PURE__*/ React.createElement("img", { src: image2, alt: `${topic2}の関連画像`, className: "w-full rounded-lg", __source: { fileName: "", lineNumber: 310, columnNumber: 19 }, __self: this }), streamingMessage2 && /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 rounded-lg p-4 whitespace-pre-wrap", __source: { fileName: "", lineNumber: 317, columnNumber: 19 }, __self: this }, streamingMessage2), blogContent2 && /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>downloadAsHtml(blogContent2, topic2, image2), className: "w-full bg-green-500 text-white py-2 rounded-lg hover:bg-green-600", __source: { fileName: "", lineNumber: 322, columnNumber: 19 }, __self: this }, "HTMLでダウンロード")))), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isLoading || !topic1 || !topic2 || !keywords1 || !keywords2, className: `w-full bg-blue-500 text-white py-4 rounded-lg font-bold text-lg ${isLoading || !topic1 || !topic2 || !keywords1 || !keywords2 ? "opacity-50" : "hover:bg-blue-600"}`, __source: { fileName: "", lineNumber: 334, columnNumber: 11 }, __self: this }, isLoading ? "生成中..." : "記事を生成")))); }