+2

src/css/app.css

reviewed

··· 492 492 } 493 493 494 494 .doc-item-delete, 495 495 + .doc-item-duplicate, 495 496 .doc-item-move { 496 497 opacity: 0; 497 498 transition: opacity var(--transition-fast); 498 499 } 499 500 .doc-item:hover .doc-item-delete, 501 501 + .doc-item:hover .doc-item-duplicate, 500 502 .doc-item:hover .doc-item-move { opacity: 1; } 501 503 502 504 /* Star button */

+51

src/landing.ts

reviewed

··· 386 386 <span class="doc-item-type">${doc.type}</span> 387 387 <span class="doc-item-date">${date}</span> 388 388 <button class="btn-icon doc-item-move" data-id="${doc.id}" title="Move to folder">&#128193;</button> 389 389 + <button class="btn-icon doc-item-duplicate" data-id="${doc.id}" title="Duplicate">&#10697;</button> 389 390 <button class="btn-icon doc-item-delete" data-id="${doc.id}" title="Move to trash">&#10005;</button> 390 391 </a>`; 391 392 } ··· 436 437 e.preventDefault(); 437 438 e.stopPropagation(); 438 439 showMoveModal(btn.dataset.id); 440 440 + }); 441 441 + }); 442 442 + 443 443 + // Duplicate handlers 444 444 + docListEl.querySelectorAll('.doc-item-duplicate').forEach(btn => { 445 445 + btn.addEventListener('click', async (e) => { 446 446 + e.preventDefault(); 447 447 + e.stopPropagation(); 448 448 + const id = btn.dataset.id; 449 449 + const originalDoc = allDocs.find(d => d.id === id); 450 450 + if (!originalDoc) return; 451 451 + 452 452 + try { 453 453 + // Create new document of same type (copies encrypted name so duplicate has same title) 454 454 + const res = await fetch('/api/documents', { 455 455 + method: 'POST', 456 456 + headers: { 'Content-Type': 'application/json' }, 457 457 + body: JSON.stringify({ type: originalDoc.type, name_encrypted: originalDoc.name_encrypted }), 458 458 + }); 459 459 + const { id: newId } = await res.json(); 460 460 + 461 461 + // Copy the snapshot (encrypted blob — no need to decrypt/re-encrypt) 462 462 + const snapRes = await fetch(`/api/documents/${id}/snapshot`); 463 463 + if (snapRes.ok) { 464 464 + const blob = await snapRes.blob(); 465 465 + await fetch(`/api/documents/${newId}/snapshot`, { 466 466 + method: 'PUT', 467 467 + body: blob, 468 468 + }); 469 469 + } 470 470 + 471 471 + // Copy the encryption key so the user can decrypt the copy 472 472 + const keys = JSON.parse(localStorage.getItem('tools-keys') || '{}'); 473 473 + if (keys[id]) { 474 474 + keys[newId] = keys[id]; 475 475 + localStorage.setItem('tools-keys', JSON.stringify(keys)); 476 476 + } 477 477 + 478 478 + // If we're inside a folder, assign the duplicate to the same folder 479 479 + if (currentFolderId) { 480 480 + folderAssignments = moveToFolder(folderAssignments, newId, currentFolderId); 481 481 + localStorage.setItem('tools-folder-assignments', JSON.stringify(folderAssignments)); 482 482 + } 483 483 + 484 484 + // Reload document list from server to pick up the new doc 485 485 + await loadDocuments(); 486 486 + showToast('Document duplicated'); 487 487 + } catch { 488 488 + showToast('Failed to duplicate document', 4000, true); 489 489 + } 439 490 }); 440 491 }); 441 492 }