(chore): AOT-compatible Pro routes

src/app/app.component.ts

@@ -17,6 +17,7 @@ import { BlockListService } from "./common/services/block-list.service";
 import { FeaturesService } from "./services/features.service";
 import { ThemeService } from "./common/services/theme.service";
 import { BannedService } from './modules/report/banned/banned.service';
+import { STANDALONE_ROUTES } from './modules/pro/pro.module';
 
 @Component({
  moduleId: module.id,
@@ -55,6 +56,10 @@ export class Minds {
  private bannedService: BannedService,
  ) {
  this.name = 'Minds';
+
+ if (window.Minds.pro) {
+ this.router.resetConfig(STANDALONE_ROUTES);
+ }
  }
 
  async ngOnInit() {

src/app/modules/pro/pro.module.ts

@@ -26,54 +26,68 @@ import { ProUnsubscribeModalComponent } from './channel/unsubscribe-modal/modal.
 import { ProCategoriesComponent } from "./channel/categories/categories.component";
 import { BlogView } from "../blogs/view/view";
 
-const routes: Routes = [];
+const routes: Routes = [
+ {
+ path: 'pro',
+ children: [
+ {
+ path: '',
+ component: ProMarketingComponent,
+ },
+ {
+ path: 'settings',
+ component: ProSettingsComponent,
+ },
+ {
+ path: ':username',
+ component: ProChannelComponent,
+ children: [
+ {
+ path: '',
+ component: ProChannelHomeComponent,
+ },
+ {
+ path: 'donate',
+ component: ProChannelDonateComponent
+ },
+ {
+ path: 'login',
+ component: ProChannelLoginComponent
+ },
+ {
+ path: ':type',
+ component: ProChannelListComponent,
+ },
+ ]
+ }
+ ]
+ }
+];
 
-const channelRoute = {
- component: ProChannelComponent,
- children: [
- {
- path: '',
- component: ProChannelHomeComponent,
- },
- {
- path: 'donate',
- component: ProChannelDonateComponent
- },
- {
- path: 'login',
- component: ProChannelLoginComponent
- },
- {
- path: ':type',
- component: ProChannelListComponent,
- },
- ]
-};
-
-if (window.Minds.pro) {
- routes.push({
+export const STANDALONE_ROUTES = [
+ {
  path: '',
- ...channelRoute
- });
-}
-
-routes.push({
- path: 'pro',
- children: [
- {
- path: '',
- component: ProMarketingComponent,
- },
- {
- path: 'settings',
- component: ProSettingsComponent,
- },
- {
- path: ':username',
- ...channelRoute
- }
- ]
-});
+ component: ProChannelComponent,
+  children: [
+ {
+ path: '',
+ component: ProChannelHomeComponent,
+  },
+  {
+  path: 'donate',
+  component: ProChannelDonateComponent
+ },
+  {
+  path: 'login',
+  component: ProChannelLoginComponent
+ },
+  {
+  path: ':type',
+  component: ProChannelListComponent,
+ },
+ ]
+ }
+];
 
 @NgModule({
  imports: [