From 896dd663c0670763fa528f089885abd02f3b5825 Mon Sep 17 00:00:00 2001
From: abbyhu2000 <abigailhu2000@gmail.com>
Date: Wed, 4 Jan 2023 16:47:27 +0000
Subject: [PATCH] error handling

Signed-off-by: abbyhu2000 <abigailhu2000@gmail.com>
---
 .../state_sync/connect_to_query_state.ts      | 126 +++++++++---------
 1 file changed, 65 insertions(+), 61 deletions(-)

diff --git a/src/plugins/data/public/query/state_sync/connect_to_query_state.ts b/src/plugins/data/public/query/state_sync/connect_to_query_state.ts
index c8a75facc2b9..8b850b36eabc 100644
--- a/src/plugins/data/public/query/state_sync/connect_to_query_state.ts
+++ b/src/plugins/data/public/query/state_sync/connect_to_query_state.ts
@@ -60,77 +60,81 @@ export const connectStorageToQueryState = (
     query: boolean;
   }
 ) => {
-  const syncKeys: Array<keyof QueryStateChange> = [];
-  if (syncConfig.query) {
-    syncKeys.push('query');
-  }
-  if (syncConfig.filters === FilterStateStore.APP_STATE) {
-    syncKeys.push('appFilters');
-  }
-
-  const initialStateFromURL: QueryState = OsdUrlStateStorage.get('_q') ?? {
-    query: queryString.getDefaultQuery(),
-    filters: filterManager.getAppFilters(),
-  };
+  try {
+    const syncKeys: Array<keyof QueryStateChange> = [];
+    if (syncConfig.query) {
+      syncKeys.push('query');
+    }
+    if (syncConfig.filters === FilterStateStore.APP_STATE) {
+      syncKeys.push('appFilters');
+    }
 
-  // set up initial '_q' flag in the URL to sync query and filter changes
-  if (!OsdUrlStateStorage.get('_q')) {
-    OsdUrlStateStorage.set('_q', initialStateFromURL, {
-      replace: true,
-    });
-  }
+    const initialStateFromURL: QueryState = OsdUrlStateStorage.get('_q') ?? {
+      query: queryString.getDefaultQuery(),
+      filters: filterManager.getAppFilters(),
+    };
 
-  if (syncConfig.query && !_.isEqual(initialStateFromURL.query, queryString.getQuery())) {
-    if (initialStateFromURL.query) {
-      queryString.setQuery(_.cloneDeep(initialStateFromURL.query));
+    // set up initial '_q' flag in the URL to sync query and filter changes
+    if (!OsdUrlStateStorage.get('_q')) {
+      OsdUrlStateStorage.set('_q', initialStateFromURL, {
+        replace: true,
+      });
     }
-  }
 
-  if (syncConfig.filters === FilterStateStore.APP_STATE) {
-    if (
-      !initialStateFromURL.filters ||
-      !compareFilters(initialStateFromURL.filters, filterManager.getAppFilters(), {
-        ...COMPARE_ALL_OPTIONS,
-        state: false,
-      })
-    ) {
-      if (initialStateFromURL.filters) {
-        filterManager.setAppFilters(_.cloneDeep(initialStateFromURL.filters));
+    if (syncConfig.query && !_.isEqual(initialStateFromURL.query, queryString.getQuery())) {
+      if (initialStateFromURL.query) {
+        queryString.setQuery(_.cloneDeep(initialStateFromURL.query));
       }
     }
 
-    const subs: Subscription[] = [
-      state$
-        .pipe(
-          filter(({ changes }) => {
-            return syncKeys.some((syncKey) => changes[syncKey]);
-          }),
-          map(({ changes, state }) => {
-            const newState: QueryState = {
-              query: state.query,
-              filters: state.filters,
-            };
-            if (syncConfig.query && changes.query) {
-              newState.query = queryString.getQuery();
-            }
+    if (syncConfig.filters === FilterStateStore.APP_STATE) {
+      if (
+        !initialStateFromURL.filters ||
+        !compareFilters(initialStateFromURL.filters, filterManager.getAppFilters(), {
+          ...COMPARE_ALL_OPTIONS,
+          state: false,
+        })
+      ) {
+        if (initialStateFromURL.filters) {
+          filterManager.setAppFilters(_.cloneDeep(initialStateFromURL.filters));
+        }
+      }
 
-            if (syncConfig.filters === FilterStateStore.APP_STATE && changes.appFilters) {
-              newState.filters = filterManager.getAppFilters();
-            }
+      const subs: Subscription[] = [
+        state$
+          .pipe(
+            filter(({ changes }) => {
+              return syncKeys.some((syncKey) => changes[syncKey]);
+            }),
+            map(({ changes, state }) => {
+              const newState: QueryState = {
+                query: state.query,
+                filters: state.filters,
+              };
+              if (syncConfig.query && changes.query) {
+                newState.query = queryString.getQuery();
+              }
 
-            return newState;
-          })
-        )
-        .subscribe((newState) => {
-          OsdUrlStateStorage.set('_q', newState, {
-            replace: true,
-          });
-        }),
-    ];
+              if (syncConfig.filters === FilterStateStore.APP_STATE && changes.appFilters) {
+                newState.filters = filterManager.getAppFilters();
+              }
 
-    return () => {
-      subs.forEach((s) => s.unsubscribe());
-    };
+              return newState;
+            })
+          )
+          .subscribe((newState) => {
+            OsdUrlStateStorage.set('_q', newState, {
+              replace: true,
+            });
+          }),
+      ];
+
+      return () => {
+        subs.forEach((s) => s.unsubscribe());
+      };
+    }
+  } catch (err) {
+    return;
   }
 };