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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.1.82",
+  "version": "1.1.83-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.82",
-    "@vc-shell/config-generator": "^1.1.82",
-    "@vc-shell/ts-config": "^1.1.82",
+    "@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",
     "@vitejs/plugin-vue": "^5.2.3",
     "@vue/test-utils": "^2.4.5",
     "cypress-signalr-mock": "^1.5.0",
@@ -111,5 +111,7 @@
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
-  }
+  },
+  "stableVersion": "1.1.82",
+  "npmTag": "alpha"
 }

package/shared/composables/useModificationTracker/index.ts

@@ -11,6 +11,11 @@ export interface UseModificationTrackerReturn<T> {
    * It can be changed directly or through v-model.
    */
   currentValue: Ref<T>;
+  /**
+   * Reactive reference to the pristine value.
+   * It is a "clean" version representing the original, unmodified state.
+   */
+  pristineValue: Ref<T>;
   /**
    * Shows if currentValue has been modified compared to its "pristine" state.
    * Read-only.
@@ -87,6 +92,7 @@ export function useModificationTracker<T>(initialValueProp: T | Ref<T>): UseModi
 
   return {
     currentValue,
+    pristineValue,
     isModified: computed(() => isModified.value),
     resetModificationState,
   };

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

@@ -83,14 +83,10 @@
       </div>
 
       <!-- Extensions after form -->
-      <template
-        v-for="extension in afterLoginFormExtensions"
-        :key="extension.id"
-      >
-        <div class="vc-login-page__extension">
-          <component :is="extension.component" />
-        </div>
-      </template>
+      <!-- Simple extension slot -->
+      <div class="vc-login-page__extensions">
+        <ExtensionSlot name="login-after-form" />
+      </div>
     </template>
     <template v-else>
       <template v-if="!forgotPasswordRequestSent">
@@ -180,7 +176,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 { Extension, ExtensionPoint, extensionsHelperSymbol } from "./../../../../../core/plugins";
+import { ExtensionSlot } from '../../../../../core/plugins/extension-points';
 
 type ForgotPasswordFunc = (args: { loginOrEmail: string }) => Promise<void>;
 
@@ -213,12 +209,6 @@ const loadingForgotPassword = ref(false);
 const loginProviders = ref<ExternalSignInProviderInfo[]>();
 let forgotPassword: ForgotPasswordFunc;
 
-const extensionsHelper = inject(extensionsHelperSymbol);
-
-const afterLoginFormExtensions = computed(
-  (): ExtensionPoint[] => (extensionsHelper?.getOutboundExtensions("login-after-form") as ExtensionPoint[]) || [],
-);
-
 if (props.composable && typeof props.composable === "function") {
   useLogin = props.composable;