function MainComponent() { const BookSection = ({ content, isEditing, onChange })=>{ if (isEditing) { return /*#__PURE__*/ React.createElement("textarea", { className: "border p-2 w-full", value: content, onChange: (e)=>onChange(e.target.value), name: "bookSection", __source: { fileName: "", lineNumber: 4, columnNumber: 14 }, __self: this }); } return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 6, columnNumber: 12 }, __self: this }, content); }; const InteractiveBookPreview = ()=>{ const [bookData, setBookData] = React.useState({ cover: '', spine: '', frontEndpaper: '', frontispiece: '', greeting: '', history: '', rules: '', officers: '', afterword: '' }); const [isEditing, setIsEditing] = React.useState(false); const [zoom, setZoom] = React.useState(1); React.useEffect(()=>{ const savedData = localStorage.getItem('bookData'); if (savedData) { setBookData(JSON.parse(savedData)); } }, []); React.useEffect(()=>{ localStorage.setItem('bookData', JSON.stringify(bookData)); }, [ bookData ]); const handleContentChange = (section, content)=>{ setBookData((prev)=>({ ...prev, [section]: content })); }; const handleZoomIn = ()=>setZoom((prev)=>Math.min(prev + 0.1, 2)); const handleZoomOut = ()=>setZoom((prev)=>Math.max(prev - 0.1, 0.5)); const generatePDF = ()=>{ const pdf = new jsPDF(); Object.entries(bookData).forEach(([section, content], index)=>{ if (index > 0) pdf.addPage(); pdf.text(content, 10, 10); }); pdf.save('book-preview.pdf'); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center font-roboto", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 space-x-2", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "btn", onClick: ()=>setIsEditing(!isEditing), __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, isEditing ? /*#__PURE__*/ React.createElement("i", { className: "fa fa-eye", __source: { fileName: "", lineNumber: 55, columnNumber: 26 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fa fa-edit", __source: { fileName: "", lineNumber: 55, columnNumber: 56 }, __self: this }), isEditing ? ' プレビュー' : ' 編集'), /*#__PURE__*/ React.createElement("button", { className: "btn", onClick: handleZoomIn, __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-search-plus", __source: { fileName: "", lineNumber: 58, columnNumber: 58 }, __self: this }), " 拡大"), /*#__PURE__*/ React.createElement("button", { className: "btn", onClick: handleZoomOut, __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-search-minus", __source: { fileName: "", lineNumber: 59, columnNumber: 59 }, __self: this }), " 縮小"), /*#__PURE__*/ React.createElement("button", { className: "btn", onClick: generatePDF, __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-save", __source: { fileName: "", lineNumber: 60, columnNumber: 57 }, __self: this }), " PDF出力")), /*#__PURE__*/ React.createElement("div", { style: { transform: `scale(${zoom})`, transformOrigin: 'top center' }, __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(BookSection, { content: bookData.spine, isEditing: isEditing, onChange: (content)=>handleContentChange('spine', content), __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }))); }; return /*#__PURE__*/ React.createElement(InteractiveBookPreview, { __source: { fileName: "", lineNumber: 76, columnNumber: 10 }, __self: this }); }