feat(@dpc-sdp/nuxt-ripple-analytics): added tracking for various caug…

…ht errors
dpc-sdp · Nov 28, 2024 · 390b28b · 390b28b
1 parent 5ff0215
commit 390b28b
Show file tree

Hide file tree

Showing 11 changed files with 20 additions and 8 deletions.
diff --git a/packages/nuxt-ripple-analytics/utils/trackError.ts b/packages/nuxt-ripple-analytics/utils/trackError.ts
@@ -1,12 +1,12 @@
 declare global {
   interface Window {
     newrelic?: {
-      noticeError: (error: Error) => void
+      noticeError: (error: any) => void
     }
   }
 }
 
-const trackError = (error: Error) => {
+const trackError = (error: any) => {
   if (window?.newrelic?.noticeError) {
     window.newrelic.noticeError(error)
   }

diff --git a/packages/nuxt-ripple/components/TideAlerts.vue b/packages/nuxt-ripple/components/TideAlerts.vue
@@ -71,6 +71,7 @@ const filteredAlerts = computed(() => {
       return !dismissedIds.includes(alert.alertId)
     })
   } catch (e) {
+    trackError(e)
     console.error(
       'Something went wrong when trying to get dismissed alerts cookie'
     )

diff --git a/packages/nuxt-ripple/composables/use-tide-error.ts b/packages/nuxt-ripple/composables/use-tide-error.ts
@@ -1,4 +1,7 @@
-export const useTideError = (statusCode: number): void => {
+export const useTideError = (
+  statusCode: number,
+  originalError?: Error
+): void => {
   if (statusCode) {
     switch (statusCode) {
       case 404:
@@ -28,6 +31,10 @@ export const useTideError = (statusCode: number): void => {
         break
 
       default:
+        if (originalError) {
+          trackError(originalError)
+        }
+
         throw createError({
           statusCode: 500,
           statusMessage: 'We have a glitch in our system.',

diff --git a/packages/nuxt-ripple/composables/use-tide-page.ts b/packages/nuxt-ripple/composables/use-tide-page.ts
@@ -151,7 +151,7 @@ export const useTidePage = async (
     }
 
     if (error && error.value?.statusCode) {
-      useTideError(error.value?.statusCode)
+      useTideError(error.value?.statusCode, error.value)
     }
 
     debugLogger('Page data fetched', {

diff --git a/packages/nuxt-ripple/composables/use-tide-site.ts b/packages/nuxt-ripple/composables/use-tide-site.ts
@@ -34,7 +34,7 @@ export const useTideSite = async (id?: number): Promise<TideSiteData> => {
     if (error && error.value?.statusCode) {
       console.log(error)
       console.log('API error fetching site data')
-      useTideError(500)
+      useTideError(500, error.value)
     }
 
     // Section.io cache tags must be set on the response header to invalidate the cache after a change in drupal

diff --git a/packages/ripple-tide-publication/composables/use-tide-publication-children.ts b/packages/ripple-tide-publication/composables/use-tide-publication-children.ts
@@ -23,7 +23,7 @@ export const useTidePublicationChildren = async (
       }
     })
     if (error && error.value?.statusCode) {
-      useTideError(error.value?.statusCode)
+      useTideError(error.value?.statusCode, error.value)
     }
     return data.value
   }

diff --git a/packages/ripple-tide-publication/composables/use-tide-publication-menu.ts b/packages/ripple-tide-publication/composables/use-tide-publication-menu.ts
@@ -15,7 +15,7 @@ export const useTidePublicationMenu = async (
       }
     })
     if (error && error.value?.statusCode) {
-      useTideError(error.value?.statusCode)
+      useTideError(error.value?.statusCode, error.value)
     }
     return data.value
   }

diff --git a/packages/ripple-tide-search/components/global/TideSearchAddressLookup.vue b/packages/ripple-tide-search/components/global/TideSearchAddressLookup.vue
@@ -155,6 +155,7 @@ const fetchSuggestions = async (query: string) => {
       props.mapResultsFnName
     )
   } catch (e) {
+    trackError(e)
     console.error(e)
   }
 }

diff --git a/packages/ripple-tide-search/composables/useTideSearch.ts b/packages/ripple-tide-search/composables/useTideSearch.ts
@@ -633,6 +633,7 @@ export default ({
         nextTick(onMapResultsHook.value)
       }
     } catch (error) {
+      trackError(error)
       console.error(error)
       searchError.value = error
     } finally {

diff --git a/packages/ripple-tide-webform/composables/use-webform-schema.ts b/packages/ripple-tide-webform/composables/use-webform-schema.ts
@@ -20,7 +20,7 @@ export const useWebformSchema = async (
       }
     })
     if (error && error.value?.statusCode) {
-      useTideError(error.value?.statusCode)
+      useTideError(error.value?.statusCode, error.value)
     }
     return data.value
   }

diff --git a/packages/ripple-tide-webform/composables/use-webform-submit.ts b/packages/ripple-tide-webform/composables/use-webform-submit.ts
@@ -110,6 +110,7 @@ export function useWebformSubmit(
         window
       )
     } catch (e) {
+      trackError(e)
       console.error(e)
 
       submissionState.value = {
@@ -144,6 +145,7 @@ export function useWebformSubmit(
         }
       }
     } catch (error) {
+      trackError(error)
       console.error(error)
 
       submissionState.value = {