From 350f20856d31dd4ecee60d15ef7e49a8b9680bd4 Mon Sep 17 00:00:00 2001
From: Mostafa Said <94674993+MooseSaeed@users.noreply.github.com>
Date: Fri, 8 Apr 2022 21:43:03 +0200
Subject: [PATCH] fix
---
public/js/app.js | 45 +++++++++++-------------
resources/js/components/Userside.vue | 39 +++++---------------
resources/js/components/main/Grambot.vue | 7 ++++
3 files changed, 37 insertions(+), 54 deletions(-)
diff --git a/public/js/app.js b/public/js/app.js
index 6f90eab..145cc1e 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -17989,6 +17989,7 @@ __webpack_require__.r(__webpack_exports__);
});
var language = document.querySelector("select").value;
var socket = new WebSocket("wss://api.deepgram.com/v1/listen?language=" + language, ["token", "f5877aff8c5aa45112b63e645ddb3841472df7a6"]);
+ console.log(socket);
_this.socket = socket;
socket.onopen = function () {
@@ -18003,7 +18004,7 @@ __webpack_require__.r(__webpack_exports__);
var transcript = received.channel.alternatives[0].transcript;
if (transcript && received.is_final) {
- var textarea = document.querySelector("#myTextArea"); // if the key is included in the damn transcript just ignore the transcript
+ var textarea = document.querySelector("#speechToTextBot"); // if the key is included in the damn transcript just ignore the transcript
var magicKeys = _this.magicKeys;
magicKeys.forEach(function (key) {
@@ -18013,9 +18014,7 @@ __webpack_require__.r(__webpack_exports__);
});
if (!_this.keyIncluded) {
- _this.insertAtCursor(textarea, transcript);
-
- document.querySelector("md-add-space").click();
+ textarea.textContent = transcript + " ";
} else {
_this.transcript = transcript;
@@ -18026,23 +18025,6 @@ __webpack_require__.r(__webpack_exports__);
}
};
});
- },
- insertAtCursor: function insertAtCursor(myField, myValue) {
- //IE support
- if (document.selection) {
- myField.focus();
- sel = document.selection.createRange();
- sel.text = myValue;
- } //MOZILLA and others
- else if (myField.selectionStart || myField.selectionStart == "0") {
- var startPos = myField.selectionStart;
- var endPos = myField.selectionEnd;
- myField.value = myField.value.substring(0, startPos) + myValue + myField.value.substring(endPos, myField.value.length);
- myField.selectionStart = startPos + myValue.length;
- myField.selectionEnd = startPos + myValue.length;
- } else {
- myField.value += myValue;
- }
}
}
});
@@ -19221,12 +19203,17 @@ var _hoisted_2 = {
var _hoisted_3 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createStaticVNode)(" Start AI Speech ", 2);
function render(_ctx, _cache, $props, $setup, $data, $options) {
- return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("div", _hoisted_1, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_2, [_hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.renderSlot)(_ctx.$slots, "startRecording"), $data.recording ? (0,vue__WEBPACK_IMPORTED_MODULE_0__.renderSlot)(_ctx.$slots, "stopRecording", {
+ return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("div", _hoisted_1, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_2, [_hoisted_3, !$data.recording ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("div", {
key: 0,
onClick: _cache[0] || (_cache[0] = function () {
return $options.toggleRecording && $options.toggleRecording.apply($options, arguments);
})
- }) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)])]);
+ }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.renderSlot)(_ctx.$slots, "startRecording")])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $data.recording ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("div", {
+ key: 1,
+ onClick: _cache[1] || (_cache[1] = function () {
+ return $options.toggleRecording && $options.toggleRecording.apply($options, arguments);
+ })
+ }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.renderSlot)(_ctx.$slots, "stopRecording")])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)])]);
}
/***/ }),
@@ -19573,6 +19560,16 @@ __webpack_require__.r(__webpack_exports__);
var _hoisted_1 = {
"class": "relative bg-blue-500/25 border mx-3 border-gray-900 h-screen rounded-xl px-6 py-6"
};
+
+var _hoisted_2 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("textarea", {
+ name: "speechToTextBot",
+ id: "speechToTextBot",
+ cols: "30",
+ rows: "10"
+}, null, -1
+/* HOISTED */
+);
+
function render(_ctx, _cache, $props, $setup, $data, $options) {
var _component_Microphone = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Microphone");
@@ -19592,7 +19589,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
_: 1
/* STABLE */
- })]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", null, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Botside)])]);
+ }), _hoisted_2]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", null, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Botside)])]);
}
/***/ }),
diff --git a/resources/js/components/Userside.vue b/resources/js/components/Userside.vue
index 4b4361e..cb270e0 100644
--- a/resources/js/components/Userside.vue
+++ b/resources/js/components/Userside.vue
@@ -27,13 +27,13 @@
-
+
+
+
-
+
+
+
@@ -177,6 +177,7 @@ export default {
"wss://api.deepgram.com/v1/listen?language=" + language,
["token", process.env.MIX_VUE_APP_DEEPGRAM_KEY]
);
+ console.log(socket);
this.socket = socket;
@@ -197,7 +198,7 @@ export default {
received.channel.alternatives[0].transcript;
if (transcript && received.is_final) {
const textarea =
- document.querySelector("#myTextArea");
+ document.querySelector("#speechToTextBot");
// if the key is included in the damn transcript just ignore the transcript
@@ -209,8 +210,7 @@ export default {
});
if (!this.keyIncluded) {
- this.insertAtCursor(textarea, transcript);
- document.querySelector("md-add-space").click();
+ textarea.textContent = transcript + " ";
} else {
this.transcript = transcript;
this.vocalCommands();
@@ -220,27 +220,6 @@ export default {
};
});
},
- insertAtCursor(myField, myValue) {
- //IE support
- if (document.selection) {
- myField.focus();
- sel = document.selection.createRange();
- sel.text = myValue;
- }
- //MOZILLA and others
- else if (myField.selectionStart || myField.selectionStart == "0") {
- var startPos = myField.selectionStart;
- var endPos = myField.selectionEnd;
- myField.value =
- myField.value.substring(0, startPos) +
- myValue +
- myField.value.substring(endPos, myField.value.length);
- myField.selectionStart = startPos + myValue.length;
- myField.selectionEnd = startPos + myValue.length;
- } else {
- myField.value += myValue;
- }
- },
},
};
diff --git a/resources/js/components/main/Grambot.vue b/resources/js/components/main/Grambot.vue
index ded3ff4..bfff63a 100644
--- a/resources/js/components/main/Grambot.vue
+++ b/resources/js/components/main/Grambot.vue
@@ -12,6 +12,13 @@
+
+