React to sidebar events

Signed-off-by: Louis Chemineau <louis@chmn.me>

package.json

@@ -40,6 +40,7 @@
     "@nextcloud/auth": "^1.3.0",
     "@nextcloud/axios": "^1.6.0",
     "@nextcloud/dialogs": "^3.1.1",
+    "@nextcloud/event-bus": "^2.0.0",
     "@nextcloud/paths": "^1.1.2",
     "@nextcloud/router": "^1.2.0",
     "@nextcloud/vue": "^3.9.0",

src/views/Viewer.vue

@@ -126,6 +126,7 @@ import Vue from 'vue'
 import axios from '@nextcloud/axios'
 import '@nextcloud/dialogs/styles/toast.scss'
 import { showError } from '@nextcloud/dialogs'
+import { subscribe, unsubscribe } from '@nextcloud/event-bus'
 
 import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'
 import ActionLink from '@nextcloud/vue/dist/Components/ActionLink'
@@ -344,10 +345,22 @@ export default {
 		}
 	},
 
+	mount() {
+		// React to Files' Sidebar events.
+		subscribe('files:sidebar:opened', showAppsSidebar)
+		subscribe('files:sidebar:closed', hideAppsSidebar)
+	},
+
 	beforeDestroy() {
 		window.removeEventListener('resize', this.onResize)
 	},
 
+	destroy() {
+		// Unsubscribe to Files' Sidebar events.
+		unsubscribe('files:sidebar:opened', showAppsSidebar)
+		unsubscribe('files:sidebar:closed', hideAppsSidebar)
+	},
+
 	methods: {
 		/**
 		 * Open the view and display the clicked file
@@ -723,7 +736,6 @@ export default {
 			// Open the sidebar sharing tab
 			// TODO: also hide figure, needs a proper method for it in server Sidebar
 			await OCA.Files.Sidebar.open(this.currentFile.filename)
-			setTimeout(this.showAppsSidebar, 100) // we have to wait the animation of the sidebar
 		},
 
 		showAppsSidebar() {