@mongoosejs/studio 0.0.94 → 0.0.95

package/frontend/public/app.js

@@ -53,9 +53,9 @@ if (window.MONGOOSE_STUDIO_CONFIG.isLambda) {
       return client.post('', { action: 'Dashboard.getDashboards', ...params }).then(res => res.data);
     },
     updateDashboard(params) {
-      return client.post('', { action: 'Dashboard.updateDashboard', ...params}).then(res => res.data);
+      return client.post('', { action: 'Dashboard.updateDashboard', ...params }).then(res => res.data);
     }
-  }
+  };
   exports.ChatThread = {
     createChatMessage(params) {
       return client.post('', { action: 'ChatThread.createChatMessage', ...params }).then(res => res.data);
@@ -69,24 +69,24 @@ if (window.MONGOOSE_STUDIO_CONFIG.isLambda) {
     listChatThreads(params) {
       return client.post('', { action: 'ChatThread.listChatThreads', ...params }).then(res => res.data);
     }
-  }
+  };
   exports.ChatMessage = {
     executeScript(params) {
       return client.post('', { action: 'ChatMessage.executeScript', ...params }).then(res => res.data);
     }
-  }
+  };
   exports.Model = {
     createChart(params) {
-      return client.post('', { action: 'Model.createChart', ...params}).then(res => res.data);
+      return client.post('', { action: 'Model.createChart', ...params }).then(res => res.data);
     },
     createDocument(params) {
-      return client.post('', { action: 'Model.createDocument', ...params}).then(res => res.data);
+      return client.post('', { action: 'Model.createDocument', ...params }).then(res => res.data);
     },
     deleteDocument(params) {
-      return client.post('', { action: 'Model.deleteDocument', ...params}).then(res => res.data);
+      return client.post('', { action: 'Model.deleteDocument', ...params }).then(res => res.data);
     },
     deleteDocuments(params) {
-      return client.post('', { action: 'Model.deleteDocuments', ...params}).then(res => res.data);
+      return client.post('', { action: 'Model.deleteDocuments', ...params }).then(res => res.data);
     },
     exportQueryResults(params) {
       const accessToken = window.localStorage.getItem('_mongooseStudioAccessToken') || null;
@@ -94,8 +94,8 @@ if (window.MONGOOSE_STUDIO_CONFIG.isLambda) {
       return fetch(window.MONGOOSE_STUDIO_CONFIG.baseURL + new URLSearchParams({ ...params, action: 'Model.exportQueryResults' }).toString(), {
         method: 'GET',
         headers: {
-          'Authorization': `${accessToken}`, // Set your authorization token here
-          'Accept': 'text/csv'
+          Authorization: `${accessToken}`, // Set your authorization token here
+          Accept: 'text/csv'
         }
       })
         .then(response => {
@@ -146,7 +146,7 @@ if (window.MONGOOSE_STUDIO_CONFIG.isLambda) {
       return client.post('/Dashboard/createDashboard', params).then(res => res.data);
     },
     deleteDashboard: function deleteDashboard(params) {
-      return client.post('/Dashboard/deleteDashboard', params).then(res => res.data)
+      return client.post('/Dashboard/deleteDashboard', params).then(res => res.data);
     },
     getDashboard: function getDashboard(params) {
       return client.put('/Dashboard/getDashboard', params).then(res => res.data);
@@ -157,7 +157,7 @@ if (window.MONGOOSE_STUDIO_CONFIG.isLambda) {
     updateDashboard: function updateDashboard(params) {
       return client.post('/Dashboard/updateDashboard', params).then(res => res.data);
     }
-  }
+  };
   exports.ChatThread = {
     createChatMessage: function createChatMessage(params) {
       return client.post('/ChatThread/createChatMessage', params).then(res => res.data);
@@ -178,13 +178,13 @@ if (window.MONGOOSE_STUDIO_CONFIG.isLambda) {
     }
   };
   exports.Model = {
-    createChart: function (params) {
+    createChart: function(params) {
       return client.post('/Model/createChart', params).then(res => res.data);
     },
     createDocument: function(params) {
       return client.post('/Model/createDocument', params).then(res => res.data);
     },
-    deleteDocument: function (params) {
+    deleteDocument: function(params) {
       return client.post('/Model/deleteDocument', params).then(res => res.data);
     },
     deleteDocuments: function(params) {
@@ -196,8 +196,8 @@ if (window.MONGOOSE_STUDIO_CONFIG.isLambda) {
       return fetch(window.MONGOOSE_STUDIO_CONFIG.baseURL + '/Model/exportQueryResults?' + new URLSearchParams(params).toString(), {
         method: 'GET',
         headers: {
-          'Authorization': `${accessToken}`, // Set your authorization token here
-          'Accept': 'text/csv'
+          Authorization: `${accessToken}`, // Set your authorization token here
+          Accept: 'text/csv'
         }
       })
         .then(response => {
@@ -441,7 +441,7 @@ module.exports = app => app.component('chat-message', {
       });
       message.executionResult = chatMessage.executionResult;
       console.log(message);
-    },
+    }
   }
 });
 
@@ -543,7 +543,7 @@ module.exports = app => app.component('chat', {
         });
       });
     }
-  },
+  }
 });
 
 
@@ -563,7 +563,7 @@ const api = __webpack_require__(/*! ../api */ "./frontend/src/api.js");
 const { BSON, EJSON } = __webpack_require__(/*! bson */ "./node_modules/bson/lib/bson.mjs");
 
 const ObjectId = new Proxy(BSON.ObjectId, {
-  apply (target, thisArg, argumentsList) {
+  apply(target, thisArg, argumentsList) {
     return new target(...argumentsList);
   }
 });
@@ -572,7 +572,7 @@ const appendCSS = __webpack_require__(/*! ../appendCSS */ "./frontend/src/append
 
 appendCSS(__webpack_require__(/*! ./clone-document.css */ "./frontend/src/clone-document/clone-document.css"));
 
-const template = __webpack_require__(/*! ./clone-document.html */ "./frontend/src/clone-document/clone-document.html")
+const template = __webpack_require__(/*! ./clone-document.html */ "./frontend/src/clone-document/clone-document.html");
 
 module.exports = app => app.component('clone-document', {
   props: ['currentModel', 'doc', 'schemaPaths'],
@@ -582,7 +582,7 @@ module.exports = app => app.component('clone-document', {
       documentData: '',
       editor: null,
       errors: []
-    }
+    };
   },
   methods: {
     async cloneDocument() {
@@ -590,17 +590,17 @@ module.exports = app => app.component('clone-document', {
       const { doc } = await api.Model.createDocument({ model: this.currentModel, data }).catch(err => {
         if (err.response?.data?.message) {
           console.log(err.response.data);
-          const message = err.response.data.message.split(": ").slice(1).join(": ");
+          const message = err.response.data.message.split(': ').slice(1).join(': ');
           this.errors = message.split(',').map(error => {
             return error.split(': ').slice(1).join(': ').trim();
-          })
+          });
           throw new Error(err.response?.data?.message);
         }
         throw err;
       });
       this.errors.length = 0;
       this.$emit('close', doc);
-    },
+    }
   },
   mounted: function() {
     const pathsToClone = this.schemaPaths.map(x => x.path);
@@ -626,8 +626,8 @@ module.exports = app => app.component('clone-document', {
       lineNumbers: true,
       smartIndent: false
     });
-  },
-})
+  }
+});
 
 /***/ }),
 
