feat(mobx): refactor and remove (react-)redux

src/context/revoltjs/StateMonitor.tsx

@@ -6,31 +6,28 @@ import { Message } from "revolt.js/dist/maps/Messages";
 import { useContext, useEffect } from "preact/hooks";
 
 import { useApplicationState } from "../../mobx/State";
-import { connectState } from "../../redux/connector";
-import { QueuedMessage } from "../../redux/reducers/queue";
 
 import { setGlobalEmojiPack } from "../../components/common/Emoji";
 
 import { AppContext } from "./RevoltClient";
 
-type Props = {
-    messages: QueuedMessage[];
-};
-
-function StateMonitor(props: Props) {
+export default function StateMonitor() {
     const client = useContext(AppContext);
     const state = useApplicationState();
 
     useEffect(() => {
         function add(msg: Message) {
             if (!msg.nonce) return;
-            if (!props.messages.find((x) => x.id === msg.nonce)) return;
+            if (
+                !state.queue.get(msg.channel_id).find((x) => x.id === msg.nonce)
+            )
+                return;
             state.queue.remove(msg.nonce);
         }
 
         client.addListener("message", add);
         return () => client.removeListener("message", add);
-    }, [client, props.messages]);
+    }, [client]);
 
     // Set global emoji pack.
     useEffect(() => {
@@ -40,9 +37,3 @@ function StateMonitor(props: Props) {
 
     return null;
 }
-
-export default connectState(StateMonitor, (state) => {
-    return {
-        messages: [...state.queue],
-    };
-});

src/context/revoltjs/SyncManager.tsx

@@ -1,25 +1,6 @@
 /**
  * This file monitors changes to settings and syncs them to the server.
  */
-import isEqual from "lodash.isequal";
-import { UserSettings } from "revolt-api/types/Sync";
-import { ClientboundNotification } from "revolt.js/dist/websocket/notifications";
-
-import { useCallback, useContext, useEffect, useMemo } from "preact/hooks";
-
-import { dispatch } from "../../redux";
-import { connectState } from "../../redux/connector";
-import { Notifications } from "../../redux/reducers/notifications";
-import { Settings } from "../../redux/reducers/settings";
-import {
-    DEFAULT_ENABLED_SYNC,
-    SyncData,
-    SyncKeys,
-    SyncOptions,
-} from "../../redux/reducers/sync";
-
-import { Language } from "../Locale";
-import { AppContext, ClientStatus, StatusContext } from "./RevoltClient";
 
 /*type Props = {
     settings: Settings;

src/context/revoltjs/events.ts

@@ -5,7 +5,6 @@ import { ClientboundNotification } from "revolt.js/dist/websocket/notifications"
 import { StateUpdater } from "preact/hooks";
 
 import Auth from "../../mobx/stores/Auth";
-import { dispatch } from "../../redux";
 
 import { ClientStatus } from "./RevoltClient";
 
@@ -46,29 +45,6 @@ export function registerEvents(
             attemptReconnect();
         },
 
-        packet: (packet: ClientboundNotification) => {
-            switch (packet.type) {
-                case "ChannelAck": {
-                    dispatch({
-                        type: "UNREADS_MARK_READ",
-                        channel: packet.id,
-                        message: packet.message_id,
-                    });
-                    break;
-                }
-            }
-        },
-
-        message: (message: Message) => {
-            if (message.mention_ids?.includes(client.user!._id)) {
-                dispatch({
-                    type: "UNREADS_MENTION",
-                    channel: message.channel_id,
-                    message: message._id,
-                });
-            }
-        },
-
         ready: () => setStatus(ClientStatus.ONLINE),
 
         logout: () => {