refactor: add typescript support to project

src/app/services/handlers.ts

@@ -0,0 +1,76 @@
+import toast from "react-hot-toast";
+import { batch } from "react-redux";
+import { ContentTypes } from "../config";
+import { addChannelMsg, removeChannelMsg } from "../slices/message.channel";
+import { addUserMsg, removeUserMsg } from "../slices/message.user";
+import { addMessage, removeMessage } from "../slices/message";
+
+export const onMessageSendStarted = async (
+  {
+    ignoreLocal = false,
+    id,
+    content,
+    type = "text",
+    from_uid,
+    reply_mid = null,
+    properties = { local_id: +new Date() }
+  },
+  { dispatch, queryFulfilled },
+  from = "channel"
+) => {
+  // 忽略archive类型的消息
+  if (type == "archive") return;
+  // id: who send to ,from_uid: who sent
+  console.log("handlers data", content, type, properties, ignoreLocal, id);
+  const isImage = properties.content_type?.startsWith("image");
+  const ts = properties.local_id || +new Date();
+  // let imageData = null;
+  // if (type == "image") {
+  //   if (typeof content == "string" && content.startsWith("data:image")) {
+  //     // base64
+  //     // const resp = await fetch(content);
+  //     // const blob = await resp.blob();
+  //     // imageData = new File([blob], "tmp.png", { type: "image/png" });
+  //     imageData = content;
+  //   } else {
+  //     imageData = URL.createObjectURL(content);
+  //   }
+  // }
+  const tmpMsg = {
+    content: isImage ? content.path : content,
+    content_type: ContentTypes[type],
+    created_at: ts,
+    properties,
+    from_uid,
+    reply_mid,
+    sending: true
+  };
+  const addContextMessage = from == "channel" ? addChannelMsg : addUserMsg;
+  const removeContextMessage = from == "channel" ? removeChannelMsg : removeUserMsg;
+  if (!ignoreLocal) {
+    batch(() => {
+      dispatch(addMessage({ mid: ts, ...tmpMsg }));
+      dispatch(addContextMessage({ id, mid: ts }));
+    });
+  }
+
+  try {
+    const { data: server_mid } = await queryFulfilled;
+    console.log("message server mid", server_mid);
+    batch(() => {
+      dispatch(removeContextMessage({ id, mid: ts }));
+      dispatch(addMessage({ mid: server_mid, ...tmpMsg }));
+      dispatch(addContextMessage({ id, mid: server_mid }));
+    });
+    setTimeout(() => {
+      dispatch(removeMessage(ts));
+    }, 300);
+    // dispatch(removePendingMessage({ id, mid:ts, type: from }));
+  } catch {
+    console.log("message send failed");
+    toast.error("Send Message Failed");
+    dispatch(removeContextMessage({ id, mid: ts }));
+    dispatch(removeMessage(ts));
+    // patchResult.undo();
+  }
+};