sample-piral 0.14.13 → 0.14.14-beta.3765

package/app/{index.1021e6.js → index.2d688d.js}

@@ -2375,6 +2375,44 @@ DefaultLoadingIndicator.displayName = 'DefaultLoadingIndicator';
 
 /***/ }),
 
+/***/ "../../framework/piral-core/esm/components/DefaultRouteSwitch.js":
+/*!***********************************************************************!*\
+  !*** ../../framework/piral-core/esm/components/DefaultRouteSwitch.js ***!
+  \***********************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "DefaultRouteSwitch": () => (/* binding */ DefaultRouteSwitch)
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tslib */ "../../../node_modules/tslib/tslib.es6.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
+/* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-router */ "../../../node_modules/react-router/esm/react-router.js");
+
+
+
+var DefaultRouteSwitch = function DefaultRouteSwitch(_a) {
+  var paths = _a.paths,
+      NotFound = _a.NotFound,
+      props = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__rest)(_a, ["paths", "NotFound"]);
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_2__.Switch, Object.assign({}, props), paths.map(function (_ref) {
+    var path = _ref.path,
+        Component = _ref.Component;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_2__.Route, {
+      exact: true,
+      key: path,
+      path: path,
+      component: Component
+    });
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_2__.Route, {
+    component: NotFound
+  }));
+};
+
+/***/ }),
+
 /***/ "../../framework/piral-core/esm/components/DefaultRouter.js":
 /*!******************************************************************!*\
   !*** ../../framework/piral-core/esm/components/DefaultRouter.js ***!
@@ -2756,19 +2794,18 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tslib */ "../../../node_modules/tslib/tslib.es6.js");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
-/* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-router */ "../../../node_modules/react-router/esm/react-router.js");
 /* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/globalState.js");
 
 
 
-
 /**
  * The component for defining the exclusive routes to be used.
  */
 
 var PiralRoutes = function PiralRoutes(_a) {
   var NotFound = _a.NotFound,
-      props = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__rest)(_a, ["NotFound"]);
+      RouteSwitch = _a.RouteSwitch,
+      props = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__rest)(_a, ["NotFound", "RouteSwitch"]);
 
   var routes = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useGlobalState)(function (s) {
     return s.routes;
@@ -2776,23 +2813,23 @@ var PiralRoutes = function PiralRoutes(_a) {
   var pages = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useGlobalState)(function (s) {
     return s.registry.pages;
   });
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_3__.Switch, Object.assign({}, props), Object.keys(routes).map(function (url) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_3__.Route, {
-      exact: true,
-      key: url,
-      path: url,
-      component: routes[url]
+  var paths = [];
+  Object.keys(routes).map(function (path) {
+    return paths.push({
+      path: path,
+      Component: routes[path]
     });
-  }), Object.keys(pages).map(function (url) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_3__.Route, {
-      exact: true,
-      key: url,
-      path: url,
-      component: pages[url].component
+  });
+  Object.keys(pages).map(function (path) {
+    return paths.push({
+      path: path,
+      Component: pages[path].component
     });
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_3__.Route, {
-    component: NotFound
-  }));
+  });
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(RouteSwitch, Object.assign({
+    NotFound: NotFound,
+    paths: paths
+  }, props));
 };
 PiralRoutes.displayName = 'Routes';
 
@@ -2811,8 +2848,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
 /* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-router */ "../../../node_modules/react-router/esm/react-router.js");
-/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components */ "../../framework/piral-core/esm/components/components.js");
 /* harmony import */ var _PiralRoutes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./PiralRoutes */ "../../framework/piral-core/esm/components/PiralRoutes.js");
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components */ "../../framework/piral-core/esm/components/components.js");
 /* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/globalState.js");
 
 
@@ -2840,7 +2877,8 @@ var PiralContent = function PiralContent() {
   }) : loading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_1__.PiralLoadingIndicator, null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_1__.PiralLayout, {
     currentLayout: layout
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_PiralRoutes__WEBPACK_IMPORTED_MODULE_3__.PiralRoutes, {
-    NotFound: NotFound
+    NotFound: NotFound,
+    RouteSwitch: _components__WEBPACK_IMPORTED_MODULE_1__.PiralRouteSwitch
   }));
 };
 
@@ -3259,6 +3297,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "PiralError": () => (/* binding */ PiralError),
 /* harmony export */   "PiralLoadingIndicator": () => (/* binding */ PiralLoadingIndicator),
 /* harmony export */   "PiralRouter": () => (/* binding */ PiralRouter),
