@entur-partner/micro-frontend 2.8.0-alpha.2 → 2.9.0

package/dist/events.d.ts

@@ -1,8 +1,8 @@
-import type { MicroFrontendPayload, PublicMicroFrontendPayload } from "./types";
+import type { MicroFrontendPayload } from "./types";
 type MountEventDetail = {
     id: string;
     mountPoint: HTMLDivElement;
-    payload: MicroFrontendPayload | PublicMicroFrontendPayload;
+    payload: MicroFrontendPayload;
 };
 type UnmountEventDetail = {
     id: string;
@@ -20,8 +20,23 @@ export declare const ROUTE_CHANGE_EVENT_TYPE = "@entur-partner:after-route-chang
 export type RouteAction = "PUSH" | "POP" | "REPLACE";
 type RouteChangeEventDetail = {
     location: Location;
+    path: string;
     action: RouteAction;
 };
 export declare class RouteChangeEvent extends CustomEvent<RouteChangeEventDetail> {
 }
+export declare function createRouteChangeEvent(detail: RouteChangeEventDetail): RouteChangeEvent;
+export interface MenuItemsEvent extends CustomEvent<MenuItemsEventDetail> {
+}
+export declare const MENU_ITEMS_EVENT_TYPE = "@entur-partner:menu-items-added";
+export interface MenuItemDetail {
+    title: string;
+    to: string;
+    disabled?: boolean;
+}
+type MenuItemsEventDetail = {
+    path: string;
+    items: MenuItemDetail[];
+};
+export declare function createMenuItemsEvent(detail: MenuItemsEventDetail): CustomEvent<MenuItemsEventDetail>;
 export {};

package/dist/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`@entur-partner/util`),t=require(`react`),n=require(`react/jsx-runtime`);var r=(0,t.createContext)(void 0),i=()=>{let n=(0,t.useContext)(r);return(0,e.assertIsDefined)(n),n.user},a=()=>{let n=(0,t.useContext)(r);return(0,e.assertIsDefined)(n),n.activeOrgId},o=()=>{let n=(0,t.useContext)(r);return(0,e.assertIsDefined)(n),n.navigate},s=({children:e,organisationId:i,getPermissions:a,...o})=>{let[s,c]=(0,t.useState)([]);return(0,t.useEffect)(()=>{async function e(){try{c(await a())}catch(e){console.error(`Fetching permissions with the provided getPermissions function failed in AppProvider with the following error:`,e)}}e()},[a]),(0,n.jsx)(r.Provider,{value:{...o,user:{...o.user,permissions:s},activeOrgId:Number(i)},children:e})},c=`@entur-partner:mount`,l=`@entur-partner:unmount`;function u(e){return new CustomEvent(c,{detail:e})}function d(e){return new CustomEvent(l,{detail:e})}var f=`@entur-partner:after-route-change`,p=class extends CustomEvent{};function m(e){let{unmount:t,microFrontendId:n,mount:r}=e,i=(e=>{e.detail.id.startsWith(n)&&r(e.detail.mountPoint,e.detail.payload,e.detail.mountPoint)}),a=(e=>{e.detail.id.startsWith(n)&&t(e.detail.mountPoint)});return window.addEventListener(c,i),window.addEventListener(l,a),()=>{window.removeEventListener(c,i),window.removeEventListener(l,a)}}function h(e){return m(e)}function g(e){return m(e)}exports.AppProvider=s,exports.MOUNT_EVENT_TYPE=c,exports.ROUTE_CHANGE_EVENT_TYPE=f,exports.RouteChangeEvent=p,exports.UNMOUNT_EVENT_TYPE=l,exports.createMountEvent=u,exports.createUnmountEvent=d,exports.registerMicroFrontend=h,exports.registerPublicMicroFrontend=g,exports.useActiveOrgId=a,exports.useNavigate=o,exports.useUser=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`@entur-partner/util`),t=require(`react`),n=require(`react/jsx-runtime`);var r=(0,t.createContext)(void 0),i=()=>{let n=(0,t.useContext)(r);return(0,e.assertIsDefined)(n),n.user},a=()=>{let n=(0,t.useContext)(r);return(0,e.assertIsDefined)(n),n.activeOrgId},o=()=>{let n=(0,t.useContext)(r);return(0,e.assertIsDefined)(n),n.navigate},s=({children:e,organisationId:i,getPermissions:a,...o})=>{let[s,c]=(0,t.useState)([]);return(0,t.useEffect)(()=>{async function e(){try{c(await a())}catch(e){console.error(`Fetching permissions with the provided getPermissions function failed in AppProvider with the following error:`,e)}}e()},[a]),(0,n.jsx)(r.Provider,{value:{...o,user:{...o.user,permissions:s},activeOrgId:Number(i)},children:e})},c=`@entur-partner:mount`,l=`@entur-partner:unmount`;function u(e){return new CustomEvent(c,{detail:e})}function d(e){return new CustomEvent(l,{detail:e})}var f=`@entur-partner:after-route-change`,p=class extends CustomEvent{};function m(e){return new p(f,{detail:e,cancelable:!0})}var h=`@entur-partner:menu-items-added`;function g(e){return new CustomEvent(h,{detail:e})}function _(e){let{unmount:t,microFrontendId:n,mount:r}=e;window.addEventListener(c,(e=>{e.detail.id.startsWith(n)&&r(e.detail.mountPoint,e.detail.payload,e.detail.mountPoint)})),window.addEventListener(l,(e=>{e.detail.id.startsWith(n)&&t(e.detail.mountPoint)}))}function v(e){let n=(0,t.useRef)(e);(0,t.useEffect)(()=>{n.current=e}),(0,t.useEffect)(()=>{let e=e=>{n.current(e)};return window.addEventListener(f,e),()=>{window.removeEventListener(f,e)}},[])}exports.AppProvider=s,exports.MENU_ITEMS_EVENT_TYPE=h,exports.MOUNT_EVENT_TYPE=c,exports.ROUTE_CHANGE_EVENT_TYPE=f,exports.RouteChangeEvent=p,exports.UNMOUNT_EVENT_TYPE=l,exports.createMenuItemsEvent=g,exports.createMountEvent=u,exports.createRouteChangeEvent=m,exports.createUnmountEvent=d,exports.registerMicroFrontend=_,exports.useActiveOrgId=a,exports.useAfterRouteChange=v,exports.useNavigate=o,exports.useUser=i;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../src/AppProvider.tsx","../src/events.ts","../src/registerMicroFrontend.ts"],"sourcesContent":["import type { Permission } from \"@entur-partner/permission-client-node\";\nimport { assertIsDefined } from \"@entur-partner/util\";\nimport {\n\tcreateContext,\n\ttype FC,\n\ttype ReactNode,\n\tuseContext,\n\tuseEffect,\n\tuseState,\n} from \"react\";\n\nimport type { User } from \"./types\";\n\ninterface AppContextType {\n\tgetToken: () => Promise<string>;\n\tuser: User;\n\tlogout?: () => void;\n\tactiveOrgId: number;\n\tnavigate: (path: string) => void;\n}\n\nexport const AppContext = createContext<AppContextType | undefined>(undefined);\n\nexport const useUser = () => {\n\tconst context = useContext(AppContext);\n\tassertIsDefined(context);\n\treturn context.user;\n};\n\nexport const useActiveOrgId = () => {\n\tconst context = useContext(AppContext);\n\tassertIsDefined(context);\n\treturn context.activeOrgId;\n};\n\nexport interface AppProviderProps {\n\tchildren: ReactNode;\n\tgetToken: () => Promise<string>;\n\tuser: User;\n\tgetPermissions: () => Promise<Permission[]>;\n\torganisationId: string;\n\tnavigate: (path: string) => void;\n}\n\nexport const useNavigate = () => {\n\tconst context = useContext(AppContext);\n\tassertIsDefined(context);\n\treturn context.navigate;\n};\n\nexport const AppProvider: FC<AppProviderProps> = ({\n\tchildren,\n\torganisationId,\n\tgetPermissions,\n\t...rest\n}) => {\n\tconst [permissions, setPermissions] = useState<Permission[]>([]);\n\n\tuseEffect(() => {\n\t\tasync function fetchData() {\n\t\t\ttry {\n\t\t\t\tconst fetchedPermissions = await getPermissions();\n\t\t\t\tsetPermissions(fetchedPermissions);\n\t\t\t} catch (error) {\n\t\t\t\tconsole.error(\n\t\t\t\t\t\"Fetching permissions with the provided getPermissions function failed in AppProvider with the following error:\",\n\t\t\t\t\terror,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\tfetchData();\n\t}, [getPermissions]);\n\n\treturn (\n\t\t<AppContext.Provider\n\t\t\tvalue={{\n\t\t\t\t...rest,\n\t\t\t\tuser: { ...rest.user, permissions: permissions },\n\t\t\t\tactiveOrgId: Number(organisationId),\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</AppContext.Provider>\n\t);\n};\n","import type { MicroFrontendPayload, PublicMicroFrontendPayload } from \"./types\";\n\ntype MountEventDetail = {\n\tid: string;\n\tmountPoint: HTMLDivElement;\n\tpayload: MicroFrontendPayload | PublicMicroFrontendPayload;\n};\n\ntype UnmountEventDetail = {\n\tid: string;\n\tmountPoint: HTMLDivElement;\n};\n\nexport const MOUNT_EVENT_TYPE = \"@entur-partner:mount\";\nexport const UNMOUNT_EVENT_TYPE = \"@entur-partner:unmount\";\n\nexport interface MountEvent extends CustomEvent<MountEventDetail> {}\nexport interface UnmountEvent extends CustomEvent<UnmountEventDetail> {}\n\nexport function createMountEvent(detail: MountEventDetail) {\n\treturn new CustomEvent<MountEventDetail>(MOUNT_EVENT_TYPE, { detail });\n}\n\nexport function createUnmountEvent(detail: UnmountEventDetail) {\n\treturn new CustomEvent<UnmountEventDetail>(UNMOUNT_EVENT_TYPE, { detail });\n}\n\nexport const ROUTE_CHANGE_EVENT_TYPE = \"@entur-partner:after-route-change\";\n\nexport type RouteAction = \"PUSH\" | \"POP\" | \"REPLACE\";\n\ntype RouteChangeEventDetail = {\n\tlocation: Location;\n\taction: RouteAction;\n};\n\nexport class RouteChangeEvent extends CustomEvent<RouteChangeEventDetail> {}\n","/*global EventListener*/\n\nimport {\n\tMOUNT_EVENT_TYPE,\n\ttype MountEvent,\n\tUNMOUNT_EVENT_TYPE,\n\ttype UnmountEvent,\n} from \"./events\";\nimport type { MicroFrontendPayload, PublicMicroFrontendPayload } from \"./types\";\n\ntype Config<TPayload> = {\n\tmicroFrontendId: string;\n\tmount: (\n\t\tmountPoint: HTMLDivElement,\n\t\tpayload: TPayload,\n\t\tdeprecatedMountPoint: HTMLDivElement,\n\t) => void;\n\tunmount: (mountPoint: HTMLDivElement) => void;\n};\n\nfunction registerFrontend<TPayload>(config: Config<TPayload>): () => void {\n\tconst { unmount, microFrontendId, mount } = config;\n\n\tconst onMount = ((event: MountEvent) => {\n\t\tif (!event.detail.id.startsWith(microFrontendId)) {\n\t\t\treturn;\n\t\t}\n\t\tmount(\n\t\t\tevent.detail.mountPoint,\n\t\t\tevent.detail.payload as TPayload,\n\t\t\tevent.detail.mountPoint,\n\t\t);\n\t}) as EventListener;\n\n\tconst onUnmount = ((event: UnmountEvent) => {\n\t\tif (!event.detail.id.startsWith(microFrontendId)) {\n\t\t\treturn;\n\t\t}\n\t\tunmount(event.detail.mountPoint);\n\t}) as EventListener;\n\n\twindow.addEventListener(MOUNT_EVENT_TYPE, onMount);\n\twindow.addEventListener(UNMOUNT_EVENT_TYPE, onUnmount);\n\n\treturn () => {\n\t\twindow.removeEventListener(MOUNT_EVENT_TYPE, onMount);\n\t\twindow.removeEventListener(UNMOUNT_EVENT_TYPE, onUnmount);\n\t};\n}\n\nexport function registerMicroFrontend(\n\tconfig: Config<MicroFrontendPayload>,\n): () => void {\n\treturn registerFrontend(config);\n}\n\nexport function registerPublicMicroFrontend(\n\tconfig: Config<PublicMicroFrontendPayload>,\n): () => void {\n\treturn registerFrontend(config);\n}\n"],"mappings":"0JAqBA,IAAa,GAAA,EAAA,EAAA,eAAuD,IAAA,GAAU,CAEjE,MAAgB,CAC5B,IAAM,GAAA,EAAA,EAAA,YAAqB,EAAW,CAEtC,OADA,EAAA,EAAA,iBAAgB,EAAQ,CACjB,EAAQ,MAGH,MAAuB,CACnC,IAAM,GAAA,EAAA,EAAA,YAAqB,EAAW,CAEtC,OADA,EAAA,EAAA,iBAAgB,EAAQ,CACjB,EAAQ,aAYH,MAAoB,CAChC,IAAM,GAAA,EAAA,EAAA,YAAqB,EAAW,CAEtC,OADA,EAAA,EAAA,iBAAgB,EAAQ,CACjB,EAAQ,UAGH,GAAqC,CACjD,WACA,iBACA,iBACA,GAAG,KACE,CACL,GAAM,CAAC,EAAa,IAAA,EAAA,EAAA,UAAyC,EAAE,CAAC,CAkBhE,OAhBA,EAAA,EAAA,eAAgB,CACf,eAAe,GAAY,CAC1B,GAAI,CAEH,EAD2B,MAAM,GAAgB,CACf,OAC1B,EAAO,CACf,QAAQ,MACP,iHACA,EACA,EAIH,GAAW,EACT,CAAC,EAAe,CAAC,EAGnB,EAAA,EAAA,KAAC,EAAW,SAAZ,CACC,MAAO,CACN,GAAG,EACH,KAAM,CAAE,GAAG,EAAK,KAAmB,cAAa,CAChD,YAAa,OAAO,EAAe,CACnC,CAEA,WACoB,CAAA,ECtEX,EAAmB,uBACnB,EAAqB,yBAKlC,SAAgB,EAAiB,EAA0B,CAC1D,OAAO,IAAI,YAA8B,EAAkB,CAAE,SAAQ,CAAC,CAGvE,SAAgB,EAAmB,EAA4B,CAC9D,OAAO,IAAI,YAAgC,EAAoB,CAAE,SAAQ,CAAC,CAG3E,IAAa,EAA0B,oCAS1B,EAAb,cAAsC,WAAoC,GChB1E,SAAS,EAA2B,EAAsC,CACzE,GAAM,CAAE,UAAS,kBAAiB,SAAU,EAEtC,GAAY,GAAsB,CAClC,EAAM,OAAO,GAAG,WAAW,EAAgB,EAGhD,EACC,EAAM,OAAO,WACb,EAAM,OAAO,QACb,EAAM,OAAO,WACb,GAGI,GAAc,GAAwB,CACtC,EAAM,OAAO,GAAG,WAAW,EAAgB,EAGhD,EAAQ,EAAM,OAAO,WAAW,GAMjC,OAHA,OAAO,iBAAiB,EAAkB,EAAQ,CAClD,OAAO,iBAAiB,EAAoB,EAAU,KAEzC,CACZ,OAAO,oBAAoB,EAAkB,EAAQ,CACrD,OAAO,oBAAoB,EAAoB,EAAU,EAI3D,SAAgB,EACf,EACa,CACb,OAAO,EAAiB,EAAO,CAGhC,SAAgB,EACf,EACa,CACb,OAAO,EAAiB,EAAO"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../src/AppProvider.tsx","../src/events.ts","../src/registerMicroFrontend.ts","../src/useAfterRouteChange.ts"],"sourcesContent":["import type { Permission } from \"@entur-partner/permission-client-node\";\nimport { assertIsDefined } from \"@entur-partner/util\";\nimport {\n\tcreateContext,\n\ttype FC,\n\ttype ReactNode,\n\tuseContext,\n\tuseEffect,\n\tuseState,\n} from \"react\";\n\nimport type { User } from \"./types\";\n\ninterface AppContextType {\n\tgetToken: () => Promise<string>;\n\tuser: User;\n\tlogout?: () => void;\n\tactiveOrgId: number;\n\tnavigate: (path: string) => void;\n}\n\nexport const AppContext = createContext<AppContextType | undefined>(undefined);\n\nexport const useUser = () => {\n\tconst context = useContext(AppContext);\n\tassertIsDefined(context);\n\treturn context.user;\n};\n\nexport const useActiveOrgId = () => {\n\tconst context = useContext(AppContext);\n\tassertIsDefined(context);\n\treturn context.activeOrgId;\n};\n\nexport interface AppProviderProps {\n\tchildren: ReactNode;\n\tgetToken: () => Promise<string>;\n\tuser: User;\n\tgetPermissions: () => Promise<Permission[]>;\n\torganisationId: string;\n\tnavigate: (path: string) => void;\n}\n\nexport const useNavigate = () => {\n\tconst context = useContext(AppContext);\n\tassertIsDefined(context);\n\treturn context.navigate;\n};\n\nexport const AppProvider: FC<AppProviderProps> = ({\n\tchildren,\n\torganisationId,\n\tgetPermissions,\n\t...rest\n}) => {\n\tconst [permissions, setPermissions] = useState<Permission[]>([]);\n\n\tuseEffect(() => {\n\t\tasync function fetchData() {\n\t\t\ttry {\n\t\t\t\tconst fetchedPermissions = await getPermissions();\n\t\t\t\tsetPermissions(fetchedPermissions);\n\t\t\t} catch (error) {\n\t\t\t\tconsole.error(\n\t\t\t\t\t\"Fetching permissions with the provided getPermissions function failed in AppProvider with the following error:\",\n\t\t\t\t\terror,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\tfetchData();\n\t}, [getPermissions]);\n\n\treturn (\n\t\t<AppContext.Provider\n\t\t\tvalue={{\n\t\t\t\t...rest,\n\t\t\t\tuser: { ...rest.user, permissions: permissions },\n\t\t\t\tactiveOrgId: Number(organisationId),\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</AppContext.Provider>\n\t);\n};\n","import type { MicroFrontendPayload } from \"./types\";\n\ntype MountEventDetail = {\n\tid: string;\n\tmountPoint: HTMLDivElement;\n\tpayload: MicroFrontendPayload;\n};\n\ntype UnmountEventDetail = {\n\tid: string;\n\tmountPoint: HTMLDivElement;\n};\n\nexport const MOUNT_EVENT_TYPE = \"@entur-partner:mount\";\nexport const UNMOUNT_EVENT_TYPE = \"@entur-partner:unmount\";\n\nexport interface MountEvent extends CustomEvent<MountEventDetail> {}\nexport interface UnmountEvent extends CustomEvent<UnmountEventDetail> {}\n\nexport function createMountEvent(detail: MountEventDetail) {\n\treturn new CustomEvent<MountEventDetail>(MOUNT_EVENT_TYPE, { detail });\n}\n\nexport function createUnmountEvent(detail: UnmountEventDetail) {\n\treturn new CustomEvent<UnmountEventDetail>(UNMOUNT_EVENT_TYPE, { detail });\n}\n\nexport const ROUTE_CHANGE_EVENT_TYPE = \"@entur-partner:after-route-change\";\n\nexport type RouteAction = \"PUSH\" | \"POP\" | \"REPLACE\";\n\ntype RouteChangeEventDetail = {\n\tlocation: Location;\n\tpath: string;\n\taction: RouteAction;\n};\n\nexport class RouteChangeEvent extends CustomEvent<RouteChangeEventDetail> {}\n\nexport function createRouteChangeEvent(detail: RouteChangeEventDetail) {\n\treturn new RouteChangeEvent(ROUTE_CHANGE_EVENT_TYPE, {\n\t\tdetail,\n\t\tcancelable: true, // Allow listeners to call event.preventDefault() to indicate they handled the navigation\n\t});\n}\n\nexport interface MenuItemsEvent extends CustomEvent<MenuItemsEventDetail> {}\n\nexport const MENU_ITEMS_EVENT_TYPE = \"@entur-partner:menu-items-added\";\n\nexport interface MenuItemDetail {\n\ttitle: string;\n\tto: string;\n\tdisabled?: boolean;\n}\n\ntype MenuItemsEventDetail = {\n\tpath: string;\n\titems: MenuItemDetail[];\n};\n\nexport function createMenuItemsEvent(detail: MenuItemsEventDetail) {\n\treturn new CustomEvent<MenuItemsEventDetail>(MENU_ITEMS_EVENT_TYPE, {\n\t\tdetail,\n\t});\n}\n","import {\n\tMOUNT_EVENT_TYPE,\n\ttype MountEvent,\n\tUNMOUNT_EVENT_TYPE,\n\ttype UnmountEvent,\n} from \"./events\";\nimport type { MicroFrontendPayload } from \"./types\";\n\ninterface Config {\n\tmicroFrontendId: string;\n\tmount: (\n\t\tmountPoint: HTMLDivElement,\n\t\tpayload: MicroFrontendPayload,\n\t\tdeprecatedMountPoint: HTMLDivElement,\n\t) => void;\n\tunmount: (mountPoint: HTMLDivElement) => void;\n}\n\nexport function registerMicroFrontend(config: Config): void {\n\tconst { unmount, microFrontendId, mount } = config;\n\n\twindow.addEventListener(MOUNT_EVENT_TYPE, ((event: MountEvent) => {\n\t\tif (!event.detail.id.startsWith(microFrontendId)) {\n\t\t\treturn;\n\t\t}\n\t\tmount(\n\t\t\tevent.detail.mountPoint,\n\t\t\tevent.detail.payload,\n\t\t\tevent.detail.mountPoint,\n\t\t);\n\t}) as EventListener);\n\n\twindow.addEventListener(UNMOUNT_EVENT_TYPE, ((event: UnmountEvent) => {\n\t\tif (!event.detail.id.startsWith(microFrontendId)) {\n\t\t\treturn;\n\t\t}\n\t\tunmount(event.detail.mountPoint);\n\t}) as EventListener);\n}\n","import { useEffect, useRef } from \"react\";\n\nimport { ROUTE_CHANGE_EVENT_TYPE, type RouteChangeEvent } from \"./events\";\n\n/**\n * Subscribes to the `@entur-partner:after-route-change` event dispatched by\n * the sidebar when a navigation link is activated. The event is cancelable:\n * call `event.preventDefault()` inside the handler to signal that the host\n * application handled the navigation.\n *\n * The handler is stored in a ref so callers do not need to memoize it; the\n * listener itself is subscribed once per mount.\n */\nexport function useAfterRouteChange(\n\thandler: (event: RouteChangeEvent) => void,\n): void {\n\tconst handlerRef = useRef(handler);\n\n\tuseEffect(() => {\n\t\thandlerRef.current = handler;\n\t});\n\n\tuseEffect(() => {\n\t\tconst listener = (event: Event) => {\n\t\t\thandlerRef.current(event as RouteChangeEvent);\n\t\t};\n\t\twindow.addEventListener(ROUTE_CHANGE_EVENT_TYPE, listener);\n\t\treturn () => {\n\t\t\twindow.removeEventListener(ROUTE_CHANGE_EVENT_TYPE, listener);\n\t\t};\n\t}, []);\n}\n"],"mappings":"0JAqBA,IAAa,GAAA,EAAA,EAAA,eAAuD,IAAA,GAAU,CAEjE,MAAgB,CAC5B,IAAM,GAAA,EAAA,EAAA,YAAqB,EAAW,CAEtC,OADA,EAAA,EAAA,iBAAgB,EAAQ,CACjB,EAAQ,MAGH,MAAuB,CACnC,IAAM,GAAA,EAAA,EAAA,YAAqB,EAAW,CAEtC,OADA,EAAA,EAAA,iBAAgB,EAAQ,CACjB,EAAQ,aAYH,MAAoB,CAChC,IAAM,GAAA,EAAA,EAAA,YAAqB,EAAW,CAEtC,OADA,EAAA,EAAA,iBAAgB,EAAQ,CACjB,EAAQ,UAGH,GAAqC,CACjD,WACA,iBACA,iBACA,GAAG,KACE,CACL,GAAM,CAAC,EAAa,IAAA,EAAA,EAAA,UAAyC,EAAE,CAAC,CAkBhE,OAhBA,EAAA,EAAA,eAAgB,CACf,eAAe,GAAY,CAC1B,GAAI,CAEH,EAD2B,MAAM,GAAgB,CACf,OAC1B,EAAO,CACf,QAAQ,MACP,iHACA,EACA,EAIH,GAAW,EACT,CAAC,EAAe,CAAC,EAGnB,EAAA,EAAA,KAAC,EAAW,SAAZ,CACC,MAAO,CACN,GAAG,EACH,KAAM,CAAE,GAAG,EAAK,KAAmB,cAAa,CAChD,YAAa,OAAO,EAAe,CACnC,CAEA,WACoB,CAAA,ECtEX,EAAmB,uBACnB,EAAqB,yBAKlC,SAAgB,EAAiB,EAA0B,CAC1D,OAAO,IAAI,YAA8B,EAAkB,CAAE,SAAQ,CAAC,CAGvE,SAAgB,EAAmB,EAA4B,CAC9D,OAAO,IAAI,YAAgC,EAAoB,CAAE,SAAQ,CAAC,CAG3E,IAAa,EAA0B,oCAU1B,EAAb,cAAsC,WAAoC,GAE1E,SAAgB,EAAuB,EAAgC,CACtE,OAAO,IAAI,EAAiB,EAAyB,CACpD,SACA,WAAY,GACZ,CAAC,CAKH,IAAa,EAAwB,kCAarC,SAAgB,EAAqB,EAA8B,CAClE,OAAO,IAAI,YAAkC,EAAuB,CACnE,SACA,CAAC,CC9CH,SAAgB,EAAsB,EAAsB,CAC3D,GAAM,CAAE,UAAS,kBAAiB,SAAU,EAE5C,OAAO,iBAAiB,GAAoB,GAAsB,CAC5D,EAAM,OAAO,GAAG,WAAW,EAAgB,EAGhD,EACC,EAAM,OAAO,WACb,EAAM,OAAO,QACb,EAAM,OAAO,WACb,GACkB,CAEpB,OAAO,iBAAiB,GAAsB,GAAwB,CAChE,EAAM,OAAO,GAAG,WAAW,EAAgB,EAGhD,EAAQ,EAAM,OAAO,WAAW,GACb,CCxBrB,SAAgB,EACf,EACO,CACP,IAAM,GAAA,EAAA,EAAA,QAAoB,EAAQ,EAElC,EAAA,EAAA,eAAgB,CACf,EAAW,QAAU,GACpB,EAEF,EAAA,EAAA,eAAgB,CACf,IAAM,EAAY,GAAiB,CAClC,EAAW,QAAQ,EAA0B,EAG9C,OADA,OAAO,iBAAiB,EAAyB,EAAS,KAC7C,CACZ,OAAO,oBAAoB,EAAyB,EAAS,GAE5D,EAAE,CAAC"}

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export type { AppProviderProps } from "./AppProvider";
 export { AppProvider, useActiveOrgId, useNavigate, useUser, } from "./AppProvider";
