From a8237aa1527947c811b90ab6165054c49f1bf45e Mon Sep 17 00:00:00 2001 From: Mostafa Said <94674993+MooseSaeed@users.noreply.github.com> Date: Fri, 8 Apr 2022 18:19:07 +0200 Subject: [PATCH] creating bot components --- public/css/app.css | 3 + public/js/app.js | 617 ++++++++++++++++++++++- resources/js/components/Botside.vue | 7 + resources/js/components/Featurecard.vue | 10 + resources/js/components/Userside.vue | 268 ++++++++++ resources/js/components/main/Grambot.vue | 43 ++ resources/js/router/index.js | 10 + 7 files changed, 954 insertions(+), 4 deletions(-) create mode 100644 resources/js/components/Botside.vue create mode 100644 resources/js/components/Userside.vue create mode 100644 resources/js/components/main/Grambot.vue diff --git a/public/css/app.css b/public/css/app.css index badfb7f..c9ad57e 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -550,6 +550,9 @@ Ensure the default browser behavior of the `hidden` attribute. .h-72 { height: 18rem; } +.h-screen { + height: 100vh; +} .h-2 { height: 0.5rem; } diff --git a/public/js/app.js b/public/js/app.js index 836b46e..6f90eab 100644 --- a/public/js/app.js +++ b/public/js/app.js @@ -17545,6 +17545,20 @@ __webpack_require__.r(__webpack_exports__); /***/ }), +/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Botside.vue?vue&type=script&lang=js": +/*!*************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Botside.vue?vue&type=script&lang=js ***! + \*************************************************************************************************************************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({}); + +/***/ }), + /***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Featurecard.vue?vue&type=script&lang=js": /*!*****************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Featurecard.vue?vue&type=script&lang=js ***! @@ -17847,6 +17861,194 @@ __webpack_require__.r(__webpack_exports__); /***/ }), +/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Userside.vue?vue&type=script&lang=js": +/*!**************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Userside.vue?vue&type=script&lang=js ***! + \**************************************************************************************************************************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ + components: {}, + data: function data() { + return { + recording: false, + lang: "", + socket: null, + stream: null, + transcript: [""], + magicKeys: ["magic bold", "magic link", "magic heading", "magic list", "magic bullet list", "magic quotation", "magic coding", "magic table", "magic image", "magic underline", "magic strike through", "magic line divider", "magic next line", "magic to the end"], + keyIncluded: false + }; + }, + methods: { + toggleRecording: function toggleRecording() { + this.recording = !this.recording; + + if (this.recording) { + this.initRecorder(); + } else { + this.stopRecording(); + } + }, + initRecorder: function initRecorder() { + this.startTranscript(); + }, + stopRecording: function stopRecording() { + this.socket.close; + this.stream.getTracks().forEach(function (track) { + track.stop(); + }); + }, + makeItBold: function makeItBold() { + document.querySelector("md-bold").click(); + }, + makeItLink: function makeItLink() { + document.querySelector("md-link").click(); + }, + makeItHeading: function makeItHeading() { + document.querySelector("md-header").click(); + }, + makeItList: function makeItList() { + document.querySelector("md-ordered-list").click(); + }, + makeItUnorderedList: function makeItUnorderedList() { + document.querySelector("md-unordered-list").click(); + }, + makeItQuotation: function makeItQuotation() { + document.querySelector("md-quote").click(); + }, + makeItCode: function makeItCode() { + document.querySelector("md-code").click(); + }, + makeItTable: function makeItTable() { + document.querySelector("md-table").click(); + }, + makeItImage: function makeItImage() { + document.querySelector("md-image").click(); + }, + makeItUnderline: function makeItUnderline() { + document.querySelector("md-underline").click(); + }, + makeItStrikethrough: function makeItStrikethrough() { + document.querySelector("md-strikethrough").click(); + }, + makeItDivider: function makeItDivider() { + document.querySelector("md-linedivider").click(); + }, + makeItNextLine: function makeItNextLine() { + document.querySelector("md-next-line").click(); + }, + makeItToEnd: function makeItToEnd() { + document.querySelector("#myTextArea").value += " "; + }, + vocalCommands: function vocalCommands() { + if (this.transcript.includes("magic bold")) { + this.makeItBold(); + } else if (this.transcript.includes("magic link")) { + this.makeItLink(); + } else if (this.transcript.includes("magic heading")) { + this.makeItHeading(); + } else if (this.transcript.includes("magic list")) { + this.makeItList(); + } else if (this.transcript.includes("magic bullet list")) { + this.makeItUnorderedList(); + } else if (this.transcript.includes("magic quotation")) { + this.makeItQuotation(); + } else if (this.transcript.includes("magic coding")) { + this.makeItCode(); + } else if (this.transcript.includes("magic table")) { + this.makeItTable(); + } else if (this.transcript.includes("magic image")) { + this.makeItImage(); + } else if (this.transcript.includes("magic underline")) { + this.makeItUnderline(); + } else if (this.transcript.includes("magic strike through")) { + this.makeItStrikethrough(); + } else if (this.transcript.includes("magic line divider")) { + this.makeItDivider(); + } else if (this.transcript.includes("magic next line")) { + this.makeItNextLine(); + } else if (this.transcript.includes("magic to the end")) { + this.makeItToEnd(); + } + }, + startTranscript: function startTranscript() { + var _this = this; + + navigator.mediaDevices.getUserMedia({ + audio: true, + video: false + }).then(function (stream) { + _this.stream = stream; + var mediaRecorder = new MediaRecorder(stream, { + mimeType: "audio/webm" + }); + var language = document.querySelector("select").value; + var socket = new WebSocket("wss://api.deepgram.com/v1/listen?language=" + language, ["token", "f5877aff8c5aa45112b63e645ddb3841472df7a6"]); + _this.socket = socket; + + socket.onopen = function () { + mediaRecorder.addEventListener("dataavailable", function (event) { + socket.send(event.data); + }); + mediaRecorder.start(250); + }; + + socket.onmessage = function (message) { + var received = JSON.parse(message.data); + 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 magicKeys = _this.magicKeys; + magicKeys.forEach(function (key) { + if (transcript.includes(key)) { + _this.keyIncluded = true; + } + }); + + if (!_this.keyIncluded) { + _this.insertAtCursor(textarea, transcript); + + document.querySelector("md-add-space").click(); + } else { + _this.transcript = transcript; + + _this.vocalCommands(); + + _this.keyIncluded = false; + } + } + }; + }); + }, + 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; + } + } + } +}); + +/***/ }), + /***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Videoplayer.vue?vue&type=script&lang=js": /*!*****************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Videoplayer.vue?vue&type=script&lang=js ***! @@ -18075,6 +18277,40 @@ __webpack_require__.r(__webpack_exports__); /***/ }), +/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/main/Grambot.vue?vue&type=script&lang=js": +/*!******************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/main/Grambot.vue?vue&type=script&lang=js ***! + \******************************************************************************************************************************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _SVGs_Microphone_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../SVGs/Microphone.vue */ "./resources/js/components/SVGs/Microphone.vue"); +/* harmony import */ var _SVGs_Stoprecroding_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../SVGs/Stoprecroding.vue */ "./resources/js/components/SVGs/Stoprecroding.vue"); +/* harmony import */ var _Userside_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Userside.vue */ "./resources/js/components/Userside.vue"); +/* harmony import */ var _Botside_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Botside.vue */ "./resources/js/components/Botside.vue"); + + + + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ + name: "Grambot", + components: { + Userside: _Userside_vue__WEBPACK_IMPORTED_MODULE_2__["default"], + Botside: _Botside_vue__WEBPACK_IMPORTED_MODULE_3__["default"], + Microphone: _SVGs_Microphone_vue__WEBPACK_IMPORTED_MODULE_0__["default"], + Stoprecroding: _SVGs_Stoprecroding_vue__WEBPACK_IMPORTED_MODULE_1__["default"] + }, + data: function data() { + return {}; + }, + methods: {} +}); + +/***/ }), + /***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/main/Homepage.vue?vue&type=script&lang=js": /*!*******************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/main/Homepage.vue?vue&type=script&lang=js ***! @@ -18288,6 +18524,22 @@ function render(_ctx, _cache, $props, $setup, $data, $options) { /***/ }), +/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Botside.vue?vue&type=template&id=02556bfa": +/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Botside.vue?vue&type=template&id=02556bfa ***! + \*****************************************************************************************************************************************************************************************************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "render": () => (/* binding */ render) +/* harmony export */ }); +function render(_ctx, _cache, $props, $setup, $data, $options) { + return null; +} + +/***/ }), + /***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Featurecard.vue?vue&type=template&id=046892eb&scoped=true": /*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Featurecard.vue?vue&type=template&id=046892eb&scoped=true ***! @@ -18341,6 +18593,22 @@ var _hoisted_5 = /*#__PURE__*/_withScopeId(function () { ); }); +var _hoisted_6 = /*#__PURE__*/_withScopeId(function () { + return /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h2", { + "class": "text-white text-xl font-bold" + }, "Grambot", -1 + /* HOISTED */ + ); +}); + +var _hoisted_7 = /*#__PURE__*/_withScopeId(function () { + return /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("p", { + "class": "relative text-white" + }, "AI speaking bot.", -1 + /* HOISTED */ + ); +}); + function render(_ctx, _cache, $props, $setup, $data, $options) { var _component_Card = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Card"); @@ -18388,6 +18656,27 @@ function render(_ctx, _cache, $props, $setup, $data, $options) { _: 1 /* STABLE */ + }), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_router_link, { + to: "/grambot" + }, { + "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { + return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Card, { + dataImage: "./images/streamerposter.png" + }, { + header: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { + return [_hoisted_6]; + }), + content: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { + return [_hoisted_7]; + }), + _: 1 + /* STABLE */ + + })]; + }), + _: 1 + /* STABLE */ + })]); } @@ -18503,7 +18792,7 @@ var _hoisted_13 = /*#__PURE__*/_withScopeId(function () { }); var _hoisted_14 = /*#__PURE__*/_withScopeId(function () { - return /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("ul", null, [/*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("li", null, " Transcription output starts from the last letter inserted in textarea. "), /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("li", null, "Punctuation is turned off for transcription.")], -1 + return /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("ul", null, [/*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("li", null, " Transcription output starts from the last letter inserted in textarea. "), /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("li", null, "Punctuation is turned off for transcription."), /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("li", null, " Don't forget to discover Magic Keys button in the toolbar. ")], -1 /* HOISTED */ ); }); @@ -18909,6 +19198,39 @@ function render(_ctx, _cache, $props, $setup, $data, $options) { /***/ }), +/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Userside.vue?vue&type=template&id=14ff3fe6": +/*!******************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Userside.vue?vue&type=template&id=14ff3fe6 ***! + \******************************************************************************************************************************************************************************************************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "render": () => (/* binding */ render) +/* harmony export */ }); +/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js"); + +var _hoisted_1 = { + "class": "grid grid-cols-1 gap-1" +}; +var _hoisted_2 = { + type: "button", + "class": "flex flex-col gap-1 lg:flex-row justify-between items-center font-semibold text-white text-bold w-full bg-gradient-to-br from-purple-600 to-blue-500 hover:bg-gradient-to-bl focus:ring-4 focus:outline-none focus:ring-blue-300 dark:focus:ring-blue-800 rounded-lg text-sm px-5 py-1 text-center mr-2 mb-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", { + 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)])]); +} + +/***/ }), + /***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Videoplayer.vue?vue&type=template&id=3a103401&scoped=true": /*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Videoplayer.vue?vue&type=template&id=3a103401&scoped=true ***! @@ -19236,6 +19558,45 @@ function render(_ctx, _cache, $props, $setup, $data, $options) { /***/ }), +/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/main/Grambot.vue?vue&type=template&id=81a1b736": +/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/main/Grambot.vue?vue&type=template&id=81a1b736 ***! + \**********************************************************************************************************************************************************************************************************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "render": () => (/* binding */ render) +/* harmony export */ }); +/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js"); + +var _hoisted_1 = { + "class": "relative bg-blue-500/25 border mx-3 border-gray-900 h-screen rounded-xl px-6 py-6" +}; +function render(_ctx, _cache, $props, $setup, $data, $options) { + var _component_Microphone = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Microphone"); + + var _component_Stoprecroding = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Stoprecroding"); + + var _component_Userside = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Userside"); + + var _component_Botside = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Botside"); + + 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", null, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Userside, null, { + startRecording: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { + return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Microphone)]; + }), + stopRecording: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { + return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Stoprecroding)]; + }), + _: 1 + /* STABLE */ + + })]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", null, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Botside)])]); +} + +/***/ }), + /***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/main/Homepage.vue?vue&type=template&id=11114d2e": /*!***********************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/main/Homepage.vue?vue&type=template&id=11114d2e ***! @@ -20678,10 +21039,12 @@ __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); -/* harmony import */ var vue_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue-router */ "./node_modules/vue-router/dist/vue-router.esm-bundler.js"); +/* harmony import */ var vue_router__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-router */ "./node_modules/vue-router/dist/vue-router.esm-bundler.js"); /* harmony import */ var _components_main_Homepage_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/main/Homepage.vue */ "./resources/js/components/main/Homepage.vue"); /* harmony import */ var _components_main_Wordleiteditor_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/main/Wordleiteditor.vue */ "./resources/js/components/main/Wordleiteditor.vue"); /* harmony import */ var _components_main_Streamer_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/main/Streamer.vue */ "./resources/js/components/main/Streamer.vue"); +/* harmony import */ var _components_main_Grambot_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/main/Grambot.vue */ "./resources/js/components/main/Grambot.vue"); + @@ -20710,9 +21073,17 @@ var routes = [{ enterClass: "animate__animated animate__fadeInLeft", leaveClass: "animate__animated animate__bounceOutUp" } +}, { + path: "/grambot", + name: "Grambot", + component: _components_main_Grambot_vue__WEBPACK_IMPORTED_MODULE_3__["default"], + meta: { + enterClass: "animate__animated animate__fadeInLeft", + leaveClass: "animate__animated animate__bounceOutUp" + } }]; -/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue_router__WEBPACK_IMPORTED_MODULE_3__.createRouter)({ - history: (0,vue_router__WEBPACK_IMPORTED_MODULE_3__.createWebHistory)(), +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue_router__WEBPACK_IMPORTED_MODULE_4__.createRouter)({ + history: (0,vue_router__WEBPACK_IMPORTED_MODULE_4__.createWebHistory)(), routes: routes })); @@ -20854,6 +21225,29 @@ ___CSS_LOADER_EXPORT___.push([module.id, "\n.linedivider {\r\n fill: rgb(33, /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); +/***/ }), + +/***/ "./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Userside.vue?vue&type=style&index=0&id=14ff3fe6&lang=css": +/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Userside.vue?vue&type=style&index=0&id=14ff3fe6&lang=css ***! + \***************************************************************************************************************************************************************************************************************************************************************************************************************************************/ +/***/ ((module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); +/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__); +// Imports + +var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]}); +// Module +___CSS_LOADER_EXPORT___.push([module.id, "\n.linedivider {\r\n fill: rgb(33, 33, 219) !important;\n}\n.background-animate {\r\n background-size: 400%;\r\n -webkit-animation: gradColor 3s ease infinite;\r\n animation: gradColor 3s ease infinite;\n}\n@-webkit-keyframes gradColor {\n0%,\r\n 100% {\r\n background-position: 0% 50%;\n}\n50% {\r\n background-position: 100% 50%;\n}\n}\n@keyframes gradColor {\n0%,\r\n 100% {\r\n background-position: 0% 50%;\n}\n50% {\r\n background-position: 100% 50%;\n}\n}\r\n", ""]); +// Exports +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); + + /***/ }), /***/ "./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Videoplayer.vue?vue&type=style&index=0&id=3a103401&scoped=true&lang=css": @@ -21163,6 +21557,35 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js /***/ }), +/***/ "./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Userside.vue?vue&type=style&index=0&id=14ff3fe6&lang=css": +/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Userside.vue?vue&type=style&index=0&id=14ff3fe6&lang=css ***! + \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"); +/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _node_modules_css_loader_dist_cjs_js_clonedRuleSet_9_use_1_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_9_use_2_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Userside_vue_vue_type_style_index_0_id_14ff3fe6_lang_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !!../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!../../../node_modules/vue-loader/dist/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./Userside.vue?vue&type=style&index=0&id=14ff3fe6&lang=css */ "./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Userside.vue?vue&type=style&index=0&id=14ff3fe6&lang=css"); + + + +var options = {}; + +options.insert = "head"; +options.singleton = false; + +var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_clonedRuleSet_9_use_1_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_9_use_2_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Userside_vue_vue_type_style_index_0_id_14ff3fe6_lang_css__WEBPACK_IMPORTED_MODULE_1__["default"], options); + + + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_clonedRuleSet_9_use_1_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_9_use_2_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Userside_vue_vue_type_style_index_0_id_14ff3fe6_lang_css__WEBPACK_IMPORTED_MODULE_1__["default"].locals || {}); + +/***/ }), + /***/ "./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Videoplayer.vue?vue&type=style&index=0&id=3a103401&scoped=true&lang=css": /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Videoplayer.vue?vue&type=style&index=0&id=3a103401&scoped=true&lang=css ***! @@ -21573,6 +21996,33 @@ const __exports__ = /*#__PURE__*/(0,F_Projects_wordleup_node_modules_vue_loader_ if (false) {} +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__exports__); + +/***/ }), + +/***/ "./resources/js/components/Botside.vue": +/*!*********************************************!*\ + !*** ./resources/js/components/Botside.vue ***! + \*********************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _Botside_vue_vue_type_template_id_02556bfa__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Botside.vue?vue&type=template&id=02556bfa */ "./resources/js/components/Botside.vue?vue&type=template&id=02556bfa"); +/* harmony import */ var _Botside_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Botside.vue?vue&type=script&lang=js */ "./resources/js/components/Botside.vue?vue&type=script&lang=js"); +/* harmony import */ var F_Projects_wordleup_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./node_modules/vue-loader/dist/exportHelper.js */ "./node_modules/vue-loader/dist/exportHelper.js"); + + + + +; +const __exports__ = /*#__PURE__*/(0,F_Projects_wordleup_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_2__["default"])(_Botside_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_Botside_vue_vue_type_template_id_02556bfa__WEBPACK_IMPORTED_MODULE_0__.render],['__file',"resources/js/components/Botside.vue"]]) +/* hot reload */ +if (false) {} + + /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__exports__); /***/ }), @@ -21799,6 +22249,36 @@ const __exports__ = /*#__PURE__*/(0,F_Projects_wordleup_node_modules_vue_loader_ if (false) {} +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__exports__); + +/***/ }), + +/***/ "./resources/js/components/Userside.vue": +/*!**********************************************!*\ + !*** ./resources/js/components/Userside.vue ***! + \**********************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _Userside_vue_vue_type_template_id_14ff3fe6__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Userside.vue?vue&type=template&id=14ff3fe6 */ "./resources/js/components/Userside.vue?vue&type=template&id=14ff3fe6"); +/* harmony import */ var _Userside_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Userside.vue?vue&type=script&lang=js */ "./resources/js/components/Userside.vue?vue&type=script&lang=js"); +/* harmony import */ var _Userside_vue_vue_type_style_index_0_id_14ff3fe6_lang_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Userside.vue?vue&type=style&index=0&id=14ff3fe6&lang=css */ "./resources/js/components/Userside.vue?vue&type=style&index=0&id=14ff3fe6&lang=css"); +/* harmony import */ var F_Projects_wordleup_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./node_modules/vue-loader/dist/exportHelper.js */ "./node_modules/vue-loader/dist/exportHelper.js"); + + + + +; + + +const __exports__ = /*#__PURE__*/(0,F_Projects_wordleup_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__["default"])(_Userside_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_Userside_vue_vue_type_template_id_14ff3fe6__WEBPACK_IMPORTED_MODULE_0__.render],['__file',"resources/js/components/Userside.vue"]]) +/* hot reload */ +if (false) {} + + /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__exports__); /***/ }), @@ -21883,6 +22363,33 @@ const __exports__ = /*#__PURE__*/(0,F_Projects_wordleup_node_modules_vue_loader_ if (false) {} +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__exports__); + +/***/ }), + +/***/ "./resources/js/components/main/Grambot.vue": +/*!**************************************************!*\ + !*** ./resources/js/components/main/Grambot.vue ***! + \**************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _Grambot_vue_vue_type_template_id_81a1b736__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Grambot.vue?vue&type=template&id=81a1b736 */ "./resources/js/components/main/Grambot.vue?vue&type=template&id=81a1b736"); +/* harmony import */ var _Grambot_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Grambot.vue?vue&type=script&lang=js */ "./resources/js/components/main/Grambot.vue?vue&type=script&lang=js"); +/* harmony import */ var F_Projects_wordleup_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./node_modules/vue-loader/dist/exportHelper.js */ "./node_modules/vue-loader/dist/exportHelper.js"); + + + + +; +const __exports__ = /*#__PURE__*/(0,F_Projects_wordleup_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_2__["default"])(_Grambot_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_Grambot_vue_vue_type_template_id_81a1b736__WEBPACK_IMPORTED_MODULE_0__.render],['__file',"resources/js/components/main/Grambot.vue"]]) +/* hot reload */ +if (false) {} + + /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__exports__); /***/ }), @@ -21999,6 +22506,21 @@ __webpack_require__.r(__webpack_exports__); /* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Bodycomponent_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./Bodycomponent.vue?vue&type=script&lang=js */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Bodycomponent.vue?vue&type=script&lang=js"); +/***/ }), + +/***/ "./resources/js/components/Botside.vue?vue&type=script&lang=js": +/*!*********************************************************************!*\ + !*** ./resources/js/components/Botside.vue?vue&type=script&lang=js ***! + \*********************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* reexport safe */ _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Botside_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_0__["default"]) +/* harmony export */ }); +/* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Botside_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./Botside.vue?vue&type=script&lang=js */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Botside.vue?vue&type=script&lang=js"); + + /***/ }), /***/ "./resources/js/components/Featurecard.vue?vue&type=script&lang=js": @@ -22104,6 +22626,21 @@ __webpack_require__.r(__webpack_exports__); /* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Stoprecroding_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./Stoprecroding.vue?vue&type=script&lang=js */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/SVGs/Stoprecroding.vue?vue&type=script&lang=js"); +/***/ }), + +/***/ "./resources/js/components/Userside.vue?vue&type=script&lang=js": +/*!**********************************************************************!*\ + !*** ./resources/js/components/Userside.vue?vue&type=script&lang=js ***! + \**********************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* reexport safe */ _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Userside_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_0__["default"]) +/* harmony export */ }); +/* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Userside_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./Userside.vue?vue&type=script&lang=js */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Userside.vue?vue&type=script&lang=js"); + + /***/ }), /***/ "./resources/js/components/Videoplayer.vue?vue&type=script&lang=js": @@ -22149,6 +22686,21 @@ __webpack_require__.r(__webpack_exports__); /* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Card_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./Card.vue?vue&type=script&lang=js */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/card/Card.vue?vue&type=script&lang=js"); +/***/ }), + +/***/ "./resources/js/components/main/Grambot.vue?vue&type=script&lang=js": +/*!**************************************************************************!*\ + !*** ./resources/js/components/main/Grambot.vue?vue&type=script&lang=js ***! + \**************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* reexport safe */ _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Grambot_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_0__["default"]) +/* harmony export */ }); +/* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Grambot_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./Grambot.vue?vue&type=script&lang=js */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/main/Grambot.vue?vue&type=script&lang=js"); + + /***/ }), /***/ "./resources/js/components/main/Homepage.vue?vue&type=script&lang=js": @@ -22224,6 +22776,21 @@ __webpack_require__.r(__webpack_exports__); /* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_2_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Bodycomponent_vue_vue_type_template_id_3d9f2080_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./Bodycomponent.vue?vue&type=template&id=3d9f2080&scoped=true */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Bodycomponent.vue?vue&type=template&id=3d9f2080&scoped=true"); +/***/ }), + +/***/ "./resources/js/components/Botside.vue?vue&type=template&id=02556bfa": +/*!***************************************************************************!*\ + !*** ./resources/js/components/Botside.vue?vue&type=template&id=02556bfa ***! + \***************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "render": () => (/* reexport safe */ _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_2_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Botside_vue_vue_type_template_id_02556bfa__WEBPACK_IMPORTED_MODULE_0__.render) +/* harmony export */ }); +/* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_2_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Botside_vue_vue_type_template_id_02556bfa__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./Botside.vue?vue&type=template&id=02556bfa */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Botside.vue?vue&type=template&id=02556bfa"); + + /***/ }), /***/ "./resources/js/components/Featurecard.vue?vue&type=template&id=046892eb&scoped=true": @@ -22344,6 +22911,21 @@ __webpack_require__.r(__webpack_exports__); /* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_2_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Stoprecroding_vue_vue_type_template_id_034a0914__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../../node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!../../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./Stoprecroding.vue?vue&type=template&id=034a0914 */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/SVGs/Stoprecroding.vue?vue&type=template&id=034a0914"); +/***/ }), + +/***/ "./resources/js/components/Userside.vue?vue&type=template&id=14ff3fe6": +/*!****************************************************************************!*\ + !*** ./resources/js/components/Userside.vue?vue&type=template&id=14ff3fe6 ***! + \****************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "render": () => (/* reexport safe */ _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_2_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Userside_vue_vue_type_template_id_14ff3fe6__WEBPACK_IMPORTED_MODULE_0__.render) +/* harmony export */ }); +/* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_2_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Userside_vue_vue_type_template_id_14ff3fe6__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./Userside.vue?vue&type=template&id=14ff3fe6 */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Userside.vue?vue&type=template&id=14ff3fe6"); + + /***/ }), /***/ "./resources/js/components/Videoplayer.vue?vue&type=template&id=3a103401&scoped=true": @@ -22389,6 +22971,21 @@ __webpack_require__.r(__webpack_exports__); /* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_2_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Card_vue_vue_type_template_id_1b8ba994__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../../node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!../../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./Card.vue?vue&type=template&id=1b8ba994 */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/card/Card.vue?vue&type=template&id=1b8ba994"); +/***/ }), + +/***/ "./resources/js/components/main/Grambot.vue?vue&type=template&id=81a1b736": +/*!********************************************************************************!*\ + !*** ./resources/js/components/main/Grambot.vue?vue&type=template&id=81a1b736 ***! + \********************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "render": () => (/* reexport safe */ _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_2_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Grambot_vue_vue_type_template_id_81a1b736__WEBPACK_IMPORTED_MODULE_0__.render) +/* harmony export */ }); +/* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_2_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Grambot_vue_vue_type_template_id_81a1b736__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../../node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!../../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./Grambot.vue?vue&type=template&id=81a1b736 */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/main/Grambot.vue?vue&type=template&id=81a1b736"); + + /***/ }), /***/ "./resources/js/components/main/Homepage.vue?vue&type=template&id=11114d2e": @@ -22494,6 +23091,18 @@ __webpack_require__.r(__webpack_exports__); /* harmony import */ var _node_modules_style_loader_dist_cjs_js_node_modules_css_loader_dist_cjs_js_clonedRuleSet_9_use_1_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_9_use_2_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Markdowntoolbar_vue_vue_type_style_index_0_id_db896bde_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/style-loader/dist/cjs.js!../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!../../../node_modules/vue-loader/dist/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./Markdowntoolbar.vue?vue&type=style&index=0&id=db896bde&lang=css */ "./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Markdowntoolbar.vue?vue&type=style&index=0&id=db896bde&lang=css"); +/***/ }), + +/***/ "./resources/js/components/Userside.vue?vue&type=style&index=0&id=14ff3fe6&lang=css": +/*!******************************************************************************************!*\ + !*** ./resources/js/components/Userside.vue?vue&type=style&index=0&id=14ff3fe6&lang=css ***! + \******************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _node_modules_style_loader_dist_cjs_js_node_modules_css_loader_dist_cjs_js_clonedRuleSet_9_use_1_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_9_use_2_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Userside_vue_vue_type_style_index_0_id_14ff3fe6_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/style-loader/dist/cjs.js!../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!../../../node_modules/vue-loader/dist/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./Userside.vue?vue&type=style&index=0&id=14ff3fe6&lang=css */ "./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/Userside.vue?vue&type=style&index=0&id=14ff3fe6&lang=css"); + + /***/ }), /***/ "./resources/js/components/Videoplayer.vue?vue&type=style&index=0&id=3a103401&scoped=true&lang=css": diff --git a/resources/js/components/Botside.vue b/resources/js/components/Botside.vue new file mode 100644 index 0000000..60265f6 --- /dev/null +++ b/resources/js/components/Botside.vue @@ -0,0 +1,7 @@ + + + + + diff --git a/resources/js/components/Featurecard.vue b/resources/js/components/Featurecard.vue index 9283c5b..3f3234c 100644 --- a/resources/js/components/Featurecard.vue +++ b/resources/js/components/Featurecard.vue @@ -30,6 +30,16 @@ + + + + + + diff --git a/resources/js/components/Userside.vue b/resources/js/components/Userside.vue new file mode 100644 index 0000000..4b4361e --- /dev/null +++ b/resources/js/components/Userside.vue @@ -0,0 +1,268 @@ + + + + + diff --git a/resources/js/components/main/Grambot.vue b/resources/js/components/main/Grambot.vue new file mode 100644 index 0000000..ded3ff4 --- /dev/null +++ b/resources/js/components/main/Grambot.vue @@ -0,0 +1,43 @@ + + + + + diff --git a/resources/js/router/index.js b/resources/js/router/index.js index 69cad6a..0505540 100644 --- a/resources/js/router/index.js +++ b/resources/js/router/index.js @@ -3,6 +3,7 @@ import { createRouter, createWebHistory } from "vue-router"; import Homepage from "../components/main/Homepage.vue"; import Wordleiteditor from "../components/main/Wordleiteditor.vue"; import Streamer from "../components/main/Streamer.vue"; +import Grambot from "../components/main/Grambot.vue"; const routes = [ { @@ -32,6 +33,15 @@ const routes = [ leaveClass: "animate__animated animate__bounceOutUp", }, }, + { + path: "/grambot", + name: "Grambot", + component: Grambot, + meta: { + enterClass: "animate__animated animate__fadeInLeft", + leaveClass: "animate__animated animate__bounceOutUp", + }, + }, ]; export default createRouter({