From d8e392ddba41d050fb9bb41ad751eba2ed92e3de Mon Sep 17 00:00:00 2001
From: DJ2LS <dj2ls@proton.me>
Date: Wed, 20 Sep 2023 06:46:37 +0200
Subject: [PATCH] first success with storing messages

---
 gui_vue/src/components/chat.vue               |  37 +++-
 gui_vue/src/components/chat_conversations.vue |  13 +-
 .../components/chat_conversations_entry.vue   |   9 +-
 gui_vue/src/components/chat_messages.vue      |   1 -
 gui_vue/src/js/chatHandler.js                 | 162 +++++++++++++++++-
 gui_vue/src/js/freedata.js                    |  10 --
 gui_vue/src/js/sock.js                        |  15 +-
 gui_vue/src/store/chatStore.js                |   5 +-
 8 files changed, 221 insertions(+), 31 deletions(-)

diff --git a/gui_vue/src/components/chat.vue b/gui_vue/src/components/chat.vue
index d87e8f9f..f863b29f 100644
--- a/gui_vue/src/components/chat.vue
+++ b/gui_vue/src/components/chat.vue
@@ -13,14 +13,36 @@ const settings = useSettingsStore(pinia);
 import { useStateStore } from '../store/stateStore.js';
 const state = useStateStore(pinia);
 
+import { useChatStore } from '../store/chatStore.js';
+const chat = useChatStore(pinia);
+
+
 import chat_navbar from './chat_navbar.vue'
 import chat_conversations from './chat_conversations.vue'
 import chat_messages from './chat_messages.vue'
 
-import {updateAllChat} from '../js/chatHandler'
+import {updateAllChat, newMessage} from '../js/chatHandler'
 
 updateAllChat()
 
+
+
+
+function transmitNewMessage(){
+    console.log(chat.inputText)
+    console.log(chat.selectedCallsign)
+
+    newMessage(chat.selectedCallsign, chat.inputText)
+
+    // finally do a cleanup
+    chat.inputText = ''
+
+
+}
+
+
+
+
 </script>
 
 <template>
@@ -67,10 +89,7 @@ updateAllChat()
                         style="height: calc(100% - 200px)"
                       >
                       <chat_messages/>
-                        <!--<div class="tab-content" id="nav-tabContent-Chat"></div>-->
-                        <!--<div class="container position-absolute bottom-0">-->
                       </div>
-                      <!-- </div>-->
                       <div class="container-fluid mt-2 p-0">
                         <input
                           type="checkbox"
@@ -104,18 +123,22 @@ updateAllChat()
                             rows="1"
                             id="chatModuleMessage"
                             placeholder="Message - Send with [Enter]"
+                            v-model="chat.inputText"
                           ></textarea>
 
-                          <div class="input-group-text me-3">
+                          <div class="input-group-text">
                             <i
                               class="bi bi-paperclip"
                               style="font-size: 1rem"
                               id="selectFilesButton"
                             ></i>
+                          </div>
+
 
                             <button
-                              class="btn btn-sm btn-secondary d-none invisible"
+                              class="btn btn-sm btn-secondary me-2"
                               id="sendMessage"
+                              @click="transmitNewMessage()"
                               type="button"
                             >
                               <i
@@ -123,7 +146,7 @@ updateAllChat()
                                 style="font-size: 1.2rem"
                               ></i>
                             </button>
-                          </div>
+
                         </div>
                       </div>
                     </div>
