Feature/add option to toggle navbar

.github/workflows/cicd.yaml

@@ -101,4 +101,4 @@ jobs:
         with:
           body: "See [changelog](https://github.com/dynobo/sphereview/blob/main/CHANGELOG) for details."
           draft: false
-          prerelease: false
+          prerelease: false

CHANGELOG

@@ -2,6 +2,10 @@
 
 # Changelog
 
+## v0.1.6 (2026-02-13)
+
+- Add option to show/hide the toolbar for the sphere navigation.
+
 ## v0.1.5 (2026-02-06)
 
 - Update to latest dependencies (PhotoSphereViewer 5.15).

Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "sphereview"
-version = "0.1.5"
+version = "0.1.6"
 edition = "2024"
 build = "build.rs"
 

io.github.dynobo.sphereview.appdata.xml

@@ -22,6 +22,7 @@
   <url type="bugtracker">https://github.com/dynobo/sphereview/issues</url>
   <url type="help">https://github.com/dynobo/sphereview/issues</url>
   <url type="vcs-browser">https://github.com/dynobo/sphereview</url>
+  <url type="donation">https://buymeacoffee.com/dynobo</url>
   <screenshots>
     <screenshot type="default">
       <image>https://raw.githubusercontent.com/dynobo/sphereview/refs/tags/v0.1.2/resources/assets/screenshot-1-hidpi.png</image>
@@ -37,6 +38,7 @@
     <color type="primary" scheme_preference="dark">#3d3d3f</color>
   </branding>
   <releases>
+    <release version="0.1.6" type="stable" date="2026-02-13" />
     <release version="0.1.5" type="stable" date="2026-02-06" />
     <release version="0.1.4" type="stable" date="2025-10-17" />
     <release version="0.1.3" type="stable" date="2025-07-20" />

resources/photosphereviewer/src/viewer.js

@@ -4,7 +4,7 @@ import '@photo-sphere-viewer/core/index.css';
 import './style.css';
 
 
-const viewer = new Viewer({
+window.SphereViewer = new Viewer({
     container: document.querySelector('#viewer'),
     keyboard: "always",
     panorama: window.location.pathname.endsWith("index.html") ? "demo.webp" : "",
@@ -68,7 +68,7 @@ window.setPanoramaImageFromBase64 = function (base64, mimeType) {
         // Create blob directly from the binary data
         const blob = new Blob([bytes], { type: mimeType });
         currentObjectUrl = URL.createObjectURL(blob);
-        viewer.setPanorama(currentObjectUrl);
+        window.SphereViewer.setPanorama(currentObjectUrl);
     } catch (error) {
         console.error('Error loading panorama image:', error);
     }

src/app.rs

@@ -45,6 +45,7 @@ impl App {
         app.set_accels_for_action("win.toggle-fullscreen", &["F11"]);
         app.set_accels_for_action("win.open-file", &["<Ctrl>o"]);
         app.set_accels_for_action("win.toggle-menu", &["Menu"]);
+        app.set_accels_for_action("win.toggle-navbar", &["<Ctrl>n"]);
     }
 
     fn setup_flags(app: &Application) {

src/lib.rs

@@ -1,2 +1,2 @@
-pub const APP_VERSION: &str = "0.1.5";
+pub const APP_VERSION: &str = "0.1.6";
 pub const APP_ID: &str = "io.github.dynobo.sphereview";

src/shortcuts_dialog.rs

@@ -7,6 +7,10 @@ pub fn create_shortcuts_dialog() -> libadwaita::ShortcutsDialog {
         "Open File",
         "win.open-file",
     ));
+    general_section.add(libadwaita::ShortcutsItem::from_action(
+        "Toggle Navigation Bar",
+        "win.toggle-navbar",
+    ));
     general_section.add(libadwaita::ShortcutsItem::from_action(
         "Toggle Fullscreen",
         "win.toggle-fullscreen",

src/window.rs

@@ -125,6 +125,24 @@ impl Window {
         });
         window.add_action(&shortcuts_action);
 
+        // Toggle navbar action
+        let toggle_navbar_action =
+            gio::SimpleAction::new_stateful("toggle-navbar", None, &true.to_variant());
+        let window_weak = self.downgrade();
+        toggle_navbar_action.connect_change_state(move |action, value| {
+            let Some(window) = window_weak.upgrade() else {
+                return;
+            };
+            if let Some(state) = value {
+                if let Some(new_state) = state.get::<bool>() {
+                    action.set_state(state);
+                    window.set_navbar_visibility(new_state);
+                }
+            }
+        });
+
+        window.add_action(&toggle_navbar_action);
+
         // Fullscreen action
         let fullscreen_action = gio::SimpleAction::new("toggle-fullscreen", None);
         let window_weak = self.downgrade();
@@ -233,6 +251,7 @@ impl Window {
     fn setup_menu(&self) {
         let imp = self.imp();
         let menu = gio::Menu::new();
+        menu.append(Some("Show Navigation Bar"), Some("win.toggle-navbar"));
         menu.append(Some("Keyboard Shortcuts"), Some("win.keyboard-shortcuts"));
         menu.append(Some("About SphereView"), Some("win.about"));
         let popover_menu = gtk4::PopoverMenu::from_model(Some(&menu));
@@ -367,6 +386,19 @@ impl Window {
         });
     }
 
+    fn set_navbar_visibility(&self, visible: bool) {
+        let imp = self.imp();
+        let webview = imp.web_view.get();
+        let method = if visible { "show" } else { "hide" };
+        let js = format!("window.SphereViewer.navbar.{}();", method);
+
+        webview.evaluate_javascript(&js, None, None, None::<&gio::Cancellable>, |result| {
+            if let Err(e) = result {
+                error!("Failed to evaluate JavaScript: {}", e);
+            }
+        });
+    }
+
     fn show_panorama(&self, panorama_file: Option<&PathBuf>) -> Result<(), String> {
         // Encode the image bytes to base64, insert into a JS snippet as argument of
         // JS function defined in /resources/photosphereviewer/src/viewer.js.