[~] Refactor

deps/greasyfork/linkedin.user.js

@@ -62,6 +62,9 @@ class Linkedin {
       root: null,
       entries: null,
     };
+    this.state = {
+      search: '',
+    };
   }
 
   async data_load() {
@@ -139,6 +142,18 @@ class Linkedin {
 
   async document_on_changed () {
     let self = this;
+
+    let state_changed = false;
+
+    if (
+      JSON.stringify(self.state_get()) != JSON.stringify(self.state)
+    )
+    {
+      state_changed = true;
+      self.old_state = self.state;
+      self.state = self.state_get();
+    }
+
     let current_data = self.parse_header();
 
     let changed = false;
@@ -163,6 +178,7 @@ class Linkedin {
 
     if (
       changed || (
+      state_changed ||
         self.ui.entries === null && self.data.size > 0
       )
     )
@@ -306,12 +322,10 @@ 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(
-      $('<input>')
+      $('<input>').val(self.state.search)
     ).attr(
       'onkeyup',
       `online_fxreader_linkedin.search_on_change()`,
@@ -319,7 +333,7 @@ const online_fxreader_linkedin = new Linkedin();
     self.ui.root.append(search);
 
     self.ui.state = $('<div>').addClass('state d-none').text(
-      JSON.stringify(old_state)
+      JSON.stringify(self.state)
     );
     self.ui.root.append(self.ui.state);
     //state_set(old_state);