@5minds/node-red-dashboard-2-processcube-audio-capture 0.1.8-develop-fd7f3c-mbq9beza → 0.1.8-develop-1bd22e-mdnreaeu

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@5minds/node-red-dashboard-2-processcube-audio-capture",
-    "version": "0.1.8-develop-fd7f3c-mbq9beza",
+    "version": "0.1.8-develop-1bd22e-mdnreaeu",
     "description": "A node to capture audio and pass the audio data on in the flow",
     "keywords": [
         "node-red",
@@ -65,7 +65,7 @@
         "widgets": {
             "ui-audio-capture": {
                 "output": "ui-audio-capture.umd.js",
-                "component": "AudioCapture"
+                "component": "UIAudioCapture"
             }
         }
     }

package/resources/ui-audio-capture.umd.js

@@ -1,2 +1,2 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("button[data-v-eb9ab7bf]{padding:8px;border-style:solid;border-radius:4px}.ui-audio-capture[data-v-eb9ab7bf]{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;padding:5px}")),document.head.appendChild(e)}}catch(d){console.error("vite-plugin-css-injected-by-js",d)}})();
-(function(s,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(s=typeof globalThis<"u"?globalThis:s||self,t(s["ui-audio-capture"]={},s.Vue))})(this,function(s,t){"use strict";const c=(i,e)=>{const r=i.__vccOpts||i;for(const[n,d]of e)r[n]=d;return r},u={name:"AudioCapture",inject:["$socket"],props:{id:{type:String,required:!0},props:{type:Object,default:()=>({})},state:{type:Object,default:()=>({enabled:!1,visible:!1})}},data(){return{isRecording:!1,mediaRecorder:null,audioCanBeSend:!1,audioChunks:[]}},computed:{start(){return this.props.start||"Start"},stop(){return this.props.stop||"Stop"},send(){return this.props.send||"Send"}},methods:{async toggleRecording(){this.isRecording?this.stopRecording():await this.startRecording()},async startRecording(){this.audioCanBeSend=!1;try{const i=await navigator.mediaDevices.getUserMedia({audio:!0});this.mediaRecorder=new MediaRecorder(i),this.mediaRecorder.ondataavailable=e=>{e.data.size>0&&this.audioChunks.push(e.data)},this.mediaRecorder.start(),this.isRecording=!0}catch(i){console.error("Error accessing microphone:",i)}},stopRecording(){this.audioCanBeSend=!0,this.mediaRecorder&&this.mediaRecorder.state!=="inactive"&&(this.mediaRecorder.stop(),this.mediaRecorder=null,this.isRecording=!1)},sendAudio(){this.audioCanBeSend=!1;const i=new Blob(this.audioChunks,{type:"audio/webm"}),e=new FileReader;e.onloadend=()=>{const r=e.result.split(",")[1];this.$socket.emit("handle-audio",this.id,{fileBase64:r,fileBlob:i,fileChunks:this.audioChunks}),this.audioChunks=[]},e.readAsDataURL(i)}}},l={class:"ui-audio-capture"};function p(i,e,r,n,d,o){return t.openBlock(),t.createElementBlock("div",l,[t.createElementVNode("button",{onClick:e[0]||(e[0]=(...a)=>o.toggleRecording&&o.toggleRecording(...a))},t.toDisplayString(d.isRecording?o.stop:o.start),1),d.audioCanBeSend?(t.openBlock(),t.createElementBlock("button",{key:0,onClick:e[1]||(e[1]=(...a)=>o.sendAudio&&o.sendAudio(...a))},t.toDisplayString(o.send),1)):t.createCommentVNode("",!0)])}const h=c(u,[["render",p],["__scopeId","data-v-eb9ab7bf"]]);s.AudioCapture=h,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("button[data-v-8b23056f]{padding:8px;border-style:solid;border-radius:4px}.ui-audio-capture[data-v-8b23056f]{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;padding:5px}")),document.head.appendChild(e)}}catch(d){console.error("vite-plugin-css-injected-by-js",d)}})();
+(function(s,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],i):(s=typeof globalThis<"u"?globalThis:s||self,i(s["ui-audio-capture"]={},s.Vue))})(this,function(s,i){"use strict";const c=(e,t)=>{const d=e.__vccOpts||e;for(const[n,r]of t)d[n]=r;return d},u={name:"UIAudioCapture",inject:["$socket"],props:{id:{type:String,required:!0},props:{type:Object,default:()=>({})},state:{type:Object,default:()=>({enabled:!1,visible:!1})}},data(){return{isRecording:!1,mediaRecorder:null,audioCanBeSend:!1,audioChunks:[]}},mounted(){this.$socket.emit("widget-load",this.id)},unmounted(){var e;(e=this.$socket)==null||e.off("widget-load"+this.id)},computed:{start(){return this.props.start||"Start"},stop(){return this.props.stop||"Stop"},send(){return this.props.send||"Send"}},methods:{async toggleRecording(){this.isRecording?this.stopRecording():await this.startRecording()},async startRecording(){this.audioCanBeSend=!1;try{const e=await navigator.mediaDevices.getUserMedia({audio:!0});this.mediaRecorder=new MediaRecorder(e),this.mediaRecorder.ondataavailable=t=>{t.data.size>0&&this.audioChunks.push(t.data)},this.mediaRecorder.start(),this.isRecording=!0}catch(e){console.error("Error accessing microphone:",e)}},stopRecording(){this.audioCanBeSend=!0,this.mediaRecorder&&this.mediaRecorder.state!=="inactive"&&(this.mediaRecorder.stop(),this.mediaRecorder=null,this.isRecording=!1)},sendAudio(){this.audioCanBeSend=!1;const e=new Blob(this.audioChunks,{type:"audio/webm"}),t=new FileReader;t.onloadend=()=>{const d=t.result.split(",")[1];this.$socket.emit("handle-audio",this.id,{fileBase64:d,fileBlob:e,fileChunks:this.audioChunks}),this.audioChunks=[]},t.readAsDataURL(e)}}},l={class:"ui-audio-capture"};function p(e,t,d,n,r,o){return i.openBlock(),i.createElementBlock("div",l,[i.createElementVNode("button",{onClick:t[0]||(t[0]=(...a)=>o.toggleRecording&&o.toggleRecording(...a))},i.toDisplayString(r.isRecording?o.stop:o.start),1),r.audioCanBeSend?(i.openBlock(),i.createElementBlock("button",{key:0,onClick:t[1]||(t[1]=(...a)=>o.sendAudio&&o.sendAudio(...a))},i.toDisplayString(o.send),1)):i.createCommentVNode("",!0)])}const h=c(u,[["render",p],["__scopeId","data-v-8b23056f"]]);s.UIAudioCapture=h,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});

package/ui/components/{AudioCapture.vue → UIAudioCapture.vue}

@@ -7,7 +7,7 @@
 
 <script>
 export default {
-    name: 'AudioCapture',
+    name: 'UIAudioCapture',
     inject: ['$socket'],
     props: {
         id: { type: String, required: true },
@@ -22,6 +22,12 @@ export default {
             audioChunks: [],
         };
     },
+    mounted() {
+        this.$socket.emit('widget-load', this.id)
+    },
+    unmounted() {
+        this.$socket?.off('widget-load' + this.id)
+    },
     computed: {
         start() {
             return this.props.start || 'Start';

package/ui/index.js

@@ -1,2 +1,2 @@
 /* Exports of all of the components in this node */
-export { default as AudioCapture } from './components/AudioCapture.vue';
+export { default as UIAudioCapture } from './components/UIAudioCapture.vue';

package/ui/main.js

@@ -5,6 +5,6 @@
  */
 import { createApp } from 'vue';
 
-import AudioCapture from './components/AudioCapture.vue';
+import UIAudioCapture from './components/UIAudioCapture.vue';
 
-createApp(AudioCapture).mount('#app');
+createApp(UIAudioCapture).mount('#app');