-export type { MountEvent, RouteAction, UnmountEvent, } from "./events";
-export { createMountEvent, createUnmountEvent, MOUNT_EVENT_TYPE, ROUTE_CHANGE_EVENT_TYPE, RouteChangeEvent, UNMOUNT_EVENT_TYPE, } from "./events";
-export { registerMicroFrontend, registerPublicMicroFrontend, } from "./registerMicroFrontend";
-export type { MenuItem, MicroFrontendPayload, NavigationFunction, PublicMicroFrontendPayload, User, } from "./types";
+export type { MenuItemDetail, MenuItemsEvent, MountEvent, RouteAction, UnmountEvent, } from "./events";
+export { createMenuItemsEvent, createMountEvent, createRouteChangeEvent, createUnmountEvent, MENU_ITEMS_EVENT_TYPE, MOUNT_EVENT_TYPE, ROUTE_CHANGE_EVENT_TYPE, RouteChangeEvent, UNMOUNT_EVENT_TYPE, } from "./events";
+export { registerMicroFrontend } from "./registerMicroFrontend";
+export type { MenuItem, MicroFrontendPayload, NavigationFunction, User, } from "./types";
+export { useAfterRouteChange } from "./useAfterRouteChange";

package/dist/index.mjs

@@ -1,18 +1,18 @@
 import { assertIsDefined as e } from "@entur-partner/util";