@@ -642,7 +642,7 @@ module.exports = app => app.component('clone-document', {
 
 const api = __webpack_require__(/*! ../api */ "./frontend/src/api.js");
 
-const template = __webpack_require__(/*! ./create-dashboard.html */ "./frontend/src/create-dashboard/create-dashboard.html")
+const template = __webpack_require__(/*! ./create-dashboard.html */ "./frontend/src/create-dashboard/create-dashboard.html");
 
 module.exports = app => app.component('create-dashboard', {
   template,
@@ -651,7 +651,7 @@ module.exports = app => app.component('create-dashboard', {
       title: '',
       code: '',
       errors: []
-    }
+    };
   },
   methods: {
     async createDashboard() {
@@ -659,25 +659,25 @@ module.exports = app => app.component('create-dashboard', {
       const { dashboard } = await api.Dashboard.createDashboard({ code: this.code, title: this.title }).catch(err => {
         if (err.response?.data?.message) {
           console.log(err.response.data);
-          const message = err.response.data.message.split(": ").slice(1).join(": ");
+          const message = err.response.data.message.split(': ').slice(1).join(': ');
           this.errors = message.split(',').map(error => {
             return error.split(': ').slice(1).join(': ').trim();
-          })
+          });
           throw new Error(err.response?.data?.message);
         }
         throw err;
       });
       this.errors.length = 0;
       this.$emit('close', dashboard);
-    },
+    }
   },
   mounted: function() {
     this._editor = CodeMirror.fromTextArea(this.$refs.codeEditor, {
       mode: 'javascript',
       lineNumbers: true
     });
-  },
-})
+  }
+});
 
 /***/ }),
 
