function MainComponent() { const [darkMode, setDarkMode] = React.useState(false); const [notes, setNotes] = React.useState([]); const [currentNote, setCurrentNote] = React.useState({ title: '', content: '' }); const [isBold, setIsBold] = React.useState(false); const [isItalic, setIsItalic] = React.useState(false); const [isUnderline, setIsUnderline] = React.useState(false); const [listType, setListType] = React.useState('none'); const [selectedText, setSelectedText] = React.useState(''); const [qrCode, setQrCode] = React.useState(''); const toggleDarkMode = ()=>setDarkMode(!darkMode); const handleNoteChange = (e)=>setCurrentNote({ ...currentNote, content: e.target.value }); const handleTitleChange = (e)=>setCurrentNote({ ...currentNote, title: e.target.value }); const saveNote = ()=>{ if (currentNote.title.trim() && currentNote.content.trim()) { setNotes([ ...notes, currentNote ]); setCurrentNote({ title: '', content: '' }); } }; const applyStyle = (style)=>{ switch(style){ case 'bold': setIsBold(!isBold); break; case 'italic': setIsItalic(!isItalic); break; case 'underline': setIsUnderline(!isUnderline); break; case 'number': setListType(listType === 'number' ? 'none' : 'number'); break; case 'bullet': setListType(listType === 'bullet' ? 'none' : 'bullet'); break; } }; const handleTextSelection = ()=>{ const selection = window.getSelection(); setSelectedText(selection.toString()); }; const generateQRCode = async ()=>{ const response = await fetch(`/integrations/qr-code/generatebasicbase64?data=${encodeURIComponent(currentNote.content)}`); const base64Image = await response.text(); setQrCode(base64Image); }; return /*#__PURE__*/ React.createElement("div", { className: `min-h-screen p-4 ${darkMode ? 'bg-gray-900 text-white' : 'bg-white text-gray-900'} font-sans`, __source: { fileName: "", lineNumber: 56, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, "Notetaking App"), /*#__PURE__*/ React.createElement("button", { onClick: toggleDarkMode, className: `px-3 py-1 rounded ${darkMode ? 'bg-yellow-400 text-gray-900' : 'bg-gray-800 text-white'}`, __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, darkMode ? 'Light Mode' : 'Dark Mode')), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 67, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: currentNote.title, onChange: handleTitleChange, placeholder: "Note Title", className: `w-full p-2 mb-2 border rounded ${darkMode ? 'bg-gray-800 border-gray-700' : 'bg-white border-gray-300'}`, __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap space-x-2 mb-2", __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>applyStyle('bold'), className: `px-2 py-1 rounded mb-2 ${isBold ? 'bg-blue-500 text-white' : 'bg-gray-200 text-gray-800'}`, __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bold", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>applyStyle('italic'), className: `px-2 py-1 rounded mb-2 ${isItalic ? 'bg-blue-500 text-white' : 'bg-gray-200 text-gray-800'}`, __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-italic", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>applyStyle('underline'), className: `px-2 py-1 rounded mb-2 ${isUnderline ? 'bg-blue-500 text-white' : 'bg-gray-200 text-gray-800'}`, __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-underline", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>applyStyle('number'), className: `px-2 py-1 rounded mb-2 ${listType === 'number' ? 'bg-blue-500 text-white' : 'bg-gray-200 text-gray-800'}`, __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-list-ol", __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>applyStyle('bullet'), className: `px-2 py-1 rounded mb-2 ${listType === 'bullet' ? 'bg-blue-500 text-white' : 'bg-gray-200 text-gray-800'}`, __source: { fileName: "", lineNumber: 88, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-list-ul", __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("textarea", { value: currentNote.content, onChange: handleNoteChange, onSelect: handleTextSelection, className: `w-full h-32 p-2 border rounded ${darkMode ? 'bg-gray-800 border-gray-700' : 'bg-white border-gray-300'}`, style: { fontWeight: isBold ? 'bold' : 'normal', fontStyle: isItalic ? 'italic' : 'normal', textDecoration: isUnderline ? 'underline' : 'none', listStyleType: listType === 'number' ? 'decimal' : listType === 'bullet' ? 'disc' : 'none' }, __source: { fileName: "", lineNumber: 92, columnNumber: 9 }, __self: this })), selectedText && /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 107, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 108, columnNumber: 11 }, __self: this }, "Selected Text:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 109, columnNumber: 11 }, __self: this }, selectedText)), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2 mb-4", __source: { fileName: "", lineNumber: 113, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: saveNote, className: "flex-1 bg-blue-500 text-white py-2 rounded hover:bg-blue-600", __source: { fileName: "", lineNumber: 114, columnNumber: 9 }, __self: this }, "Save Note"), /*#__PURE__*/ React.createElement("button", { onClick: generateQRCode, className: "flex-1 bg-green-500 text-white py-2 rounded hover:bg-green-600", __source: { fileName: "", lineNumber: 120, columnNumber: 9 }, __self: this }, "Generate QR Code")), qrCode && /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 129, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 130, columnNumber: 11 }, __self: this }, "QR Code for Current Note"), /*#__PURE__*/ React.createElement("img", { src: `data:image/png;base64,${qrCode}`, alt: "QR Code for current note", className: "w-full max-w-xs mx-auto", __source: { fileName: "", lineNumber: 131, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 135, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 136, columnNumber: 9 }, __self: this }, "Saved Notes"), /*#__PURE__*/ React.createElement("ul", { className: `space-y-2 ${darkMode ? 'text-gray-300' : 'text-gray-700'}`, __source: { fileName: "", lineNumber: 137, columnNumber: 9 }, __self: this }, notes.map((note, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "bg-opacity-20 bg-gray-200 p-2 rounded", __source: { fileName: "", lineNumber: 139, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold", __source: { fileName: "", lineNumber: 140, columnNumber: 15 }, __self: this }, note.title), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 141, columnNumber: 15 }, __self: this }, note.content)))))); }