Added search settings controller, sync settings in popup with the class

src/lib/extension/settings/SearchSettings.js

@@ -0,0 +1,42 @@
+import CacheableSettings from "$lib/extension/base/CacheableSettings.js";
+
+export default class SearchSettings extends CacheableSettings {
+  constructor() {
+    super("search");
+  }
+
+  async resolvePropertiesSuggestionsEnabled() {
+    return this._resolveSetting("suggestProperties", false);
+  }
+
+  async resolvePropertiesSuggestionsPosition() {
+    return this._resolveSetting("suggestPropertiesPosition", "start");
+  }
+
+  async setPropertiesSuggestions(isEnabled) {
+    return this._writeSetting("suggestProperties", isEnabled);
+  }
+
+  async setPropertiesSuggestionsPosition(position) {
+    return this._writeSetting("suggestPropertiesPosition", position);
+  }
+
+  /**
+   * @param {function(SearchSettingsObject): void} callback
+   * @return {function(): void}
+   */
+  subscribe(callback) {
+    return super.subscribe(rawSettings => {
+      callback({
+        suggestProperties: rawSettings.suggestProperties ?? false,
+        suggestPropertiesPosition: rawSettings.suggestPropertiesPosition ?? "start",
+      });
+    });
+  }
+}
+
+/**
+ * @typedef {Object} SearchSettingsObject
+ * @property {boolean} suggestProperties
+ * @property {"start"|"end"} suggestPropertiesPosition
+ */

src/stores/search-preferences.js

@@ -1,6 +1,24 @@
 import {writable} from "svelte/store";
+import SearchSettings from "$lib/extension/settings/SearchSettings.js";
 
 export const searchPropertiesSuggestionsEnabled = writable(false);
 
-/** @type {import('svelte').Writable<"start"|"end">} */
+/** @type {import('svelte/store').Writable<"start"|"end">} */
 export const searchPropertiesSuggestionsPosition = writable('start');
+
+const searchSettings = new SearchSettings();
+
+Promise.allSettled([
+  // First we wait for all properties to load and save
+  searchSettings.resolvePropertiesSuggestionsEnabled().then(v => searchPropertiesSuggestionsEnabled.set(v)),
+  searchSettings.resolvePropertiesSuggestionsPosition().then(v => searchPropertiesSuggestionsPosition.set(v))
+]).then(() => {
+  // And then we can start reading value changes from the writable objects
+  searchPropertiesSuggestionsEnabled.subscribe(value => {
+    void searchSettings.setPropertiesSuggestions(value);
+  });
+
+  searchPropertiesSuggestionsPosition.subscribe(value => {
+    void searchSettings.setPropertiesSuggestionsPosition(value);
+  });
+})