fixes #349

Justfile

@@ -220,4 +220,4 @@ js-prod:
 
 
 @watch-system:
-	watchexec -p --ignore *.elm --ignore *.js --ignore *.ts --ignore *.css -- just system js
+	watchexec -p --ignore *.elm --ignore *.js --ignore *.ts --ignore *.css --ignore src-tauri/** -- just system js

README.md

@@ -68,6 +68,15 @@ This project can be built with [Node.js](https://nodejs.org/).
 # 1. Install dependencies
 npm install
 
-# 2. Build, start server & watch for changes
+# 2. Build
+npx just build
+
+# 3. Start static-file server
+npx just server
+
+# 4. Watch for changes (requires [watchexec](https://github.com/watchexec/watchexec/) to be installed)
+npx just watch
+
+# Alternatively, to build, serve & watch:
 npx just
 ```

package.json

@@ -9,6 +9,8 @@
   "devDependencies": {
     "@tauri-apps/api": "^2.0.0-beta.0",
     "@tauri-apps/cli": "^2.0.0-beta.0",
+    "@tauri-apps/plugin-dialog": "^2.0.0-beta.0",
+    "@tauri-apps/plugin-fs": "^2.0.0-beta.0",
     "@tauri-apps/plugin-shell": "^2.0.0-beta.0",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",

src-tauri/Cargo.toml

@@ -13,6 +13,7 @@ tauri-build = { version = "2.0.0-beta", features = [] }
 [dependencies]
 tauri = { version = "2.0.0-beta", features = ["unstable"] }
 tauri-plugin-dialog = "2.0.0-beta"
+tauri-plugin-fs = "2.0.0-beta"
 tauri-plugin-localhost = "2.0.0-beta"
 tauri-plugin-positioner = "2.0.0-beta"
 tauri-plugin-shell = "2.0.0-beta"

src-tauri/capabilities/main.json

@@ -2,14 +2,18 @@
   "$schema": "./schemas/desktop-schema.json",
   "identifier": "main-capability",
   "description": "Capability for the main window",
-  "windows": [
-    "main"
-  ],
+  "windows": ["main"],
   "permissions": [
     "path:default",
     "event:default",
     "window:default",
     "app:default",
+    "dialog:allow-ask",
+    "dialog:allow-confirm",
+    "dialog:allow-message",
+    "dialog:allow-open",
+    "dialog:allow-save",
+    "fs:allow-download-write",
     "resources:default",
     "menu:default",
     "tray:default",

src-tauri/gen/schemas/capabilities.json

@@ -1 +1 @@
-{"main-capability":{"identifier":"main-capability","description":"Capability for the main window","context":"local","windows":["main"],"permissions":["path:default","event:default","window:default","app:default","resources:default","menu:default","tray:default","shell:allow-open"],"platforms":["linux","macOS","windows","android","iOS"]}}
+{"main-capability":{"identifier":"main-capability","description":"Capability for the main window","context":"local","windows":["main"],"permissions":["path:default","event:default","window:default","app:default","dialog:allow-ask","dialog:allow-confirm","dialog:allow-message","dialog:allow-open","dialog:allow-save","fs:allow-download-write","resources:default","menu:default","tray:default","shell:allow-open"],"platforms":["linux","macOS","windows","android","iOS"]}}

src-tauri/src/main.rs

@@ -34,6 +34,7 @@ fn main() {
 
 fn default_builder() -> tauri::Builder<tauri::Wry> {
     tauri::Builder::default()
+        .plugin(tauri_plugin_fs::init())
         .plugin(tauri_plugin_shell::init())
         .plugin(tauri_plugin_dialog::init())
         .plugin(tauri_plugin_window_state::Builder::default().build())

src/Applications/UI.elm

@@ -101,6 +101,7 @@ init flags url key =
     , isDragging = False
     , isLoading = True
     , isOnline = flags.isOnline
+    , isTauri = flags.isTauri
     , isTouchDevice = False
     , isUpgrading = flags.upgrade
     , lastFm = LastFm.initialModel

src/Applications/UI/Ports.elm

@@ -24,6 +24,9 @@ port collectFissionCapabilities : () -> Cmd msg
 port copyToClipboard : String -> Cmd msg
 
 
+port downloadJsonUsingTauri : { filename : String, json : String } -> Cmd msg
+
+
 port loadAlbumCovers : { list : Bool, coverView : Bool } -> Cmd msg
 
 

src/Applications/UI/Types.elm

@@ -45,6 +45,7 @@ type alias Flags =
     , initialTime : Int
     , isInstallingServiceWorker : Bool -- ie. Installing SW for the first time
     , isOnline : Bool
+    , isTauri : Bool
     , upgrade : Bool
     , version : String
     , viewport : Viewport
@@ -67,6 +68,7 @@ type alias Model =
     , isDragging : Bool
     , isLoading : Bool
     , isOnline : Bool
+    , isTauri : Bool
     , isTouchDevice : Bool
     , isUpgrading : Bool
     , lastFm : LastFm.Model

src/Applications/UI/User/State/Export.elm

@@ -31,7 +31,12 @@ export model =
     }
         |> encodeHypaethralData
         |> Json.Encode.encode 2
-        |> File.Download.string "diffuse.json" "application/json"
+        |> (if model.isTauri then
+                \json -> Ports.downloadJsonUsingTauri { filename = "diffuse.json", json = json }
+
+            else
+                File.Download.string "diffuse.json" "application/json"
+           )
         |> return model
 
 

src/Javascript/index.ts

@@ -24,7 +24,7 @@ import { version } from "../../package.json"
 // 🌸
 
 
-const isNativeWrapper = location.host === "localhost:44999" || location.host === "127.0.0.1:44999"
+const isNativeWrapper = !!globalThis.__TAURI__
 
 
 
@@ -121,6 +121,7 @@ async function initialise(reg) {
       initialTime: Date.now(),
       isInstallingServiceWorker: !!reg.installing,
       isOnline: navigator.onLine,
+      isTauri: isNativeWrapper,
       upgrade: viableForUpgrade(),
       version,
       viewport: {
@@ -141,7 +142,18 @@ async function initialise(reg) {
   wire.odd()
 
   // Other ports
-  app.ports.openUrlOnNewPage.subscribe(url => {
+  app.ports.downloadJsonUsingTauri.subscribe(async (
+    { filename, json }: { filename: string, json: string }
+  ) => {
+    const { save } = await import("@tauri-apps/plugin-dialog")
+    const { writeTextFile } = await import("@tauri-apps/plugin-fs")
+    const { BaseDirectory } = await import("@tauri-apps/api/path")
+
+    const filePath = await save({ defaultPath: filename })
+    await writeTextFile(filePath || filename, json, { baseDir: BaseDirectory.Download })
+  })
+
+  app.ports.openUrlOnNewPage.subscribe((url: string) => {
     if (globalThis.__TAURI__) {
       globalThis.__TAURI__.shell.open(
         url.includes("://") ? url : `${location.origin}/${url.replace(/^\.\//, "")}`