Dr Jesse Dashe M.D.

Medical Notes App

Subjective

Diagnosis

Your processed medical notes will appear here.

const inputArea = document.getElementById('input-area'); const outputArea = document.getElementById('output-area'); const recordButton = document.getElementById('record-button'); const resetButton = document.getElementById('reset-button'); const submitButton = document.getElementById('submit-button'); const recordingStatus = document.getElementById('recording-status'); const copyButton = document.getElementById('copy-button'); const playButton = document.getElementById('play-button'); const dancingUnicorn = document.getElementById('dancing-unicorn'); const errorContainer = document.getElementById('error-container'); let isRecording = false; let mediaRecorder; let audioChunks = []; let audioBlob; let wavesurfer; function appendText(text) { inputArea.value += text; } copyButton.addEventListener('click', () => { const tempDiv = document.createElement('div'); tempDiv.contentEditable = true; tempDiv.style.backgroundColor = 'white'; tempDiv.innerHTML = `${marked.parse(outputArea.innerText)}`; document.body.appendChild(tempDiv); const range = document.createRange(); range.selectNodeContents(tempDiv); const selection = window.getSelection(); selection.removeAllRanges(); selection.addRange(range); document.execCommand('copy'); selection.removeAllRanges(); document.body.removeChild(tempDiv); }); recordButton.addEventListener('click', () => { if (!isRecording) { startRecording(); } else { stopRecording(); } }); resetButton.addEventListener('click', () => { location.reload(); }); submitButton.addEventListener('click', async () => { const inputText = inputArea.value; dancingUnicorn.style.display = 'block'; try { const formData = new FormData(); formData.append('notes', inputText); if (audioBlob) { formData.append('audio', audioBlob, 'recording.wav'); } const response = await axios.post('https://hook.us1.make.com/jzau8yfzecy2q5du67sduv45eleuy3dd', formData, { headers: { 'Content-Type': 'multipart/form-data' } }); if (response.data) { outputArea.textContent = response.data; dancingUnicorn.style.display = 'none'; errorContainer.textContent = ''; } else { throw new Error('No response received'); } } catch (error) { console.error('Error processing notes:', error); let errorMessage = 'An error occurred while processing the notes.'; if (error.response) { errorMessage += ` Server responded with status ${error.response.status}.`; } else if (error.request) { errorMessage += ' No response received from server.'; } else { errorMessage += ` ${error.message}`; } errorContainer.textContent = errorMessage; outputArea.textContent = 'Unable to process notes. Please try again.'; dancingUnicorn.style.display = 'none'; } }); async function startRecording() { const stream = await navigator.mediaDevices.getUserMedia({ audio: true }); mediaRecorder = new MediaRecorder(stream); mediaRecorder.ondataavailable = (event) => { audioChunks.push(event.data); }; mediaRecorder.onstop = () => { audioBlob = new Blob(audioChunks, { type: 'audio/wav' }); const audioUrl = URL.createObjectURL(audioBlob); displayWaveform(audioUrl); playButton.style.display = 'inline-block'; }; mediaRecorder.start(); isRecording = true; recordButton.textContent = '■'; recordButton.classList.remove('record'); recordButton.classList.add('stop'); recordingStatus.textContent = 'Recording...'; } function stopRecording() { mediaRecorder.stop(); isRecording = false; recordButton.textContent = '●'; recordButton.classList.remove('stop'); recordButton.classList.add('record'); recordingStatus.textContent = ''; } function displayWaveform(audioUrl) { if (wavesurfer) { wavesurfer.destroy(); } wavesurfer = WaveSurfer.create({ container: '#waveform', waveColor: 'violet', progressColor: 'purple' }); wavesurfer.load(audioUrl); } playButton.addEventListener('click', () => { if (wavesurfer) { wavesurfer.playPause(); } });