fix: viewer files router in standalone mode

Signed-off-by: skjnldsv <skjnldsv@protonmail.com>

Author: skjnldsv

src/files_actions/viewerAction.ts

@@ -5,16 +5,23 @@
 import type { Node, View } from '@nextcloud/files'
 
 import { DefaultType, FileAction, Permission, registerFileAction } from '@nextcloud/files'
+import { emit } from '@nextcloud/event-bus'
+import { logger } from '../services/logger'
 import { t } from '@nextcloud/l10n'
 import svgEye from '@mdi/svg/svg/eye.svg?raw'
-import { emit } from '@nextcloud/event-bus'
 
 /**
  * @param node The file to open
  * @param view any The files view
  * @param dir the directory path
  */
 function pushToHistory(node: Node, view: View, dir: string) {
+	if (!window.OCP?.Files?.Router) {
+		// No router, we're in standalone mode
+		logger.debug('No router found, skipping history push')
+		return
+	}
+
 	const editing = window.OCP.Files.Router.query.editing === 'true' ? 'true' : 'false'
 	window.OCP.Files.Router.goToRoute(
 		null,
@@ -27,13 +34,20 @@ function pushToHistory(node: Node, view: View, dir: string) {
  * @param editing True if the file is being edited
  */
 export function toggleEditor(editing = false) {
+	if (!window.OCP?.Files?.Router) {
+		// No router, we're in standalone mode
+		logger.debug('No router found, skipping toggle editor')
+		return
+	}
+
+	// Update the URL query param
 	const newQuery = { ...window.OCP.Files.Router.query, editing: editing ? 'true' : 'false' }
 	window.OCP.Files.Router.goToRoute(null, window.OCP.Files.Router.params, newQuery)
 }
 
 const onPopState = () => {
-	emit('editor:toggle', window.OCP.Files.Router.query?.editing === 'true')
-	if (window.OCP.Files.Router.query.openfile !== 'true') {
+	emit('editor:toggle', window.OCP?.Files?.Router?.query?.editing === 'true')
+	if (window.OCP?.Files?.Router?.query?.openfile !== 'true') {
 		window.OCA.Viewer.close()
 		window.removeEventListener('popstate', onPopState)
 	}
@@ -47,14 +61,21 @@ const onPopState = () => {
  */
 async function execAction(node: Node, view: View, dir: string): Promise<boolean|null> {
 	const onClose = () => {
+		// If there is no router, we're in standalone mode
+		if (!window.OCP?.Files?.Router) {
+			return
+		}
+
 		// This can sometime be called with the openfile set to true already. But we don't want to keep openfile when closing the viewer.
-		const newQuery = { ...window.OCP.Files.Router.query }
+		const newQuery = { ...window.OCP?.Files?.Router?.query }
 		delete newQuery.openfile
 		delete newQuery.editing
-		window.OCP.Files.Router.goToRoute(null, window.OCP.Files.Router.params, newQuery)
+		window.OCP?.Files?.Router?.goToRoute(null, window.OCP?.Files?.Router?.params, newQuery)
 	}
 
-	window.addEventListener('popstate', onPopState)
+	if (window.OCP?.Files?.Router) {
+		window.addEventListener('popstate', onPopState)
+	}
 
 	pushToHistory(node, view, dir)
 	window.OCA.Viewer.open({

src/views/Viewer.vue

@@ -189,22 +189,22 @@ import isMobile from '@nextcloud/vue/dist/Mixins/isMobile.js'
 
 import { canDownload } from '../utils/canDownload.ts'
 import { extractFilePaths, extractFilePathFromSource } from '../utils/fileUtils.ts'
-import getSortingConfig from '../services/FileSortingConfig.ts'
+import { toggleEditor } from '../files_actions/viewerAction.ts'
 import cancelableRequest from '../utils/CancelableRequest.js'
 import Error from '../components/Error.vue'
+import fetchNode from '../services/FetchFile.ts'
 import File from '../models/file.js'
 import getFileInfo from '../services/FileInfo.ts'
-import fetchNode from '../services/FetchFile.ts'
 import getFileList from '../services/FileList.ts'
-import Mime from '../mixins/Mime.js'
+import getSortingConfig from '../services/FileSortingConfig.ts'
 import logger from '../services/logger.js'
+import Mime from '../mixins/Mime.js'
 
 import Delete from 'vue-material-design-icons/TrashCanOutline.vue'
 import Download from 'vue-material-design-icons/TrayArrowDown.vue'
 import Fullscreen from 'vue-material-design-icons/Fullscreen.vue'
 import FullscreenExit from 'vue-material-design-icons/FullscreenExit.vue'
 import Pencil from 'vue-material-design-icons/PencilOutline.vue'
-import { toggleEditor } from '../files_actions/viewerAction.ts'
 
 // Dynamic loading
 const NcModal = () => import('@nextcloud/vue/dist/Components/NcModal.js')
@@ -661,7 +661,8 @@ export default defineComponent({
 				const fileInfo = await fileRequest(path)
 				console.debug('File info for ' + path + ' fetched', fileInfo)
 				await this.openFileInfo(fileInfo, overrideHandlerId)
-				if (window.OCP.Files.Router.query.editing === 'true' && this.canEdit) {
+				if (!this.isStandalone && this.canEdit
+					&& window.OCP?.Files?.Router?.query?.editing === 'true') {
 					this.toggleEditor(true)
 				}
 			} catch (error) {