v0.16.11

.github/workflows/build_nsis_bundle.yml

@@ -95,6 +95,6 @@ jobs:
         uses: softprops/action-gh-release@v2
         if: startsWith(github.ref, 'refs/tags/v')
         with:
-          draft: true
+          draft: false
           files: ./FreeDATA-Installer.exe
           tag_name: ${{ github.ref_name }}

.github/workflows/build_server.yml

@@ -127,7 +127,7 @@ jobs:
         uses: softprops/action-gh-release@v2
         if: startsWith(github.ref, 'refs/tags/v')
         with:
-          draft: true
+          draft: false
           files: ./freedata_server/server.dist/${{ matrix.zip_name }}.zip
           tag_name: ${{ github.ref_name }}
 

.github/workflows/modem_tests.yml

@@ -22,6 +22,7 @@ jobs:
           - python-version: "3.10"
           - python-version: "3.11"
           - python-version: "3.12"
+          - python-version: "3.13"
 
     steps:
       - uses: actions/checkout@v4

.github/workflows/pip_package.yml

@@ -19,7 +19,7 @@ jobs:
 
     - name: Install Linux dependencies
       run: |
-        sudo apt install -y portaudio19-dev libhamlib-dev libhamlib-utils build-essential cmake python3-libhamlib2 patchelf
+        sudo apt install -y portaudio19-dev libhamlib-dev libhamlib-utils build-essential cmake patchelf
 
     - name: Install Python dependencies
       run: |
@@ -38,7 +38,7 @@ jobs:
         python setup.py sdist bdist_wheel
 
     - name: Publish to PyPI
-      uses: pypa/gh-action-pypi-publish@v1.11.0
+      uses: pypa/gh-action-pypi-publish@v1.12.4
       if: startsWith(github.ref, 'refs/tags/v')
       with:
         user: __token__

.gitignore

@@ -28,6 +28,7 @@ coverage.xml
 
 #GUI_WEB
 /freedata_gui/dist
+/freedata_gui/node_modules/
 /freedata_gui/node_modules!/venv/
 
 # venv packages

README.md

@@ -1,10 +1,13 @@
+
 # FreeDATA
+> FreeDATA is a versatile, **open-source platform designed specifically for HF communications**, leveraging **codec2** data modes for robust global digital communication. It features a network-based server-client architecture, a REST API, multi-platform compatibility, and a messaging system.
+
+> Please keep in mind, this project is still **under development** with many issues which need to be solved.
 