+/* harmony export */   "PiralRouteSwitch": () => (/* binding */ PiralRouteSwitch),
 /* harmony export */   "PiralLayout": () => (/* binding */ PiralLayout),
 /* harmony export */   "PiralDebug": () => (/* binding */ PiralDebug)
 /* harmony export */ });
@@ -3270,7 +3309,8 @@ function getPiralComponent(name) {
   return function (props) {
     var Component = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useGlobalState)(function (s) {
       return s.components[name];
-    });
+    }); // tslint:disable-next-line:no-null-keyword
+
     return Component ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component, Object.assign({}, props)) : null;
   };
 }
@@ -3292,6 +3332,12 @@ var PiralLoadingIndicator = getPiralComponent('LoadingIndicator');
  */
 
 var PiralRouter = getPiralComponent('Router');
+/**
+ * Gets the currently registered Route Switch component.
+ * By default the DefaultRouteSwitch component is used.
+ */
+
+var PiralRouteSwitch = getPiralComponent('RouteSwitch');
 /**
  * Gets the currently registered Layout component.
  * By default the children are rendered.
@@ -3320,50 +3366,54 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "PiralError": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.PiralError),
 /* harmony export */   "PiralLayout": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.PiralLayout),
 /* harmony export */   "PiralLoadingIndicator": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.PiralLoadingIndicator),
+/* harmony export */   "PiralRouteSwitch": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.PiralRouteSwitch),
 /* harmony export */   "PiralRouter": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.PiralRouter),
 /* harmony export */   "getPiralComponent": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.getPiralComponent),
 /* harmony export */   "DefaultErrorInfo": () => (/* reexport safe */ _DefaultErrorInfo__WEBPACK_IMPORTED_MODULE_1__.DefaultErrorInfo),
 /* harmony export */   "DefaultLayout": () => (/* reexport safe */ _DefaultLayout__WEBPACK_IMPORTED_MODULE_2__.DefaultLayout),
 /* harmony export */   "DefaultLoadingIndicator": () => (/* reexport safe */ _DefaultLoader__WEBPACK_IMPORTED_MODULE_3__.DefaultLoadingIndicator),
 /* harmony export */   "DefaultRouter": () => (/* reexport safe */ _DefaultRouter__WEBPACK_IMPORTED_MODULE_4__.DefaultRouter),