diff --git a/gui_vue/src/components/chat_conversations.vue b/gui_vue/src/components/chat_conversations.vue
index 9a333f0a..7c18bd33 100644
--- a/gui_vue/src/components/chat_conversations.vue
+++ b/gui_vue/src/components/chat_conversations.vue
@@ -23,12 +23,23 @@ function deleteChat(callsign){
 
 
 import chat_conversations_entry from './chat_conversations_entry.vue'
+
+function chatSelected(callsign){
+    chat.selectedCallsign = callsign
+
+  // scroll message container to bottom
+  var messageBody = document.getElementById("message-container");
+  messageBody.scrollTop = messageBody.scrollHeight - messageBody.clientHeight;
+
+}
+
+
 </script>
 <template>
 
 <div class="list-group" id="chat-list-tab" role="chat-tablist">
        <template  v-for="(item, key) in chat.callsign_list" :key="item.dxcallsign">
-           <a class="list-group-item list-group-item-action" :class="{ active: key==0 }" :id="`list-chat-list-${item}`" data-bs-toggle="list" :href="`#list-${item}-messages`" role="tab" aria-controls="list-{{item}}-messages">
+           <a class="list-group-item list-group-item-action" :class="{ active: key==0 }" :id="`list-chat-list-${item}`" data-bs-toggle="list" :href="`#list-${item}-messages`" role="tab" aria-controls="list-{{item}}-messages" @click="chatSelected(item)">
                 <div class="row">
                     <div class="col-9">{{item}}</div>
                     <div class="col-3">
diff --git a/gui_vue/src/components/chat_conversations_entry.vue b/gui_vue/src/components/chat_conversations_entry.vue
index 23fd5646..12c7f288 100644
--- a/gui_vue/src/components/chat_conversations_entry.vue
+++ b/gui_vue/src/components/chat_conversations_entry.vue
@@ -21,11 +21,18 @@ const settings = useSettingsStore(pinia);
 import { useStateStore } from '../store/stateStore.js';
 const state = useStateStore(pinia);
 
+import { useChatStore } from '../store/chatStore.js';
+const chat = useChatStore(pinia);
 
+
+function chatSelected(){
+    chat.selectedCallsign =
+
+}
 </script>
 
 <template>
 
-      <a class="list-group-item list-group-item-action active" id="list-home-list" data-bs-toggle="list" href="#list-home" role="tab" aria-controls="list-home">Home</a>
+      <a class="list-group-item list-group-item-action active" id="list-home-list" data-bs-toggle="list" href="#list-home" role="tab" aria-controls="list-home" @click="chatSelected()">Home</a>
 
 </template>
diff --git a/gui_vue/src/components/chat_messages.vue b/gui_vue/src/components/chat_messages.vue
index 77934f15..8898a003 100644
--- a/gui_vue/src/components/chat_messages.vue
+++ b/gui_vue/src/components/chat_messages.vue
@@ -36,7 +36,6 @@ return datetime
 }
 
 
-
 </script>
 
 <template>
diff --git a/gui_vue/src/js/chatHandler.js b/gui_vue/src/js/chatHandler.js
index 714f7404..bc30677f 100644
--- a/gui_vue/src/js/chatHandler.js
+++ b/gui_vue/src/js/chatHandler.js
@@ -1,6 +1,9 @@
 const path = require("path");
 const fs = require("fs");
 
+const { v4: uuidv4 } = require("uuid");
+
+
 // pinia store setup
 import { setActivePinia } from 'pinia';
 import pinia from '../store/index';
@@ -9,6 +12,15 @@ setActivePinia(pinia);
 import { useChatStore } from '../store/chatStore.js';
 const chat = useChatStore(pinia);
 
