Federated and lightweight accounts

Reduced functionality depending on user account type.

packages/web-app-files/src/index.ts

@@ -16,6 +16,7 @@ import fileSideBars from './fileSideBars'
 import { buildRoutes } from './router'
 import get from 'lodash-es/get'
 
+
 // dirty: importing view from other extension within project
 import SearchResults from '../../web-app-search/src/views/List.vue'
 
@@ -50,11 +51,15 @@ const navItems = [
       path: `/${appInfo.id}/favorites`
     },
     enabled(capabilities) {
-      return capabilities.files && capabilities.files.favorites
+      return (
+        !(window as any).__$store.getters.user.isLightweight && capabilities.files && capabilities.files.favorites
+      )
     }
   },
   {
-    name: $gettext('Shares'),
+    name(capabilities) {
+      return (window as any).__$store.getters.user.isLightweight ? $gettext('Shared with me') : $gettext('Shares')
+    },
     icon: 'share-forward',
     route: {
       path: `/${appInfo.id}/shares`
@@ -82,7 +87,11 @@ const navItems = [
       path: `/${appInfo.id}/trash/eos`
     },
     enabled(capabilities) {
-      return capabilities.dav && capabilities.dav.trashbin === '1.0'
+      return (
+        !(window as any).__$store.getters.user.isLightweight &&
+        capabilities.dav &&
+        capabilities.dav.trashbin === '1.0'
+      )
     }
   },
   {

packages/web-app-files/src/views/shares/SharedWithMe.vue

@@ -2,7 +2,7 @@
   <div class="oc-flex">
     <files-view-wrapper class="oc-flex-column">
       <app-bar
-        :has-shares-navigation="true"
+        :has-shares-navigation="!user.isLightweight"
         :has-bulk-actions="true"
         :side-bar-open="sideBarOpen"
       />
@@ -222,6 +222,7 @@ export default defineComponent({
 
   computed: {
     ...mapGetters(['configuration']),
+    ...mapGetters(['user']),
 
     groupingSettings() {
       const that = this

packages/web-app-files/src/views/spaces/GenericSpace.vue

@@ -1,5 +1,6 @@
 <template>
-  <div class="oc-flex oc-width-1-1" :class="{ 'space-frontpage': isSpaceFrontpage }">
+  <home v-if="isLightweightHome" />
+  <div v-else class="oc-flex oc-width-1-1" :class="{ 'space-frontpage': isSpaceFrontpage }">
     <keyboard-actions :paginated-resources="paginatedResources" :space="space" />
     <files-view-wrapper>
       <app-bar
@@ -186,6 +187,7 @@ import { FolderLoaderOptions } from '../../services/folder'
 import { CreateTargetRouteOptions } from 'web-app-files/src/helpers/folderLink/types'
 
 import SingleSharedFile from './SingleSharedFile.vue'
+import Home from './Home.vue'
 
 const visibilityObserver = new VisibilityObserver()
 
@@ -208,7 +210,8 @@ export default defineComponent({
     ResourceTiles,
     SideBar,
     SpaceHeader,
-    SingleSharedFile
+    SingleSharedFile,
+    Home
   },
 
   mixins: [MixinAccessibleBreadcrumb, MixinFileActions],
@@ -392,7 +395,13 @@ export default defineComponent({
     ...mapState('Files', ['files']),
     ...mapGetters('Files', ['currentFolder', 'totalFilesCount', 'totalFilesSize']),
     ...mapGetters(['user', 'configuration']),
+    ...mapGetters(['homeFolder']),
 
+    isLightweightHome() {
+      return (
+        this.user.isLightweight && this.homeFolder === `/${this.$route.params.driveAliasAndItem}`
+      )
+    },
     isSingleFile() {
       if (
         this.paginatedResources.length === 1 &&
@@ -422,12 +431,12 @@ export default defineComponent({
   watch: {
     item: {
       handler: function () {
-        this.performLoaderTask(true)
+        !this.isLightweightHome && this.performLoaderTask(true)
       }
     },
     space: {
       handler: function () {
-        this.performLoaderTask(true)
+        !this.isLightweightHome && this.performLoaderTask(true)
       }
     },
     paginatedResources: function () {

packages/web-app-files/src/views/spaces/Home.vue

@@ -0,0 +1,22 @@
+<template>
+  <div class="oc-text-center centered">
+    <h1 v-translate class="oc-text-lead">Welcome to CERNBox</h1>
+    <p v-translate>With this account you can access shared content and collaborate on projects</p>
+  </div>
+</template>
+
+<script>
+export default {
+  methods: {}
+}
+</script>
+
+<style scoped>
+.full-height {
+  height: 100%;
+}
+.centered {
+  width: 50%;
+  margin: 0 auto;
+}
+</style>

packages/web-app-files/src/views/spaces/Projects.vue

@@ -178,7 +178,7 @@ export default defineComponent({
       return this.$gettext('Show members')
     },
     hasCreatePermission() {
-      return true
+      return !this.user.isLightweight
     }
   },
   watch: {

packages/web-runtime/package.json

@@ -49,7 +49,8 @@
     "web-runtime": "workspace:*",
     "webdav": "^4.10.0",
     "webfontloader": "^1.6.28",
-    "xml-js": "^1.6.11"
+    "xml-js": "^1.6.11",
+    "jwt-decode": "^3.1.2"
   },
   "devDependencies": {
     "@jest/globals": "29.3.1",

packages/web-runtime/src/services/auth/userManager.ts

@@ -200,6 +200,7 @@ export class UserManager extends OidcUserManager {
       displayname: user.displayname || login['display-name'],
       email: login?.email || user?.email || '',
       groups: graphUser?.data?.memberOf || userGroups || [],
+      isLightweight: ['federated', 'lightweight'].includes(user['user-type']),
       role,
       language: login?.language
     })

packages/web-runtime/src/store/user.ts

@@ -5,6 +5,7 @@ const getInitialState = () => ({
   uuid: '',
   displayname: '',
   email: '',
+  isLightweight: false,
   capabilities: [],
   version: {},
   groups: [],
@@ -46,6 +47,7 @@ const mutations = {
     state.groups = user.groups
     state.language = user.language
     state.role = user.role
+    state.isLightweight = user.isLightweight
     sentrySetUser({ username: user.id })
   },
   SET_CAPABILITIES(state, data) {