-/* harmony export */   "ErrorBoundary": () => (/* reexport safe */ _ErrorBoundary__WEBPACK_IMPORTED_MODULE_5__.ErrorBoundary),
-/* harmony export */   "ExtensionSlot": () => (/* reexport safe */ _ExtensionSlot__WEBPACK_IMPORTED_MODULE_6__.ExtensionSlot),
-/* harmony export */   "Mediator": () => (/* reexport safe */ _Mediator__WEBPACK_IMPORTED_MODULE_7__.Mediator),
-/* harmony export */   "PiralRoutes": () => (/* reexport safe */ _PiralRoutes__WEBPACK_IMPORTED_MODULE_8__.PiralRoutes),
-/* harmony export */   "PiralView": () => (/* reexport safe */ _PiralView__WEBPACK_IMPORTED_MODULE_9__.PiralView),
-/* harmony export */   "PortalRenderer": () => (/* reexport safe */ _PortalRenderer__WEBPACK_IMPORTED_MODULE_10__.PortalRenderer),
-/* harmony export */   "ResponsiveLayout": () => (/* reexport safe */ _ResponsiveLayout__WEBPACK_IMPORTED_MODULE_11__.ResponsiveLayout),
-/* harmony export */   "SetComponent": () => (/* reexport safe */ _SetComponent__WEBPACK_IMPORTED_MODULE_12__.SetComponent),
-/* harmony export */   "SetError": () => (/* reexport safe */ _SetError__WEBPACK_IMPORTED_MODULE_13__.SetError),
-/* harmony export */   "SetErrors": () => (/* reexport safe */ _SetErrors__WEBPACK_IMPORTED_MODULE_14__.SetErrors),
-/* harmony export */   "SetLayout": () => (/* reexport safe */ _SetLayout__WEBPACK_IMPORTED_MODULE_15__.SetLayout),
-/* harmony export */   "SetProvider": () => (/* reexport safe */ _SetProvider__WEBPACK_IMPORTED_MODULE_16__.SetProvider),
-/* harmony export */   "SetRedirect": () => (/* reexport safe */ _SetRedirect__WEBPACK_IMPORTED_MODULE_17__.SetRedirect),
-/* harmony export */   "SetRoute": () => (/* reexport safe */ _SetRoute__WEBPACK_IMPORTED_MODULE_18__.SetRoute),
-/* harmony export */   "SwitchErrorInfo": () => (/* reexport safe */ _SwitchErrorInfo__WEBPACK_IMPORTED_MODULE_19__.SwitchErrorInfo),
-/* harmony export */   "wrapComponent": () => (/* reexport safe */ _wrapComponent__WEBPACK_IMPORTED_MODULE_20__.wrapComponent)
+/* harmony export */   "DefaultRouteSwitch": () => (/* reexport safe */ _DefaultRouteSwitch__WEBPACK_IMPORTED_MODULE_5__.DefaultRouteSwitch),
+/* harmony export */   "ErrorBoundary": () => (/* reexport safe */ _ErrorBoundary__WEBPACK_IMPORTED_MODULE_6__.ErrorBoundary),
+/* harmony export */   "ExtensionSlot": () => (/* reexport safe */ _ExtensionSlot__WEBPACK_IMPORTED_MODULE_7__.ExtensionSlot),
+/* harmony export */   "Mediator": () => (/* reexport safe */ _Mediator__WEBPACK_IMPORTED_MODULE_8__.Mediator),
+/* harmony export */   "PiralRoutes": () => (/* reexport safe */ _PiralRoutes__WEBPACK_IMPORTED_MODULE_9__.PiralRoutes),
+/* harmony export */   "PiralView": () => (/* reexport safe */ _PiralView__WEBPACK_IMPORTED_MODULE_10__.PiralView),
+/* harmony export */   "PortalRenderer": () => (/* reexport safe */ _PortalRenderer__WEBPACK_IMPORTED_MODULE_11__.PortalRenderer),
+/* harmony export */   "ResponsiveLayout": () => (/* reexport safe */ _ResponsiveLayout__WEBPACK_IMPORTED_MODULE_12__.ResponsiveLayout),
+/* harmony export */   "SetComponent": () => (/* reexport safe */ _SetComponent__WEBPACK_IMPORTED_MODULE_13__.SetComponent),
+/* harmony export */   "SetError": () => (/* reexport safe */ _SetError__WEBPACK_IMPORTED_MODULE_14__.SetError),
+/* harmony export */   "SetErrors": () => (/* reexport safe */ _SetErrors__WEBPACK_IMPORTED_MODULE_15__.SetErrors),
+/* harmony export */   "SetLayout": () => (/* reexport safe */ _SetLayout__WEBPACK_IMPORTED_MODULE_16__.SetLayout),
+/* harmony export */   "SetProvider": () => (/* reexport safe */ _SetProvider__WEBPACK_IMPORTED_MODULE_17__.SetProvider),
+/* harmony export */   "SetRedirect": () => (/* reexport safe */ _SetRedirect__WEBPACK_IMPORTED_MODULE_18__.SetRedirect),
+/* harmony export */   "SetRoute": () => (/* reexport safe */ _SetRoute__WEBPACK_IMPORTED_MODULE_19__.SetRoute),
+/* harmony export */   "SwitchErrorInfo": () => (/* reexport safe */ _SwitchErrorInfo__WEBPACK_IMPORTED_MODULE_20__.SwitchErrorInfo),
+/* harmony export */   "wrapComponent": () => (/* reexport safe */ _wrapComponent__WEBPACK_IMPORTED_MODULE_21__.wrapComponent)
 /* harmony export */ });
 /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components */ "../../framework/piral-core/esm/components/components.js");
 /* harmony import */ var _DefaultErrorInfo__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DefaultErrorInfo */ "../../framework/piral-core/esm/components/DefaultErrorInfo.js");
 /* harmony import */ var _DefaultLayout__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DefaultLayout */ "../../framework/piral-core/esm/components/DefaultLayout.js");
 /* harmony import */ var _DefaultLoader__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./DefaultLoader */ "../../framework/piral-core/esm/components/DefaultLoader.js");
 /* harmony import */ var _DefaultRouter__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./DefaultRouter */ "../../framework/piral-core/esm/components/DefaultRouter.js");
