piral-core 0.14.13 → 0.14.14-beta.3765

package/debug-pilet.js

@@ -1,12 +1,27 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 exports.__esModule = true;
 exports.integrate = void 0;
 var piral_debug_utils_1 = require("piral-debug-utils");
 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 (emulator) {
+            context.dispatch(function (s) { return (__assign(__assign({}, s), { components: __assign(__assign({}, s.components), emulator.components) })); });
+            options.fetchPilets = emulator.requester;
+        }
     });
 }
 exports.integrate = integrate;

package/esm/components/DefaultRouteSwitch.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { RouteSwitchProps } from '../types';
+export declare const DefaultRouteSwitch: React.FC<RouteSwitchProps>;

package/esm/components/DefaultRouteSwitch.js

@@ -0,0 +1,10 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { Switch, Route } from 'react-router';
+export const DefaultRouteSwitch = (_a) => {
+    var { paths, NotFound } = _a, props = __rest(_a, ["paths", "NotFound"]);
+    return (React.createElement(Switch, Object.assign({}, props),
+        paths.map(({ path, Component }) => (React.createElement(Route, { exact: true, key: path, path: path, component: Component }))),
+        React.createElement(Route, { component: NotFound })));
+};
+//# sourceMappingURL=DefaultRouteSwitch.js.map

package/esm/components/DefaultRouteSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultRouteSwitch.js","sourceRoot":"","sources":["../../src/components/DefaultRouteSwitch.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAG7C,MAAM,CAAC,MAAM,kBAAkB,GAA+B,CAAC,EAA6B,EAAE,EAAE;QAAjC,EAAE,KAAK,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA3B,qBAA6B,CAAF;IACxF,OAAO,CACL,oBAAC,MAAM,oBAAK,KAAK;QACd,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAClC,oBAAC,KAAK,IAAC,KAAK,QAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,GAAI,CAC7D,CAAC;QACF,oBAAC,KAAK,IAAC,SAAS,EAAE,QAAQ,GAAI,CACvB,CACV,CAAC;AACJ,CAAC,CAAC"}

package/esm/components/PiralRoutes.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { RouteComponentProps, SwitchProps } from 'react-router';
+import { RouteSwitchProps } from '../types';
 /**
  * The props used by the PiralRoutes component.
  */
@@ -8,6 +9,10 @@ export interface RoutesProps extends SwitchProps {
      * Sets the component for showing the not found page.
      */
     NotFound: React.ComponentType<RouteComponentProps>;
+    /**
+     * Sets the component for actually switching the routes.
+     */
+    RouteSwitch: React.ComponentType<RouteSwitchProps>;
 }
 /**
  * The component for defining the exclusive routes to be used.

package/esm/components/PiralRoutes.js

@@ -1,18 +1,17 @@
 import { __rest } from "tslib";
 import * as React from 'react';
-import { Route, Switch } from 'react-router';
 import { useGlobalState } from '../hooks';
 /**
  * The component for defining the exclusive routes to be used.
  */
 export const PiralRoutes = (_a) => {
-    var { NotFound } = _a, props = __rest(_a, ["NotFound"]);
+    var { NotFound, RouteSwitch } = _a, props = __rest(_a, ["NotFound", "RouteSwitch"]);
     const routes = useGlobalState((s) => s.routes);
     const pages = useGlobalState((s) => s.registry.pages);
-    return (React.createElement(Switch, Object.assign({}, props),
-        Object.keys(routes).map((url) => (React.createElement(Route, { exact: true, key: url, path: url, component: routes[url] }))),
-        Object.keys(pages).map((url) => (React.createElement(Route, { exact: true, key: url, path: url, component: pages[url].component }))),
-        React.createElement(Route, { component: NotFound })));
+    const paths = [];
+    Object.keys(routes).map((path) => paths.push({ path, Component: routes[path] }));
+    Object.keys(pages).map((path) => paths.push({ path, Component: pages[path].component }));
+    return React.createElement(RouteSwitch, Object.assign({ NotFound: NotFound, paths: paths }, props));
 };
 PiralRoutes.displayName = 'Routes';
 //# sourceMappingURL=PiralRoutes.js.map

