function MainComponent() { const [comparisonResult, setComparisonResult] = React.useState([]); const [loading, setLoading] = React.useState(false); const handleCompare = async (e)=>{ e.preventDefault(); setLoading(true); const fileA = e.target.fileA.files[0]; const fileB = e.target.fileB.files[0]; if (!fileA || !fileB) return; const textA = await fileA.text(); const textB = await fileB.text(); const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: `a.txt: \n${textA}` }, { role: 'user', content: `b.txt: \n${textB}` }, { role: 'system', content: `Create a PowerShell script to compare the two provided files and output the line number, text difference, and the file name.` } ] }) }); const result = await response.json(); const comparison = JSON.parse(result.choices[0].message.content); setComparisonResult(comparison); setLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 37, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4 font-roboto", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, "Text File Comparator"), /*#__PURE__*/ React.createElement("form", { className: "bg-gray-100 p-6 rounded-lg shadow-md w-full max-w-md mx-auto", onSubmit: handleCompare, __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "fileA", className: "block text-lg mb-2 font-roboto", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "Select first file (a.txt)"), /*#__PURE__*/ React.createElement("input", { id: "fileA", name: "fileA", type: "file", className: "w-full px-3 py-2 border rounded-md", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "fileB", className: "block text-lg mb-2 font-roboto", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "Select second file (b.txt)"), /*#__PURE__*/ React.createElement("input", { id: "fileB", name: "fileB", type: "file", className: "w-full px-3 py-2 border rounded-md", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-2 px-4 bg-blue-500 text-white font-semibold rounded-md", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, "Compare Files")), /*#__PURE__*/ React.createElement("div", { className: "mt-6 p-4 bg-white rounded-lg shadow-md", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4 font-roboto", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, "Comparison Result"), loading ? /*#__PURE__*/ React.createElement("p", { className: "text-md font-roboto", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, "Loading...") : /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, comparisonResult.length > 0 ? comparisonResult.map((diff, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "mb-2", __source: { fileName: "", lineNumber: 60, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-md font-roboto", __source: { fileName: "", lineNumber: 61, columnNumber: 19 }, __self: this }, "Line: ", /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 61, columnNumber: 60 }, __self: this }, diff.line)), /*#__PURE__*/ React.createElement("p", { className: "text-md font-roboto", __source: { fileName: "", lineNumber: 62, columnNumber: 19 }, __self: this }, "Text: ", /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 62, columnNumber: 60 }, __self: this }, diff.text)), /*#__PURE__*/ React.createElement("p", { className: "text-md font-roboto", __source: { fileName: "", lineNumber: 63, columnNumber: 19 }, __self: this }, "File: ", /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 63, columnNumber: 60 }, __self: this }, diff.file)))) : /*#__PURE__*/ React.createElement("p", { className: "text-md font-roboto", __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }, "No differences found.")))); }