feat: start setting up error logging

src/errorHandling.js

@@ -0,0 +1,24 @@
+import frappe from 'frappejs';
+import { MandatoryError, ValidationError } from 'frappejs/common/errors';
+
+function shouldNotStore(error) {
+  return [MandatoryError, ValidationError].some(
+    (errorClass) => error instanceof errorClass
+  );
+}
+
+export function handleError(shouldLog, error, more = {}) {
+  if (shouldLog) {
+    console.error(error);
+  }
+
+  if (shouldNotStore(error)) {
+    return;
+  }
+
+  const { name, stack, message } = error;
+  const errorLogObj = { name, stack, message, more };
+  frappe.errorLog.push(errorLogObj);
+
+  // Do something cool
+}

src/main.js

@@ -4,9 +4,11 @@ import Vue from 'vue';
 import models from '../models';
 import App from './App';
 import FeatherIcon from './components/FeatherIcon';
+import { handleError } from './errorHandling';
 import { IPC_MESSAGES } from './messages';
 import router from './router';
 import { outsideClickDirective } from './ui';
+import { stringifyCircular } from './utils';
 
 (async () => {
   frappe.isServer = true;
@@ -55,11 +57,22 @@ import { outsideClickDirective } from './ui';
   });
 
   Vue.config.errorHandler = (err, vm, info) => {
+    const { fullPath, params } = vm.$route;
+    const data = stringifyCircular(vm.$data, true, true);
+    const props = stringifyCircular(vm.$props, true, true);
+
+    handleError(false, err, {
+      fullPath,
+      params: stringifyCircular(params),
+      data,
+      props,
+      info,
+    });
     console.error(err, vm, info);
   };
 
   process.on('unhandledRejection', (error) => {
-    console.error(error);
+    handleError(true, error);
   });
 
   /* eslint-disable no-new */

src/utils.js

@@ -412,3 +412,34 @@ export function formatXLabels(label) {
 
   return `${month} ${year}`;
 }
+
+export function stringifyCircular(
+  obj,
+  ignoreCircular = false,
+  convertBaseDocument = false
+) {
+  const cacheKey = [];
+  const cacheValue = [];
+
+  return JSON.stringify(obj, (key, value) => {
+    if (typeof value !== 'object' || value === null) {
+      cacheKey.push(key);
+      cacheValue.push(value);
+      return value;
+    }
+
+    if (cacheValue.includes(value)) {
+      const circularKey = cacheKey[cacheValue.indexOf(value)] || '{self}';
+      return ignoreCircular ? undefined : `[Circular:${circularKey}]`;
+    }
+
+    cacheKey.push(key);
+    cacheValue.push(value);
+
+    if (convertBaseDocument && value instanceof frappe.BaseDocument) {
+      return value.getValidDict();
+    }
+
+    return value;
+  });
+}