Merge branch 'develop'

Author: MedaiP90

linux-resources/128/io.github.Omniaevo.mqtt5-explorer.png

@@ -3,7 +3,7 @@
   <id>io.github.Omniaevo.mqtt5-explorer</id>
 
   <name>MQTT5 Explorer</name>
-  <summary>A simple but powerful MQTT5 client</summary>
+  <summary>Simple yet powerful MQTT5 client</summary>
 
   <metadata_license>MIT</metadata_license>
   <project_license>GPL-3.0-only</project_license>
@@ -41,20 +41,34 @@
 
   <screenshots>
     <screenshot type="default">
-      <image>https://omniaevo.github.io/assets/images/mqtt5-explorer-promotional.jpg</image>
-      <caption>Light + Dark theme</caption>
+      <image>https://omniaevo.github.io/assets/images/connections-page.png</image>
+      <caption>Saved connections page</caption>
     </screenshot>
     <screenshot>
-      <image>https://omniaevo.github.io/assets/images/client-connection-white.png</image>
-      <caption>Light theme</caption>
+      <image>https://omniaevo.github.io/assets/images/messages-page.png</image>
+      <caption>Messages page</caption>
     </screenshot>
     <screenshot>
-      <image>https://omniaevo.github.io/assets/images/client-connection.png</image>
-      <caption>Dark theme</caption>
+      <image>https://omniaevo.github.io/assets/images/advanced-search.png</image>
+      <caption>Advanced search</caption>
+    </screenshot>
+    <screenshot>
+      <image>https://omniaevo.github.io/assets/images/logging-notifications.png</image>
+      <caption>Logging and notifications</caption>
     </screenshot>
   </screenshots>
 
   <releases>
+    <release version="1.17.1" date="2025-01-20">
+      <url type="details">https://github.com/Omniaevo/mqtt5-explorer/releases/tag/v1.17.1</url>
+      <description>
+        <p>In this release:</p>
+        <ul>
+          <li>Open logging folder;</li>
+          <li>Bug fixes.</li>
+        </ul>
+      </description>
+    </release>
     <release version="1.17.0" date="2025-01-18">
       <url type="details">https://github.com/Omniaevo/mqtt5-explorer/releases/tag/v1.17.0</url>
       <description>

linux-resources/512/io.github.Omniaevo.mqtt5-explorer.png

@@ -1,6 +1,6 @@
 {
   "name": "mqtt5-explorer",
-  "version": "1.17.0",
+  "version": "1.17.1",
   "private": false,
   "license": "GPLv3",
   "description": "A simple MQTT client that supports MQTT5 protocol.",

linux-resources/io.github.Omniaevo.mqtt5-explorer.metainfo.xml

@@ -16,6 +16,7 @@ import {
   Tray,
 } from "electron";
 import { createProtocol } from "vue-cli-plugin-electron-builder/lib";
+import os from "os";
 import path from "path";
 import Store from "electron-store";
 import fs from "fs";
@@ -189,11 +190,11 @@ let menuTemplate = (page = pages.HOME) => [
         },
       ]
     : []),
-  ...(page === pages.VIEWER
-    ? [
-        {
-          label: "Tools",
-          submenu: [
+  {
+    label: "Tools",
+    submenu: [
+      ...(page === pages.VIEWER
+        ? [
             {
               label: "Toggle search",
               accelerator: "CommandOrControl+F",
@@ -212,10 +213,22 @@ let menuTemplate = (page = pages.HOME) => [
                 }
               },
             },
-          ],
+          ]
+        : []),
+      {
+        label: "Open logs folder",
+        click: () => {
+          const logsFolder = os.homedir() + path.sep + "mqtt5-explorer-logs";
+
+          if (!fs.existsSync(logsFolder)) {
+            fs.mkdirSync(logsFolder);
+          }
+
+          shell.openPath(logsFolder);
         },
-      ]
-    : []),
+      },
+    ],
+  },
   ...(!isMac
     ? [
         {
@@ -316,6 +329,9 @@ async function createWindow() {
   ipcMain.on("enterHomePage", () => {
     Menu.setApplicationMenu(Menu.buildFromTemplate(menuTemplate(pages.HOME)));
   });
+  ipcMain.on("openFolder", (_, folderPath) => {
+    shell.openPath(folderPath);
+  });
   ipcMain.on("focusWindow", () => {
     if (!win) return;
     if (!win.isVisible()) win.show();

package-lock.json

@@ -13,7 +13,7 @@ class MessageLogger {
 
   constructor(connectionName = moment().valueOf().toString()) {
     this.#subPath = this.#pathSafe(connectionName);
-    this.#basePath = os.homedir() + "/mqtt5-explorer-logs";
+    this.#basePath = os.homedir() + this.#separator + "mqtt5-explorer-logs";
   }
 
   get logsFolder() {

package.json

@@ -116,6 +116,22 @@
         </v-text-field>
       </v-slide-y-transition>
       <v-spacer />
+      <div v-if="fileLoggingSwitch" center-vertical class="ms-2">
+        <v-tooltip bottom>
+          <template v-slot:activator="{ on, attrs }">
+            <v-btn
+              v-bind="attrs"
+              v-on:click="toggleNotificationsDialog()"
+              v-on="on"
+              color="error"
+              icon
+            >
+              <v-icon id="rec-icon">mdi-record-rec</v-icon>
+            </v-btn>
+          </template>
+          <span>Logging is active</span>
+        </v-tooltip>
+      </div>
       <div v-if="selectedId !== -1" center-vertical class="ms-2">
         <v-tooltip bottom>
           <template v-slot:activator="{ on, attrs }">
@@ -631,6 +647,8 @@
               <v-text-field
                 v-model="messageLogger.logsFolder"
                 v-bind:outlined="outline"
+                v-on:click:append-outer="openLogsFolder"
+                append-outer-icon="mdi-folder-open-outline"
                 label="Logs folder location"
                 readonly
               />
@@ -766,6 +784,14 @@ div[center-vertical] {
   animation-timing-function: ease-in-out;
 }
 
+#rec-icon {
+  animation-duration: 1s;
+  animation-name: recording;
+  animation-iteration-count: infinite;
+  animation-direction: alternate;
+  animation-timing-function: ease-in-out;
+}
+
 @keyframes changeGrayscale {
   from {
     -webkit-filter: grayscale(0%);
@@ -779,6 +805,15 @@ div[center-vertical] {
     filter: grayscale(100%);
   }
 }
+
+@keyframes recording {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
 </style>
 
 <script>
@@ -907,6 +942,9 @@ export default {
   },
 
   methods: {
+    openLogsFolder() {
+      ipcRenderer.send("openFolder", this.messageLogger.logsFolder);
+    },
     toggleSearchField() {
       if (this.searchTreeVisible) this.$refs.searchField.blur();