@hai3/framework 0.2.0-alpha.1 → 0.2.0-alpha.2

package/dist/index.js

@@ -159,8 +159,8 @@ Add the missing plugin: .use(${depName}())`
    */
   createStoreWithSlices(slices) {
     const store = getStore();
-    slices.forEach((slice9) => {
-      registerSlice(slice9);
+    slices.forEach((slice10) => {
+      registerSlice(slice10);
     });
     return store;
   }
@@ -444,6 +444,25 @@ var tenantSlice = slice8;
 var tenantActions = { setTenant, setTenantLoading, clearTenant };
 var tenantSlice_default = slice8.reducer;
 
+// src/slices/mockSlice.ts
+import { createSlice as createSlice9 } from "@hai3/state";
+var SLICE_KEY9 = "mock";
+var initialState9 = {
+  enabled: false
+};
+var { slice: slice9, setMockEnabled } = createSlice9({
+  name: SLICE_KEY9,
+  initialState: initialState9,
+  reducers: {
+    setMockEnabled: (state, action) => {
+      state.enabled = action.payload;
+    }
+  }
+});
+var mockSlice = slice9;
+var mockActions = { setMockEnabled };
+var mockSlice_default = slice9.reducer;
+
 // src/slices/index.ts
 var LAYOUT_SLICE_NAME = "layout";
 var TENANT_SLICE_NAME = "app/tenant";
@@ -489,39 +508,34 @@ function screensets(config) {
 // src/plugins/themes.ts
 import { eventBus } from "@hai3/state";
 
-// src/compat.ts
-import { getStore as getStore2 } from "@hai3/state";
-import { apiRegistry as apiRegistry2 } from "@hai3/api";
-import { screensetRegistry as sdkScreensetRegistry2 } from "@hai3/screensets";
-
 // src/registries/themeRegistry.ts
-function createThemeRegistry() {
+function createThemeRegistry(config) {
   const themes2 = /* @__PURE__ */ new Map();
-  const legacyThemes = /* @__PURE__ */ new Map();
+  const uikitThemes = /* @__PURE__ */ new Map();
   let currentThemeId = null;
-  let customApplyFn = null;
+  const customApplyFn = config?.applyFn ?? null;
   const subscribers = /* @__PURE__ */ new Set();
   let version = 0;
   function notifySubscribers() {
     version++;
     subscribers.forEach((callback) => callback());
   }
-  function applyCSSVariables(config) {
+  function applyCSSVariables(config2) {
     if (typeof document === "undefined") return;
     const root = document.documentElement;
-    Object.entries(config.variables).forEach(([key, value]) => {
+    Object.entries(config2.variables).forEach(([key, value]) => {
       root.style.setProperty(key, value);
     });
   }
   return {
     /**
      * Register a theme.
-     * Supports both new API (config only) and legacy API (id + theme).
+     * Supports both config-based API and UIKit theme API.
      */
-    register(configOrId, legacyTheme) {
+    register(configOrId, uikitTheme) {
       if (typeof configOrId === "string") {
         const id = configOrId;
-        if (!legacyTheme) {
+        if (!uikitTheme) {
           console.warn(`register() called with ID "${id}" but no theme object. Skipping.`);
           return;
         }
@@ -529,39 +543,33 @@ function createThemeRegistry() {
           console.warn(`Theme "${id}" is already registered. Skipping.`);
           return;
         }
-        legacyThemes.set(id, legacyTheme);
+        uikitThemes.set(id, uikitTheme);
         let themeName = id;
-        if (legacyTheme && typeof legacyTheme === "object" && "name" in legacyTheme) {
-          const nameValue = legacyTheme.name;
+        if (uikitTheme && typeof uikitTheme === "object" && "name" in uikitTheme) {
+          const nameValue = uikitTheme.name;
           if (typeof nameValue === "string") {
             themeName = nameValue;
           }
         }
-        const config2 = {
+        const config3 = {
           id,
           name: themeName,
           variables: {}
-          // Legacy themes use custom apply function
+          // UIKit themes use custom apply function
         };
-        themes2.set(id, config2);
+        themes2.set(id, config3);
         return;
       }
-      const config = configOrId;
-      if (themes2.has(config.id)) {
-        console.warn(`Theme "${config.id}" is already registered. Skipping.`);
+      const config2 = configOrId;
+      if (themes2.has(config2.id)) {
+        console.warn(`Theme "${config2.id}" is already registered. Skipping.`);
         return;
       }
-      themes2.set(config.id, config);
-      if (config.default && currentThemeId === null) {
-        this.apply(config.id);
+      themes2.set(config2.id, config2);
+      if (config2.default && currentThemeId === null) {
+        this.apply(config2.id);
       }
     },
-    /**
-     * Set the apply function (legacy API).
-     */
-    setApplyFunction(applyFn) {
-      customApplyFn = applyFn;
-    },
     /**
      * Get theme by ID.
      */
@@ -578,16 +586,17 @@ function createThemeRegistry() {
      * Apply a theme.
      */
     apply(id) {
-      const config = themes2.get(id);
-      if (!config) {
+      const config2 = themes2.get(id);
+      if (!config2) {
         console.warn(`Theme "${id}" not found. Cannot apply.`);
         return;
       }
-      const legacyTheme = legacyThemes.get(id);
-      if (legacyTheme && customApplyFn) {
-        customApplyFn(legacyTheme, id);
-      } else if (config.variables && Object.keys(config.variables).length > 0) {
-        applyCSSVariables(config);
+      if (config2.variables && Object.keys(config2.variables).length > 0) {
+        applyCSSVariables(config2);
+      }
+      const uikitTheme = uikitThemes.get(id);
+      if (uikitTheme && customApplyFn) {
+        customApplyFn(uikitTheme, id);
       }
       currentThemeId = id;
       notifySubscribers();
@@ -618,117 +627,18 @@ function createThemeRegistry() {
   };
 }
 
-// src/registries/routeRegistry.ts
-function createRouteRegistry(screensetRegistry3) {
-  let routes = null;
-  function buildRoutes() {
-    if (routes !== null) {
-      return routes;
-    }
-    routes = [];
-    const screensets2 = screensetRegistry3.getAll();
-    screensets2.forEach((screenset) => {
-      screenset.menu.forEach((menuScreenItem) => {
-        const screenId = menuScreenItem.menuItem.screenId ?? menuScreenItem.menuItem.id;
-        if (screenId && menuScreenItem.screen) {
-          routes.push({
-            screensetId: screenset.id,
-            screenId,
-            loader: menuScreenItem.screen
-          });
-        }
-      });
-    });
-    return routes;
-  }
-  return {
-    /**
-     * Check if a screen exists by screenId only (globally unique).
-     */
-    hasScreenById(screenId) {
-      const allRoutes = buildRoutes();
-      return allRoutes.some((route) => route.screenId === screenId);
-    },
-    /**
-     * Check if a screen exists (legacy, requires both IDs).
-     */
-    hasScreen(screensetId, screenId) {
-      const allRoutes = buildRoutes();
-      return allRoutes.some(
-        (route) => route.screensetId === screensetId && route.screenId === screenId
-      );
-    },
-    /**
-     * Get screenset ID for a given screen ID (reverse lookup).
-     * Screen IDs are globally unique across all screensets.
-     */
-    getScreensetForScreen(screenId) {
-      const allRoutes = buildRoutes();
-      const route = allRoutes.find((r) => r.screenId === screenId);
-      return route?.screensetId;
-    },
-    /**
-     * Get screen loader by screenId only.
-     */
-    getScreenById(screenId) {
-      const allRoutes = buildRoutes();
-      const route = allRoutes.find((r) => r.screenId === screenId);
-      return route?.loader;
-    },
-    /**
-     * Get screen loader (legacy, requires both IDs).
-     */
-    getScreen(screensetId, screenId) {
-      const allRoutes = buildRoutes();
-      const route = allRoutes.find(
-        (r) => r.screensetId === screensetId && r.screenId === screenId
-      );
-      return route?.loader;
-    },
-    /**
-     * Get all routes.
-     */
-    getAll() {
-      const allRoutes = buildRoutes();
-      return allRoutes.map(({ screensetId, screenId }) => ({
-        screensetId,
-        screenId
-      }));
-    }
-  };
-}
-
-// src/compat.ts
-import { screensetRegistry } from "@hai3/screensets";
-var screenActions3 = screenActions;
-var ACCOUNTS_DOMAIN = "accounts";
-var themeRegistry = createThemeRegistry();
-var routeRegistry = createRouteRegistry(sdkScreensetRegistry2);
-var navigateToScreen = (screenId) => {
-  getStore2().dispatch(screenActions3.setActiveScreen(screenId));
-};
-var fetchCurrentUser = () => (_dispatch) => {
-  try {
-    const accountsService = apiRegistry2.getService(ACCOUNTS_DOMAIN);
-    const service = accountsService;
-    service.getCurrentUser?.();
-  } catch {
-    console.warn("fetchCurrentUser: accounts service not registered");
-  }
-};
-
 // src/plugins/themes.ts
 function changeTheme(payload) {
   eventBus.emit("theme/changed", payload);
 }
-function themes() {
-  const themeRegistry2 = themeRegistry;
+function themes(config) {
+  const themeRegistry = createThemeRegistry(config);
   return {
     name: "themes",
     dependencies: [],
     provides: {
       registries: {
-        themeRegistry: themeRegistry2
+        themeRegistry
       },
       actions: {
         changeTheme
@@ -736,11 +646,11 @@ function themes() {
     },
     onInit(_app) {
       eventBus.on("theme/changed", (payload) => {
-        themeRegistry2.apply(payload.themeId);
+        themeRegistry.apply(payload.themeId);
       });
-      const themes2 = themeRegistry2.getAll();
+      const themes2 = themeRegistry.getAll();
       if (themes2.length > 0) {
-        themeRegistry2.apply(themes2[0].id);
+        themeRegistry.apply(themes2[0].id);
       }
     }
   };
@@ -875,9 +785,9 @@ function resolveBase(pluginConfig, appConfig) {
 }
 
 // src/plugins/navigation.ts
-var screenActions4 = screenActions;
+var screenActions3 = screenActions;
 var menuActions3 = menuActions;
-function navigateToScreen2(payload) {
+function navigateToScreen(payload) {
   eventBus3.emit("navigation/screen/navigated", payload);
 }
 function navigateToScreenset(payload) {
@@ -889,7 +799,7 @@ function navigation(config) {
     dependencies: ["screensets"],
     provides: {
       actions: {
-        navigateToScreen: navigateToScreen2,
+        navigateToScreen,
         navigateToScreenset
       }
     },
@@ -939,7 +849,7 @@ function navigation(config) {
           return;
         }
         activateScreenset(screensetId);
-        dispatch(screenActions4.navigateTo(screenId));
+        dispatch(screenActions3.navigateTo(screenId));
       };
       eventBus3.on("navigation/screen/navigated", (payload) => {
         if (!app.routeRegistry?.hasScreen(payload.screensetId, payload.screenId)) {
@@ -949,7 +859,7 @@ function navigation(config) {
           return;
         }
         activateScreenset(payload.screensetId);
-        dispatch(screenActions4.navigateTo(payload.screenId));
+        dispatch(screenActions3.navigateTo(payload.screenId));
         if (typeof window !== "undefined") {
           const url = prependBase(`/${payload.screenId}`, base);
           if (window.location.pathname !== url) {
@@ -963,7 +873,7 @@ function navigation(config) {
           console.warn(`Screenset "${payload.screensetId}" not found.`);
           return;
         }
-        navigateToScreen2({
+        navigateToScreen({
           screensetId: payload.screensetId,
           screenId: screenset.defaultScreen
         });
@@ -1011,6 +921,86 @@ function navigation(config) {
   };
 }
 
+// src/registries/routeRegistry.ts
+function createRouteRegistry(screensetRegistry3) {
+  let routes = null;
+  function buildRoutes() {
+    if (routes !== null) {
+      return routes;
+    }
+    routes = [];
+    const screensets2 = screensetRegistry3.getAll();
+    screensets2.forEach((screenset) => {
+      screenset.menu.forEach((menuScreenItem) => {
+        const screenId = menuScreenItem.menuItem.screenId ?? menuScreenItem.menuItem.id;
+        if (screenId && menuScreenItem.screen) {
+          routes.push({
+            screensetId: screenset.id,
+            screenId,
+            loader: menuScreenItem.screen
+          });
+        }
+      });
+    });
+    return routes;
+  }
+  return {
+    /**
+     * Check if a screen exists by screenId only (globally unique).
+     */
+    hasScreenById(screenId) {
+      const allRoutes = buildRoutes();
+      return allRoutes.some((route) => route.screenId === screenId);
+    },
+    /**
+     * Check if a screen exists by both screensetId and screenId (explicit lookup when screenset context is known).
+     */
+    hasScreen(screensetId, screenId) {
+      const allRoutes = buildRoutes();
+      return allRoutes.some(
+        (route) => route.screensetId === screensetId && route.screenId === screenId
+      );
+    },
+    /**
+     * Get screenset ID for a given screen ID (reverse lookup).
+     * Screen IDs are globally unique across all screensets.
+     */
+    getScreensetForScreen(screenId) {
+      const allRoutes = buildRoutes();
+      const route = allRoutes.find((r) => r.screenId === screenId);
+      return route?.screensetId;
+    },
+    /**
+     * Get screen loader by screenId only.
+     */
+    getScreenById(screenId) {
+      const allRoutes = buildRoutes();
+      const route = allRoutes.find((r) => r.screenId === screenId);
+      return route?.loader;
+    },
+    /**
+     * Get screen loader by both screensetId and screenId (explicit lookup when screenset context is known).
+     */
+    getScreen(screensetId, screenId) {
+      const allRoutes = buildRoutes();
+      const route = allRoutes.find(
+        (r) => r.screensetId === screensetId && r.screenId === screenId
+      );
+      return route?.loader;
+    },
+    /**
+     * Get all routes.
+     */
+    getAll() {
+      const allRoutes = buildRoutes();
+      return allRoutes.map(({ screensetId, screenId }) => ({
+        screensetId,
+        screenId
+      }));
+    }
+  };
+}
+
 // src/plugins/routing.ts
 function routing() {
   return {
@@ -1019,8 +1009,8 @@ function routing() {
     onRegister(_app) {
     },
     onInit(app) {
-      const routeRegistry2 = createRouteRegistry(app.screensetRegistry);
-      app.routeRegistry = routeRegistry2;
+      const routeRegistry = createRouteRegistry(app.screensetRegistry);
+      app.routeRegistry = routeRegistry;
     }
   };
 }
@@ -1068,16 +1058,101 @@ function effects() {
   };
 }
 
+// src/effects/mockEffects.ts
+import { eventBus as eventBus5, getStore as getStore2 } from "@hai3/state";
+import { apiRegistry as apiRegistry2, isMockPlugin } from "@hai3/api";
+function hasPluginManagement(protocol) {
+  return "plugins" in protocol && typeof protocol.plugins === "object";
+}
+var MockEvents = {
+  Toggle: "mock/toggle"
+};
+function syncMockPlugins(enabled) {
+  for (const service of apiRegistry2.getAll()) {
+    const registeredPlugins = service.getPlugins();
+    for (const [protocol, plugins] of registeredPlugins) {
+      if (!hasPluginManagement(protocol)) continue;
+      for (const plugin of plugins) {
+        if (isMockPlugin(plugin)) {
+          if (enabled) {
+            const existingPlugins = protocol.plugins.getAll();
+            if (!existingPlugins.includes(plugin)) {
+              protocol.plugins.add(plugin);
+            }
+          } else {
+            protocol.plugins.remove(plugin);
+          }
+        }
+      }
+    }
+  }
+}
+function initMockEffects() {
+  const store = getStore2();
+  const unsubscribe = eventBus5.on(MockEvents.Toggle, (payload) => {
+    store.dispatch(setMockEnabled(payload.enabled));
+    syncMockPlugins(payload.enabled);
+  });
+  const currentState = store.getState();
+  if ("mock" in currentState && currentState.mock && typeof currentState.mock === "object" && "enabled" in currentState.mock) {
+    syncMockPlugins(currentState.mock.enabled);
+  }
+  return () => {
+    unsubscribe.unsubscribe();
+  };
+}
+function toggleMockMode(enabled) {
+  eventBus5.emit(MockEvents.Toggle, { enabled });
+}
+
+// src/plugins/mock.ts
+var cleanup = null;
+function isDevEnvironment() {
+  if (typeof window === "undefined") return false;
+  const { hostname } = window.location;
+  return hostname === "localhost" || hostname === "127.0.0.1" || hostname.endsWith(".local");
+}
+function mock(config) {
+  return {
+    name: "mock",
+    dependencies: ["effects"],
+    provides: {
+      slices: [mockSlice],
+      actions: {
+        toggleMockMode
+      }
+    },
+    onInit() {
+      cleanup = initMockEffects();
+      const isDev = isDevEnvironment();
+      const enabledByDefault = config?.enabledByDefault ?? isDev;
+      if (enabledByDefault) {
+        toggleMockMode(true);
+        if (isDev) {
+          console.log("[HAI3] Mock mode enabled by default (dev environment detected)");
+        }
+      }
+    },
+    onDestroy() {
+      if (cleanup) {
+        cleanup();
+        cleanup = null;
+      }
+    }
+  };
+}
+
 // src/presets/index.ts
-function full() {
+function full(config) {
   return [
     effects(),
     screensets({ autoDiscover: true }),
-    themes(),
+    themes(config?.themes),
     layout(),
     routing(),
     navigation(),
-    i18n()
+    i18n(),
+    mock()
   ];
 }
 function minimal() {
@@ -1099,31 +1174,31 @@ var presets = {
 
 // src/createHAI3App.ts
 function createHAI3App(config) {
-  return createHAI3(config).useAll(full()).build();
+  return createHAI3(config).useAll(full({ themes: config?.themes })).build();
 }
 
 // src/registries/index.ts
-import { createScreensetRegistry, screensetRegistry as screensetRegistry2 } from "@hai3/screensets";
+import { createScreensetRegistry, screensetRegistry } from "@hai3/screensets";
 
 // src/index.ts
-import { eventBus as eventBus6, createStore, getStore as getStore4, registerSlice as registerSlice2, hasSlice, createSlice as createSlice9 } from "@hai3/state";
+import { eventBus as eventBus7, createStore, getStore as getStore4, registerSlice as registerSlice2, hasSlice, createSlice as createSlice10 } from "@hai3/state";
 import {
   LayoutDomain,
   ScreensetCategory
 } from "@hai3/screensets";
 
 // src/effects/tenantEffects.ts
-import { eventBus as eventBus5, getStore as getStore3 } from "@hai3/state";
+import { eventBus as eventBus6, getStore as getStore3 } from "@hai3/state";
 var TenantEvents = {
   Changed: "app/tenant/changed",
   Cleared: "app/tenant/cleared"
 };
 function initTenantEffects() {
   const store = getStore3();
-  const subChanged = eventBus5.on(TenantEvents.Changed, (payload) => {
+  const subChanged = eventBus6.on(TenantEvents.Changed, (payload) => {
     store.dispatch(setTenant(payload.tenant));
   });
-  const subCleared = eventBus5.on(TenantEvents.Cleared, () => {
+  const subCleared = eventBus6.on(TenantEvents.Cleared, () => {
     store.dispatch(clearTenant());
   });
   return () => {
@@ -1132,20 +1207,44 @@ function initTenantEffects() {
   };
 }
 function changeTenant(tenant) {
-  eventBus5.emit(TenantEvents.Changed, { tenant });
+  eventBus6.emit(TenantEvents.Changed, { tenant });
 }
 function clearTenantAction() {
-  eventBus5.emit(TenantEvents.Cleared, {});
+  eventBus6.emit(TenantEvents.Cleared, {});
 }
 function setTenantLoadingState(loading) {
   getStore3().dispatch(setTenantLoading(loading));
 }
 
 // src/index.ts
-import { apiRegistry as apiRegistry3, BaseApiService, RestProtocol, SseProtocol, MockPlugin } from "@hai3/api";
+import {
+  apiRegistry as apiRegistry3,
+  BaseApiService,
+  RestProtocol,
+  SseProtocol,
+  RestMockPlugin,
+  SseMockPlugin,
+  MockEventSource,
+  ApiPluginBase,
+  ApiPlugin,
+  ApiProtocol,
+  RestPlugin,
+  RestPluginWithConfig,
+  SsePlugin,
+  SsePluginWithConfig,
+  isShortCircuit,
+  isRestShortCircuit,
+  isSseShortCircuit,
+  MOCK_PLUGIN,
+  isMockPlugin as isMockPlugin2
+} from "@hai3/api";
 import { i18nRegistry as i18nRegistry2, I18nRegistryImpl, createI18nRegistry, Language as Language2, SUPPORTED_LANGUAGES, getLanguageMetadata, TextDirection, LanguageDisplayMode } from "@hai3/i18n";
 import { I18nRegistryImpl as I18nRegistryImpl2 } from "@hai3/i18n";
 
+// src/compat.ts
+import { screensetRegistry as screensetRegistry2 } from "@hai3/screensets";
+var ACCOUNTS_DOMAIN = "accounts";
+
 // src/migration.ts
 var STATE_PATH_MAPPING = {
   // App state (moved to app slice)
@@ -1199,9 +1298,11 @@ function hasLegacyUicoreState(state) {
 function hasNewLayoutState(state) {
   return typeof state === "object" && state !== null && "layout" in state && typeof state.layout === "object";
 }
-var legacySelectors = {};
 export {
   ACCOUNTS_DOMAIN,
+  ApiPlugin,
+  ApiPluginBase,
+  ApiProtocol,
   BaseApiService,
   I18nRegistryImpl2 as I18nRegistry,
   I18nRegistryImpl,
@@ -1209,11 +1310,19 @@ export {
   Language2 as Language,
   LanguageDisplayMode,
   LayoutDomain,
-  MockPlugin,
+  MOCK_PLUGIN,
+  MockEventSource,
+  MockEvents,
+  RestMockPlugin,
+  RestPlugin,
+  RestPluginWithConfig,
   RestProtocol,
   STATE_PATH_MAPPING,
   SUPPORTED_LANGUAGES,
   ScreensetCategory,
+  SseMockPlugin,
+  SsePlugin,
+  SsePluginWithConfig,
   SseProtocol,
   TENANT_SLICE_NAME,
   TenantEvents,
@@ -1233,12 +1342,11 @@ export {
   createLegacySelector,
   createRouteRegistry,
   createScreensetRegistry,
-  createSlice9 as createSlice,
+  createSlice10 as createSlice,
   createStore,
   createThemeRegistry,
   effects,
-  eventBus6 as eventBus,
-  fetchCurrentUser,
+  eventBus7 as eventBus,
   footerActions,
   footerSlice,
   full,
@@ -1254,17 +1362,23 @@ export {
   hideOverlay,
   i18n,
   i18nRegistry2 as i18nRegistry,
+  initMockEffects,
   initTenantEffects,
   isDeprecationWarningsEnabled,
+  isMockPlugin2 as isMockPlugin,
+  isRestShortCircuit,
+  isShortCircuit,
+  isSseShortCircuit,
   layout,
   layoutDomainReducers,
   layoutReducer,
-  legacySelectors,
   menuActions,
   menuSlice,
   minimal,
+  mock,
+  mockActions,
+  mockSlice,
   navigateTo,
-  navigateToScreen,
   navigation,
   openPopup,
   overlayActions,
@@ -1273,11 +1387,10 @@ export {
   popupSlice,
   presets,
   registerSlice2 as registerSlice,
-  routeRegistry,
   routing,
   screenActions,
   screenSlice,
-  screensetRegistry,
+  screensetRegistry2 as screensetRegistry,
   screensets,
   setActiveScreen,
   setDeprecationWarnings,
@@ -1288,6 +1401,7 @@ export {
   setMenuConfig,
   setMenuItems,
   setMenuVisible,
+  setMockEnabled,
   setOverlayVisible,
   setScreenLoading,
   setSidebarCollapsed,
@@ -1307,9 +1421,9 @@ export {
   tenantActions,
   tenantSlice_default as tenantReducer,
   tenantSlice,
-  themeRegistry,
   themes,
   toggleMenu,
+  toggleMockMode,
   toggleSidebar
 };
 //# sourceMappingURL=index.js.map