Show application meta information at settings page

src-tauri/Cargo.toml

@@ -13,7 +13,7 @@ edition = "2021"
 tauri-build = { version = "1.4", features = [] }
 
 [dependencies]
-tauri = { version = "1.4", features = [ "dialog-confirm", "dialog-ask", "notification-all", "shell-open"] }
+tauri = { version = "1.4", features = [ "path-all", "dialog-confirm", "dialog-ask", "notification-all", "shell-open"] }
 serde = { version = "1.0", features = ["derive"] }
 serde_json = "1.0"
 chrono = { version = "0.4", default-features = false, features = ["clock", "serde"] }

src-tauri/tauri.conf.json

@@ -23,6 +23,9 @@
       "dialog": {
         "ask": true,
         "confirm": true
+      },
+      "path": {
+        "all": true
       }
     },
     "bundle": {

src/routes/Settings.tsx

@@ -1,15 +1,23 @@
+import { getVersion } from '@tauri-apps/api/app';
+import { appDataDir } from '@tauri-apps/api/path';
+
 import { createSignal, For, Match, onMount, Show, Switch } from "solid-js";
 
 import "../styles/Settings.css";
 import * as api from "../api/settings";
 
 function Settings() {
+  const [version, setVersion] = createSignal("");
+  const [latestVersion, setLatestVersion] = createSignal("");
+  const [dataDir, setDataDir] = createSignal("");
+
   const [settings, setSettings] = createSignal<api.Setting[]>([]);
   const [newSettings, setNewSettings] = createSignal<{ [key in api.SettingKey]: string }>({
     [api.SettingKey.POLLING_FREQUENCY]: "",
     [api.SettingKey.NOTIFICATION]: "",
     [api.SettingKey.DB_SCHEME_VERSION]: "",
     [api.SettingKey.THEME]: "",
+    [api.SettingKey.ITEMS_ORDER]: "",
   });
 
   const keyToText = (key: api.SettingKey) => {
@@ -63,7 +71,21 @@ function Settings() {
     </Show>;
 
   onMount(async () => {
-    await load();
+    const fetchLatestVersion = async (): Promise<string> => {
+      const res = await fetch("https://api.github.com/repos/parksb/collie/releases/latest");
+      return (await res.json())['tag_name'];
+    };
+
+    const [fetchedVersion, fetchedLatestVersion, fetchedDataDir] = await Promise.all([
+      getVersion(),
+      fetchLatestVersion(),
+      appDataDir(),
+      load(),
+    ]);
+
+    setVersion(fetchedVersion);
+    setLatestVersion(fetchedLatestVersion);
+    setDataDir(fetchedDataDir);
 
     let newSettingsPlaceholder = newSettings();
     settings().forEach((setting: api.Setting) => {
@@ -109,6 +131,12 @@ function Settings() {
             </Switch>
           </li>
         }</For>
+        <li>
+          <strong>Current version</strong>: v{version()}
+          <small>Latest version: <a href="https://github.com/parksb/collie/releases/latest"
+            target="_blank">{latestVersion()}</a></small>
+        </li>
+        <li><strong>Data directory</strong>: {dataDir()}</li>
       </ul>
     </div>
   );