package/esm/components/PiralRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"PiralRoutes.js","sourceRoot":"","sources":["../../src/components/PiralRoutes.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,EAAoC,MAAM,cAAc,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAY1C;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAA0B,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,cAApB,YAAsB,CAAF;IACrE,MAAM,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/C,MAAM,KAAK,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,OAAO,CACL,oBAAC,MAAM,oBAAK,KAAK;QACd,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAChC,oBAAC,KAAK,IAAC,KAAK,QAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,CAAC,GAAI,CAC7D,CAAC;QACD,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAC/B,oBAAC,KAAK,IAAC,KAAK,QAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,SAAS,GAAI,CACtE,CAAC;QACF,oBAAC,KAAK,IAAC,SAAS,EAAE,QAAQ,GAAI,CACvB,CACV,CAAC;AACJ,CAAC,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"PiralRoutes.js","sourceRoot":"","sources":["../../src/components/PiralRoutes.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAiB1C;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAA0B,CAAC,EAAmC,EAAE,EAAE;QAAvC,EAAE,QAAQ,EAAE,WAAW,OAAY,EAAP,KAAK,cAAjC,2BAAmC,CAAF;IAClF,MAAM,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/C,MAAM,KAAK,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,KAAK,GAAG,EAAE,CAAC;IAEjB,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;IACjF,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;IAEzF,OAAO,oBAAC,WAAW,kBAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,IAAM,KAAK,EAAI,CAAC;AACtE,CAAC,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/esm/components/PiralView.js

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { StaticRouter } from 'react-router';
-import { PiralError, PiralRouter, PiralLoadingIndicator, PiralLayout, PiralDebug } from './components';
 import { PiralRoutes } from './PiralRoutes';
+import { PiralError, PiralRouter, PiralLoadingIndicator, PiralRouteSwitch, PiralLayout, PiralDebug, } from './components';
 import { useGlobalState } from '../hooks';
 const NotFound = (props) => React.createElement(PiralError, Object.assign({ type: "not_found" }, props));
 const PiralContent = () => {
     const { error, loading, layout } = useGlobalState((m) => m.app);
     return error ? (React.createElement(PiralError, { type: "loading", error: error })) : loading ? (React.createElement(PiralLoadingIndicator, null)) : (React.createElement(PiralLayout, { currentLayout: layout },
-        React.createElement(PiralRoutes, { NotFound: NotFound })));
+        React.createElement(PiralRoutes, { NotFound: NotFound, RouteSwitch: PiralRouteSwitch })));
 };
 const FallbackRouter = (props) => {
     const publicPath = useGlobalState((s) => s.app.publicPath);

package/esm/components/PiralView.js.map

@@ -1 +1 @@
-{"version":3,"file":"PiralView.js","sourceRoot":"","sources":["../../src/components/PiralView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAuB,YAAY,EAAE,MAAM,cAAc,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,qBAAqB,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACvG,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,MAAM,QAAQ,GAAkC,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,UAAU,kBAAC,IAAI,EAAC,WAAW,IAAK,KAAK,EAAI,CAAC;AAEtG,MAAM,YAAY,GAAa,GAAG,EAAE;IAClC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAEhE,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,oBAAC,UAAU,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,GAAI,CAC5C,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACZ,oBAAC,qBAAqB,OAAG,CAC1B,CAAC,CAAC,CAAC,CACF,oBAAC,WAAW,IAAC,aAAa,EAAE,MAAM;QAChC,oBAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,GAAI,CACvB,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAa,CAAC,KAAK,EAAE,EAAE;IACzC,MAAM,UAAU,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAC3D,OAAO,oBAAC,YAAY,kBAAC,QAAQ,EAAC,GAAG,IAAK,KAAK,IAAE,QAAQ,EAAE,UAAU,IAAI,CAAC;AACxE,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC;AAE5E,MAAM,aAAa,GAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/C,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC;IACrE,OAAO,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;AAC5D,CAAC,CAAC;AAOF;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACnE,oBAAC,aAAa;IACZ,oBAAC,MAAM;QACL,oBAAC,YAAY,OAAG;QACf,QAAQ;QACT,oBAAC,UAAU,OAAG,CACP,CACK,CACjB,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
+{"version":3,"file":"PiralView.js","sourceRoot":"","sources":["../../src/components/PiralView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAuB,YAAY,EAAE,MAAM,cAAc,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EACL,UAAU,EACV,WAAW,EACX,qBAAqB,EACrB,gBAAgB,EAChB,WAAW,EACX,UAAU,GACX,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,MAAM,QAAQ,GAAkC,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,UAAU,kBAAC,IAAI,EAAC,WAAW,IAAK,KAAK,EAAI,CAAC;AAEtG,MAAM,YAAY,GAAa,GAAG,EAAE;IAClC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAEhE,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,oBAAC,UAAU,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,GAAI,CAC5C,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACZ,oBAAC,qBAAqB,OAAG,CAC1B,CAAC,CAAC,CAAC,CACF,oBAAC,WAAW,IAAC,aAAa,EAAE,MAAM;QAChC,oBAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,gBAAgB,GAAI,CACtD,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAa,CAAC,KAAK,EAAE,EAAE;IACzC,MAAM,UAAU,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAC3D,OAAO,oBAAC,YAAY,kBAAC,QAAQ,EAAC,GAAG,IAAK,KAAK,IAAE,QAAQ,EAAE,UAAU,IAAI,CAAC;AACxE,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC;AAE5E,MAAM,aAAa,GAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/C,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC;IACrE,OAAO,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;AAC5D,CAAC,CAAC;AAOF;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACnE,oBAAC,aAAa;IACZ,oBAAC,MAAM;QACL,oBAAC,YAAY,OAAG;QACf,QAAQ;QACT,oBAAC,UAAU,OAAG,CACP,CACK,CACjB,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/esm/components/components.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ComponentsState, ErrorInfoProps, LoadingIndicatorProps, RouterProps, LayoutProps } from '../types';
+import { ComponentsState, ErrorInfoProps, LoadingIndicatorProps, RouterProps, LayoutProps, RouteSwitchProps } from '../types';
 export declare function getPiralComponent<TKey extends keyof ComponentsState>(name: TKey): ComponentsState[TKey];
 /**
  * Gets the currently registered ErrorInfo component.
@@ -16,6 +16,11 @@ export declare const PiralLoadingIndicator: React.ComponentType<LoadingIndicator
  * By default the BrowserRouter is used.
  */
 export declare const PiralRouter: React.ComponentType<RouterProps>;
+/**
+ * Gets the currently registered Route Switch component.
+ * By default the DefaultRouteSwitch component is used.
+ */
+export declare const PiralRouteSwitch: React.ComponentType<RouteSwitchProps>;
 /**
  * Gets the currently registered Layout component.
  * By default the children are rendered.

package/esm/components/components.js

@@ -3,6 +3,7 @@ import { useGlobalState } from '../hooks';
 export function getPiralComponent(name) {
     return (props) => {
         const Component = useGlobalState((s) => s.components[name]);
+        // tslint:disable-next-line:no-null-keyword
         return Component ? React.createElement(Component, Object.assign({}, props)) : null;
     };
 }
@@ -21,6 +22,11 @@ export const PiralLoadingIndicator = getPiralComponent('LoadingIndicator');
  * By default the BrowserRouter is used.
  */
 export const PiralRouter = getPiralComponent('Router');
+/**
+ * Gets the currently registered Route Switch component.
+ * By default the DefaultRouteSwitch component is used.
+ */
+export const PiralRouteSwitch = getPiralComponent('RouteSwitch');
 /**
  * Gets the currently registered Layout component.
  * By default the children are rendered.

package/esm/components/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/components/components.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG1C,MAAM,UAAU,iBAAiB,CAAqC,IAAU;IAC9E,OAAO,CAAC,KAAK,EAAE,EAAE;QACf,MAAM,SAAS,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5D,OAAO,SAAS,CAAC,CAAC,CAAC,oBAAC,SAAS,oBAAK,KAAK,EAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACrD,CAAC,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAwC,iBAAiB,CAAC,WAAW,CAAC,CAAC;AAE9F;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAA+C,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;AAEvH;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAqC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;AAEzF;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAqC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;AAEzF;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAwB,iBAAiB,CAAC,OAAO,CAAC,CAAC"}
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/components/components.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAU1C,MAAM,UAAU,iBAAiB,CAAqC,IAAU;IAC9E,OAAO,CAAC,KAAK,EAAE,EAAE;QACf,MAAM,SAAS,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5D,2CAA2C;QAC3C,OAAO,SAAS,CAAC,CAAC,CAAC,oBAAC,SAAS,oBAAK,KAAK,EAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACrD,CAAC,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAwC,iBAAiB,CAAC,WAAW,CAAC,CAAC;AAE9F;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAA+C,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;AAEvH;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAqC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;AAEzF;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAA0C,iBAAiB,CAAC,aAAa,CAAC,CAAC;AAExG;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAqC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;AAEzF;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAwB,iBAAiB,CAAC,OAAO,CAAC,CAAC"}

package/esm/components/index.d.ts

@@ -3,6 +3,7 @@ export * from './DefaultErrorInfo';
 export * from './DefaultLayout';
 export * from './DefaultLoader';
 export * from './DefaultRouter';
+export * from './DefaultRouteSwitch';
 export * from './ErrorBoundary';
 export * from './ExtensionSlot';
 export * from './Mediator';

package/esm/components/index.js

@@ -3,6 +3,7 @@ export * from './DefaultErrorInfo';
 export * from './DefaultLayout';
 export * from './DefaultLoader';
 export * from './DefaultRouter';
+export * from './DefaultRouteSwitch';
 export * from './ErrorBoundary';
 export * from './ExtensionSlot';
 export * from './Mediator';

package/esm/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC"}

package/esm/state/createGlobalState.js

@@ -1,5 +1,5 @@
 import { Atom } from '@dbeining/react-atom';
-import { DefaultErrorInfo, DefaultLoadingIndicator, DefaultLayout, DefaultRouter } from '../components';
+import { DefaultErrorInfo, DefaultLoadingIndicator, DefaultLayout, DefaultRouter, DefaultRouteSwitch, } from '../components';
 function extend(defaultState, customState) {
     for (const key of Object.keys(customState)) {
         if (key === '__proto__' || key === 'constructor') {
@@ -24,6 +24,7 @@ export function createGlobalState(customState = {}) {
             ErrorInfo: DefaultErrorInfo,
             LoadingIndicator: DefaultLoadingIndicator,
             Router: DefaultRouter,
+            RouteSwitch: DefaultRouteSwitch,
             Layout: DefaultLayout,
         },
         errorComponents: {},

package/esm/state/createGlobalState.js.map

@@ -1 +1 @@
-{"version":3,"file":"createGlobalState.js","sourceRoot":"","sources":["../../src/state/createGlobalState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAGxG,SAAS,MAAM,CAAI,YAAe,EAAE,WAA6B;IAC/D,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE;QAC1C,IAAI,GAAG,KAAK,WAAW,IAAI,GAAG,KAAK,aAAa,EAAE;YAChD,SAAS;SACV;QAED,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;QAC/B,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;QACnC,MAAM,MAAM,GAAG,OAAO,QAAQ,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC;QACzE,YAAY,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;KAC9D;IAED,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,cAA0C,EAAE;IAC5E,MAAM,YAAY,GAAgB;QAChC,GAAG,EAAE;YACH,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,OAAO,MAAM,KAAK,WAAW;YACtC,MAAM,EAAE,SAAS;YACjB,UAAU,EAAE,OAAO,CAAC,GAAG,CAAC,iBAAiB,IAAI,GAAG;SACjD;QACD,UAAU,EAAE;YACV,SAAS,EAAE,gBAAgB;YAC3B,gBAAgB,EAAE,uBAAuB;YACzC,MAAM,EAAE,aAAa;YACrB,MAAM,EAAE,aAAa;SACtB;QACD,eAAe,EAAE,EAAE;QACnB,QAAQ,EAAE;YACR,UAAU,EAAE,EAAE;YACd,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,EAAE;SACb;QACD,MAAM,EAAE,EAAE;QACV,IAAI,EAAE,EAAE;QACR,OAAO,EAAE,EAAE;QACX,OAAO,EAAE,EAAE;KACZ,CAAC;IAEF,OAAO,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;AACpD,CAAC"}
+{"version":3,"file":"createGlobalState.js","sourceRoot":"","sources":["../../src/state/createGlobalState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,aAAa,EACb,aAAa,EACb,kBAAkB,GACnB,MAAM,eAAe,CAAC;AAGvB,SAAS,MAAM,CAAI,YAAe,EAAE,WAA6B;IAC/D,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE;QAC1C,IAAI,GAAG,KAAK,WAAW,IAAI,GAAG,KAAK,aAAa,EAAE;YAChD,SAAS;SACV;QAED,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;QAC/B,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;QACnC,MAAM,MAAM,GAAG,OAAO,QAAQ,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC;QACzE,YAAY,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;KAC9D;IAED,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,cAA0C,EAAE;IAC5E,MAAM,YAAY,GAAgB;QAChC,GAAG,EAAE;YACH,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,OAAO,MAAM,KAAK,WAAW;YACtC,MAAM,EAAE,SAAS;YACjB,UAAU,EAAE,OAAO,CAAC,GAAG,CAAC,iBAAiB,IAAI,GAAG;SACjD;QACD,UAAU,EAAE;YACV,SAAS,EAAE,gBAAgB;YAC3B,gBAAgB,EAAE,uBAAuB;YACzC,MAAM,EAAE,aAAa;YACrB,WAAW,EAAE,kBAAkB;YAC/B,MAAM,EAAE,aAAa;SACtB;QACD,eAAe,EAAE,EAAE;QACnB,QAAQ,EAAE;YACR,UAAU,EAAE,EAAE;YACd,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,EAAE;SACb;QACD,MAAM,EAAE,EAAE;QACV,IAAI,EAAE,EAAE;QACR,OAAO,EAAE,EAAE;QACX,OAAO,EAAE,EAAE;KACZ,CAAC;IAEF,OAAO,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;AACpD,CAAC"}

package/esm/types/components.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentType } from 'react';
-import type { RouteComponentProps } from 'react-router';
+import type { RouteComponentProps, SwitchProps } from 'react-router';
 import type { FirstParametersOf, UnionOf } from './common';
 import type { PiralCustomErrors, PiralCustomComponentConverters } from './custom';
 import type { LayoutType } from './layout';
@@ -181,3 +181,25 @@ export interface LayoutProps {
  */
 export interface RouterProps {
 }
+/**
+ * The props of the RouteSwitch component.
+ */
+export interface RouteSwitchProps extends SwitchProps {
+    /**
+     * The component that should be used in case nothing was found.
+     */
+    NotFound: ComponentType<RouteComponentProps>;
+    /**
+     * The component to register for the different paths.
+     */
+    paths: Array<{
+        /**
+         * The exact path to use.
+         */
+        path: string;
+        /**
+         * The component to register for this path.
+         */
+        Component: ComponentType<RouteComponentProps>;
+    }>;
+}

package/esm/types/state.d.ts

@@ -7,7 +7,7 @@ import type { LayoutType } from './layout';
 import type { SharedDataItem, DataStoreTarget } from './data';
 import type { PiralCustomActions, PiralCustomState, PiralCustomRegistryState, PiralCustomComponentsState } from './custom';
 import type { PiletMetadata, EventEmitter, Pilet, BaseComponentProps, PageComponentProps, ExtensionComponentProps, PiletsBag, PiralPageMeta } from './api';
-import type { ComponentConverters, LoadingIndicatorProps, ErrorInfoProps, RouterProps, LayoutProps, Errors } from './components';
+import type { ComponentConverters, LoadingIndicatorProps, ErrorInfoProps, RouterProps, LayoutProps, Errors, RouteSwitchProps } from './components';
 export interface StateDispatcher<TState> {
     (state: TState): Partial<TState>;
 }
@@ -59,6 +59,10 @@ export interface ComponentsState extends PiralCustomComponentsState {
      * The layout used for pages.
      */
     Layout: ComponentType<LayoutProps>;
+    /**
+     * The route switch used for determining the route registration.
+     */
+    RouteSwitch: ComponentType<RouteSwitchProps>;
     /**
      * A component that can be used for debugging purposes.
      */

package/lib/components/DefaultRouteSwitch.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { RouteSwitchProps } from '../types';
+export declare const DefaultRouteSwitch: React.FC<RouteSwitchProps>;

package/lib/components/DefaultRouteSwitch.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultRouteSwitch = void 0;
+const tslib_1 = require("tslib");
+const React = require("react");
+const react_router_1 = require("react-router");
+const DefaultRouteSwitch = (_a) => {
+    var { paths, NotFound } = _a, props = (0, tslib_1.__rest)(_a, ["paths", "NotFound"]);
+    return (React.createElement(react_router_1.Switch, Object.assign({}, props),
+        paths.map(({ path, Component }) => (React.createElement(react_router_1.Route, { exact: true, key: path, path: path, component: Component }))),
+        React.createElement(react_router_1.Route, { component: NotFound })));
+};
+exports.DefaultRouteSwitch = DefaultRouteSwitch;
+//# sourceMappingURL=DefaultRouteSwitch.js.map

package/lib/components/DefaultRouteSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultRouteSwitch.js","sourceRoot":"","sources":["../../src/components/DefaultRouteSwitch.tsx"],"names":[],"mappings":";;;;AAAA,+BAA+B;AAC/B,+CAA6C;AAGtC,MAAM,kBAAkB,GAA+B,CAAC,EAA6B,EAAE,EAAE;QAAjC,EAAE,KAAK,EAAE,QAAQ,OAAY,EAAP,KAAK,2BAA3B,qBAA6B,CAAF;IACxF,OAAO,CACL,oBAAC,qBAAM,oBAAK,KAAK;QACd,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAClC,oBAAC,oBAAK,IAAC,KAAK,QAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,GAAI,CAC7D,CAAC;QACF,oBAAC,oBAAK,IAAC,SAAS,EAAE,QAAQ,GAAI,CACvB,CACV,CAAC;AACJ,CAAC,CAAC;AATW,QAAA,kBAAkB,sBAS7B"}

package/lib/components/PiralRoutes.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { RouteComponentProps, SwitchProps } from 'react-router';
+import { RouteSwitchProps } from '../types';
 /**
  * The props used by the PiralRoutes component.
  */
@@ -8,6 +9,10 @@ export interface RoutesProps extends SwitchProps {
      * Sets the component for showing the not found page.
      */
     NotFound: React.ComponentType<RouteComponentProps>;
+    /**
+     * Sets the component for actually switching the routes.
+     */
+    RouteSwitch: React.ComponentType<RouteSwitchProps>;
 }
 /**
  * The component for defining the exclusive routes to be used.

package/lib/components/PiralRoutes.js

@@ -3,19 +3,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PiralRoutes = void 0;
 const tslib_1 = require("tslib");
 const React = require("react");
-const react_router_1 = require("react-router");
 const hooks_1 = require("../hooks");
 /**
  * The component for defining the exclusive routes to be used.
  */
 const PiralRoutes = (_a) => {
-    var { NotFound } = _a, props = (0, tslib_1.__rest)(_a, ["NotFound"]);
+    var { NotFound, RouteSwitch } = _a, props = (0, tslib_1.__rest)(_a, ["NotFound", "RouteSwitch"]);
     const routes = (0, hooks_1.useGlobalState)((s) => s.routes);
     const pages = (0, hooks_1.useGlobalState)((s) => s.registry.pages);
-    return (React.createElement(react_router_1.Switch, Object.assign({}, props),
-        Object.keys(routes).map((url) => (React.createElement(react_router_1.Route, { exact: true, key: url, path: url, component: routes[url] }))),
-        Object.keys(pages).map((url) => (React.createElement(react_router_1.Route, { exact: true, key: url, path: url, component: pages[url].component }))),
-        React.createElement(react_router_1.Route, { component: NotFound })));
+    const paths = [];
+    Object.keys(routes).map((path) => paths.push({ path, Component: routes[path] }));
+    Object.keys(pages).map((path) => paths.push({ path, Component: pages[path].component }));
+    return React.createElement(RouteSwitch, Object.assign({ NotFound: NotFound, paths: paths }, props));
 };
 exports.PiralRoutes = PiralRoutes;
 exports.PiralRoutes.displayName = 'Routes';

package/lib/components/PiralRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"PiralRoutes.js","sourceRoot":"","sources":["../../src/components/PiralRoutes.tsx"],"names":[],"mappings":";;;;AAAA,+BAA+B;AAC/B,+CAA+E;AAC/E,oCAA0C;AAY1C;;GAEG;AACI,MAAM,WAAW,GAA0B,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,2BAApB,YAAsB,CAAF;IACrE,MAAM,MAAM,GAAG,IAAA,sBAAc,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/C,MAAM,KAAK,GAAG,IAAA,sBAAc,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,OAAO,CACL,oBAAC,qBAAM,oBAAK,KAAK;QACd,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAChC,oBAAC,oBAAK,IAAC,KAAK,QAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,CAAC,GAAI,CAC7D,CAAC;QACD,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAC/B,oBAAC,oBAAK,IAAC,KAAK,QAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,SAAS,GAAI,CACtE,CAAC;QACF,oBAAC,oBAAK,IAAC,SAAS,EAAE,QAAQ,GAAI,CACvB,CACV,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,WAAW,eAetB;AACF,mBAAW,CAAC,WAAW,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"PiralRoutes.js","sourceRoot":"","sources":["../../src/components/PiralRoutes.tsx"],"names":[],"mappings":";;;;AAAA,+BAA+B;AAE/B,oCAA0C;AAiB1C;;GAEG;AACI,MAAM,WAAW,GAA0B,CAAC,EAAmC,EAAE,EAAE;QAAvC,EAAE,QAAQ,EAAE,WAAW,OAAY,EAAP,KAAK,2BAAjC,2BAAmC,CAAF;IAClF,MAAM,MAAM,GAAG,IAAA,sBAAc,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/C,MAAM,KAAK,GAAG,IAAA,sBAAc,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,KAAK,GAAG,EAAE,CAAC;IAEjB,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;IACjF,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;IAEzF,OAAO,oBAAC,WAAW,kBAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,IAAM,KAAK,EAAI,CAAC;AACtE,CAAC,CAAC;AATW,QAAA,WAAW,eAStB;AACF,mBAAW,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/lib/components/PiralView.js

@@ -3,14 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PiralView = void 0;
 const React = require("react");
 const react_router_1 = require("react-router");
-const components_1 = require("./components");
 const PiralRoutes_1 = require("./PiralRoutes");
+const components_1 = require("./components");
 const hooks_1 = require("../hooks");
 const NotFound = (props) => React.createElement(components_1.PiralError, Object.assign({ type: "not_found" }, props));
 const PiralContent = () => {
     const { error, loading, layout } = (0, hooks_1.useGlobalState)((m) => m.app);
     return error ? (React.createElement(components_1.PiralError, { type: "loading", error: error })) : loading ? (React.createElement(components_1.PiralLoadingIndicator, null)) : (React.createElement(components_1.PiralLayout, { currentLayout: layout },
-        React.createElement(PiralRoutes_1.PiralRoutes, { NotFound: NotFound })));
+        React.createElement(PiralRoutes_1.PiralRoutes, { NotFound: NotFound, RouteSwitch: components_1.PiralRouteSwitch })));
 };
 const FallbackRouter = (props) => {
     const publicPath = (0, hooks_1.useGlobalState)((s) => s.app.publicPath);

package/lib/components/PiralView.js.map

@@ -1 +1 @@
-{"version":3,"file":"PiralView.js","sourceRoot":"","sources":["../../src/components/PiralView.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,+CAAiE;AACjE,6CAAuG;AACvG,+CAA4C;AAC5C,oCAA0C;AAE1C,MAAM,QAAQ,GAAkC,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,uBAAU,kBAAC,IAAI,EAAC,WAAW,IAAK,KAAK,EAAI,CAAC;AAEtG,MAAM,YAAY,GAAa,GAAG,EAAE;IAClC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAA,sBAAc,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAEhE,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,oBAAC,uBAAU,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,GAAI,CAC5C,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACZ,oBAAC,kCAAqB,OAAG,CAC1B,CAAC,CAAC,CAAC,CACF,oBAAC,wBAAW,IAAC,aAAa,EAAE,MAAM;QAChC,oBAAC,yBAAW,IAAC,QAAQ,EAAE,QAAQ,GAAI,CACvB,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAa,CAAC,KAAK,EAAE,EAAE;IACzC,MAAM,UAAU,GAAG,IAAA,sBAAc,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAC3D,OAAO,oBAAC,2BAAY,kBAAC,QAAQ,EAAC,GAAG,IAAK,KAAK,IAAE,QAAQ,EAAE,UAAU,IAAI,CAAC;AACxE,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,wBAAW,CAAC;AAE5E,MAAM,aAAa,GAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/C,MAAM,QAAQ,GAAG,IAAA,sBAAc,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC;IACrE,OAAO,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;AAC5D,CAAC,CAAC;AAOF;;;GAGG;AACI,MAAM,SAAS,GAA6B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACnE,oBAAC,aAAa;IACZ,oBAAC,MAAM;QACL,oBAAC,YAAY,OAAG;QACf,QAAQ;QACT,oBAAC,uBAAU,OAAG,CACP,CACK,CACjB,CAAC;AARW,QAAA,SAAS,aAQpB;AACF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
+{"version":3,"file":"PiralView.js","sourceRoot":"","sources":["../../src/components/PiralView.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,+CAAiE;AACjE,+CAA4C;AAC5C,6CAOsB;AACtB,oCAA0C;AAE1C,MAAM,QAAQ,GAAkC,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,uBAAU,kBAAC,IAAI,EAAC,WAAW,IAAK,KAAK,EAAI,CAAC;AAEtG,MAAM,YAAY,GAAa,GAAG,EAAE;IAClC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAA,sBAAc,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAEhE,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,oBAAC,uBAAU,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,GAAI,CAC5C,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACZ,oBAAC,kCAAqB,OAAG,CAC1B,CAAC,CAAC,CAAC,CACF,oBAAC,wBAAW,IAAC,aAAa,EAAE,MAAM;QAChC,oBAAC,yBAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,6BAAgB,GAAI,CACtD,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAa,CAAC,KAAK,EAAE,EAAE;IACzC,MAAM,UAAU,GAAG,IAAA,sBAAc,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAC3D,OAAO,oBAAC,2BAAY,kBAAC,QAAQ,EAAC,GAAG,IAAK,KAAK,IAAE,QAAQ,EAAE,UAAU,IAAI,CAAC;AACxE,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,wBAAW,CAAC;AAE5E,MAAM,aAAa,GAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/C,MAAM,QAAQ,GAAG,IAAA,sBAAc,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC;IACrE,OAAO,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;AAC5D,CAAC,CAAC;AAOF;;;GAGG;AACI,MAAM,SAAS,GAA6B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACnE,oBAAC,aAAa;IACZ,oBAAC,MAAM;QACL,oBAAC,YAAY,OAAG;QACf,QAAQ;QACT,oBAAC,uBAAU,OAAG,CACP,CACK,CACjB,CAAC;AARW,QAAA,SAAS,aAQpB;AACF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/lib/components/components.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ComponentsState, ErrorInfoProps, LoadingIndicatorProps, RouterProps, LayoutProps } from '../types';
+import { ComponentsState, ErrorInfoProps, LoadingIndicatorProps, RouterProps, LayoutProps, RouteSwitchProps } from '../types';
 export declare function getPiralComponent<TKey extends keyof ComponentsState>(name: TKey): ComponentsState[TKey];
 /**
  * Gets the currently registered ErrorInfo component.
@@ -16,6 +16,11 @@ export declare const PiralLoadingIndicator: React.ComponentType<LoadingIndicator
  * By default the BrowserRouter is used.
  */
 export declare const PiralRouter: React.ComponentType<RouterProps>;
+/**
+ * Gets the currently registered Route Switch component.
+ * By default the DefaultRouteSwitch component is used.
+ */
+export declare const PiralRouteSwitch: React.ComponentType<RouteSwitchProps>;
 /**
  * Gets the currently registered Layout component.
  * By default the children are rendered.

package/lib/components/components.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PiralDebug = exports.PiralLayout = exports.PiralRouter = exports.PiralLoadingIndicator = exports.PiralError = exports.getPiralComponent = void 0;
+exports.PiralDebug = exports.PiralLayout = exports.PiralRouteSwitch = exports.PiralRouter = exports.PiralLoadingIndicator = exports.PiralError = exports.getPiralComponent = void 0;
 const React = require("react");
 const hooks_1 = require("../hooks");
 function getPiralComponent(name) {
     return (props) => {
         const Component = (0, hooks_1.useGlobalState)((s) => s.components[name]);
+        // tslint:disable-next-line:no-null-keyword
         return Component ? React.createElement(Component, Object.assign({}, props)) : null;
     };
 }
@@ -25,6 +26,11 @@ exports.PiralLoadingIndicator = getPiralComponent('LoadingIndicator');
  * By default the BrowserRouter is used.
  */
 exports.PiralRouter = getPiralComponent('Router');
+/**
+ * Gets the currently registered Route Switch component.
+ * By default the DefaultRouteSwitch component is used.
+ */
+exports.PiralRouteSwitch = getPiralComponent('RouteSwitch');
 /**
  * Gets the currently registered Layout component.
  * By default the children are rendered.

package/lib/components/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/components/components.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,oCAA0C;AAG1C,SAAgB,iBAAiB,CAAqC,IAAU;IAC9E,OAAO,CAAC,KAAK,EAAE,EAAE;QACf,MAAM,SAAS,GAAG,IAAA,sBAAc,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5D,OAAO,SAAS,CAAC,CAAC,CAAC,oBAAC,SAAS,oBAAK,KAAK,EAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACrD,CAAC,CAAC;AACJ,CAAC;AALD,8CAKC;AAED;;;GAGG;AACU,QAAA,UAAU,GAAwC,iBAAiB,CAAC,WAAW,CAAC,CAAC;AAE9F;;;GAGG;AACU,QAAA,qBAAqB,GAA+C,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;AAEvH;;;GAGG;AACU,QAAA,WAAW,GAAqC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;AAEzF;;;GAGG;AACU,QAAA,WAAW,GAAqC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;AAEzF;;;GAGG;AACU,QAAA,UAAU,GAAwB,iBAAiB,CAAC,OAAO,CAAC,CAAC"}
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/components/components.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,oCAA0C;AAU1C,SAAgB,iBAAiB,CAAqC,IAAU;IAC9E,OAAO,CAAC,KAAK,EAAE,EAAE;QACf,MAAM,SAAS,GAAG,IAAA,sBAAc,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5D,2CAA2C;QAC3C,OAAO,SAAS,CAAC,CAAC,CAAC,oBAAC,SAAS,oBAAK,KAAK,EAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACrD,CAAC,CAAC;AACJ,CAAC;AAND,8CAMC;AAED;;;GAGG;AACU,QAAA,UAAU,GAAwC,iBAAiB,CAAC,WAAW,CAAC,CAAC;AAE9F;;;GAGG;AACU,QAAA,qBAAqB,GAA+C,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;AAEvH;;;GAGG;AACU,QAAA,WAAW,GAAqC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;AAEzF;;;GAGG;AACU,QAAA,gBAAgB,GAA0C,iBAAiB,CAAC,aAAa,CAAC,CAAC;AAExG;;;GAGG;AACU,QAAA,WAAW,GAAqC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;AAEzF;;;GAGG;AACU,QAAA,UAAU,GAAwB,iBAAiB,CAAC,OAAO,CAAC,CAAC"}

package/lib/components/index.d.ts

@@ -3,6 +3,7 @@ export * from './DefaultErrorInfo';
 export * from './DefaultLayout';
 export * from './DefaultLoader';
 export * from './DefaultRouter';
+export * from './DefaultRouteSwitch';
 export * from './ErrorBoundary';
 export * from './ExtensionSlot';
 export * from './Mediator';

package/lib/components/index.js

@@ -6,6 +6,7 @@ const tslib_1 = require("tslib");
 (0, tslib_1.__exportStar)(require("./DefaultLayout"), exports);
 (0, tslib_1.__exportStar)(require("./DefaultLoader"), exports);
 (0, tslib_1.__exportStar)(require("./DefaultRouter"), exports);
+(0, tslib_1.__exportStar)(require("./DefaultRouteSwitch"), exports);
 (0, tslib_1.__exportStar)(require("./ErrorBoundary"), exports);
 (0, tslib_1.__exportStar)(require("./ExtensionSlot"), exports);
 (0, tslib_1.__exportStar)(require("./Mediator"), exports);

package/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,4DAA6B;AAC7B,kEAAmC;AACnC,+DAAgC;AAChC,+DAAgC;AAChC,+DAAgC;AAChC,+DAAgC;AAChC,+DAAgC;AAChC,0DAA2B;AAC3B,6DAA8B;AAC9B,2DAA4B;AAC5B,gEAAiC;AACjC,kEAAmC;AACnC,8DAA+B;AAC/B,0DAA2B;AAC3B,2DAA4B;AAC5B,2DAA4B;AAC5B,6DAA8B;AAC9B,6DAA8B;AAC9B,0DAA2B;AAC3B,iEAAkC;AAClC,+DAAgC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,4DAA6B;AAC7B,kEAAmC;AACnC,+DAAgC;AAChC,+DAAgC;AAChC,+DAAgC;AAChC,oEAAqC;AACrC,+DAAgC;AAChC,+DAAgC;AAChC,0DAA2B;AAC3B,6DAA8B;AAC9B,2DAA4B;AAC5B,gEAAiC;AACjC,kEAAmC;AACnC,8DAA+B;AAC/B,0DAA2B;AAC3B,2DAA4B;AAC5B,2DAA4B;AAC5B,6DAA8B;AAC9B,6DAA8B;AAC9B,0DAA2B;AAC3B,iEAAkC;AAClC,+DAAgC"}

package/lib/state/createGlobalState.js

@@ -27,6 +27,7 @@ function createGlobalState(customState = {}) {
             ErrorInfo: components_1.DefaultErrorInfo,
             LoadingIndicator: components_1.DefaultLoadingIndicator,
             Router: components_1.DefaultRouter,
+            RouteSwitch: components_1.DefaultRouteSwitch,
             Layout: components_1.DefaultLayout,
         },
         errorComponents: {},

package/lib/state/createGlobalState.js.map

@@ -1 +1 @@
-{"version":3,"file":"createGlobalState.js","sourceRoot":"","sources":["../../src/state/createGlobalState.ts"],"names":[],"mappings":";;;AAAA,qDAA4C;AAC5C,8CAAwG;AAGxG,SAAS,MAAM,CAAI,YAAe,EAAE,WAA6B;IAC/D,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE;QAC1C,IAAI,GAAG,KAAK,WAAW,IAAI,GAAG,KAAK,aAAa,EAAE;YAChD,SAAS;SACV;QAED,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;QAC/B,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;QACnC,MAAM,MAAM,GAAG,OAAO,QAAQ,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC;QACzE,YAAY,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;KAC9D;IAED,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,SAAgB,iBAAiB,CAAC,cAA0C,EAAE;IAC5E,MAAM,YAAY,GAAgB;QAChC,GAAG,EAAE;YACH,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,OAAO,MAAM,KAAK,WAAW;YACtC,MAAM,EAAE,SAAS;YACjB,UAAU,EAAE,OAAO,CAAC,GAAG,CAAC,iBAAiB,IAAI,GAAG;SACjD;QACD,UAAU,EAAE;YACV,SAAS,EAAE,6BAAgB;YAC3B,gBAAgB,EAAE,oCAAuB;YACzC,MAAM,EAAE,0BAAa;YACrB,MAAM,EAAE,0BAAa;SACtB;QACD,eAAe,EAAE,EAAE;QACnB,QAAQ,EAAE;YACR,UAAU,EAAE,EAAE;YACd,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,EAAE;SACb;QACD,MAAM,EAAE,EAAE;QACV,IAAI,EAAE,EAAE;QACR,OAAO,EAAE,EAAE;QACX,OAAO,EAAE,EAAE;KACZ,CAAC;IAEF,OAAO,iBAAI,CAAC,EAAE,CAAC,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;AACpD,CAAC;AA3BD,8CA2BC"}
+{"version":3,"file":"createGlobalState.js","sourceRoot":"","sources":["../../src/state/createGlobalState.ts"],"names":[],"mappings":";;;AAAA,qDAA4C;AAC5C,8CAMuB;AAGvB,SAAS,MAAM,CAAI,YAAe,EAAE,WAA6B;IAC/D,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE;QAC1C,IAAI,GAAG,KAAK,WAAW,IAAI,GAAG,KAAK,aAAa,EAAE;YAChD,SAAS;SACV;QAED,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;QAC/B,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;QACnC,MAAM,MAAM,GAAG,OAAO,QAAQ,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC;QACzE,YAAY,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;KAC9D;IAED,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,SAAgB,iBAAiB,CAAC,cAA0C,EAAE;IAC5E,MAAM,YAAY,GAAgB;QAChC,GAAG,EAAE;YACH,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,OAAO,MAAM,KAAK,WAAW;YACtC,MAAM,EAAE,SAAS;YACjB,UAAU,EAAE,OAAO,CAAC,GAAG,CAAC,iBAAiB,IAAI,GAAG;SACjD;QACD,UAAU,EAAE;YACV,SAAS,EAAE,6BAAgB;YAC3B,gBAAgB,EAAE,oCAAuB;YACzC,MAAM,EAAE,0BAAa;YACrB,WAAW,EAAE,+BAAkB;YAC/B,MAAM,EAAE,0BAAa;SACtB;QACD,eAAe,EAAE,EAAE;QACnB,QAAQ,EAAE;YACR,UAAU,EAAE,EAAE;YACd,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,EAAE;SACb;QACD,MAAM,EAAE,EAAE;QACV,IAAI,EAAE,EAAE;QACR,OAAO,EAAE,EAAE;QACX,OAAO,EAAE,EAAE;KACZ,CAAC;IAEF,OAAO,iBAAI,CAAC,EAAE,CAAC,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;AACpD,CAAC;AA5BD,8CA4BC"}

package/lib/types/components.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentType } from 'react';
-import type { RouteComponentProps } from 'react-router';
+import type { RouteComponentProps, SwitchProps } from 'react-router';
 import type { FirstParametersOf, UnionOf } from './common';
 import type { PiralCustomErrors, PiralCustomComponentConverters } from './custom';
 import type { LayoutType } from './layout';
@@ -181,3 +181,25 @@ export interface LayoutProps {
  */
 export interface RouterProps {
 }
+/**
+ * The props of the RouteSwitch component.
+ */
+export interface RouteSwitchProps extends SwitchProps {
+    /**
+     * The component that should be used in case nothing was found.
+     */
+    NotFound: ComponentType<RouteComponentProps>;
+    /**
+     * The component to register for the different paths.
+     */
+    paths: Array<{
+        /**
+         * The exact path to use.
+         */
+        path: string;
+        /**
+         * The component to register for this path.
+         */
+        Component: ComponentType<RouteComponentProps>;
+    }>;
+}

package/lib/types/state.d.ts

@@ -7,7 +7,7 @@ import type { LayoutType } from './layout';
 import type { SharedDataItem, DataStoreTarget } from './data';
 import type { PiralCustomActions, PiralCustomState, PiralCustomRegistryState, PiralCustomComponentsState } from './custom';
 import type { PiletMetadata, EventEmitter, Pilet, BaseComponentProps, PageComponentProps, ExtensionComponentProps, PiletsBag, PiralPageMeta } from './api';
-import type { ComponentConverters, LoadingIndicatorProps, ErrorInfoProps, RouterProps, LayoutProps, Errors } from './components';
+import type { ComponentConverters, LoadingIndicatorProps, ErrorInfoProps, RouterProps, LayoutProps, Errors, RouteSwitchProps } from './components';
 export interface StateDispatcher<TState> {
     (state: TState): Partial<TState>;
 }
@@ -59,6 +59,10 @@ export interface ComponentsState extends PiralCustomComponentsState {
      * The layout used for pages.
      */
     Layout: ComponentType<LayoutProps>;
+    /**
+     * The route switch used for determining the route registration.
+     */
+    RouteSwitch: ComponentType<RouteSwitchProps>;
     /**
      * A component that can be used for debugging purposes.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "piral-core",
-  "version": "0.14.13",
+  "version": "0.14.14-beta.3765",
   "description": "The core library for creating a Piral instance.",
   "keywords": [
     "portal",
@@ -50,8 +50,8 @@
   },
   "dependencies": {
     "@dbeining/react-atom": "^4.0.0",
-    "piral-base": "^0.14.13",
-    "piral-debug-utils": "^0.14.13"
+    "piral-base": "0.14.14-beta.3765",
+    "piral-debug-utils": "0.14.14-beta.3765"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -77,5 +77,6 @@
     "path-to-regexp",
     "@libre/atom",
     "@dbeining/react-atom"
-  ]
+  ],
+  "gitHead": "f933f63d8d746f6f592e6d62a4f74921d8fbcc01"
 }

package/src/components/DefaultRouteSwitch.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { Switch, Route } from 'react-router';
+import { RouteSwitchProps } from '../types';
+
+export const DefaultRouteSwitch: React.FC<RouteSwitchProps> = ({ paths, NotFound, ...props }) => {
+  return (
+    <Switch {...props}>
+      {paths.map(({ path, Component }) => (
+        <Route exact key={path} path={path} component={Component} />
+      ))}
+      <Route component={NotFound} />
+    </Switch>
+  );
+};

package/src/components/PiralRoutes.test.tsx

@@ -2,6 +2,7 @@ import * as React from 'react';
 import * as hooks from '../hooks';
 import { MemoryRouter } from 'react-router';
 import { mount } from 'enzyme';
+import { DefaultRouteSwitch } from './DefaultRouteSwitch';
 import { PiralRoutes } from './PiralRoutes';
 
 const mountWithRouter = (node, url = '/') =>
@@ -52,7 +53,7 @@ StubBarPage.displayName = 'StubBarPage';
 
 describe('Routes Module', () => {
   it('always goes to the given home on "/"', () => {
-    const node = mountWithRouter(<PiralRoutes NotFound={StubNotFound} />, '/');
+    const node = mountWithRouter(<PiralRoutes NotFound={StubNotFound} RouteSwitch={DefaultRouteSwitch} />, '/');
     expect(node.find(StubHome).length).toBe(1);
     expect(node.find(StubNotFound).length).toBe(0);
     expect(node.find(StubCustomPage).length).toBe(0);
@@ -60,7 +61,7 @@ describe('Routes Module', () => {
   });
 
   it('goes to the not found on an invalid path', () => {
-    const node = mountWithRouter(<PiralRoutes NotFound={StubNotFound} />, '/qxz');
+    const node = mountWithRouter(<PiralRoutes NotFound={StubNotFound} RouteSwitch={DefaultRouteSwitch} />, '/qxz');
     expect(node.find(StubHome).length).toBe(0);
     expect(node.find(StubNotFound).length).toBe(1);
     expect(node.find(StubCustomPage).length).toBe(0);
@@ -68,7 +69,7 @@ describe('Routes Module', () => {
   });
 
   it('goes to the custom page on "/custom"', () => {
-    const node = mountWithRouter(<PiralRoutes NotFound={StubNotFound} />, '/custom');
+    const node = mountWithRouter(<PiralRoutes NotFound={StubNotFound} RouteSwitch={DefaultRouteSwitch} />, '/custom');
     expect(node.find(StubHome).length).toBe(0);
     expect(node.find(StubNotFound).length).toBe(0);
     expect(node.find(StubCustomPage).length).toBe(1);
@@ -76,7 +77,7 @@ describe('Routes Module', () => {
   });
 
   it('goes exactly to the page on "/foo/bar"', () => {
-    const node = mountWithRouter(<PiralRoutes NotFound={StubNotFound} />, '/foo/bar');
+    const node = mountWithRouter(<PiralRoutes NotFound={StubNotFound} RouteSwitch={DefaultRouteSwitch} />, '/foo/bar');
     expect(node.find(StubHome).length).toBe(0);
     expect(node.find(StubNotFound).length).toBe(0);
     expect(node.find(StubCustomPage).length).toBe(0);
@@ -84,7 +85,7 @@ describe('Routes Module', () => {
   });
 
   it('goes exactly to the page on "/foo"', () => {
-    const node = mountWithRouter(<PiralRoutes NotFound={StubNotFound} />, '/foo');
+    const node = mountWithRouter(<PiralRoutes NotFound={StubNotFound} RouteSwitch={DefaultRouteSwitch} />, '/foo');
     expect(node.find(StubHome).length).toBe(0);
     expect(node.find(StubNotFound).length).toBe(0);
     expect(node.find(StubCustomPage).length).toBe(0);
@@ -93,7 +94,7 @@ describe('Routes Module', () => {
   });
 
   it('goes exactly to the page on "/bar"', () => {
-    const node = mountWithRouter(<PiralRoutes NotFound={StubNotFound} />, '/bar');
+    const node = mountWithRouter(<PiralRoutes NotFound={StubNotFound} RouteSwitch={DefaultRouteSwitch} />, '/bar');
     expect(node.find(StubHome).length).toBe(0);
     expect(node.find(StubNotFound).length).toBe(0);
     expect(node.find(StubCustomPage).length).toBe(0);

package/src/components/PiralRoutes.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
-import { Route, Switch, RouteComponentProps, SwitchProps } from 'react-router';
+import { RouteComponentProps, SwitchProps } from 'react-router';
 import { useGlobalState } from '../hooks';
+import { RouteSwitchProps } from '../types';
 
 /**
  * The props used by the PiralRoutes component.
@@ -10,25 +11,23 @@ export interface RoutesProps extends SwitchProps {
    * Sets the component for showing the not found page.
    */
   NotFound: React.ComponentType<RouteComponentProps>;
+  /**
+   * Sets the component for actually switching the routes.
+   */
+  RouteSwitch: React.ComponentType<RouteSwitchProps>;
 }
 
 /**
  * The component for defining the exclusive routes to be used.
  */
-export const PiralRoutes: React.FC<RoutesProps> = ({ NotFound, ...props }) => {
+export const PiralRoutes: React.FC<RoutesProps> = ({ NotFound, RouteSwitch, ...props }) => {
   const routes = useGlobalState((s) => s.routes);
   const pages = useGlobalState((s) => s.registry.pages);
+  const paths = [];
+
+  Object.keys(routes).map((path) => paths.push({ path, Component: routes[path] }));
+  Object.keys(pages).map((path) => paths.push({ path, Component: pages[path].component }));
 
-  return (
-    <Switch {...props}>
-      {Object.keys(routes).map((url) => (
-        <Route exact key={url} path={url} component={routes[url]} />
-      ))}
-      {Object.keys(pages).map((url) => (
-        <Route exact key={url} path={url} component={pages[url].component} />
-      ))}
-      <Route component={NotFound} />
-    </Switch>
-  );
+  return <RouteSwitch NotFound={NotFound} paths={paths} {...props} />;
 };
 PiralRoutes.displayName = 'Routes';

package/src/components/PiralView.tsx

@@ -1,7 +1,14 @@
 import * as React from 'react';
 import { RouteComponentProps, StaticRouter } from 'react-router';
-import { PiralError, PiralRouter, PiralLoadingIndicator, PiralLayout, PiralDebug } from './components';
 import { PiralRoutes } from './PiralRoutes';
+import {
+  PiralError,
+  PiralRouter,
+  PiralLoadingIndicator,
+  PiralRouteSwitch,
+  PiralLayout,
+  PiralDebug,
+} from './components';
 import { useGlobalState } from '../hooks';
 
 const NotFound: React.FC<RouteComponentProps> = (props) => <PiralError type="not_found" {...props} />;
@@ -15,7 +22,7 @@ const PiralContent: React.FC = () => {
     <PiralLoadingIndicator />
   ) : (
     <PiralLayout currentLayout={layout}>
-      <PiralRoutes NotFound={NotFound} />
+      <PiralRoutes NotFound={NotFound} RouteSwitch={PiralRouteSwitch} />
     </PiralLayout>
   );
 };

package/src/components/components.tsx

@@ -1,10 +1,18 @@
 import * as React from 'react';
 import { useGlobalState } from '../hooks';
-import { ComponentsState, ErrorInfoProps, LoadingIndicatorProps, RouterProps, LayoutProps } from '../types';
+import {
+  ComponentsState,
+  ErrorInfoProps,
+  LoadingIndicatorProps,
+  RouterProps,
+  LayoutProps,
+  RouteSwitchProps,
+} from '../types';
 
 export function getPiralComponent<TKey extends keyof ComponentsState>(name: TKey): ComponentsState[TKey] {
   return (props) => {
     const Component = useGlobalState((s) => s.components[name]);
+    // tslint:disable-next-line:no-null-keyword
     return Component ? <Component {...props} /> : null;
   };
 }
@@ -27,6 +35,12 @@ export const PiralLoadingIndicator: React.ComponentType<LoadingIndicatorProps> =
  */
 export const PiralRouter: React.ComponentType<RouterProps> = getPiralComponent('Router');
 
+/**
+ * Gets the currently registered Route Switch component.
+ * By default the DefaultRouteSwitch component is used.
+ */
+export const PiralRouteSwitch: React.ComponentType<RouteSwitchProps> = getPiralComponent('RouteSwitch');
+
 /**
  * Gets the currently registered Layout component.
  * By default the children are rendered.

package/src/components/index.ts

@@ -3,6 +3,7 @@ export * from './DefaultErrorInfo';
 export * from './DefaultLayout';
 export * from './DefaultLoader';
 export * from './DefaultRouter';
+export * from './DefaultRouteSwitch';
 export * from './ErrorBoundary';
 export * from './ExtensionSlot';
 export * from './Mediator';

package/src/state/createGlobalState.test.ts

@@ -1,6 +1,12 @@
 import { deref } from '@dbeining/react-atom';
 import { createGlobalState } from './createGlobalState';
-import { DefaultErrorInfo, DefaultLoadingIndicator, DefaultLayout, DefaultRouter } from '../components';
+import {
+  DefaultErrorInfo,
+  DefaultLoadingIndicator,
+  DefaultLayout,
+  DefaultRouter,
+  DefaultRouteSwitch,
+} from '../components';
 
 process.env.PIRAL_PUBLIC_PATH = '/';
 
@@ -22,6 +28,7 @@ describe('Create Global State Module', () => {
         LoadingIndicator: DefaultLoadingIndicator,
         Router: DefaultRouter,
         Layout: DefaultLayout,
+        RouteSwitch: DefaultRouteSwitch,
       },
       routes: {},
       registry: {
@@ -50,6 +57,7 @@ describe('Create Global State Module', () => {
         LoadingIndicator: DefaultLoadingIndicator,
         Router: DefaultRouter,
         Layout: DefaultLayout,
+        RouteSwitch: DefaultRouteSwitch,
       },
       routes: {},
       registry: {
@@ -82,6 +90,7 @@ describe('Create Global State Module', () => {
         LoadingIndicator: DefaultLoadingIndicator,
         Router: DefaultRouter,
         Layout: DefaultLayout,
+        RouteSwitch: DefaultRouteSwitch,
       },
       routes,
       registry: {
@@ -110,6 +119,7 @@ describe('Create Global State Module', () => {
         LoadingIndicator: DefaultLoadingIndicator,
         Router: DefaultRouter,
         Layout: DefaultLayout,
+        RouteSwitch: DefaultRouteSwitch,
       },
       registry: {
         extensions: {},
@@ -140,6 +150,7 @@ describe('Create Global State Module', () => {
         LoadingIndicator: DefaultLoadingIndicator,
         Router: DefaultRouter,
         Layout: DefaultLayout,
+        RouteSwitch: DefaultRouteSwitch,
       },
       registry: {
         extensions: {},
@@ -170,6 +181,7 @@ describe('Create Global State Module', () => {
         LoadingIndicator: DefaultLoadingIndicator,
         Router: DefaultRouter,
         Layout: DefaultLayout,
+        RouteSwitch: DefaultRouteSwitch,
       },
       registry: {
         extensions: {},
@@ -206,6 +218,7 @@ describe('Create Global State Module', () => {
         LoadingIndicator: DefaultLoadingIndicator,
         Router: DefaultRouter,
         Layout: DefaultLayout,
+        RouteSwitch: DefaultRouteSwitch,
       },
       registry: {
         extensions: {},
@@ -241,6 +254,7 @@ describe('Create Global State Module', () => {
         LoadingIndicator: DefaultLoadingIndicator,
         Router: DefaultRouter,
         Layout: DefaultLayout,
+        RouteSwitch: DefaultRouteSwitch,
       },
       registry: {
         extensions: {},

package/src/state/createGlobalState.ts

@@ -1,5 +1,11 @@
 import { Atom } from '@dbeining/react-atom';
-import { DefaultErrorInfo, DefaultLoadingIndicator, DefaultLayout, DefaultRouter } from '../components';
+import {
+  DefaultErrorInfo,
+  DefaultLoadingIndicator,
+  DefaultLayout,
+  DefaultRouter,
+  DefaultRouteSwitch,
+} from '../components';
 import { GlobalState, NestedPartial } from '../types';
 
 function extend<T>(defaultState: T, customState: NestedPartial<T>) {
@@ -29,6 +35,7 @@ export function createGlobalState(customState: NestedPartial<GlobalState> = {})
       ErrorInfo: DefaultErrorInfo,
       LoadingIndicator: DefaultLoadingIndicator,
       Router: DefaultRouter,
+      RouteSwitch: DefaultRouteSwitch,
       Layout: DefaultLayout,
     },
     errorComponents: {},

package/src/types/components.ts

@@ -1,5 +1,5 @@
 import type { ComponentType } from 'react';
-import type { RouteComponentProps } from 'react-router';
+import type { RouteComponentProps, SwitchProps } from 'react-router';
 import type { FirstParametersOf, UnionOf } from './common';
 import type { PiralCustomErrors, PiralCustomComponentConverters } from './custom';
 import type { LayoutType } from './layout';
@@ -194,3 +194,26 @@ export interface LayoutProps {
  * The props of a Router component.
  */
 export interface RouterProps {}
+
+/**
+ * The props of the RouteSwitch component.
+ */
+export interface RouteSwitchProps extends SwitchProps {
+  /**
+   * The component that should be used in case nothing was found.
+   */
+  NotFound: ComponentType<RouteComponentProps>;
+  /**
+   * The component to register for the different paths.
+   */
+  paths: Array<{
+    /**
+     * The exact path to use.
+     */
+    path: string;
+    /**
+     * The component to register for this path.
+     */
+    Component: ComponentType<RouteComponentProps>;
+  }>;
+}

package/src/types/state.ts

@@ -28,6 +28,7 @@ import type {
   RouterProps,
   LayoutProps,
   Errors,
+  RouteSwitchProps,
 } from './components';
 
 export interface StateDispatcher<TState> {
@@ -87,6 +88,10 @@ export interface ComponentsState extends PiralCustomComponentsState {
    * The layout used for pages.
    */
   Layout: ComponentType<LayoutProps>;
+  /**
+   * The route switch used for determining the route registration.
+   */
+  RouteSwitch: ComponentType<RouteSwitchProps>;
   /**
    * A component that can be used for debugging purposes.
    */