-import { createContext as t, useContext as n, useEffect as r, useState as i } from "react";
-import { jsx as a } from "react/jsx-runtime";
+import { createContext as t, useContext as n, useEffect as r, useRef as i, useState as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
 //#region src/AppProvider.tsx
-var o = t(void 0), s = () => {
-	let t = n(o);
+var s = t(void 0), c = () => {
+	let t = n(s);
 	return e(t), t.user;
-}, c = () => {
-	let t = n(o);
-	return e(t), t.activeOrgId;
 }, l = () => {
-	let t = n(o);
+	let t = n(s);
+	return e(t), t.activeOrgId;
+}, u = () => {
+	let t = n(s);
 	return e(t), t.navigate;
-}, u = ({ children: e, organisationId: t, getPermissions: n, ...s }) => {
-	let [c, l] = i([]);
+}, d = ({ children: e, organisationId: t, getPermissions: n, ...i }) => {
+	let [c, l] = a([]);
 	return r(() => {
 		async function e() {
 			try {
@@ -22,44 +22,61 @@ var o = t(void 0), s = () => {
 			}
 		}
 		e();
-	}, [n]), /* @__PURE__ */ a(o.Provider, {
+	}, [n]), /* @__PURE__ */ o(s.Provider, {
 		value: {
-			...s,
+			...i,
 			user: {
-				...s.user,
+				...i.user,
 				permissions: c
 			},
 			activeOrgId: Number(t)
 		},
 		children: e
 	});
-}, d = "@entur-partner:mount", f = "@entur-partner:unmount";
-function p(e) {
-	return new CustomEvent(d, { detail: e });
-}
+}, f = "@entur-partner:mount", p = "@entur-partner:unmount";
 function m(e) {
 	return new CustomEvent(f, { detail: e });
 }
-var h = "@entur-partner:after-route-change", g = class extends CustomEvent {};
+function h(e) {
+	return new CustomEvent(p, { detail: e });
+}
+var g = "@entur-partner:after-route-change", _ = class extends CustomEvent {};
+function v(e) {
+	return new _(g, {
+		detail: e,
+		cancelable: !0
+	});
+}
+var y = "@entur-partner:menu-items-added";
+function b(e) {
+	return new CustomEvent(y, { detail: e });
+}
 //#endregion
 //#region src/registerMicroFrontend.ts
-function _(e) {
-	let { unmount: t, microFrontendId: n, mount: r } = e, i = ((e) => {
+function x(e) {
+	let { unmount: t, microFrontendId: n, mount: r } = e;
+	window.addEventListener(f, ((e) => {
 		e.detail.id.startsWith(n) && r(e.detail.mountPoint, e.detail.payload, e.detail.mountPoint);
-	}), a = ((e) => {
+	})), window.addEventListener(p, ((e) => {
 		e.detail.id.startsWith(n) && t(e.detail.mountPoint);
-	});
-	return window.addEventListener(d, i), window.addEventListener(f, a), () => {
-		window.removeEventListener(d, i), window.removeEventListener(f, a);
-	};
+	}));
 }
-function v(e) {
-	return _(e);
-}
-function y(e) {
-	return _(e);
+//#endregion
+//#region src/useAfterRouteChange.ts
+function S(e) {
+	let t = i(e);
+	r(() => {
+		t.current = e;
+	}), r(() => {
+		let e = (e) => {
+			t.current(e);
+		};
+		return window.addEventListener(g, e), () => {
+			window.removeEventListener(g, e);
+		};
+	}, []);
 }
 //#endregion
-export { u as AppProvider, d as MOUNT_EVENT_TYPE, h as ROUTE_CHANGE_EVENT_TYPE, g as RouteChangeEvent, f as UNMOUNT_EVENT_TYPE, p as createMountEvent, m as createUnmountEvent, v as registerMicroFrontend, y as registerPublicMicroFrontend, c as useActiveOrgId, l as useNavigate, s as useUser };
+export { d as AppProvider, y as MENU_ITEMS_EVENT_TYPE, f as MOUNT_EVENT_TYPE, g as ROUTE_CHANGE_EVENT_TYPE, _ as RouteChangeEvent, p as UNMOUNT_EVENT_TYPE, b as createMenuItemsEvent, m as createMountEvent, v as createRouteChangeEvent, h as createUnmountEvent, x as registerMicroFrontend, l as useActiveOrgId, S as useAfterRouteChange, u as useNavigate, c as useUser };
 
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../src/AppProvider.tsx","../src/events.ts","../src/registerMicroFrontend.ts"],"sourcesContent":["import type { Permission } from \"@entur-partner/permission-client-node\";\nimport { assertIsDefined } from \"@entur-partner/util\";\nimport {\n\tcreateContext,\n\ttype FC,\n\ttype ReactNode,\n\tuseContext,\n\tuseEffect,\n\tuseState,\n} from \"react\";\n\nimport type { User } from \"./types\";\n\ninterface AppContextType {\n\tgetToken: () => Promise<string>;\n\tuser: User;\n\tlogout?: () => void;\n\tactiveOrgId: number;\n\tnavigate: (path: string) => void;\n}\n\nexport const AppContext = createContext<AppContextType | undefined>(undefined);\n\nexport const useUser = () => {\n\tconst context = useContext(AppContext);\n\tassertIsDefined(context);\n\treturn context.user;\n};\n\nexport const useActiveOrgId = () => {\n\tconst context = useContext(AppContext);\n\tassertIsDefined(context);\n\treturn context.activeOrgId;\n};\n\nexport interface AppProviderProps {\n\tchildren: ReactNode;\n\tgetToken: () => Promise<string>;\n\tuser: User;\n\tgetPermissions: () => Promise<Permission[]>;\n\torganisationId: string;\n\tnavigate: (path: string) => void;\n}\n\nexport const useNavigate = () => {\n\tconst context = useContext(AppContext);\n\tassertIsDefined(context);\n\treturn context.navigate;\n};\n\nexport const AppProvider: FC<AppProviderProps> = ({\n\tchildren,\n\torganisationId,\n\tgetPermissions,\n\t...rest\n}) => {\n\tconst [permissions, setPermissions] = useState<Permission[]>([]);\n\n\tuseEffect(() => {\n\t\tasync function fetchData() {\n\t\t\ttry {\n\t\t\t\tconst fetchedPermissions = await getPermissions();\n\t\t\t\tsetPermissions(fetchedPermissions);\n\t\t\t} catch (error) {\n\t\t\t\tconsole.error(\n\t\t\t\t\t\"Fetching permissions with the provided getPermissions function failed in AppProvider with the following error:\",\n\t\t\t\t\terror,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\tfetchData();\n\t}, [getPermissions]);\n\n\treturn (\n\t\t<AppContext.Provider\n\t\t\tvalue={{\n\t\t\t\t...rest,\n\t\t\t\tuser: { ...rest.user, permissions: permissions },\n\t\t\t\tactiveOrgId: Number(organisationId),\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</AppContext.Provider>\n\t);\n};\n","import type { MicroFrontendPayload, PublicMicroFrontendPayload } from \"./types\";\n\ntype MountEventDetail = {\n\tid: string;\n\tmountPoint: HTMLDivElement;\n\tpayload: MicroFrontendPayload | PublicMicroFrontendPayload;\n};\n\ntype UnmountEventDetail = {\n\tid: string;\n\tmountPoint: HTMLDivElement;\n};\n\nexport const MOUNT_EVENT_TYPE = \"@entur-partner:mount\";\nexport const UNMOUNT_EVENT_TYPE = \"@entur-partner:unmount\";\n\nexport interface MountEvent extends CustomEvent<MountEventDetail> {}\nexport interface UnmountEvent extends CustomEvent<UnmountEventDetail> {}\n\nexport function createMountEvent(detail: MountEventDetail) {\n\treturn new CustomEvent<MountEventDetail>(MOUNT_EVENT_TYPE, { detail });\n}\n\nexport function createUnmountEvent(detail: UnmountEventDetail) {\n\treturn new CustomEvent<UnmountEventDetail>(UNMOUNT_EVENT_TYPE, { detail });\n}\n\nexport const ROUTE_CHANGE_EVENT_TYPE = \"@entur-partner:after-route-change\";\n\nexport type RouteAction = \"PUSH\" | \"POP\" | \"REPLACE\";\n\ntype RouteChangeEventDetail = {\n\tlocation: Location;\n\taction: RouteAction;\n};\n\nexport class RouteChangeEvent extends CustomEvent<RouteChangeEventDetail> {}\n","/*global EventListener*/\n\nimport {\n\tMOUNT_EVENT_TYPE,\n\ttype MountEvent,\n\tUNMOUNT_EVENT_TYPE,\n\ttype UnmountEvent,\n} from \"./events\";\nimport type { MicroFrontendPayload, PublicMicroFrontendPayload } from \"./types\";\n\ntype Config<TPayload> = {\n\tmicroFrontendId: string;\n\tmount: (\n\t\tmountPoint: HTMLDivElement,\n\t\tpayload: TPayload,\n\t\tdeprecatedMountPoint: HTMLDivElement,\n\t) => void;\n\tunmount: (mountPoint: HTMLDivElement) => void;\n};\n\nfunction registerFrontend<TPayload>(config: Config<TPayload>): () => void {\n\tconst { unmount, microFrontendId, mount } = config;\n\n\tconst onMount = ((event: MountEvent) => {\n\t\tif (!event.detail.id.startsWith(microFrontendId)) {\n\t\t\treturn;\n\t\t}\n\t\tmount(\n\t\t\tevent.detail.mountPoint,\n\t\t\tevent.detail.payload as TPayload,\n\t\t\tevent.detail.mountPoint,\n\t\t);\n\t}) as EventListener;\n\n\tconst onUnmount = ((event: UnmountEvent) => {\n\t\tif (!event.detail.id.startsWith(microFrontendId)) {\n\t\t\treturn;\n\t\t}\n\t\tunmount(event.detail.mountPoint);\n\t}) as EventListener;\n\n\twindow.addEventListener(MOUNT_EVENT_TYPE, onMount);\n\twindow.addEventListener(UNMOUNT_EVENT_TYPE, onUnmount);\n\n\treturn () => {\n\t\twindow.removeEventListener(MOUNT_EVENT_TYPE, onMount);\n\t\twindow.removeEventListener(UNMOUNT_EVENT_TYPE, onUnmount);\n\t};\n}\n\nexport function registerMicroFrontend(\n\tconfig: Config<MicroFrontendPayload>,\n): () => void {\n\treturn registerFrontend(config);\n}\n\nexport function registerPublicMicroFrontend(\n\tconfig: Config<PublicMicroFrontendPayload>,\n): () => void {\n\treturn registerFrontend(config);\n}\n"],"mappings":";;;;AAqBA,IAAa,IAAa,EAA0C,KAAA,EAAU,EAEjE,UAAgB;CAC5B,IAAM,IAAU,EAAW,EAAW;AAEtC,QADA,EAAgB,EAAQ,EACjB,EAAQ;GAGH,UAAuB;CACnC,IAAM,IAAU,EAAW,EAAW;AAEtC,QADA,EAAgB,EAAQ,EACjB,EAAQ;GAYH,UAAoB;CAChC,IAAM,IAAU,EAAW,EAAW;AAEtC,QADA,EAAgB,EAAQ,EACjB,EAAQ;GAGH,KAAqC,EACjD,aACA,mBACA,mBACA,GAAG,QACE;CACL,IAAM,CAAC,GAAa,KAAkB,EAAuB,EAAE,CAAC;AAkBhE,QAhBA,QAAgB;EACf,eAAe,IAAY;AAC1B,OAAI;AAEH,MAD2B,MAAM,GAAgB,CACf;YAC1B,GAAO;AACf,YAAQ,MACP,kHACA,EACA;;;AAIH,KAAW;IACT,CAAC,EAAe,CAAC,EAGnB,kBAAC,EAAW,UAAZ;EACC,OAAO;GACN,GAAG;GACH,MAAM;IAAE,GAAG,EAAK;IAAmB;IAAa;GAChD,aAAa,OAAO,EAAe;GACnC;EAEA;EACoB,CAAA;GCtEX,IAAmB,wBACnB,IAAqB;AAKlC,SAAgB,EAAiB,GAA0B;AAC1D,QAAO,IAAI,YAA8B,GAAkB,EAAE,WAAQ,CAAC;;AAGvE,SAAgB,EAAmB,GAA4B;AAC9D,QAAO,IAAI,YAAgC,GAAoB,EAAE,WAAQ,CAAC;;AAG3E,IAAa,IAA0B,qCAS1B,IAAb,cAAsC,YAAoC;;;AChB1E,SAAS,EAA2B,GAAsC;CACzE,IAAM,EAAE,YAAS,oBAAiB,aAAU,GAEtC,MAAY,MAAsB;AAClC,IAAM,OAAO,GAAG,WAAW,EAAgB,IAGhD,EACC,EAAM,OAAO,YACb,EAAM,OAAO,SACb,EAAM,OAAO,WACb;KAGI,MAAc,MAAwB;AACtC,IAAM,OAAO,GAAG,WAAW,EAAgB,IAGhD,EAAQ,EAAM,OAAO,WAAW;;AAMjC,QAHA,OAAO,iBAAiB,GAAkB,EAAQ,EAClD,OAAO,iBAAiB,GAAoB,EAAU,QAEzC;AAEZ,EADA,OAAO,oBAAoB,GAAkB,EAAQ,EACrD,OAAO,oBAAoB,GAAoB,EAAU;;;AAI3D,SAAgB,EACf,GACa;AACb,QAAO,EAAiB,EAAO;;AAGhC,SAAgB,EACf,GACa;AACb,QAAO,EAAiB,EAAO"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../src/AppProvider.tsx","../src/events.ts","../src/registerMicroFrontend.ts","../src/useAfterRouteChange.ts"],"sourcesContent":["import type { Permission } from \"@entur-partner/permission-client-node\";\nimport { assertIsDefined } from \"@entur-partner/util\";\nimport {\n\tcreateContext,\n\ttype FC,\n\ttype ReactNode,\n\tuseContext,\n\tuseEffect,\n\tuseState,\n} from \"react\";\n\nimport type { User } from \"./types\";\n\ninterface AppContextType {\n\tgetToken: () => Promise<string>;\n\tuser: User;\n\tlogout?: () => void;\n\tactiveOrgId: number;\n\tnavigate: (path: string) => void;\n}\n\nexport const AppContext = createContext<AppContextType | undefined>(undefined);\n\nexport const useUser = () => {\n\tconst context = useContext(AppContext);\n\tassertIsDefined(context);\n\treturn context.user;\n};\n\nexport const useActiveOrgId = () => {\n\tconst context = useContext(AppContext);\n\tassertIsDefined(context);\n\treturn context.activeOrgId;\n};\n\nexport interface AppProviderProps {\n\tchildren: ReactNode;\n\tgetToken: () => Promise<string>;\n\tuser: User;\n\tgetPermissions: () => Promise<Permission[]>;\n\torganisationId: string;\n\tnavigate: (path: string) => void;\n}\n\nexport const useNavigate = () => {\n\tconst context = useContext(AppContext);\n\tassertIsDefined(context);\n\treturn context.navigate;\n};\n\nexport const AppProvider: FC<AppProviderProps> = ({\n\tchildren,\n\torganisationId,\n\tgetPermissions,\n\t...rest\n}) => {\n\tconst [permissions, setPermissions] = useState<Permission[]>([]);\n\n\tuseEffect(() => {\n\t\tasync function fetchData() {\n\t\t\ttry {\n\t\t\t\tconst fetchedPermissions = await getPermissions();\n\t\t\t\tsetPermissions(fetchedPermissions);\n\t\t\t} catch (error) {\n\t\t\t\tconsole.error(\n\t\t\t\t\t\"Fetching permissions with the provided getPermissions function failed in AppProvider with the following error:\",\n\t\t\t\t\terror,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\tfetchData();\n\t}, [getPermissions]);\n\n\treturn (\n\t\t<AppContext.Provider\n\t\t\tvalue={{\n\t\t\t\t...rest,\n\t\t\t\tuser: { ...rest.user, permissions: permissions },\n\t\t\t\tactiveOrgId: Number(organisationId),\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</AppContext.Provider>\n\t);\n};\n","import type { MicroFrontendPayload } from \"./types\";\n\ntype MountEventDetail = {\n\tid: string;\n\tmountPoint: HTMLDivElement;\n\tpayload: MicroFrontendPayload;\n};\n\ntype UnmountEventDetail = {\n\tid: string;\n\tmountPoint: HTMLDivElement;\n};\n\nexport const MOUNT_EVENT_TYPE = \"@entur-partner:mount\";\nexport const UNMOUNT_EVENT_TYPE = \"@entur-partner:unmount\";\n\nexport interface MountEvent extends CustomEvent<MountEventDetail> {}\nexport interface UnmountEvent extends CustomEvent<UnmountEventDetail> {}\n\nexport function createMountEvent(detail: MountEventDetail) {\n\treturn new CustomEvent<MountEventDetail>(MOUNT_EVENT_TYPE, { detail });\n}\n\nexport function createUnmountEvent(detail: UnmountEventDetail) {\n\treturn new CustomEvent<UnmountEventDetail>(UNMOUNT_EVENT_TYPE, { detail });\n}\n\nexport const ROUTE_CHANGE_EVENT_TYPE = \"@entur-partner:after-route-change\";\n\nexport type RouteAction = \"PUSH\" | \"POP\" | \"REPLACE\";\n\ntype RouteChangeEventDetail = {\n\tlocation: Location;\n\tpath: string;\n\taction: RouteAction;\n};\n\nexport class RouteChangeEvent extends CustomEvent<RouteChangeEventDetail> {}\n\nexport function createRouteChangeEvent(detail: RouteChangeEventDetail) {\n\treturn new RouteChangeEvent(ROUTE_CHANGE_EVENT_TYPE, {\n\t\tdetail,\n\t\tcancelable: true, // Allow listeners to call event.preventDefault() to indicate they handled the navigation\n\t});\n}\n\nexport interface MenuItemsEvent extends CustomEvent<MenuItemsEventDetail> {}\n\nexport const MENU_ITEMS_EVENT_TYPE = \"@entur-partner:menu-items-added\";\n\nexport interface MenuItemDetail {\n\ttitle: string;\n\tto: string;\n\tdisabled?: boolean;\n}\n\ntype MenuItemsEventDetail = {\n\tpath: string;\n\titems: MenuItemDetail[];\n};\n\nexport function createMenuItemsEvent(detail: MenuItemsEventDetail) {\n\treturn new CustomEvent<MenuItemsEventDetail>(MENU_ITEMS_EVENT_TYPE, {\n\t\tdetail,\n\t});\n}\n","import {\n\tMOUNT_EVENT_TYPE,\n\ttype MountEvent,\n\tUNMOUNT_EVENT_TYPE,\n\ttype UnmountEvent,\n} from \"./events\";\nimport type { MicroFrontendPayload } from \"./types\";\n\ninterface Config {\n\tmicroFrontendId: string;\n\tmount: (\n\t\tmountPoint: HTMLDivElement,\n\t\tpayload: MicroFrontendPayload,\n\t\tdeprecatedMountPoint: HTMLDivElement,\n\t) => void;\n\tunmount: (mountPoint: HTMLDivElement) => void;\n}\n\nexport function registerMicroFrontend(config: Config): void {\n\tconst { unmount, microFrontendId, mount } = config;\n\n\twindow.addEventListener(MOUNT_EVENT_TYPE, ((event: MountEvent) => {\n\t\tif (!event.detail.id.startsWith(microFrontendId)) {\n\t\t\treturn;\n\t\t}\n\t\tmount(\n\t\t\tevent.detail.mountPoint,\n\t\t\tevent.detail.payload,\n\t\t\tevent.detail.mountPoint,\n\t\t);\n\t}) as EventListener);\n\n\twindow.addEventListener(UNMOUNT_EVENT_TYPE, ((event: UnmountEvent) => {\n\t\tif (!event.detail.id.startsWith(microFrontendId)) {\n\t\t\treturn;\n\t\t}\n\t\tunmount(event.detail.mountPoint);\n\t}) as EventListener);\n}\n","import { useEffect, useRef } from \"react\";\n\nimport { ROUTE_CHANGE_EVENT_TYPE, type RouteChangeEvent } from \"./events\";\n\n/**\n * Subscribes to the `@entur-partner:after-route-change` event dispatched by\n * the sidebar when a navigation link is activated. The event is cancelable:\n * call `event.preventDefault()` inside the handler to signal that the host\n * application handled the navigation.\n *\n * The handler is stored in a ref so callers do not need to memoize it; the\n * listener itself is subscribed once per mount.\n */\nexport function useAfterRouteChange(\n\thandler: (event: RouteChangeEvent) => void,\n): void {\n\tconst handlerRef = useRef(handler);\n\n\tuseEffect(() => {\n\t\thandlerRef.current = handler;\n\t});\n\n\tuseEffect(() => {\n\t\tconst listener = (event: Event) => {\n\t\t\thandlerRef.current(event as RouteChangeEvent);\n\t\t};\n\t\twindow.addEventListener(ROUTE_CHANGE_EVENT_TYPE, listener);\n\t\treturn () => {\n\t\t\twindow.removeEventListener(ROUTE_CHANGE_EVENT_TYPE, listener);\n\t\t};\n\t}, []);\n}\n"],"mappings":";;;;AAqBA,IAAa,IAAa,EAA0C,KAAA,EAAU,EAEjE,UAAgB;CAC5B,IAAM,IAAU,EAAW,EAAW;AAEtC,QADA,EAAgB,EAAQ,EACjB,EAAQ;GAGH,UAAuB;CACnC,IAAM,IAAU,EAAW,EAAW;AAEtC,QADA,EAAgB,EAAQ,EACjB,EAAQ;GAYH,UAAoB;CAChC,IAAM,IAAU,EAAW,EAAW;AAEtC,QADA,EAAgB,EAAQ,EACjB,EAAQ;GAGH,KAAqC,EACjD,aACA,mBACA,mBACA,GAAG,QACE;CACL,IAAM,CAAC,GAAa,KAAkB,EAAuB,EAAE,CAAC;AAkBhE,QAhBA,QAAgB;EACf,eAAe,IAAY;AAC1B,OAAI;AAEH,MAD2B,MAAM,GAAgB,CACf;YAC1B,GAAO;AACf,YAAQ,MACP,kHACA,EACA;;;AAIH,KAAW;IACT,CAAC,EAAe,CAAC,EAGnB,kBAAC,EAAW,UAAZ;EACC,OAAO;GACN,GAAG;GACH,MAAM;IAAE,GAAG,EAAK;IAAmB;IAAa;GAChD,aAAa,OAAO,EAAe;GACnC;EAEA;EACoB,CAAA;GCtEX,IAAmB,wBACnB,IAAqB;AAKlC,SAAgB,EAAiB,GAA0B;AAC1D,QAAO,IAAI,YAA8B,GAAkB,EAAE,WAAQ,CAAC;;AAGvE,SAAgB,EAAmB,GAA4B;AAC9D,QAAO,IAAI,YAAgC,GAAoB,EAAE,WAAQ,CAAC;;AAG3E,IAAa,IAA0B,qCAU1B,IAAb,cAAsC,YAAoC;AAE1E,SAAgB,EAAuB,GAAgC;AACtE,QAAO,IAAI,EAAiB,GAAyB;EACpD;EACA,YAAY;EACZ,CAAC;;AAKH,IAAa,IAAwB;AAarC,SAAgB,EAAqB,GAA8B;AAClE,QAAO,IAAI,YAAkC,GAAuB,EACnE,WACA,CAAC;;;;AC9CH,SAAgB,EAAsB,GAAsB;CAC3D,IAAM,EAAE,YAAS,oBAAiB,aAAU;AAa5C,CAXA,OAAO,iBAAiB,KAAoB,MAAsB;AAC5D,IAAM,OAAO,GAAG,WAAW,EAAgB,IAGhD,EACC,EAAM,OAAO,YACb,EAAM,OAAO,SACb,EAAM,OAAO,WACb;IACkB,EAEpB,OAAO,iBAAiB,KAAsB,MAAwB;AAChE,IAAM,OAAO,GAAG,WAAW,EAAgB,IAGhD,EAAQ,EAAM,OAAO,WAAW;IACb;;;;ACxBrB,SAAgB,EACf,GACO;CACP,IAAM,IAAa,EAAO,EAAQ;AAMlC,CAJA,QAAgB;AACf,IAAW,UAAU;GACpB,EAEF,QAAgB;EACf,IAAM,KAAY,MAAiB;AAClC,KAAW,QAAQ,EAA0B;;AAG9C,SADA,OAAO,iBAAiB,GAAyB,EAAS,QAC7C;AACZ,UAAO,oBAAoB,GAAyB,EAAS;;IAE5D,EAAE,CAAC"}

package/dist/registerMicroFrontend.d.ts

@@ -1,9 +1,8 @@
-import type { MicroFrontendPayload, PublicMicroFrontendPayload } from "./types";
-type Config<TPayload> = {
+import type { MicroFrontendPayload } from "./types";
+interface Config {
     microFrontendId: string;
-    mount: (mountPoint: HTMLDivElement, payload: TPayload, deprecatedMountPoint: HTMLDivElement) => void;
+    mount: (mountPoint: HTMLDivElement, payload: MicroFrontendPayload, deprecatedMountPoint: HTMLDivElement) => void;
     unmount: (mountPoint: HTMLDivElement) => void;
-};
-export declare function registerMicroFrontend(config: Config<MicroFrontendPayload>): () => void;
-export declare function registerPublicMicroFrontend(config: Config<PublicMicroFrontendPayload>): () => void;
+}
+export declare function registerMicroFrontend(config: Config): void;
 export {};

package/dist/types.d.ts

@@ -31,8 +31,6 @@ export interface MenuItem {
     navigate: (path: string) => void;
     /** Is menu item disabled? */
     disabled?: boolean;
-    /** Is public menu item? */
-    isPublic?: boolean;
     /** Permissions required to view menu item */
     requiredPermissions?: {
         oneOf?: BusinessCapability[];
@@ -60,12 +58,3 @@ export interface MicroFrontendPayload {
      * will try to use the navigate function from the first menu item instead. */
     setMFNavigate: (navigate: NavigationFunction) => void;
 }
-export type PublicMicroFrontendPayload = Pick<MicroFrontendPayload, "language" | "navigate" | "setMFNavigate" | "addMenuItems"> & {
-    user?: User;
-    /** Function for getting an accessToken */
-    getToken?(options?: GetTokenSilentlyOptions): Promise<string>;
-    /** Active organisation identifier*/
-    organisationId?: string;
-    /** Log the user out */
-    logout?: () => void;
-};

package/dist/useAfterRouteChange.d.ts

@@ -0,0 +1,11 @@
+import { type RouteChangeEvent } from "./events";
+/**
+ * Subscribes to the `@entur-partner:after-route-change` event dispatched by
+ * the sidebar when a navigation link is activated. The event is cancelable:
+ * call `event.preventDefault()` inside the handler to signal that the host
+ * application handled the navigation.
+ *
+ * The handler is stored in a ref so callers do not need to memoize it; the
+ * listener itself is subscribed once per mount.
+ */
+export declare function useAfterRouteChange(handler: (event: RouteChangeEvent) => void): void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@entur-partner/micro-frontend",
-	"version": "2.8.0-alpha.2",
+	"version": "2.9.0",
 	"license": "EUPL-1.2",
 	"type": "module",
 	"exports": {
@@ -30,12 +30,12 @@
 		"react-dom": ">=18.0.0"
 	},
 	"devDependencies": {
-		"@auth0/auth0-spa-js": "2.19.1",
+		"@auth0/auth0-spa-js": "2.19.2",
 		"@entur-partner/permission-client-node": "3.6.2",
-		"posthog-js": "^1.365.5"
+		"posthog-js": "^1.369.5"
 	},
 	"dependencies": {
-		"@entur-partner/util": "^1.4.0-alpha.2"
+		"@entur-partner/util": "^1.3.11"
 	},
-	"gitHead": "89e99cb870c9ea3976ab36cb77461ee9a19c3b6b"
+	"gitHead": "f8fe5c1165bd5929248e45e8292f15660456bcab"
 }