-/* harmony import */ var _ErrorBoundary__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ErrorBoundary */ "../../framework/piral-core/esm/components/ErrorBoundary.js");
-/* harmony import */ var _ExtensionSlot__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ExtensionSlot */ "../../framework/piral-core/esm/components/ExtensionSlot.js");
-/* harmony import */ var _Mediator__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Mediator */ "../../framework/piral-core/esm/components/Mediator.js");
-/* harmony import */ var _PiralRoutes__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./PiralRoutes */ "../../framework/piral-core/esm/components/PiralRoutes.js");
-/* harmony import */ var _PiralView__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./PiralView */ "../../framework/piral-core/esm/components/PiralView.js");
-/* harmony import */ var _PortalRenderer__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./PortalRenderer */ "../../framework/piral-core/esm/components/PortalRenderer.js");
-/* harmony import */ var _ResponsiveLayout__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./ResponsiveLayout */ "../../framework/piral-core/esm/components/ResponsiveLayout.js");
-/* harmony import */ var _SetComponent__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./SetComponent */ "../../framework/piral-core/esm/components/SetComponent.js");
-/* harmony import */ var _SetError__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./SetError */ "../../framework/piral-core/esm/components/SetError.js");
-/* harmony import */ var _SetErrors__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./SetErrors */ "../../framework/piral-core/esm/components/SetErrors.js");
-/* harmony import */ var _SetLayout__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./SetLayout */ "../../framework/piral-core/esm/components/SetLayout.js");
-/* harmony import */ var _SetProvider__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./SetProvider */ "../../framework/piral-core/esm/components/SetProvider.js");
-/* harmony import */ var _SetRedirect__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./SetRedirect */ "../../framework/piral-core/esm/components/SetRedirect.js");
-/* harmony import */ var _SetRoute__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./SetRoute */ "../../framework/piral-core/esm/components/SetRoute.js");
-/* harmony import */ var _SwitchErrorInfo__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./SwitchErrorInfo */ "../../framework/piral-core/esm/components/SwitchErrorInfo.js");
-/* harmony import */ var _wrapComponent__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./wrapComponent */ "../../framework/piral-core/esm/components/wrapComponent.js");
+/* harmony import */ var _DefaultRouteSwitch__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./DefaultRouteSwitch */ "../../framework/piral-core/esm/components/DefaultRouteSwitch.js");
+/* harmony import */ var _ErrorBoundary__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ErrorBoundary */ "../../framework/piral-core/esm/components/ErrorBoundary.js");
+/* harmony import */ var _ExtensionSlot__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./ExtensionSlot */ "../../framework/piral-core/esm/components/ExtensionSlot.js");
+/* harmony import */ var _Mediator__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Mediator */ "../../framework/piral-core/esm/components/Mediator.js");
+/* harmony import */ var _PiralRoutes__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./PiralRoutes */ "../../framework/piral-core/esm/components/PiralRoutes.js");
+/* harmony import */ var _PiralView__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./PiralView */ "../../framework/piral-core/esm/components/PiralView.js");
+/* harmony import */ var _PortalRenderer__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./PortalRenderer */ "../../framework/piral-core/esm/components/PortalRenderer.js");
+/* harmony import */ var _ResponsiveLayout__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./ResponsiveLayout */ "../../framework/piral-core/esm/components/ResponsiveLayout.js");
+/* harmony import */ var _SetComponent__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./SetComponent */ "../../framework/piral-core/esm/components/SetComponent.js");
+/* harmony import */ var _SetError__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./SetError */ "../../framework/piral-core/esm/components/SetError.js");
+/* harmony import */ var _SetErrors__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./SetErrors */ "../../framework/piral-core/esm/components/SetErrors.js");
+/* harmony import */ var _SetLayout__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./SetLayout */ "../../framework/piral-core/esm/components/SetLayout.js");
+/* harmony import */ var _SetProvider__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./SetProvider */ "../../framework/piral-core/esm/components/SetProvider.js");
+/* harmony import */ var _SetRedirect__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./SetRedirect */ "../../framework/piral-core/esm/components/SetRedirect.js");
+/* harmony import */ var _SetRoute__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./SetRoute */ "../../framework/piral-core/esm/components/SetRoute.js");
+/* harmony import */ var _SwitchErrorInfo__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./SwitchErrorInfo */ "../../framework/piral-core/esm/components/SwitchErrorInfo.js");
+/* harmony import */ var _wrapComponent__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./wrapComponent */ "../../framework/piral-core/esm/components/wrapComponent.js");
+
 
 
 
