me/mime-chat
Watch
1
0
Fork
You've already forked mime-chat
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

update grouping

Browse source
This commit is contained in:
Andrew Gundersen 2021-03-22 09:12:09 -05:00
commit 447a68e2de
8 changed files with 86 additions and 106 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/modules/auth.ts
View file

@ -21,8 +21,10 @@ if (token) {
window.localStorage.setItem(AUTH_KEY, token);
}
// Load key and invoke onAuthSession to try key-login.
const authToken = async () => {
const { invoke } = useIpc();
console.log("Calling auth token.")
const { invoke } = useIpc();
try {
token = window.localStorage.getItem(AUTH_KEY);
@ -43,7 +45,7 @@ const authToken = async () => {
}
}
// authenticate on auth event
// Gets called on socket open.
window.ipcRenderer.on("auth", async (_event, _arg) => {
await authToken();
});

153
src/modules/messages.ts
View file

@ -2,121 +2,102 @@ import { ref } from 'vue';
import useScroll from "@/modules/scroll";
import { RenderMessage, Annotation } from "@/types/message/index";
const messages = ref(new Map()); // ze messages.
const messages = ref(new Map());
//---Message Grouping-----------------------------------------------
const addMessage = (message: RenderMessage) => {
messages.value.set(message.uid, message)
}
let prevRef: string;
let activeGroup = false;
const updateMessage = (annotation: Annotation) => {
const message = messages.value.get(annotation.uid)
message.context = annotation.context
message.content.text = annotation.text
}
const updateGrouping = (currentMessageRef: string) => {
if (prevRef) {
const loadMessages = () => {
const rawData = window.localStorage.getItem("crimata_messages");
if (rawData) {
const messageData = JSON.parse(rawData)
messages.value = new Map(Object.entries(messageData));
}
}
// Get references to the two most recent messages.
const prev = messages.value.get(prevRef)
const current = messages.value.get(currentMessageRef)
const saveMessages = () => {
const messageData = Object.fromEntries(messages.value);
window.localStorage.setItem("crimata_messages", JSON.stringify(messageData));
}
// See if they should be grouped.
if (current.time < prev.time + 20000) {
if (prev.modifier === current.modifier) {
if (prev.context === current.context) {
const isSimmilar = (messageA: RenderMessage, messageB: RenderMessage) => {
if ((Math.abs(messageA.time - messageB.time) < 20000) && (messageA.modifier == messageB.modifier) && (messageA.context == messageB.context)) {
return true
}
return false
}
// Update grouping accordingly.
if (activeGroup) {
prev.isChild = "middle";
}
const updateGrouping = () => {
console.log("updating grouping")
const refs = Array.from(messages.value.keys())
else {
prev.isChild = "first";
}
// Get the last three messages.
const first = messages.value.get(refs[refs.length - 1])
const second = messages.value.get(refs[refs.length - 2])
const third = messages.value.get(refs[refs.length - 3])
current.isChild = "last";
activeGroup = true;
}
// If messages are simmilar, update the classes.
if ((first) && (second)) {
if (isSimmilar(first, second)) {
first.isChild = "last" // i.e. last in group.
second.isChild = "first"
// If messages unrealated, reset activeGroup.
else {
activeGroup = false;
if (third) {
if ((third.isChild == "first") || (third.isChild == "middle")) {
second.isChild = "middle"
}
}
}
}
prevRef = currentMessageRef;
}
//------------------------------------------------------------------
const { setScroll, updateScrollRef, adjustScroll } = useScroll("messenger");
loadMessages()
setTimeout(setScroll, 1000);
export default function useMessages() {
// Control the scrolling.
const {
setScroll,
updateScrollRef,
adjustScroll
} = useScroll("messenger");
// Main function for updating the message view.
const updateMessageView = (message: RenderMessage | Annotation) => {
// Save message to local storage.
const saveMessages = () => {
const messageData = Object.fromEntries(messages.value);
window.localStorage.setItem("crimata_messages", JSON.stringify(messageData));
}
// Load messages from local storage.
const loadMessages = () => {
const rawData = window.localStorage.getItem("crimata_messages");
if (rawData) {
const messageData = JSON.parse(rawData)
messages.value = new Map(Object.entries(messageData));
}
}
// Remove oldest message from the messages map.
function popMessage() {
const lastKey = Array.from(messages.value.keys()).shift();
messages.value.delete(lastKey);
}
// Add a new message to the view.
const addMessage = (message: RenderMessage) => {
// Step 1: See if user is scrolled down.
updateScrollRef()
// Size limit of 200.
if (messages.value.size >= 200) {
popMessage();
// Step 2: Add the new content to the view.
if ("content" in message) {
addMessage(message)
} else {
updateMessage(message)
}
messages.value.set(message.uid, message);
// Step 3: Pop off oldest message (if > 200).
if (messages.value.size >= 200) {
const oldest = Array.from(messages.value.keys()).shift();
messages.value.delete(oldest);
};
// Step 4: Update grouping.
updateGrouping()
// Setp 5: Scroll the view (if scrolled down).
setTimeout(adjustScroll, 20);
updateGrouping(message.uid)
// Step 6: Save the view data.
saveMessages()
}
// Update an existing message in the view.
const updateMessage = (a: Annotation) => {
updateScrollRef()
// update message if in the map.
const message = messages.value.get(a.uid)
message.context = a.context
message.content.text = a.text
setTimeout(adjustScroll, 20);
saveMessages()
}
loadMessages()
setTimeout(setScroll, 1000);
console.log("loaded messages")
return {
messages,
saveMessages,
addMessage,
updateMessage,
loadMessages
updateMessageView
}
}
};