feat(mobx): add sync back (do not look at the code)

src/context/revoltjs/SyncManager.tsx

@@ -1,138 +1,37 @@
 /**
  * This file monitors changes to settings and syncs them to the server.
  */
+import { ClientboundNotification } from "revolt.js/dist/websocket/notifications";
 
-/*type Props = {
-    settings: Settings;
-    locale: Language;
-    sync: SyncOptions;
-    notifications: Notifications;
-};
+import { useEffect } from "preact/hooks";
 
-const lastValues: { [key in SyncKeys]?: unknown } = {};
+import { useApplicationState } from "../../mobx/State";
 
-export function mapSync(
-    packet: UserSettings,
-    revision?: Record<string, number>,
-) {
-    const update: { [key in SyncKeys]?: [number, SyncData[key]] } = {};
-    for (const key of Object.keys(packet)) {
-        const [timestamp, obj] = packet[key];
-        if (timestamp < (revision ?? {})[key] ?? 0) {
-            continue;
-        }
+import { useClient } from "./RevoltClient";
 
-        let object;
-        if (obj[0] === "{") {
-            object = JSON.parse(obj);
-        } else {
-            object = obj;
-        }
-
-        lastValues[key as SyncKeys] = object;
-        update[key as SyncKeys] = [timestamp, object];
-    }
-
-    return update;
-}
-
-function SyncManager(props: Props) {
-    const client = useContext(AppContext);
-    const status = useContext(StatusContext);
+export default function SyncManager() {
+    const client = useClient();
+    const state = useApplicationState();
 
+    // Sync settings from Revolt.
     useEffect(() => {
-        if (status === ClientStatus.ONLINE) {
-            client
-                .syncFetchSettings(
-                    DEFAULT_ENABLED_SYNC.filter(
-                        (x) => !props.sync?.disabled?.includes(x),
-                    ),
-                )
-                .then((data) => {
-                    dispatch({
-                        type: "SYNC_UPDATE",
-                        update: mapSync(data),
-                    });
-                });
+        state.sync.pull(client);
+    }, [client]);
 
-            client
-                .syncFetchUnreads()
-                .then((unreads) => dispatch({ type: "UNREADS_SET", unreads }));
-        }
-    }, [client, props.sync?.disabled, status]);
-
-    const syncChange = useCallback(
-        (key: SyncKeys, data: unknown) => {
-            const timestamp = +new Date();
-            dispatch({
-                type: "SYNC_SET_REVISION",
-                key,
-                timestamp,
-            });
-
-            client.syncSetSettings(
-                {
-                    [key]: data as string,
-                },
-                timestamp,
-            );
-        },
-        [client],
-    );
-
-    const disabled = useMemo(
-        () => props.sync.disabled ?? [],
-        [props.sync.disabled],
-    );
-    for (const [key, object] of [
-        ["appearance", props.settings.appearance],
-        ["theme", props.settings.theme],
-        ["locale", props.locale],
-        ["notifications", props.notifications],
-    ] as [SyncKeys, unknown][]) {
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        useEffect(() => {
-            if (disabled.indexOf(key) === -1) {
-                if (typeof lastValues[key] !== "undefined") {
-                    if (!isEqual(lastValues[key], object)) {
-                        syncChange(key, object);
-                    }
-                }
-            }
-
-            lastValues[key] = object;
-        }, [key, syncChange, disabled, object]);
-    }
+    // Keep data synced.
+    useEffect(() => state.registerListeners(client), [client]);
 
+    // Take data updates from Revolt.
     useEffect(() => {
         function onPacket(packet: ClientboundNotification) {
             if (packet.type === "UserSettingsUpdate") {
-                const update: { [key in SyncKeys]?: [number, SyncData[key]] } =
-                    mapSync(packet.update, props.sync.revision);
-
-                dispatch({
-                    type: "SYNC_UPDATE",
-                    update,
-                });
+                state.sync.apply(packet.update);
             }
         }
 
         client.addListener("packet", onPacket);
         return () => client.removeListener("packet", onPacket);
-    }, [client, disabled, props.sync]);
+    }, [client]);
 
-    return null;
-}
-
-export default connectState(SyncManager, (state) => {
-    return {
-        settings: state.settings,
-        locale: state.locale,
-        sync: state.sync,
-        notifications: state.notifications,
-    };
-});*/
-
-export default function SyncManager() {
     return <></>;
 }

src/context/revoltjs/events.ts

@@ -1,6 +1,4 @@
 import { Client } from "revolt.js/dist";
-import { Message } from "revolt.js/dist/maps/Messages";
-import { ClientboundNotification } from "revolt.js/dist/websocket/notifications";
 
 import { StateUpdater } from "preact/hooks";