@vc-shell/framework 1.0.336 → 1.0.338

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [1.0.338](https://github.com/VirtoCommerce/vc-shell/compare/v1.0.337...v1.0.338) (2025-02-05)
+
+
+### Features
+
+* **login:** add support for after-form extensions ([6addffd](https://github.com/VirtoCommerce/vc-shell/commit/6addffdc05384cafd360c1f147d227e0691b407c))
+* **modularity:** enhance dynamic module loading and extension support ([309739e](https://github.com/VirtoCommerce/vc-shell/commit/309739eb7aa965530647cc50d4820b5d2e0541f3))
+
+
+
+## [1.0.337](https://github.com/VirtoCommerce/vc-shell/compare/v1.0.336...v1.0.337) (2025-01-29)
+
+
+
 ## [1.0.336](https://github.com/VirtoCommerce/vc-shell/compare/v1.0.335...v1.0.336) (2025-01-29)
 
 

package/core/plugins/modularity/README.md

@@ -0,0 +1,152 @@
+
+# Modularity Plugin
+
+The Modularity Plugin provides two main features:
+- Dynamic Module Loading
+- Extensions System
+
+## Dynamic Module Loading
+
+The Dynamic Module Loading system allows you to load Vue.js modules at runtime.
+
+### Usage
+
+
+```typescript
+import { useDynamicModules } from '@framework/core/plugins/modularity';
+import { createApp } from 'vue';
+import { createRouter } from 'vue-router';
+const app = createApp(App);
+const router = createRouter(/ router config /);
+const { load, extensionsHelper } = useDynamicModules(app, {
+    router,
+    appName: 'your-app-name'
+  }, 
+  {
+    baseUrl: 'https://your-modules-host.com/',
+    manifestFileName: 'manifest.json', // optional, default: 'manifest.json'
+  });
+// Load all modules
+await load();
+```
+
+### Module Structure
+
+Each module should have:
+1. A manifest file (manifest.json) describing module files generated by `Vite` during build time
+2. An entry point file that exports a Vue plugin
+3. Optional CSS files
+
+Example manifest.json:
+
+```json
+{
+  "entry": {
+  "file": "index.js",
+    "isEntry": true
+  },
+  "styles": {
+    "file": "styles.css"
+  }
+}
+```
+
+Example module:
+
+```typescript
+export default {
+  install(app, options) {
+  // Plugin installation code
+  },
+  extensions: {
+  // Optional extensions configuration
+  }
+}
+```
+
+## Extensions System
+
+The Extensions System enables communication between the application and its modules.
+
+### Types of Extensions
+
+1. **Inbound Extensions**: Extensions that allow the application to customize and extend the module's functionality
+2. **Outbound Extensions**: Extensions that the module provides to extend the application's functionality
+
+### Registering Extensions
+
+```typescript
+// In your module
+export default {
+  install(app) {
+  // Plugin installation code
+  },
+  extensions: {
+    inbound: {
+      'customization-point': {
+        // Extensions that this module accepts
+        someConfig: true
+      }
+    },
+    outbound: {
+      'extension-point': [
+        // Extensions this module provides
+        {
+          id: 'MyExtension',
+          component: MyComponent,
+        }
+      ]
+    }
+  }
+}
+```
+
+### Using Extensions Helper
+
+```typescript
+import { useExtensionsHelper } from '@vc-shell/framework';
+import { inject } from 'vue';
+
+// In your component setup
+const extensionsHelper = inject(extensionsHelperSymbol);
+// Get extensions provided by other modules
+const outboundExtensions = extensionsHelper.getOutboundExtensions('extension-point');
+// Get extensions configured for your module
+const inboundExtensions = extensionsHelper.getInboundExtensions('your-module-id', 'customization-point');
+// Get all extensions for a module
+const moduleExtensions = extensionsHelper.getModuleExtensions('your-module-id');
+```
+
+### Extension Types
+
+1. **Component Extensions**
+
+```typescript
+interface ExtensionPoint = {
+  id: string;
+  component: Component;
+}
+```
+
+2. **Composable Function Extensions**
+
+```typescript
+interface ComposableFunction = {
+  id: string;
+  fn: (...args: unknown[]) => unknown;
+}
+```
+
+3. **Configuration Object Extensions**
+
+```typescript
+type Extension = Record<string, unknown>;
+```
+
+## Best Practices
+
+1. Always provide unique IDs for extensions
+2. Document your module's extension points
+3. Handle missing or failed extensions gracefully
+4. Use TypeScript interfaces for type safety
+5. Keep extension configurations simple and serializable

package/core/plugins/modularity/extensions-helper.ts

@@ -0,0 +1,193 @@
+import { App, computed, ComputedRef, InjectionKey } from "vue";
+
+declare module "@vue/runtime-core" {
+  interface ComponentCustomProperties {
+    $extensions: ExtensionRegistry;
+  }
+}
+
+export interface ExtensionPoint extends Extension {
+  id: string;
+  component: unknown;
+}
+
+export interface ComposableFunction {
+  id: string;
+  fn: (...args: unknown[]) => unknown;
+}
+
+export type Extension = Record<string, unknown>;
+
+export interface ExtensionRegistry {
+  inbound: {
+    [namespace: string]: {
+      [extensionPoint: string]: Extension;
+    };
+  };
+  outbound: {
+    [namespace: string]: {
+      [extensionPoint: string]: ExtensionPoint[] | ComposableFunction[] | Extension;
+    };
+  };
+}
+
+export interface ExtensionNamespace {
+  [point: string]: ExtensionPoint[] | ComposableFunction[] | Extension;
+}
+
+export interface ExtensionsHelper {
+  getInboundExtensions(namespace: string, point?: string): Extension;
+  getOutboundExtensions(point: string): (ExtensionPoint[] | ComposableFunction[] | Extension)[];
+  getModuleExtensions(namespace: string): {
+    inbound: Record<string, Extension>;
+    outbound: Record<string, ExtensionPoint[] | ComposableFunction[] | Extension>;
+  };
+  extensions: ComputedRef<ExtensionRegistry>;
+}
+
+export const extensionsHelperSymbol = Symbol("extensionsHelper") as InjectionKey<ExtensionsHelper>;
+
+export function createExtensionsHelper(app: App): ExtensionsHelper {
+  if (!app.config.globalProperties.$extensions) {
+    app.config.globalProperties.$extensions = {
+      inbound: {},
+      outbound: {},
+    } as ExtensionRegistry;
+  }
+
+  const helper: ExtensionsHelper = {
+    getInboundExtensions(namespace: string, point?: string) {
+      return point
+        ? app.config.globalProperties.$extensions.inbound[namespace][point]
+        : app.config.globalProperties.$extensions.inbound[namespace];
+    },
+
+    getOutboundExtensions(point: string) {
+      const result: (ExtensionPoint[] | ComposableFunction[] | Extension)[] = [];
+      Object.values(app.config.globalProperties.$extensions.outbound).forEach((namespace: unknown) => {
+        const typedNamespace = namespace as ExtensionNamespace;
+        if (typedNamespace[point]) {
+          if (Array.isArray(typedNamespace[point])) {
+            result.push(...(typedNamespace[point] as ExtensionPoint[]));
+          } else if (typeof typedNamespace[point] === "object" && "fn" in typedNamespace[point]) {
+            result.push(typedNamespace[point]);
+          } else {
+            result.push(typedNamespace[point]);
+          }
+        }
+      });
+
+      return result;
+    },
+
+    getModuleExtensions(namespace: string) {
+      return {
+        inbound: app.config.globalProperties.$extensions.inbound[namespace] || {},
+        outbound: app.config.globalProperties.$extensions.outbound[namespace] || {},
+      };
+    },
+
+    extensions: computed(() => app.config.globalProperties.$extensions),
+  };
+
+  // Provide access to extensions through provide/inject
+  app.provide(extensionsHelperSymbol, helper);
+
+  // Provide direct access to extensions
+  app.provide("$extensions", app.config.globalProperties.$extensions);
+
+  return helper;
+}
+
+export function registerModuleExtensions(app: App, moduleId: string, extensions: ExtensionRegistry) {
+  if (!app.config.globalProperties.$extensions) {
+    app.config.globalProperties.$extensions = {
+      inbound: {},
+      outbound: {},
+    } as ExtensionRegistry;
+  }
+
+  const { inbound, outbound } = app.config.globalProperties.$extensions;
+
+  // Register inbound extensions
+  registerInboundExtensions(inbound, moduleId, extensions);
+
+  // Register outbound extensions
+  registerOutboundExtensions(outbound, moduleId, extensions);
+}
+
+function registerInboundExtensions(
+  inbound: ExtensionRegistry["inbound"],
+  moduleId: string,
+  extensions: ExtensionRegistry,
+) {
+  if (!inbound[moduleId]) {
+    inbound[moduleId] = {};
+  }
+
+  Object.entries(extensions.inbound || {}).forEach(([point, extension]) => {
+    if (typeof extension !== "object" || Array.isArray(extension)) {
+      console.warn(
+        `Invalid inbound extension type for point "${point}" in module "${moduleId}". Inbound extensions must be objects.`,
+      );
+      return;
+    }
+
+    inbound[moduleId][point] = {
+      ...(inbound[moduleId][point] || {}),
+      ...extension,
+    };
+  });
+}
+
+function registerOutboundExtensions(
+  outbound: ExtensionRegistry["outbound"],
+  moduleId: string,
+  extensions: ExtensionRegistry,
+) {
+  if (!outbound[moduleId]) {
+    outbound[moduleId] = {};
+  }
+
+  Object.entries(extensions.outbound || {}).forEach(([point, extension]) => {
+    initializeExtensionPoint(outbound[moduleId], point, extension);
+    mergeExtension(outbound[moduleId], point, extension);
+  });
+}
+
+function initializeExtensionPoint(
+  moduleOutbound: ExtensionRegistry["outbound"][string],
+  point: string,
+  extension: ExtensionPoint[] | ComposableFunction | Extension,
+) {
+  if (!moduleOutbound[point]) {
+    if (Array.isArray(extension)) {
+      moduleOutbound[point] = [];
+    } else if (typeof extension === "object" && "fn" in extension) {
+      moduleOutbound[point] = [];
+    } else if (typeof extension === "object") {
+      moduleOutbound[point] = {};
+    }
+  }
+}
+
+function mergeExtension(
+  moduleOutbound: ExtensionRegistry["outbound"][string],
+  point: string,
+  extension: ExtensionPoint[] | ComposableFunction | Extension,
+) {
+  if (Array.isArray(extension) && Array.isArray(moduleOutbound[point])) {
+    (moduleOutbound[point] as ExtensionPoint[]).push(...(extension as ExtensionPoint[]));
+  } else if (typeof extension === "object" && "fn" in extension && Array.isArray(moduleOutbound[point])) {
+    (moduleOutbound[point] as ComposableFunction[]).push(extension as ComposableFunction);
+  } else if (isObjectExtension(extension) && isObjectExtension(moduleOutbound[point])) {
+    moduleOutbound[point] = {
+      ...(moduleOutbound[point] as Extension),
+      ...extension,
+    };
+  }
+}
+
+function isObjectExtension(value: unknown): value is Extension {
+  return typeof value === "object" && !Array.isArray(value);
+}

package/core/plugins/modularity/index.ts

@@ -248,3 +248,4 @@ export const createAppModule = (
 };
 
 export * from "./loader";
+export * from "./extensions-helper";

package/core/plugins/modularity/loader.ts

@@ -1,5 +1,6 @@
 import { App, Plugin } from "vue";
 import { Router } from "vue-router";
+import { ExtensionRegistry, createExtensionsHelper, registerModuleExtensions } from "./extensions-helper";
 
 interface ModuleManifest {
   file: string;
@@ -23,21 +24,54 @@ interface Apps {
   };
 }
 
-function loadCSS(url: string) {
-  return new Promise<void>((resolve, reject) => {
+interface ModuleWithDefaultExport {
+  default: {
+    install: Plugin;
+    extensions?: ExtensionRegistry;
+  };
+}
+
+interface ModuleWithNamedExport {
+  install: Plugin;
+  extensions?: ExtensionRegistry;
+}
+
+type ModuleExports = ModuleWithDefaultExport | ModuleWithNamedExport;
+
+function loadCSS(url: string): Promise<void> {
+  return new Promise((resolve, reject) => {
     const link = document.createElement("link");
     link.rel = "stylesheet";
     link.href = url;
     link.onload = () => resolve();
-    link.onerror = () => reject(new Error(`Failed to load CSS: ${url}`));
+    link.onerror = (e) => reject(new Error(`Failed to load CSS: ${url}, error: ${e}`));
     document.head.appendChild(link);
   });
 }
 
-export function useDynamicModules(app: App, { router, appName }: { router: Router; appName: string }) {
+interface ModuleConfig {
+  baseUrl: string;
+  manifestFileName: string;
+  entryPointKey: string;
+}
+
+const DEFAULT_CONFIG: Partial<ModuleConfig> = {
+  manifestFileName: "manifest.json",
+  entryPointKey: "isEntry",
+};
+
+export function useDynamicModules(
+  app: App,
+  { router, appName }: { router: Router; appName: string },
+  config: Partial<ModuleConfig> = {},
+) {
+  const finalConfig = { ...DEFAULT_CONFIG, ...config };
+  const loadedModules = new Set<string>();
+  const extensionsHelper = createExtensionsHelper(app);
+
   async function load() {
     try {
-      const appsUrl = "/Modules/$(VirtoCommerce.MarketplaceVendor)/Content/apps.json";
+      const appsUrl = finalConfig.baseUrl + "apps.json";
       const modules: Apps[] = await fetch(appsUrl).then((res) => res.json());
 
       const module = modules.find((module) => module[appName]);
@@ -48,68 +82,90 @@ export function useDynamicModules(app: App, { router, appName }: { router: Route
         if (!(appModules && appModules.length)) {
           throw new Error("Modules not found");
         }
+        const manifestPromises = appModules.map(async (module) => {
+          if (loadedModules.has(module.id)) {
+            return null;
+          }
 
-        for (const module of appModules) {
+          const moduleUrl = module.url.replace(/^([^/])/, "/$1").replace(/([^/])$/, "$1/");
           try {
-            const moduleUrl = module.url.replace(/^([^/])/, "/$1").replace(/([^/])$/, "$1/");
-            const manifestResponse = await fetch(moduleUrl + "manifest.json");
-
-            if (!manifestResponse.ok) {
-              console.error(`Failed to load manifest for module ${module.id}:`, manifestResponse.statusText);
-              continue;
+            const response = await fetch(moduleUrl + finalConfig.manifestFileName);
+            if (!response.ok) {
+              throw new Error(`Failed to load manifest for module '{ ${module.id} }': ${response.statusText}`);
             }
+            return {
+              moduleId: module.id,
+              moduleUrl,
+              manifest: (await response.json()) as Manifest,
+            };
+          } catch (error) {
+            console.error(error);
+            return null;
+          }
+        });
 
-            const manifest: Manifest = await manifestResponse.json();
+        const manifestResults = await Promise.all(manifestPromises);
+        const validManifests = manifestResults.filter(
+          (result): result is NonNullable<typeof result> => result !== null,
+        );
 
-            // Find entry point
+        for (const { moduleId, moduleUrl, manifest } of validManifests) {
+          try {
             const entry = Object.values(manifest).find((file) => (file as ModuleManifest).isEntry);
-
             if (!entry) {
-              console.error(`Entry file not found for module ${module.id}`);
-              continue;
+              throw new Error(`Entry file not found for module ${moduleId}`);
             }
 
-            // Load CSS files
-            await 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 ${module.id}:`, error);
-            });
+            const cssFiles = Object.values(manifest)
+              .filter((file) => file.file.endsWith(".css"))
+              .map((file) => loadCSS(moduleUrl + file.file));
 
-            // Load module
-            await import(/* @vite-ignore */ moduleUrl + entry.file).catch((error) => {
-              console.error(`Failed to load module ${module.id}:`, error);
-              return; // Skip to next module
+            await Promise.all(cssFiles).catch((error) => {
+              console.error(`Failed to load styles for module ${moduleId}:`, error);
             });
 
-            // Register plugins
-            Object.values(window.VcShellDynamicModules).forEach((mod) => {
-              try {
-                app.use((mod as Record<"default", Plugin>)?.default, { router });
-              } catch (error) {
-                console.error(`Failed to register plugin for module ${module.id}:`, error);
-              }
-            });
-
-            app.config.globalProperties.$dynamicModules = {
-              ...(app.config.globalProperties.$dynamicModules || {}),
-              ...window.VcShellDynamicModules,
-            };
-            app.provide("$dynamicModules", app.config.globalProperties.$dynamicModules);
+            await import(/* @vite-ignore */ moduleUrl + entry.file);
+
+            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) {
+                    app.use(moduleToInstall.install as Plugin, { router });
+
+                    if (moduleToInstall.extensions) {
+                      registerModuleExtensions(app, moduleId, moduleToInstall.extensions);
+                    }
+
+                    loadedModules.add(moduleId);
+                  } else {
+                    console.error(`Module ${moduleId} does not have an 'install' function`);
+                  }
+                } catch (error) {
+                  console.error(`Failed to register plugin for module ${moduleId}:`, error);
+                }
+              });
+            }
           } catch (error) {
-            console.error(`Failed to process module ${module.id}:`, error);
-            continue; // Skip to next module
+            console.error(`Failed to process module ${moduleId}:`, error);
           }
         }
       }
     } catch (error) {
       console.error("Failed to load modules:", error);
     }
+
+    app.config.globalProperties.$dynamicModules = {
+      ...(app.config.globalProperties.$dynamicModules || {}),
+      ...window.VcShellDynamicModules,
+    };
+    app.provide("$dynamicModules", app.config.globalProperties.$dynamicModules);
   }
 
   return {
     load,
+    extensionsHelper,
   };
 }

package/dist/core/plugins/modularity/extensions-helper.d.ts

@@ -0,0 +1,43 @@
+import { App, ComputedRef, InjectionKey } from "vue";
+declare module "@vue/runtime-core" {
+    interface ComponentCustomProperties {
+        $extensions: ExtensionRegistry;
+    }
+}
+export interface ExtensionPoint extends Extension {
+    id: string;
+    component: unknown;
+}
+export interface ComposableFunction {
+    id: string;
+    fn: (...args: unknown[]) => unknown;
+}
+export type Extension = Record<string, unknown>;
+export interface ExtensionRegistry {
+    inbound: {
+        [namespace: string]: {
+            [extensionPoint: string]: Extension;
+        };
+    };
+    outbound: {
+        [namespace: string]: {
+            [extensionPoint: string]: ExtensionPoint[] | ComposableFunction[] | Extension;
+        };
+    };
+}
+export interface ExtensionNamespace {
+    [point: string]: ExtensionPoint[] | ComposableFunction[] | Extension;
+}
+export interface ExtensionsHelper {
+    getInboundExtensions(namespace: string, point?: string): Extension;
+    getOutboundExtensions(point: string): (ExtensionPoint[] | ComposableFunction[] | Extension)[];
+    getModuleExtensions(namespace: string): {
+        inbound: Record<string, Extension>;
+        outbound: Record<string, ExtensionPoint[] | ComposableFunction[] | Extension>;
+    };
+    extensions: ComputedRef<ExtensionRegistry>;
+}
+export declare const extensionsHelperSymbol: InjectionKey<ExtensionsHelper>;
+export declare function createExtensionsHelper(app: App): ExtensionsHelper;
+export declare function registerModuleExtensions(app: App, moduleId: string, extensions: ExtensionRegistry): void;
+//# sourceMappingURL=extensions-helper.d.ts.map

package/dist/core/plugins/modularity/extensions-helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extensions-helper.d.ts","sourceRoot":"","sources":["../../../../core/plugins/modularity/extensions-helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAY,WAAW,EAAE,YAAY,EAAE,MAAM,KAAK,CAAC;AAE/D,OAAO,QAAQ,mBAAmB,CAAC;IACjC,UAAU,yBAAyB;QACjC,WAAW,EAAE,iBAAiB,CAAC;KAChC;CACF;AAED,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC;CACrC;AAED,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEhD,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE;QACP,CAAC,SAAS,EAAE,MAAM,GAAG;YACnB,CAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;SACrC,CAAC;KACH,CAAC;IACF,QAAQ,EAAE;QACR,CAAC,SAAS,EAAE,MAAM,GAAG;YACnB,CAAC,cAAc,EAAE,MAAM,GAAG,cAAc,EAAE,GAAG,kBAAkB,EAAE,GAAG,SAAS,CAAC;SAC/E,CAAC;KACH,CAAC;CACH;AAED,MAAM,WAAW,kBAAkB;IACjC,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc,EAAE,GAAG,kBAAkB,EAAE,GAAG,SAAS,CAAC;CACtE;AAED,MAAM,WAAW,gBAAgB;IAC/B,oBAAoB,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnE,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,cAAc,EAAE,GAAG,kBAAkB,EAAE,GAAG,SAAS,CAAC,EAAE,CAAC;IAC9F,mBAAmB,CAAC,SAAS,EAAE,MAAM,GAAG;QACtC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;QACnC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,EAAE,GAAG,kBAAkB,EAAE,GAAG,SAAS,CAAC,CAAC;KAC/E,CAAC;IACF,UAAU,EAAE,WAAW,CAAC,iBAAiB,CAAC,CAAC;CAC5C;AAED,eAAO,MAAM,sBAAsB,gCAA+D,CAAC;AAEnG,wBAAgB,sBAAsB,CAAC,GAAG,EAAE,GAAG,GAAG,gBAAgB,CAkDjE;AAED,wBAAgB,wBAAwB,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,iBAAiB,QAejG"}

package/dist/core/plugins/modularity/index.d.ts

@@ -22,4 +22,5 @@ export declare const createAppModule: (pages: {
     }): void;
 };
 export * from "./loader";
+export * from "./extensions-helper";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/plugins/modularity/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAY,MAAM,KAAK,CAAC;AAE/C,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,wBAAwB,EAAc,MAAM,qDAAqD,CAAC;AAM3G,eAAO,MAAM,YAAY;;aAAuE,OAAO;iBACxF,GAAG,GAAG,IAAI;CAsBvB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;iBAOX,GAAG,YAAY;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;CA8MxD,CAAC;AAEF,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/plugins/modularity/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAY,MAAM,KAAK,CAAC;AAE/C,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,wBAAwB,EAAc,MAAM,qDAAqD,CAAC;AAM3G,eAAO,MAAM,YAAY;;aAAuE,OAAO;iBACxF,GAAG,GAAG,IAAI;CAsBvB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;iBAOX,GAAG,YAAY;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;CA8MxD,CAAC;AAEF,cAAc,UAAU,CAAC;AACzB,cAAc,qBAAqB,CAAC"}

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

@@ -1,9 +1,16 @@
 import { App } from "vue";
 import { Router } from "vue-router";
+interface ModuleConfig {
+    baseUrl: string;
+    manifestFileName: string;
+    entryPointKey: string;
+}
 export declare function useDynamicModules(app: App, { router, appName }: {
     router: Router;
     appName: string;
-}): {
+}, config?: Partial<ModuleConfig>): {
     load: () => Promise<void>;
+    extensionsHelper: import("./extensions-helper").ExtensionsHelper;
 };
+export {};
 //# sourceMappingURL=loader.d.ts.map

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;AAmCpC,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE;;EA8EnG"}
+{"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;AAkDpC,UAAU,YAAY;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,gBAAgB,EAAE,MAAM,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;CACvB;AAOD,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;;;EAyGnC"}