{"version":3,"file":"voice_controller-yrAQCiLD.js","sources":["../../../app/javascript/controllers/models/audio.js","../../../app/javascript/controllers/compose/toolbar/voice_controller.js"],"sourcesContent":["import { Current } from './current.js'\n\nexport default class Audio {\n  constructor(chunks) {\n    this.chunks = chunks;\n  }\n\n  get objectURL() {\n    return URL.createObjectURL(this.blob);\n  }\n\n  get blob() {\n    return Current.browser.isSafari ? this.blobAsMP3() : this.blobAsOGG();\n  }\n\n  blobAsOGG() {\n    return new Blob(this.chunks, { type: \"audio/ogg; codecs=opus\" });\n  }\n\n  blobAsMP3() {\n    return new Blob(this.chunks, { type: \"audio/mp4\" });\n  }\n}\n","import ApplicationController from '../../application_controller'\nimport Audio from '../../models/audio'\n\nexport default class extends ApplicationController {\n  static targets = [\"recordButton\", \"controls\", \"pauseButton\", \"durationLabel\", \"recordingTemplate\", \"sendButton\"]\n\n  initialize() {\n    this.audioChunks = []\n  }\n\n  record() {\n    navigator.mediaDevices.getUserMedia({ audio: true })\n      .then(stream => {\n        this.mediaRecorder = new MediaRecorder(stream)\n\n        this.mediaRecorder.addEventListener(\"dataavailable\", this.onAudioDataAvailable.bind(this))\n        this.mediaRecorder.addEventListener(\"start\", this.onAudioRecorderStart.bind(this))\n        this.mediaRecorder.addEventListener(\"stop\", this.onAudioRecorderStop.bind(this))\n\n        this.mediaRecorder.start()\n      })\n      .catch((err) => {\n        this.showToast({\n          message: this.translations.compose.tools.voice.permission_denied,\n          type: \"error\"\n        })\n      })\n  }\n\n  onAudioDataAvailable(event) {\n    this.audioChunks.push(event.data)\n  }\n\n  onAudioRecorderStart() {\n    this.show(this.controlsTarget)\n    this.hide(this.recordButtonTarget)\n\n    const startTime = new Date().getTime()\n    this.durationInterval = setInterval(() => {\n      this.updateDurationLabel(startTime)\n      this.mediaRecorder.requestData()\n    }, 1000)\n\n    this.dispatch('start')\n  }\n\n  onAudioRecorderStop() {\n    const audio = new Audio(this.audioChunks)\n    this.audioChunks = []\n\n    const voiceContainer = document.querySelector(\"voice-container\")\n    const recordingElement = this.recordingTemplateTarget.cloneNode(true)\n\n    recordingElement.setAttribute(\"data-controller\", \"editor--recorded-voice\")\n    recordingElement.setAttribute(\"data-editor--recorded-voice-audio-url-value\", audio.objectURL)\n    recordingElement.setAttribute(\"data-editor--recorded-voice-duration-value\", this.duration)\n    recordingElement.setAttribute(\"data-compose--toolbar-target\", \"recording\")\n    recordingElement.id = \"recorded-voice\"\n\n    recordingElement.querySelector(\"x-duration\").innerText = this.durationLabelTarget.innerText\n\n    this.recordingElement = recordingElement\n\n    const fileList = new DataTransfer()\n    const audioFile = new File([audio.blobAsOGG()], \"recording.ogg\", { type: \"audio/ogg\" })\n\n    fileList.items.add(audioFile)\n\n    recordingElement.querySelector(\"input\").files = fileList.files\n\n    recordingElement.classList.remove(\"hidden\")\n    voiceContainer.appendChild(recordingElement)\n\n    this.show(voiceContainer)\n    this.duration = 0\n\n    this.dispatch('completed')\n  }\n\n  pause() {\n    clearInterval(this.durationInterval)\n\n    this.mediaRecorder.requestData()\n    this.mediaRecorder.stop()\n\n    this.show(this.sendButtonTarget)\n    this.hide(this.controlsTarget)\n\n    this.durationLabelTarget.innerText = \"00:00\"\n  }\n\n  reset() {\n    this.hide(this.sendButtonTarget)\n    this.show(this.recordButtonTarget)\n\n    this.hide(document.querySelector(\"voice-container\"))\n\n    this.dispatch('completed')\n  }\n\n  updateDurationLabel(startTime) {\n    const currentTime = new Date().getTime()\n    this.duration = currentTime - startTime\n\n    const totalSeconds = Math.floor(this.duration / 1000)\n    const minutes = Math.floor(totalSeconds / 60)\n    const seconds = totalSeconds % 60\n\n    this.durationLabelTarget.innerText = `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`\n  }\n\n  enable() {\n    super.enable(this.recordButtonTarget)\n    super.enable(this.sendButtonTarget)\n\n    if(this.recordingElement) {\n      this.dispatch('enabled', {\n        target: this.recordingElement\n      })\n    }\n  }\n\n  disable() {\n    super.disable(this.recordButtonTarget)\n    super.disable(this.sendButtonTarget)\n\n    if(this.recordingElement) {\n      this.dispatch('disabled', {\n        target: this.recordingElement\n      })\n    }\n  }\n}\n"],"names":["Audio","chunks","Current","voice_controller","ApplicationController","stream","err","event","startTime","audio","voiceContainer","recordingElement","fileList","audioFile","currentTime","totalSeconds","minutes","seconds","__publicField"],"mappings":"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"}