Feat: implement error formatting before showing to extract more details

src/scripts/app.ts

@@ -29,6 +29,16 @@ const getImage = (images: any[]) => {
     return image
 }
 
+/**
+ * Format error for better visualization
+ * @param error
+ * @returns
+ */
+const formatError = (error: Error) => {
+    const message = error.message + "\n\n" + error.stack;
+    return message.split("\n").join("<br/>")
+}
+
 /**
  * Run application login process
  * @param username
@@ -763,6 +773,7 @@ const getTextLanguages = () => {
 export const App = {
     getTemplate,
     getImage,
+    formatError,
     login,
     logout,
     isLoggedIn,

src/scripts/explore.ts

@@ -152,7 +152,7 @@ const listResults: Callback = async ({ state, render }) => {
         await render({
             loaded: true,
             error: true,
-            message: error.message
+            message: App.formatError(error)
         })
 
     }

src/scripts/history.ts

@@ -77,7 +77,7 @@ const listHistory: Callback = async ({ state, render }) => {
         await render({
             loaded: true,
             error: true,
-            message: error.message
+            message: App.formatError(error)
         })
 
     }

src/scripts/home.ts

@@ -130,7 +130,7 @@ const listResults: Callback = async ({ state, render }) => {
         await render({
             loaded: true,
             error: true,
-            message: error.message
+            message: App.formatError(error)
         })
 
     }

src/scripts/login.ts

@@ -27,7 +27,7 @@ const makeLogin: Callback = async ({ element, render }) => {
         Route.redirect('/home')
     } catch (error) {
         await render({
-            message: error.message
+            message: App.formatError(error)
         })
     }
 

src/scripts/search.ts

@@ -109,7 +109,7 @@ const listResults: Callback = async ({ state, render }) => {
         await render({
             loaded: true,
             error: true,
-            message: error.message
+            message: App.formatError(error)
         })
 
     }

src/scripts/serie.ts

@@ -142,7 +142,7 @@ const listSerieInfo: Callback = async ({ state }) => {
 
     } catch (error) {
         state.error = true
-        state.message = error.message
+        state.message = App.formatError(error)
     }
 
     fire('loading::hide')
@@ -211,7 +211,7 @@ const listEpisodes: Callback = async ({ state, render }) => {
         await render({
             loaded: true,
             error: true,
-            message: error.message
+            message: App.formatError(error)
         })
 
     }

src/scripts/video.ts

@@ -314,7 +314,8 @@ const playVideo: Callback = async (component) => {
 
     try {
         await video.play()
-    } catch (err) {
+    } catch (error) {
+        console.log(error.message)
     }
 
     area.classList.remove('video-is-paused')
@@ -758,7 +759,7 @@ const onRender: Callback = async (component) => {
             trigger(element, 'click', '.video-play')
 
         } catch (error) {
-            showError(error.message)
+            showError(App.formatError(error))
         }
 
         fire('loading::hide')

src/scripts/watchlist.ts

@@ -77,7 +77,7 @@ const listWatchlist: Callback = async ({ state, render }) => {
         await render({
             loaded: true,
             error: true,
-            message: error.message
+            message: App.formatError(error)
         })
 
     }