remove metadata issue fix

Dockerfile

@@ -4,6 +4,8 @@ FROM python:3.10-slim
 # Install system dependencies
 RUN apt-get update && apt-get install -y \
     git libheif-dev pkg-config \
+    libglib2.0-0 \
+    libasound2 libasound2-dev \
     && rm -rf /var/lib/apt/lists/*
 
 # Create user (Hugging Face Spaces requirement)

image/{index.html → convert.html}

@@ -5,6 +5,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Image Convert - Tools Collection</title>
+    <script src="/image/javascript/image.js"></script>
     <style>
         * {
             margin: 0;
@@ -366,18 +367,18 @@
             justify-content: center;
         }
 
-        .convert-button {
+        .process-button {
             background: linear-gradient(135deg, #28a745, #20c997);
             color: white;
             box-shadow: 0 4px 15px rgba(40, 167, 69, 0.3);
         }
 
-        .convert-button:hover:not(:disabled) {
+        .process-button:hover:not(:disabled) {
             transform: translateY(-2px);
             box-shadow: 0 8px 25px rgba(40, 167, 69, 0.4);
         }
 
-        .convert-button:disabled {
+        .process-button:disabled {
             opacity: 0.6;
             cursor: not-allowed;
         }
@@ -492,8 +493,6 @@
                 <span class="upload-icon">📁</span>
                 <div class="upload-text">
                     <h3>Drop your images here</h3>
-                    <p>Support for HEIC, PNG, JPG, and more formats</p>
-                    <!-- <button class="upload-button" onclick="document.getElementById('file-input').click()"> -->
                     <button class="upload-button">
                         Choose Files
                     </button>
@@ -528,7 +527,7 @@
 
             <div class="progress-section" id="progress-section">
                 <h3 class="progress-title">
-                    🔄 Converting Images...
+                    🔄 Processing Images...
                 </h3>
                 <div class="progress-bar-container">
                     <div class="progress-bar" id="progress-bar"></div>
@@ -537,7 +536,7 @@
             </div>
 
             <div class="action-buttons">
-                <button class="action-button convert-button" id="convert-button" disabled>
+                <button class="action-button process-button" id="process-button" disabled>
                     🔄 Convert Images
                 </button>
                 <button class="action-button clear-button" id="clear-button">
@@ -551,366 +550,8 @@
     </div>
 
     <script>
-        let selectedFiles = [];
-        let convertedFiles = [];
-
-        // Initialize the application
-        document.addEventListener('DOMContentLoaded', function () {
-            setupEventListeners();
-        });
-
-        function setupEventListeners() {
-            const uploadSection = document.getElementById('upload-section');
-            const fileInput = document.getElementById('file-input');
-            const convertButton = document.getElementById('convert-button');
-            const clearButton = document.getElementById('clear-button');
-            const downloadButton = document.getElementById('download-button');
-
-            // File upload events
-            uploadSection.addEventListener('click', () => fileInput.click());
-            uploadSection.addEventListener('dragover', handleDragOver);
-            uploadSection.addEventListener('dragleave', handleDragLeave);
-            uploadSection.addEventListener('drop', handleDrop);
-            fileInput.addEventListener('change', handleFileSelect);
-
-            // Button events
-            convertButton.addEventListener('click', convertImages);
-            clearButton.addEventListener('click', clearAllFiles);
-            downloadButton.addEventListener('click', downloadAllFiles);
-        }
-
-        function showMessage(message, type = 'error') {
-            const errorMsg = document.getElementById('error-message');
-            const successMsg = document.getElementById('success-message');
-
-            // Hide both messages first
-            errorMsg.style.display = 'none';
-            successMsg.style.display = 'none';
-
-            if (type === 'error') {
-                errorMsg.textContent = message;
-                errorMsg.style.display = 'block';
-            } else {
-                successMsg.textContent = message;
-                successMsg.style.display = 'block';
-            }
-
-            // Auto-hide after 5 seconds
-            setTimeout(() => {
-                errorMsg.style.display = 'none';
-                successMsg.style.display = 'none';
-            }, 5000);
-        }
-
-        function handleDragOver(e) {
-            e.preventDefault();
-            e.currentTarget.classList.add('dragover');
-        }
-
-        function handleDragLeave(e) {
-            e.preventDefault();
-            e.currentTarget.classList.remove('dragover');
-        }
-
-        function handleDrop(e) {
-            e.preventDefault();
-            const uploadSection = e.currentTarget;
-            uploadSection.classList.remove('dragover');
-
-            const files = Array.from(e.dataTransfer.files);
-            processFiles(files);
-        }
-
-        function handleFileSelect(e) {
-            const files = Array.from(e.target.files);
-            processFiles(files);
-        }
-
-        function generateUniqueId(file, length = 12) {
-            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;
-        }
-
-        function saveFileIdToStorage(id) {
-            let fileIds = JSON.parse(localStorage.getItem('uploadedFileIds') || '[]');
-            if (!fileIds.includes(id)) {
-                fileIds.push(id);
-                localStorage.setItem('uploadedFileIds', JSON.stringify(fileIds));
-            }
-        }
-
-        function processFiles(files) {
-            files.forEach((file, index) => {
-                const id = generateUniqueId(file); // generate unique ID
-                const fileData = {
-                    id: id,
-                    file: file,
-                    name: file.name,
-                    size: formatFileSize(file.size),
-                    status: 'ready',
-                    preview: null
-                };
-
-                // Store file ID in localStorage for potential server deletion later
-                saveFileIdToStorage(id);
-
-                // Create preview for images
-                const reader = new FileReader();
-                reader.onload = (e) => {
-                    fileData.preview = e.target.result;
-                    updateFileCard(fileData.id);
-                };
-                reader.readAsDataURL(file);
-
-                selectedFiles.push(fileData);
-            });
-
-            updateUI();
-        }
-
-        function updateUI() {
-            const filesPreview = document.getElementById('files-preview');
-            const convertButton = document.getElementById('convert-button');
-
-            if (selectedFiles.length > 0) {
-                filesPreview.style.display = 'block';
-                convertButton.disabled = false;
-                renderFileCards();
-            } else {
-                filesPreview.style.display = 'none';
-                convertButton.disabled = true;
-            }
-        }
-
-        function renderFileCards() {
-            const filesGrid = document.getElementById('files-grid');
-
-            filesGrid.innerHTML = selectedFiles.map(file => `
-                <div class="file-card" id="file-${file.id}">
-                    <button class="remove-button" onclick="removeFile('${file.id}')">×</button>
-                    
-                    <div class="file-preview">
-                        ${file.preview ?
-                    `<img src="${file.preview}" alt="${file.name}">` :
-                    '<span class="file-icon">🖼️</span>'
-                }
-                    </div>
-                    
-                    <div class="file-info">
-                        <h4>${file.name}</h4>
-                        <p>${file.size}</p>
-                        
-                        <div class="file-status">
-                            <div class="status-indicator ${file.status === 'processing' ? 'processing' : file.status === 'error' ? 'error' : ''}"></div>
-                            <span>${getStatusText(file.status)}</span>
-                        </div>
-                    </div>
-                </div>
-            `).join('');
-        }
-
-        function updateFileCard(fileId) {
-            const file = selectedFiles.find(f => f.id === fileId);
-            if (!file) return;
-
-            const card = document.getElementById(`file-${fileId}`);
-            if (!card) return;
-
-            const preview = card.querySelector('.file-preview');
-            if (file.preview && preview) {
-                preview.innerHTML = `<img src="${file.preview}" alt="${file.name}">`;
-            }
-        }
-
-        function removeFile(fileId) {
-            selectedFiles = selectedFiles.filter(file => file.id !== fileId);
-            convertedFiles = convertedFiles.filter(file => file.id !== fileId);
-            updateUI();
-
-            if (selectedFiles.length === 0) {
-                document.getElementById('download-button').style.display = 'none';
-            }
-        }
-
-        async function clearAllFiles() {
-            const fileIds = JSON.parse(localStorage.getItem('uploadedFileIds') || '[]');
-
-            if (fileIds.length > 0) {
-                try {
-                    await fetch('/image/delete', {
-                        method: 'POST',
-                        headers: {
-                            'Content-Type': 'application/json'
-                        },
-                        body: JSON.stringify({ ids: fileIds })
-                    });
-                } catch (err) {
-                    console.error('Error sending delete request:', err);
-                }
-            }
-
-            // Clear everything locally
-            selectedFiles = [];
-            convertedFiles = [];
-            updateUI();
-            document.getElementById('download-button').style.display = 'none';
-            document.getElementById('progress-section').style.display = 'none';
-            localStorage.removeItem('uploadedFileIds');
-        }
-
-
-        async function convertImages() {
-            if (selectedFiles.length === 0) return;
-
-            const progressSection = document.getElementById('progress-section');
-            const progressBar = document.getElementById('progress-bar');
-            const progressText = document.getElementById('progress-text');
-            const convertButton = document.getElementById('convert-button');
-
-            // Show progress section
-            progressSection.style.display = 'block';
-            convertButton.disabled = true;
-            convertButton.innerHTML = '🔄 Converting...';
-
-            const settings = getConversionSettings();
-            convertedFiles = [];
-
-            for (let i = 0; i < selectedFiles.length; i++) {
-                const file = selectedFiles[i];
-
-                // Update file status
-                file.status = 'uploading';
-                renderFileCards();
-
-                try {
-                    // Upload and convert the file
-                    await upload(file, settings);
-                    file.status = 'converting';
-                    renderFileCards();
-                    const convertedFile = await convert(file, settings);
-                    file.status = 'completed';
-                    renderFileCards();
-                    convertedFiles.push(convertedFile);
-                } catch (error) {
-                    console.error('Conversion error:', error);
-                    file.status = 'error';
-                    showMessage(`Error converting ${file.name}: ${error.message}`, 'error');
-                }
-
-                // Update progress
-                const progress = Math.round(((i + 1) / selectedFiles.length) * 100);
-                progressBar.style.width = progress + '%';
-                progressText.textContent = `${progress}% complete (${i + 1}/${selectedFiles.length})`;
-
-                renderFileCards();
-            }
-
-            // Completion
-            convertButton.disabled = false;
-            convertButton.innerHTML = '🔄 Convert Images';
-
-            const successfulConversions = convertedFiles.length;
-            if (successfulConversions > 0) {
-                document.getElementById('download-button').style.display = 'inline-flex';
-                showMessage(`Successfully converted ${successfulConversions} image(s)!`, 'success');
-            }
-
-            setTimeout(() => {
-                progressSection.style.display = 'none';
-            }, 1000);
-        }
-
-        function getConversionSettings() {
-            return {
-                format: document.getElementById('output-format').value
-            };
-        }
-
-        async function upload(file, settings) {
-            const formData = new FormData();
-            formData.append('image', file.file);
-            formData.append('id', file.id);
-
-            try {
-                const response = await fetch('/image/upload', {
-                    method: 'POST',
-                    body: formData
-                });
-
-                if (!response.ok) {
-                    const errorData = await response.json().catch(() => ({}));
-                    throw new Error(errorData.message || `HTTP error! status: ${response.status}`);
-                }
-                return true
-            } catch (error) {
-                throw new Error(`Failed to upload ${file.name}: ${error.message}`);
-            }
-        }
-
-        async function convert(file, settings) {
-            const formData = new FormData();
-            formData.append('id', file.id);
-            formData.append('to_format', settings.format);
-
-            try {
-                const response = await fetch('/image/convert', {
-                    method: 'POST',
-                    body: formData
-                });
-
-                if (!response.ok) {
-                    const errorData = await response.json().catch(() => ({}));
-                    throw new Error(errorData.message || `HTTP error! status: ${response.status}`);
-                }
-
-                const result = await response.json();
-
-                return {
-                    id: file.id,
-                    originalName: file.name,
-                    convertedName: result.new_filename,
-                    url: "/image/download?id="+result.new_filename
-                };
-            } catch (error) {
-                throw new Error(`Failed to upload ${file.name}: ${error.message}`);
-            }
-        }
-
-        function downloadAllFiles() {
-            if (convertedFiles.length === 0) return;
-
-            // Download each converted file
-            convertedFiles.forEach((file, index) => {
-                setTimeout(() => {
-                    const link = document.createElement('a');
-                    link.href = file.url;
-                    link.download = file.convertedName;
-                    link.target = '_blank';
-                    document.body.appendChild(link);
-                    link.click();
-                    document.body.removeChild(link);
-                }, index * 100);
-            });
-        }
-
-        function getStatusText(status) {
-            switch (status) {
-                case 'ready': return 'Ready';
-                case 'uploading': return 'Uploading...';
-                case 'converting': return 'Converting...';
-                case 'completed': return 'Converted';
-                case 'error': return 'Error';
-                default: return 'Unknown';
-            }
-        }
-
-        function formatFileSize(bytes) {
-            if (bytes === 0) return '0 Bytes';
-            const k = 1024;
-            const sizes = ['Bytes', 'KB', 'MB', 'GB'];
-            const i = Math.floor(Math.log(bytes) / Math.log(k));
-            return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+        function secret_sauce_url() {
+            return '/image/convert';
         }
     </script>
 </body>

image/image_base.py

@@ -6,14 +6,12 @@ from main_base import MainBase
 from pathlib import Path
 
 class ImageBase(MainBase):
-	def __init__(self, feature=None, process_id="process_id"):
+	def __init__(self, feature=None):
 		super().__init__()
 		self.current_path = os.path.abspath(os.path.join(os.path.dirname(__file__)))
 		self.feature = feature
-		self.process_id = process_id
 		self.input_dir = os.path.join(self.current_path, "input")
 		self.output_dir = os.path.join(self.current_path, "output")
-		self.process = os.path.join(self.current_path, "process.json")
 		self.supported_formats = {
 			'jpg': 'JPEG',
 			'jpeg': 'JPEG', 
@@ -66,69 +64,4 @@ class ImageBase(MainBase):
 
 	def upload_validate(self, image):
 		super().upload_validate(image)
-		self._validate_input_file(image=image)
-
-
-	# def _is_already_running(self):
-	# 	try:
-	# 		if os.path.exists(self.process):
-	# 			with open(self.process, 'r') as file:
-	# 				json_data = json.load(file)
-
-	# 			if "start_time" in json_data and "end_time" not in json_data:
-	# 				start_time = datetime.fromisoformat(json_data["start_time"])
-	# 				time_diff = datetime.now() - start_time
-
-	# 				if time_diff > timedelta(minutes=5000):
-	# 					raise ProcessAlreadyRunning(
-	# 						message=(
-	# 							f"A process named '{json_data['feature']}' is already running. "
-	# 							f"Started At: {json_data['start_time']} "
-	# 							f"(Running for {time_diff.total_seconds() // 60:.1f} minutes)"
-	# 						),
-	# 						data=json_data
-	# 					)
-	# 	except: pass
-	# 	return True
-
-
-	# def _reset(self):
-	# 	if os.path.exists(self.process):
-	# 		os.remove(self.process)
-
-	# 	if os.path.exists(self.output_dir):
-	# 		for filename in os.listdir(self.output_dir):
-	# 			file_path = os.path.join(self.output_dir, filename)
-	# 			if os.path.isfile(file_path):
-	# 				os.remove(file_path)
-
-	# def _create_process(self):
-	# 	process_data = {
-	# 		"start_time": datetime.now().isoformat(),
-	# 		"feature": self.feature,
-	# 		"process_id": self.process_id
-	# 	}
-	# 	with open(self.process, 'w') as file:
-	# 		json.dump(process_data, file, indent=4)
-
-	# def __enter__(self):
-	# 	return self
-
-	# def __exit__(self, exc_type, exc_val, exc_tb):
-	# 	self.cleanup()
-
-	# def __del__(self):
-	# 	self.cleanup()
-
-	# def cleanup(self):
-	# 	try:
-	# 		if os.path.exists(self.process):
-	# 			with open(self.process, 'r') as file:
-	# 				json_data = json.load(file)
-
-	# 			json_data["end_time"] = datetime.now().isoformat()
-
-	# 			with open(self.process, 'w') as file:
-	# 				json.dump(json_data, file, indent=4)
-	# 	except Exception as e:
-	# 		print(f"[Process cleanup Error] {e}")
+		self._validate_input_file(image=image)

image/javascript/image.js

@@ -0,0 +1,383 @@
+
+let selectedFiles = [];
+let completedFiles = [];
+
+// Initialize the application
+document.addEventListener('DOMContentLoaded', function () {
+	setupEventListeners();
+});
+
+function setupEventListeners() {
+	const uploadSection = document.getElementById('upload-section');
+	const fileInput = document.getElementById('file-input');
+	const processButton = document.getElementById('process-button');
+	const clearButton = document.getElementById('clear-button');
+	const downloadButton = document.getElementById('download-button');
+
+	// File upload events
+	uploadSection.addEventListener('click', () => fileInput.click());
+	uploadSection.addEventListener('dragover', handleDragOver);
+	uploadSection.addEventListener('dragleave', handleDragLeave);
+	uploadSection.addEventListener('drop', handleDrop);
+	fileInput.addEventListener('change', handleFileSelect);
+
+	// Button events
+	processButton.addEventListener('click', processButtonFn);
+	clearButton.addEventListener('click', clearAllFiles);
+	downloadButton.addEventListener('click', downloadAllFiles);
+}
+
+function showMessage(message, type = 'error') {
+	const errorMsg = document.getElementById('error-message');
+	const successMsg = document.getElementById('success-message');
+
+	// Hide both messages first
+	errorMsg.style.display = 'none';
+	successMsg.style.display = 'none';
+
+	if (type === 'error') {
+		errorMsg.textContent = message;
+		errorMsg.style.display = 'block';
+	} else {
+		successMsg.textContent = message;
+		successMsg.style.display = 'block';
+	}
+
+	// Auto-hide after 5 seconds
+	setTimeout(() => {
+		errorMsg.style.display = 'none';
+		successMsg.style.display = 'none';
+	}, 5000);
+}
+
+function handleDragOver(e) {
+	e.preventDefault();
+	e.currentTarget.classList.add('dragover');
+}
+
+function handleDragLeave(e) {
+	e.preventDefault();
+	e.currentTarget.classList.remove('dragover');
+}
+
+function handleDrop(e) {
+	e.preventDefault();
+	const uploadSection = e.currentTarget;
+	uploadSection.classList.remove('dragover');
+
+	const files = Array.from(e.dataTransfer.files);
+	processFiles(files);
+}
+
+function handleFileSelect(e) {
+	const files = Array.from(e.target.files);
+	processFiles(files);
+}
+
+function generateUniqueId(file, length = 12) {
+	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;
+}
+
+function saveFileIdToStorage(id) {
+	let fileIds = JSON.parse(localStorage.getItem('uploadedFileIds') || '[]');
+	if (!fileIds.includes(id)) {
+		fileIds.push(id);
+		localStorage.setItem('uploadedFileIds', JSON.stringify(fileIds));
+	}
+}
+
+function processFiles(files) {
+	files.forEach((file, index) => {
+		const id = generateUniqueId(file); // generate unique ID
+		const fileData = {
+			id: id,
+			file: file,
+			name: file.name,
+			size: formatFileSize(file.size),
+			status: 'ready',
+			preview: null
+		};
+
+		// Store file ID for potential server deletion later
+		saveFileIdToStorage(id);
+
+		// Create preview for images
+		const reader = new FileReader();
+		reader.onload = (e) => {
+			fileData.preview = e.target.result;
+			updateFileCard(fileData.id);
+		};
+		reader.readAsDataURL(file);
+
+		selectedFiles.push(fileData);
+	});
+
+	updateUI();
+}
+
+function updateUI() {
+	const filesPreview = document.getElementById('files-preview');
+	const processButton = document.getElementById('process-button');
+
+	if (selectedFiles.length > 0) {
+		filesPreview.style.display = 'block';
+		processButton.disabled = false;
+		renderFileCards();
+	} else {
+		filesPreview.style.display = 'none';
+		processButton.disabled = true;
+	}
+}
+
+function renderFileCards() {
+    const filesGrid = document.getElementById('files-grid');
+
+    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>`: ``}
+            
+            <div class="file-preview">
+                ${file.preview ? `<img src="${file.preview}" alt="${file.name}">` : '<span class="file-icon">🖼️</span>'}
+            </div>
+            
+            <div class="file-info">
+                <h4>${file.name}</h4>
+                <p>${file.size}</p>
+                
+                <div class="file-status">
+                    <div class="status-indicator ${file.status === 'processing' ? 'processing' : file.status === 'error' ? 'error' : ''}"></div>
+                    <span>${getStatusText(file.status)}</span>
+                </div>
+            </div>
+        </div>
+    `).join('');
+}
+
+function updateFileCard(fileId) {
+	const file = selectedFiles.find(f => f.id === fileId);
+	if (!file) return;
+
+	const card = document.getElementById(`file-${fileId}`);
+	if (!card) return;
+
+	const preview = card.querySelector('.file-preview');
+	if (file.preview && preview) {
+		preview.innerHTML = `<img src="${file.preview}" alt="${file.name}">`;
+	}
+}
+
+async function processButtonFn() {
+	if (selectedFiles.length === 0) return;
+
+	const progressSection = document.getElementById('progress-section');
+	const progressBar = document.getElementById('progress-bar');
+	const progressText = document.getElementById('progress-text');
+	const processButton = document.getElementById('process-button');
+
+	// Show progress section
+	progressSection.style.display = 'block';
+	processButton.disabled = true;
+	const old_message = processButton.innerHTML;
+	processButton.innerHTML = '🔄 Processing...';
+	const settings = getSettingsData();
+	completedFiles = [];
+
+	for (let i = 0; i < selectedFiles.length; i++) {
+		const file = selectedFiles[i];
+
+		// Update file status
+		file.status = 'uploading';
+		renderFileCards();
+
+		try {
+			// Upload and process the file
+			await upload(file);
+			file.status = 'processing';
+			renderFileCards();
+			const processedFile = await secret_sauce(file, settings);
+			file.status = 'completed';
+			file.other_info = processedFile.other_info;
+			renderFileCards();
+			completedFiles.push(processedFile);
+		} catch (error) {
+			console.error('Processing error:', error);
+			file.status = 'error';
+			showMessage(`Error processing ${file.name}: ${error.message}`, 'error');
+		}
+
+		// Update progress
+		const progress = Math.round(((i + 1) / selectedFiles.length) * 100);
+		progressBar.style.width = progress + '%';
+		progressText.textContent = `${progress}% complete (${i + 1}/${selectedFiles.length})`;
+
+		renderFileCards();
+	}
+
+	// Completion
+	processButton.disabled = false;
+	processButton.innerHTML = old_message;
+
+	const successfulProcessing = completedFiles.length;
+	if (successfulProcessing > 0) {
+		document.getElementById('download-button').style.display = 'inline-flex';
+		showMessage(`Successfully processed ${successfulProcessing} image(s)!`, 'success');
+	}
+
+	setTimeout(() => {
+		progressSection.style.display = 'none';
+	}, 1000);
+}
+
+async function secret_sauce(file, settings) {
+	const formData = new FormData();
+	formData.append('id', file.id);
+	for (let key of Object.keys(settings)) {
+		if (settings[key]) {
+			formData.append('to_format', settings[key]);
+		}
+	}
+
+	try {
+		const response = await fetch(secret_sauce_url(), {
+			method: 'POST',
+			body: formData
+		});
+
+		if (!response.ok) {
+			const errorData = await response.json().catch(() => ({}));
+			throw new Error(errorData.message || `HTTP error! status: ${response.status}`);
+		}
+
+		const result = await response.json();
+
+		return {
+			id: file.id,
+			originalName: file.name,
+			processedName: result.new_filename,
+			url: "/image/download?id=" + result.new_filename,
+			other_info: result.other_info
+		};
+	} catch (error) {
+		throw new Error(`Failed to process ${file.name}: ${error.message}`);
+	}
+}
+
+function downloadAllFiles() {
+	if (completedFiles.length === 0) return;
+
+	// Download each completedFiles file
+	completedFiles.forEach((file, index) => {
+		setTimeout(() => {
+			const link = document.createElement('a');
+			link.href = file.url;
+			link.download = file.processedName;
+			link.target = '_blank';
+			document.body.appendChild(link);
+			link.click();
+			document.body.removeChild(link);
+		}, index * 100);
+	});
+}
+
+function formatFileSize(bytes) {
+	if (bytes === 0) return '0 Bytes';
+	const k = 1024;
+	const sizes = ['Bytes', 'KB', 'MB', 'GB'];
+	const i = Math.floor(Math.log(bytes) / Math.log(k));
+	return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+}
+
+function removeFile(fileId) {
+	selectedFiles = selectedFiles.filter(file => file.id !== fileId);
+	completedFiles = completedFiles.filter(file => file.id !== fileId);
+	updateUI();
+
+	if (selectedFiles.length === 0) {
+		document.getElementById('download-button').style.display = 'none';
+	}
+}
+
+async function clearAllFiles() {
+	const fileIds = JSON.parse(localStorage.getItem('uploadedFileIds') || '[]');
+
+	if (fileIds.length > 0) {
+		try {
+			await fetch('/image/delete', {
+				method: 'POST',
+				headers: {
+					'Content-Type': 'application/json'
+				},
+				body: JSON.stringify({ ids: fileIds })
+			});
+		} catch (err) {
+			console.error('Error sending delete request:', err);
+		}
+	}
+
+	// Clear everything locally
+	selectedFiles = [];
+	completedFiles = [];
+	updateUI();
+	document.getElementById('download-button').style.display = 'none';
+	document.getElementById('progress-section').style.display = 'none';
+	localStorage.removeItem('uploadedFileIds');
+}
+
+async function upload(file) {
+	const formData = new FormData();
+	formData.append('image', file.file);
+	formData.append('id', file.id);
+
+	try {
+		const response = await fetch('/image/upload', {
+			method: 'POST',
+			body: formData
+		});
+
+		if (!response.ok) {
+			const errorData = await response.json().catch(() => ({}));
+			throw new Error(errorData.message || `HTTP error! status: ${response.status}`);
+		}
+		return true;
+	} catch (error) {
+		throw new Error(`Failed to upload ${file.name}: ${error.message}`);
+	}
+}
+
+function getSettingsData() {
+	return {
+		to_format: document.getElementById('output-format')?.value
+	};
+}
+
+function getStatusText(status) {
+	switch (status) {
+		case 'ready': return 'Ready';
+		case 'uploading': return 'Uploading...';
+		case 'processing': return window.location.pathname == '/image/remove_metadata' ? 'Removing metadata...' : 'Converting...';
+		case 'completed': return 'Processed';
+		case 'error': return 'Error';
+		default: return 'Unknown';
+	}
+}
+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';
+    }
+}
+
+function closeMetadataModal() {
+    document.getElementById('metadata-modal').style.display = 'none';
+    document.getElementById('modal-backdrop').style.display = 'none';
+}

image/remove_background.py

@@ -10,50 +10,41 @@ from custom_logger import logger_config
 
 
 class RemoveBackground:
-    """
-    High-quality background remover using the rembg library.
-    
-    This class provides background removal functionality for supported image formats,
-    with proper validation, logging, and output management.
-    """
-    
-    def __init__(self):
-        self.removal_history = []
-
-    def _get_output_path(self, input_path: Path, output_path: str = None) -> Path:
-        if output_path:
-            return Path(output_path)
-        return input_path.with_name(input_path.stem + "_nobg.png")
-
-    def remove_background(self, input_file_name: str, output_path: str = None, process_id: str = None) -> str:
-        try:
-            # Validate inputs
-            self.input_file_name = input_file_name
-            self.input_file_path = f'{self.input_dir}/{self.input_file_name}'
-            self._validate_input_file()
-            output_file = self._get_output_path(self.input_file_path, output_path)
-
-            logger_config.info(f"🧼 Removing background from: {self.input_file_path}")
-
-            with open(self.input_file_path, 'rb') as infile:
-                input_image = infile.read()
-
-            # Perform background removal
-            output_image = remove(input_image)
-
-            with open(output_file, 'wb') as outfile:
-                outfile.write(output_image)
-
-            logger_config.info(f"✅ Background removed successfully: {output_file}")
-
-            self.removal_history.append({
-                "input": self.input_file_path,
-                "output": str(output_file),
-                "success": True
-            })
-
-            return str(output_file)
-
-        except Exception as e:
-            logger_config.error(f"❌ Background removal failed: {str(e)}")
-            return None
+	"""
+	High-quality background remover using the rembg library.
+	
+	This class provides background removal functionality for supported image formats,
+	with proper validation, logging, and output management.
+	"""
+	
+	def __init__(self):
+		super().__init__("remove_background")
+
+	def remove_background(self, input_file_name: str) -> str:
+		try:
+			self.input_file_name = input_file_name
+			self.input_file_path = f'{self.input_dir}/{self.input_file_name}'
+			# Validate input
+			self._validate_input_file()
+			
+			# Generate output path
+			output_path = self._generate_output_path()
+
+			logger_config.info(f"Removing background from: {self.input_file_path}")
+
+			with open(self.input_file_path, 'rb') as infile:
+				input_image = infile.read()
+
+			# Perform background removal
+			output_image = remove(input_image)
+
+			with open(output_path, 'wb') as outfile:
+				outfile.write(output_image)
+
+			logger_config.info(f"Background removed successfully: {output_path}")
+
+			return output_path
+
+		except Exception as e:
+			logger_config.error(f"Background removal failed: {str(e)}")
+			return None

image/remove_metadata.html

@@ -0,0 +1,608 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Remove Metadata - Tools Collection</title>
+    <script src="/image/javascript/image.js"></script>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            min-height: 100vh;
+            padding: 20px;
+        }
+
+        .container {
+            max-width: 1000px;
+            margin: 0 auto;
+            background: white;
+            border-radius: 20px;
+            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
+            overflow: hidden;
+        }
+
+        .header {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            color: white;
+            padding: 40px 30px;
+            text-align: center;
+            position: relative;
+        }
+
+        .back-button {
+            position: absolute;
+            left: 30px;
+            top: 50%;
+            transform: translateY(-50%);
+            background: rgba(255, 255, 255, 0.2);
+            color: white;
+            border: none;
+            padding: 12px 20px;
+            border-radius: 50px;
+            cursor: pointer;
+            font-size: 1rem;
+            transition: all 0.3s ease;
+            text-decoration: none;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+
+        .back-button:hover {
+            background: rgba(255, 255, 255, 0.3);
+            transform: translateY(-50%) translateX(-2px);
+        }
+
+        .header-content {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 20px;
+            margin-bottom: 20px;
+        }
+
+        .header-text h1 {
+            font-size: 2.5rem;
+            margin-bottom: 10px;
+            font-weight: 300;
+        }
+
+        .header-text p {
+            font-size: 1.1rem;
+            opacity: 0.9;
+        }
+
+        .content {
+            padding: 40px;
+        }
+
+        .upload-section {
+            background: #f8f9fa;
+            border-radius: 15px;
+            padding: 40px;
+            text-align: center;
+            margin-bottom: 30px;
+            border: 2px dashed #dee2e6;
+            transition: all 0.3s ease;
+            cursor: pointer;
+        }
+
+        .upload-section:hover {
+            border-color: #667eea;
+            background: #f0f4ff;
+        }
+
+        .upload-section.dragover {
+            border-color: #667eea;
+            background: #e8f2ff;
+            transform: scale(1.02);
+        }
+
+        .upload-icon {
+            font-size: 4rem;
+            color: #667eea;
+            margin-bottom: 20px;
+            display: block;
+        }
+
+        .upload-text h3 {
+            color: #495057;
+            margin-bottom: 10px;
+            font-size: 1.5rem;
+        }
+
+        .upload-text p {
+            color: #6c757d;
+            margin-bottom: 20px;
+        }
+
+        .upload-button {
+            background: linear-gradient(135deg, #667eea, #764ba2);
+            color: white;
+            border: none;
+            padding: 15px 30px;
+            border-radius: 50px;
+            font-size: 1.1rem;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
+        }
+
+        .upload-button:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
+        }
+
+        .file-input {
+            display: none;
+        }
+
+        .settings-section {
+            background: white;
+            border-radius: 15px;
+            padding: 30px;
+            margin-bottom: 30px;
+            border: 1px solid #e9ecef;
+        }
+
+        .settings-title {
+            color: #495057;
+            font-size: 1.3rem;
+            margin-bottom: 20px;
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+
+        .settings-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+            gap: 20px;
+        }
+
+        .setting-group {
+            display: flex;
+            flex-direction: column;
+            gap: 8px;
+        }
+
+        .setting-label {
+            color: #495057;
+            font-weight: 500;
+            font-size: 0.95rem;
+        }
+
+        .setting-input {
+            padding: 12px 15px;
+            border: 2px solid #e9ecef;
+            border-radius: 10px;
+            font-size: 1rem;
+            transition: all 0.3s ease;
+        }
+
+        .setting-input:focus {
+            outline: none;
+            border-color: #667eea;
+            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
+        }
+
+        .files-preview {
+            margin-top: 30px;
+        }
+
+        .preview-title {
+            color: #495057;
+            font-size: 1.3rem;
+            margin-bottom: 20px;
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+
+        .files-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+            gap: 20px;
+        }
+
+        .file-card {
+            background: white;
+            border-radius: 12px;
+            padding: 20px;
+            border: 1px solid #e9ecef;
+            transition: all 0.3s ease;
+            position: relative;
+        }
+
+        .file-card:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
+        }
+
+        .file-preview {
+            width: 100%;
+            height: 120px;
+            background: #f8f9fa;
+            border-radius: 8px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin-bottom: 15px;
+            overflow: hidden;
+        }
+
+        .file-preview img {
+            max-width: 100%;
+            max-height: 100%;
+            object-fit: cover;
+            border-radius: 8px;
+        }
+
+        .file-icon {
+            font-size: 2rem;
+            color: #667eea;
+        }
+
+        .file-info h4 {
+            color: #495057;
+            font-size: 0.9rem;
+            margin-bottom: 5px;
+            word-break: break-all;
+        }
+
+        .file-info p {
+            color: #6c757d;
+            font-size: 0.8rem;
+            margin-bottom: 10px;
+        }
+
+        .file-status {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            margin-bottom: 10px;
+        }
+
+        .status-indicator {
+            width: 8px;
+            height: 8px;
+            border-radius: 50%;
+            background: #28a745;
+        }
+
+        .status-indicator.processing {
+            background: #ffc107;
+            animation: pulse 2s infinite;
+        }
+
+        .status-indicator.error {
+            background: #dc3545;
+        }
+
+        .remove-button {
+            position: absolute;
+            top: 10px;
+            right: 10px;
+            background: #dc3545;
+            color: white;
+            border: none;
+            width: 24px;
+            height: 24px;
+            border-radius: 50%;
+            cursor: pointer;
+            font-size: 0.8rem;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            transition: all 0.3s ease;
+        }
+
+        .remove-button:hover {
+            background: #c82333;
+            transform: scale(1.1);
+        }
+
+        .progress-section {
+            margin-top: 30px;
+            display: none;
+        }
+
+        .progress-title {
+            color: #495057;
+            font-size: 1.2rem;
+            margin-bottom: 15px;
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+
+        .progress-bar-container {
+            background: #e9ecef;
+            border-radius: 10px;
+            height: 12px;
+            overflow: hidden;
+            margin-bottom: 10px;
+        }
+
+        .progress-bar {
+            background: linear-gradient(135deg, #28a745, #20c997);
+            height: 100%;
+            width: 0%;
+            transition: width 0.3s ease;
+            border-radius: 10px;
+        }
+
+        .progress-text {
+            color: #6c757d;
+            font-size: 0.9rem;
+            text-align: center;
+        }
+
+        .action-buttons {
+            display: flex;
+            gap: 15px;
+            justify-content: center;
+            margin-top: 30px;
+        }
+
+        .action-button {
+            padding: 15px 30px;
+            border: none;
+            border-radius: 50px;
+            font-size: 1.1rem;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            min-width: 150px;
+            justify-content: center;
+        }
+
+        .process-button {
+            background: linear-gradient(135deg, #dc3545, #c82333);
+            color: white;
+            box-shadow: 0 4px 15px rgba(220, 53, 69, 0.3);
+        }
+
+        .process-button:hover:not(:disabled) {
+            transform: translateY(-2px);
+            box-shadow: 0 8px 25px rgba(220, 53, 69, 0.4);
+        }
+
+        .process-button:disabled {
+            opacity: 0.6;
+            cursor: not-allowed;
+        }
+
+        .clear-button {
+            background: #6c757d;
+            color: white;
+        }
+
+        .clear-button:hover {
+            background: #5a6268;
+            transform: translateY(-2px);
+        }
+
+        .download-button {
+            background: linear-gradient(135deg, #007bff, #0056b3);
+            color: white;
+            box-shadow: 0 4px 15px rgba(0, 123, 255, 0.3);
+        }
+
+        .download-button:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 8px 25px rgba(0, 123, 255, 0.4);
+        }
+
+        .error-message {
+            background: #f8d7da;
+            color: #721c24;
+            padding: 15px;
+            border-radius: 10px;
+            margin-bottom: 20px;
+            border: 1px solid #f5c6cb;
+            display: none;
+        }
+
+        .success-message {
+            background: #d4edda;
+            color: #155724;
+            padding: 15px;
+            border-radius: 10px;
+            margin-bottom: 20px;
+            border: 1px solid #c3e6cb;
+            display: none;
+        }
+
+        .info-box {
+            background: #d1ecf1;
+            color: #0c5460;
+            padding: 15px;
+            border-radius: 10px;
+            margin-bottom: 20px;
+            border: 1px solid #bee5eb;
+        }
+
+        .info-box h4 {
+            margin-bottom: 8px;
+            font-size: 1rem;
+        }
+
+        .info-box p {
+            font-size: 0.9rem;
+            margin: 0;
+        }
+
+        .metadata-modal {
+            display: none;
+            position: fixed;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            background: white;
+            padding: 30px;
+            border-radius: 10px;
+            box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
+            z-index: 9999;
+            max-width: 90%;
+            max-height: 80%;
+            overflow: auto;
+            word-wrap: break-word
+        }
+
+        .metadata-content {
+            white-space: pre-wrap;
+            margin-top: 15px;
+        }
+
+        .modal-backdrop {
+            display: none;
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: rgba(0, 0, 0, 0.5);
+            z-index: 9998;
+        }
+
+        @keyframes pulse {
+            0% {
+                transform: scale(1);
+                opacity: 1;
+            }
+
+            50% {
+                transform: scale(1.05);
+                opacity: 0.8;
+            }
+
+            100% {
+                transform: scale(1);
+                opacity: 1;
+            }
+        }
+
+        @media (max-width: 768px) {
+            .header-content {
+                flex-direction: column;
+                gap: 15px;
+            }
+
+            .header-text h1 {
+                font-size: 2rem;
+            }
+
+            .back-button {
+                position: static;
+                transform: none;
+                margin-bottom: 20px;
+                align-self: flex-start;
+            }
+
+            .content {
+                padding: 20px;
+            }
+
+            .action-buttons {
+                flex-direction: column;
+                align-items: center;
+            }
+        }
+    </style>
+</head>
+
+<body>
+    <div class="container">
+        <div class="header">
+            <a href="/" class="back-button">
+                ← Back to Tools
+            </a>
+
+            <div class="header-content">
+                <div class="header-text">
+                    <h1>Remove Metadata</h1>
+                    <p>Strip EXIF data and metadata from your images for privacy</p>
+                </div>
+            </div>
+        </div>
+
+        <div class="content">
+            <div class="error-message" id="error-message"></div>
+            <div class="success-message" id="success-message"></div>
+
+            <div class="info-box">
+                <h4>🔒 Privacy Protection</h4>
+                <p>This tool removes metadata including GPS location, camera settings, timestamps, and other sensitive
+                    information from your images while preserving image quality.</p>
+            </div>
+
+            <div class="upload-section" id="upload-section">
+                <span class="upload-icon">🔒</span>
+                <div class="upload-text">
+                    <h3>Drop your images here</h3>
+                    <button class="upload-button">
+                        Choose Files
+                    </button>
+                </div>
+                <input type="file" id="file-input" class="file-input" multiple accept="image/*">
+            </div>
+
+            <div class="files-preview" id="files-preview" style="display: none;">
+                <h3 class="preview-title">
+                    📋 Selected Files
+                </h3>
+                <div class="files-grid" id="files-grid">
+                    <!-- File cards will be inserted here -->
+                </div>
+            </div>
+
+            <div class="progress-section" id="progress-section">
+                <h3 class="progress-title">
+                    🔄 Processing Images...
+                </h3>
+                <div class="progress-bar-container">
+                    <div class="progress-bar" id="progress-bar"></div>
+                </div>
+                <div class="progress-text" id="progress-text">0% complete</div>
+            </div>
+
+            <div class="action-buttons">
+                <button class="action-button process-button" id="process-button" disabled>
+                    🔒 Remove Metadata
+                </button>
+                <button class="action-button clear-button" id="clear-button">
+                    🗑️ Clear All
+                </button>
+                <button class="action-button download-button" id="download-button" style="display: none;">
+                    💾 Download All
+                </button>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        function secret_sauce_url() {
+            return '/image/remove_metadata';
+        }
+    </script>
+    <div id="metadata-modal" class="metadata-modal">
+        <button onclick="closeMetadataModal()" class="remove-button">×</button>
+        <h3>Removed Metadata</h3>
+        <pre id="metadata-content" class="metadata-content"></pre>
+    </div>
+    <div id="modal-backdrop" class="modal-backdrop" onclick="closeMetadataModal()"></div>
+
+</body>
+
+</html>

image/remove_metadata.py

@@ -1,69 +1,160 @@
 """
 Image Metadata Remover Module
 
-This module provides a class-based metadata remover that strips all metadata
+This module provides a comprehensive class-based metadata remover that strips ALL metadata
 from images while preserving original quality, format, and aspect ratio.
+Handles EXIF, IPTC, XMP, ICC profiles, and all other embedded metadata for security/privacy.
 """
 
 from .image_base import ImageBase
 import os
 from custom_logger import logger_config
 from PIL import Image
-from PIL.ExifTags import TAGS
-from typing import Dict, List
+from PIL.ExifTags import TAGS, GPSTAGS
+from typing import Dict
+import base64
 
 class RemoveMetadata(ImageBase):
 	"""
-	High-quality image metadata remover that preserves original quality and aspect ratio.
+	Comprehensive image metadata remover for security and privacy.
 	
-	This class handles removal of EXIF, IPTC, XMP and other metadata while maintaining
-	the highest possible image quality and exact dimensional preservation.
+	Removes ALL metadata types including EXIF, IPTC, XMP, ICC profiles, thumbnails,
+	GPS data, camera settings, and any other embedded information.
 	"""
 	def __init__(self):
 		super().__init__("remove_metadata")
-		self.output_suffix = "no_metadata"
 	
-	def _detect_metadata(self, image: Image.Image) -> Dict[str, bool]:
+	def _extract_all_metadata(self, image: Image.Image):
 		"""
-		Detect various types of metadata in the image.
+		Extract ALL available metadata from the image for security analysis.
 		
 		Args:
 			image: PIL Image object
 			
 		Returns:
-			Dictionary indicating which metadata types are present
+			Dictionary containing comprehensive metadata extraction
 		"""
-		metadata_found = {
-			'exif': False,
-			'icc_profile': False,
-			'xmp': False,
-			'iptc': False,
-			'other_info': False
-		}
+		all_metadata = {}
 		
-		# Check for EXIF data
-		if hasattr(image, '_getexif') and image._getexif():
-			metadata_found['exif'] = True
+		# 1. Extract EXIF data (most common and detailed)
+		try:
+			if hasattr(image, '_getexif') and image._getexif():
+				exif_dict = image._getexif()
+				all_metadata['exif_raw'] = exif_dict
+				
+				# Decode EXIF tags to human-readable format
+				exif_decoded = {}
+				for tag_id, value in exif_dict.items():
+					tag = TAGS.get(tag_id, tag_id)
+					
+					# Special handling for GPS data
+					if tag == 'GPSInfo':
+						gps_data = {}
+						for gps_tag_id, gps_value in value.items():
+							gps_tag = GPSTAGS.get(gps_tag_id, gps_tag_id)
+							gps_data[gps_tag] = gps_value
+						exif_decoded[tag] = gps_data
+					else:
+						exif_decoded[tag] = value
+				
+				all_metadata['exif_decoded'] = exif_decoded
+		except Exception as e:
+			all_metadata['exif_error'] = str(e)
 		
-		# Check image info for various metadata
+		# 2. Extract all image.info metadata (includes IPTC, XMP, ICC, etc.)
 		if hasattr(image, 'info') and image.info:
-			if 'icc_profile' in image.info:
-				metadata_found['icc_profile'] = True
-			if 'xmp' in image.info:
-				metadata_found['xmp'] = True
-			if 'iptc' in image.info:
-				metadata_found['iptc'] = True
-			
-			# Check for other metadata
-			metadata_keys = ['dpi', 'description', 'software', 'datetime', 'artist', 'copyright']
-			if any(key in image.info for key in metadata_keys):
-				metadata_found['other_info'] = True
+			info_data = {}
+			for key, value in image.info.items():
+				# Handle binary data by encoding it
+				if isinstance(value, bytes):
+					try:
+						# Try to decode as text first
+						info_data[key] = value.decode('utf-8', errors='ignore')
+					except:
+						# If that fails, encode as base64 for viewing
+						info_data[key] = f"<binary_data_base64>{base64.b64encode(value[:100]).decode()}</binary_data_base64>"
+				else:
+					info_data[key] = value
+			all_metadata['info'] = info_data
+		
+		# 3. Extract ICC Profile (color management)
+		try:
+			if hasattr(image, 'info') and 'icc_profile' in image.info:
+				icc_profile = image.info['icc_profile']
+				all_metadata['icc_profile_size'] = len(icc_profile) if icc_profile else 0
+				all_metadata['icc_profile_present'] = bool(icc_profile)
+		except Exception as e:
+			all_metadata['icc_error'] = str(e)
+		
+		# 4. Extract XMP metadata
+		try:
+			if hasattr(image, 'info') and 'xmp' in image.info:
+				xmp_data = image.info['xmp']
+				if isinstance(xmp_data, bytes):
+					all_metadata['xmp'] = xmp_data.decode('utf-8', errors='ignore')
+				else:
+					all_metadata['xmp'] = xmp_data
+		except Exception as e:
+			all_metadata['xmp_error'] = str(e)
+		
+		# 5. Extract IPTC metadata
+		try:
+			if hasattr(image, 'info') and any(key.startswith('iptc') for key in image.info.keys()):
+				iptc_data = {k: v for k, v in image.info.items() if k.startswith('iptc')}
+				all_metadata['iptc'] = iptc_data
+		except Exception as e:
+			all_metadata['iptc_error'] = str(e)
+		
+		# 6. Extract PIL tag and tag_v2 (alternative EXIF access)
+		try:
+			if hasattr(image, 'tag') and image.tag:
+				all_metadata['pil_tag'] = dict(image.tag)
+		except Exception as e:
+			all_metadata['pil_tag_error'] = str(e)
+			
+		try:
+			if hasattr(image, 'tag_v2') and image.tag_v2:
+				all_metadata['pil_tag_v2'] = dict(image.tag_v2)
+		except Exception as e:
+			all_metadata['pil_tag_v2_error'] = str(e)
 		
-		return metadata_found
+		# 7. Extract quantization tables (JPEG compression info)
+		try:
+			if hasattr(image, 'quantization') and image.quantization:
+				all_metadata['quantization_tables'] = len(image.quantization)
+		except Exception as e:
+			all_metadata['quantization_error'] = str(e)
+		
+		# 8. Extract embedded thumbnails
+		try:
+			if hasattr(image, 'info') and 'thumbnail' in image.info:
+				all_metadata['thumbnail_present'] = True
+		except:
+			pass
+		
+		# 9. Extract text chunks (PNG specific)
+		try:
+			if image.format == 'PNG' and hasattr(image, 'text'):
+				all_metadata['png_text_chunks'] = dict(image.text)
+		except Exception as e:
+			all_metadata['png_text_error'] = str(e)
+		
+		# 10. Extract basic image properties that might contain metadata
+		basic_props = {
+			'format': getattr(image, 'format', None),
+			'mode': getattr(image, 'mode', None),
+			'size': getattr(image, 'size', None),
+			'filename': getattr(image, 'filename', None),
+			'format_description': getattr(image, 'format_description', None)
+		}
+		all_metadata['basic_properties'] = basic_props
+		
+		return all_metadata
 	
 	def _get_quality_settings_for_format(self, format_name: str, original_mode: str) -> Dict:
 		"""
 		Get optimal save settings for maximum quality preservation per format.
+		ALL metadata will be stripped regardless of format.
 		
 		Args:
 			format_name: PIL format name
@@ -80,35 +171,41 @@ class RemoveMetadata(ImageBase):
 				'optimize': False,	  # Don't optimize to preserve quality
 				'progressive': False,   # Standard baseline JPEG
 				'subsampling': 0,	   # No chroma subsampling
-				'exif': b''			# Explicitly remove EXIF
+				'exif': b'',		   # Explicitly remove EXIF
+				'icc_profile': None	# Remove ICC profile
 			}
 			
 		elif format_name == 'PNG':
 			settings = {
 				'optimize': False,	  # Don't optimize to preserve quality
-				'compress_level': 1	 # Minimal compression
+				'compress_level': 1,	# Minimal compression
+				'icc_profile': None,	# Remove ICC profile
+				'pnginfo': None		 # Remove PNG info chunks
 			}
 			
 		elif format_name == 'WEBP':
 			settings = {
 				'lossless': True,	   # Lossless compression
 				'quality': 100,		 # Maximum quality
-				'method': 6			 # Best compression method
+				'method': 6,			# Best compression method
+				'icc_profile': None,	# Remove ICC profile
+				'exif': b''			 # Remove EXIF
 			}
 			
 		elif format_name == 'TIFF':
 			settings = {
-				'compression': None	 # No compression
+				'compression': None,	# No compression
+				'icc_profile': None	 # Remove ICC profile
 			}
 			
 		elif format_name in ['BMP', 'GIF']:
-			settings = {}  # These formats have limited options
+			settings = {}  # These formats have limited metadata anyway
 			
 		return settings
 	
 	def _clean_png_with_transparency(self, image: Image.Image, output_path: str) -> bool:
 		"""
-		Clean PNG image while preserving transparency and quality.
+		Clean PNG image while preserving transparency and quality, removing ALL metadata.
 		
 		Args:
 			image: PIL Image object
@@ -120,19 +217,22 @@ class RemoveMetadata(ImageBase):
 		try:
 			original_mode = image.mode
 			
-			# Create new clean image preserving transparency
+			# Create completely new clean image preserving only visual data
 			if original_mode == 'P':
-				# Palette mode - preserve palette
+				# Palette mode - preserve only palette and pixel data
 				clean_img = Image.new(original_mode, image.size)
 				if image.getpalette():
 					clean_img.putpalette(image.getpalette())
 				clean_img.paste(image, (0, 0))
 			else:
-				# RGBA or LA mode
+				# RGBA or LA mode - preserve only pixel data
 				clean_img = Image.new(original_mode, image.size, (0, 0, 0, 0))
 				clean_img.paste(image, (0, 0))
 			
-			# Save with quality preservation
+			# Ensure no metadata is carried over
+			clean_img.info = {}
+			
+			# Save with quality preservation and NO metadata
 			save_settings = self._get_quality_settings_for_format('PNG', original_mode)
 			clean_img.save(output_path, format='PNG', **save_settings)
 			
@@ -143,7 +243,7 @@ class RemoveMetadata(ImageBase):
 	
 	def _clean_jpeg_image(self, image: Image.Image, output_path: str) -> bool:
 		"""
-		Clean JPEG image while preserving maximum quality.
+		Clean JPEG image while preserving maximum quality, removing ALL metadata.
 		
 		Args:
 			image: PIL Image object
@@ -153,13 +253,18 @@ class RemoveMetadata(ImageBase):
 			True if successful
 		"""
 		try:
-			# Convert to RGB if necessary
+			# Convert to RGB if necessary and create clean copy
 			if image.mode != 'RGB':
 				clean_img = image.convert('RGB')
 			else:
-				clean_img = image.copy()
+				# Create new image to ensure no metadata transfer
+				clean_img = Image.new('RGB', image.size)
+				clean_img.paste(image, (0, 0))
 			
-			# Save with maximum quality and no metadata
+			# Ensure no metadata is carried over
+			clean_img.info = {}
+			
+			# Save with maximum quality and absolutely NO metadata
 			save_settings = self._get_quality_settings_for_format('JPEG', image.mode)
 			clean_img.save(output_path, format='JPEG', **save_settings)
 			
@@ -170,7 +275,7 @@ class RemoveMetadata(ImageBase):
 	
 	def _clean_other_format(self, image: Image.Image, output_path: str, original_format: str) -> bool:
 		"""
-		Clean other image formats while preserving quality.
+		Clean other image formats while preserving quality, removing ALL metadata.
 		
 		Args:
 			image: PIL Image object
@@ -181,17 +286,20 @@ class RemoveMetadata(ImageBase):
 			True if successful
 		"""
 		try:
-			# Create new image without metadata
+			# Create completely new image without any metadata transfer
 			clean_img = Image.new(image.mode, image.size)
 			
-			# Handle palette images
+			# Handle palette images (preserve only palette, not metadata)
 			if image.mode == 'P' and image.getpalette():
 				clean_img.putpalette(image.getpalette())
 			
-			# Paste original image data
+			# Paste only pixel data
 			clean_img.paste(image, (0, 0))
+
+			# Ensure absolutely no metadata is carried over
+			clean_img.info = {}
 			
-			# Save with format-specific quality settings
+			# Save with format-specific quality settings and no metadata
 			save_settings = self._get_quality_settings_for_format(original_format, image.mode)
 			clean_img.save(output_path, format=original_format, **save_settings)
 			
@@ -200,25 +308,30 @@ class RemoveMetadata(ImageBase):
 		except Exception as e:
 			raise Exception(f"{original_format} cleaning failed: {e}")
 	
-	def _verify_metadata_removal(self) -> bool:
+	def _verify_metadata_removal(self, output_path) -> bool:
 		"""
-		Verify that metadata has been successfully removed from the cleaned image.
+		Comprehensive verification that ALL metadata has been removed.
 		Returns:
-			True if metadata was successfully removed
+			True if ALL metadata was successfully removed
 		"""
 		try:
-			with Image.open(self.input_file_path) as img:
-				metadata_found = self._detect_metadata(img)
+			with Image.open(output_path) as img:
+				remaining_metadata = self._extract_all_metadata(img)
+				
+				# Check for any remaining metadata beyond basic properties
+				sensitive_keys = ['exif_raw', 'exif_decoded', 'info', 'icc_profile_present', 
+								'xmp', 'iptc', 'pil_tag', 'pil_tag_v2', 'quantization_tables',
+								'thumbnail_present', 'png_text_chunks']
 				
-				# Check if any metadata is still present
-				has_metadata = any(metadata_found.values())
+				remaining_sensitive = {k: v for k, v in remaining_metadata.items() 
+									 if k in sensitive_keys and v}
 				
-				if has_metadata:
-					present_types = [k for k, v in metadata_found.items() if v]
-					logger_config.warning(f"Warning: Some metadata still present: {present_types}")
+				if remaining_sensitive:
+					logger_config.warning(f"WARNING: Sensitive metadata still present: {list(remaining_sensitive.keys())}")
+					logger_config.debug(f"Remaining metadata: {remaining_sensitive}")
 					return False
 				else:
-					logger_config.success("No metadata found in cleaned image")
+					logger_config.success("ALL metadata successfully removed - image is clean")
 					return True
 					
 		except Exception as e:
@@ -255,16 +368,25 @@ class RemoveMetadata(ImageBase):
 		except Exception as e:
 			raise Exception(f"Quality verification failed: {e}")
 	
-	def remove_metadata(self, input_file_name: str) -> str:
+	def process(self, input_file_name: str):
 		"""
-		Remove all metadata from an image while preserving quality and aspect ratio.
+		Remove ALL metadata from an image for complete security and privacy protection.
+		
+		This method removes:
+		- EXIF data (camera settings, GPS coordinates, timestamps)
+		- IPTC data (keywords, captions, copyright)
+		- XMP data (Adobe metadata)
+		- ICC color profiles
+		- Embedded thumbnails
+		- Quantization tables
+		- PNG text chunks
+		- Any other embedded metadata
 		
 		Args:
 			input_file_name: Input image name
-			custom_output_path: Optional custom output path (overrides default naming)
 			
 		Returns:
-			Path to cleaned image
+			Tuple containing (output_path, extracted_metadata)
 			
 		Raises:
 			FileNotFoundError: If input file doesn't exist
@@ -275,29 +397,32 @@ class RemoveMetadata(ImageBase):
 			self.input_file_name = input_file_name
 			self.input_file_path = f'{self.input_dir}/{self.input_file_name}'
 			# Validate input
-			input_file = self._validate_input_file()
+			self._validate_input_file()
 			
 			# Generate output path
 			output_path = self._generate_output_path()
-			
-			logger_config.info(f"Processing: {input_file.name}")
+
+			logger_config.info(f"Processing: {self.input_file_path}")
 			
 			# Open and analyze image
-			with Image.open(str(input_file)) as image:
-				original_size = image.size
+			with Image.open(self.input_file_path) as image:
 				original_format = image.format
 				original_mode = image.mode
 				
-				# Detect metadata
-				metadata_found = self._detect_metadata(image)
-				metadata_types = [k for k, v in metadata_found.items() if v]
+				# Extract ALL metadata for security analysis
+				extracted_metadata = self._extract_all_metadata(image)
 				
-				if metadata_types:
-					logger_config.info(f"Found metadata types: {metadata_types}")
+				# Print comprehensive metadata analysis
+				logger_config.info("=== COMPREHENSIVE METADATA ANALYSIS ===")
+				if extracted_metadata:
+					for key, value in extracted_metadata.items():
+						if value:  # Only show non-empty metadata
+							logger_config.info(f"{key}: {value}")
 				else:
-					logger_config.info("No metadata detected")
+					logger_config.info("No metadata found in original image")
+				logger_config.info("=== END METADATA ANALYSIS ===")
 				
-				# Choose appropriate cleaning method based on format and characteristics
+				# Choose appropriate cleaning method based on format
 				success = False
 				
 				if original_format == 'PNG' and original_mode in ('RGBA', 'LA', 'P'):
@@ -313,28 +438,23 @@ class RemoveMetadata(ImageBase):
 					raise Exception("Metadata cleaning failed")
 			
 			# Verify results
-			self._verify_image_quality(str(input_file), output_path)
+			self._verify_image_quality(self.input_file_path, output_path)
 			
+			# Comprehensive metadata removal verification
 			self._verify_metadata_removal(output_path)
 			
 			logger_config.success(f"Cleaned image saved: {output_path}")
-			return output_path
+			logger_config.success("ALL METADATA REMOVED - Image is secure for sharing")
+			return output_path, extracted_metadata
 			
 		except Exception as e:
 			logger_config.error(f"Failed to clean image: {str(e)}")
-			return None
-
-	def set_output_suffix(self, suffix: str) -> None:
-		"""
-		Change the output filename suffix for cleaned images.
-		
-		Args:
-			suffix: New suffix to use (e.g., "_clean", "_no_exif")
-		"""
-		self.output_suffix = suffix
-		logger_config.info(f"Output suffix changed to: {suffix}")
+			return None, {}
 
 # Example usage
 if __name__ == "__main__":
 	cleaner = RemoveMetadata()
-	cleaned_file = cleaner.remove_metadata("image/input/test.png")
+	cleaned_file, metadata = cleaner.process("image/input/test.png")
+	print(f"Output: {cleaned_file}")
+	print(f"Extracted metadata: {metadata}")
+	print("Image is now secure for sharing - all metadata removed!")

main.py

@@ -7,15 +7,13 @@ from image.main import is_process_running as is_image_process_running
 from image.image_base import ImageBase
 from pydantic import BaseModel
 from image.converter import Converter
+from image.remove_metadata import RemoveMetadata
 import mimetypes
 
 app = FastAPI(title="Tools Collection", description="Collection of utility tools")
 
-# Create necessary directories
-# os.makedirs("static", exist_ok=True)
-
-# Mount static files
-# app.mount("/static", StaticFiles(directory="static"), name="static")
+# Mount static/image at /image
+app.mount("/image/javascript", StaticFiles(directory="image/javascript"), name="image")
 
 # Templates
 template_dirs = [".", "./image"]
@@ -76,7 +74,13 @@ async def index(request: Request):
 
 @app.get("/image/convert", response_class=HTMLResponse)
 async def image_tools(request: Request):
-    template = env.get_template("image/index.html")  # From tool/image/
+    template = env.get_template("image/convert.html")  # From tool/image/
+    html_content = template.render(request=request)
+    return HTMLResponse(content=html_content)
+
+@app.get("/image/remove_metadata", response_class=HTMLResponse)
+async def image_tools(request: Request):
+    template = env.get_template("image/remove_metadata.html")  # From tool/image/
     html_content = template.render(request=request)
     return HTMLResponse(content=html_content)
 
@@ -137,6 +141,35 @@ async def convert_image(
             detail=f"Internal server error: {str(e)}"
         )
 
+@app.post("/image/remove_metadata")
+async def remove_metadata(
+    id: str = Form(...)
+):
+    try:
+        removeMetadata = RemoveMetadata()
+        output_path, metadata = removeMetadata.process(id)
+        
+        # Return success response
+        return JSONResponse({
+            "success": True,
+            "message": "Image uploaded successfully",
+            "new_filename": output_path.split("/")[-1],
+            "other_info": metadata
+        })
+    
+    except ValueError as ve:
+        logger_config.error(f"Validation error: {str(ve)}")
+        raise HTTPException(
+            status_code=400,
+            detail=str(ve)
+        )
+    except Exception as e:
+        logger_config.error(f"Unexpected error during remove_metadata: {str(e)}")
+        raise HTTPException(
+            status_code=500,
+            detail=f"Internal server error: {str(e)}"
+        )
+
 @app.get("/image/download")
 async def download_converted_image(
     id: str = Query(...)