fluffychat/lib/config/routes.dart

import 'dart:async';
import 'dart:convert';

import 'package:flutter/material.dart';

import 'package:cached_network_image/cached_network_image.dart';
import 'package:go_router/go_router.dart';
import 'package:matrix/matrix_api_lite/generated/model.dart';

import 'package:fluffychat/config/app_config.dart';
import 'package:fluffychat/config/themes.dart';
import 'package:fluffychat/pages/archive/archive.dart';
import 'package:fluffychat/pages/chat/chat.dart';
import 'package:fluffychat/pages/chat_access_settings/chat_access_settings_controller.dart';
import 'package:fluffychat/pages/chat_details/chat_details.dart';
import 'package:fluffychat/pages/chat_list/chat_list.dart';
import 'package:fluffychat/pages/chat_members/chat_members.dart';
import 'package:fluffychat/pages/chat_permissions_settings/chat_permissions_settings.dart';
import 'package:fluffychat/pages/chat_search/chat_search_page.dart';
import 'package:fluffychat/pages/device_settings/device_settings.dart';
import 'package:fluffychat/pages/login/login.dart';
import 'package:fluffychat/pages/new_group/new_group.dart';
import 'package:fluffychat/pages/new_private_chat/new_private_chat.dart';
import 'package:fluffychat/pages/settings/settings.dart';
import 'package:fluffychat/pages/settings_3pid/settings_3pid.dart';
import 'package:fluffychat/pages/settings_chat/settings_chat.dart';
import 'package:fluffychat/pages/settings_emotes/settings_emotes.dart';
import 'package:fluffychat/pages/settings_homeserver/settings_homeserver.dart';
import 'package:fluffychat/pages/settings_ignore_list/settings_ignore_list.dart';
import 'package:fluffychat/pages/settings_multiple_emotes/settings_multiple_emotes.dart';
import 'package:fluffychat/pages/settings_notifications/settings_notifications.dart';
import 'package:fluffychat/pages/settings_password/settings_password.dart';
import 'package:fluffychat/pages/settings_security/settings_security.dart';
import 'package:fluffychat/pages/settings_style/settings_style.dart';
import 'package:fluffychat/pangea/activity_sessions/activity_session_start/activity_session_start_page.dart';
import 'package:fluffychat/pangea/analytics_details_popup/analytics_details_popup.dart';
import 'package:fluffychat/pangea/analytics_misc/analytics_navigation_util.dart';
import 'package:fluffychat/pangea/analytics_misc/construct_type_enum.dart';
import 'package:fluffychat/pangea/analytics_page/activity_archive.dart';
import 'package:fluffychat/pangea/analytics_page/empty_analytics_page.dart';
import 'package:fluffychat/pangea/analytics_summary/level_analytics_details_content.dart';
import 'package:fluffychat/pangea/analytics_summary/progress_indicators_enum.dart';
import 'package:fluffychat/pangea/chat_settings/pages/edit_course.dart';
import 'package:fluffychat/pangea/chat_settings/pages/pangea_invitation_selection.dart';
import 'package:fluffychat/pangea/common/utils/p_vguard.dart';
import 'package:fluffychat/pangea/constructs/construct_identifier.dart';
import 'package:fluffychat/pangea/course_creation/course_invite_page.dart';
import 'package:fluffychat/pangea/course_creation/selected_course_page.dart';
import 'package:fluffychat/pangea/join_codes/join_with_link_page.dart';
import 'package:fluffychat/pangea/learning_settings/settings_learning.dart';
import 'package:fluffychat/pangea/login/pages/add_course_page.dart';
import 'package:fluffychat/pangea/login/pages/course_code_page.dart';
import 'package:fluffychat/pangea/login/pages/create_pangea_account_page.dart';
import 'package:fluffychat/pangea/login/pages/language_selection_page.dart';
import 'package:fluffychat/pangea/login/pages/login_or_signup_view.dart';
import 'package:fluffychat/pangea/login/pages/new_course_page.dart';
import 'package:fluffychat/pangea/login/pages/public_courses_page.dart';
import 'package:fluffychat/pangea/login/pages/signup.dart';
import 'package:fluffychat/pangea/space_analytics/space_analytics.dart';
import 'package:fluffychat/pangea/spaces/space_constants.dart';
import 'package:fluffychat/pangea/subscription/pages/settings_subscription.dart';
import 'package:fluffychat/pangea/vocab_practice/vocab_practice_page.dart';
import 'package:fluffychat/widgets/config_viewer.dart';
import 'package:fluffychat/widgets/layouts/empty_page.dart';
import 'package:fluffychat/widgets/layouts/two_column_layout.dart';
import 'package:fluffychat/widgets/log_view.dart';
import 'package:fluffychat/widgets/matrix.dart';
import 'package:fluffychat/widgets/share_scaffold_dialog.dart';

