function MainComponent() { const [scannedText, setScannedText] = React.useState(""); const [pdfURL, setPDFURL] = React.useState(""); const [topic, setTopic] = React.useState(""); const [format, setFormat] = React.useState(""); const [generatedFiles, setGeneratedFiles] = React.useState([]); const [uploading, setUploading] = React.useState(false); const handleGenerateTextAndPDF = async ()=>{ const fileInput = document.querySelector('input[name="upload"]'); const file = fileInput.files[0]; if (file) { const reader = new FileReader(); reader.onloadend = async ()=>{ setUploading(true); const base64String = reader.result.replace('data:', '').replace(/^.+,/, ''); const geminiResponse = await fetch('/integrations/google-gemini-1-5/', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: base64String } ] }) }); const geminiResult = await geminiResponse.json(); const extractedText = geminiResult.choices[0].message.content; setScannedText(extractedText); const pdfResponse = await fetch('/integrations/pdf-generation/pdf', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ source: `${extractedText}` }) }); const pdfBlob = await pdfResponse.blob(); const pdfURL = URL.createObjectURL(pdfBlob); setPDFURL(pdfURL); setGeneratedFiles([ ...generatedFiles, { title: 'Notes PDF', url: pdfURL } ]); setUploading(false); }; reader.readAsDataURL(file); } }; const handleGenerateFromPrompt = async ()=>{ const geminiResponse = await fetch('/integrations/google-gemini-1-5/', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: `Generate content for topic: ${topic}` } ] }) }); const geminiResult = await geminiResponse.json(); const generatedContent = geminiResult.choices[0].message.content; let fileBlob; if (format === "pdf") { const pdfResponse = await fetch('/integrations/pdf-generation/pdf', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ source: `${generatedContent}` }) }); fileBlob = await pdfResponse.blob(); const pdfURL = URL.createObjectURL(fileBlob); setGeneratedFiles([ ...generatedFiles, { title: `${topic} PDF`, url: pdfURL } ]); } else if (format === "image") { const imageURL = `data:image/png;base64,${btoa(generatedContent)}`; setGeneratedFiles([ ...generatedFiles, { title: `${topic} Image`, url: imageURL } ]); } else if (format === "ppt") { const pptURL = `data:application/vnd.ms-powerpoint;base64,${btoa(generatedContent)}`; setGeneratedFiles([ ...generatedFiles, { title: `${topic} PPT`, url: pptURL } ]); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 flex font-roboto", __source: { fileName: "", lineNumber: 96, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "w-[250px] bg-blue-700 text-white p-4", __source: { fileName: "", lineNumber: 97, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-medium", __source: { fileName: "", lineNumber: 98, columnNumber: 9 }, __self: this }, "Notes to Digital Text & PDF"), /*#__PURE__*/ React.createElement("ul", { className: "mt-8", __source: { fileName: "", lineNumber: 99, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "mb-4", __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#upload-section", className: "text-lg", __source: { fileName: "", lineNumber: 101, columnNumber: 13 }, __self: this }, "Upload Image")), /*#__PURE__*/ React.createElement("li", { className: "mb-4", __source: { fileName: "", lineNumber: 103, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#prompt-section", className: "text-lg", __source: { fileName: "", lineNumber: 104, columnNumber: 13 }, __self: this }, "Generate from Prompt")), /*#__PURE__*/ React.createElement("li", { className: "mb-4", __source: { fileName: "", lineNumber: 106, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#text-section", className: "text-lg", __source: { fileName: "", lineNumber: 107, columnNumber: 13 }, __self: this }, "Extracted Text")), /*#__PURE__*/ React.createElement("li", { className: "mb-4", __source: { fileName: "", lineNumber: 109, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#pdf-section", className: "text-lg", __source: { fileName: "", lineNumber: 110, columnNumber: 13 }, __self: this }, "Generated Files")))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center w-full p-4", __source: { fileName: "", lineNumber: 115, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full p-4 bg-blue-600 text-white text-center text-lg", __source: { fileName: "", lineNumber: 116, columnNumber: 9 }, __self: this }, "Notes to Digital Text & PDF App"), /*#__PURE__*/ React.createElement("main", { className: "flex flex-col items-center w-full", __source: { fileName: "", lineNumber: 119, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("section", { id: "upload-section", className: "w-full max-w-2xl p-4 bg-white shadow-md rounded-lg", __source: { fileName: "", lineNumber: 120, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl text-gray-900 mb-4", __source: { fileName: "", lineNumber: 121, columnNumber: 13 }, __self: this }, "Upload Your Image"), /*#__PURE__*/ React.createElement("input", { type: "file", name: "upload", className: "mb-4 w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 122, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "w-full p-2 bg-green-600 text-white rounded", onClick: handleGenerateTextAndPDF, __source: { fileName: "", lineNumber: 123, columnNumber: 13 }, __self: this }, "Generate Text & PDF"), uploading && /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-blue-600", __source: { fileName: "", lineNumber: 126, columnNumber: 27 }, __self: this }, "Processing...")), /*#__PURE__*/ React.createElement("section", { id: "prompt-section", className: "w-full max-w-2xl p-4 bg-white shadow-md rounded-lg mt-8", __source: { fileName: "", lineNumber: 129, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl text-gray-900 mb-4", __source: { fileName: "", lineNumber: 130, columnNumber: 13 }, __self: this }, "Generate from Prompt"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "topic", value: topic, onChange: (e)=>setTopic(e.target.value), placeholder: "Enter your topic here", className: "mb-4 w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 131, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mb-4 w-full", __source: { fileName: "", lineNumber: 139, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: "format", value: format, onChange: (e)=>setFormat(e.target.value), className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 140, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 146, columnNumber: 17 }, __self: this }, "Select Format"), /*#__PURE__*/ React.createElement("option", { value: "ppt", __source: { fileName: "", lineNumber: 147, columnNumber: 17 }, __self: this }, "PPT"), /*#__PURE__*/ React.createElement("option", { value: "pdf", __source: { fileName: "", lineNumber: 148, columnNumber: 17 }, __self: this }, "PDF"), /*#__PURE__*/ React.createElement("option", { value: "image", __source: { fileName: "", lineNumber: 149, columnNumber: 17 }, __self: this }, "Image"))), /*#__PURE__*/ React.createElement("button", { className: "w-full p-2 bg-green-600 text-white rounded", onClick: handleGenerateFromPrompt, __source: { fileName: "", lineNumber: 152, columnNumber: 13 }, __self: this }, "Generate")), /*#__PURE__*/ React.createElement("section", { id: "text-section", className: "w-full max-w-2xl p-4 bg-white shadow-md rounded-lg mt-8", __source: { fileName: "", lineNumber: 157, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl text-gray-900 mb-4", __source: { fileName: "", lineNumber: 158, columnNumber: 13 }, __self: this }, "Extracted Text"), /*#__PURE__*/ React.createElement("textarea", { value: scannedText, readOnly: true, name: "extractedText", className: "w-full h-[200px] p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 159, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("section", { id: "pdf-section", className: "w-full max-w-2xl p-4 bg-white shadow-md rounded-lg mt-8", __source: { fileName: "", lineNumber: 166, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl text-gray-900 mb-4", __source: { fileName: "", lineNumber: 167, columnNumber: 13 }, __self: this }, "Generated Files"), generatedFiles.map((file, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "mb-2", __source: { fileName: "", lineNumber: 169, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: file.url, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 underline", __source: { fileName: "", lineNumber: 170, columnNumber: 17 }, __self: this }, file.title))))), /*#__PURE__*/ React.createElement("footer", { className: "w-full p-4 mt-auto bg-gray-800 text-white text-center text-sm", __source: { fileName: "", lineNumber: 182, columnNumber: 9 }, __self: this }, "© 2023 Notes to Digital Text & PDF Web App"))); }