+import { sendMessage } from './sock.js';
+
+const FD = require("./src/js/freedata.js");
+
+// split character
+const split_char = "0;1;";
+
+
+
 
 // ---- MessageDB
 try {
@@ -54,11 +66,85 @@ createChatIndex();
 
 
 
-
 chat.callsign_list = new Set()
 
 
 
+
+export function newMessage(dxcallsign, chatmessage){
+    var mode = ''
+    var frames = ''
+    var data = ''
+    var file = ''
+    var file_checksum = crc32(file).toString(16).toUpperCase();
+    var checksum = ''
+    var message_type = 'transmit'
+    var command = ''
+    var filetype = "plain/text"
+    var filename = ''
+    var timestamp = Math.floor(Date.now() / 1000)
+    var uuid = uuidv4();
+    let uuidlast = uuid.lastIndexOf("-");
+    console.log(uuidlast)
+    uuidlast += 1;
+    if (uuidlast > 0) {
+        uuid = uuid.substring(uuidlast);
+    }
+    // slice uuid for reducing overhead
+    uuid = uuid.slice(-4);
+
+
+    var data_with_attachment =
+        timestamp +
+        split_char +
+        chatmessage +
+        split_char +
+        filename +
+        split_char +
+        filetype +
+        split_char +
+        file;
+      var tnc_command = "msg";
+
+    sendMessage(
+        dxcallsign,
+        data_with_attachment,
+        checksum,
+        uuid,
+        tnc_command
+    )
+
+    let newChatObj = new Object();
+
+        newChatObj.command = "msg"
+        newChatObj.hmac_signed = false
+        newChatObj.percent = 0
+        newChatObj.bytesperminute
+        newChatObj.is_new = false
+        newChatObj._id = uuid
+        newChatObj.timestamp = timestamp
+        newChatObj.dxcallsign = dxcallsign
+        newChatObj.dxgrid = "null"
+        newChatObj.msg = chatmessage
+        newChatObj.checksum = file_checksum
+        newChatObj.type = message_type
+        newChatObj.status = "transmit"
+        newChatObj.attempt = 1
+        newChatObj.uuid = uuid
+        newChatObj._attachments = {
+            [filename]: {
+              content_type: filetype,
+              data: FD.btoa_FD(file),
+            },
+        }
+
+    addObjToDatabase(newChatObj)
+
+}
+
+
+
+
 function sortChatList(){
 
     // Create an empty object to store the reordered data dynamically
@@ -113,7 +199,6 @@ export async function updateAllChat() {
             chat.sorted_chat_list = sortChatList()
 
           /*
-
           if (typeof result !== "undefined") {
             for (const item of result.docs) {
               //await otherwise history will not be in chronological order
@@ -140,6 +225,41 @@ export async function updateAllChat() {
 
 }
 
+function addObjToDatabase(newobj){
+        console.log(newobj)
+        /*
+        db.upsert(newobj._id, function (doc) {
+          if (!doc._id) {
+            console.log("upsert")
+            console.log(doc)
+            doc = newobj
+          } else {
+                        console.log("new...")
+            */
+          db.post(newobj)
+            .then(function (response) {
+              // handle response
+              console.log("new database entry");
+              console.log(response);
+            })
+            .catch(function (err) {
+              console.log(err);
+            });
+
+            chat.unsorted_chat_list.push(newobj)
+            chat.sorted_chat_list = sortChatList()
+
+
+/*
+// upsert footer ...
+
+          }
+          return doc;
+        })
+*/
+}
+
+
 
 function createChatIndex() {
   db.createIndex({
@@ -159,7 +279,7 @@ function createChatIndex() {
         "hmac_signed",
         "bytesperminute",
         "_attachments",
-        "new",
+        "is_new",
       ],
     },
   })
@@ -214,4 +334,38 @@ db.find({
         .catch(function (err) {
           console.log(err);
         });
-}
\ No newline at end of file
+}
+
+
+
+
+// CRC CHECKSUMS
+// https://stackoverflow.com/a/50579690
+// crc32 calculation
+//console.log(crc32('abc'));
+//var crc32=function(r){for(var a,o=[],c=0;c<256;c++){a=c;for(var f=0;f<8;f++)a=1&a?3988292384^a>>>1:a>>>1;o[c]=a}for(var n=-1,t=0;t<r.length;t++)n=n>>>8^o[255&(n^r.charCodeAt(t))];return(-1^n)>>>0};
+//console.log(crc32('abc').toString(16).toUpperCase()); // hex
+
+var makeCRCTable = function () {
+  var c;
+  var crcTable = [];
+  for (var n = 0; n < 256; n++) {
+    c = n;
+    for (var k = 0; k < 8; k++) {
+      c = c & 1 ? 0xedb88320 ^ (c >>> 1) : c >>> 1;
+    }
+    crcTable[n] = c;
+  }
+  return crcTable;
+};
+
+var crc32 = function (str) {
+  var crcTable = window.crcTable || (window.crcTable = makeCRCTable());
+  var crc = 0 ^ -1;
+
+  for (var i = 0; i < str.length; i++) {
+    crc = (crc >>> 8) ^ crcTable[(crc ^ str.charCodeAt(i)) & 0xff];
+  }
+
+  return (crc ^ -1) >>> 0;
+};
\ No newline at end of file
diff --git a/gui_vue/src/js/freedata.js b/gui_vue/src/js/freedata.js
index 6b02a8d2..a74fd2fa 100644
--- a/gui_vue/src/js/freedata.js
+++ b/gui_vue/src/js/freedata.js
@@ -1,15 +1,5 @@
 const fs = require("fs");
-const { ipcRenderer } = require("electron");
 
-/**
- * Save config and update config setting globally
- * @param {string} config - config data
- * @param {string} configPath
- */
-exports.saveConfig = function (config, configPath) {
-  fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-  ipcRenderer.send("set-config-global", config);
-};
 
 /**
  * Binary to ASCII replacement
diff --git a/gui_vue/src/js/sock.js b/gui_vue/src/js/sock.js
index 07e29694..9f5d017a 100644
--- a/gui_vue/src/js/sock.js
+++ b/gui_vue/src/js/sock.js
@@ -115,7 +115,7 @@ function writeTncCommand(command) {
   }
 
   if (client.readyState == "closed") {
-    console.log("CLOSED!");
+    console.log("TNC SOCKET CONNECTION CLOSED!");
   }
 
   if (client.readyState == "opening") {
@@ -683,11 +683,8 @@ function sendFile(
 };
 
 // Send Message
-//exports.sendMessage = function (
-function sendMessage(
+export function sendMessage(
   dxcallsign,
-  mode,
-  frames,
   data,
   checksum,
   uuid,
@@ -704,6 +701,12 @@ function sendMessage(
       split_char +
       data,
   );
+
+  // TODO: REMOVE mode and frames from TNC!
+  var mode = 255
+  var frames = 5
+
+
   command =
     '{"type" : "arq", "command" : "send_raw",  "uuid" : "' +
     uuid +
@@ -717,7 +720,6 @@ function sendMessage(
     data +
     '", "attempts": "10"}]}';
   console.log(command);
-  console.log("-------------------------------------");
   writeTncCommand(command);
 };
 
@@ -950,6 +952,7 @@ export function set_rf_level(rf_level){
 // crc32 calculation
 //console.log(crc32('abc'));
 //console.log(crc32('abc').toString(16).toUpperCase()); // hex
+
 var crc32 = function (r) {
   for (var a, o = [], c = 0; c < 256; c++) {
     a = c;
diff --git a/gui_vue/src/store/chatStore.js b/gui_vue/src/store/chatStore.js
index 3dadea45..433b4d96 100644
--- a/gui_vue/src/store/chatStore.js
+++ b/gui_vue/src/store/chatStore.js
@@ -14,11 +14,14 @@ export const useChatStore = defineStore('chatStore', () => {
     ])
 
 
+    var selectedCallsign = ref()
+    var inputText = ref()
+
 
     var callsign_list = ref()
     var sorted_chat_list = ref()
     var unsorted_chat_list = ref([])
 
 
-  return {chat_filter, callsign_list, sorted_chat_list, unsorted_chat_list  };
+  return {selectedCallsign, inputText, chat_filter, callsign_list, sorted_chat_list, unsorted_chat_list  };
 });