abstract class AppRoutes {
  static FutureOr<String?> loggedInRedirect(
    BuildContext context,
    GoRouterState state,
  ) {
    // #Pangea
    // Matrix.of(context).widget.clients.any((client) => client.isLogged())
    //       ? '/rooms'
    //       : null;
    return PAuthGaurd.homeRedirect(context, state);
    // Pangea#
  }

  static FutureOr<String?> loggedOutRedirect(
    BuildContext context,
    GoRouterState state,
  ) {
    // #Pangea
    // Matrix.of(context).widget.clients.any((client) => client.isLogged())
    //     ? null
    //     : '/home';
    return PAuthGaurd.roomsRedirect(context, state);
    // Pangea#
  }

  AppRoutes();

  static final List<RouteBase> routes = [
    GoRoute(
      path: '/',
      redirect: (context, state) =>
          Matrix.of(context).widget.clients.any((client) => client.isLogged())
              ? '/rooms'
              : '/home',
    ),
    GoRoute(
      path: '/home',
      pageBuilder: (context, state) => defaultPageBuilder(
        context,
        state,
        // #Pangea
        // const HomeserverPicker(addMultiAccount: false),
        const LoginOrSignupView(),
        // Pangea#
      ),
      redirect: loggedInRedirect,
      routes: [
        GoRoute(
          path: 'login',
          pageBuilder: (context, state) => defaultPageBuilder(
            context,
            state,
            // #Pangea
            // Login(client: state.extra as Client),
            const Login(),
            // Pangea#
          ),
          redirect: loggedInRedirect,
          // #Pangea
          routes: [
            GoRoute(
              path: 'email',
              pageBuilder: (context, state) => defaultPageBuilder(
                context,
                state,
                const Login(withEmail: true),
              ),
            ),
          ],
          // Pangea#
        ),
        // #Pangea
        GoRoute(
          path: 'language',
          pageBuilder: (context, state) => defaultPageBuilder(
            context,
            state,
            const LanguageSelectionPage(),
          ),
          routes: [
            GoRoute(
              path: 'signup',
              pageBuilder: (context, state) => defaultPageBuilder(
                context,
                state,
                const SignupPage(),
              ),
              routes: [
                GoRoute(
                  path: 'email',
                  pageBuilder: (context, state) => defaultPageBuilder(
                    context,
                    state,
                    const SignupPage(
                      withEmail: true,
                    ),
                  ),
                ),
              ],
            ),
          ],
        ),
        // Pangea#
      ],
    ),
    GoRoute(
      path: '/logs',
      pageBuilder: (context, state) => defaultPageBuilder(
        context,
        state,
        const LogViewer(),
      ),
    ),
    GoRoute(
      path: '/configs',
      pageBuilder: (context, state) => defaultPageBuilder(
        context,
        state,
        const ConfigViewer(),
      ),
    ),
    // #Pangea
    GoRoute(
      path: '/registration',
      pageBuilder: (context, state) => defaultPageBuilder(
        context,
        state,
        const LanguageSelectionPage(),
      ),
      redirect: PAuthGaurd.onboardingRedirect,
      routes: [
        GoRoute(
          path: 'create',
          pageBuilder: (context, state) => defaultPageBuilder(
            context,
            state,
            const CreatePangeaAccountPage(),
          ),
        ),
        GoRoute(
          path: 'course',
          pageBuilder: (context, state) => defaultPageBuilder(
            context,
            state,
            const AddCoursePage(route: 'registration'),
          ),
          routes: [
            GoRoute(
              path: 'private',
              pageBuilder: (context, state) {
                return defaultPageBuilder(
                  context,
                  state,
                  const CourseCodePage(),
                );
              },
            ),
            GoRoute(
              path: 'public',
              pageBuilder: (context, state) {
                return defaultPageBuilder(
                  context,
                  state,
                  const PublicCoursesPage(
                    route: 'registration',
                    showFilters: false,
                  ),
                );
              },
              routes: [
                GoRoute(
                  path: ':courseid',
                  pageBuilder: (context, state) {
                    return defaultPageBuilder(
                      context,
                      state,
                      SelectedCourse(
                        state.pathParameters['courseid']!,
                        SelectedCourseMode.join,
                        roomChunk: state.extra as PublicRoomsChunk?,
                      ),
                    );
                  },
                ),
              ],
            ),
            GoRoute(
              path: 'own',
              pageBuilder: (context, state) {
                return defaultPageBuilder(
                  context,
                  state,
                  const NewCoursePage(
                    route: 'registration',
                    showFilters: false,
                  ),
                );
              },
              routes: [
                GoRoute(
                  path: ':courseid',
                  pageBuilder: (context, state) {
                    return defaultPageBuilder(
                      context,
                      state,
                      SelectedCourse(
                        state.pathParameters['courseid']!,
                        SelectedCourseMode.launch,
                      ),
                    );
                  },
                  routes: [
                    GoRoute(
                      path: 'invite',
                      pageBuilder: (context, state) {
                        return defaultPageBuilder(
                          context,
                          state,
                          CourseInvitePage(
                            state.pathParameters['courseid']!,
                            courseCreationCompleter:
                                state.extra as Completer<String>?,
                          ),
                        );
                      },
                    ),
                  ],
                ),
              ],
            ),
          ],
        ),
      ],
    ),
    GoRoute(
      path: '/join_with_link',
      pageBuilder: (context, state) => defaultPageBuilder(
        context,
        state,
        JoinClassWithLink(
          classCode: state.uri.queryParameters[SpaceConstants.classCode],
        ),
      ),
    ),
    // Pangea#
    ShellRoute(
      // Never use a transition on the shell route. Changing the PageBuilder
      // here based on a MediaQuery causes the child to briefly be rendered
      // twice with the same GlobalKey, blowing up the rendering.
      pageBuilder: (context, state, child) => noTransitionPageBuilder(
        context,
        state,
        // #Pangea
        // FluffyThemes.isColumnMode(context) &&
        //         state.fullPath?.startsWith('/rooms/settings') == false
        //     ? TwoColumnLayout(
        //         mainView: ChatList(
        //           activeChat: state.pathParameters['roomid'],
        //           displayNavigationRail:
        //               state.path?.startsWith('/rooms/settings') != true,
        //         ),
        //         sideView: child,
        //       )
        //     : child,
        TwoColumnLayout(
          state: state,
          sideView: child,
        ),
        // Pangea#
      ),
      routes: [
        GoRoute(
          path: '/rooms',
          redirect: loggedOutRedirect,
          pageBuilder: (context, state) => defaultPageBuilder(
            context,
            state,
            FluffyThemes.isColumnMode(context)
                // #Pangea
                // ? const EmptyPage()
                ? Center(
                    child: CachedNetworkImage(
                      width: 250.0,
                      imageUrl:
                          "${AppConfig.assetsBaseURL}/${SpaceConstants.sideBearFileName}",
                    ),
                  )
                // Pangea#
                : ChatList(
                    activeChat: state.pathParameters['roomid'],
                    activeSpaceId: state.pathParameters['spaceid'],
                  ),
          ),
          routes: [
            GoRoute(
              path: 'archive',
              pageBuilder: (context, state) => defaultPageBuilder(
                context,
                state,
                const Archive(),
              ),
              routes: [
                GoRoute(
                  path: ':roomid',
                  pageBuilder: (context, state) => defaultPageBuilder(
                    context,
                    state,
                    ChatPage(
                      roomId: state.pathParameters['roomid']!,
                      eventId: state.uri.queryParameters['event'],
                    ),
                  ),
                  redirect: loggedOutRedirect,
                ),
              ],
              redirect: loggedOutRedirect,
            ),
            GoRoute(
              path: 'newprivatechat',
              pageBuilder: (context, state) => defaultPageBuilder(
                context,
                state,
                const NewPrivateChat(),
              ),
              redirect: loggedOutRedirect,
            ),
            GoRoute(
              path: 'newgroup',
              pageBuilder: (context, state) => defaultPageBuilder(
                context,
                state,
                // #Pangea
                // const NewGroup(),
                NewGroup(spaceId: state.uri.queryParameters['space']),
                // Pangea#
              ),
              redirect: loggedOutRedirect,
            ),
            GoRoute(
              path: 'newspace',
              pageBuilder: (context, state) => defaultPageBuilder(
                context,
                state,
                const NewGroup(createGroupType: CreateGroupType.space),
              ),
              redirect: loggedOutRedirect,
            ),
            // #Pangea
            // ShellRoute(
            //   pageBuilder: (context, state, child) => defaultPageBuilder(
            //     context,
            //     state,
            //     FluffyThemes.isColumnMode(context)
            //         ? TwoColumnLayout(
            //             mainView: PangeaSideView(path: state.fullPath),
            //             sideView: child,
            //           )
            //         : child,
            //   ),
            //   routes: [
            GoRoute(
              path: 'course',
              pageBuilder: (context, state) => defaultPageBuilder(
                context,
                state,
                const AddCoursePage(route: 'rooms'),
              ),
              routes: [
                GoRoute(
                  path: 'private',
                  pageBuilder: (context, state) {
                    return defaultPageBuilder(
                      context,
                      state,
                      const CourseCodePage(),
                    );
                  },
                ),
                GoRoute(
                  path: 'public',
                  pageBuilder: (context, state) {
                    return defaultPageBuilder(
                      context,
                      state,
                      const PublicCoursesPage(
                        route: 'rooms',
                      ),
                    );
                  },
                  routes: [
                    GoRoute(
                      path: ':courseid',
                      pageBuilder: (context, state) {
                        return defaultPageBuilder(
                          context,
                          state,
                          SelectedCourse(
                            state.pathParameters['courseid']!,
                            SelectedCourseMode.join,
                            roomChunk: state.extra as PublicRoomsChunk?,
                          ),
                        );
                      },
                    ),
                  ],
                ),
                GoRoute(
                  path: 'own',
                  pageBuilder: (context, state) {
                    return defaultPageBuilder(
                      context,
                      state,
                      const NewCoursePage(route: 'rooms'),
                    );
                  },
                  routes: [
                    GoRoute(
                      path: ':courseid',
                      pageBuilder: (context, state) {
                        return defaultPageBuilder(
                          context,
                          state,
                          SelectedCourse(
                            state.pathParameters['courseid']!,
                            SelectedCourseMode.launch,
                          ),
                        );
                      },
                      routes: [
                        GoRoute(
                          path: 'invite',
                          pageBuilder: (context, state) {
                            return defaultPageBuilder(
                              context,
                              state,
                              CourseInvitePage(
                                state.pathParameters['courseid']!,
                                courseCreationCompleter:
                                    state.extra as Completer<String>?,
                              ),
                            );
                          },
                        ),
                      ],
                    ),
                  ],
                ),
              ],
            ),
            GoRoute(
              path: 'analytics',
              redirect: loggedOutRedirect,
              pageBuilder: (context, state) => defaultPageBuilder(
                context,
                state,
                FluffyThemes.isColumnMode(context)
                    ? const EmptyAnalyticsPage()
                    : const ConstructAnalyticsView(
                        view: ConstructTypeEnum.vocab,
                      ),
              ),
              routes: [
                GoRoute(
                  path: ConstructTypeEnum.morph.string,
                  pageBuilder: (context, state) => defaultPageBuilder(
                    context,
                    state,
                    FluffyThemes.isColumnMode(context)
                        ? const EmptyAnalyticsPage()
                        : const ConstructAnalyticsView(
                            view: ConstructTypeEnum.morph,
                          ),
                  ),
                  redirect: loggedOutRedirect,
                  routes: [
                    GoRoute(
                      path: ':construct',
                      pageBuilder: (context, state) {
                        final construct = ConstructIdentifier.fromJson(
                          jsonDecode(state.pathParameters['construct']!),
                        );

                        return defaultPageBuilder(
                          context,
                          state,
                          ConstructAnalyticsView(
                            construct: construct,
                            view: ConstructTypeEnum.morph,
                          ),
                        );
                      },
                    ),
                  ],
                ),
                GoRoute(
                  path: ConstructTypeEnum.vocab.string,
                  pageBuilder: (context, state) => defaultPageBuilder(
                    context,
                    state,
                    FluffyThemes.isColumnMode(context)
                        ? const EmptyAnalyticsPage()
                        : const ConstructAnalyticsView(
                            view: ConstructTypeEnum.vocab,
                          ),
                  ),
                  redirect: loggedOutRedirect,
                  routes: [
                    GoRoute(
                      path: 'practice',
                      pageBuilder: (context, state) {
                        return defaultPageBuilder(
                          context,
                          state,
                          const VocabPractice(),
                        );
                      },
                    ),
                    GoRoute(
                      path: ':construct',
                      pageBuilder: (context, state) {
                        final construct = ConstructIdentifier.fromJson(
                          jsonDecode(state.pathParameters['construct']!),
                        );
                        return defaultPageBuilder(
                          context,
                          state,
                          ConstructAnalyticsView(
                            construct: construct,
                            view: ConstructTypeEnum.vocab,
                          ),
                        );
                      },
                    ),
                  ],
                ),
                GoRoute(
                  path: 'activities',
                  pageBuilder: (context, state) => defaultPageBuilder(
                    context,
                    state,
                    FluffyThemes.isColumnMode(context)
                        ? const EmptyAnalyticsPage()
                        : const ActivityArchive(),
                  ),
                  redirect: loggedOutRedirect,
                  routes: [
                    GoRoute(
                      path: ':roomid',
                      pageBuilder: (context, state) => defaultPageBuilder(
                        context,
                        state,
                        ChatPage(
                          roomId: state.pathParameters['roomid']!,
                          eventId: state.uri.queryParameters['event'],
                          backButton: BackButton(
                            onPressed: () {
                              AnalyticsNavigationUtil.navigateToAnalytics(
                                context: context,
                                view: ProgressIndicatorEnum.activities,
                              );
                            },
                          ),
                        ),
                      ),
                      redirect: loggedOutRedirect,
                    ),
                  ],
                ),
                GoRoute(
                  path: 'level',
                  pageBuilder: (context, state) => defaultPageBuilder(
                    context,
                    state,
                    FluffyThemes.isColumnMode(context)
                        ? const EmptyAnalyticsPage()
                        : const LevelAnalyticsDetailsContent(),
                  ),
                  redirect: loggedOutRedirect,
                ),
              ],
            ),
            // Pangea#
            // #Pangea
            // ShellRoute(
            //   pageBuilder: (context, state, child) => defaultPageBuilder(
            //     context,
            //     state,
            //     FluffyThemes.isColumnMode(context)
            //         ? TwoColumnLayout(
            //             mainView: Settings(key: state.pageKey),
            //             sideView: child,
            //           )
            //         : child,
            //   ),
            //   routes: [
            // Pangea#
            GoRoute(
              path: 'settings',
              pageBuilder: (context, state) => defaultPageBuilder(
                context,
                state,
                FluffyThemes.isColumnMode(context)
                    ? const EmptyPage()
                    : const Settings(),
              ),
              routes: [
                GoRoute(
                  path: 'notifications',
                  pageBuilder: (context, state) => defaultPageBuilder(
                    context,
                    state,
                    const SettingsNotifications(),
                  ),
                  redirect: loggedOutRedirect,
                ),
                GoRoute(
                  path: 'style',
                  pageBuilder: (context, state) => defaultPageBuilder(
                    context,
                    state,
                    const SettingsStyle(),
                  ),
                  redirect: loggedOutRedirect,
                ),
                GoRoute(
                  path: 'devices',
                  pageBuilder: (context, state) => defaultPageBuilder(
                    context,
                    state,
                    const DevicesSettings(),
                  ),
                  redirect: loggedOutRedirect,
                ),
                GoRoute(
                  path: 'chat',
                  pageBuilder: (context, state) => defaultPageBuilder(
                    context,
                    state,
                    const SettingsChat(),
                  ),
                  routes: [
                    GoRoute(
                      path: 'emotes',
                      pageBuilder: (context, state) => defaultPageBuilder(
                        context,
                        state,
                        const EmotesSettings(),
                      ),
                    ),
                  ],
                  redirect: loggedOutRedirect,
                ),
                // #Pangea
                // GoRoute(
                //   path: 'addaccount',
                //   redirect: loggedOutRedirect,
                //   pageBuilder: (context, state) => defaultPageBuilder(
                //     context,
                //     state,
                //     const HomeserverPicker(addMultiAccount: true),
                //   ),
                //   routes: [
                //     GoRoute(
                //       path: 'login',
                //       pageBuilder: (context, state) => defaultPageBuilder(
                //         context,
                //         state,
                //         Login(client: state.extra as Client),
                //       ),
                //       redirect: loggedOutRedirect,
                //     ),
                //   ],
                // ),
                // Pangea#
                GoRoute(
                  path: 'homeserver',
                  pageBuilder: (context, state) {
                    return defaultPageBuilder(
                      context,
                      state,
                      const SettingsHomeserver(),
                    );
                  },
                  redirect: loggedOutRedirect,
                ),
                GoRoute(
                  path: 'security',
                  redirect: loggedOutRedirect,
                  pageBuilder: (context, state) => defaultPageBuilder(
                    context,
                    state,
                    const SettingsSecurity(),
                  ),
                  routes: [
                    GoRoute(
                      path: 'password',
                      pageBuilder: (context, state) {
                        return defaultPageBuilder(
                          context,
                          state,
                          const SettingsPassword(),
                        );
                      },
                      redirect: loggedOutRedirect,
                    ),
                    GoRoute(
                      path: 'ignorelist',
                      pageBuilder: (context, state) {
                        return defaultPageBuilder(
                          context,
                          state,
                          SettingsIgnoreList(
                            initialUserId: state.extra?.toString(),
                          ),
                        );
                      },
                      redirect: loggedOutRedirect,
                    ),
                    GoRoute(
                      path: '3pid',
                      pageBuilder: (context, state) => defaultPageBuilder(
                        context,
                        state,
                        const Settings3Pid(),
                      ),
                      redirect: loggedOutRedirect,
                    ),
                  ],
                ),
                // #Pangea
                GoRoute(
                  path: 'learning',
                  pageBuilder: (context, state) => defaultPageBuilder(
                    context,
                    state,
                    const SettingsLearning(
                      isDialog: false,
                    ),
                  ),
                  redirect: loggedOutRedirect,
                ),
                GoRoute(
                  path: 'subscription',
                  pageBuilder: (context, state) => defaultPageBuilder(
                    context,
                    state,
                    const SubscriptionManagement(),
                  ),
                  redirect: loggedOutRedirect,
                ),
                // Pangea#
              ],
              redirect: loggedOutRedirect,
            ),
            // #Pangea
            GoRoute(
              path: 'spaces',
              pageBuilder: (context, state) => defaultPageBuilder(
                context,
                state,
                const EmptyPage(),
              ),
              redirect: (context, state) {
                if (state.pathParameters['spaceid'] == null) {
                  return "/rooms";
                }
                return loggedOutRedirect(context, state);
              },
              routes: [
                GoRoute(
                  path: ':spaceid',
                  pageBuilder: (context, state) => defaultPageBuilder(
                    context,
                    state,
                    ChatDetails(
                      roomId: state.pathParameters['spaceid']!,
                      activeTab: state.uri.queryParameters['tab'],
                    ),
                  ),
                  redirect: loggedOutRedirect,
                  routes: [
                    GoRoute(
                      path: 'details',
                      pageBuilder: (context, state) => defaultPageBuilder(
                        context,
                        state,
                        const EmptyPage(),
                      ),
                      redirect: (context, state) {
                        String subroute =
                            state.fullPath?.split(":spaceid/details").last ??
                                "";

                        if (state.uri.queryParameters.isNotEmpty) {
                          final queryString = state.uri.queryParameters.entries
                              .map((e) => '${e.key}=${e.value}')
                              .join('&');
                          subroute = '$subroute?$queryString';
                        }
                        return "/rooms/spaces/${state.pathParameters['spaceid']}$subroute";
                      },
                      routes: roomDetailsRoutes('spaceid'),
                    ),
                    ...roomDetailsRoutes('spaceid'),
                    GoRoute(
                      path: 'addcourse',
                      pageBuilder: (context, state) => defaultPageBuilder(
                        context,
                        state,
                        NewCoursePage(
                          route: 'rooms',
                          spaceId: state.pathParameters['spaceid']!,
                        ),
                      ),
                      redirect: loggedOutRedirect,
                      routes: [
                        GoRoute(
                          path: ':courseId',
                          pageBuilder: (context, state) => defaultPageBuilder(
                            context,
                            state,
                            SelectedCourse(
                              state.pathParameters['courseId']!,
                              SelectedCourseMode.addToSpace,
                              spaceId: state.pathParameters['spaceid']!,
                            ),
                          ),
                          redirect: loggedOutRedirect,
                        ),
                      ],
                    ),
                    GoRoute(
                      path: 'activity/:activityid',
                      pageBuilder: (context, state) => defaultPageBuilder(
                        context,
                        state,
                        ActivitySessionStartPage(
                          activityId: state.pathParameters['activityid']!,
                          roomId: state.uri.queryParameters['roomid'],
                          parentId: state.pathParameters['spaceid']!,
                          launch: state.uri.queryParameters['launch'] == 'true',
                        ),
                      ),
                      redirect: loggedOutRedirect,
                    ),
                    GoRoute(
                      path: ':roomid',
                      pageBuilder: (context, state) {
                        final body = state.uri.queryParameters['body'];
                        var shareItems = state.extra is List<ShareItem>
                            ? state.extra as List<ShareItem>
                            : null;
                        if (body != null && body.isNotEmpty) {
                          shareItems ??= [];
                          shareItems.add(TextShareItem(body));
                        }
                        return defaultPageBuilder(
                          context,
                          state,
                          ChatPage(
                            roomId: state.pathParameters['roomid']!,
                            shareItems: shareItems,
                            eventId: state.uri.queryParameters['event'],
                          ),
                        );
                      },
                      redirect: loggedOutRedirect,
                      routes: [
                        GoRoute(
                          path: 'search',
                          pageBuilder: (context, state) => defaultPageBuilder(
                            context,
                            state,
                            ChatSearchPage(
                              roomId: state.pathParameters['roomid']!,
                            ),
                          ),
                          redirect: loggedOutRedirect,
                        ),
                        GoRoute(
                          path: 'invite',
                          pageBuilder: (context, state) => defaultPageBuilder(
                            context,
                            state,
                            PangeaInvitationSelection(
                              roomId: state.pathParameters['roomid']!,
                              initialFilter:
                                  state.uri.queryParameters['filter'] != null
                                      ? InvitationFilter.fromString(
                                          state.uri.queryParameters['filter']!,
                                        )
                                      : null,
                            ),
                          ),
                          redirect: loggedOutRedirect,
                        ),
                        GoRoute(
                          path: 'details',
                          pageBuilder: (context, state) => defaultPageBuilder(
                            context,
                            state,
                            ChatDetails(
                              roomId: state.pathParameters['roomid']!,
                            ),
                          ),
                          routes: roomDetailsRoutes('roomid'),
                          redirect: loggedOutRedirect,
                        ),
                      ],
                    ),
                  ],
                ),
              ],
            ),
            // Pangea#
            GoRoute(
              path: ':roomid',
              pageBuilder: (context, state) {
                final body = state.uri.queryParameters['body'];
                var shareItems = state.extra is List<ShareItem>
                    ? state.extra as List<ShareItem>
                    : null;
                if (body != null && body.isNotEmpty) {
                  shareItems ??= [];
                  shareItems.add(TextShareItem(body));
                }
                return defaultPageBuilder(
                  context,
                  state,
                  ChatPage(
                    roomId: state.pathParameters['roomid']!,
                    shareItems: shareItems,
                    eventId: state.uri.queryParameters['event'],
                  ),
                );
              },
              redirect: loggedOutRedirect,
              routes: [
                GoRoute(
                  path: 'search',
                  pageBuilder: (context, state) => defaultPageBuilder(
                    context,
                    state,
                    ChatSearchPage(
                      roomId: state.pathParameters['roomid']!,
                    ),
                  ),
                  redirect: loggedOutRedirect,
                ),
                // #Pangea
                // GoRoute(
                //   path: 'encryption',
                //   pageBuilder: (context, state) => defaultPageBuilder(
                //     context,
                //     state,
                //     const ChatEncryptionSettings(),
                //   ),
                //   redirect: loggedOutRedirect,
                // ),
                // Pangea#
                GoRoute(
                  path: 'invite',
                  pageBuilder: (context, state) => defaultPageBuilder(
                    context,
                    state,
                    PangeaInvitationSelection(
                      roomId: state.pathParameters['roomid']!,
                      initialFilter: state.uri.queryParameters['filter'] != null
                          ? InvitationFilter.fromString(
                              state.uri.queryParameters['filter']!,
                            )
                          : null,
                    ),
                  ),
                  redirect: loggedOutRedirect,
                ),
                GoRoute(
                  path: 'details',
                  pageBuilder: (context, state) => defaultPageBuilder(
                    context,
                    state,
                    ChatDetails(
                      roomId: state.pathParameters['roomid']!,
                    ),
                  ),
                  // #Pangea
                  routes: roomDetailsRoutes('roomid'),
                  // routes: [
                  //   GoRoute(
                  //     path: 'access',
                  //     pageBuilder: (context, state) => defaultPageBuilder(
                  //       context,
                  //       state,
                  //       ChatAccessSettings(
                  //         roomId: state.pathParameters['roomid']!,
                  //       ),
                  //     ),
                  //     redirect: loggedOutRedirect,
                  //   ),
                  //   GoRoute(
                  //     path: 'members',
                  //     pageBuilder: (context, state) => defaultPageBuilder(
                  //       context,
                  //       state,
                  //       ChatMembersPage(
                  //         roomId: state.pathParameters['roomid']!,
                  //       ),
                  //     ),
                  //     redirect: loggedOutRedirect,
                  //   ),
                  //   GoRoute(
                  //     path: 'permissions',
                  //     pageBuilder: (context, state) => defaultPageBuilder(
                  //       context,
                  //       state,
                  //       const ChatPermissionsSettings(),
                  //     ),
                  //     redirect: loggedOutRedirect,
                  //   ),
                  //   GoRoute(
                  //     path: 'invite',
                  //     pageBuilder: (context, state) => defaultPageBuilder(
                  //       context,
                  //       state,
                  //       PangeaInvitationSelection(
                  //         roomId: state.pathParameters['roomid']!,
                  //         initialFilter:
                  //             state.uri.queryParameters['filter'] != null
                  //                 ? InvitationFilter.fromString(
                  //                     state.uri.queryParameters['filter']!,
                  //                   )
                  //                 : null,
                  //       ),
                  //     ),
                  //     redirect: loggedOutRedirect,
                  //   ),
                  //   GoRoute(
                  //     path: 'multiple_emotes',
                  //     pageBuilder: (context, state) => defaultPageBuilder(
                  //       context,
                  //       state,
                  //       const MultipleEmotesSettings(),
                  //     ),
                  //     redirect: loggedOutRedirect,
                  //   ),
                  //   GoRoute(
                  //     path: 'emotes',
                  //     pageBuilder: (context, state) => defaultPageBuilder(
                  //       context,
                  //       state,
                  //       const EmotesSettings(),
                  //     ),
                  //     redirect: loggedOutRedirect,
                  //   ),
                  //   GoRoute(
                  //     path: 'emotes/:state_key',
                  //     pageBuilder: (context, state) => defaultPageBuilder(
                  //       context,
                  //       state,
                  //       const EmotesSettings(),
                  //     ),
                  //     redirect: loggedOutRedirect,
                  //   ),
                  // ],
                  // Pangea#
                  redirect: loggedOutRedirect,
                ),
              ],
            ),
          ],
        ),
      ],
    ),
  ];

