svg

image/convert.html

@@ -521,6 +521,10 @@
                             <option value="png">PNG</option>
                             <option value="webp">WebP</option>
                             <option value="svg">SVG</option>
+                            <option value="heic">HEIC</option>
+                            <option value="tiff">TIFF</option>
+                            <option value="bmp">BMP</option>
+                            <option value="gif">GIF</option>
                         </select>
                     </div>
                 </div>

image/converter.py

@@ -96,6 +96,11 @@ class Converter(ImageBase):
                 'optimize': False      # Don't optimize palette
             }
             
+        elif format_name == 'HEIC':
+            settings = {
+                'quality': 100         # Maximum quality for HEIC
+            }
+            
         return settings
     
     def _preserve_metadata(self, original_image: Image.Image, format_name: str) -> Dict:

image/javascript/image.js

@@ -2,11 +2,45 @@
 let selectedFiles = [];
 let completedFiles = [];
 
+// Constants
+const MAX_AGE_DAYS = 2;
+const MAX_AGE_MS = MAX_AGE_DAYS * 24 * 60 * 60 * 1000;
+
 // Initialize the application
 document.addEventListener('DOMContentLoaded', function () {
+	cleanupOrphanedStorageEntries();
 	setupEventListeners();
 });
 
+/**
+ * Remove localStorage entries older than MAX_AGE_DAYS
+ * This prevents orphaned entries from accumulating
+ */
+function cleanupOrphanedStorageEntries() {
+	try {
+		const storageData = JSON.parse(localStorage.getItem('uploadedFileData') || '{}');
+		const now = Date.now();
+		let cleaned = false;
+
+		for (const id in storageData) {
+			if (now - storageData[id].timestamp > MAX_AGE_MS) {
+				delete storageData[id];
+				cleaned = true;
+			}
+		}
+
+		if (cleaned) {
+			localStorage.setItem('uploadedFileData', JSON.stringify(storageData));
+			console.log('Cleaned orphaned localStorage entries');
+		}
+
+		// Also clean legacy format if exists
+		localStorage.removeItem('uploadedFileIds');
+	} catch (e) {
+		console.warn('Failed to cleanup localStorage:', e);
+	}
+}
+
 function setupEventListeners() {
 	const uploadSection = document.getElementById('upload-section');
 	const fileInput = document.getElementById('file-input');
@@ -75,19 +109,33 @@ function handleFileSelect(e) {
 }
 
 function generateUniqueId(file, length = 12) {
-	ext = "." + file.name.split(".")[file.name.split(".").length - 1]
+	let ext = "." + file.name.split(".")[file.name.split(".").length - 1]
 	const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
 	return Array.from({ length }, () => chars[Math.floor(Math.random() * chars.length)]).join('') + ext;
 }
 
+/**
+ * Save file ID with timestamp to localStorage
+ */
 function saveFileIdToStorage(id) {
-	let fileIds = JSON.parse(localStorage.getItem('uploadedFileIds') || '[]');
-	if (!fileIds.includes(id)) {
-		fileIds.push(id);
-		localStorage.setItem('uploadedFileIds', JSON.stringify(fileIds));
+	const storageData = JSON.parse(localStorage.getItem('uploadedFileData') || '{}');
+	if (!storageData[id]) {
+		storageData[id] = {
+			timestamp: Date.now()
+		};
+		localStorage.setItem('uploadedFileData', JSON.stringify(storageData));
 	}
 }
 
+/**
+ * Remove file ID from localStorage
+ */
+function removeFileIdFromStorage(id) {
+	const storageData = JSON.parse(localStorage.getItem('uploadedFileData') || '{}');
+	delete storageData[id];
+	localStorage.setItem('uploadedFileData', JSON.stringify(storageData));
+}
+
 function processFiles(files) {
 	files.forEach((file, index) => {
 		const id = generateUniqueId(file); // generate unique ID
@@ -132,12 +180,12 @@ function updateUI() {
 }
 
 function renderFileCards() {
-    const filesGrid = document.getElementById('files-grid');
+	const filesGrid = document.getElementById('files-grid');
 
-    filesGrid.innerHTML = selectedFiles.map(file => `
+	filesGrid.innerHTML = selectedFiles.map(file => `
         <div class="file-card" id="file-${file.id}">
             <button class="remove-button" onclick="removeFile('${file.id}')">×</button>
-			${window.location.pathname == '/image/remove_metadata' && file.other_info ? `<button class="remove-button" style="top: 40px; background: #17a2b8;" onclick="showMetadata('${file.id}')">i</button>`: ``}
+			${window.location.pathname == '/image/remove_metadata' && file.other_info ? `<button class="remove-button" style="top: 40px; background: #17a2b8;" onclick="showMetadata('${file.id}')">i</button>` : ``}
             
             <div class="file-preview">
                 ${file.preview ? `<img src="${file.preview}" alt="${file.name}">` : '<span class="file-icon">🖼️</span>'}
@@ -293,6 +341,7 @@ function formatFileSize(bytes) {
 function removeFile(fileId) {
 	selectedFiles = selectedFiles.filter(file => file.id !== fileId);
 	completedFiles = completedFiles.filter(file => file.id !== fileId);
+	removeFileIdFromStorage(fileId);
 	updateUI();
 
 	if (selectedFiles.length === 0) {
@@ -301,7 +350,8 @@ function removeFile(fileId) {
 }
 
 async function clearAllFiles() {
-	const fileIds = JSON.parse(localStorage.getItem('uploadedFileIds') || '[]');
+	const storageData = JSON.parse(localStorage.getItem('uploadedFileData') || '{}');
+	const fileIds = Object.keys(storageData);
 
 	if (fileIds.length > 0) {
 		try {
@@ -323,7 +373,7 @@ async function clearAllFiles() {
 	updateUI();
 	document.getElementById('download-button').style.display = 'none';
 	document.getElementById('progress-section').style.display = 'none';
-	localStorage.removeItem('uploadedFileIds');
+	localStorage.removeItem('uploadedFileData');
 }
 
 async function upload(file) {
@@ -364,20 +414,20 @@ function getStatusText(status) {
 	}
 }
 function showMetadata(fileId) {
-    const file = selectedFiles.find(f => f.id === fileId);
-    const contentEl = document.getElementById('metadata-content');
-    if (file && file.other_info) {
-        contentEl.textContent = JSON.stringify(file.other_info, null, 2);
-        document.getElementById('metadata-modal').style.display = 'block';
-        document.getElementById('modal-backdrop').style.display = 'block';
-    } else {
-        contentEl.textContent = 'No metadata removed or unavailable.';
-        document.getElementById('metadata-modal').style.display = 'block';
-        document.getElementById('modal-backdrop').style.display = 'block';
-    }
+	const file = selectedFiles.find(f => f.id === fileId);
+	const contentEl = document.getElementById('metadata-content');
+	if (file && file.other_info) {
+		contentEl.textContent = JSON.stringify(file.other_info, null, 2);
+		document.getElementById('metadata-modal').style.display = 'block';
+		document.getElementById('modal-backdrop').style.display = 'block';
+	} else {
+		contentEl.textContent = 'No metadata removed or unavailable.';
+		document.getElementById('metadata-modal').style.display = 'block';
+		document.getElementById('modal-backdrop').style.display = 'block';
+	}
 }
 
 function closeMetadataModal() {
-    document.getElementById('metadata-modal').style.display = 'none';
-    document.getElementById('modal-backdrop').style.display = 'none';
+	document.getElementById('metadata-modal').style.display = 'none';
+	document.getElementById('modal-backdrop').style.display = 'none';
 }

main.py

@@ -12,6 +12,20 @@ import mimetypes
 
 app = FastAPI(title="Tools Collection", description="Collection of utility tools")
 
+# Startup event to cleanup old files
+@app.on_event("startup")
+async def startup_cleanup():
+    """Run cleanup of files older than 2 days on server startup"""
+    try:
+        image_base = ImageBase()
+        deleted_count = image_base.cleanup_old_files(max_age_days=2)
+        if deleted_count > 0:
+            logger_config.info(f"Startup cleanup: Removed {deleted_count} old file(s)")
+        else:
+            logger_config.info("Startup cleanup: No old files to remove")
+    except Exception as e:
+        logger_config.warning(f"Startup cleanup failed: {e}")
+
 # Mount static/image at /image
 app.mount("/image/javascript", StaticFiles(directory="image/javascript"), name="image")
 

main_base.py

@@ -56,4 +56,46 @@ class MainBase:
 					if name_without_ext in filename:
 						file_path = os.path.join(self.output_dir, filename)
 						path_obj = Path(file_path)
-						path_obj.unlink(missing_ok=True)
+						path_obj.unlink(missing_ok=True)
+
+	def cleanup_old_files(self, max_age_days=2):
+		"""
+		Remove files older than max_age_days from input and output directories.
+		
+		Args:
+			max_age_days: Maximum age in days before files are deleted (default: 2)
+		
+		Returns:
+			Number of files deleted
+		"""
+		import time
+		
+		deleted_count = 0
+		max_age_seconds = max_age_days * 24 * 60 * 60
+		current_time = time.time()
+		
+		directories = [self.input_dir, self.output_dir]
+		
+		for directory in directories:
+			if not os.path.exists(directory):
+				continue
+				
+			for filename in os.listdir(directory):
+				file_path = os.path.join(directory, filename)
+				
+				# Skip directories
+				if os.path.isdir(file_path):
+					continue
+				
+				try:
+					file_mtime = os.path.getmtime(file_path)
+					file_age = current_time - file_mtime
+					
+					if file_age > max_age_seconds:
+						os.unlink(file_path)
+						deleted_count += 1
+						logger_config.info(f"Cleaned up old file: {filename}")
+				except Exception as e:
+					logger_config.warning(f"Failed to cleanup {filename}: {e}")
+		
+		return deleted_count