@vc-shell/framework 1.1.83-alpha.0 → 1.1.84-alpha.0

package/dist/ui/components/molecules/vc-form/vc-form.vue.d.ts

@@ -2,7 +2,11 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    submit: () => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    onSubmit?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/ui/components/molecules/vc-form/vc-form.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vc-form.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-form/vc-form.vue"],"names":[],"mappings":"AAsBA,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAkB/C,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAE1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"vc-form.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-form/vc-form.vue"],"names":[],"mappings":"AAwCA,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAoB/C,QAAA,MAAM,eAAe;;;;iFAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAE1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/ui/components/molecules/vc-select/vc-select.vue.d.ts

@@ -1,6 +1,5 @@
 import { Placement } from "@floating-ui/vue";
 export type OptionProp<T> = ((option: T) => string) | string | undefined;
-export type MaybeArray<T> = T | T[];
 declare const _default: <T, P extends {
     results?: T[];
     totalCount?: number;
@@ -8,10 +7,13 @@ declare const _default: <T, P extends {
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onSearch?: ((inputValue: string) => any) | undefined;
         readonly onClose?: (() => any) | undefined;
-        readonly "onUpdate:modelValue"?: ((inputValue: MaybeArray<P extends {
+        readonly "onUpdate:modelValue"?: ((inputValue: string | string[] | (P extends {
             results?: T[];
             totalCount?: number;
-        } ? T & (Required<P>["results"] extends infer T_1 ? T_1 extends Required<P>["results"] ? T_1 extends (infer V)[] ? V : never : never : never) : T> | MaybeArray<string> | null) => any) | undefined;
+        } ? T & (Required<P>["results"] extends infer T_1 ? T_1 extends Required<P>["results"] ? T_1 extends (infer V)[] ? V : never : never : never) : T) | (P extends {
+            results?: T[];
+            totalCount?: number;
+        } ? T & (Required<P>["results"] extends infer T_2 ? T_2 extends Required<P>["results"] ? T_2 extends (infer V)[] ? V : never : never : never) : T)[] | null) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onClose" | "onUpdate:modelValue" | "onSearch"> & {
         /**
          * Name of select
@@ -215,10 +217,13 @@ declare const _default: <T, P extends {
         }) => any;
         "no-options": (props: any) => any;
     };
-    emit: ((evt: "search", inputValue: string) => void) & ((evt: "close") => void) & ((evt: "update:modelValue", inputValue: MaybeArray<P extends {
+    emit: ((evt: "search", inputValue: string) => void) & ((evt: "close") => void) & ((evt: "update:modelValue", inputValue: string | string[] | (P extends {
+        results?: T[];
+        totalCount?: number;
+    } ? T & (Required<P>["results"] extends infer T_3 ? T_3 extends Required<P>["results"] ? T_3 extends (infer V)[] ? V : never : never : never) : T) | (P extends {
         results?: T[];
         totalCount?: number;
-    } ? T & (Required<P>["results"] extends infer T_3 ? T_3 extends Required<P>["results"] ? T_3 extends (infer V)[] ? V : never : never : never) : T> | MaybeArray<string> | null) => void);
+    } ? T & (Required<P>["results"] extends infer T_4 ? T_4 extends Required<P>["results"] ? T_4 extends (infer V)[] ? V : never : never : never) : T)[] | null) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/ui/components/molecules/vc-select/vc-select.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vc-select.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-select/vc-select.vue"],"names":[],"mappings":"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"}
+{"version":3,"file":"vc-select.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-select/vc-select.vue"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.1.83-alpha.0",
+  "version": "1.1.84-alpha.0",
   "type": "module",
   "main": "./dist/framework.js",
   "types": "./dist/index.d.ts",
@@ -90,9 +90,9 @@
     "@fullhuman/postcss-purgecss": "^7.0.2",
     "@laynezh/vite-plugin-lib-assets": "v1.1.0",
     "@types/dompurify": "^3.0.5",
-    "@vc-shell/api-client-generator": "^1.1.83-alpha.0",
-    "@vc-shell/config-generator": "^1.1.83-alpha.0",
-    "@vc-shell/ts-config": "^1.1.83-alpha.0",
+    "@vc-shell/api-client-generator": "^1.1.84-alpha.0",
+    "@vc-shell/config-generator": "^1.1.84-alpha.0",
+    "@vc-shell/ts-config": "^1.1.84-alpha.0",
     "@vitejs/plugin-vue": "^5.2.3",
     "@vue/test-utils": "^2.4.5",
     "cypress-signalr-mock": "^1.5.0",
@@ -112,6 +112,6 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "stableVersion": "1.1.82",
+  "stableVersion": "1.1.83",
   "npmTag": "alpha"
 }

package/shared/components/notification-template/notification-template.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="vc-notification-template">
+  <div class="vc-notification-template" @click="$emit('click')">
     <div
       class="vc-notification-template__container"
       :class="{
@@ -38,8 +38,12 @@ export interface Props {
   title: string;
   notification: IPushNotification;
 }
+export interface Emits {
+  (e: "click"): void;
+}
 
 const props = defineProps<Props>();
+const emit = defineEmits<Emits>();
 
 const locale = window.navigator.language;
 

package/shared/composables/useMenuExpanded.ts

@@ -1,13 +1,24 @@
 import { useLocalStorage } from "@vueuse/core";
 import { ref } from "vue";
 
-const STORAGE_KEY = "VC_APP_MENU_EXPANDED";
+const STORAGE_KEY_PREFIX = "VC_APP_MENU_EXPANDED";
 const HOVER_DELAY = 200;
 
 const isHoverExpanded = ref(false);
 
+/**
+ * Get unique storage key for current application based on URL path
+ * This ensures each application has its own menu state
+ */
+function getStorageKey(): string {
+  // Extract app name from pathname (e.g., "/vendor-portal/" -> "vendor-portal")
+  const pathSegments = window.location.pathname.split("/").filter(Boolean);
+  const appName = pathSegments[0] || "default";
+  return `${STORAGE_KEY_PREFIX}_${appName}`;
+}
+
 export const useMenuExpanded = () => {
-  const isExpanded = useLocalStorage(STORAGE_KEY, true);
+  const isExpanded = useLocalStorage(getStorageKey(), true);
 
   let expandTimeout: ReturnType<typeof setTimeout> | null = null;
 

package/shared/pages/LoginPage/components/login/Login.vue

@@ -9,7 +9,7 @@
       <VcForm @submit.prevent="login">
         <Field
           v-slot="{ errorMessage, handleChange, errors }"
-          :label="t('LOGIN.FIELDS.LOGIN.LABEL')"
+          :label="$t('LOGIN.FIELDS.LOGIN.LABEL')"
           name="username"
           :model-value="form.username"
           rules="required"
@@ -18,8 +18,8 @@
             ref="loginField"
             v-model="form.username"
             class="vc-login-page__input"
-            :label="t('LOGIN.FIELDS.LOGIN.LABEL')"
-            :placeholder="t('LOGIN.FIELDS.LOGIN.PLACEHOLDER')"
+            :label="$t('LOGIN.FIELDS.LOGIN.LABEL')"
+            :placeholder="$t('LOGIN.FIELDS.LOGIN.PLACEHOLDER')"
             required
             :error="!!errors.length"
             :error-message="errorMessage"
@@ -28,7 +28,7 @@
         </Field>
         <Field
           v-slot="{ errorMessage, handleChange, errors }"
-          :label="t('LOGIN.FIELDS.PASSWORD.LABEL')"
+          :label="$t('LOGIN.FIELDS.PASSWORD.LABEL')"
           name="password"
           :model-value="form.password"
           rules="required"
@@ -37,8 +37,8 @@
             ref="passwordField"
             v-model="form.password"
             class="vc-login-page__input--small"
-            :label="t('LOGIN.FIELDS.PASSWORD.LABEL')"
-            :placeholder="t('LOGIN.FIELDS.PASSWORD.PLACEHOLDER')"
+            :label="$t('LOGIN.FIELDS.PASSWORD.LABEL')"
+            :placeholder="$t('LOGIN.FIELDS.PASSWORD.PLACEHOLDER')"
             type="password"
             required
             :error="!!errors.length"
@@ -49,7 +49,6 @@
         </Field>
 
         <div
-          v-if="!!forgotPassword"
           class="vc-login-page__forgot-password-container"
         >
           <VcButton
@@ -57,7 +56,7 @@
             type="button"
             @click="togglePassRequest"
           >
-            {{ t("LOGIN.FORGOT_PASSWORD_BUTTON") }}
+            {{ $t("LOGIN.FORGOT_PASSWORD_BUTTON") }}
           </VcButton>
         </div>
         <div class="vc-login-page__button-container">
@@ -66,7 +65,7 @@
             class="vc-login-page__submit-button"
             @click="login"
           >
-            {{ t("LOGIN.BUTTON") }}
+            {{ $t("LOGIN.BUTTON") }}
           </vc-button>
         </div>
       </VcForm>
@@ -76,24 +75,31 @@
       >
         <div class="vc-login-page__separator-line">
           <!-- TODO add to localization -->
-          OR
+          {{ $t("LOGIN.OR") }}
         </div>
 
         <ExternalProviders :providers="loginProviders" />
       </div>
 
-      <!-- Extensions after form -->
       <!-- Simple extension slot -->
-      <div class="vc-login-page__extensions">
+      <div
+        v-if="hasComponents"
+        class="vc-login-page__separator"
+      >
+        <div class="vc-login-page__separator-line">
+          <!-- TODO add to localization -->
+          {{ $t("LOGIN.OR") }}
+        </div>
+
         <ExtensionSlot name="login-after-form" />
       </div>
     </template>
     <template v-else>
       <template v-if="!forgotPasswordRequestSent">
-        <VcForm @submit.prevent="forgot">
+        <VcForm>
           <Field
             v-slot="{ field, errorMessage, handleChange, errors }"
-            :label="t('LOGIN.FIELDS.FORGOT_PASSWORD.LABEL')"
+            :label="$t('LOGIN.FIELDS.FORGOT_PASSWORD.LABEL')"
             name="loginOrEmail"
             :model-value="forgotPasswordForm.loginOrEmail"
             rules="required|email"
@@ -103,9 +109,9 @@
               ref="forgotPasswordField"
               v-model="forgotPasswordForm.loginOrEmail"
               class="vc-login-page__input"
-              :label="t('LOGIN.FIELDS.FORGOT_PASSWORD.LABEL')"
-              :placeholder="t('LOGIN.FIELDS.FORGOT_PASSWORD.PLACEHOLDER')"
-              :hint="t('LOGIN.RESET_EMAIL_TEXT')"
+              :label="$t('LOGIN.FIELDS.FORGOT_PASSWORD.LABEL')"
+              :placeholder="$t('LOGIN.FIELDS.FORGOT_PASSWORD.PLACEHOLDER')"
+              :hint="$t('LOGIN.RESET_EMAIL_TEXT')"
               required
               :error="!!errors.length"
               :error-message="errorMessage"
@@ -118,20 +124,20 @@
               type="button"
               @click="togglePassRequest"
             >
-              {{ t("LOGIN.BACK_BUTTON") }}
+              {{ $t("LOGIN.BACK_BUTTON") }}
             </vc-button>
             <vc-button
               :disabled="loading || isDisabled || loadingForgotPassword"
               @click="forgot"
             >
-              {{ t("LOGIN.FORGOT_BUTTON") }}
+              {{ $t("LOGIN.FORGOT_BUTTON") }}
             </vc-button>
           </div>
         </VcForm>
       </template>
 
       <template v-if="requestPassResult.succeeded && forgotPasswordRequestSent">
-        <div>{{ t("LOGIN.RESET_EMAIL_SENT") }}</div>
+        <div>{{ $t("LOGIN.RESET_EMAIL_SENT") }}</div>
         <div class="vc-login-page__button-container">
           <span
             v-if="$isDesktop.value"
@@ -141,7 +147,7 @@
             :disabled="loading"
             @click="togglePassRequest"
           >
-            {{ t("LOGIN.BUTTON_OK") }}
+            {{ $t("LOGIN.BUTTON_OK") }}
           </vc-button>
         </div>
       </template>
@@ -176,7 +182,7 @@ import { ExternalSignInProviderInfo, SignInResult } from "./../../../../../core/
 import { useI18n } from "vue-i18n";
 import { default as ExternalProviders } from "./../../../../../shared/components/sign-in/external-providers.vue";
 import { useExternalProvider } from "./../../../../../shared/components/sign-in/useExternalProvider";
-import { ExtensionSlot } from '../../../../../core/plugins/extension-points';
+import { ExtensionSlot, useExtensionSlot } from '../../../../../core/plugins/extension-points';
 
 type ForgotPasswordFunc = (args: { loginOrEmail: string }) => Promise<void>;
 
@@ -193,13 +199,13 @@ const router = useRouter();
 
 const { validateField } = useForm({ validateOnMount: false });
 const { uiSettings, loading: customizationLoading } = useSettings();
-const { t } = useI18n({ useScope: "global" });
 let useLogin;
 const signInResult = ref({ succeeded: true }) as Ref<SignInResult & { status?: number; error?: any }>;
 const requestPassResult = ref<RequestPasswordResult>({ succeeded: true });
 const forgotPasswordRequestSent = ref(false);
 const { signIn, loading, user } = useUserManagement();
 const { getProviders } = useExternalProvider();
+const { hasComponents } = useExtensionSlot('login-after-form');
 
 const isLogin = ref(true);
 const isValid = useIsFormValid();

package/ui/components/molecules/vc-form/vc-form.vue

@@ -1,7 +1,15 @@
-<script lang="ts" setup></script>
-
 <template>
-  <form>
+  <form @submit.prevent="submit">
     <slot>vc-form</slot>
   </form>
 </template>
+
+<script lang="ts" setup>
+const emit = defineEmits<{
+  (e: 'submit'): void;
+}>()
+
+const submit = () => {
+  emit('submit');
+}
+</script>

package/ui/components/molecules/vc-select/vc-select.vue

@@ -349,7 +349,6 @@ import { useI18n } from "vue-i18n";
 import { useKeyboardNavigation } from "../../../../core/composables/useKeyboardNavigation";
 
 export type OptionProp<T> = ((option: T) => string) | string | undefined;
-export type MaybeArray<T> = T | T[];
 type FloatingInstanceType = UseFloatingReturn & {
   middlewareData: {
     sameWidthChangeBorders: {
@@ -572,7 +571,7 @@ const emit = defineEmits<{
    * Emitted when the component needs to change the model; Is also used by v-model
    */
 
-  "update:modelValue": [inputValue: MaybeArray<Option> | MaybeArray<string> | null];
+  "update:modelValue": [inputValue: Option | Option[] | string | string[] | null];
   /**
    * Emitted when user wants to filter a value
    */
@@ -634,6 +633,17 @@ onMounted(() => {
       { threshold: 0.1 },
     );
     rootVisibilityObserver.observe(selectRootRef.value);
+
+    // Fallback for iframe: check visibility after a delay
+    setTimeout(() => {
+      if (selectRootRef.value && !isSelectVisible.value) {
+        const rect = selectRootRef.value.getBoundingClientRect();
+        const isVisible = rect.top < window.innerHeight && rect.bottom > 0 && rect.left < window.innerWidth && rect.right > 0;
+        if (isVisible) {
+          isSelectVisible.value = true;
+        }
+      }
+    }, 100);
   }
 });
 
@@ -1021,6 +1031,15 @@ const onDropdownClose = async () => {
 function toggleDropdown() {
   if (props.disabled) return;
 
+  // Ensure isSelectVisible is true when opening dropdown (fallback for iframe)
+  if (!isOpened.value && !isSelectVisible.value && selectRootRef.value) {
+    const rect = selectRootRef.value.getBoundingClientRect();
+    const isVisible = rect.top < window.innerHeight && rect.bottom > 0 && rect.left < window.innerWidth && rect.right > 0;
+    if (isVisible) {
+      isSelectVisible.value = true;
+    }
+  }
+
   isOpened.value = !isOpened.value;
 
   if (isOpened.value) {

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

@@ -1,209 +0,0 @@
-import { App, computed, ComputedRef, InjectionKey } from "vue";
-
-declare module "@vue/runtime-core" {
-  interface ComponentCustomProperties {
-    $extensions: ExtensionRegistry;
-  }
-}
-
-export interface ExtensionPoint {
-  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]) {
-          const extension = typedNamespace[point];
-          if (Array.isArray(extension)) {
-            result.push(...extension);
-          } else if (
-            typeof extension === "object" &&
-            "id" in extension &&
-            "fn" in extension &&
-            typeof extension.fn === "function"
-          ) {
-            result.push(extension);
-          } else if (typeof extension === "object") {
-            result.push(extension as Extension);
-          }
-        }
-      });
-
-      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 isComposableFunction(value: unknown): value is ComposableFunction {
-  return (
-    typeof value === "object" &&
-    value !== null &&
-    "id" in value &&
-    "fn" in value &&
-    typeof (value as ComposableFunction).fn === "function"
-  );
-}
-
-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 (isComposableFunction(extension) && Array.isArray(moduleOutbound[point])) {
-    (moduleOutbound[point] as ComposableFunction[]).push(extension);
-  } 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/dist/core/plugins/modularity/extensions-helper.d.ts

@@ -1,43 +0,0 @@
-import { App, ComputedRef, InjectionKey } from "vue";
-declare module "@vue/runtime-core" {
-    interface ComponentCustomProperties {
-        $extensions: ExtensionRegistry;
-    }
-}
-export interface ExtensionPoint {
-    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

@@ -1 +0,0 @@
-{"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,cAAc;IAC7B,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,GAAG,kBAAkB,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1F,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,EAAiC,YAAY,CAAC,gBAAgB,CAAC,CAAC;AAEnG,wBAAgB,sBAAsB,CAAC,GAAG,EAAE,GAAG,GAAG,gBAAgB,CAwDjE;AAED,wBAAgB,wBAAwB,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,iBAAiB,QAejG"}