) => {
if (e.target.files) {
setFiles(Array.from(e.target.files));
}
};
const simulateProcess = async () => {
if (files.length === 0 && !['pass-gen', 'age-calc', 'bmi-calc', 'json-fmt', 'tts', 'timer', 'color-picker'].includes(tool.id)) return;
setStatus('uploading');
let p = 0;
const interval = setInterval(() => {
p += 10;
setProgress(p);
if (p >= 100) {
clearInterval(interval);
setStatus('processing');
setTimeout(() => {
setStatus('done');
// For real tools, we'd set the result here
if (tool.category === 'pdf' || tool.category === 'image') {
setResult('download_ready');
}
}, 1500);
}
}, 100);
};
const generatePassword = () => {
const charset = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()_+";
let retVal = "";
for (let i = 0; i < 16; ++i) {
retVal += charset.charAt(Math.floor(Math.random() * charset.length));
}
setPassword(retVal);
};
const calculateBMI = () => {
const w = parseFloat(bmi.weight);
const h = parseFloat(bmi.height) / 100;
if (w > 0 && h > 0) {
const res = (w / (h * h)).toFixed(2);
setBmi(prev => ({ ...prev, result: res }));
}
};
const calculateAge = () => {
if (!age.birthDate) return;
const birth = new Date(age.birthDate);
const now = new Date();
let years = now.getFullYear() - birth.getFullYear();
const m = now.getMonth() - birth.getMonth();
if (m < 0 || (m === 0 && now.getDate() < birth.getDate())) {
years--;
}
setAge(prev => ({ ...prev, result: years.toString() }));
};
const formatJSON = () => {
try {
const obj = JSON.parse(jsonInput);
setJsonInput(JSON.stringify(obj, null, 2));
} catch (e) {
alert("Invalid JSON");
}
};
const convertUnits = () => {
const val = parseFloat(unit.value);
if (isNaN(val)) return;
let res = 0;
if (unit.from === 'cm' && unit.to === 'inch') res = val / 2.54;
if (unit.from === 'inch' && unit.to === 'cm') res = val * 2.54;
if (unit.from === 'kg' && unit.to === 'lb') res = val * 2.20462;
if (unit.from === 'lb' && unit.to === 'kg') res = val / 2.20462;
setUnit(prev => ({ ...prev, result: res.toFixed(2) }));
};
const processImage = async () => {
if (files.length === 0) return;
setStatus('processing');
const file = files[0];
const reader = new FileReader();
reader.onload = (e) => {
const img = new Image();
img.onload = () => {
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
canvas.width = img.width;
canvas.height = img.height;
ctx?.drawImage(img, 0, 0);
let mime = 'image/jpeg';
if (tool.id === 'img-convert') {
// Simple toggle for demo
mime = file.type === 'image/png' ? 'image/jpeg' : 'image/png';
}
const dataUrl = canvas.toDataURL(mime, 0.7);
setResult(dataUrl);
setStatus('done');
};
img.src = e.target?.result as string;
};
reader.readAsDataURL(file);
};
const speakText = () => {
if (!textInput) return;
const utterance = new SpeechSynthesisUtterance(textInput);
window.speechSynthesis.speak(utterance);
};
const startListening = () => {
const SpeechRecognition = (window as any).SpeechRecognition || (window as any).webkitSpeechRecognition;
if (!SpeechRecognition) {
alert("Speech recognition not supported in this browser.");
return;
}
const recognition = new SpeechRecognition();
recognition.onstart = () => setIsListening(true);
recognition.onend = () => setIsListening(false);
recognition.onresult = (event: any) => {
const transcript = event.results[0][0].transcript;
setTextInput(prev => prev + " " + transcript);
};
recognition.start();
};
const renderToolUI = () => {
switch (tool.id) {
case 'qr-gen':
return (
);
case 'pass-gen':
return (
{password || "••••••••••••••••"}
);
case 'bmi-calc':
return (
);
case 'age-calc':
return (
setAge(prev => ({ ...prev, birthDate: e.target.value }))}
/>
{age.result &&
Age: {age.result} Years
}
);
case 'json-fmt':
return (
}&chs=200x200`})
)}