@vc-shell/framework 1.1.45 → 1.1.46

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## [1.1.46](https://github.com/VirtoCommerce/vc-shell/compare/v1.1.45...v1.1.46) (2025-07-02)
+
+
+### Features
+
+* **dynamic-module:** enhance UMD name generation and improve logging for dynamic module loading ([8d43f21](https://github.com/VirtoCommerce/vc-shell/commit/8d43f216e6ec3f9f61ab93953f297d80832f9ed7))
+
+
+
 ## [1.1.45](https://github.com/VirtoCommerce/vc-shell/compare/v1.1.44...v1.1.45) (2025-07-01)
 
 

package/core/plugins/modularity/loader.ts

@@ -308,18 +308,40 @@ export function useDynamicModules(
           moduleLoadResults.filter((result) => result.success).map((result) => [result.moduleId, result]),
         );
 
+        // Debug: log what we have in window.VcShellDynamicModules
+        console.log(
+          "🔍 Available modules in window.VcShellDynamicModules:",
+          typeof window !== "undefined" && window.VcShellDynamicModules
+            ? Object.keys(window.VcShellDynamicModules)
+            : "No modules found",
+        );
+
+        console.log("🔍 LoadedModules set:", Array.from(loadedModules));
+        console.log("🔍 LoadResultsMap keys:", Array.from(loadResultsMap.keys()));
+
         // Install all modules after loading
         if (typeof window !== "undefined" && window.VcShellDynamicModules) {
-          Object.entries(window.VcShellDynamicModules).forEach(([moduleKey, mod]) => {
+          const modulesToInstall = Object.entries(window.VcShellDynamicModules);
+          console.log(
+            `🚀 Found ${modulesToInstall.length} modules to process:`,
+            modulesToInstall.map(([key]) => key),
+          );
+
+          modulesToInstall.forEach(([moduleKey, mod]) => {
+            console.log(`📦 Processing module: ${moduleKey}`);
+
             // Skip if module is already loaded
             if (loadedModules.has(moduleKey)) {
-              console.log(`Module ${moduleKey} already loaded, skipping`);
+              console.log(`⏭️ Module ${moduleKey} already loaded, skipping`);
               return;
             }
 
             try {
               const moduleExports = mod as ModuleExports;
+              console.log(`🔍 Module ${moduleKey} exports:`, Object.keys(moduleExports));
+
               const moduleToInstall = "default" in moduleExports ? moduleExports.default : moduleExports;
+              console.log(`🔍 Module ${moduleKey} has install function:`, "install" in moduleToInstall);
 
               if ("install" in moduleToInstall) {
                 // Use moduleKey as the primary identifier
@@ -330,7 +352,11 @@ export function useDynamicModules(
                 const versionInfoFromFile = loadResult?.versionInfoFromFile;
                 const moduleVersion = loadResult?.moduleVersion;
 
-                console.log(`Installing module: ${currentModuleId}`);
+                console.log(`🔧 Installing module: ${currentModuleId}`, {
+                  hasLoadResult: !!loadResult,
+                  versionFromFile: versionInfoFromFile?.version,
+                  moduleVersion,
+                });
 
                 if (!finalConfig.skipVersionCheck) {
                   const versionInfo =
@@ -391,6 +417,10 @@ export function useDynamicModules(
               console.error(`❌ Failed to register plugin for module ${moduleKey}:`, error);
             }
           });
+
+          console.log("🏁 Final loadedModules set:", Array.from(loadedModules));
+        } else {
+          console.warn("⚠️ No window.VcShellDynamicModules found or window is undefined");
         }
       }
     } catch (error) {

package/dist/core/plugins/modularity/loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../../../core/plugins/modularity/loader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAU,MAAM,KAAK,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AA4HpC,UAAU,YAAY;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,gBAAgB,EAAE,MAAM,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AA6DD,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,GAAG,EACR,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,EACxD,MAAM,GAAE,OAAO,CAAC,YAAY,CAAM;;;;EAwNnC"}
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../../../core/plugins/modularity/loader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAU,MAAM,KAAK,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AA4HpC,UAAU,YAAY;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,gBAAgB,EAAE,MAAM,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AA6DD,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,GAAG,EACR,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,EACxD,MAAM,GAAE,OAAO,CAAC,YAAY,CAAM;;;;EAsPnC"}

package/dist/framework.js

@@ -1,7 +1,7 @@
 import * as VueRouter from 'vue-router';
 import { useRoute, RouterView, useRouter } from 'vue-router';
 import * as e from 'vue';
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createElementVNode, renderSlot, createCommentVNode, normalizeStyle, toDisplayString, unref, ref, watch, createBlock, mergeProps, resolveComponent, markRaw, resolveDynamicComponent, createVNode, Transition, withCtx, withDirectives, vShow, shallowRef, inject, onMounted, Fragment, renderList, createSlots, createTextVNode, onUnmounted, readonly, getCurrentInstance, onErrorCaptured, nextTick, provide, onBeforeMount, onBeforeUnmount, reactive, toValue, watchEffect, useAttrs, Teleport, withModifiers, toRef, resolveDirective, vModelDynamic, withKeys, normalizeProps, guardReactiveProps, toRefs, vModelCheckbox, isRef, h, createApp, toRaw, isVNode, warn, shallowReactive, watchPostEffect, useSlots, onUpdated, toHandlers } from 'vue';
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createElementVNode, renderSlot, createCommentVNode, normalizeStyle, toDisplayString, unref, ref, watch, createBlock, mergeProps, markRaw, resolveDynamicComponent, createVNode, Transition, withCtx, withDirectives, vShow, shallowRef, inject, onMounted, Fragment, renderList, createSlots, createTextVNode, onUnmounted, readonly, getCurrentInstance, onErrorCaptured, nextTick, provide, onBeforeMount, onBeforeUnmount, reactive, toValue, watchEffect, useAttrs, resolveComponent, Teleport, withModifiers, toRef, resolveDirective, vModelDynamic, withKeys, normalizeProps, guardReactiveProps, toRefs, vModelCheckbox, isRef, h, createApp, toRaw, isVNode, warn, shallowReactive, watchPostEffect, useSlots, onUpdated, toHandlers } from 'vue';
 import { l as loadIcon, I as Icon } from './vendor-iconify-vue-DfRGgyNu.js';
 import { u as useFloating } from './vendor-floating-ui-vue-D-tCDAMm.js';
 import { o as offset, s as shift, f as flip, a as autoUpdate } from './vendor-floating-ui-dom-DDnRPs17.js';
@@ -535,20 +535,9 @@ const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
         return false;
       }
       if (isLucideIcon.value) {
-        try {
-          const iconName = typeof normalizedIconName.value === "string" ? normalizedIconName.value : String(normalizedIconName.value);
-          const resolved = resolveComponent(iconName);
-          return resolved !== iconName;
-        } catch (e) {
-          return false;
-        }
-      }
-      try {
-        const resolved = resolveComponent(props.icon);
-        return resolved !== props.icon;
-      } catch (e) {
-        return false;
+        return true;
       }
+      return false;
     });
     const safeIcon = computed(() => {
       if (typeof props.icon !== "string") {
@@ -557,13 +546,11 @@ const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
       if (["fontawesome", "bootstrap", "material"].includes(detectIconType.value)) {
         return "i";
       }
-      try {
+      if (isLucideIcon.value) {
         const iconName = typeof normalizedIconName.value === "string" ? normalizedIconName.value : String(normalizedIconName.value);
-        const resolved = resolveComponent(iconName);
-        return resolved !== iconName ? resolved : "i";
-      } catch (e) {
-        return "i";
+        return iconName;
       }
+      return "i";
     });
     const renderComponent = computed(() => {
       if (isMaterialIcon.value) {
@@ -16778,21 +16765,39 @@ function useDynamicModules(app, { router, appName }, config = {}) {
         const loadResultsMap = new Map(
           moduleLoadResults.filter((result) => result.success).map((result) => [result.moduleId, result])
         );
+        console.log(
+          "🔍 Available modules in window.VcShellDynamicModules:",
+          typeof window !== "undefined" && window.VcShellDynamicModules ? Object.keys(window.VcShellDynamicModules) : "No modules found"
+        );
+        console.log("🔍 LoadedModules set:", Array.from(loadedModules));
+        console.log("🔍 LoadResultsMap keys:", Array.from(loadResultsMap.keys()));
         if (typeof window !== "undefined" && window.VcShellDynamicModules) {
-          Object.entries(window.VcShellDynamicModules).forEach(([moduleKey, mod]) => {
+          const modulesToInstall = Object.entries(window.VcShellDynamicModules);
+          console.log(
+            `🚀 Found ${modulesToInstall.length} modules to process:`,
+            modulesToInstall.map(([key]) => key)
+          );
+          modulesToInstall.forEach(([moduleKey, mod]) => {
+            console.log(`📦 Processing module: ${moduleKey}`);
             if (loadedModules.has(moduleKey)) {
-              console.log(`Module ${moduleKey} already loaded, skipping`);
+              console.log(`⏭️ Module ${moduleKey} already loaded, skipping`);
               return;
             }
             try {
               const moduleExports = mod;
+              console.log(`🔍 Module ${moduleKey} exports:`, Object.keys(moduleExports));
               const moduleToInstall = "default" in moduleExports ? moduleExports.default : moduleExports;
+              console.log(`🔍 Module ${moduleKey} has install function:`, "install" in moduleToInstall);
               if ("install" in moduleToInstall) {
                 const currentModuleId = moduleKey;
                 const loadResult = loadResultsMap.get(currentModuleId);
                 const versionInfoFromFile = loadResult?.versionInfoFromFile;
                 const moduleVersion = loadResult?.moduleVersion;
-                console.log(`Installing module: ${currentModuleId}`);
+                console.log(`🔧 Installing module: ${currentModuleId}`, {
+                  hasLoadResult: !!loadResult,
+                  versionFromFile: versionInfoFromFile?.version,
+                  moduleVersion
+                });
                 if (!finalConfig.skipVersionCheck) {
                   const versionInfo = moduleToInstall.version || versionInfoFromFile || (moduleVersion ? {
                     version: moduleVersion,
@@ -16841,6 +16846,9 @@ function useDynamicModules(app, { router, appName }, config = {}) {
               console.error(`❌ Failed to register plugin for module ${moduleKey}:`, error);
             }
           });
+          console.log("🏁 Final loadedModules set:", Array.from(loadedModules));
+        } else {
+          console.warn("⚠️ No window.VcShellDynamicModules found or window is undefined");
         }
       }
     } catch (error) {