@hai3/react 0.2.0-alpha.4 → 0.4.0-alpha.0

package/dist/index.js

@@ -16,25 +16,39 @@ function useHAI3() {
   return context;
 }
 
-// src/HAI3Provider.tsx
+// src/mfe/MfeContext.tsx
+import { createContext as createContext2, useContext as useContext2 } from "react";
+var MfeContext = createContext2(null);
+function useMfeContext() {
+  const context = useContext2(MfeContext);
+  if (!context) {
+    throw new Error(
+      "useMfeContext must be used within a MfeProvider. This hook can only be used inside MFE components."
+    );
+  }
+  return context;
+}
+
+// src/mfe/MfeProvider.tsx
 import { jsx } from "react/jsx-runtime";
+var MfeProvider = ({ value, children }) => {
+  return /* @__PURE__ */ jsx(MfeContext.Provider, { value, children });
+};
+
+// src/HAI3Provider.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
 var HAI3Provider = ({
   children,
   config,
   app: providedApp,
-  router
+  mfeBridge
 }) => {
   const app = useMemo(() => {
     if (providedApp) {
       return providedApp;
     }
-    const mergedConfig = {
-      ...config,
-      routerMode: router?.type,
-      autoNavigate: router?.autoNavigate ?? config?.autoNavigate
-    };
-    return createHAI3App(mergedConfig);
-  }, [providedApp, config, router]);
+    return createHAI3App(config);
+  }, [providedApp, config]);
   useEffect(() => {
     return () => {
       if (!providedApp) {
@@ -42,7 +56,11 @@ var HAI3Provider = ({
       }
     };
   }, [app, providedApp]);
-  return /* @__PURE__ */ jsx(HAI3Context.Provider, { value: app, children: /* @__PURE__ */ jsx(ReduxProvider, { store: app.store, children }) });
+  const content = /* @__PURE__ */ jsx2(HAI3Context.Provider, { value: app, children: /* @__PURE__ */ jsx2(ReduxProvider, { store: app.store, children }) });
+  if (mfeBridge) {
+    return /* @__PURE__ */ jsx2(MfeProvider, { value: mfeBridge, children: content });
+  }
+  return content;
 };
 
 // src/hooks/useAppDispatch.ts
@@ -81,10 +99,12 @@ function useTranslation() {
     [i18nRegistry2]
   );
   const setLanguage = useCallback(
-    async (lang) => {
-      await i18nRegistry2.setLanguage(lang);
+    (lang) => {
+      if (app.actions.setLanguage) {
+        app.actions.setLanguage({ language: lang });
+      }
     },
-    [i18nRegistry2]
+    [app.actions]
   );
   const isRTL = useMemo2(() => {
     void language;
@@ -167,68 +187,49 @@ function useScreenTranslations(screensetId, screenId, translations) {
   return { isLoaded, error };
 }
 
-// src/hooks/useNavigation.ts
-import { useCallback as useCallback3 } from "react";
-function useNavigation() {
-  const app = useHAI3();
-  const currentScreen = useAppSelector(
-    (state) => {
-      const flatKey = state;
-      if (flatKey["layout/screen"]) {
-        return flatKey["layout/screen"].activeScreen ?? null;
-      }
-      const nested = state;
-      return nested.layout?.screen?.activeScreen ?? null;
-    }
-  );
-  const navigateToScreen = useCallback3(
-    (screensetId, screenId, params) => {
-      if (app.actions.navigateToScreen) {
-        app.actions.navigateToScreen({ screensetId, screenId, params });
-      }
-    },
-    [app.actions]
-  );
-  const navigateToScreenset = useCallback3(
-    (screensetId) => {
-      if (app.actions.navigateToScreenset) {
-        app.actions.navigateToScreenset({ screensetId });
-      }
+// src/hooks/useFormatters.ts
+import { useMemo as useMemo4 } from "react";
+import {
+  formatDate as formatDateFn,
+  formatTime as formatTimeFn,
+  formatDateTime as formatDateTimeFn,
+  formatRelative as formatRelativeFn,
+  formatNumber as formatNumberFn,
+  formatPercent as formatPercentFn,
+  formatCompact as formatCompactFn,
+  formatCurrency as formatCurrencyFn,
+  compareStrings as compareStringsFn,
+  createCollator as createCollatorFn
+} from "@hai3/framework";
+function useFormatters() {
+  const { language } = useTranslation();
+  return useMemo4(
+    () => {
+      void language;
+      return {
+        formatDate: formatDateFn,
+        formatTime: formatTimeFn,
+        formatDateTime: formatDateTimeFn,
+        formatRelative: formatRelativeFn,
+        formatNumber: formatNumberFn,
+        formatPercent: formatPercentFn,
+        formatCompact: formatCompactFn,
+        formatCurrency: formatCurrencyFn,
+        compareStrings: compareStringsFn,
+        createCollator: createCollatorFn
+      };
     },
-    [app.actions]
+    [language]
   );
-  const currentScreenset = currentScreen ? app.routeRegistry?.getScreensetForScreen(currentScreen) ?? null : null;
-  return {
-    navigateToScreen,
-    navigateToScreenset,
-    currentScreenset,
-    currentScreen
-  };
-}
-
-// src/contexts/RouteParamsContext.tsx
-import { createContext as createContext2, useContext as useContext2 } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var RouteParamsContext = createContext2({});
-function RouteParamsProvider({ params, children }) {
-  return /* @__PURE__ */ jsx2(RouteParamsContext.Provider, { value: params, children });
-}
-function useRouteParamsContext() {
-  return useContext2(RouteParamsContext);
-}
-
-// src/hooks/useRouteParams.ts
-function useRouteParams() {
-  return useRouteParamsContext();
 }
 
 // src/hooks/useTheme.ts
-import { useCallback as useCallback4, useMemo as useMemo4, useSyncExternalStore as useSyncExternalStore3 } from "react";
+import { useCallback as useCallback3, useMemo as useMemo5, useSyncExternalStore as useSyncExternalStore3 } from "react";
 function useTheme() {
   const app = useHAI3();
   const { themeRegistry } = app;
   const version = useSyncExternalStore3(
-    useCallback4(
+    useCallback3(
       (callback) => {
         return themeRegistry.subscribe(callback);
       },
@@ -237,18 +238,18 @@ function useTheme() {
     () => themeRegistry.getVersion(),
     () => themeRegistry.getVersion()
   );
-  const currentTheme = useMemo4(() => {
+  const currentTheme = useMemo5(() => {
     void version;
     const theme = themeRegistry.getCurrent();
     return theme?.id;
   }, [themeRegistry, version]);
-  const themes2 = useMemo4(() => {
+  const themes2 = useMemo5(() => {
     return themeRegistry.getAll().map((theme) => ({
       id: theme.id,
       name: theme.name
     }));
   }, [themeRegistry]);
-  const setTheme = useCallback4(
+  const setTheme = useCallback3(
     (themeId) => {
       if (app.actions.changeTheme) {
         app.actions.changeTheme({ themeId });
@@ -263,111 +264,295 @@ function useTheme() {
   };
 }
 
-// src/components/AppRouter.tsx
-import { Suspense, useState as useState2, useEffect as useEffect3 } from "react";
-import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
-var AppRouter = ({
-  fallback = null,
-  errorFallback
-}) => {
+// src/mfe/hooks/useMfeBridge.ts
+function useMfeBridge() {
+  const { bridge } = useMfeContext();
+  return bridge;
+}
+
+// src/mfe/hooks/useSharedProperty.ts
+import { useSyncExternalStore as useSyncExternalStore4, useCallback as useCallback4 } from "react";
+function useSharedProperty(propertyTypeId) {
+  const { bridge } = useMfeContext();
+  const subscribe = useCallback4((callback) => {
+    return bridge.subscribeToProperty(propertyTypeId, () => {
+      callback();
+    });
+  }, [bridge, propertyTypeId]);
+  const getSnapshot = useCallback4(() => {
+    const property = bridge.getProperty(propertyTypeId);
+    return property?.value;
+  }, [bridge, propertyTypeId]);
+  const value = useSyncExternalStore4(subscribe, getSnapshot, getSnapshot);
+  return value;
+}
+
+// src/mfe/hooks/useHostAction.ts
+import { useCallback as useCallback5 } from "react";
+function useHostAction(actionTypeId) {
+  const { bridge } = useMfeContext();
+  return useCallback5((payload) => {
+    const chain = {
+      action: {
+        type: actionTypeId,
+        target: bridge.domainId,
+        payload
+      }
+    };
+    bridge.executeActionsChain(chain).catch((error) => {
+      console.error(
+        `[useHostAction] Failed to send action '${actionTypeId}':`,
+        error
+      );
+    });
+  }, [actionTypeId, bridge]);
+}
+
+// src/mfe/hooks/useDomainExtensions.ts
+import { useSyncExternalStore as useSyncExternalStore5, useCallback as useCallback6, useRef } from "react";
+function useDomainExtensions(domainId) {
   const app = useHAI3();
-  const { currentScreenset, currentScreen } = useNavigation();
-  const [ScreenComponent, setScreenComponent] = useState2(null);
-  const [error, setError] = useState2(null);
-  const [routeParams, setRouteParams] = useState2(() => {
-    if (typeof window === "undefined") {
-      return {};
+  const registry = app.screensetsRegistry;
+  if (!registry) {
+    throw new Error(
+      "useDomainExtensions requires the microfrontends plugin. Add microfrontends() to your HAI3 app configuration."
+    );
+  }
+  const subscribe = useCallback6(
+    (onStoreChange) => {
+      return app.store.subscribe(onStoreChange);
+    },
+    [app.store]
+  );
+  const cacheRef = useRef({ ids: "", extensions: [] });
+  const getSnapshot = useCallback6(() => {
+    const extensions = registry.getExtensionsForDomain(domainId);
+    const ids = extensions.map((e) => e.id).join(",");
+    if (ids !== cacheRef.current.ids) {
+      cacheRef.current = { ids, extensions };
     }
-    const pathname = window.location.pathname;
-    const base = app.config.base || "";
-    const internalPath = base && pathname.startsWith(base) ? pathname.slice(base.length) || "/" : pathname;
-    const match = app.routeRegistry?.matchRoute(internalPath);
-    return match?.params ?? {};
-  });
-  useEffect3(() => {
-    if (typeof window === "undefined") {
-      return;
+    return cacheRef.current.extensions;
+  }, [registry, domainId]);
+  return useSyncExternalStore5(subscribe, getSnapshot, getSnapshot);
+}
+
+// src/mfe/hooks/useRegisteredPackages.ts
+import { useSyncExternalStore as useSyncExternalStore6, useCallback as useCallback7, useRef as useRef2 } from "react";
+function useRegisteredPackages() {
+  const app = useHAI3();
+  const registry = app.screensetsRegistry;
+  if (!registry) {
+    throw new Error(
+      "useRegisteredPackages requires the microfrontends plugin. Add microfrontends() to your HAI3 app configuration."
+    );
+  }
+  const subscribe = useCallback7(
+    (onStoreChange) => {
+      return app.store.subscribe(onStoreChange);
+    },
+    [app.store]
+  );
+  const cacheRef = useRef2({ packages: "", list: [] });
+  const getSnapshot = useCallback7(() => {
+    const list = registry.getRegisteredPackages();
+    const packages = list.join(",");
+    if (packages !== cacheRef.current.packages) {
+      cacheRef.current = { packages, list };
+    }
+    return cacheRef.current.list;
+  }, [registry]);
+  return useSyncExternalStore6(subscribe, getSnapshot, getSnapshot);
+}
+
+// src/mfe/hooks/useActivePackage.ts
+import { useSyncExternalStore as useSyncExternalStore7, useCallback as useCallback8, useRef as useRef3 } from "react";
+import { extractGtsPackage, HAI3_SCREEN_DOMAIN } from "@hai3/framework";
+function useActivePackage() {
+  const app = useHAI3();
+  const registry = app.screensetsRegistry;
+  if (!registry) {
+    throw new Error(
+      "useActivePackage requires the microfrontends plugin. Add microfrontends() to your HAI3 app configuration."
+    );
+  }
+  const subscribe = useCallback8(
+    (onStoreChange) => {
+      return app.store.subscribe(onStoreChange);
+    },
+    [app.store]
+  );
+  const cacheRef = useRef3({ activePackage: void 0 });
+  const getSnapshot = useCallback8(() => {
+    const mountedExtensionId = registry.getMountedExtension(HAI3_SCREEN_DOMAIN);
+    if (!mountedExtensionId) {
+      const result = void 0;
+      if (result !== cacheRef.current.activePackage) {
+        cacheRef.current = { activePackage: result };
+      }
+      return cacheRef.current.activePackage;
     }
-    const pathname = window.location.pathname;
-    const base = app.config.base || "";
-    const internalPath = base && pathname.startsWith(base) ? pathname.slice(base.length) || "/" : pathname;
-    const match = app.routeRegistry?.matchRoute(internalPath);
-    setRouteParams(match?.params ?? {});
-  }, [app.config.base, app.routeRegistry, currentScreen]);
+    const activePackage = extractGtsPackage(mountedExtensionId);
+    if (activePackage !== cacheRef.current.activePackage) {
+      cacheRef.current = { activePackage };
+    }
+    return cacheRef.current.activePackage;
+  }, [registry]);
+  return useSyncExternalStore7(subscribe, getSnapshot, getSnapshot);
+}
+
+// src/mfe/components/RefContainerProvider.ts
+import { ContainerProvider } from "@hai3/framework";
+var RefContainerProvider = class extends ContainerProvider {
+  constructor(containerRef) {
+    super();
+    this.containerRef = containerRef;
+  }
+  getContainer(_extensionId) {
+    if (!this.containerRef.current) {
+      throw new Error("Container ref is not attached -- component may not be mounted yet");
+    }
+    return this.containerRef.current;
+  }
+  releaseContainer(_extensionId) {
+  }
+};
+
+// src/mfe/components/ExtensionDomainSlot.tsx
+import { useEffect as useEffect3, useRef as useRef4, useState as useState2 } from "react";
+import {
+  HAI3_ACTION_MOUNT_EXT,
+  HAI3_ACTION_UNMOUNT_EXT
+} from "@hai3/framework";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+function ExtensionDomainSlot(props) {
+  const {
+    registry,
+    domainId,
+    extensionId,
+    className,
+    onMounted,
+    onUnmounted,
+    onError,
+    loadingComponent,
+    errorComponent
+  } = props;
+  const containerRef = useRef4(null);
+  const [isLoading, setIsLoading] = useState2(true);
+  const [error, setError] = useState2(null);
+  const [bridge, setBridge] = useState2(null);
   useEffect3(() => {
-    let cancelled = false;
-    const loadScreen = async () => {
-      if (!currentScreenset || !currentScreen) {
-        setScreenComponent(null);
+    let mounted = true;
+    let currentBridge = null;
+    async function mountExtension2() {
+      if (!containerRef.current) {
         return;
       }
       try {
-        const loader = app.routeRegistry.getScreen(currentScreenset, currentScreen);
-        if (!loader) {
-          throw new Error(
-            `Screen "${currentScreen}" not found in screenset "${currentScreenset}".`
-          );
+        setIsLoading(true);
+        setError(null);
+        await registry.executeActionsChain({
+          action: {
+            type: HAI3_ACTION_MOUNT_EXT,
+            target: domainId,
+            payload: {
+              extensionId
+            }
+          }
+        });
+        if (!mounted) {
+          await registry.executeActionsChain({
+            action: {
+              type: HAI3_ACTION_UNMOUNT_EXT,
+              target: domainId,
+              payload: {
+                extensionId
+              }
+            }
+          });
+          return;
         }
-        const module = await loader();
-        if (!cancelled) {
-          setScreenComponent(() => module.default);
-          setError(null);
+        const newBridge = registry.getParentBridge(extensionId);
+        if (!newBridge) {
+          throw new Error(`Failed to obtain bridge for extension ${extensionId} after mount`);
+        }
+        currentBridge = newBridge;
+        setBridge(newBridge);
+        setIsLoading(false);
+        if (onMounted) {
+          onMounted(newBridge);
         }
       } catch (err) {
-        if (!cancelled) {
-          setError(err instanceof Error ? err : new Error(String(err)));
-          setScreenComponent(null);
+        if (!mounted) {
+          return;
+        }
+        const errorObj = err instanceof Error ? err : new Error(String(err));
+        setError(errorObj);
+        setIsLoading(false);
+        if (onError) {
+          onError(errorObj);
         }
       }
-    };
-    loadScreen();
+    }
+    void mountExtension2();
     return () => {
-      cancelled = true;
-    };
-  }, [currentScreenset, currentScreen, app.routeRegistry]);
-  if (error) {
-    if (errorFallback) {
-      if (typeof errorFallback === "function") {
-        return /* @__PURE__ */ jsx3(Fragment, { children: errorFallback(error) });
+      mounted = false;
+      if (currentBridge) {
+        void registry.executeActionsChain({
+          action: {
+            type: HAI3_ACTION_UNMOUNT_EXT,
+            target: domainId,
+            payload: {
+              extensionId
+            }
+          }
+        }).then(() => {
+          if (onUnmounted) {
+            onUnmounted();
+          }
+        });
       }
-      return /* @__PURE__ */ jsx3(Fragment, { children: errorFallback });
-    }
-    return /* @__PURE__ */ jsxs("div", { className: "p-5 text-destructive", children: [
-      /* @__PURE__ */ jsx3("h2", { children: "Error loading screen" }),
-      /* @__PURE__ */ jsx3("p", { children: error.message })
-    ] });
+    };
+  }, [registry, domainId, extensionId, onMounted, onUnmounted, onError]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx3("div", { className, "data-domain-id": domainId, "data-extension-id": extensionId, children: loadingComponent ?? /* @__PURE__ */ jsx3("div", { children: "Loading extension..." }) });
   }
-  if (!ScreenComponent) {
-    return /* @__PURE__ */ jsx3(Fragment, { children: fallback });
+  if (error) {
+    return /* @__PURE__ */ jsx3("div", { className, "data-domain-id": domainId, "data-extension-id": extensionId, children: errorComponent ? errorComponent(error) : /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx3("strong", { children: "Error loading extension:" }),
+      /* @__PURE__ */ jsx3("pre", { children: error.message })
+    ] }) });
   }
-  return /* @__PURE__ */ jsx3(RouteParamsProvider, { params: routeParams, children: /* @__PURE__ */ jsx3(Suspense, { fallback, children: /* @__PURE__ */ jsx3(ScreenComponent, {}) }) });
-};
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      ref: containerRef,
+      className,
+      "data-domain-id": domainId,
+      "data-extension-id": extensionId,
+      "data-bridge-active": bridge !== null
+    }
+  );
+}
 
 // src/index.ts
 import {
   createHAI3,
   createHAI3App as createHAI3App2,
   presets,
-  screensetRegistry,
   ACCOUNTS_DOMAIN,
   I18nRegistry,
   screensets,
   themes,
   layout,
-  navigation,
-  routing,
   i18n,
   effects,
-  createScreensetRegistry,
   createThemeRegistry,
-  createRouteRegistry,
   createStore,
   getStore,
   registerSlice,
   hasSlice,
   createSlice,
   LayoutDomain,
-  ScreensetCategory,
   layoutReducer,
   layoutDomainReducers,
   LAYOUT_SLICE_NAME,
@@ -458,6 +643,58 @@ import {
   getLanguageMetadata
 } from "@hai3/framework";
 import { Language, TextDirection, LanguageDisplayMode } from "@hai3/framework";
+import {
+  microfrontends,
+  mock
+} from "@hai3/framework";
+import {
+  loadExtension,
+  mountExtension,
+  unmountExtension,
+  registerExtension,
+  unregisterExtension
+} from "@hai3/framework";
+import {
+  selectExtensionState,
+  selectRegisteredExtensions,
+  selectExtensionError
+} from "@hai3/framework";
+import {
+  HAI3_POPUP_DOMAIN,
+  HAI3_SIDEBAR_DOMAIN,
+  HAI3_SCREEN_DOMAIN as HAI3_SCREEN_DOMAIN2,
+  HAI3_OVERLAY_DOMAIN,
+  screenDomain,
+  sidebarDomain,
+  popupDomain,
+  overlayDomain
+} from "@hai3/framework";
+import {
+  HAI3_SCREEN_EXTENSION_TYPE
+} from "@hai3/framework";
+import {
+  HAI3_ACTION_LOAD_EXT,
+  HAI3_ACTION_MOUNT_EXT as HAI3_ACTION_MOUNT_EXT2,
+  HAI3_ACTION_UNMOUNT_EXT as HAI3_ACTION_UNMOUNT_EXT2
+} from "@hai3/framework";
+import {
+  HAI3_SHARED_PROPERTY_THEME,
+  HAI3_SHARED_PROPERTY_LANGUAGE
+} from "@hai3/framework";
+import {
+  MfeHandler,
+  MfeBridgeFactory,
+  ScreensetsRegistry,
+  ScreensetsRegistryFactory,
+  screensetsRegistryFactory,
+  ContainerProvider as ContainerProvider2
+} from "@hai3/framework";
+import { MfeHandlerMF, gtsPlugin } from "@hai3/framework";
+import {
+  createShadowRoot,
+  injectCssVariables,
+  extractGtsPackage as extractGtsPackage2
+} from "@hai3/framework";
 import { eventBus as frameworkEventBus } from "@hai3/framework";
 var eventBus = frameworkEventBus;
 export {
@@ -465,10 +702,21 @@ export {
   ApiPlugin,
   ApiPluginBase,
   ApiProtocol,
-  AppRouter,
   BaseApiService,
+  ContainerProvider2 as ContainerProvider,
+  ExtensionDomainSlot,
   HAI3Context,
   HAI3Provider,
+  HAI3_ACTION_LOAD_EXT,
+  HAI3_ACTION_MOUNT_EXT2 as HAI3_ACTION_MOUNT_EXT,
+  HAI3_ACTION_UNMOUNT_EXT2 as HAI3_ACTION_UNMOUNT_EXT,
+  HAI3_OVERLAY_DOMAIN,
+  HAI3_POPUP_DOMAIN,
+  HAI3_SCREEN_DOMAIN2 as HAI3_SCREEN_DOMAIN,
+  HAI3_SCREEN_EXTENSION_TYPE,
+  HAI3_SHARED_PROPERTY_LANGUAGE,
+  HAI3_SHARED_PROPERTY_THEME,
+  HAI3_SIDEBAR_DOMAIN,
   I18nRegistry,
   I18nRegistryImpl,
   LAYOUT_SLICE_NAME,
@@ -476,16 +724,21 @@ export {
   LanguageDisplayMode,
   LayoutDomain,
   MOCK_PLUGIN,
+  MfeBridgeFactory,
+  MfeContext,
+  MfeHandler,
+  MfeHandlerMF,
+  MfeProvider,
   MockEventSource,
   MockEvents,
+  RefContainerProvider,
   RestMockPlugin,
   RestPlugin,
   RestPluginWithConfig,
   RestProtocol,
-  RouteParamsContext,
-  RouteParamsProvider,
   SUPPORTED_LANGUAGES,
-  ScreensetCategory,
+  ScreensetsRegistry,
+  ScreensetsRegistryFactory,
   SseMockPlugin,
   SsePlugin,
   SsePluginWithConfig,
@@ -505,17 +758,18 @@ export {
   createHAI3,
   createHAI3App2 as createHAI3App,
   createI18nRegistry,
-  createRouteRegistry,
-  createScreensetRegistry,
+  createShadowRoot,
   createSlice,
   createStore,
   createThemeRegistry,
   effects,
   eventBus,
+  extractGtsPackage2 as extractGtsPackage,
   footerActions,
   footerSlice,
   getLanguageMetadata,
   getStore,
+  gtsPlugin,
   hasSlice,
   headerActions,
   headerSlice,
@@ -524,6 +778,7 @@ export {
   i18nRegistry,
   initMockEffects,
   initTenantEffects,
+  injectCssVariables,
   isMockPlugin,
   isRestShortCircuit,
   isShortCircuit,
@@ -531,24 +786,33 @@ export {
   layout,
   layoutDomainReducers,
   layoutReducer,
+  loadExtension,
   menuActions,
   menuSlice,
+  microfrontends,
+  mock,
   mockActions,
   mockSlice,
+  mountExtension,
   navigateTo,
-  navigation,
   openPopup,
   overlayActions,
+  overlayDomain,
   overlaySlice,
   popupActions,
+  popupDomain,
   popupSlice,
   presets,
+  registerExtension,
   registerSlice,
-  routing,
   screenActions,
+  screenDomain,
   screenSlice,
-  screensetRegistry,
   screensets,
+  screensetsRegistryFactory,
+  selectExtensionError,
+  selectExtensionState,
+  selectRegisteredExtensions,
   setActiveScreen,
   setFooterConfig,
   setFooterVisible,
@@ -573,6 +837,7 @@ export {
   setUser,
   showOverlay,
   sidebarActions,
+  sidebarDomain,
   sidebarSlice,
   tenantActions,
   tenantReducer,
@@ -581,12 +846,20 @@ export {
   toggleMenu,
   toggleMockMode,
   toggleSidebar,
+  unmountExtension,
+  unregisterExtension,
+  useActivePackage,
   useAppDispatch,
   useAppSelector,
+  useDomainExtensions,
+  useFormatters,
   useHAI3,
-  useNavigation,
-  useRouteParams,
+  useHostAction,
+  useMfeBridge,
+  useMfeContext,
+  useRegisteredPackages,
   useScreenTranslations,
+  useSharedProperty,
   useTheme,
   useTranslation
 };