[~] Refactor

deps/greasyfork/linkedin.user.js

@@ -200,6 +200,9 @@ div.online-fxreader-linkedin {
   margin-right: 1em;
   width: calc(100% - 2em);
 }
+.d-none {
+  display: none !important;
+};
 .online-fxreader-linkedin pre {
   white-space: wrap;
   word-break: break-all;
@@ -225,6 +228,10 @@ class Linkedin {
       let search_input = search.getElementsByTagName('input')[0];
       return search_input;
     };
+    self.ui.state = () => {
+      let state = self.ui.root().getElementsByClassName('state')[0];
+      return state;
+    };
   }
 
   blah(class_name) {
@@ -234,14 +241,29 @@ class Linkedin {
     ).forEach((o) => o.remove());
   }
 
+  state_update(partial) {
+    let self = this;
+
+    let ui_state = self.ui.state();
+
+    let old_state = JSON.parse(ui_state.innerText);
+    ui_state.innerText = JSON.stringfy(
+      {
+        ...old_state,
+        ...partial
+      }
+    );
+  }
+
   search_on_change() {
     let self = this;
     let search = self.ui.search();
-    search.setAttribute(
+
-      'search',
+    self.state_update(
-      search.value
+      {
+        search: search.value
+      }
     );
-    console.log(search.value);
   }
 };
 const online_fxreader_linkedin = new Linkedin();
@@ -253,6 +275,23 @@ const online_fxreader_linkedin = new Linkedin();
     $(document.body).append(self.ui.root);
   }
 
+  state_get() {
+    let self = this;
+
+    return JSON.parse(self.ui.state.text());
+  }
+
+  state_set(partial) {
+    let self = this;
+
+    self.ui.state.text(
+      {
+        ...state_get(),
+        ...partial
+      }
+    );
+  }
+
   display() {
     let self = this;
 
@@ -260,6 +299,8 @@ const online_fxreader_linkedin = new Linkedin();
       (a, b) => a[1].ts - b[1].ts
     );
 
+    let old_state = self.state_get();
+
     self.ui.root.empty();
 
     let search = $('<div>').addClass('search').append(
@@ -270,6 +311,10 @@ const online_fxreader_linkedin = new Linkedin();
     );
     self.ui.root.append(search);
 
+    self.ui.state = $('<div>').addClass('state d-none')
+    self.ui.root.append(self.ui.state);
+    state_set(old_state);
+
     let entries = $('<div>').addClass('entries');
 
     for (let o of sorted_entries.reverse())