Add shorter URLs for accounts and channels client-side

2 files changed, 54 insertions, 0 deletions

diff --git a/client/src/app/+actors/actors.component.ts b/client/src/app/+actors/actors.component.ts
new file mode 100644
index 000000000..74fbe7dea
--- /dev/null
+++ b/client/src/app/+actors/actors.component.ts
@@ -0,0 +1,41 @@
+import { Component, OnInit } from '@angular/core'
+import { empty } from 'rxjs'
+import { catchError } from 'rxjs/operators'
+import { RestExtractor } from '@app/core'
+
+import { ActivatedRoute, Router } from '@angular/router'
+import { AccountService } from '@app/shared/shared-main/account'
+
+@Component({
+  selector: 'my-actor',
+  template: ''
+})
+export class ActorsComponent implements OnInit {
+  constructor (
+    private accountService: AccountService,
+    private route: ActivatedRoute,
+    private restExtractor: RestExtractor,
+    private router: Router
+  ) {
+  }
+
+  ngOnInit () {
+    const accountOrChannelName = this.route.snapshot.params['actorName'].replace('@', '')
+
+    this.accountService
+        .getAccount(accountOrChannelName)
+        .pipe(
+          catchError(res => {
+            if (res.status === 404 && res.message === 'Account not found') {
+              this.router.navigateByUrl(`/video-channels/${accountOrChannelName}`)
+              return empty()
+            }
+
+            return this.restExtractor.handleError(res)
+          })
+        )
+        .subscribe(() => {
+          this.router.navigateByUrl(`/accounts/${accountOrChannelName}`)
+        })
+  }
+}
diff --git a/client/src/app/app-routing.module.ts b/client/src/app/app-routing.module.ts
index 3ea5b7e5e..c0a2d29e4 100644
--- a/client/src/app/app-routing.module.ts
+++ b/client/src/app/app-routing.module.ts
@@ -5,6 +5,7 @@ import { MenuGuards } from '@app/core/routing/menu-guard.service'
 import { POSSIBLE_LOCALES } from '@shared/core-utils/i18n'
 import { PreloadSelectedModulesList } from './core'
 import { EmptyComponent } from './empty.component'
+import { ActorsComponent } from './+actors/actors.component'
 
 const routes: Routes = [
   {
@@ -66,6 +67,18 @@ const routes: Routes = [
     redirectTo: 'videos/watch/playlist'
   },
   {
+    path: 'a',
+    redirectTo: 'accounts'
+  },
+  {
+    path: 'c',
+    redirectTo: 'video-channels'
+  },
+  {
+    path: ':actorName',
+    component: ActorsComponent
+  },
+  {
     path: '',
     component: EmptyComponent // Avoid 404, app component will redirect dynamically
   }