Remove default values from app preference on persist

Author: int128

src/models/AppPreference.js

@@ -8,7 +8,5 @@ export default class AppPreference extends Record({
   showBookmarks: true,
   theme: THEMES.getDefault(),
 }) {
-  merge(map) {
-    return new AppPreference(super.merge(map));
-  }
+  static DEFAULT = new AppPreference()
 }

src/repositories/AppPreferenceRepository.js

@@ -25,12 +25,21 @@ export default class AppPreferenceRepository {
     }
   }
 
+  /**
+   * @param {AppPreference} appPreference 
+   */
   save(appPreference) {
-    const json = appPreference.toJS();
-    localStorage.setItem(APP_PREFERENCE, JSON.stringify({
-      ...json,
-      theme: json.theme.id,
-    }));
+    const json = appPreference.toMap()
+      .filter((value, key) => value !== AppPreference.DEFAULT.get(key))
+      .map((value, key) => {
+        switch (key) {
+          case 'theme':
+            return value.id;
+          default:
+            return value;
+        }
+      });
+    localStorage.setItem(APP_PREFERENCE, JSON.stringify(json));
 
     // clean up old key
     localStorage.removeItem(HIDDEN_COMPONENTS);