@@ -695,7 +695,7 @@ const api = __webpack_require__(/*! ../api */ "./frontend/src/api.js");
 const { BSON, EJSON } = __webpack_require__(/*! bson */ "./node_modules/bson/lib/bson.mjs");
 
 const ObjectId = new Proxy(BSON.ObjectId, {
-  apply (target, thisArg, argumentsList) {
+  apply(target, thisArg, argumentsList) {
     return new target(...argumentsList);
   }
 });
@@ -704,7 +704,7 @@ const appendCSS = __webpack_require__(/*! ../appendCSS */ "./frontend/src/append
 
 appendCSS(__webpack_require__(/*! ./create-document.css */ "./frontend/src/create-document/create-document.css"));
 
-const template = __webpack_require__(/*! ./create-document.html */ "./frontend/src/create-document/create-document.html")
+const template = __webpack_require__(/*! ./create-document.html */ "./frontend/src/create-document/create-document.html");
 
 module.exports = app => app.component('create-document', {
   props: ['currentModel', 'paths'],
@@ -714,7 +714,7 @@ module.exports = app => app.component('create-document', {
       documentData: '',
       editor: null,
       errors: []
-    }
+    };
   },
   methods: {
     async createDocument() {
@@ -722,24 +722,24 @@ module.exports = app => app.component('create-document', {
       const { doc } = await api.Model.createDocument({ model: this.currentModel, data }).catch(err => {
         if (err.response?.data?.message) {
           console.log(err.response.data);
-          const message = err.response.data.message.split(": ").slice(1).join(": ");
+          const message = err.response.data.message.split(': ').slice(1).join(': ');
           this.errors = message.split(',').map(error => {
             return error.split(': ').slice(1).join(': ').trim();
-          })
+          });
           throw new Error(err.response?.data?.message);
         }
         throw err;
       });
       this.errors.length = 0;
       this.$emit('close', doc);
-    },
+    }
   },
   mounted: function() {
     const requiredPaths = this.paths.filter(x => x.required);
-    this.documentData = `{\n`;
+    this.documentData = '{\n';
     for (let i = 0; i < requiredPaths.length; i++) {
       const isLast = i + 1 >= requiredPaths.length;
-      this.documentData += `  ${requiredPaths[i].path}: ${isLast ? '': ','}\n`
+      this.documentData += `  ${requiredPaths[i].path}: ${isLast ? '' : ','}\n`;
     }
     this.documentData += '}';
     this.$refs.codeEditor.value = this.documentData;
@@ -748,8 +748,8 @@ module.exports = app => app.component('create-document', {
       lineNumbers: true,
       smartIndent: false
     });
-  },
-})
+  }
+});
 
 /***/ }),
 
@@ -946,7 +946,7 @@ module.exports = app => app.component('dashboard', {
       dashboard: null,
       result: null,
       errorMessage: null
-    }
+    };
   },
   methods: {
     toggleEditor() {
@@ -1005,11 +1005,11 @@ module.exports = app => app.component('edit-dashboard', {
       editor: null,
       title: '',
       description: ''
-    }
+    };
   },
   methods: {
     closeEditor() {
-        this.$emit('close')
+      this.$emit('close');
     },
     async updateCode() {
       this.status = 'loading';
@@ -1040,7 +1040,7 @@ module.exports = app => app.component('edit-dashboard', {
       indentWithTabs: true,
       cursorBlinkRate: 300,
       lineWrapping: true,
-      showCursorWhenSelecting: true,
+      showCursorWhenSelecting: true
     });
     // this.editor.focus();
     // this.editor.refresh(); // if anything weird happens on load, this usually fixes it. However, this breaks it in this case.
@@ -1092,7 +1092,7 @@ module.exports = app => app.component('dashboards', {
     const { dashboards } = await api.Dashboard.getDashboards();
     this.dashboards = dashboards;
     this.status = 'loaded';
-  },
+  }
 });
 
 
@@ -1167,7 +1167,7 @@ module.exports = app => app.component('detail-default', {
 
 
 const mpath = __webpack_require__(/*! mpath */ "./node_modules/mpath/index.js");
-const template = __webpack_require__(/*! ./document-details.html */ "./frontend/src/document-details/document-details.html")
+const template = __webpack_require__(/*! ./document-details.html */ "./frontend/src/document-details/document-details.html");
 
 const appendCSS = __webpack_require__(/*! ../appendCSS */ "./frontend/src/appendCSS.js");
 
@@ -1194,9 +1194,9 @@ module.exports = app => app.component('document-details', {
       }
 
       return result;
-    },
+    }
   }
-})
+});
 
 /***/ }),
 
