fix: preview app image navigation on shared with me page

changelog/unreleased/bugfix-preview-app-shared-with-me-page

@@ -0,0 +1,6 @@
+Bugfix: Preview app Shared with me page
+
+We fixed a navigation issue with the preview app on the Shared with me page.
+
+https://github.com/owncloud/web/issues/11883
+https://github.com/owncloud/web/pull/11893

packages/web-pkg/src/composables/appDefaults/useAppFolderHandling.ts

@@ -2,14 +2,14 @@ import { Ref, ref, unref, MaybeRef } from 'vue'
 import { dirname } from 'path'
 import { ClientService } from '../../services'
 import { useAppFileHandling } from './useAppFileHandling'
-import { Resource } from '@ownclouders/web-client'
+import { buildIncomingShareResource, Resource } from '@ownclouders/web-client'
 import { FileContext } from './types'
 import { RouteLocationNormalizedLoaded } from 'vue-router'
 import { useFileRouteReplace } from '../router/useFileRouteReplace'
 import { DavProperty } from '@ownclouders/web-client/webdav'
 import { useAuthService } from '../authContext/useAuthService'
 import { isMountPointSpaceResource } from '@ownclouders/web-client'
-import { useResourcesStore, useSpacesStore } from '../piniaStores'
+import { useResourcesStore, useSharesStore, useSpacesStore } from '../piniaStores'
 import { storeToRefs } from 'pinia'
 
 interface AppFolderHandlingOptions {
@@ -29,22 +29,39 @@ export function useAppFolderHandling({
   clientService
 }: AppFolderHandlingOptions): AppFolderHandlingResult {
   const isFolderLoading = ref(false)
-  const { webdav } = clientService
+  const { webdav, graphAuthenticated } = clientService
   const { replaceInvalidFileRoute } = useFileRouteReplace()
   const { getFileInfo } = useAppFileHandling({ clientService })
   const authService = useAuthService()
   const spacesStore = useSpacesStore()
+  const sharesStore = useSharesStore()
 
   const resourcesStore = useResourcesStore()
   const { activeResources } = storeToRefs(resourcesStore)
 
   const loadFolderForFileContext = async (context: MaybeRef<FileContext>) => {
     isFolderLoading.value = true
-    resourcesStore.clearResourceList()
+
     try {
       context = unref(context)
-      const space = unref(context.space)
 
+      if (context.routeName === 'files-shares-with-me') {
+        // FIXME: this is a somewhat hacky solution to load the shared with me files.
+        // ideally we should check if there is a current folder and if not, use the
+        // folder loader to load files. unfortunately, it currently lives in the files app.
+        const driveItems = await graphAuthenticated.driveItems.listSharedWithMe()
+
+        const resources = driveItems.map((driveItem) =>
+          buildIncomingShareResource({ driveItem, graphRoles: sharesStore.graphRoles })
+        )
+
+        resourcesStore.initResourceList({ currentFolder: null, resources })
+        isFolderLoading.value = false
+        return
+      }
+
+      resourcesStore.clearResourceList()
+      const space = unref(context.space)
       const pathResource = await getFileInfo(context, {
         davProperties: [DavProperty.FileId]
       })

packages/web-pkg/src/composables/resources/useCanListVersions.ts

@@ -14,7 +14,7 @@ export const useCanListVersions = () => {
     if (isTrashResource(resource)) {
       return false
     }
-    return space.canListVersions({ user: userStore.user })
+    return space?.canListVersions({ user: userStore.user })
   }
 
   return {