-    FreeDATA is a versatile, open-source platform designed specifically for HF communications, leveraging Codec2 data modes for robust global digital communication. It features a network-based server-client architecture, a REST API, multi-platform compatibility, and a messaging system.
 
 [![CodeFactor](https://www.codefactor.io/repository/github/dj2ls/freedata/badge)](https://www.codefactor.io/repository/github/dj2ls/freedata)
+[![Modem tests](https://github.com/DJ2LS/FreeDATA/actions/workflows/modem_tests.yml/badge.svg)](https://github.com/DJ2LS/FreeDATA/actions/workflows/modem_tests.yml)
 
-Please keep in mind, this project is still under development with many issues which need to be solved.
 
 ![FreeDATA_main_screen.png](documentation%2FFreeDATA_main_screen.png)
 

freedata_gui/package.json

@@ -28,15 +28,15 @@
     "@popperjs/core": "^2.11.8",
     "bootstrap": "^5.3.3",
     "bootstrap-icons": "^1.11.3",
-    "bootstrap-vue-next": "^0.25.12",
+    "bootstrap-vue-next": "^0.26.7",
     "chart.js": "^4.4.3",
     "chartjs-plugin-annotation": "^3.0.1",
     "core-js": "^3.8.3",
     "d3": "^7.9.0",
     "dompurify": "^3.1.6",
     "gridstack": "^11.0.1",
     "js-image-compressor": "^2.0.0",
-    "marked": "^14.1.2",
+    "marked": "^15.0.3",
     "pinia": "^2.1.7",
     "qth-locator": "^2.1.0",
     "topojson-client": "^3.1.0",

freedata_gui/src/components/chat_messages_image_preview.vue

@@ -1,6 +1,6 @@
 <template>
   <div v-if="isImage">
-    <img :src="imageUrl" alt="Image Preview" class="img-fluid rounded w-100" />
+    <img :src="imageUrl" alt="Image Preview" class="img-fluid border rounded-top bg-light w-100" />
   </div>
 </template>
 

freedata_gui/src/components/chat_messages_received.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="row justify-content-start mb-2">
     <div :class="messageWidthClass">
-      <div class="card bg-light border-0 text-dark">
+      <div class="card bg-light border rounded-top text-dark">
         <div
           v-for="attachment in message.attachments"
           :key="attachment.id"
@@ -11,14 +11,14 @@
           <chat_messages_image_preview :attachment="attachment" />
 
           <div class="btn-group w-100" role="group">
-            <button class="btn btn-light text-truncate" disabled>
+            <button class="btn btn-light border rounded-bottom text-truncate" disabled>
               {{ attachment.name }}
             </button>
             <button
               @click="
                 downloadAttachment(attachment.hash_sha512, attachment.name)
               "
-              class="btn btn-light w-25"
+              class="btn btn-light border rounded-bottom w-25"
             >
               <i class="bi bi-download strong"></i>
             </button>
@@ -158,9 +158,25 @@ export default {
     },
 
     parsedMessageBody() {
-      // Use marked to parse markdown and DOMPurify to sanitize
-      return DOMPurify.sanitize(marked.parse(this.message.body));
-    },
+    // Parse markdown to HTML
+  let parsedHTML = marked.parse(this.message.body);
+
+  // Sanitize the HTML
+  let sanitizedHTML = DOMPurify.sanitize(parsedHTML);
+
+  // Create a temporary DOM element to manipulate the sanitized output
+  let tempDiv = document.createElement("div");
+  tempDiv.innerHTML = sanitizedHTML;
+
+  // Modify all links to open in a new tab
+  tempDiv.querySelectorAll("a").forEach(link => {
+    link.setAttribute("target", "_blank");
+    link.setAttribute("rel", "noopener noreferrer"); // Security best practice
+  });
+
+  // Return the updated HTML
+  return tempDiv.innerHTML;
+  },
   },
 };
 </script>

freedata_gui/src/components/chat_messages_sent.vue

@@ -29,7 +29,7 @@
     </div>
     <!-- message area -->
     <div :class="messageWidthClass" class="align-items-end">
-      <div class="card bg-secondary text-white">
+      <div class="card">
         <div
           v-for="attachment in message.attachments"
           :key="attachment.id"
@@ -56,8 +56,8 @@
           <p class="card-text text-break" v-html="parsedMessageBody"></p>
         </div>
 
-        <div class="card-footer p-0 bg-secondary border-top-0">
-          <p class="text p-0 m-0 me-1 text-end">
+        <div class="card-footer p-1 border-top-0">
+          <p class="text p-0 m-0 mb-1 me-1 text-end">
             <span class="badge badge-primary mr-2" :class="{
                 'bg-danger': message.status == 'failed',
                 'bg-primary': message.status == 'transmitting',
@@ -66,7 +66,7 @@
             >
               {{ message.status }}
             </span>
-            | <span class="badge badge-primary mr-2"> attempt: {{ message.attempt + 1 }} </span>|<span class="badge badge-primary mr-2"> {{ getDateTime }} UTC</span>
+            | <span class="badge text-bg-light mr-2"> attempt: {{ message.attempt + 1 }} </span>|<span class="badge text-bg-light mr-2"> {{ getDateTime }} UTC</span>
           </p>
         </div>
 
@@ -202,8 +202,26 @@ export default {
     },
 
     parsedMessageBody() {
-      // Use marked to parse markdown and DOMPurify to sanitize
-      return DOMPurify.sanitize(marked.parse(this.message.body));
+     // Parse markdown to HTML
+  let parsedHTML = marked.parse(this.message.body);
+
+  // Sanitize the HTML
+  let sanitizedHTML = DOMPurify.sanitize(parsedHTML);
+
+  // Create a temporary DOM element to manipulate the sanitized output
+  let tempDiv = document.createElement("div");
+  tempDiv.innerHTML = sanitizedHTML;
+
+  // Modify all links to open in a new tab
+  tempDiv.querySelectorAll("a").forEach(link => {
+    link.setAttribute("target", "_blank");
+    link.setAttribute("rel", "noopener noreferrer"); // Security best practice
+  });
+
+  // Return the updated HTML
+  return tempDiv.innerHTML;
+
+
     },
   },
 };

freedata_gui/src/components/chat_new_message.vue

@@ -74,6 +74,11 @@ function handleFiles(files) {
             ((file.size - compressedFile.size) / file.size * 100).toFixed(2) + '%'
           );
 
+          // Check if compression made the file larger
+          if (compressedFile.size >= file.size) {
+            console.warn("Compressed file is larger than original. Using original file instead.");
+            compressedFile = file; // Use original file
+          }
           // toast notification
           let message = `
               <div>
@@ -295,10 +300,15 @@ function applyMarkdown(formatType) {
 
   <!-- Emoji Picker Modal -->
   <div class="modal fade" id="emojiPickerModal" aria-hidden="true">
-    <div class="modal-dialog modal-dialog-centered modal-sm">
+    <div class="modal-dialog modal-dialog-centered modal">
       <div class="modal-content">
-        <div class="modal-body p-0">
-          <VuemojiPicker @emojiClick="handleEmojiClick" />
+        <div class="modal-header">
+        <h5 class="modal-title">Insert emoji</h5>
+          <button type="button" class="btn-close" data-bs-dismiss="modal" data-bs-target="#emojiPickerModal" aria-label="Close"></button>
+      </div>
+
+        <div class="modal-body">
+          <VuemojiPicker @emojiClick="handleEmojiClick"/>
         </div>
       </div>
     </div>