@@ -1210,7 +1210,7 @@ module.exports = app => app.component('document-details', {
 
 
 const mpath = __webpack_require__(/*! mpath */ "./node_modules/mpath/index.js");
-const template = __webpack_require__(/*! ./document-property.html */ "./frontend/src/document-details/document-property/document-property.html")
+const template = __webpack_require__(/*! ./document-property.html */ "./frontend/src/document-details/document-property/document-property.html");
 
 const appendCSS = __webpack_require__(/*! ../../appendCSS */ "./frontend/src/appendCSS.js");
 
@@ -1221,7 +1221,7 @@ module.exports = app => app.component('document-property', {
   data: function() {
     return {
       dateType: 'picker' // picker, iso
-    }
+    };
   },
   props: ['path', 'document', 'schemaPaths', 'editting', 'changes', 'invalid'],
   methods: {
@@ -1262,7 +1262,7 @@ module.exports = app => app.component('document-property', {
       return path in this.changes ? this.changes[path] : mpath.get(path, this.document);
     }
   }
-})
+});
 
 /***/ }),
 
@@ -1287,10 +1287,10 @@ module.exports = app => app.component('confirm-changes', {
   },
   methods: {
     closeConfirm() {
-        this.$emit('close')
+      this.$emit('close');
     },
     startSave() {
-        this.$emit('save');
+      this.$emit('save');
     }
   },
   mounted() {
@@ -1321,10 +1321,10 @@ module.exports = app => app.component('confirm-delete', {
   },
   methods: {
     closeDelete() {
-        this.$emit('close')
+      this.$emit('close');
     },
     startDelete() {
-        this.$emit('remove');
+      this.$emit('remove');
     }
   },
   mounted() {
@@ -1427,11 +1427,11 @@ module.exports = app => app.component('document', {
           timeout: 3000,
           positionClass: 'bottomRight'
         });
-        this.$router.push({ path: `/model/${this.model}`});
+        this.$router.push({ path: `/model/${this.model}` });
       }
     },
     showClonedDocument(doc) {
-      this.$router.push({ path: `/model/${this.model}/document/${doc._id}`});
+      this.$router.push({ path: `/model/${this.model}/document/${doc._id}` });
     }
   }
 });
