@vc-shell/framework 1.2.3-beta.0 → 1.2.3

package/core/composables/useWidgets/index.ts

@@ -6,9 +6,6 @@ import {
   registerExternalWidget,
 } from "./../../services/widget-service";
 import { WidgetServiceKey } from "./../../../injection-keys";
-import { createLogger, InjectionError } from "../../utilities";
-
-const logger = createLogger("use-widgets");
 
 export function provideWidgetService(): IWidgetService {
   const service = createWidgetService();
@@ -19,8 +16,8 @@ export function provideWidgetService(): IWidgetService {
 export function useWidgets(): IWidgetService {
   const service = inject(WidgetServiceKey);
   if (!service) {
-    logger.error("Widget service not found in current context. Injection chain:", getCurrentInstance());
-    throw new InjectionError("WidgetService");
+    console.error("Widget service not found in current context. Injection chain:", getCurrentInstance());
+    throw new Error("WidgetService not provided");
   }
   return service;
 }

package/core/constants/index.ts

@@ -1,5 +1,3 @@
 export const FALLBACK_BLADE_ID = "fallback-blade-id";
 
 export * from "./locale";
-export * from "./ui";
-export * from "./defaults";

package/core/interceptors/index.ts

@@ -2,9 +2,6 @@
 import { Router } from "vue-router";
 import { useUserManagement } from "../composables/useUserManagement";
 import { notification } from "../../shared";
-import { createLogger } from "../utilities";
-
-const logger = createLogger("interceptors");
 
 export function registerInterceptors(router: Router) {
   const { fetch: originalFetch } = window;
@@ -19,8 +16,8 @@ export function registerInterceptors(router: Router) {
      * @returns A promise that resolves to the response from the API call.
      */
     if (window.__DEMO_MODE__) {
-      logger.warn("CANCELLED FETCH WHILE IN __DEMO_MODE__: ", ...args);
-      logger.warn("Please logout and add APP_PLATFORM_URL into .env file of your application to enable API calls");
+      console.warn("CANCELLED FETCH WHILE IN __DEMO_MODE__: ", ...args);
+      console.warn("Please logout and add APP_PLATFORM_URL into .env file of your application to enable API calls");
       return new Promise((resolve: any) => {
         /**
          * This conditions are mocking login, currentuser API calls for demo purposes.

package/core/plugins/modularity/index.ts

@@ -2,14 +2,12 @@ import { App, Component, h, inject, resolveComponent, watch } from "vue";
 import { i18n } from "./../i18n";
 import { Router } from "vue-router";
 import { BladeInstanceConstructor, BladeVNode } from "./../../../shared/components/blade-navigation/types";
-import { kebabToPascal, createLogger } from "./../../utilities";
+import { kebabToPascal } from "./../../utilities";
 import { addMenuItem, useMenuService, useNotifications } from "../../composables";
 import * as _ from "lodash-es";
 import { notification } from "../../../shared";
 import { BladeRegistryKey, IBladeRegistrationData, IBladeRegistryInstance } from "../../composables/useBladeRegistry";
 
-const logger = createLogger("modularity");
-
 export function createModule(components: { [key: string]: BladeInstanceConstructor }, locales?: unknown) {
   return {
     install(app: App): void {
@@ -19,7 +17,7 @@ export function createModule(components: { [key: string]: BladeInstanceConstruct
         if (app.component(componentName)) {
           // Remove the existing component
           // Note: Vue does not provide a method to remove a component, so we can overwrite it
-          logger.warn(
+          console.warn(
             `Component ${componentName} is already registered. It will be overwritten with the new component.`,
           );
         }
@@ -54,11 +52,11 @@ export function createAppModule(
       if (bladeRegistry && bladeRegistry._registerBladeFn) {
         registerBladeWithRegistry = bladeRegistry._registerBladeFn;
       } else {
-        logger.error(
+        console.error(
           "createAppModule: BladeRegistry or its _registerBladeFn not found via inject. Blade registration will be skipped.",
         );
         registerBladeWithRegistry = (name: string, data: IBladeRegistrationData) => {
-          logger.warn(`BladeRegistry (noop): Tried to register '${name}' but _registerBladeFn is missing.`);
+          console.warn(`BladeRegistry (noop): Tried to register '${name}' but _registerBladeFn is missing.`);
         };
       }
 
@@ -85,7 +83,7 @@ export function createAppModule(
               isWorkspace: page.isWorkspace || false,
             });
           } else {
-            logger.warn(
+            console.warn(
               "createAppModule: Page without URL is missing a name. Cannot register with BladeRegistry.",
               page,
             );
@@ -181,7 +179,7 @@ export function createAppModule(
           // Check if the component is already registered
           if (app.component(name)) {
             // Overwrite existing component
-            logger.warn(`Component ${name} is already registered. It will be overwritten with the new component.`);
+            console.warn(`Component ${name} is already registered. It will be overwritten with the new component.`);
           }
           app.component(name, component);
         });

package/core/plugins/modularity/loader.ts

@@ -3,9 +3,6 @@ import { Router } from "vue-router";
 import { DynamicModulesKey } from "../../../injection-keys";
 import * as semver from "semver";
 import { notification } from "../../../shared";
-import { createLogger } from "../../utilities";
-
-const logger = createLogger("module-loader");
 
 interface ModuleManifest {
   file: string;
@@ -111,12 +108,12 @@ async function loadVersionInfo(url: string): Promise<VersionInfo | null> {
   try {
     const response = await fetch(url);
     if (!response.ok) {
-      logger.warn(`Failed to load version info: ${response.statusText}`);
+      console.warn(`Failed to load version info: ${response.statusText}`);
       return null;
     }
     return (await response.json()) as VersionInfo;
   } catch (error) {
-    logger.warn(`Error loading version info: ${error}`);
+    console.warn(`Error loading version info: ${error}`);
     return null;
   }
 }
@@ -148,7 +145,7 @@ function checkVersionCompatibility(
     moduleVersion.compatibleWith.framework &&
     !semver.satisfies(frameworkVersion, moduleVersion.compatibleWith.framework, { includePrerelease: true })
   ) {
-    logger.error(
+    console.error(
       `Module ${moduleId} requires framework version ${moduleVersion.compatibleWith.framework}, but current framework version is ${frameworkVersion}.`,
     );
     notification.error(
@@ -166,12 +163,12 @@ function checkVersionCompatibility(
       const loadedDepVersion = loadedModulesWithVersions.get(depModuleId);
 
       if (!loadedDepVersion) {
-        logger.warn(`Module ${moduleId} depends on ${depModuleId}, but it is not loaded yet.`);
+        console.warn(`Module ${moduleId} depends on ${depModuleId}, but it is not loaded yet.`);
         continue;
       }
 
       if (!semver.satisfies(loadedDepVersion, versionRange, { includePrerelease: true })) {
-        logger.error(
+        console.error(
           `Module ${moduleId} requires ${depModuleId} version ${versionRange}, but loaded version is ${loadedDepVersion}.`,
         );
         notification.error(
@@ -236,7 +233,7 @@ export function useDynamicModules(
   const finalConfig = { ...DEFAULT_CONFIG, ...config };
 
   if (!config.frameworkVersion && finalConfig.frameworkVersion) {
-    logger.warn(
+    console.warn(
       `Framework version not specified in the configuration, using default ${finalConfig.frameworkVersion}. This may cause compatibility issues with modules.`,
     );
   }
@@ -275,7 +272,7 @@ export function useDynamicModules(
               manifest: (await response.json()) as Manifest,
             };
           } catch (error) {
-            logger.error("Error loading module manifest:", error);
+            console.error(error);
             return null;
           }
         });
@@ -306,12 +303,12 @@ export function useDynamicModules(
                   .filter((file) => file.file.endsWith(".css"))
                   .map((file) => loadCSS(moduleUrl + file.file)),
               ).catch((error) => {
-                logger.error(`Failed to load styles for module ${moduleId}:`, error);
+                console.error(`Failed to load styles for module ${moduleId}:`, error);
               }),
             ]);
 
             if (versionInfoFromFile) {
-              logger.info(`Loaded version info for module ${moduleId}: v${versionInfoFromFile.version}`);
+              console.info(`Loaded version info for module ${moduleId}: v${versionInfoFromFile.version}`);
             }
 
             // Import module
@@ -325,7 +322,7 @@ export function useDynamicModules(
               success: true,
             };
           } catch (error) {
-            logger.error(`Failed to load module ${moduleId}:`, error);
+            console.error(`Failed to load module ${moduleId}:`, error);
             return {
               moduleId,
               moduleUrl,
@@ -345,7 +342,7 @@ export function useDynamicModules(
           moduleLoadResults.filter((result) => result.success).map((result) => [result.moduleId, result]),
         );
 
-        logger.debug("LoadResultsMap keys:", Array.from(loadResultsMap.keys()));
+        console.log("🔍 LoadResultsMap keys:", Array.from(loadResultsMap.keys()));
 
         // Wait for all modules to register themselves in the global scope
         const expectedModuleIds = Array.from(loadResultsMap.keys());
@@ -372,9 +369,9 @@ export function useDynamicModules(
 
         // Check if modules are already registered
         if (areAllModulesRegistered()) {
-          logger.debug("All modules are already registered, proceeding with installation");
+          console.log("✅ All modules are already registered, proceeding with installation");
         } else {
-          logger.debug(`Waiting for ${expectedModuleIds.length} modules to register:`, expectedModuleIds);
+          console.log(`🔍 Waiting for ${expectedModuleIds.length} modules to register:`, expectedModuleIds);
 
           // Wait for module registration with timeout
           await new Promise<void>((resolve) => {
@@ -395,7 +392,7 @@ export function useDynamicModules(
 
             const checkAndResolve = () => {
               if (areAllModulesRegistered()) {
-                logger.debug("All modules are registered, proceeding with installation");
+                console.log("✅ All modules are registered, proceeding with installation");
                 cleanup();
                 resolve();
                 return true;
@@ -413,8 +410,8 @@ export function useDynamicModules(
             const poll = async () => {
               while (attempts < maxAttempts) {
                 const availableModules = getAvailableModules();
-                logger.debug(
-                  `Attempt ${attempts + 1}: Available modules:`,
+                console.log(
+                  `🔍 Attempt ${attempts + 1}: Available modules:`,
                   availableModules,
                   `(${availableModules.length}/${expectedModuleIds.length})`,
                 );
@@ -425,7 +422,7 @@ export function useDynamicModules(
                 await new Promise((r) => setTimeout(r, 100));
               }
 
-              logger.warn("Timeout waiting for all modules to register, proceeding with available modules");
+              console.warn("⚠️ Timeout waiting for all modules to register, proceeding with available modules");
               cleanup();
               resolve();
             };
@@ -444,18 +441,18 @@ export function useDynamicModules(
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const modulesToProcess: [string, any][] = Object.entries(window.VcShellDynamicModules || {});
 
-        logger.debug(
-          `Found ${modulesToProcess.length} modules to process:`,
+        console.log(
+          `🚀 Found ${modulesToProcess.length} modules to process:`,
           modulesToProcess.map(([name]) => name),
         );
 
         for (const [moduleName, moduleObject] of modulesToProcess) {
           if (loadedModules.has(moduleName)) {
-            logger.debug(`Skipping already loaded module: ${moduleName}`);
+            console.log(`⏭️ Skipping already loaded module: ${moduleName}`);
             continue;
           }
 
-          logger.debug(`Processing module: ${moduleName}`);
+          console.log(`📦 Processing module: ${moduleName}`);
 
           // Try to find the corresponding load result by matching module names
           const loadResult =
@@ -472,16 +469,16 @@ export function useDynamicModules(
 
           const mainModule = getModuleInstall(moduleObject);
 
-          logger.debug(`Module ${moduleName} exports:`, Object.keys(moduleObject));
-          logger.debug(`Module ${moduleName} has install function:`, !!mainModule);
+          console.log(`🔍 Module ${moduleName} exports:`, Object.keys(moduleObject));
+          console.log(`🔍 Module ${moduleName} has install function:`, !!mainModule);
 
           if (mainModule) {
             const moduleVersionInfo = (mainModule as ModuleWithNamedExport).version || versionFromFile;
 
             try {
               if (!finalConfig.skipVersionCheck) {
-                logger.debug(
-                  `Checking compatibility for ${moduleName} (version: ${moduleVersionInfo?.version || "N/A"})`,
+                console.log(
+                  `🔎 Checking compatibility for ${moduleName} (version: ${moduleVersionInfo?.version || "N/A"})`,
                 );
                 checkVersionCompatibility(
                   moduleName,
@@ -491,7 +488,7 @@ export function useDynamicModules(
                 );
               }
 
-              logger.debug(`Installing module: ${moduleName}`, {
+              console.log(`🔧 Installing module: ${moduleName}`, {
                 hasLoadResult: !!loadResult,
                 versionFromFile: versionFromFile?.version,
                 moduleVersion: moduleVersionInfo?.version,
@@ -506,31 +503,31 @@ export function useDynamicModules(
                 loadedModulesWithVersions.set(moduleName, moduleVersionInfo.version);
               }
 
-              logger.info(
-                `Module ${moduleName} installed successfully (version: ${
+              console.log(
+                `✅ Module ${moduleName} installed successfully (version: ${
                   moduleVersionInfo?.version || "no version info"
                 })`,
               );
             } catch (e) {
               if (e instanceof VersionCompatibilityError) {
-                logger.error(`Compatibility error in module ${e.moduleId}:`, e.details);
+                console.error(`Compatibility error in module ${e.moduleId}:`, e.details);
               } else {
-                logger.error(`Failed to install module ${moduleName}:`, e);
+                console.error(`Failed to install module ${moduleName}:`, e);
                 notification.error(`Failed to install module ${moduleName}`);
               }
             }
           } else {
-            logger.error(`Module ${moduleName} does not have an 'install' function`);
+            console.error(`❌ Module ${moduleName} does not have an 'install' function`);
             notification.error(
               `Module ${moduleName} is not a valid module because it does not have an 'install' function.`,
             );
           }
         }
 
-        logger.debug("Final loadedModules set:", Array.from(loadedModules));
+        console.log("🏁 Final loadedModules set:", Array.from(loadedModules));
       }
     } catch (error) {
-      logger.error("Failed to load modules:", error);
+      console.error("Failed to load modules:", error);
     }
 
     app.config.globalProperties.$dynamicModules = {

package/core/plugins/signalR/index.ts

@@ -4,9 +4,6 @@ import { PushNotification } from "../../api/platform";
 import { useNotifications } from "./../../composables/useNotifications";
 import { useUserManagement } from "../../composables/useUserManagement";
 import { useCypressSignalRMock } from "cypress-signalr-mock";
-import { createLogger } from "../../utilities";
-
-const logger = createLogger("signalR");
 
 const { addNotification } = useNotifications();
 const currentCreator = ref<string | undefined>();
@@ -20,7 +17,7 @@ function setupSystemEventsHandler(connection: any, creator?: string) {
 
   // Subscribe to events with the new creator
   if (creator) {
-    logger.debug("Setup handler for creator: ", creator);
+    console.log("[SignalR] Setup handler for creator: ", creator);
     connection.on("SendSystemEvents", (message: PushNotification) => {
       if (message.creator === creator) {
         addNotification(message);
@@ -51,11 +48,11 @@ export const signalR = {
       connection
         .start()
         .then(() => {
-          logger.info("Connected.");
+          console.log("[SignalR] Connected.");
           setupSystemEventsHandler(connection, currentCreator.value);
         })
         .catch((err) => {
-          logger.error("Connection Error: ", err);
+          console.log("[SignalR] Connection Error: ", err);
           setTimeout(() => start(), 5000);
         });
     };

package/core/services/app-bar-menu-service.ts

@@ -1,7 +1,4 @@
 import { ref, computed, Component, ComputedRef } from "vue";
-import { createLogger } from "../utilities";
-
-const logger = createLogger("app-bar-widget-service");
 
 export interface AppBarWidget {
   id: string;
@@ -78,7 +75,7 @@ export function createAppBarWidgetService(): IAppBarWidgetService {
     try {
       register(item);
     } catch (e) {
-      logger.warn(`Failed to register pre-added AppBar widget ${item.id}:`, e);
+      console.warn(`Failed to register pre-added AppBar widget ${item.id}:`, e);
     }
   });
 

package/core/services/dashboard-service.ts

@@ -1,9 +1,6 @@
 import { reactive, Component } from "vue";
 import { DashboardServiceKey } from "../../injection-keys";
 import { usePermissions } from "../composables/usePermissions";
-import { createLogger } from "../utilities";
-
-const logger = createLogger("dashboard-service");
 
 export interface DashboardWidgetSize {
   width: number;
@@ -105,7 +102,7 @@ export function createDashboardService(): IDashboardService {
     try {
       registerWidget(widget);
     } catch (e) {
-      logger.warn(`Failed to register preregistered widget ${widget.id}:`, e);
+      console.warn(`Failed to register preregistered widget ${widget.id}:`, e);
     }
   });
 

package/core/services/global-search-service.ts

@@ -0,0 +1,36 @@
+import { Ref, ref } from "vue";
+
+export interface GlobalSearchState {
+  isSearchVisible: Ref<Record<string, boolean>>;
+  searchQuery: Ref<Record<string, string>>;
+  toggleSearch: (bladeId: string) => void;
+  setSearchQuery: (bladeId: string, query: string) => void;
+  closeSearch: (bladeId: string) => void;
+}
+
+export function createGlobalSearchService() {
+  const isSearchVisible = ref<Record<string, boolean>>({});
+  const searchQuery = ref<Record<string, string>>({});
+
+  const toggleSearch = (bladeId: string) => {
+    isSearchVisible.value[bladeId] = !isSearchVisible.value[bladeId];
+  };
+
+  const setSearchQuery = (bladeId: string, query: string) => {
+    searchQuery.value[bladeId] = query;
+  };
+
+  const closeSearch = (bladeId: string) => {
+    isSearchVisible.value[bladeId] = false;
+  };
+
+  const state: GlobalSearchState = {
+    isSearchVisible,
+    searchQuery,
+    toggleSearch,
+    setSearchQuery,
+    closeSearch,
+  };
+
+  return state;
+}

package/core/services/index.ts

@@ -7,5 +7,3 @@ export * from "./menu-service";
 export * from "./settings-menu-service";
 export * from "./toolbar-service";
 export * from "./widget-service";
-// blade-selection-service and ai-agent-service are now part of the ai-agent plugin
-// export * from "./core/plugins/ai-agent";

package/core/services/menu-service.ts

@@ -1,14 +1,14 @@
 import { Component, ref, type Ref } from "vue";
 import * as _ from "lodash-es";
-import type { MenuItem } from "../types";
+import type { MenuItem, MenuItemBadgeConfig } from "../types";
 import { createUnrefFn, useArrayFind } from "@vueuse/core";
-import { createLogger } from "../utilities";
-
-const logger = createLogger("menu-service");
 
 // Global state for pre-registering menu items
 const preregisteredMenuItems: Ref<MenuItem[]> = ref([]);
 
+// Badge registry - key is routeId (blade name) or groupId
+const menuBadges: Ref<Map<string, MenuItemBadgeConfig>> = ref(new Map());
+
 /**
  * Registers a menu item before the service is initialized
  */
@@ -16,10 +16,45 @@ export function addMenuItem(item: MenuItem): void {
   preregisteredMenuItems.value.push(item);
 }
 
+/**
+ * Sets a badge for a menu item by its routeId (blade name) or groupId.
+ * Can be called at any time, even after menu registration.
+ * @param id - routeId for menu items, groupId for groups
+ * @param badge - Badge configuration (number, ref, function, or full config)
+ */
+export function setMenuBadge(id: string, badge: MenuItemBadgeConfig): void {
+  menuBadges.value.set(id, badge);
+}
+
+/**
+ * Gets the badge for a menu item by routeId or groupId.
+ * @param id - routeId for menu items, groupId for groups
+ */
+export function getMenuBadge(id: string): MenuItemBadgeConfig | undefined {
+  return menuBadges.value.get(id);
+}
+
+/**
+ * Removes a badge from a menu item.
+ * @param id - routeId for menu items, groupId for groups
+ */
+export function removeMenuBadge(id: string): void {
+  menuBadges.value.delete(id);
+}
+
+/**
+ * Returns the reactive badge registry map.
+ * Used internally by menu components to reactively watch for badge changes.
+ */
+export function getMenuBadges(): Ref<Map<string, MenuItemBadgeConfig>> {
+  return menuBadges;
+}
+
 export interface MenuService {
   addMenuItem: (item: MenuItem) => void;
   menuItems: Ref<MenuItem[]>;
   removeMenuItem: (item: MenuItem) => void;
+  menuBadges: Ref<Map<string, MenuItemBadgeConfig>>;
 }
 
 // Default priority values
@@ -215,7 +250,7 @@ export function createMenuService(): MenuService {
     try {
       addMenuItem(item);
     } catch (e) {
-      logger.warn(`Failed to register preregistered menu item ${item.id || item.title}:`, e);
+      console.warn(`Failed to register preregistered menu item ${item.id || item.title}:`, e);
     }
   });
 
@@ -223,5 +258,6 @@ export function createMenuService(): MenuService {
     addMenuItem,
     menuItems,
     removeMenuItem,
+    menuBadges,
   };
 }

package/core/services/settings-menu-service.ts

@@ -1,7 +1,4 @@
 import { ref, computed, Component, ComputedRef } from "vue";
-import { createLogger } from "../utilities";
-
-const logger = createLogger("settings-menu-service");
 
 export interface ISettingsMenuItem {
   id: string;
@@ -66,7 +63,7 @@ export function createSettingsMenuService(): ISettingsMenuService {
     try {
       register(item);
     } catch (e) {
-      logger.warn(`Failed to register pre-added settings menu item ${item.id}:`, e);
+      console.warn(`Failed to register pre-added settings menu item ${item.id}:`, e);
     }
   });
 

package/core/services/toolbar-service.ts

@@ -1,4 +1,4 @@
-import { reactive } from "vue";
+import { reactive, ref, ComputedRef, Ref } from "vue";
 import { IBladeToolbar } from "../types";
 
 export interface IToolbarItem extends IBladeToolbar {
@@ -103,22 +103,7 @@ export function createToolbarService(): IToolbarService {
 
   const getToolbarItems = (bladeId: string): IToolbarItem[] => {
     const normalizedBladeId = bladeId ? bladeId.toLowerCase() : "";
-    const bladeItems = toolbarRegistry[normalizedBladeId] || [];
-
-    // Include global toolbar items registered with "*" (wildcard)
-    const globalItems = toolbarRegistry["*"] || [];
-
-    // Merge items, avoiding duplicates by id
-    const result = [...bladeItems];
-    const existingIds = new Set(result.map((item) => item.id));
-
-    globalItems.forEach((item) => {
-      if (!existingIds.has(item.id)) {
-        result.push(item);
-      }
-    });
-
-    return result;
+    return toolbarRegistry[normalizedBladeId] || [];
   };
 
   const clearBladeToolbarItems = (bladeId: string): void => {
@@ -150,7 +135,7 @@ export function createToolbarService(): IToolbarService {
     try {
       registerToolbarItem(item.toolbarItem, item.bladeId);
     } catch (e) {
-      console.warn(`[toolbar-service] Failed to register preregistered toolbar item ${item.toolbarItem.id}:`, e);
+      console.warn(`Failed to register preregistered toolbar item ${item.toolbarItem.id}:`, e);
     }
   });
 

package/core/services/widget-service.ts

@@ -1,9 +1,6 @@
 import { Component, reactive, ref, ComponentInternalInstance, ComputedRef, Ref, markRaw, Raw } from "vue";
 import { IBladeInstance } from "../../shared/components/blade-navigation/types";
 import { cloneDeep } from "lodash-es";
-import { createLogger } from "../utilities";
-
-const logger = createLogger("widget-service");
 
 export type WidgetEventHandler = (...args: unknown[]) => void;
 
@@ -154,7 +151,7 @@ export function createWidgetService(): IWidgetService {
         const customProps = widget.config.propsResolver(bladeData);
         resolvedProps = { ...widget.props, ...customProps };
       } catch (error) {
-        logger.error(`Error in propsResolver for widget '${widget.id}':`, error);
+        console.error(`Error in propsResolver for widget '${widget.id}':`, error);
         // Fallback to existing props if resolver fails
         resolvedProps = { ...widget.props };
       }
@@ -171,7 +168,7 @@ export function createWidgetService(): IWidgetService {
         if (bladeData[bladeKey] !== undefined) {
           resolvedProps[key] = bladeData[bladeKey];
         } else {
-          logger.warn(`Required data '${key}' not found in blade data for widget '${widget.id}'`);
+          console.warn(`Required data '${key}' not found in blade data for widget '${widget.id}'`);
         }
       });
 
@@ -275,7 +272,7 @@ export function createWidgetService(): IWidgetService {
       if (functionNameToCall && typeof activeExposed[functionNameToCall] === "function") {
         activeExposed[functionNameToCall]();
       } else {
-        logger.warn(`Widget '${widgetId}' does not have an exposed function named '${functionNameToCall}'.`);
+        console.warn(`Widget '${widgetId}' does not have an exposed function named '${functionNameToCall}'.`);
       }
     }
   };
@@ -296,7 +293,7 @@ export function createWidgetService(): IWidgetService {
     try {
       registerWidget(widget.widget, widget.bladeId);
     } catch (e) {
-      logger.warn(`Failed to register preregistered widget ${widget.widget.id}:`, e);
+      console.warn(`Failed to register preregistered widget ${widget.widget.id}:`, e);
     }
   });