ranwahle

const form = document.querySelector("form");
form.addEventListener("submit", submitUserData);

ranwahle

const getArguments = require('get-arguments-lib'); // Getting port & proxy hostname for arguments
const read = require('read'); // Use to silence password

const args = getArguments(process.argv);


const port = args.port || 8080;
const hostname = args.hostname

ranwahle

export const mapArrayItems = (data = []) => {
    if (!Array.isArray(data)) {
        return null;
    }   
    return data.map((item) => {
       // some mapping
    })
}

ranwahle

export const mapTreeNodes = (data = []) => data.map((item) => {
   // Do somethong 
})

ranwahle

window.onpopstate = async (e) => {
            const treeBuilder = module.Router.router.routingSnapshotTreeBuilder
            const prevUrl = history.state && history.state.prev;
            const currentRouteData = treeBuilder.buildRouteTree(prevUrl);
            const router = module.Router.router
            if (await router.canGoOn(window.location.pathname, null, currentRouteData && currentRouteData.deactivateGuard, prevUrl )) {
                this.changeRoute(window.location.pathname)
            } else {
                history.back();
            }

ranwahle

async navigate(url) {
        // Check if you may exit the current URL

        const oldRouteData =  this.routingSnapshotTreeBuilder.buildRouteTree(window.location.pathname);


        try {
            url = url === '/' ? url :  new URL(url).pathname;
        } catch (err) {
            throw Error(`Cannot construct url from ${url}`)

ranwahle

 async canGoOn(routeData, guard, oldGuard, prevUrl) {

        let result = true;
        if (oldGuard) {
            result = await oldGuard(prevUrl);
        }
        if (guard && result) {
            result = await guard(routeData)
        }

ranwahle

 {
    path: '/addImage',
    element: 'div',
    attributes: {is: 'add-image'},
    deactivateGuard: confirmExit
}

ranwahle

const confirmExit = async () => {
    const confirmModal =  document.createElement('confirm-modal');
    confirmModal.comfirmQuestion = 'Are you sure?';
    document.body.appendChild(confirmModal);
    const result = await confirmModal.getUserResult();

    document.body.removeChild(confirmModal);

    return result;
}

ranwahle

async changeRoute(newRoute) {

        const treeBuilder = module.Router.router.routingSnapshotTreeBuilder
        const router = module.Router.router
        const newRouteData = treeBuilder.buildRouteTree(newRoute)

        if (!newRouteData) {
            throw Error(`Could not build tree for ${newRoute}`)
        }