@@ -3561,7 +3611,7 @@ function createInstance() {
   var createApi = apiFactory(context, usedPlugins);
   var root = createApi({
     name: 'root',
-    version: "0.14.13" || 0,
+    version: "0.14.14-beta.3765" || 0,
     spec: ''
   });
   var options = (0,_helpers__WEBPACK_IMPORTED_MODULE_6__.createPiletOptions)({
@@ -3920,6 +3970,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "DefaultErrorInfo": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.DefaultErrorInfo),
 /* harmony export */   "DefaultLayout": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.DefaultLayout),
 /* harmony export */   "DefaultLoadingIndicator": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.DefaultLoadingIndicator),
+/* harmony export */   "DefaultRouteSwitch": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.DefaultRouteSwitch),
 /* harmony export */   "DefaultRouter": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.DefaultRouter),
 /* harmony export */   "ErrorBoundary": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.ErrorBoundary),
 /* harmony export */   "ExtensionSlot": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.ExtensionSlot),
@@ -3928,6 +3979,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "PiralError": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.PiralError),
 /* harmony export */   "PiralLayout": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.PiralLayout),
 /* harmony export */   "PiralLoadingIndicator": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.PiralLoadingIndicator),
+/* harmony export */   "PiralRouteSwitch": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.PiralRouteSwitch),
 /* harmony export */   "PiralRouter": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.PiralRouter),
 /* harmony export */   "PiralRoutes": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.PiralRoutes),
 /* harmony export */   "PiralView": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.PiralView),
@@ -4476,12 +4528,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "createGlobalState": () => (/* binding */ createGlobalState)
 /* harmony export */ });
-/* harmony import */ var _dbeining_react_atom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @dbeining/react-atom */ "../../../node_modules/@dbeining/react-atom/dist/react-atom.js");
-/* harmony import */ var _dbeining_react_atom__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_dbeining_react_atom__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _dbeining_react_atom__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @dbeining/react-atom */ "../../../node_modules/@dbeining/react-atom/dist/react-atom.js");
+/* harmony import */ var _dbeining_react_atom__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_dbeining_react_atom__WEBPACK_IMPORTED_MODULE_5__);
 /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components */ "../../framework/piral-core/esm/components/DefaultErrorInfo.js");
 /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components */ "../../framework/piral-core/esm/components/DefaultLoader.js");
 /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components */ "../../framework/piral-core/esm/components/DefaultRouter.js");
-/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components */ "../../framework/piral-core/esm/components/DefaultLayout.js");
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components */ "../../framework/piral-core/esm/components/DefaultRouteSwitch.js");
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components */ "../../framework/piral-core/esm/components/DefaultLayout.js");
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 
@@ -4517,7 +4570,8 @@ function createGlobalState() {
       ErrorInfo: _components__WEBPACK_IMPORTED_MODULE_0__.DefaultErrorInfo,
       LoadingIndicator: _components__WEBPACK_IMPORTED_MODULE_1__.DefaultLoadingIndicator,
       Router: _components__WEBPACK_IMPORTED_MODULE_2__.DefaultRouter,
-      Layout: _components__WEBPACK_IMPORTED_MODULE_3__.DefaultLayout
+      RouteSwitch: _components__WEBPACK_IMPORTED_MODULE_3__.DefaultRouteSwitch,
+      Layout: _components__WEBPACK_IMPORTED_MODULE_4__.DefaultLayout
     },
     errorComponents: {},
     registry: {
@@ -4530,7 +4584,7 @@ function createGlobalState() {
     portals: {},
     modules: []
   };
-  return _dbeining_react_atom__WEBPACK_IMPORTED_MODULE_4__.Atom.of(extend(defaultState, customState));
+  return _dbeining_react_atom__WEBPACK_IMPORTED_MODULE_5__.Atom.of(extend(defaultState, customState));
 }
 
 /***/ }),
@@ -5693,6 +5747,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "DefaultErrorInfo": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.DefaultErrorInfo),
 /* harmony export */   "DefaultLayout": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.DefaultLayout),
 /* harmony export */   "DefaultLoadingIndicator": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.DefaultLoadingIndicator),
+/* harmony export */   "DefaultRouteSwitch": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.DefaultRouteSwitch),
 /* harmony export */   "DefaultRouter": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.DefaultRouter),
 /* harmony export */   "ErrorBoundary": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.ErrorBoundary),
 /* harmony export */   "ExtensionSlot": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.ExtensionSlot),
@@ -5702,6 +5757,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "PiralError": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.PiralError),
 /* harmony export */   "PiralLayout": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.PiralLayout),
 /* harmony export */   "PiralLoadingIndicator": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.PiralLoadingIndicator),
