@merkur/plugin-router 0.38.0 → 0.40.0

package/README.md

@@ -1,6 +1,6 @@
 <p align="center">
   <a href="https://merkur.js.org/docs/getting-started" title="Getting started">
-    <img src="https://raw.githubusercontent.com/mjancarik/merkur/master/images/merkur-illustration.png" width="100px" height="100px" alt="Merkur illustration"/>
+    <img src="https://raw.githubusercontent.com/mjancarik/merkur/master/images/merkur-logo.png" width="100px" height="100px" alt="Merkur illustration"/>
   </a>
 </p>
 

package/lib/RouterEvents.cjs

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var RouterEvents = Object.freeze({
-  REDIRECT: '@merkur/plugin-router.redirect',
+  REDIRECT: '@merkur/plugin-router.redirect'
 });
 
 exports.default = RouterEvents;

package/lib/RouterEvents.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var RouterEvents = Object.freeze({
-  REDIRECT: '@merkur/plugin-router.redirect',
+  REDIRECT: '@merkur/plugin-router.redirect'
 });
 
 exports.default = RouterEvents;

package/lib/RouterEvents.mjs

@@ -1,5 +1,5 @@
 var RouterEvents = Object.freeze({
-  REDIRECT: '@merkur/plugin-router.redirect',
+  REDIRECT: '@merkur/plugin-router.redirect'
 });
 
 export { RouterEvents as default };

package/lib/index.cjs

@@ -5,19 +5,16 @@ var UniversalRouter = require('universal-router');
 var generateUrls = require('universal-router/generateUrls');
 
 var RouterEvents = Object.freeze({
-  REDIRECT: '@merkur/plugin-router.redirect',
+  REDIRECT: '@merkur/plugin-router.redirect'
 });
 
 const DEV = 'development';
-const ENV =
-  typeof process !== 'undefined' && process && process.env
-    ? process.env.NODE_ENV
-    : DEV;
-
+const ENV = typeof process !== 'undefined' && process && process.env ? process.env.NODE_ENV : DEV;
 function createRouter(widget, routes, options) {
   let wrappedRoutes = routes.reduce((result, route) => {
-    const clonedRoute = { ...route };
-
+    const clonedRoute = {
+      ...route
+    };
     if (core.isFunction(clonedRoute.action)) {
       const originAction = clonedRoute.action;
       clonedRoute.action = (...rest) => {
@@ -25,28 +22,22 @@ function createRouter(widget, routes, options) {
         // For some application can be helpful to have named route parameters and query parameters merged
         // because link method support both named parameters and query parameters
         widget.$in.router.context = rest[0];
-
         return originAction(...rest);
       };
     }
-
     result.push(clonedRoute);
-
     return result;
   }, []);
-
   widget.$dependencies.router = new UniversalRouter(wrappedRoutes, options);
   widget.$dependencies.link = generateUrls(widget.$dependencies.router, {
-    stringifyQueryParams: (params) => new URLSearchParams(params).toString(),
+    stringifyQueryParams: params => new URLSearchParams(params).toString()
   });
   widget.$in.router.options = options;
 }
-
 function routerPlugin() {
   return {
     async setup(widget) {
       core.assignMissingKeys(widget, routerAPI());
-
       widget.$in.router = {
         route: null,
         context: null,
@@ -54,72 +45,58 @@ function routerPlugin() {
         pathname: null,
         isMounting: false,
         isRouteActivated: false,
-        isBootstrapCalled: false,
+        isBootstrapCalled: false
       };
-
       core.bindWidgetToFunctions(widget, widget.router);
-
       return widget;
     },
     async create(widget) {
       if (ENV === DEV) {
         if (!widget.$in.component) {
-          throw new Error(
-            'You must install missing plugin: npm i @merkur/plugin-component',
-          );
+          throw new Error('You must install missing plugin: npm i @merkur/plugin-component');
         }
-
         if (!widget.$in.eventEmitter) {
-          throw new Error(
-            'You must install missing plugin: npm i @merkur/plugin-event-emitter',
-          );
+          throw new Error('You must install missing plugin: npm i @merkur/plugin-event-emitter');
         }
       }
-
-      widget.$in.component.lifeCycle = core.setDefaultValueForUndefined(
-        widget.$in.component.lifeCycle,
-        ['load'],
-        () => {},
-      );
+      widget.$in.component.lifeCycle = core.setDefaultValueForUndefined(widget.$in.component.lifeCycle, ['load'], () => {});
       core.hookMethod(widget, '$in.component.lifeCycle.load', loadHook);
       core.hookMethod(widget, 'bootstrap', bootstrapHook);
       core.hookMethod(widget, 'mount', mountHook);
       core.hookMethod(widget, 'unmount', unmountHook);
       core.hookMethod(widget, 'update', updateHook);
-
       return widget;
-    },
+    }
   };
 }
-
 function getOrigin(widget) {
-  const { protocol, host } = widget.$in.router.options;
-
+  const {
+    protocol,
+    host
+  } = widget.$in.router.options;
   if (!host) {
     return '';
   }
-
   if (!protocol) {
     return `//${host}`;
   }
-
   return `${protocol.replace(':', '').trim()}://${host.trim()}`;
 }
-
 function routerAPI() {
   return {
     router: {
       redirect(widget, url, data = {}) {
-        widget.emit(RouterEvents.REDIRECT, { url, ...data });
+        widget.emit(RouterEvents.REDIRECT, {
+          url,
+          ...data
+        });
       },
       link(widget, routeName, data = {}) {
         const origin = getOrigin(widget);
         const path = widget.$dependencies.link(routeName, data);
-
         if (origin && path === '/') {
           return origin;
         }
-
         return `${origin}${path}`;
       },
       getCurrentRoute(widget) {
@@ -127,181 +104,143 @@ function routerAPI() {
       },
       getCurrentContext(widget) {
         return widget.$in.router.context;
-      },
-    },
+      }
+    }
   };
 }