@@ -1453,7 +1453,7 @@ const template = __webpack_require__(/*! ./edit-array.html */ "./frontend/src/ed
 const { BSON } = __webpack_require__(/*! bson */ "./node_modules/bson/lib/bson.mjs");
 
 const ObjectId = new Proxy(BSON.ObjectId, {
-  apply (target, thisArg, argumentsList) {
+  apply(target, thisArg, argumentsList) {
     return new target(...argumentsList);
   }
 });
@@ -1647,7 +1647,7 @@ const template = __webpack_require__(/*! ./edit-subdocument.html */ "./frontend/
 const { BSON, EJSON } = __webpack_require__(/*! bson */ "./node_modules/bson/lib/bson.mjs");
 
 const ObjectId = new Proxy(BSON.ObjectId, {
-  apply (target, thisArg, argumentsList) {
+  apply(target, thisArg, argumentsList) {
     return new target(...argumentsList);
   }
 });
@@ -1941,7 +1941,7 @@ module.exports = app => app.component('list-default', {
     copyText(value) {
       const storage = document.createElement('textarea');
       storage.value = value;
-      const elem = this.$refs.itemData
+      const elem = this.$refs.itemData;
       elem.appendChild(storage);
       storage.select();
       storage.setSelectionRange(0, 99999);
@@ -1956,7 +1956,7 @@ module.exports = app => app.component('list-default', {
       });
     },
     goToDoc(id) {
-      this.$router.push({ path: `/model/${this.allude}/document/${id}`});
+      this.$router.push({ path: `/model/${this.allude}/document/${id}` });
     }
   },
   computed: {
@@ -1968,7 +1968,7 @@ module.exports = app => app.component('list-default', {
         return 'undefined';
       }
       if (this.value.length > 30) {
-        return this.value.substring(0,30) + '...';
+        return this.value.substring(0, 30) + '...';
       }
       return this.value;
     },
@@ -2224,7 +2224,7 @@ const { BSON, EJSON } = __webpack_require__(/*! bson */ "./node_modules/bson/lib
 
 
 const ObjectId = new Proxy(BSON.ObjectId, {
-  apply (target, thisArg, argumentsList) {
+  apply(target, thisArg, argumentsList) {
     return new target(...argumentsList);
   }
 });
@@ -2302,7 +2302,7 @@ module.exports = app => app.component('models', {
     }
     if (this.$route.query?.fields) {
       const filter = this.$route.query.fields.split(',');
-      this.filteredPaths = this.filteredPaths.filter(x => filter.includes(x.path))
+      this.filteredPaths = this.filteredPaths.filter(x => filter.includes(x.path));
     }
 
 
@@ -2337,7 +2337,7 @@ module.exports = app => app.component('models', {
 
       this.$nextTick(() => {
         const input = this.$refs.searchInput;
-        const cursorIndex = this.searchText.lastIndexOf(":") + 2; // Move cursor after ": "
+        const cursorIndex = this.searchText.lastIndexOf(':') + 2; // Move cursor after ": "
 
         input.focus();
         input.setSelectionRange(cursorIndex, cursorIndex);
@@ -2352,7 +2352,7 @@ module.exports = app => app.component('models', {
     },
     filterDocument(doc) {
       const filteredDoc = {};
-      console.log(doc, this.filteredPaths)
+      console.log(doc, this.filteredPaths);
       for (let i = 0; i < this.filteredPaths.length; i++) {
         filteredDoc[this.filteredPaths[i].path] = doc[this.filteredPaths[i].path];
       }
@@ -2391,7 +2391,7 @@ module.exports = app => app.component('models', {
       }
       if (!sorted) {
         this.sortBy[path] = num;
-        this.query.sort = `{${path}:${num}}`
+        this.query.sort = `{${path}:${num}}`;
         this.$router.push({ query: this.query });
       }
       await this.loadMoreDocuments();
@@ -2417,11 +2417,11 @@ module.exports = app => app.component('models', {
     },
     checkIndexLocation(indexName) {
       if (this.schemaIndexes.find(x => x.name == indexName) && this.mongoDBIndexes.find(x => x.name == indexName)) {
-        return 'text-gray-500'
+        return 'text-gray-500';
       } else if (this.schemaIndexes.find(x => x.name == indexName)) {
-        return 'text-forest-green-500'
+        return 'text-forest-green-500';
       } else {
-        return 'text-valencia-500'
+        return 'text-valencia-500';
       }
     },
     async getDocuments() {
@@ -2485,7 +2485,7 @@ module.exports = app => app.component('models', {
     openFieldSelection() {
       if (this.$route.query?.fields) {
         this.selectedPaths.length = 0;
-        console.log('there are fields in play', this.$route.query.fields)
+        console.log('there are fields in play', this.$route.query.fields);
         const fields = this.$route.query.fields.split(',');
         for (let i = 0; i < fields.length; i++) {
           this.selectedPaths.push({ path: fields[i] });
@@ -2558,7 +2558,7 @@ module.exports = app => app.component('models', {
     handleDocumentClick(document) {
       console.log(this.selectedDocuments);
       if (this.selectMultiple) {
-        const exists = this.selectedDocuments.find(x => x._id.toString() == document._id.toString())
+        const exists = this.selectedDocuments.find(x => x._id.toString() == document._id.toString());
         if (exists) {
           const index = this.selectedDocuments.findIndex(x => x._id.toString() == document._id.toString());
           if (index !== -1) {
@@ -2568,7 +2568,7 @@ module.exports = app => app.component('models', {
           this.selectedDocuments.push(document);
         }
       } else {
-       this.$router.push('/model/' + this.currentModel + '/document/' + document._id)
+        this.$router.push('/model/' + this.currentModel + '/document/' + document._id);
       }
     },
     async deleteDocuments() {
@@ -2681,7 +2681,7 @@ exports.hasAPIKey = client.hasAPIKey;
 const api = __webpack_require__(/*! ../api */ "./frontend/src/api.js");
 const mothership = __webpack_require__(/*! ../mothership */ "./frontend/src/mothership.js");
 const template = __webpack_require__(/*! ./navbar.html */ "./frontend/src/navbar/navbar.html");
-const  { routes, hasAccess } = __webpack_require__(/*! ../routes */ "./frontend/src/routes.js");
+const { routes, hasAccess } = __webpack_require__(/*! ../routes */ "./frontend/src/routes.js");
 
 const appendCSS = __webpack_require__(/*! ../appendCSS */ "./frontend/src/appendCSS.js");
 
@@ -2703,7 +2703,7 @@ module.exports = app => app.component('navbar', {
   },
   computed: {
     dashboardView() {
-      return routes.filter(x => x.name.startsWith('dashboard')).map(x => x.name).includes(this.$route.name)
+      return routes.filter(x => x.name.startsWith('dashboard')).map(x => x.name).includes(this.$route.name);
     },
     documentView() {
       return ['root', 'model', 'document'].includes(this.$route.name);
@@ -2744,7 +2744,7 @@ module.exports = app => app.component('navbar', {
     logout() {
       window.localStorage.setItem('_mongooseStudioAccessToken', '');
       window.location.reload();
-    },
+    }
   },
   directives: {
     clickOutside: {
@@ -3015,7 +3015,7 @@ const api = __webpack_require__(/*! ../api */ "./frontend/src/api.js");
 const { BSON, EJSON } = __webpack_require__(/*! bson */ "./node_modules/bson/lib/bson.mjs");
 
 const ObjectId = new Proxy(BSON.ObjectId, {
-  apply (target, thisArg, argumentsList) {
+  apply(target, thisArg, argumentsList) {
     return new target(...argumentsList);
   }
 });
@@ -3024,7 +3024,7 @@ const appendCSS = __webpack_require__(/*! ../appendCSS */ "./frontend/src/append
 
 appendCSS(__webpack_require__(/*! ./update-document.css */ "./frontend/src/update-document/update-document.css"));
 
-const template = __webpack_require__(/*! ./update-document.html */ "./frontend/src/update-document/update-document.html")
+const template = __webpack_require__(/*! ./update-document.html */ "./frontend/src/update-document/update-document.html");
 
 module.exports = app => app.component('update-document', {
   props: ['currentModel', 'document', 'multiple'],
@@ -3033,7 +3033,7 @@ module.exports = app => app.component('update-document', {
     return {
       editor: null,
       errors: []
-    }
+    };
   },
   methods: {
     async updateDocument() {
@@ -3041,43 +3041,43 @@ module.exports = app => app.component('update-document', {
       if (this.multiple) {
         const ids = this.document.map(x => x._id);
         await api.Model.updateDocuments({ model: this.currentModel, _id: ids, update: data }).catch(err => {
-            if (err.response?.data?.message) {
-              console.log(err.response.data);
-              const message = err.response.data.message.split(": ").slice(1).join(": ");
-              this.errors = message.split(',').map(error => {
-                return error.split(': ').slice(1).join(': ').trim();
-              })
-              throw new Error(err.response?.data?.message);
-            }
-            throw err;
+          if (err.response?.data?.message) {
+            console.log(err.response.data);
+            const message = err.response.data.message.split(': ').slice(1).join(': ');
+            this.errors = message.split(',').map(error => {
+              return error.split(': ').slice(1).join(': ').trim();
+            });
+            throw new Error(err.response?.data?.message);
+          }
+          throw err;
         });
       } else {
         await api.Model.updateDocument({ model: this.currentModel, _id: this.document._id, update: data }).catch(err => {
-            if (err.response?.data?.message) {
-              console.log(err.response.data);
-              const message = err.response.data.message.split(": ").slice(1).join(": ");
-              this.errors = message.split(',').map(error => {
-                return error.split(': ').slice(1).join(': ').trim();
-              })
-              throw new Error(err.response?.data?.message);
-            }
-            throw err;
+          if (err.response?.data?.message) {
+            console.log(err.response.data);
+            const message = err.response.data.message.split(': ').slice(1).join(': ');
+            this.errors = message.split(',').map(error => {
+              return error.split(': ').slice(1).join(': ').trim();
+            });
+            throw new Error(err.response?.data?.message);
+          }
+          throw err;
         });
       }
       this.errors.length = 0;
       this.$emit('update');
       this.$emit('close');
-    },
+    }
   },
   mounted: function() {
-    this.$refs.codeEditor.value = `{\n    \n}`
+    this.$refs.codeEditor.value = '{\n    \n}';
     this.editor = CodeMirror.fromTextArea(this.$refs.codeEditor, {
       mode: 'javascript',
       lineNumbers: true,
       smartIndent: false
     });
-  },
-})
+  }
+});
 
 /***/ }),