Merge branch 'develop'

Author: MedaiP90

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

@@ -3,7 +3,7 @@
   <id>io.github.Omniaevo.mqtt5-explorer</id>
 
   <name>MQTT5 Explorer</name>
-  <summary>A simple MQTT client that supports MQTT5 protocol.</summary>
+  <summary>A simple but powerful MQTT5 client</summary>
 
   <metadata_license>MIT</metadata_license>
   <project_license>GPL-3.0-only</project_license>
@@ -14,6 +14,11 @@
     </p>
   </description>
 
+  <branding>
+    <color type="primary" scheme_preference="light">#cba2c9</color>
+    <color type="primary" scheme_preference="dark">#7094c9</color>
+  </branding>
+
   <launchable type="desktop-id">io.github.Omniaevo.mqtt5-explorer.desktop</launchable>
 
   <developer_name>Omniaevo SRL</developer_name>
@@ -36,17 +41,30 @@
 
   <screenshots>
     <screenshot type="default">
-      <image>https://github.com/Omniaevo/mqtt5-explorer/blob/master/screenshots/mqtt5-explorer-promotional.jpg</image>
+      <image>https://omniaevo.github.io/assets/images/mqtt5-explorer-promotional.jpg</image>
+      <caption>Light + Dark theme</caption>
     </screenshot>
     <screenshot>
-      <image>https://github.com/Omniaevo/mqtt5-explorer/blob/master/screenshots/client-connection-white.png</image>
+      <image>https://omniaevo.github.io/assets/images/client-connection-white.png</image>
+      <caption>Light theme</caption>
     </screenshot>
     <screenshot>
-      <image>https://github.com/Omniaevo/mqtt5-explorer/blob/master/screenshots/client-connection.png</image>
+      <image>https://omniaevo.github.io/assets/images/client-connection.png</image>
+      <caption>Dark theme</caption>
     </screenshot>
   </screenshots>
 
   <releases>
+    <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>
+        <p>In this release:</p>
+        <ul>
+          <li>Export all saved connections to Json format;</li>
+          <li>Import connections from Json.</li>
+        </ul>
+      </description>
+    </release>
     <release version="1.16.1" date="2025-01-17" />
     <release version="1.16.0" date="2025-01-16" />
     <release version="1.15.0" date="2024-09-24" />

package-lock.json

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

package.json

@@ -18,6 +18,7 @@ import {
 import { createProtocol } from "vue-cli-plugin-electron-builder/lib";
 import path from "path";
 import Store from "electron-store";
+import fs from "fs";
 
 const isDevelopment = process.env.NODE_ENV !== "production";
 const isSingleInstance = app.requestSingleInstanceLock();
@@ -143,6 +144,51 @@ let menuTemplate = (page = pages.HOME) => [
         : []),
     ],
   },
+  ...(page === pages.HOME
+    ? [
+        {
+          label: "Connections",
+          submenu: [
+            {
+              label: "Export all",
+              click: () => {
+                if (win != undefined && win.webContents != undefined) {
+                  win.webContents.send("exportDataPressed");
+                }
+              },
+            },
+            {
+              label: "Import from file",
+              click: () => {
+                if (win == undefined || win.webContents == undefined) return;
+
+                dialog
+                  .showOpenDialog({
+                    properties: ["openFile"],
+                    filters: [
+                      { name: "Json (*.json)", extensions: ["json"] },
+                      { name: "All Files", extensions: ["*"] },
+                    ],
+                  })
+                  .then((result) => {
+                    if (result.canceled) return;
+
+                    const fileContent = fs.readFileSync(
+                      result.filePaths[0],
+                      "utf8"
+                    );
+
+                    win.webContents.send("importDataPressed", fileContent);
+                  })
+                  .catch((err) => {
+                    win.webContents.send("importDataPressed", `Error: ${err}`);
+                  });
+              },
+            },
+          ],
+        },
+      ]
+    : []),
   ...(page === pages.VIEWER
     ? [
         {

src/background.js

@@ -365,6 +365,8 @@
 import ConnectionForm from "../components/ConnectionForm.vue";
 import ConnectionProperties from "../models/ConnectionProperties";
 import { shell, ipcRenderer } from "electron";
+import { v4 as uuidv4 } from "uuid";
+import moment from "moment";
 
 export default {
   name: "Home",
@@ -487,14 +489,54 @@ export default {
 
     ipcRenderer.send("enterHomePage");
     ipcRenderer.on("settingsPressed", this.toggleSettingsDrawer);
+    ipcRenderer.on("exportDataPressed", this.exportConnectionData);
+    ipcRenderer.on("importDataPressed", this.importConnectionData);
   },
 
   beforeDestroy() {
     this.$store.commit("setSelectedConnectionId", this.tabId);
+
     ipcRenderer.removeListener("settingsPressed", this.toggleSettingsDrawer);
+    ipcRenderer.removeListener("exportDataPressed", this.exportConnectionData);
+    ipcRenderer.removeListener("importDataPressed", this.importConnectionData);
   },
 
   methods: {
+    exportConnectionData() {
+      const savedConnections = JSON.parse(
+        this.$estore.get(this.connectionsStore) || "[]"
+      );
+      const blob = new Blob([JSON.stringify(savedConnections, null, 2)], {
+        type: "application/json",
+      });
+      const fileDownload = document.createElement("a");
+
+      fileDownload.href = URL.createObjectURL(blob);
+      fileDownload.download = `connections-${moment().valueOf()}.json`;
+      fileDownload.style.display = "none";
+
+      document.body.appendChild(fileDownload);
+      fileDownload.click();
+      document.body.removeChild(fileDownload);
+    },
+    importConnectionData(_, fileContent) {
+      try {
+        const connections = (JSON.parse(fileContent) || []).filter((props) =>
+          ConnectionProperties.validate(props)
+        );
+
+        // Generate new UUIDs if not present (for retro-compatibility)
+        connections.forEach((connection) => {
+          connection.id = connection.id || uuidv4();
+        });
+
+        this.$store.commit("loadPersistentConnections", connections);
+        this.persistConnections();
+      } catch {
+        // File is not valid
+        // Do nothing
+      }
+    },
     scrollTabs(to = "bottom") {
       this.$nextTick(() => {
         const tabs = document.querySelector("#tabs-list");