-
 async function bootstrapHook(widget, originalBootstrap, ...rest) {
   if (widget.$in.router.isBootstrapCalled) {
     return;
   }
-
   widget.$in.router.isBootstrapCalled = true;
-
   return originalBootstrap(...rest);
 }
 
 // hook Component
 async function loadHook(widget, originalLoad, ...rest) {
   const plugin = widget.$in.router;
-
   if (!plugin.isMounting && widget.props.pathname !== plugin.pathname) {
     await tearDownRouterCycle(widget, ...rest);
-
     await setupRouterCycle(widget, ...rest);
   }
-
   if (!core.isFunction(plugin.route.load)) {
     throw new Error('The load method is mandatory.');
   }
-
-  const globalStatePromise = core.isFunction(originalLoad)
-    ? originalLoad(widget, ...rest)
-    : Promise.resolve({});
+  const globalStatePromise = core.isFunction(originalLoad) ? originalLoad(widget, ...rest) : Promise.resolve({});
   const routeStatePromise = plugin.route.load(widget, {
     route: plugin.route,
     context: plugin.context,
     args: rest,
-    globalState: globalStatePromise,
+    globalState: globalStatePromise
   });
-
-  const [globalState, routeState] = await Promise.all([
-    globalStatePromise,
-    routeStatePromise,
-  ]);
-
-  return { ...globalState, ...routeState };
+  const [globalState, routeState] = await Promise.all([globalStatePromise, routeStatePromise]);
+  return {
+    ...globalState,
+    ...routeState
+  };
 }
 
 // hook Component
 async function mountHook(widget, originalMount, ...rest) {
   await widget.bootstrap(...rest);
-
   const plugin = widget.$in.router;
   if (!plugin.route) {
     await resolveRoute(widget);
     plugin.isMounting = true;
   }
-
   const result = await originalMount(...rest);
-
   if (plugin.isMounting && core.isFunction(plugin.route.init)) {
     await plugin.route.init(widget, {
       route: plugin.route,
       context: plugin.context,
-      args: rest,
+      args: rest
     });
   }
-
-  if (
-    core.isFunction(plugin.route.activate) &&
-    isClient() &&
-    !plugin.isRouteActivated
-  ) {
+  if (core.isFunction(plugin.route.activate) && isClient() && !plugin.isRouteActivated) {
     plugin.isRouteActivated = true;
     plugin.route.activate(widget, {
       route: plugin.route,
       context: plugin.context,
-      args: rest,
+      args: rest
     });
   }
-
   plugin.isMounting = false;
-
   return result;
 }
 
 // hook Component
 async function updateHook(widget, originalUpdate, ...rest) {
   const result = await originalUpdate(...rest);
-
   const plugin = widget.$in.router;
-
-  if (
-    core.isFunction(plugin.route.activate) &&
-    isClient() &&
-    !plugin.isRouteActivated
-  ) {
+  if (core.isFunction(plugin.route.activate) && isClient() && !plugin.isRouteActivated) {
     plugin.isRouteActivated = true;
     plugin.route.activate(widget, {
       route: plugin.route,
       context: plugin.context,
-      args: rest,
+      args: rest
     });
   }
-
   return result;
 }
 
 // hook Component
 async function unmountHook(widget, originalUnmount, ...rest) {
   const result = await originalUnmount(...rest);
-
   await tearDownRouterCycle(widget, ...rest);
-
   return result;
 }
-
 async function resolveRoute(widget) {
   if (ENV === DEV) {
     if (!widget.props.pathname) {
       throw new Error('The props pathname is not defined.');
     }
-
     if (!widget.$dependencies.router) {
-      throw new Error(
-        'You must add calling of createRouter(widget, routes, options) to widget.setup method.',
-      );
+      throw new Error('You must add calling of createRouter(widget, routes, options) to widget.setup method.');
     }
   }
-
   const route = await widget.$dependencies.router.resolve({
     pathname: widget.props.pathname,
-    widget,
+    widget
   });
-
   widget.$in.router.route = route;
   widget.$in.router.pathname = widget.props.pathname;
-
   return route;
 }
-
 async function setupRouterCycle(widget, ...rest) {
   const route = await resolveRoute(widget);
   const plugin = widget.$in.router;
-
   if (core.isFunction(route.init)) {
-    await route.init(widget, { route, context: plugin.context, args: rest });
+    await route.init(widget, {
+      route,
+      context: plugin.context,
+      args: rest
+    });
   }
 }
-
 async function tearDownRouterCycle(widget, ...rest) {
   const plugin = widget.$in.router;
-
-  const { route, isRouteActivated } = plugin;
-
+  const {
+    route,
+    isRouteActivated
+  } = plugin;
   if (route) {
     if (core.isFunction(route.deactivate) && isRouteActivated === true) {
       await route.deactivate(widget, {
         route,
         context: plugin.context,
-        args: rest,
+        args: rest
       });
     }
-
     if (core.isFunction(route.destroy)) {
       await route.destroy(widget, {
         route,
         context: plugin.context,
-        args: rest,
+        args: rest
       });
     }
   }
-
   plugin.isRouteActivated = false;
 }
-
 function isClient() {
   return typeof window !== 'undefined';
 }

package/lib/index.js

@@ -5,19 +5,16 @@ var UniversalRouter = require('universal-router');
 var generateUrls = require('universal-router/generateUrls');
 
 var RouterEvents = Object.freeze({
-  REDIRECT: '@merkur/plugin-router.redirect',
+  REDIRECT: '@merkur/plugin-router.redirect'
 });
 
 const DEV = 'development';
-const ENV =
-  typeof process !== 'undefined' && process && process.env
-    ? process.env.NODE_ENV
-    : DEV;
-
+const ENV = typeof process !== 'undefined' && process && process.env ? process.env.NODE_ENV : DEV;
 function createRouter(widget, routes, options) {
   let wrappedRoutes = routes.reduce((result, route) => {
-    const clonedRoute = { ...route };
-
+    const clonedRoute = {
+      ...route
+    };
     if (core.isFunction(clonedRoute.action)) {
       const originAction = clonedRoute.action;
       clonedRoute.action = (...rest) => {
@@ -25,28 +22,22 @@ function createRouter(widget, routes, options) {
         // For some application can be helpful to have named route parameters and query parameters merged
         // because link method support both named parameters and query parameters
         widget.$in.router.context = rest[0];
-
         return originAction(...rest);
       };
     }
-
     result.push(clonedRoute);
-
     return result;
   }, []);
-
   widget.$dependencies.router = new UniversalRouter(wrappedRoutes, options);
   widget.$dependencies.link = generateUrls(widget.$dependencies.router, {
-    stringifyQueryParams: (params) => new URLSearchParams(params).toString(),
+    stringifyQueryParams: params => new URLSearchParams(params).toString()
   });
   widget.$in.router.options = options;
 }
-
 function routerPlugin() {
   return {
     async setup(widget) {
       core.assignMissingKeys(widget, routerAPI());
-
       widget.$in.router = {
         route: null,
         context: null,
@@ -54,72 +45,58 @@ function routerPlugin() {
         pathname: null,
         isMounting: false,
         isRouteActivated: false,
-        isBootstrapCalled: false,
+        isBootstrapCalled: false
       };
-
       core.bindWidgetToFunctions(widget, widget.router);
-
       return widget;
     },
     async create(widget) {
       if (ENV === DEV) {
         if (!widget.$in.component) {
-          throw new Error(
-            'You must install missing plugin: npm i @merkur/plugin-component',
-          );
+          throw new Error('You must install missing plugin: npm i @merkur/plugin-component');
         }
-
         if (!widget.$in.eventEmitter) {
-          throw new Error(
-            'You must install missing plugin: npm i @merkur/plugin-event-emitter',
-          );
+          throw new Error('You must install missing plugin: npm i @merkur/plugin-event-emitter');
         }
       }
-
-      widget.$in.component.lifeCycle = core.setDefaultValueForUndefined(
-        widget.$in.component.lifeCycle,
-        ['load'],
-        () => {},
-      );
+      widget.$in.component.lifeCycle = core.setDefaultValueForUndefined(widget.$in.component.lifeCycle, ['load'], () => {});
       core.hookMethod(widget, '$in.component.lifeCycle.load', loadHook);
       core.hookMethod(widget, 'bootstrap', bootstrapHook);
       core.hookMethod(widget, 'mount', mountHook);
       core.hookMethod(widget, 'unmount', unmountHook);
       core.hookMethod(widget, 'update', updateHook);
-
       return widget;
-    },
+    }
   };
 }
-
 function getOrigin(widget) {
-  const { protocol, host } = widget.$in.router.options;
-
+  const {
+    protocol,
+    host
+  } = widget.$in.router.options;
   if (!host) {
     return '';
   }
-
   if (!protocol) {
     return `//${host}`;
   }
-
   return `${protocol.replace(':', '').trim()}://${host.trim()}`;
 }
-
 function routerAPI() {
   return {
     router: {
       redirect(widget, url, data = {}) {
-        widget.emit(RouterEvents.REDIRECT, { url, ...data });
+        widget.emit(RouterEvents.REDIRECT, {
+          url,
+          ...data
+        });
       },
       link(widget, routeName, data = {}) {
         const origin = getOrigin(widget);
         const path = widget.$dependencies.link(routeName, data);
-
         if (origin && path === '/') {
           return origin;
         }
-
         return `${origin}${path}`;
       },
       getCurrentRoute(widget) {
@@ -127,181 +104,143 @@ function routerAPI() {
       },
       getCurrentContext(widget) {
         return widget.$in.router.context;
-      },
-    },
+      }
+    }
   };
 }
-
 async function bootstrapHook(widget, originalBootstrap, ...rest) {
   if (widget.$in.router.isBootstrapCalled) {
     return;
   }
-
   widget.$in.router.isBootstrapCalled = true;
-
   return originalBootstrap(...rest);
 }
 
 // hook Component
 async function loadHook(widget, originalLoad, ...rest) {
   const plugin = widget.$in.router;
-
   if (!plugin.isMounting && widget.props.pathname !== plugin.pathname) {
     await tearDownRouterCycle(widget, ...rest);
-
     await setupRouterCycle(widget, ...rest);
   }
-
   if (!core.isFunction(plugin.route.load)) {
     throw new Error('The load method is mandatory.');
   }
-
-  const globalStatePromise = core.isFunction(originalLoad)
-    ? originalLoad(widget, ...rest)
-    : Promise.resolve({});
+  const globalStatePromise = core.isFunction(originalLoad) ? originalLoad(widget, ...rest) : Promise.resolve({});
   const routeStatePromise = plugin.route.load(widget, {
     route: plugin.route,
     context: plugin.context,
     args: rest,
-    globalState: globalStatePromise,
+    globalState: globalStatePromise
   });
-
-  const [globalState, routeState] = await Promise.all([
-    globalStatePromise,
-    routeStatePromise,
-  ]);
-
-  return { ...globalState, ...routeState };
+  const [globalState, routeState] = await Promise.all([globalStatePromise, routeStatePromise]);
+  return {
+    ...globalState,
+    ...routeState
+  };
 }
 
 // hook Component
 async function mountHook(widget, originalMount, ...rest) {
   await widget.bootstrap(...rest);
-
   const plugin = widget.$in.router;
   if (!plugin.route) {
     await resolveRoute(widget);
     plugin.isMounting = true;
   }
-
   const result = await originalMount(...rest);
-
   if (plugin.isMounting && core.isFunction(plugin.route.init)) {
     await plugin.route.init(widget, {
       route: plugin.route,
       context: plugin.context,
-      args: rest,
+      args: rest
     });
   }
-
-  if (
-    core.isFunction(plugin.route.activate) &&
-    isClient() &&
-    !plugin.isRouteActivated
-  ) {
+  if (core.isFunction(plugin.route.activate) && isClient() && !plugin.isRouteActivated) {
     plugin.isRouteActivated = true;
     plugin.route.activate(widget, {
       route: plugin.route,
       context: plugin.context,
-      args: rest,
+      args: rest
     });
   }
-
   plugin.isMounting = false;
-
   return result;
 }
 
 // hook Component
 async function updateHook(widget, originalUpdate, ...rest) {
   const result = await originalUpdate(...rest);
-
   const plugin = widget.$in.router;
-
-  if (
-    core.isFunction(plugin.route.activate) &&
-    isClient() &&
-    !plugin.isRouteActivated
-  ) {
+  if (core.isFunction(plugin.route.activate) && isClient() && !plugin.isRouteActivated) {
     plugin.isRouteActivated = true;
     plugin.route.activate(widget, {
       route: plugin.route,
       context: plugin.context,
-      args: rest,
+      args: rest
     });
   }
-
   return result;
 }
 
 // hook Component
 async function unmountHook(widget, originalUnmount, ...rest) {
   const result = await originalUnmount(...rest);
-
   await tearDownRouterCycle(widget, ...rest);
-
   return result;
 }
-
 async function resolveRoute(widget) {
   if (ENV === DEV) {
     if (!widget.props.pathname) {
       throw new Error('The props pathname is not defined.');
     }
-
     if (!widget.$dependencies.router) {
-      throw new Error(
-        'You must add calling of createRouter(widget, routes, options) to widget.setup method.',
-      );
+      throw new Error('You must add calling of createRouter(widget, routes, options) to widget.setup method.');
     }
   }
-
   const route = await widget.$dependencies.router.resolve({
     pathname: widget.props.pathname,
-    widget,
+    widget
   });
-
   widget.$in.router.route = route;
   widget.$in.router.pathname = widget.props.pathname;
-
   return route;
 }
-
 async function setupRouterCycle(widget, ...rest) {
   const route = await resolveRoute(widget);
   const plugin = widget.$in.router;
-
   if (core.isFunction(route.init)) {
-    await route.init(widget, { route, context: plugin.context, args: rest });
+    await route.init(widget, {
+      route,
+      context: plugin.context,
+      args: rest
+    });
   }
 }
-
 async function tearDownRouterCycle(widget, ...rest) {
   const plugin = widget.$in.router;
-
-  const { route, isRouteActivated } = plugin;
-
+  const {
+    route,
+    isRouteActivated
+  } = plugin;
   if (route) {
     if (core.isFunction(route.deactivate) && isRouteActivated === true) {
       await route.deactivate(widget, {
         route,
         context: plugin.context,
-        args: rest,
+        args: rest
       });
     }
-
     if (core.isFunction(route.destroy)) {
       await route.destroy(widget, {
         route,
         context: plugin.context,
-        args: rest,
+        args: rest
       });
     }
   }
-
   plugin.isRouteActivated = false;
 }
-
 function isClient() {
   return typeof window !== 'undefined';
 }

package/lib/index.mjs

@@ -3,19 +3,16 @@ import UniversalRouter from 'universal-router';
 import generateUrls from 'universal-router/generateUrls';
 
 var RouterEvents = Object.freeze({
-  REDIRECT: '@merkur/plugin-router.redirect',
+  REDIRECT: '@merkur/plugin-router.redirect'
 });
 
 const DEV = 'development';
-const ENV =
-  typeof process !== 'undefined' && process && process.env
-    ? process.env.NODE_ENV
-    : DEV;
-
+const ENV = typeof process !== 'undefined' && process && process.env ? process.env.NODE_ENV : DEV;
 function createRouter(widget, routes, options) {
   let wrappedRoutes = routes.reduce((result, route) => {
-    const clonedRoute = { ...route };
-
+    const clonedRoute = {
+      ...route
+    };
     if (isFunction(clonedRoute.action)) {
       const originAction = clonedRoute.action;
       clonedRoute.action = (...rest) => {
@@ -23,28 +20,22 @@ function createRouter(widget, routes, options) {
         // For some application can be helpful to have named route parameters and query parameters merged
         // because link method support both named parameters and query parameters
         widget.$in.router.context = rest[0];
-
         return originAction(...rest);
       };
     }
-
     result.push(clonedRoute);
-
     return result;
   }, []);
-
   widget.$dependencies.router = new UniversalRouter(wrappedRoutes, options);
   widget.$dependencies.link = generateUrls(widget.$dependencies.router, {
-    stringifyQueryParams: (params) => new URLSearchParams(params).toString(),
+    stringifyQueryParams: params => new URLSearchParams(params).toString()
   });
   widget.$in.router.options = options;
 }
-
 function routerPlugin() {
   return {
     async setup(widget) {
       assignMissingKeys(widget, routerAPI());
-
       widget.$in.router = {
         route: null,
         context: null,
@@ -52,72 +43,58 @@ function routerPlugin() {
         pathname: null,
         isMounting: false,
         isRouteActivated: false,
-        isBootstrapCalled: false,
+        isBootstrapCalled: false
       };
-
       bindWidgetToFunctions(widget, widget.router);
-
       return widget;
     },
     async create(widget) {
       if (ENV === DEV) {
         if (!widget.$in.component) {
-          throw new Error(
-            'You must install missing plugin: npm i @merkur/plugin-component',
-          );
+          throw new Error('You must install missing plugin: npm i @merkur/plugin-component');
         }
-
         if (!widget.$in.eventEmitter) {
-          throw new Error(
-            'You must install missing plugin: npm i @merkur/plugin-event-emitter',
-          );
+          throw new Error('You must install missing plugin: npm i @merkur/plugin-event-emitter');
         }
       }
-
-      widget.$in.component.lifeCycle = setDefaultValueForUndefined(
-        widget.$in.component.lifeCycle,
-        ['load'],
-        () => {},
-      );
+      widget.$in.component.lifeCycle = setDefaultValueForUndefined(widget.$in.component.lifeCycle, ['load'], () => {});
       hookMethod(widget, '$in.component.lifeCycle.load', loadHook);
       hookMethod(widget, 'bootstrap', bootstrapHook);
       hookMethod(widget, 'mount', mountHook);
       hookMethod(widget, 'unmount', unmountHook);
       hookMethod(widget, 'update', updateHook);
-
       return widget;
-    },
+    }
   };
 }
-
 function getOrigin(widget) {
-  const { protocol, host } = widget.$in.router.options;
-
+  const {
+    protocol,
+    host
+  } = widget.$in.router.options;
   if (!host) {
     return '';
   }
-
   if (!protocol) {
     return `//${host}`;
   }
-
   return `${protocol.replace(':', '').trim()}://${host.trim()}`;
 }
-
 function routerAPI() {
   return {
     router: {
       redirect(widget, url, data = {}) {
-        widget.emit(RouterEvents.REDIRECT, { url, ...data });
+        widget.emit(RouterEvents.REDIRECT, {
+          url,
+          ...data
+        });
       },
       link(widget, routeName, data = {}) {
         const origin = getOrigin(widget);
         const path = widget.$dependencies.link(routeName, data);
-
         if (origin && path === '/') {
           return origin;
         }
-
         return `${origin}${path}`;
       },
       getCurrentRoute(widget) {
@@ -125,181 +102,143 @@ function routerAPI() {
       },
       getCurrentContext(widget) {
         return widget.$in.router.context;
-      },
-    },
+      }
+    }
   };
 }
-
 async function bootstrapHook(widget, originalBootstrap, ...rest) {
   if (widget.$in.router.isBootstrapCalled) {
     return;
   }
-
   widget.$in.router.isBootstrapCalled = true;
-
   return originalBootstrap(...rest);
 }
 
 // hook Component
 async function loadHook(widget, originalLoad, ...rest) {
   const plugin = widget.$in.router;
-
   if (!plugin.isMounting && widget.props.pathname !== plugin.pathname) {
     await tearDownRouterCycle(widget, ...rest);
-
     await setupRouterCycle(widget, ...rest);
   }
-
   if (!isFunction(plugin.route.load)) {
     throw new Error('The load method is mandatory.');
   }
-
-  const globalStatePromise = isFunction(originalLoad)
-    ? originalLoad(widget, ...rest)
-    : Promise.resolve({});
+  const globalStatePromise = isFunction(originalLoad) ? originalLoad(widget, ...rest) : Promise.resolve({});
   const routeStatePromise = plugin.route.load(widget, {
     route: plugin.route,
     context: plugin.context,
     args: rest,
-    globalState: globalStatePromise,
+    globalState: globalStatePromise
   });
-
-  const [globalState, routeState] = await Promise.all([
-    globalStatePromise,
-    routeStatePromise,
-  ]);
-
-  return { ...globalState, ...routeState };
+  const [globalState, routeState] = await Promise.all([globalStatePromise, routeStatePromise]);
+  return {
+    ...globalState,
+    ...routeState
+  };
 }
 
 // hook Component
 async function mountHook(widget, originalMount, ...rest) {
   await widget.bootstrap(...rest);
-
   const plugin = widget.$in.router;
   if (!plugin.route) {
     await resolveRoute(widget);
     plugin.isMounting = true;
   }
-
   const result = await originalMount(...rest);
-
   if (plugin.isMounting && isFunction(plugin.route.init)) {
     await plugin.route.init(widget, {
       route: plugin.route,
       context: plugin.context,
-      args: rest,
+      args: rest
     });
   }
-
-  if (
-    isFunction(plugin.route.activate) &&
-    isClient() &&
-    !plugin.isRouteActivated
-  ) {
+  if (isFunction(plugin.route.activate) && isClient() && !plugin.isRouteActivated) {
     plugin.isRouteActivated = true;
     plugin.route.activate(widget, {
       route: plugin.route,
       context: plugin.context,
-      args: rest,
+      args: rest
     });
   }
-
   plugin.isMounting = false;
-
   return result;
 }
 
 // hook Component
 async function updateHook(widget, originalUpdate, ...rest) {
   const result = await originalUpdate(...rest);
-
   const plugin = widget.$in.router;
-
-  if (
-    isFunction(plugin.route.activate) &&
-    isClient() &&
-    !plugin.isRouteActivated
-  ) {
+  if (isFunction(plugin.route.activate) && isClient() && !plugin.isRouteActivated) {
     plugin.isRouteActivated = true;
     plugin.route.activate(widget, {
       route: plugin.route,
       context: plugin.context,
-      args: rest,
+      args: rest
     });
   }
-
   return result;
 }
 
 // hook Component
 async function unmountHook(widget, originalUnmount, ...rest) {
   const result = await originalUnmount(...rest);
-
   await tearDownRouterCycle(widget, ...rest);
-
   return result;
 }
-
 async function resolveRoute(widget) {
   if (ENV === DEV) {
     if (!widget.props.pathname) {
       throw new Error('The props pathname is not defined.');
     }
-
     if (!widget.$dependencies.router) {
-      throw new Error(
-        'You must add calling of createRouter(widget, routes, options) to widget.setup method.',
-      );
+      throw new Error('You must add calling of createRouter(widget, routes, options) to widget.setup method.');
     }
   }
-
   const route = await widget.$dependencies.router.resolve({
     pathname: widget.props.pathname,
-    widget,
+    widget
   });
-
   widget.$in.router.route = route;
   widget.$in.router.pathname = widget.props.pathname;
-
   return route;
 }
-
 async function setupRouterCycle(widget, ...rest) {
   const route = await resolveRoute(widget);
   const plugin = widget.$in.router;
-
   if (isFunction(route.init)) {
-    await route.init(widget, { route, context: plugin.context, args: rest });
+    await route.init(widget, {
+      route,
+      context: plugin.context,
+      args: rest
+    });
   }
 }
-
 async function tearDownRouterCycle(widget, ...rest) {
   const plugin = widget.$in.router;
-
-  const { route, isRouteActivated } = plugin;
-
+  const {
+    route,
+    isRouteActivated
+  } = plugin;
   if (route) {
     if (isFunction(route.deactivate) && isRouteActivated === true) {
       await route.deactivate(widget, {
         route,
         context: plugin.context,
-        args: rest,
+        args: rest
       });
     }
-
     if (isFunction(route.destroy)) {
       await route.destroy(widget, {
         route,
         context: plugin.context,
-        args: rest,
+        args: rest
       });
     }
   }
-
   plugin.isRouteActivated = false;
 }
-
 function isClient() {
   return typeof window !== 'undefined';
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@merkur/plugin-router",
-  "version": "0.38.0",
+  "version": "0.40.0",
   "description": "Merkur router plugin.",
   "main": "lib/index",
   "module": "lib/index",
@@ -33,8 +33,7 @@
     "preversion": "npm test",
     "test": "jest --no-watchman -c ./jest.config.js",
     "test:es:version": "es-check es11 ./lib/index.mjs --module && es-check es9 ./lib/index.es9.mjs --module && es-check es9 ./lib/index.es9.cjs --module",
-    "build": "rollup -c rollup.config.mjs",
-    "prepare": "npm run build"
+    "build": "rollup -c rollup.config.mjs"
   },
   "repository": {
     "type": "git",
@@ -56,9 +55,9 @@
   },
   "homepage": "https://merkur.js.org/",
   "devDependencies": {
-    "@merkur/core": "^0.38.0",
-    "@merkur/plugin-component": "^0.38.0",
-    "@merkur/plugin-event-emitter": "^0.38.0"
+    "@merkur/core": "^0.40.0",
+    "@merkur/plugin-component": "^0.40.0",
+    "@merkur/plugin-event-emitter": "^0.40.0"
   },
   "peerDependencies": {
     "@merkur/core": "*",
@@ -68,5 +67,5 @@
   "dependencies": {
     "universal-router": "^9.1.0"
   },
-  "gitHead": "a6e379c0cb887898e34465dc3db9231feb68e6a5"
+  "gitHead": "a7bf45d46a5c0fca7130ae6a86e1cd94e5894ca2"
 }