Refactor: Modularize home page (#1372)

* Move HTTP headers section to component

* Move import cURL modal to component

* Move Notes, OAuth token modal to seperate components

* Fix deepcode analysis

* Move parameters section to seperate component

* Move codegen modal to component

* ES6

components/realtime/mqtt.vue

@@ -116,8 +116,8 @@ export default {
     debouncer: debounce(function () {
       this.worker.postMessage({ type: "ws", url: this.url })
     }, 1000),
-    workerResponseHandler(message) {
-      if (message.data.url === this.url) this.isUrlValid = message.data.result
+    workerResponseHandler({ data }) {
+      if (data.url === this.url) this.isUrlValid = data.result
     },
     connect() {
       this.log = [
@@ -163,9 +163,9 @@ export default {
         icon: "sync",
       })
     },
-    onMessageArrived(message) {
+    onMessageArrived({ payloadString, destinationName }) {
       this.log.push({
-        payload: `Message: ${message.payloadString} arrived on topic: ${message.destinationName}`,
+        payload: `Message: ${payloadString} arrived on topic: ${destinationName}`,
         source: "info",
         color: "var(--ac-color)",
         ts: new Date().toLocaleTimeString(),

components/realtime/socketio.vue

@@ -147,8 +147,8 @@ export default {
     debouncer: debounce(function () {
       this.worker.postMessage({ type: "socketio", url: this.url })
     }, 1000),
-    workerResponseHandler(message) {
-      if (message.data.url === this.url) this.isUrlValid = message.data.result
+    workerResponseHandler({ data }) {
+      if (data.url === this.url) this.isUrlValid = data.result
     },
     removeCommunicationInput({ index }) {
       this.$delete(this.communication.inputs, index)

components/realtime/sse.vue

@@ -78,8 +78,8 @@ export default {
     debouncer: debounce(function () {
       this.worker.postMessage({ type: "sse", url: this.server })
     }, 1000),
-    workerResponseHandler(message) {
-      if (message.data.url === this.url) this.isUrlValid = message.data.result
+    workerResponseHandler({ data }) {
+      if (data.url === this.url) this.isUrlValid = data.result
     },
     toggleSSEConnection() {
       // If it is connecting:

components/realtime/websocket.vue

@@ -105,8 +105,8 @@ export default {
     debouncer: debounce(function () {
       this.worker.postMessage({ type: "ws", url: this.url })
     }, 1000),
-    workerResponseHandler(message) {
-      if (message.data.url === this.url) this.isUrlValid = message.data.result
+    workerResponseHandler({ data }) {
+      if (data.url === this.url) this.isUrlValid = data.result
     },
     toggleConnection() {
       // If it is connecting: