import { NgModule } from '@angular/core' import { RouteReuseStrategy, RouterModule, Routes, UrlMatchResult, UrlSegment } from '@angular/router' import { CustomReuseStrategy } from '@app/core/routing/custom-reuse-strategy' import { MenuGuards } from '@app/core/routing/menu-guard.service' import { POSSIBLE_LOCALES } from '@shared/core-utils/i18n' import { MetaGuard, PreloadSelectedModulesList } from './core' import { EmptyComponent } from './empty.component' import { RootComponent } from './root.component' const routes: Routes = [ { path: 'admin', canActivate: [ MenuGuards.close() ], canDeactivate: [ MenuGuards.open() ], loadChildren: () => import('./+admin/admin.module').then(m => m.AdminModule), canActivateChild: [ MetaGuard ] }, { path: 'home', loadChildren: () => import('./+home/home.module').then(m => m.HomeModule) }, { path: 'my-account', loadChildren: () => import('./+my-account/my-account.module').then(m => m.MyAccountModule), canActivateChild: [ MetaGuard ] }, { path: 'my-library', loadChildren: () => import('./+my-library/my-library.module').then(m => m.MyLibraryModule), canActivateChild: [ MetaGuard ] }, { path: 'verify-account', loadChildren: () => import('./+signup/+verify-account/verify-account.module').then(m => m.VerifyAccountModule), canActivateChild: [ MetaGuard ] }, { path: 'a', loadChildren: () => import('./+accounts/accounts.module').then(m => m.AccountsModule), canActivateChild: [ MetaGuard ] }, { path: 'c', loadChildren: () => import('./+video-channels/video-channels.module').then(m => m.VideoChannelsModule), canActivateChild: [ MetaGuard ] }, { path: 'about', loadChildren: () => import('./+about/about.module').then(m => m.AboutModule), canActivateChild: [ MetaGuard ] }, { path: 'signup', loadChildren: () => import('./+signup/+register/register.module').then(m => m.RegisterModule), canActivateChild: [ MetaGuard ] }, { path: 'reset-password', loadChildren: () => import('./+reset-password/reset-password.module').then(m => m.ResetPasswordModule), canActivateChild: [ MetaGuard ] }, { path: 'login', loadChildren: () => import('./+login/login.module').then(m => m.LoginModule), canActivateChild: [ MetaGuard ] }, { path: 'search', loadChildren: () => import('./+search/search.module').then(m => m.SearchModule), canActivateChild: [ MetaGuard ] }, { path: 'videos', loadChildren: () => import('./+videos/videos.module').then(m => m.VideosModule), canActivateChild: [ MetaGuard ] }, { path: 'remote-interaction', loadChildren: () => import('./+remote-interaction/remote-interaction.module').then(m => m.RemoteInteractionModule), canActivateChild: [ MetaGuard ] }, { path: 'video-playlists/watch', redirectTo: 'videos/watch/playlist' }, { path: 'accounts', redirectTo: 'a' }, { path: 'video-channels', redirectTo: 'c' }, { matcher: (url): UrlMatchResult => { // Matches /@:actorName if (url.length === 1 && url[0].path.match(/^@[\w]+$/gm)) { return { consumed: url, posParams: { actorName: new UrlSegment(url[0].path.substr(1), {}) } } } return null }, component: RootComponent }, { path: '', component: EmptyComponent // Avoid 404, app component will redirect dynamically } ] // Avoid 404 when changing language for (const locale of POSSIBLE_LOCALES) { routes.push({ path: locale, component: EmptyComponent }) } routes.push({ path: '**', loadChildren: () => import('./+page-not-found/page-not-found.module').then(m => m.PageNotFoundModule) }) @NgModule({ imports: [ RouterModule.forRoot(routes, { useHash: Boolean(history.pushState) === false, scrollPositionRestoration: 'disabled', preloadingStrategy: PreloadSelectedModulesList, anchorScrolling: 'disabled' }) ], providers: [ MenuGuards.guards, PreloadSelectedModulesList, { provide: RouteReuseStrategy, useClass: CustomReuseStrategy } ], exports: [ RouterModule ] }) export class AppRoutingModule {}