function MainComponent() { const [selectedFile, setSelectedFile] = React.useState(); const [chunkSizeMB, setChunkSizeMB] = React.useState(); const [fileList, setFileList] = React.useState([]); const handleFileChange = (event)=>{ setSelectedFile(event.target.files[0]); }; const handleSizeChange = (event)=>{ const sizeInBytes = event.target.value * 1024 * 1024; setChunkSizeMB(sizeInBytes); }; const handleSplit = ()=>{ if (!selectedFile || !chunkSizeMB) return; const reader = new FileReader(); reader.onload = function(e) { const buffer = e.target.result; const chunks = Math.ceil(buffer.byteLength / chunkSizeMB); let files = []; let batContent = "@echo off\n"; for(let i = 0; i < chunks; i++){ const start = i * chunkSizeMB; const end = start + chunkSizeMB; const blob = new Blob([ buffer.slice(start, Math.min(end, buffer.byteLength)) ], { type: 'application/octet-stream' }); let chunkName = `${selectedFile.name}-${i + 1}`; files.push({ name: chunkName, blob }); if (selectedFile.name.endsWith('.msi') && i === 0) { chunkName += ".txt"; // Change the extension to .txt for the first chunk if it's an MSI batContent += `copy /b "${chunkName}"+`; } else if (i === chunks - 1) { batContent += `"${chunkName}" "${selectedFile.name}"\n`; } else { batContent += `"${chunkName}"+`; } } if (selectedFile.name.endsWith('.msi')) { const batBlob = new Blob([ batContent ], { type: 'text/batch' }); files.push({ name: `${selectedFile.name}-restore.bat`, blob: batBlob }); } setFileList(files); }; reader.readAsArrayBuffer(selectedFile); }; const handleDownload = (blob, filename)=>{ const url = window.URL.createObjectURL(blob); const link = document.createElement('a'); link.href = url; link.download = filename; document.body.appendChild(link); link.click(); document.body.removeChild(link); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-100 p-4", __source: { fileName: "", lineNumber: 64, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-[#121212] text-2xl mb-4", __source: { fileName: "", lineNumber: 65, columnNumber: 7 }, __self: this }, "ファイル分割ツール"), /*#__PURE__*/ React.createElement("input", { type: "file", onChange: handleFileChange, name: "fileInput", className: "mb-4", __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "font-roboto", __source: { fileName: "", lineNumber: 67, columnNumber: 7 }, __self: this }, "分割サイズ(MB):", /*#__PURE__*/ React.createElement("input", { type: "number", onChange: handleSizeChange, name: "chunkSizeMB", className: "ml-2 border rounded p-1", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: handleSplit, className: "mt-4 bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded", __source: { fileName: "", lineNumber: 71, columnNumber: 7 }, __self: this }, "分割開始"), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 72, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-[#121212] mb-2", __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }, "分割ファイル:"), /*#__PURE__*/ React.createElement("ul", { id: "fileList", className: "list-disc pl-5", __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }, fileList.map((file, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "font-roboto", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", onClick: ()=>handleDownload(file.blob, file.name), __source: { fileName: "", lineNumber: 77, columnNumber: 15 }, __self: this }, file.name)))))); }