chore: split app to commons and web (squash commit)

packages/hoppscotch-common/src/composables/settings.ts

@@ -0,0 +1,44 @@
+import { Ref } from "vue"
+import { settingsStore, SettingsType } from "~/newstore/settings"
+import { pluck, distinctUntilChanged } from "rxjs/operators"
+import { useStream, useStreamStatic } from "./stream"
+
+export function useSetting<K extends keyof SettingsType>(
+  settingKey: K
+): Ref<SettingsType[K]> {
+  return useStream(
+    settingsStore.subject$.pipe(pluck(settingKey), distinctUntilChanged()),
+    settingsStore.value[settingKey],
+    (value: SettingsType[K]) => {
+      settingsStore.dispatch({
+        dispatcher: "applySetting",
+        payload: {
+          settingKey,
+          value,
+        },
+      })
+    }
+  )
+}
+
+/**
+ * A static version (does not require component setup)
+ * of `useSetting`
+ */
+export function useSettingStatic<K extends keyof SettingsType>(
+  settingKey: K
+): [Ref<SettingsType[K]>, () => void] {
+  return useStreamStatic(
+    settingsStore.subject$.pipe(pluck(settingKey), distinctUntilChanged()),
+    settingsStore.value[settingKey],
+    (value: SettingsType[K]) => {
+      settingsStore.dispatch({
+        dispatcher: "applySetting",
+        payload: {
+          settingKey,
+          value,
+        },
+      })
+    }
+  )
+}