+/* harmony export */   "PiralRouteSwitch": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.PiralRouteSwitch),
 /* harmony export */   "PiralRouter": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.PiralRouter),
 /* harmony export */   "PiralRoutes": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.PiralRoutes),
 /* harmony export */   "PiralView": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.PiralView),
@@ -8863,6 +8919,89 @@ var Localizer = /*#__PURE__*/function () {
 
 /***/ }),
 
+/***/ "../../utilities/piral-debug-utils/esm/DebugRouteSwitch.js":
+/*!*****************************************************************!*\
+  !*** ../../utilities/piral-debug-utils/esm/DebugRouteSwitch.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "freezeRouteRefresh": () => (/* binding */ freezeRouteRefresh),
+/* harmony export */   "DebugRouteSwitch": () => (/* binding */ DebugRouteSwitch)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
+/* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-router */ "../../../node_modules/react-router/esm/react-router.js");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+var debugRouteCache = {
+  active: 0,
+  paths: [],
+  refresh: undefined
+};
+function freezeRouteRefresh() {
+  debugRouteCache.active++;
+  return function () {
+    var _a;
+
+    debugRouteCache.active--;
+
+    if (!debugRouteCache.active) {
+      (_a = debugRouteCache.refresh) === null || _a === void 0 ? void 0 : _a.call(debugRouteCache, function (s) {
+        return s + 1;
+      });
+    }
+  };
+}
+var DebugRouteSwitch = function DebugRouteSwitch(_ref) {
+  var paths = _ref.paths,
+      NotFound = _ref.NotFound;
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__.useState(0),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      _ = _React$useState2[0],
+      triggerChange = _React$useState2[1];
+
+  react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function () {
+    debugRouteCache.refresh = triggerChange;
+    return function () {
+      debugRouteCache.refresh = undefined;
+    };
+  }, []);
+
+  if (!debugRouteCache.active) {
+    debugRouteCache.paths = paths;
+  }
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_1__.Switch, null, debugRouteCache.paths.map(function (_ref2) {
+    var path = _ref2.path,
+        Component = _ref2.Component;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_1__.Route, {
+      exact: true,
+      key: path,
+      path: path,
+      component: Component
+    });
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_1__.Route, {
+    component: NotFound
+  }));
+};
+
+/***/ }),
+
 /***/ "../../utilities/piral-debug-utils/esm/DebugTracker.js":
 /*!*************************************************************!*\
   !*** ../../utilities/piral-debug-utils/esm/DebugTracker.js ***!
@@ -9097,6 +9236,18 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _state__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./state */ "../../utilities/piral-debug-utils/esm/state.js");
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 
@@ -9337,12 +9488,12 @@ function installPiralDebug(options) {
     debug: debugApiVersion,
     instance: {
       name: "sample-piral",
-      version: "0.14.13",
+      version: "0.14.14-beta.3765",
       dependencies: "reactstrap,react,react-dom,react-router,react-router-dom,history,tslib,path-to-regexp,@libre/atom,@dbeining/react-atom"
     },
     build: {
-      date: "2022-02-27T09:07:42.001Z",
-      cli: "0.14.12",
+      date: "2022-03-02T17:59:28.793Z",
+      cli: "0.14.13",
       compat: "0.14"
     },
     pilets: {
@@ -9396,10 +9547,22 @@ function installPiralDebug(options) {
 
   var getDependencyMap = function getDependencyMap() {
     var dependencyMap = {};
+
+    var addDeps = function addDeps(pilet, dependencies) {
+      var _dependencyMap$pilet;
+
+      if (!(pilet in dependencyMap)) {
+        dependencyMap[pilet] = [];
+      }
+
+      (_dependencyMap$pilet = dependencyMap[pilet]).push.apply(_dependencyMap$pilet, _toConsumableArray(dependencies));
+    };
+
     var pilets = getPilets().map(function (pilet) {
       return {
         name: pilet.name,
-        link: pilet.link
+        link: pilet.link,
+        base: pilet.base
       };
     }).filter(function (m) {
       return m.link;
@@ -9411,7 +9574,15 @@ function installPiralDebug(options) {
       });
 
       if (pilet) {
-        dependencyMap[pilet.name] = dependencies;
+        addDeps(pilet.name, dependencies);
+      } else if (!pilet) {
+        var parent = pilets.find(function (p) {
+          return url.startsWith(p.base);
+        });
+
+        if (parent) {
+          addDeps(parent.name, dependencies);
+        }
       }
     });
     sendMessage({
@@ -9650,10 +9821,11 @@ function decycle(obj) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "withEmulatorPilets": () => (/* binding */ withEmulatorPilets)
+/* harmony export */   "installPiletsEmulator": () => (/* binding */ installPiletsEmulator)
 /* harmony export */ });
-/* harmony import */ var piral_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! piral-base */ "../../framework/piral-base/esm/utils.js");
-/* harmony import */ var piral_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! piral-base */ "../../framework/piral-base/esm/setup.js");
+/* harmony import */ var piral_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! piral-base */ "../../framework/piral-base/esm/utils.js");
+/* harmony import */ var piral_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! piral-base */ "../../framework/piral-base/esm/setup.js");
+/* harmony import */ var _DebugRouteSwitch__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./DebugRouteSwitch */ "../../utilities/piral-debug-utils/esm/DebugRouteSwitch.js");
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -9667,10 +9839,12 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
 
