ranwahle

async canGoOn(routeData, guard) {

    if (guard) {
        return await guard(routeData)
    }

    return true;
}

ranwahle

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


    this.currentSnapshot = this.routingSnapshotTreeBuilder.buildRouteTree(url);

ranwahle

{
        path: 'image/:index',
        element: 'div',
        attributes: {is: 'detailed-image'},
        guard: imageExistGuard
}

ranwahle

const imageExistGuard = async path => {

    if (!path) {
        console.error('no path')
        return false
    }
    const imageId = path.split('/')[2]

    if (!imageId) {
        return false

ranwahle

const imageExistGuard = async path => {

    if (!path) {
        console.error('no path')
        return false
    }
    const imageId = path.split('/')[2]

    if (!imageId) {
        return false

ranwahle

async function letMeNotifyYouAndPleaseDontRevoke() {
  
  // Get the permission status
  const status = await navigator.permissions.request({name: 'notifications'});
  
  //Handle the change
  status.onchange = changeEvent => {
    // Although we have the status on the outer scope, we will use it as the target
    const newState = changeEvent.target.state;
    // Show alert if the permission is not granted 

ranwahle

async function stopNotifying() {
 return await navigator.permissions.revoke({name: 'notifications'})
}
// Will return a promise of an update PermissionStatus, 
// while its state will be 'prompt' if it has been previously granted.

ranwahle

async function pleaseLetMeUseBothNotificationsAndCamera() {
  return await navigator.permissions.requestAll([{name: 'camera'},
  {name: 'notifications'}]).
}

// This will return a promise of an array of two permission statuses 

ranwahle

async function pleaseLetMeNotify() {
  return await navigator.permissions.request({name: 'notifications'});
}
// Retuns a promise of a PermissionStatusObject 

ranwahle

async function mayINotify() {
  return await navigator.permission.query({name: 'notifications'});
} 

// This will return a promise of PermssionStatus object