piral-core 0.15.0-beta.4512 → 0.15.0-beta.4544

package/app.codegen

@@ -187,13 +187,16 @@ function createDefaultState(imports, exports) {
     `);
   }
 
+  exports.push(`
+    export const publicPath = ${JSON.stringify(publicPath)};
+  `);
+
   exports.push(`
     export function createDefaultState() {
       return {
         app: {
           error: undefined,
           loading: typeof window !== 'undefined',
-          publicPath: ${JSON.stringify(publicPath)},
         },
         components: {
           ErrorInfo: DefaultErrorInfo,
@@ -239,7 +242,8 @@ function createRouteHandler(imports, exports) {
   const assignments = [];
 
   imports.push(
-    `import { useContext, useEffect } from 'react';`,
+    `import { useContext, useEffect, createElement } from 'react';`,
+    `import { Redirect } from 'react-router';`,
     `import { useGlobalStateContext } from 'piral-core/${cat}/hooks/globalState';`,
   );
 
@@ -254,6 +258,12 @@ function createRouteHandler(imports, exports) {
     assignments.push('return paths;');
   }
 
+  exports.push(`
+    export function createRedirect(to) {
+      return () => createElement(Redirect, { to });
+    }
+  `);
+
   exports.push(`
     export function useRouterContext() {
       return useContext(RouterContext);

package/app.codegen.d.ts

@@ -1,12 +1,17 @@
 import type { LoadPiletsOptions } from 'prial-base';
 import type { DebuggerExtensionOptions } from 'piral-debug-utils';
+import type { ComponentType } from 'react';
 import type { RouteComponentProps } from 'react-router';
 import type { AppPath, GlobalState, GlobalStateContext, NavigationApi } from './src/types';
 
+export const publicPath: string;
+
 export function createNavigation(): NavigationApi;
 
 export function createDefaultState(): GlobalState;
 
+export function createRedirect(to: string): ComponentType<RouteComponentProps>;
+
 export function fillDependencies(deps: Record<string, any>): void;
 
 export function useRouteFilter(paths: Array<AppPath>): Array<AppPath>;

package/esm/Piral.js

@@ -1,14 +1,8 @@
 import * as React from 'react';
-import { StaticRouter } from 'react-router';
 import { createInstance } from './createInstance';
 import { PiralView, RegisteredRouter } from './components';
-import { useGlobalState } from './hooks';
 import { PiralContext } from './PiralContext';
-const FallbackRouter = (props) => {
-    const publicPath = useGlobalState((s) => s.app.publicPath);
-    return React.createElement(StaticRouter, Object.assign({ location: "/" }, props, { basename: publicPath }));
-};
-const Router = typeof window === 'undefined' ? FallbackRouter : RegisteredRouter;
+import { publicPath } from '../app.codegen';
 /**
  * Represents the Piral app shell frame. Use this component together
  * with an existing instance to render the app shell.
@@ -25,7 +19,7 @@ const app = (
 ```
  */
 export const Piral = ({ instance = createInstance(), breakpoints, children }) => (React.createElement(PiralContext, { instance: instance },
-    React.createElement(Router, null,
+    React.createElement(RegisteredRouter, { publicPath: publicPath },
         React.createElement(PiralView, { breakpoints: breakpoints }, children))));
 Piral.displayName = 'Piral';
 //# sourceMappingURL=Piral.js.map

package/esm/Piral.js.map

@@ -1 +1 @@
-{"version":3,"file":"Piral.js","sourceRoot":"","sources":["../src/Piral.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,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,gBAAgB,CAAC;AAEjF;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAAE,QAAQ,GAAG,cAAc,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACrG,oBAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ;IAC9B,oBAAC,MAAM;QACL,oBAAC,SAAS,IAAC,WAAW,EAAE,WAAW,IAAG,QAAQ,CAAa,CACpD,CACI,CAChB,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
+{"version":3,"file":"Piral.js","sourceRoot":"","sources":["../src/Piral.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG5C;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAAE,QAAQ,GAAG,cAAc,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACrG,oBAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ;IAC9B,oBAAC,gBAAgB,IAAC,UAAU,EAAE,UAAU;QACtC,oBAAC,SAAS,IAAC,WAAW,EAAE,WAAW,IAAG,QAAQ,CAAa,CAC1C,CACN,CAChB,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/esm/components/wrapComponent.js

@@ -3,6 +3,7 @@ import { PortalRenderer } from './PortalRenderer';
 import { ForeignComponentContainer } from './ForeignComponentContainer';
 import { useGlobalStateContext } from '../hooks';
 import { convertComponent, none } from '../utils';
+import { publicPath } from '../../app.codegen';
 // this is an arbitrary start number to have 6 digits
 let portalIdBase = 123456;
 function wrapReactComponent(Component, captured, Wrapper) {
@@ -11,8 +12,7 @@ function wrapReactComponent(Component, captured, Wrapper) {
 }
 function wrapForeignComponent(component, captured, Wrapper) {
     return React.memo((props) => {
-        const { readState, destroyPortal, navigation } = useGlobalStateContext();
-        const publicPath = readState(s => s.app.publicPath);
+        const { destroyPortal, navigation } = useGlobalStateContext();
         const id = React.useMemo(() => (portalIdBase++).toString(26), none);
         const context = React.useMemo(() => ({ publicPath, navigation }), []);
         const innerProps = React.useMemo(() => (Object.assign(Object.assign({}, props), captured)), [props]);

package/esm/components/wrapComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"wrapComponent.js","sourceRoot":"","sources":["../../src/components/wrapComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGlD,qDAAqD;AACrD,IAAI,YAAY,GAAG,MAAM,CAAC;AAM1B,SAAS,kBAAkB,CACzB,SAAsD,EACtD,QAAuB,EACvB,OAAoB;IAEpB,OAAO,CAAC,KAAQ,EAAE,EAAE,CAAC,CACnB,oBAAC,OAAO,oBAAK,KAAK;QAChB,oBAAC,SAAS,oBAAK,KAAK,EAAM,QAAQ,EAAI,CAC9B,CACX,CAAC;AACJ,CAAC;AAED,SAAS,oBAAoB,CAC3B,SAAmD,EACnD,QAAuB,EACvB,OAAoB;IAEpB,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,KAAQ,EAAE,EAAE;QAC7B,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,qBAAqB,EAAE,CAAC;QACzE,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QACpD,MAAM,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;QACpE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QACtE,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,iCAAM,KAAK,GAAK,QAAQ,EAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;QAE7E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;QAErD,OAAO,CACL,oBAAC,OAAO,oBAAK,KAAK;YAChB,oBAAC,cAAc,IAAC,EAAE,EAAE,EAAE,GAAI;YAC1B,oBAAC,yBAAyB,IAAC,UAAU,EAAE,UAAU,eAAa,EAAE,gBAAc,SAAS,cAAY,OAAO,GAAI,CACtG,CACX,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,WAAW,CAAC,SAAc;IACjC,OAAO,CAAE,SAAmC,CAAC,QAAQ,CAAC;AACxD,CAAC;AAED,MAAM,UAAU,aAAa,CAC3B,UAAuD,EACvD,SAA+C,EAC/C,QAAuB,EACvB,OAAoB;IAEpB,IAAI,CAAC,SAAS,EAAE;QACd,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;QACvC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,6CAA6C,CAAC,CAAC;QACtE,2CAA2C;QAC3C,SAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC;KACxB;IAED,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,WAAW,CAAC,SAAS,CAAC,EAAE;QAC3D,MAAM,MAAM,GAAG,gBAAgB,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,CAAC;QACvE,OAAO,oBAAoB,CAAI,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;KAC3D;IAED,OAAO,kBAAkB,CAAI,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;AAC7D,CAAC"}
+{"version":3,"file":"wrapComponent.js","sourceRoot":"","sources":["../../src/components/wrapComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,qDAAqD;AACrD,IAAI,YAAY,GAAG,MAAM,CAAC;AAM1B,SAAS,kBAAkB,CACzB,SAAsD,EACtD,QAAuB,EACvB,OAAoB;IAEpB,OAAO,CAAC,KAAQ,EAAE,EAAE,CAAC,CACnB,oBAAC,OAAO,oBAAK,KAAK;QAChB,oBAAC,SAAS,oBAAK,KAAK,EAAM,QAAQ,EAAI,CAC9B,CACX,CAAC;AACJ,CAAC;AAED,SAAS,oBAAoB,CAC3B,SAAmD,EACnD,QAAuB,EACvB,OAAoB;IAEpB,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,KAAQ,EAAE,EAAE;QAC7B,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,qBAAqB,EAAE,CAAC;QAC9D,MAAM,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;QACpE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QACtE,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,iCAAM,KAAK,GAAK,QAAQ,EAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;QAE7E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;QAErD,OAAO,CACL,oBAAC,OAAO,oBAAK,KAAK;YAChB,oBAAC,cAAc,IAAC,EAAE,EAAE,EAAE,GAAI;YAC1B,oBAAC,yBAAyB,IAAC,UAAU,EAAE,UAAU,eAAa,EAAE,gBAAc,SAAS,cAAY,OAAO,GAAI,CACtG,CACX,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,WAAW,CAAC,SAAc;IACjC,OAAO,CAAE,SAAmC,CAAC,QAAQ,CAAC;AACxD,CAAC;AAED,MAAM,UAAU,aAAa,CAC3B,UAAuD,EACvD,SAA+C,EAC/C,QAAuB,EACvB,OAAoB;IAEpB,IAAI,CAAC,SAAS,EAAE;QACd,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;QACvC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,6CAA6C,CAAC,CAAC;QACtE,2CAA2C;QAC3C,SAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC;KACxB;IAED,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,WAAW,CAAC,SAAS,CAAC,EAAE;QAC3D,MAAM,MAAM,GAAG,gBAAgB,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,CAAC;QACvE,OAAO,oBAAoB,CAAI,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;KAC3D;IAED,OAAO,kBAAkB,CAAI,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;AAC7D,CAAC"}

package/esm/defaults/DefaultRouter_v5.js

@@ -1,8 +1,6 @@
 import * as React from 'react';
 import { BrowserRouter } from 'react-router-dom';
-import { useGlobalState } from '../hooks';
-export const DefaultRouter = ({ children }) => {
-    const publicPath = useGlobalState((s) => s.app.publicPath);
+export const DefaultRouter = ({ children, publicPath }) => {
     return React.createElement(BrowserRouter, { basename: publicPath }, children);
 };
 DefaultRouter.displayName = 'DefaultRouter';

package/esm/defaults/DefaultRouter_v5.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultRouter_v5.js","sourceRoot":"","sources":["../../src/defaults/DefaultRouter_v5.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG1C,MAAM,CAAC,MAAM,aAAa,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnE,MAAM,UAAU,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAC3D,OAAO,oBAAC,aAAa,IAAC,QAAQ,EAAE,UAAU,IAAG,QAAQ,CAAiB,CAAC;AACzE,CAAC,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
+{"version":3,"file":"DefaultRouter_v5.js","sourceRoot":"","sources":["../../src/defaults/DefaultRouter_v5.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,MAAM,CAAC,MAAM,aAAa,GAA0B,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,EAAE;IAC/E,OAAO,oBAAC,aAAa,IAAC,QAAQ,EAAE,UAAU,IAAG,QAAQ,CAAiB,CAAC;AACzE,CAAC,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/esm/defaults/DefaultRouter_v6.js

@@ -1,8 +1,6 @@
 import * as React from 'react';
 import { BrowserRouter } from 'react-router-dom';
-import { useGlobalState } from '../hooks';
-export const DefaultRouter = ({ children }) => {
-    const publicPath = useGlobalState((s) => s.app.publicPath);
+export const DefaultRouter = ({ children, publicPath }) => {
     return React.createElement(BrowserRouter, { basename: publicPath }, children);
 };
 DefaultRouter.displayName = 'DefaultRouter';

package/esm/defaults/DefaultRouter_v6.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultRouter_v6.js","sourceRoot":"","sources":["../../src/defaults/DefaultRouter_v6.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG1C,MAAM,CAAC,MAAM,aAAa,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnE,MAAM,UAAU,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAC3D,OAAO,oBAAC,aAAa,IAAC,QAAQ,EAAE,UAAU,IAAG,QAAQ,CAAiB,CAAC;AACzE,CAAC,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
+{"version":3,"file":"DefaultRouter_v6.js","sourceRoot":"","sources":["../../src/defaults/DefaultRouter_v6.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,MAAM,CAAC,MAAM,aAAa,GAA0B,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,EAAE;IAC/E,OAAO,oBAAC,aAAa,IAAC,QAAQ,EAAE,UAAU,IAAG,QAAQ,CAAiB,CAAC;AACzE,CAAC,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/esm/index.d.ts

@@ -1,9 +1,10 @@
 export * from './createInstance';
-export * from './Piral';
 export * from './helpers';
 export * from './components';
 export * from './hooks';
 export * from './setters';
 export * from './state';
 export * from './utils';
+export * from './Piral';
+export * from './PiralContext';
 export * from './types';

package/esm/index.js

@@ -1,10 +1,11 @@
 export * from './createInstance';
-export * from './Piral';
 export * from './helpers';
 export * from './components';
 export * from './hooks';
 export * from './setters';
 export * from './state';
 export * from './utils';
+export * from './Piral';
+export * from './PiralContext';
 export * from './types';
 //# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}

package/esm/setters/SetRedirect.js

@@ -1,12 +1,11 @@
-import * as React from 'react';
-import { Redirect } from 'react-router';
 import { useGlobalStateContext, useSetter } from '../hooks';
+import { createRedirect } from '../../app.codegen';
 /**
  * The component capable of setting a global redirect route at mounting.
  */
 export function SetRedirect({ from, to }) {
     const { setRoute } = useGlobalStateContext();
-    useSetter(() => setRoute(from, () => React.createElement(Redirect, { to: to })));
+    useSetter(() => setRoute(from, createRedirect(to)));
     // tslint:disable-next-line:no-null-keyword
     return null;
 }

package/esm/setters/SetRedirect.js.map

@@ -1 +1 @@
-{"version":3,"file":"SetRedirect.js","sourceRoot":"","sources":["../../src/setters/SetRedirect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAgB5D;;GAEG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE,EAAoB;IACxD,MAAM,EAAE,QAAQ,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAC7C,SAAS,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,oBAAC,QAAQ,IAAC,EAAE,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC;IAC5D,2CAA2C;IAC3C,OAAO,IAAI,CAAC;AACd,CAAC"}
+{"version":3,"file":"SetRedirect.js","sourceRoot":"","sources":["../../src/setters/SetRedirect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAgBnD;;GAEG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE,EAAoB;IACxD,MAAM,EAAE,QAAQ,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAC7C,SAAS,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACpD,2CAA2C;IAC3C,OAAO,IAAI,CAAC;AACd,CAAC"}

package/esm/types/components.d.ts

@@ -193,6 +193,10 @@ export interface RouterProps {
      * The content to be rendered inside the router.
      */
     children?: ReactNode;
+    /**
+     * The public path to use.
+     */
+    publicPath: string;
 }
 /**
  * Represents a path in the app registration.

package/esm/types/state.d.ts

@@ -94,10 +94,6 @@ export interface AppState {
      * Gets an unrecoverable application error, if any.
      */
     error: Error | undefined;
-    /**
-     * Gets the public path of the application.
-     */
-    publicPath: string;
 }
 /**
  * The Piral global app sub-state container for component registrations.

package/lib/Piral.js

@@ -2,16 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Piral = void 0;
 const React = require("react");
-const react_router_1 = require("react-router");
 const createInstance_1 = require("./createInstance");
 const components_1 = require("./components");
-const hooks_1 = require("./hooks");
 const PiralContext_1 = require("./PiralContext");
-const FallbackRouter = (props) => {
-    const publicPath = (0, hooks_1.useGlobalState)((s) => s.app.publicPath);
-    return React.createElement(react_router_1.StaticRouter, Object.assign({ location: "/" }, props, { basename: publicPath }));
-};
-const Router = typeof window === 'undefined' ? FallbackRouter : components_1.RegisteredRouter;
+const app_codegen_1 = require("../app.codegen");
 /**
  * Represents the Piral app shell frame. Use this component together
  * with an existing instance to render the app shell.
@@ -28,7 +22,7 @@ const app = (
 ```
  */
 const Piral = ({ instance = (0, createInstance_1.createInstance)(), breakpoints, children }) => (React.createElement(PiralContext_1.PiralContext, { instance: instance },
-    React.createElement(Router, null,
+    React.createElement(components_1.RegisteredRouter, { publicPath: app_codegen_1.publicPath },
         React.createElement(components_1.PiralView, { breakpoints: breakpoints }, children))));
 exports.Piral = Piral;
 exports.Piral.displayName = 'Piral';

package/lib/Piral.js.map

@@ -1 +1 @@
-{"version":3,"file":"Piral.js","sourceRoot":"","sources":["../src/Piral.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,+CAA4C;AAC5C,qDAAkD;AAClD,6CAA2D;AAC3D,mCAAyC;AACzC,iDAA8C;AAG9C,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,6BAAgB,CAAC;AAEjF;;;;;;;;;;;;;;GAcG;AACI,MAAM,KAAK,GAAyB,CAAC,EAAE,QAAQ,GAAG,IAAA,+BAAc,GAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACrG,oBAAC,2BAAY,IAAC,QAAQ,EAAE,QAAQ;IAC9B,oBAAC,MAAM;QACL,oBAAC,sBAAS,IAAC,WAAW,EAAE,WAAW,IAAG,QAAQ,CAAa,CACpD,CACI,CAChB,CAAC;AANW,QAAA,KAAK,SAMhB;AACF,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
+{"version":3,"file":"Piral.js","sourceRoot":"","sources":["../src/Piral.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,qDAAkD;AAClD,6CAA2D;AAC3D,iDAA8C;AAC9C,gDAA4C;AAG5C;;;;;;;;;;;;;;GAcG;AACI,MAAM,KAAK,GAAyB,CAAC,EAAE,QAAQ,GAAG,IAAA,+BAAc,GAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACrG,oBAAC,2BAAY,IAAC,QAAQ,EAAE,QAAQ;IAC9B,oBAAC,6BAAgB,IAAC,UAAU,EAAE,wBAAU;QACtC,oBAAC,sBAAS,IAAC,WAAW,EAAE,WAAW,IAAG,QAAQ,CAAa,CAC1C,CACN,CAChB,CAAC;AANW,QAAA,KAAK,SAMhB;AACF,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/lib/components/wrapComponent.js

@@ -6,6 +6,7 @@ const PortalRenderer_1 = require("./PortalRenderer");
 const ForeignComponentContainer_1 = require("./ForeignComponentContainer");
 const hooks_1 = require("../hooks");
 const utils_1 = require("../utils");
+const app_codegen_1 = require("../../app.codegen");
 // this is an arbitrary start number to have 6 digits
 let portalIdBase = 123456;
 function wrapReactComponent(Component, captured, Wrapper) {
@@ -14,10 +15,9 @@ function wrapReactComponent(Component, captured, Wrapper) {
 }
 function wrapForeignComponent(component, captured, Wrapper) {
     return React.memo((props) => {
-        const { readState, destroyPortal, navigation } = (0, hooks_1.useGlobalStateContext)();
-        const publicPath = readState(s => s.app.publicPath);
+        const { destroyPortal, navigation } = (0, hooks_1.useGlobalStateContext)();
         const id = React.useMemo(() => (portalIdBase++).toString(26), utils_1.none);
-        const context = React.useMemo(() => ({ publicPath, navigation }), []);
+        const context = React.useMemo(() => ({ publicPath: app_codegen_1.publicPath, navigation }), []);
         const innerProps = React.useMemo(() => (Object.assign(Object.assign({}, props), captured)), [props]);
         React.useEffect(() => () => destroyPortal(id), utils_1.none);
         return (React.createElement(Wrapper, Object.assign({}, props),

package/lib/components/wrapComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"wrapComponent.js","sourceRoot":"","sources":["../../src/components/wrapComponent.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,qDAAkD;AAClD,2EAAwE;AACxE,oCAAiD;AACjD,oCAAkD;AAGlD,qDAAqD;AACrD,IAAI,YAAY,GAAG,MAAM,CAAC;AAM1B,SAAS,kBAAkB,CACzB,SAAsD,EACtD,QAAuB,EACvB,OAAoB;IAEpB,OAAO,CAAC,KAAQ,EAAE,EAAE,CAAC,CACnB,oBAAC,OAAO,oBAAK,KAAK;QAChB,oBAAC,SAAS,oBAAK,KAAK,EAAM,QAAQ,EAAI,CAC9B,CACX,CAAC;AACJ,CAAC;AAED,SAAS,oBAAoB,CAC3B,SAAmD,EACnD,QAAuB,EACvB,OAAoB;IAEpB,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,KAAQ,EAAE,EAAE;QAC7B,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,IAAA,6BAAqB,GAAE,CAAC;QACzE,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QACpD,MAAM,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,YAAI,CAAC,CAAC;QACpE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QACtE,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,iCAAM,KAAK,GAAK,QAAQ,EAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;QAE7E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,EAAE,YAAI,CAAC,CAAC;QAErD,OAAO,CACL,oBAAC,OAAO,oBAAK,KAAK;YAChB,oBAAC,+BAAc,IAAC,EAAE,EAAE,EAAE,GAAI;YAC1B,oBAAC,qDAAyB,IAAC,UAAU,EAAE,UAAU,eAAa,EAAE,gBAAc,SAAS,cAAY,OAAO,GAAI,CACtG,CACX,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,WAAW,CAAC,SAAc;IACjC,OAAO,CAAE,SAAmC,CAAC,QAAQ,CAAC;AACxD,CAAC;AAED,SAAgB,aAAa,CAC3B,UAAuD,EACvD,SAA+C,EAC/C,QAAuB,EACvB,OAAoB;IAEpB,IAAI,CAAC,SAAS,EAAE;QACd,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;QACvC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,6CAA6C,CAAC,CAAC;QACtE,2CAA2C;QAC3C,SAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC;KACxB;IAED,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,WAAW,CAAC,SAAS,CAAC,EAAE;QAC3D,MAAM,MAAM,GAAG,IAAA,wBAAgB,EAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,CAAC;QACvE,OAAO,oBAAoB,CAAI,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;KAC3D;IAED,OAAO,kBAAkB,CAAI,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;AAC7D,CAAC;AAnBD,sCAmBC"}
+{"version":3,"file":"wrapComponent.js","sourceRoot":"","sources":["../../src/components/wrapComponent.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,qDAAkD;AAClD,2EAAwE;AACxE,oCAAiD;AACjD,oCAAkD;AAClD,mDAA+C;AAG/C,qDAAqD;AACrD,IAAI,YAAY,GAAG,MAAM,CAAC;AAM1B,SAAS,kBAAkB,CACzB,SAAsD,EACtD,QAAuB,EACvB,OAAoB;IAEpB,OAAO,CAAC,KAAQ,EAAE,EAAE,CAAC,CACnB,oBAAC,OAAO,oBAAK,KAAK;QAChB,oBAAC,SAAS,oBAAK,KAAK,EAAM,QAAQ,EAAI,CAC9B,CACX,CAAC;AACJ,CAAC;AAED,SAAS,oBAAoB,CAC3B,SAAmD,EACnD,QAAuB,EACvB,OAAoB;IAEpB,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,KAAQ,EAAE,EAAE;QAC7B,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,IAAA,6BAAqB,GAAE,CAAC;QAC9D,MAAM,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,YAAI,CAAC,CAAC;QACpE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,UAAU,EAAV,wBAAU,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QACtE,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,iCAAM,KAAK,GAAK,QAAQ,EAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;QAE7E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,EAAE,YAAI,CAAC,CAAC;QAErD,OAAO,CACL,oBAAC,OAAO,oBAAK,KAAK;YAChB,oBAAC,+BAAc,IAAC,EAAE,EAAE,EAAE,GAAI;YAC1B,oBAAC,qDAAyB,IAAC,UAAU,EAAE,UAAU,eAAa,EAAE,gBAAc,SAAS,cAAY,OAAO,GAAI,CACtG,CACX,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,WAAW,CAAC,SAAc;IACjC,OAAO,CAAE,SAAmC,CAAC,QAAQ,CAAC;AACxD,CAAC;AAED,SAAgB,aAAa,CAC3B,UAAuD,EACvD,SAA+C,EAC/C,QAAuB,EACvB,OAAoB;IAEpB,IAAI,CAAC,SAAS,EAAE;QACd,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;QACvC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,6CAA6C,CAAC,CAAC;QACtE,2CAA2C;QAC3C,SAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC;KACxB;IAED,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,WAAW,CAAC,SAAS,CAAC,EAAE;QAC3D,MAAM,MAAM,GAAG,IAAA,wBAAgB,EAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,CAAC;QACvE,OAAO,oBAAoB,CAAI,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;KAC3D;IAED,OAAO,kBAAkB,CAAI,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;AAC7D,CAAC;AAnBD,sCAmBC"}

package/lib/defaults/DefaultRouter_v5.js

@@ -3,9 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DefaultRouter = void 0;
 const React = require("react");
 const react_router_dom_1 = require("react-router-dom");
-const hooks_1 = require("../hooks");
-const DefaultRouter = ({ children }) => {
-    const publicPath = (0, hooks_1.useGlobalState)((s) => s.app.publicPath);
+const DefaultRouter = ({ children, publicPath }) => {
     return React.createElement(react_router_dom_1.BrowserRouter, { basename: publicPath }, children);
 };
 exports.DefaultRouter = DefaultRouter;

package/lib/defaults/DefaultRouter_v5.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultRouter_v5.js","sourceRoot":"","sources":["../../src/defaults/DefaultRouter_v5.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,uDAAiD;AACjD,oCAA0C;AAGnC,MAAM,aAAa,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnE,MAAM,UAAU,GAAG,IAAA,sBAAc,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAC3D,OAAO,oBAAC,gCAAa,IAAC,QAAQ,EAAE,UAAU,IAAG,QAAQ,CAAiB,CAAC;AACzE,CAAC,CAAC;AAHW,QAAA,aAAa,iBAGxB;AACF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
+{"version":3,"file":"DefaultRouter_v5.js","sourceRoot":"","sources":["../../src/defaults/DefaultRouter_v5.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,uDAAiD;AAG1C,MAAM,aAAa,GAA0B,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,EAAE;IAC/E,OAAO,oBAAC,gCAAa,IAAC,QAAQ,EAAE,UAAU,IAAG,QAAQ,CAAiB,CAAC;AACzE,CAAC,CAAC;AAFW,QAAA,aAAa,iBAExB;AACF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/lib/defaults/DefaultRouter_v6.js

@@ -3,9 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DefaultRouter = void 0;
 const React = require("react");
 const react_router_dom_1 = require("react-router-dom");
-const hooks_1 = require("../hooks");
-const DefaultRouter = ({ children }) => {
-    const publicPath = (0, hooks_1.useGlobalState)((s) => s.app.publicPath);
+const DefaultRouter = ({ children, publicPath }) => {
     return React.createElement(react_router_dom_1.BrowserRouter, { basename: publicPath }, children);
 };
 exports.DefaultRouter = DefaultRouter;

package/lib/defaults/DefaultRouter_v6.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultRouter_v6.js","sourceRoot":"","sources":["../../src/defaults/DefaultRouter_v6.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,uDAAiD;AACjD,oCAA0C;AAGnC,MAAM,aAAa,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnE,MAAM,UAAU,GAAG,IAAA,sBAAc,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAC3D,OAAO,oBAAC,gCAAa,IAAC,QAAQ,EAAE,UAAU,IAAG,QAAQ,CAAiB,CAAC;AACzE,CAAC,CAAC;AAHW,QAAA,aAAa,iBAGxB;AACF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
+{"version":3,"file":"DefaultRouter_v6.js","sourceRoot":"","sources":["../../src/defaults/DefaultRouter_v6.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,uDAAiD;AAG1C,MAAM,aAAa,GAA0B,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,EAAE;IAC/E,OAAO,oBAAC,gCAAa,IAAC,QAAQ,EAAE,UAAU,IAAG,QAAQ,CAAiB,CAAC;AACzE,CAAC,CAAC;AAFW,QAAA,aAAa,iBAExB;AACF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/lib/index.d.ts

@@ -1,9 +1,10 @@
 export * from './createInstance';
-export * from './Piral';
 export * from './helpers';
 export * from './components';
 export * from './hooks';
 export * from './setters';
 export * from './state';
 export * from './utils';
+export * from './Piral';
+export * from './PiralContext';
 export * from './types';

package/lib/index.js

@@ -2,12 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./createInstance"), exports);
-tslib_1.__exportStar(require("./Piral"), exports);
 tslib_1.__exportStar(require("./helpers"), exports);
 tslib_1.__exportStar(require("./components"), exports);
 tslib_1.__exportStar(require("./hooks"), exports);
 tslib_1.__exportStar(require("./setters"), exports);
 tslib_1.__exportStar(require("./state"), exports);
 tslib_1.__exportStar(require("./utils"), exports);
+tslib_1.__exportStar(require("./Piral"), exports);
+tslib_1.__exportStar(require("./PiralContext"), exports);
 tslib_1.__exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;AAAA,2DAAiC;AACjC,kDAAwB;AACxB,oDAA0B;AAC1B,uDAA6B;AAC7B,kDAAwB;AACxB,oDAA0B;AAC1B,kDAAwB;AACxB,kDAAwB;AACxB,kDAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;AAAA,2DAAiC;AACjC,oDAA0B;AAC1B,uDAA6B;AAC7B,kDAAwB;AACxB,oDAA0B;AAC1B,kDAAwB;AACxB,kDAAwB;AACxB,kDAAwB;AACxB,yDAA+B;AAC/B,kDAAwB"}

package/lib/setters/SetRedirect.js

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SetRedirect = void 0;
-const React = require("react");
-const react_router_1 = require("react-router");
 const hooks_1 = require("../hooks");
+const app_codegen_1 = require("../../app.codegen");
 /**
  * The component capable of setting a global redirect route at mounting.
  */
 function SetRedirect({ from, to }) {
     const { setRoute } = (0, hooks_1.useGlobalStateContext)();
-    (0, hooks_1.useSetter)(() => setRoute(from, () => React.createElement(react_router_1.Redirect, { to: to })));
+    (0, hooks_1.useSetter)(() => setRoute(from, (0, app_codegen_1.createRedirect)(to)));
     // tslint:disable-next-line:no-null-keyword
     return null;
 }

package/lib/setters/SetRedirect.js.map

@@ -1 +1 @@
-{"version":3,"file":"SetRedirect.js","sourceRoot":"","sources":["../../src/setters/SetRedirect.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,+CAAwC;AACxC,oCAA4D;AAgB5D;;GAEG;AACH,SAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE,EAAoB;IACxD,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6BAAqB,GAAE,CAAC;IAC7C,IAAA,iBAAS,EAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,oBAAC,uBAAQ,IAAC,EAAE,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC;IAC5D,2CAA2C;IAC3C,OAAO,IAAI,CAAC;AACd,CAAC;AALD,kCAKC"}
+{"version":3,"file":"SetRedirect.js","sourceRoot":"","sources":["../../src/setters/SetRedirect.tsx"],"names":[],"mappings":";;;AACA,oCAA4D;AAC5D,mDAAmD;AAgBnD;;GAEG;AACH,SAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE,EAAoB;IACxD,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6BAAqB,GAAE,CAAC;IAC7C,IAAA,iBAAS,EAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAA,4BAAc,EAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACpD,2CAA2C;IAC3C,OAAO,IAAI,CAAC;AACd,CAAC;AALD,kCAKC"}

package/lib/types/components.d.ts

@@ -193,6 +193,10 @@ export interface RouterProps {
      * The content to be rendered inside the router.
      */
     children?: ReactNode;
+    /**
+     * The public path to use.
+     */
+    publicPath: string;
 }
 /**
  * Represents a path in the app registration.

package/lib/types/state.d.ts

@@ -94,10 +94,6 @@ export interface AppState {
      * Gets an unrecoverable application error, if any.
      */
     error: Error | undefined;
-    /**
-     * Gets the public path of the application.
-     */
-    publicPath: string;
 }
 /**
  * The Piral global app sub-state container for component registrations.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "piral-core",
-  "version": "0.15.0-beta.4512",
+  "version": "0.15.0-beta.4544",
   "description": "The core library for creating a Piral instance.",
   "keywords": [
     "portal",
@@ -70,8 +70,8 @@
     "test": "echo \"Error: run tests from root\" && exit 1"
   },
   "dependencies": {
-    "piral-base": "0.15.0-beta.4512",
-    "piral-debug-utils": "0.15.0-beta.4512",
+    "piral-base": "0.15.0-beta.4544",
+    "piral-debug-utils": "0.15.0-beta.4544",
     "zustand": "^3.0.0"
   },
   "peerDependencies": {
@@ -97,5 +97,5 @@
     "react-router-dom",
     "tslib"
   ],
-  "gitHead": "8c26175fb38ac3323c30b154d7ff28c13c29cb39"
+  "gitHead": "d128ed2e80430bbedcc16644455dd47c958addfc"
 }

package/src/Piral.tsx

@@ -1,18 +1,10 @@
 import * as React from 'react';
-import { StaticRouter } from 'react-router';
 import { createInstance } from './createInstance';
 import { PiralView, RegisteredRouter } from './components';
-import { useGlobalState } from './hooks';
 import { PiralContext } from './PiralContext';
+import { publicPath } from '../app.codegen';
 import type { PiralProps } from './types';
 
-const FallbackRouter: React.FC = (props) => {
-  const publicPath = useGlobalState((s) => s.app.publicPath);
-  return <StaticRouter location="/" {...props} basename={publicPath} />;
-};
-
-const Router = typeof window === 'undefined' ? FallbackRouter : RegisteredRouter;
-
 /**
  * Represents the Piral app shell frame. Use this component together
  * with an existing instance to render the app shell.
@@ -30,9 +22,9 @@ const app = (
  */
 export const Piral: React.FC<PiralProps> = ({ instance = createInstance(), breakpoints, children }) => (
   <PiralContext instance={instance}>
-    <Router>
+    <RegisteredRouter publicPath={publicPath}>
       <PiralView breakpoints={breakpoints}>{children}</PiralView>
-    </Router>
+    </RegisteredRouter>
   </PiralContext>
 );
 Piral.displayName = 'Piral';

package/src/components/wrapComponent.tsx

@@ -3,6 +3,7 @@ import { PortalRenderer } from './PortalRenderer';
 import { ForeignComponentContainer } from './ForeignComponentContainer';
 import { useGlobalStateContext } from '../hooks';
 import { convertComponent, none } from '../utils';
+import { publicPath } from '../../app.codegen';
 import type { AnyComponent, ComponentConverters, ForeignComponent, PiletApi, BaseComponentProps } from '../types';
 
 // this is an arbitrary start number to have 6 digits
@@ -30,8 +31,7 @@ function wrapForeignComponent<T>(
   Wrapper: React.FC<T>,
 ) {
   return React.memo((props: T) => {
-    const { readState, destroyPortal, navigation } = useGlobalStateContext();
-    const publicPath = readState(s => s.app.publicPath);
+    const { destroyPortal, navigation } = useGlobalStateContext();
     const id = React.useMemo(() => (portalIdBase++).toString(26), none);
     const context = React.useMemo(() => ({ publicPath, navigation }), []);
     const innerProps = React.useMemo(() => ({ ...props, ...captured }), [props]);

package/src/defaults/DefaultRouter_v5.tsx

@@ -1,10 +1,8 @@
 import * as React from 'react';
 import { BrowserRouter } from 'react-router-dom';
-import { useGlobalState } from '../hooks';
 import { RouterProps } from '../types';
 
-export const DefaultRouter: React.FC<RouterProps> = ({ children }) => {
-  const publicPath = useGlobalState((s) => s.app.publicPath);
+export const DefaultRouter: React.FC<RouterProps> = ({ children, publicPath }) => {
   return <BrowserRouter basename={publicPath}>{children}</BrowserRouter>;
 };
 DefaultRouter.displayName = 'DefaultRouter';

package/src/defaults/DefaultRouter_v6.tsx

@@ -1,10 +1,8 @@
 import * as React from 'react';
 import { BrowserRouter } from 'react-router-dom';
-import { useGlobalState } from '../hooks';
 import { RouterProps } from '../types';
 
-export const DefaultRouter: React.FC<RouterProps> = ({ children }) => {
-  const publicPath = useGlobalState((s) => s.app.publicPath);
+export const DefaultRouter: React.FC<RouterProps> = ({ children, publicPath }) => {
   return <BrowserRouter basename={publicPath}>{children}</BrowserRouter>;
 };
 DefaultRouter.displayName = 'DefaultRouter';

package/src/index.tsx

@@ -1,9 +1,10 @@
 export * from './createInstance';
-export * from './Piral';
 export * from './helpers';
 export * from './components';
 export * from './hooks';
 export * from './setters';
 export * from './state';
 export * from './utils';
+export * from './Piral';
+export * from './PiralContext';
 export * from './types';

package/src/setters/SetRedirect.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { Redirect } from 'react-router';
 import { useGlobalStateContext, useSetter } from '../hooks';
+import { createRedirect } from '../../app.codegen';
 
 /**
  * The props for the SetRedirect component.
@@ -21,7 +21,7 @@ export interface SetRedirectProps {
  */
 export function SetRedirect({ from, to }: SetRedirectProps): React.ReactElement {
   const { setRoute } = useGlobalStateContext();
-  useSetter(() => setRoute(from, () => <Redirect to={to} />));
+  useSetter(() => setRoute(from, createRedirect(to)));
   // tslint:disable-next-line:no-null-keyword
   return null;
 }

package/src/state/createGlobalState.test.ts

@@ -15,7 +15,6 @@ describe('Create Global State Module', () => {
       app: {
         loading: true,
         error: undefined,
-        publicPath: '/',
       },
       errorComponents: {},
       components: {
@@ -43,7 +42,6 @@ describe('Create Global State Module', () => {
       app: {
         loading: true,
         error: undefined,
-        publicPath: '/',
       },
       errorComponents: {},
       components: {
@@ -75,7 +73,6 @@ describe('Create Global State Module', () => {
       app: {
         error: undefined,
         loading: true,
-        publicPath: '/',
       },
       errorComponents: {},
       components: {
@@ -103,7 +100,6 @@ describe('Create Global State Module', () => {
       app: {
         loading: true,
         error: undefined,
-        publicPath: '/',
       },
       errorComponents: {},
       components: {
@@ -133,7 +129,6 @@ describe('Create Global State Module', () => {
       app: {
         loading: true,
         error: undefined,
-        publicPath: '/',
       },
       errorComponents: {},
       components: {
@@ -163,7 +158,6 @@ describe('Create Global State Module', () => {
       app: {
         loading: true,
         error: undefined,
-        publicPath: '/',
       },
       errorComponents: {},
       components: {
@@ -197,7 +191,6 @@ describe('Create Global State Module', () => {
       app: {
         loading: true,
         error: undefined,
-        publicPath: '/',
       },
       errorComponents: {},
       components: {
@@ -232,7 +225,6 @@ describe('Create Global State Module', () => {
       app: {
         loading: false,
         error: undefined,
-        publicPath: '/',
       },
       errorComponents: {},
       components: {

package/src/state/withApi.test.tsx

@@ -6,9 +6,7 @@ import { StateContext } from '../state';
 
 function createMockContainer() {
   const state = create(() => ({
-    app: {
-      publicPath: '/',
-    },
+    app: {},
     components: {
       ErrorInfo: StubErrorInfo,
     },

package/src/types/components.ts

@@ -207,6 +207,10 @@ export interface RouterProps {
    * The content to be rendered inside the router.
    */
   children?: ReactNode;
+  /**
+   * The public path to use.
+   */
+  publicPath: string;
 }
 
 /**

package/src/types/state.ts

@@ -123,10 +123,6 @@ export interface AppState {
    * Gets an unrecoverable application error, if any.
    */
   error: Error | undefined;
-  /**
-   * Gets the public path of the application.
-   */
-  publicPath: string;
 }
 
 /**