apim-developer-portal2/src/routing/oldContentRouteGuard.ts

API management developer portal

import { RouteGuard, Route } from "@paperbits/common/routing";
import { ViewManager } from "@paperbits/common/ui/viewManager";
import { Toast } from "@paperbits/common/ui";

export class OldContentRouteGuard implements RouteGuard {
    private toast: Toast;

    constructor(private readonly viewManager: ViewManager) { }

    public async canActivate(route: Route): Promise<boolean> {
        if (sessionStorage.getItem("OldContent") || this.toast) {
            return true;
        }

        const editorHost: any = window.document.querySelector("iframe.host");
        if (editorHost) {
            const deprecatedNavbar = editorHost.contentDocument.body.querySelector("nav .navbar-brand");
            if (deprecatedNavbar) {
                this.toast = this.viewManager.addToast("Deprecated content detected", `Your developer portal's content is based off the pre-production version of default content. <a href="https://aka.ms/apimdocs/portal#preview-to-ga" target="_blank">Learn about the problems it may cause and how to switch to the production version of content</a>.`);
                setTimeout(() => {
                    this.viewManager.removeToast(this.toast);
                    sessionStorage.setItem("OldContent", "shown");
                }, 15000);
            }
        }
        
        return true;
    }
}