Features/release checklist (#42)

* 🎨 Added logs, and improved debugging

* 🎨 Error handling improved

lib/app-setup/root.tsx

@@ -29,6 +29,7 @@ import { TopBar } from '~/components/organisms/top-bar';
 import styleZenerSelect from '@oshq/react-select/index.css';
 import stylesUrl from '~/design-system/index.css';
 import rcss from 'react-highlightjs-logs/dist/index.css';
+import { isDev } from '../client/helpers/log';
 
 export const links = () => [
   { rel: 'stylesheet', href: stylesUrl },
@@ -96,9 +97,14 @@ export function ErrorBoundary() {
 
   if (error instanceof Error) {
     return (
-      <ErrorWrapper message={error.message}>
+      <ErrorWrapper message={error.name}>
         <code>
-          {typeof error.stack === 'string'
+          {/* eslint-disable-next-line no-nested-ternary */}
+          {isDev
+            ? typeof error.stack === 'string'
+              ? error.stack
+              : JSON.stringify(error.stack, null, 2)
+            : typeof error.stack === 'string'
             ? error.stack
             : JSON.stringify(error.stack, null, 2)}
         </code>

lib/client/helpers/log.ts

@@ -56,7 +56,7 @@ const PostToHook = (message: string) => {
   return {};
 };
 
-const isDev = getNodeEnv() === 'development';
+export const isDev = getNodeEnv() === 'development';
 
 const logger = {
   time: isDev ? console.time : () => {},
@@ -98,11 +98,9 @@ const logger = {
       console.trace(args);
     }
 
-    // if (isDev && typeof window === 'undefined') {
-    //   serverError(args);
-    // }
-
-    serverError(args);
+    if (isDev && typeof window === 'undefined') {
+      serverError(args);
+    }
   },
 };
 

lib/utils/common.tsx

@@ -3,8 +3,8 @@ import logger from '../client/helpers/log';
 
 export const handleError = (e: unknown): void => {
   const err = e as Error;
-  logger.error(e);
   toast.error(err.message);
+  logger.error(e);
 };
 
 export const parseError = (e: unknown): Error => {