  static Page noTransitionPageBuilder(
    BuildContext context,
    GoRouterState state,
    Widget child,
  ) =>
      NoTransitionPage(
        key: state.pageKey,
        restorationId: state.pageKey.value,
        child: child,
      );

  static Page defaultPageBuilder(
    BuildContext context,
    GoRouterState state,
    Widget child,
  ) =>
      // #Pangea
      noTransitionPageBuilder(context, state, child);
  // FluffyThemes.isColumnMode(context)
  //     ? noTransitionPageBuilder(context, state, child)
  //     : MaterialPage(
  //         key: state.pageKey,
  //         restorationId: state.pageKey.value,
  //         child: child,
  //       );
  // Pangea#

  // #Pangea
  static List<RouteBase> get newRoomRoutes => [
        GoRoute(
          path: 'newgroup',
          pageBuilder: (context, state) => defaultPageBuilder(
            context,
            state,
            const NewGroup(),
          ),
          redirect: loggedOutRedirect,
        ),
        GoRoute(
          path: 'newspace',
          pageBuilder: (context, state) => defaultPageBuilder(
            context,
            state,
            const NewGroup(createGroupType: CreateGroupType.space),
          ),
          redirect: loggedOutRedirect,
        ),
      ];

  static List<RouteBase> roomDetailsRoutes(String roomKey) => [
        GoRoute(
          path: '/edit',
          redirect: loggedOutRedirect,
          pageBuilder: (context, state) => defaultPageBuilder(
            context,
            state,
            EditCourse(roomId: state.pathParameters[roomKey]!),
          ),
        ),
        GoRoute(
          path: '/analytics',
          redirect: loggedOutRedirect,
          pageBuilder: (context, state) => defaultPageBuilder(
            context,
            state,
            SpaceAnalytics(
              roomId: state.pathParameters[roomKey]!,
            ),
          ),
        ),
        GoRoute(
          path: 'access',
          pageBuilder: (context, state) => defaultPageBuilder(
            context,
            state,
            ChatAccessSettings(
              roomId: state.pathParameters[roomKey]!,
            ),
          ),
          redirect: loggedOutRedirect,
        ),
        GoRoute(
          path: 'members',
          pageBuilder: (context, state) => defaultPageBuilder(
            context,
            state,
            ChatMembersPage(
              roomId: state.pathParameters[roomKey]!,
              filter: state.uri.queryParameters['filter'],
            ),
          ),
          redirect: loggedOutRedirect,
        ),
        GoRoute(
          path: 'permissions',
          pageBuilder: (context, state) => defaultPageBuilder(
            context,
            state,
            const ChatPermissionsSettings(),
          ),
          redirect: loggedOutRedirect,
        ),
        GoRoute(
          path: 'invite',
          pageBuilder: (context, state) => defaultPageBuilder(
            context,
            state,
            PangeaInvitationSelection(
              roomId: state.pathParameters[roomKey]!,
              initialFilter: state.uri.queryParameters['filter'] != null
                  ? InvitationFilter.fromString(
                      state.uri.queryParameters['filter']!,
                    )
                  : null,
            ),
          ),
          redirect: loggedOutRedirect,
        ),
        GoRoute(
          path: 'multiple_emotes',
          pageBuilder: (context, state) => defaultPageBuilder(
            context,
            state,
            const MultipleEmotesSettings(),
          ),
          redirect: loggedOutRedirect,
        ),
        GoRoute(
          path: 'emotes',
          pageBuilder: (context, state) => defaultPageBuilder(
            context,
            state,
            const EmotesSettings(),
          ),
          redirect: loggedOutRedirect,
        ),
        GoRoute(
          path: 'emotes/:state_key',
          pageBuilder: (context, state) => defaultPageBuilder(
            context,
            state,
            const EmotesSettings(),
          ),
          redirect: loggedOutRedirect,
        ),
      ];
  // Pangea#
}