function MainComponent() { const [url, setUrl] = React.useState(''); const [columnsInfo, setColumnsInfo] = React.useState([]); const [extractedData, setExtractedData] = React.useState([]); const [isLoading, setIsLoading] = React.useState(false); const fetchData = async ()=>{ const webScrapingData = await fetch('/integrations/web-scraping/post', { method: 'POST', body: JSON.stringify({ url }), headers: { 'Content-Type': 'application/json' } }).then((response)=>response.text()); const chatGptData = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { role: "user", content: webScrapingData } ], system_prompt: 'Extract data' }), headers: { 'Content-Type': 'application/json' } }).then((response)=>response.json()); return chatGptData.choices.map((choice)=>choice.message.content); }; const handleFetchData = async (event)=>{ event.preventDefault(); setIsLoading(true); const chatGptData = await fetchData(); setExtractedData(chatGptData); setIsLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#F0F4F8] min-h-screen font-roboto", __source: { fileName: "", lineNumber: 36, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto pt-10", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-center text-4xl text-[#121212] mb-6 font-semibold", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "データフェッチくん"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleFetchData, className: "flex flex-wrap gap-4 justify-center bg-white shadow-lg rounded-lg p-8", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: url, onChange: (e)=>setUrl(e.target.value), name: "url", placeholder: "URL", className: "border-2 border-gray-300 px-4 py-2 w-full md:w-[300px] rounded-md focus:border-blue-500 focus:outline-none", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", value: columnsInfo.join(","), onChange: (e)=>setColumnsInfo(e.target.value.split(',')), name: "columns", placeholder: "カラム情報 (カンマ区切り)", className: "border-2 border-gray-300 px-4 py-2 w-full md:w-[300px] rounded-md focus:border-blue-500 focus:outline-none", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: `bg-black text-white px-6 py-2 rounded-md w-full md:w-auto hover:bg-[#333333] transition-colors ${isLoading ? 'cursor-not-allowed opacity-50' : ''}`, disabled: isLoading, __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, isLoading ? "取得中..." : "データ取得")), /*#__PURE__*/ React.createElement("div", { className: "mt-10", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full table-auto shadow-lg rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-black text-white", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, columnsInfo.map((column, index)=>/*#__PURE__*/ React.createElement("th", { key: index, className: "px-4 py-2", __source: { fileName: "", lineNumber: 70, columnNumber: 19 }, __self: this }, column)))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, extractedData.length > 0 && /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 76, columnNumber: 17 }, __self: this }, extractedData.map((data, index)=>/*#__PURE__*/ React.createElement("td", { key: index, className: "border px-4 py-2 text-center", __source: { fileName: "", lineNumber: 78, columnNumber: 21 }, __self: this }, data)))))))); }