stream_settings_api: Convert module to TypeScript.

Signed-off-by: Anders Kaseorg <anders@zulip.com>

web/src/stream_settings_api.ts

@@ -0,0 +1,50 @@
+import assert from "minimalistic-assert";
+
+import * as channel from "./channel";
+import * as settings_ui from "./settings_ui";
+import type {StreamProperties, StreamSubscription} from "./sub_store";
+import * as sub_store from "./sub_store";
+
+export function bulk_set_stream_property(
+    sub_data: {
+        [Property in keyof StreamProperties]: {
+            stream_id: number;
+            property: Property;
+            value: StreamProperties[Property];
+        };
+    }[keyof StreamProperties][],
+    $status_element?: JQuery,
+): void {
+    const url = "/json/users/me/subscriptions/properties";
+    const data = {subscription_data: JSON.stringify(sub_data)};
+    if (!$status_element) {
+        return void channel.post({
+            url,
+            data,
+            timeout: 10 * 1000,
+        });
+    }
+
+    settings_ui.do_settings_change(channel.post, url, data, $status_element);
+    return undefined;
+}
+
+export function set_stream_property(
+    sub: StreamSubscription,
+    data: {
+        [Property in keyof StreamProperties]: {
+            property: Property;
+            value: StreamProperties[Property];
+        };
+    }[keyof StreamProperties],
+    $status_element?: JQuery,
+): void {
+    const sub_data = {stream_id: sub.stream_id, ...data};
+    bulk_set_stream_property([sub_data], $status_element);
+}
+
+export function set_color(stream_id: number, color: string): void {
+    const sub = sub_store.get(stream_id);
+    assert(sub !== undefined);
+    set_stream_property(sub, {property: "color", value: color});
+}