-function withEmulatorPilets(requestPilets, options) {
+
+function installPiletsEmulator(requestPilets, options) {
   var loadPilet = options.loadPilet,
       createApi = options.createApi,
       injectPilet = options.injectPilet,
+      integrate = options.integrate,
       _options$piletApiFall = options.piletApiFallback,
       piletApiFallback = _options$piletApiFall === void 0 ? '/$pilet-api' : _options$piletApiFall; // check if pilets should be loaded
 
@@ -9680,64 +9854,85 @@ function withEmulatorPilets(requestPilets, options) {
     return Promise.resolve([]);
   };
 
-  var requester = loadPilets ? requestPilets : noPilets;
-  return function () {
-    var promise = requester(); // the window['dbg:pilet-api'] should point to an API address used as a proxy, fall back to '/$pilet-api' if unavailable
+  var _requester = loadPilets ? requestPilets : noPilets;
 
-    var piletApi = window['dbg:pilet-api'] || piletApiFallback; // either take a full URI or make it an absolute path relative to the current origin
+  integrate({
+    components: {
+      RouteSwitch: _DebugRouteSwitch__WEBPACK_IMPORTED_MODULE_0__.DebugRouteSwitch
+    },
+    requester: function requester() {
+      var promise = _requester(); // the window['dbg:pilet-api'] should point to an API address used as a proxy, fall back to '/$pilet-api' if unavailable
 
-    var initialTarget = /^https?:/.test(piletApi) ? piletApi : "".concat(location.origin).concat(piletApi[0] === '/' ? '' : '/').concat(piletApi);
-    var updateTarget = initialTarget.replace('http', 'ws');
-    var ws = new WebSocket(updateTarget);
-    var appendix = fetch(initialTarget).then(function (res) {
-      return res.json();
-    }).then(function (item) {
-      return Array.isArray(item) ? item : [item];
-    });
 
-    ws.onmessage = function (_ref) {
-      var data = _ref.data;
-      var hardRefresh = sessionStorage.getItem('dbg:hard-refresh') === 'on';
+      var piletApi = window['dbg:pilet-api'] || piletApiFallback; // either take a full URI or make it an absolute path relative to the current origin
 
-      if (!hardRefresh) {
-        // standard setting is to just perform an inject
-        var meta = JSON.parse(data); // tear down pilet
+      var initialTarget = /^https?:/.test(piletApi) ? piletApi : "".concat(location.origin).concat(piletApi[0] === '/' ? '' : '/').concat(piletApi);
+      var updateTarget = initialTarget.replace('http', 'ws');
+      var ws = new WebSocket(updateTarget);
+      var timeoutCache = {};
+      var timeout = 150;
+      var appendix = fetch(initialTarget).then(function (res) {
+        return res.json();
+      }).then(function (item) {
+        return Array.isArray(item) ? item : [item];
+      });
 
-        injectPilet({
-          name: meta.name
-        }); // load and evaluate pilet
+      ws.onmessage = function (_ref) {
+        var data = _ref.data;
+        var hardRefresh = sessionStorage.getItem('dbg:hard-refresh') === 'on';
 
-        loadPilet(meta).then(function (pilet) {
-          try {
-            if ((0,piral_base__WEBPACK_IMPORTED_MODULE_0__.isfunc)(injectPilet)) {
-              injectPilet(pilet);
-            }
+        if (!hardRefresh) {
+          // standard setting is to just perform an inject
+          var meta = JSON.parse(data);
+          var name = meta.name; // like a debounce; only one change of the current pilet should be actively processed
 
-            (0,piral_base__WEBPACK_IMPORTED_MODULE_1__.setupPilet)(pilet, createApi);
-          } catch (error) {
-            console.error(error);
-          }
-        });
-      } else {
-        location.reload();
-      }
-    };
+          clearTimeout(timeoutCache[name]); // some bundlers may have fired before writing to the disk
+          // so we give them a bit of time before actually loading the pilet
 
-    return promise["catch"](function (err) {
-      console.error("Requesting the pilets failed. We'll continue loading without pilets (DEBUG only).", err);
-      return [];
-    }).then(function (pilets) {
-      return appendix.then(function (debugPilets) {
-        var debugPiletNames = debugPilets.map(function (m) {
-          return m.name;
-        });
-        var feedPilets = pilets.filter(function (m) {
-          return !debugPiletNames.includes(m.name);
+          timeoutCache[name] = setTimeout(function () {
+            // we should make sure to only refresh the page / router if pilets have been loaded
+            var unfreeze = (0,_DebugRouteSwitch__WEBPACK_IMPORTED_MODULE_0__.freezeRouteRefresh)(); // tear down pilet
+
+            injectPilet({
+              name: name
+            }); // load and evaluate pilet
+
+            loadPilet(meta).then(function (pilet) {
+              try {
+                if ((0,piral_base__WEBPACK_IMPORTED_MODULE_1__.isfunc)(injectPilet)) {
+                  injectPilet(pilet);
+                } // setup actual pilet
+
+
+                (0,piral_base__WEBPACK_IMPORTED_MODULE_2__.setupPilet)(pilet, createApi); // disable route cache, should be zero again and lead to route refresh
+
+                unfreeze();
+              } catch (error) {
+                console.error(error);
+              }
+            });
+          }, timeout);
+        } else {
+          location.reload();
+        }
+      };
+
+      return promise["catch"](function (err) {
+        console.error("Requesting the pilets failed. We'll continue loading without pilets (DEBUG only).", err);
+        return [];
+      }).then(function (pilets) {
+        return appendix.then(function (debugPilets) {
+          var debugPiletNames = debugPilets.map(function (m) {
+            return m.name;
+          });
+          var feedPilets = pilets.filter(function (m) {
+            return !debugPiletNames.includes(m.name);
+          });
+          return [].concat(_toConsumableArray(feedPilets), _toConsumableArray(debugPilets));
         });
-        return [].concat(_toConsumableArray(feedPilets), _toConsumableArray(debugPilets));
       });
-    });
-  };
+    }
+  });
 }
 
 /***/ }),
@@ -9752,7 +9947,7 @@ function withEmulatorPilets(requestPilets, options) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "installPiralDebug": () => (/* reexport safe */ _debug__WEBPACK_IMPORTED_MODULE_0__.installPiralDebug),
-/* harmony export */   "withEmulatorPilets": () => (/* reexport safe */ _emulator__WEBPACK_IMPORTED_MODULE_1__.withEmulatorPilets)
+/* harmony export */   "installPiletsEmulator": () => (/* reexport safe */ _emulator__WEBPACK_IMPORTED_MODULE_1__.installPiletsEmulator)
 /* harmony export */ });
 /* harmony import */ var _debug__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./debug */ "../../utilities/piral-debug-utils/esm/debug.js");
 /* harmony import */ var _emulator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./emulator */ "../../utilities/piral-debug-utils/esm/emulator.js");
@@ -9880,10 +10075,18 @@ exports.integrate = void 0;
 var piral_debug_utils_1 = __webpack_require__(/*! piral-debug-utils */ "../../utilities/piral-debug-utils/esm/index.js");
 
 function integrate(context, options) {
-  options.fetchPilets = (0, piral_debug_utils_1.withEmulatorPilets)(options.fetchPilets, {
+  (0, piral_debug_utils_1.installPiletsEmulator)(options.fetchPilets, {
     injectPilet: context.injectPilet,
     createApi: options.createApi,
-    loadPilet: options.loadPilet
+    loadPilet: options.loadPilet,
+    integrate: function integrate(emulator) {
+      context.dispatch(function (s) {
+        return Object.assign(Object.assign({}, s), {
+          components: Object.assign(Object.assign({}, s.components), emulator.components)
+        });
+      });
+      options.fetchPilets = emulator.requester;
+    }
   });
 }
 
@@ -80693,4 +80896,4 @@ var layout_1 = __webpack_require__(/*! ./layout */ "./src/layout.tsx");
 
 /******/ })()
 ;
-//# sourceMappingURL=index.1021e6.js.map
+//# sourceMappingURL=index.2d688d.js.map