[full-ci] Webfinger redirect app

changelog/unreleased/enhancement-webfinger-app

@@ -0,0 +1,6 @@
+Enhancement: Webfinger redirect app
+
+We've added an app with the name `webfinger` which queries the oCIS webfinger service for the url of the oCIS instance of the user and performs a redirect. This app is not meant to be used in a standard deployment in its current state. It only uses web and its extension system as a platform. In the future this will become a multi tenancy select.
+
+https://github.com/owncloud/web/issues/8883
+https://github.com/owncloud/web/pull/8884

dev/docker/ocis.web.config.json

@@ -28,7 +28,7 @@
  ],
  "contextHelpersReadMore": true
  },
- "apps": ["files", "text-editor", "pdf-viewer", "search", "external", "admin-settings"],
+ "apps": ["files", "text-editor", "pdf-viewer", "search", "external", "admin-settings", "webfinger"],
  "external_apps": [
  {
  "id": "preview",

package.json

@@ -13,7 +13,7 @@
  "serve": "SERVER=true pnpm build:w",
  "test:e2e:cucumber": "NODE_TLS_REJECT_UNAUTHORIZED=0 cucumber-js --profile=e2e -f json:tests/e2e/cucumber/report/cucumber_report.json",
  "test:unit": "NODE_OPTIONS=--unhandled-rejections=throw jest --config ./tests/unit/config/jest.config.ts",
- "licenses:check": "license-checker-rseidelsohn --summary --relativeLicensePath --onlyAllow 'Python-2.0;Apache*;Apache License, Version 2.0;Apache-2.0;Apache 2.0;Artistic-2.0;BSD;BSD-3-Clause;CC-BY-3.0;CC-BY-4.0;CC0-1.0;ISC;MIT;MPL-2.0;Public Domain;Unicode-TOU;Unlicense;WTFPL' --excludePackages '@ownclouders/babel-preset;@ownclouders/eslint-config;@ownclouders/prettier-config;@ownclouders/tsconfig;@ownclouders/web-client;@ownclouders/web-pkg;draw-io;external;web-app-files;text-editor;preview;@ownclouders/design-system;pdf-viewer;web-app-search;admin-settings;web-runtime'",
+ "licenses:check": "license-checker-rseidelsohn --summary --relativeLicensePath --onlyAllow 'Python-2.0;Apache*;Apache License, Version 2.0;Apache-2.0;Apache 2.0;Artistic-2.0;BSD;BSD-3-Clause;CC-BY-3.0;CC-BY-4.0;CC0-1.0;ISC;MIT;MPL-2.0;Public Domain;Unicode-TOU;Unlicense;WTFPL' --excludePackages '@ownclouders/babel-preset;@ownclouders/eslint-config;@ownclouders/prettier-config;@ownclouders/tsconfig;@ownclouders/web-client;@ownclouders/web-pkg;draw-io;external;web-app-files;text-editor;preview;@ownclouders/design-system;pdf-viewer;web-app-search;admin-settings;webfinger;web-runtime'",
  "licenses:csv": "license-checker-rseidelsohn --relativeLicensePath --csv --out ./third-party-licenses/third-party-licenses.csv",
  "licenses:save": "license-checker-rseidelsohn --relativeLicensePath --out /dev/null --files ./third-party-licenses/third-party-licenses",
  "vite": "vue-demi-fix && pnpm vite:ocis",

packages/web-app-webfinger/l10n/.tx/config

@@ -0,0 +1,9 @@
+[main]
+host = https://www.transifex.com
+
+[o:owncloud-org:p:owncloud-web:r:webfinger]
+file_filter = locale/<lang>/LC_MESSAGES/app.po
+minimum_perc = 0
+source_file = template.pot
+source_lang = en
+type = PO

packages/web-app-webfinger/l10n/translations.json

@@ -0,0 +1 @@
+{}

packages/web-app-webfinger/package.json

@@ -0,0 +1,13 @@
+{
+ "name": "web-app-webfinger",
+ "version": "0.0.0",
+ "private": true,
+ "description": "ownCloud webfinger resolver",
+ "license": "AGPL-3.0",
+ "peerDependencies": {
+ "design-system": "workspace:@ownclouders/design-system@*",
+ "web-app-webfinger": "workspace:*",
+ "web-client": "workspace:@ownclouders/web-client@*",
+ "web-pkg": "workspace:@ownclouders/web-pkg@*"
+ }
+}

packages/web-app-webfinger/src/discovery/index.ts

@@ -0,0 +1,2 @@
+export * from './types'
+export * from './webfingerDiscovery'

packages/web-app-webfinger/src/discovery/types.ts

@@ -0,0 +1,5 @@
+export interface OwnCloudServer {
+ rel: string
+ href: string
+ titles?: Record<string, string>
+}

packages/web-app-webfinger/src/discovery/webfingerDiscovery.ts

@@ -0,0 +1,28 @@
+import { OwnCloudServer } from 'web-app-webfinger/src/discovery/types'
+import { ClientService } from 'web-pkg'
+import { urlJoin } from 'web-client/src/utils'
+
+interface OwnCloudInstancesResponse {
+ subject: string
+ links: OwnCloudServer[]
+}
+
+const OWNCLOUD_REL = 'http://webfinger.owncloud/rel/server-instance'
+
+export class WebfingerDiscovery {
+ private serverUrl: string
+ private clientService: ClientService
+
+ constructor(serverUrl: string, clientService: ClientService) {
+ this.serverUrl = serverUrl
+ this.clientService = clientService
+ }
+
+ public async discoverOwnCloudServers(): Promise<OwnCloudServer[]> {
+ const client = this.clientService.httpAuthenticated
+ const url =
+ urlJoin(this.serverUrl, '.well-known', 'webfinger') + `?resource=${encodeURI(this.serverUrl)}`
+ const response: OwnCloudInstancesResponse = (await client.get(url)).data
+ return response.links.filter((o) => o.rel === OWNCLOUD_REL)
+ }
+}

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

@@ -0,0 +1,40 @@
+import translations from '../l10n/translations.json'
+import Resolve from './views/Resolve.vue'
+
+// just a dummy function to trick gettext tools
+function $gettext(msg) {
+ return msg
+}
+
+const appInfo = {
+ name: $gettext('Webfinger'),
+ id: 'webfinger',
+ icon: 'fingerprint',
+ isFileEditor: false
+}
+
+const routes = () => [
+ {
+ name: 'webfinger-root',
+ path: '/',
+ redirect: () => {
+ return { name: 'webfinger-resolve' }
+ }
+ },
+ {
+ path: '/resolve',
+ name: 'webfinger-resolve',
+ component: Resolve,
+ meta: {
+ authContext: 'user',
+ title: $gettext('Resolve destination'),
+ entryPoint: true
+ }
+ }
+]
+
+export default {
+ appInfo,
+ routes,
+ translations
+}

packages/web-app-webfinger/src/views/Resolve.vue

@@ -0,0 +1,93 @@
+<template>
+ <main
+ class="webfinger-resolve oc-height-viewport oc-flex oc-flex-column oc-flex-center oc-flex-middle"
+ >
+ <h1 class="oc-invisible-sr" v-text="pageTitle" />
+ <div class="oc-card oc-card-body oc-text-center oc-width-large">
+ <template v-if="hasError">
+ <h2 key="webfinger-resolve-error">
+ <span v-text="$gettext('Sorry!')" />
+ </h2>
+ <p v-text="$gettext('Something went wrong.')" />
+ <p v-text="$gettext('We could not resolve the destination.')" />
+ </template>
+ <template v-else>
+ <h2 key="webfinger-resolve-loading">
+ <span v-text="$gettext('One moment please…')" />
+ </h2>
+ <p v-text="$gettext('You are being redirected.')" />
+ </template>
+ </div>
+ </main>
+</template>
+
+<script lang="ts">
+import { computed, defineComponent, ref, unref, watch } from 'vue'
+import { useClientService, useConfigurationManager, useLoadingService, useRouteMeta } from 'web-pkg'
+import { OwnCloudServer, WebfingerDiscovery } from 'web-app-webfinger/src/discovery'
+import { useGettext } from 'vue3-gettext'
+
+export default defineComponent({
+ name: 'WebfingerResolve',
+ setup() {
+ const configurationManager = useConfigurationManager()
+ const clientService = useClientService()
+ const loadingService = useLoadingService()
+ const { $gettext } = useGettext()
+
+ const title = useRouteMeta('title', '')
+ const pageTitle = computed(() => {
+ return $gettext(unref(title))
+ })
+
+ const ownCloudServers = ref<OwnCloudServer[]>([])
+ const hasError = ref(false)
+ const webfingerDiscovery = new WebfingerDiscovery(configurationManager.serverUrl, clientService)
+ loadingService.addTask(async () => {
+ try {
+ const servers = await webfingerDiscovery.discoverOwnCloudServers()
+ ownCloudServers.value = servers
+ if (servers.length === 0) {
+ hasError.value = true
+ }
+ } catch (e) {
+ console.error(e)
+ hasError.value = true
+ }
+ })
+
+ watch(ownCloudServers, (instances) => {
+ if (instances.length === 0) {
+ return
+ }
+ // we can't deal with multi-instance results. just pick the first one for now.
+ window.location.href = ownCloudServers.value[0].href
+ })
+
+ return {
+ pageTitle,
+ ownCloudInstances: ownCloudServers,
+ hasError
+ }
+ }
+})
+</script>
+
+<style lang="scss">
+.webfinger-resolve {
+ .oc-card {
+ background: var(--oc-color-background-highlight);
+ border-radius: 15px;
+
+ &-body {
+ h2 {
+ margin-top: 0;
+ }
+ p {
+ font-size: var(--oc-font-size-large);
+ }
+ }
+ }
+}
+</style>
+

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

@@ -28,7 +28,7 @@ export function useAppDocumentTitle({
 
  const titleSegments = computed(() => {
  const baseTitle =
- basename(unref(unref(currentFileContext).fileName)) ||
+ basename(unref(unref(currentFileContext)?.fileName)) ||
  $gettext((unref(currentRoute)?.meta?.title as string) || '')
  const meta = unref(unref(appMeta).applicationMeta)
 

packages/web-runtime/src/container/bootstrap.ts

@@ -368,7 +368,12 @@ export const announceDefaults = ({
  defaultExtensionId = appIds[0]
  }
 
- const route = store.getters.getNavItemsByExtension(defaultExtensionId)[0]?.route
+ let route = router.getRoutes().find((r) => {
+ return r.path.startsWith(`/${defaultExtensionId}`) && r.meta?.entryPoint === true
+ })
+ if (!route) {
+ route = store.getters.getNavItemsByExtension(defaultExtensionId)[0]?.route
+ }
  if (route) {
  router.addRoute({
  path: '/',