@vc-shell/framework 1.1.44 → 1.1.45

package/CHANGELOG.md

@@ -1,3 +1,14 @@
+## [1.1.45](https://github.com/VirtoCommerce/vc-shell/compare/v1.1.44...v1.1.45) (2025-07-01)
+
+
+### Features
+
+* **loader:** implement parallel loading of dynamic modules and improve error handling ([cf93200](https://github.com/VirtoCommerce/vc-shell/commit/cf93200d4e7e42f8163db09096eec1a24d4600d2))
+* remove icon packs in favor of iconify lib ([983f7fc](https://github.com/VirtoCommerce/vc-shell/commit/983f7fc6252816dc9cafbd2defc7eb5292947b96))
+* **vc-editor:** migrate to Tiptap editor, enhance functionality with new toolbar and button components ([2b77c73](https://github.com/VirtoCommerce/vc-shell/commit/2b77c734cee3bae8c3d01dd50207e9052c298ac8))
+
+
+
 ## [1.1.44](https://github.com/VirtoCommerce/vc-shell/compare/v1.1.43...v1.1.44) (2025-06-30)
 
 

package/core/plugins/modularity/loader.ts

@@ -248,7 +248,8 @@ export function useDynamicModules(
           (result): result is NonNullable<typeof result> => result !== null,
         );
 
-        for (const { moduleId, moduleUrl, manifest, moduleVersion } of validManifests) {
+        // Parallel loading of all modules
+        const moduleLoadPromises = validManifests.map(async ({ moduleId, moduleUrl, manifest, moduleVersion }) => {
           try {
             const entry = Object.values(manifest).find((file) => (file as ModuleManifest).isEntry);
             if (!entry) {
@@ -259,92 +260,137 @@ export function useDynamicModules(
               | VersionManifest
               | undefined;
 
-            let versionInfoFromFile: VersionInfo | null = null;
-            if (versionFile) {
-              versionInfoFromFile = await loadVersionInfo(moduleUrl + versionFile.file);
-              if (versionInfoFromFile) {
-                console.info(`Loaded version info for module ${moduleId}: v${versionInfoFromFile.version}`);
-              }
+            // Load version info and CSS in parallel
+            const [versionInfoFromFile] = await Promise.all([
+              versionFile ? loadVersionInfo(moduleUrl + versionFile.file) : Promise.resolve(null),
+              // Load CSS files in parallel
+              Promise.all(
+                Object.values(manifest)
+                  .filter((file) => file.file.endsWith(".css"))
+                  .map((file) => loadCSS(moduleUrl + file.file)),
+              ).catch((error) => {
+                console.error(`Failed to load styles for module ${moduleId}:`, error);
+              }),
+            ]);
+
+            if (versionInfoFromFile) {
+              console.info(`Loaded version info for module ${moduleId}: v${versionInfoFromFile.version}`);
             }
 
-            const cssFiles = Object.values(manifest)
-              .filter((file) => file.file.endsWith(".css"))
-              .map((file) => loadCSS(moduleUrl + file.file));
+            // Import module
+            await import(/* @vite-ignore */ moduleUrl + entry.file);
 
-            await Promise.all(cssFiles).catch((error) => {
-              console.error(`Failed to load styles for module ${moduleId}:`, error);
-            });
+            return {
+              moduleId,
+              moduleUrl,
+              moduleVersion,
+              versionInfoFromFile,
+              success: true,
+            };
+          } catch (error) {
+            console.error(`Failed to load module ${moduleId}:`, error);
+            return {
+              moduleId,
+              moduleUrl,
+              moduleVersion,
+              versionInfoFromFile: null,
+              success: false,
+              error,
+            };
+          }
+        });
 
-            await import(/* @vite-ignore */ moduleUrl + entry.file);
+        // Wait for all modules to be loaded
+        const moduleLoadResults = await Promise.all(moduleLoadPromises);
+
+        // Create a map for easy lookup of load results
+        const loadResultsMap = new Map(
+          moduleLoadResults.filter((result) => result.success).map((result) => [result.moduleId, result]),
+        );
+
+        // Install all modules after loading
+        if (typeof window !== "undefined" && window.VcShellDynamicModules) {
+          Object.entries(window.VcShellDynamicModules).forEach(([moduleKey, mod]) => {
+            // Skip if module is already loaded
+            if (loadedModules.has(moduleKey)) {
+              console.log(`Module ${moduleKey} already loaded, skipping`);
+              return;
+            }
 
-            if (typeof window !== "undefined" && window.VcShellDynamicModules) {
-              Object.values(window.VcShellDynamicModules).forEach((mod) => {
-                try {
-                  const moduleExports = mod as ModuleExports;
-                  const moduleToInstall = "default" in moduleExports ? moduleExports.default : moduleExports;
-
-                  if ("install" in moduleToInstall) {
-                    if (!finalConfig.skipVersionCheck) {
-                      const versionInfo =
-                        moduleToInstall.version ||
-                        versionInfoFromFile ||
-                        (moduleVersion
-                          ? {
-                              version: moduleVersion,
-                              compatibleWith: { framework: "*" },
-                            }
-                          : undefined);
-
-                      if (versionInfo) {
-                        try {
-                          checkVersionCompatibility(
-                            moduleId,
-                            versionInfo,
-                            finalConfig.frameworkVersion || "0.0.0",
-                            loadedModulesWithVersions,
-                          );
-
-                          loadedModulesWithVersions.set(moduleId, versionInfo.version);
-                        } catch (versionError) {
-                          if (versionError instanceof VersionCompatibilityError) {
-                            console.error(`Version compatibility error: ${versionError.message}`);
-                            console.error(`Skipping installation of incompatible module: ${moduleId}`);
-                            return;
-                          } else {
-                            throw versionError;
-                          }
+            try {
+              const moduleExports = mod as ModuleExports;
+              const moduleToInstall = "default" in moduleExports ? moduleExports.default : moduleExports;
+
+              if ("install" in moduleToInstall) {
+                // Use moduleKey as the primary identifier
+                const currentModuleId = moduleKey;
+
+                // Try to find corresponding load result for version info
+                const loadResult = loadResultsMap.get(currentModuleId);
+                const versionInfoFromFile = loadResult?.versionInfoFromFile;
+                const moduleVersion = loadResult?.moduleVersion;
+
+                console.log(`Installing module: ${currentModuleId}`);
+
+                if (!finalConfig.skipVersionCheck) {
+                  const versionInfo =
+                    moduleToInstall.version ||
+                    versionInfoFromFile ||
+                    (moduleVersion
+                      ? {
+                          version: moduleVersion,
+                          compatibleWith: { framework: "*" },
                         }
+                      : undefined);
+
+                  if (versionInfo) {
+                    try {
+                      checkVersionCompatibility(
+                        currentModuleId,
+                        versionInfo,
+                        finalConfig.frameworkVersion || "0.0.0",
+                        loadedModulesWithVersions,
+                      );
+
+                      loadedModulesWithVersions.set(currentModuleId, versionInfo.version);
+                    } catch (versionError) {
+                      if (versionError instanceof VersionCompatibilityError) {
+                        console.error(`Version compatibility error: ${versionError.message}`);
+                        console.error(`Skipping installation of incompatible module: ${currentModuleId}`);
+                        return;
+                      } else {
+                        throw versionError;
                       }
                     }
+                  }
+                }
 
-                    app.use(moduleToInstall.install as Plugin, { router });
-
-                    if (moduleToInstall.extensions) {
-                      registerModuleExtensions(app, moduleId, moduleToInstall.extensions);
-                    }
+                app.use(moduleToInstall.install as Plugin, { router });
 
-                    loadedModules.add(moduleId);
+                if (moduleToInstall.extensions) {
+                  registerModuleExtensions(app, currentModuleId, moduleToInstall.extensions);
+                }
 
-                    if (moduleToInstall.version) {
-                      console.info(`Module ${moduleId} v${moduleToInstall.version.version} loaded successfully`);
-                    } else if (versionInfoFromFile) {
-                      console.info(`Module ${moduleId} v${versionInfoFromFile.version} loaded successfully`);
-                    } else if (moduleVersion) {
-                      console.info(`Module ${moduleId} v${moduleVersion} loaded successfully`);
-                    } else {
-                      console.info(`Module ${moduleId} loaded successfully (no version info)`);
-                    }
-                  } else {
-                    console.error(`Module ${moduleId} does not have an 'install' function`);
-                  }
-                } catch (error) {
-                  console.error(`Failed to register plugin for module ${moduleId}:`, error);
+                loadedModules.add(currentModuleId);
+
+                if (moduleToInstall.version) {
+                  console.info(
+                    `✅ Module ${currentModuleId} v${moduleToInstall.version.version} installed successfully`,
+                  );
+                } else if (versionInfoFromFile) {
+                  console.info(`✅ Module ${currentModuleId} v${versionInfoFromFile.version} installed successfully`);
+                } else if (moduleVersion) {
+                  console.info(`✅ Module ${currentModuleId} v${moduleVersion} installed successfully`);
+                } else {
+                  console.info(`✅ Module ${currentModuleId} installed successfully (no version info)`);
                 }
-              });
+              } else {
+                console.error(`❌ Module ${moduleKey} does not have an 'install' function`);
+              }
+            } catch (error) {
+              console.error(`❌ Failed to register plugin for module ${moduleKey}:`, error);
             }
-          } catch (error) {
-            console.error(`Failed to process module ${moduleId}:`, error);
-          }
+          });
         }
       }
     } catch (error) {

package/core/services/app-bar-mobile-buttons-service.ts

@@ -4,7 +4,7 @@ export interface AppBarButtonContent {
   id: string;
   component?: Component;
   props?: Record<string, unknown>;
-  icon?: Component;
+  icon?: Component | string;
   onClick?: () => void;
   order?: number;
   onClose?: () => void;

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;;;;EA0KnC"}
+{"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"}

package/dist/core/services/app-bar-mobile-buttons-service.d.ts

@@ -3,7 +3,7 @@ export interface AppBarButtonContent {
     id: string;
     component?: Component;
     props?: Record<string, unknown>;
-    icon?: Component;
+    icon?: Component | string;
     onClick?: () => void;
     order?: number;
     onClose?: () => void;

package/dist/core/services/app-bar-mobile-buttons-service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-bar-mobile-buttons-service.d.ts","sourceRoot":"","sources":["../../../core/services/app-bar-mobile-buttons-service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAiB,SAAS,EAAE,QAAQ,EAAO,MAAM,KAAK,CAAC;AAE3E,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;CACtD;AAED,MAAM,WAAW,2BAA2B;IAC1C,iBAAiB,EAAE,WAAW,CAAC,mBAAmB,EAAE,CAAC,CAAC;IACtD,QAAQ,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,mBAAmB,GAAG,SAAS,CAAC;IACjE,UAAU,EAAE,WAAW,CAAC,mBAAmB,EAAE,CAAC,CAAC;CAChD;AAED;;;GAGG;AACH,wBAAgB,gCAAgC,IAAI,2BAA2B,CA+B9E"}
+{"version":3,"file":"app-bar-mobile-buttons-service.d.ts","sourceRoot":"","sources":["../../../core/services/app-bar-mobile-buttons-service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAiB,SAAS,EAAE,QAAQ,EAAO,MAAM,KAAK,CAAC;AAE3E,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;CACtD;AAED,MAAM,WAAW,2BAA2B;IAC1C,iBAAiB,EAAE,WAAW,CAAC,mBAAmB,EAAE,CAAC,CAAC;IACtD,QAAQ,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,mBAAmB,GAAG,SAAS,CAAC;IACjE,UAAU,EAAE,WAAW,CAAC,mBAAmB,EAAE,CAAC,CAAC;CAChD;AAED;;;GAGG;AACH,wBAAgB,gCAAgC,IAAI,2BAA2B,CA+B9E"}