Developer Onboarding Guide Generator Tool

`; const blob = new Blob([htmlContent], { type: 'text/html' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = `${projectName}-onboarding-guide.html`; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); showStatus('Onboarding guide downloaded successfully!', 'valid'); } catch (error) { console.error('Error downloading guide:', error); showStatus('Error downloading guide: ' + error.message, 'invalid'); } } // Clear all fields function clearAll() { if (confirm('Are you sure you want to clear all data? This action cannot be undone.')) { // Clear all form fields document.querySelectorAll('input, textarea, select').forEach(field => { if (field.type === 'checkbox') { field.checked = false; } else if (field.type === 'date') { field.value = new Date().toISOString().split('T')[0]; } else { field.value = ''; } }); // Reset tasks defaultTasks.forEach(task => task.completed = false); customTasks = []; // Reset UI initializeDefaultTasks(); updateProgress(); document.getElementById('guide-output').innerHTML = `

Fill in the required information and click "Generate Guide" to see the preview.

`; document.getElementById('custom-tasks').style.display = 'none'; // Go back to first tab showTab('basic-info'); showStatus('All data cleared successfully.', 'valid'); } } // Show status message function showStatus(message, status) { const statusDiv = document.getElementById('status-message'); statusDiv.textContent = message; statusDiv.className = `tool-status tool-${status}`; statusDiv.style.display = 'block'; // Auto-hide status after 7 seconds setTimeout(() => { statusDiv.style.display = 'none'; }, 7000); } // Handle form submission on Enter key document.addEventListener('keydown', function(event) { if (event.key === 'Enter' && event.ctrlKey) { generateGuide(); } });