@authup/client-web-kit 1.0.0-beta.15 → 1.0.0-beta.16

package/dist/index.mjs

@@ -351,7 +351,7 @@ function installStore(app, options = {}) {
     const storeCreator = defineStore(STORE_ID, ()=>createStore({
             baseURL: options.baseURL
         }));
-    const store = storeCreator(options.pinia);
+    const store = storeCreator();
     const cookies = useCookies();
     let cookieGet;
     if (options.cookieGet) {
@@ -482,7 +482,7 @@ function installHTTPClient(app, options = {}) {
         baseURL: options.baseURL
     });
     const storeCreator = injectStore(app);
-    const store = storeCreator(options.pinia);
+    const store = storeCreator();
     const { refreshToken } = storeToRefs$1(store);
     const tokenHook = new ClientResponseErrorTokenHook(client, {
         baseURL: options.baseURL,
@@ -720,39 +720,46 @@ function buildListDeletedHandler(items, cb) {
     return input;
 }
 
-const SocketClientSymbol = Symbol.for('AuthupSocketClientManager');
-function isSocketClientManagerInjected() {
-    if (!hasInjectionContext()) {
-        return false;
-    }
-    const instance = inject$1(SocketClientSymbol);
-    return !!instance;
+const SocketClientSymbol = Symbol.for('AuthupSocketManager');
+function isSocketManagerUsable() {
+    return !!inject$1(SocketClientSymbol);
 }
-function provideSocketClientManager(manager, app) {
+function provideSocketManager(manager, app) {
     provide(SocketClientSymbol, manager, app);
 }
-function injectSocketClientManager() {
-    const manager = inject$1(SocketClientSymbol);
+function injectSocketManager(app) {
+    const manager = inject$1(SocketClientSymbol, app);
     if (!manager) {
-        throw new Error('The socket client manager has not been injected in the app context.');
+        throw new Error('The socket manager has not been injected in the app context.');
     }
     return manager;
 }
 
-function installSocketClientManager(app, options) {
-    const socketClientManager = new ClientManager({
-        url: options.baseURL
+function installSocketManager(app, options) {
+    const store = useStore();
+    const { accessToken } = storeToRefs(store);
+    const manager = new ClientManager({
+        url: options.baseURL,
+        token: ()=>accessToken.value
+    });
+    const oldValue = ref();
+    store.$subscribe((mutation, state)=>{
+        if (state.accessToken !== oldValue.value) {
+            oldValue.value = state.accessToken;
+            Promise.resolve().then(()=>manager.reconnect());
+        }
     });
-    provideSocketClientManager(socketClientManager, app);
+    provideSocketManager(manager, app);
 }
 
 function createEntitySocket(ctx) {
-    if (!isSocketClientManagerInjected()) {
+    if (!isSocketManagerUsable()) {
         return {
             mount () {},
             unmount () {}
         };
     }
+    const socketManager = injectSocketManager();
     const store = useStore();
     const storeRefs = storeToRefs(store);
     const realmId = computed(()=>{
@@ -812,7 +819,6 @@ function createEntitySocket(ctx) {
             return;
         }
         mounted = true;
-        const socketManager = injectSocketClientManager();
         const socket = await socketManager.connect(`/resources#${realmId.value}`);
         let event;
         if (ctx.buildSubscribeEventName) {
@@ -836,7 +842,6 @@ function createEntitySocket(ctx) {
             return;
         }
         mounted = false;
-        const socketManager = injectSocketClientManager();
         const socket = await socketManager.connect(`/resources#${realmId.value}`);
         let event;
         if (ctx.buildUnsubscribeEventName) {
@@ -2966,7 +2971,8 @@ const AClientScopeAssignments = defineComponent({
         return ()=>h(AScopes, {}, {
                 [SlotName.ITEM_ACTIONS]: (slotProps)=>h(AClientScopeAssignment, {
                         clientId: props.entityId,
-                        scopeId: slotProps.data.id
+                        scopeId: slotProps.data.id,
+                        key: slotProps.data.id
                     }),
                 ...slots
             });
@@ -5437,7 +5443,8 @@ const APermissionRobotAssignments = defineComponent({
         return ()=>h(ARobots, {}, {
                 [SlotName.ITEM_ACTIONS]: (slotProps)=>h(ARobotPermissionAssignment, {
                         permissionId: props.entityId,
-                        robotId: slotProps.data.id
+                        robotId: slotProps.data.id,
+                        key: slotProps.data.id
                     }),
                 ...slots
             });
@@ -5491,7 +5498,8 @@ const ARolePermissionAssignments = defineComponent({
         return ()=>h(APermissions, {}, {
                 [SlotName.ITEM_ACTIONS]: (slotProps)=>h(ARolePermissionAssignment, {
                         roleId: props.entityId,
-                        permissionId: slotProps.data.id
+                        permissionId: slotProps.data.id,
+                        key: slotProps.data.id
                     }),
                 ...slots
             });
@@ -5509,7 +5517,8 @@ const APermissionRoleAssignments = defineComponent({
         return ()=>h(ARoles, {}, {
                 [SlotName.ITEM_ACTIONS]: (slotProps)=>h(ARolePermissionAssignment, {
                         permissionId: props.entityId,
-                        roleId: slotProps.data.id
+                        roleId: slotProps.data.id,
+                        key: slotProps.data.id
                     }),
                 ...slots
             });
@@ -5563,7 +5572,8 @@ const AUserPermissionAssignments = defineComponent({
         return ()=>h(APermissions, {}, {
                 [SlotName.ITEM_ACTIONS]: (slotProps)=>h(AUserPermissionAssignment, {
                         userId: props.entityId,
-                        permissionId: slotProps.data.id
+                        permissionId: slotProps.data.id,
+                        key: slotProps.data.id
                     }),
                 ...slots
             });
@@ -6013,7 +6023,8 @@ const APermissionUserAssignments = defineComponent({
         return ()=>h(AUsers, {}, {
                 [SlotName.ITEM_ACTIONS]: (slotProps)=>h(AUserPermissionAssignment, {
                         permissionId: props.entityId,
-                        userId: slotProps.data.id
+                        userId: slotProps.data.id,
+                        key: slotProps.data.id
                     }),
                 ...slots
             });
@@ -6031,7 +6042,8 @@ const ARobotPermissionAssignments = defineComponent({
         return ()=>h(APermissions, {}, {
                 [SlotName.ITEM_ACTIONS]: (slotProps)=>h(ARobotPermissionAssignment, {
                         robotId: props.entityId,
-                        permissionId: slotProps.data.id
+                        permissionId: slotProps.data.id,
+                        key: slotProps.data.id
                     }),
                 ...slots
             });
@@ -6082,7 +6094,8 @@ const ARobotRoleAssignments = defineComponent({
         return ()=>h(ARoles, {}, {
                 [SlotName.ITEM_ACTIONS]: (slotProps)=>h(ARobotRoleAssignment, {
                         robotId: props.entityId,
-                        roleId: slotProps.data.id
+                        roleId: slotProps.data.id,
+                        key: slotProps.data.id
                     }),
                 ...slots
             });
@@ -6097,7 +6110,8 @@ const ARoleRobotAssignments = defineComponent({
         return ()=>h(ARobots, {}, {
                 [SlotName.ITEM_ACTIONS]: (slotProps)=>h(ARobotRoleAssignment, {
                         roleId: props.entityId,
-                        robotId: slotProps.data.id
+                        robotId: slotProps.data.id,
+                        key: slotProps.data.id
                     })
             });
     }
@@ -6147,7 +6161,8 @@ const AUserRoleAssignments = defineComponent({
         return ()=>h(ARoles, {}, {
                 [SlotName.ITEM_ACTIONS]: (slotProps)=>h(AUserRoleAssignment, {
                         userId: props.entityId,
-                        roleId: slotProps.data.id
+                        roleId: slotProps.data.id,
+                        key: slotProps.data.id
                     }),
                 ...slots
             });
@@ -6162,7 +6177,8 @@ const ARoleUserAssignments = defineComponent({
         return ()=>h(AUsers, {}, {
                 [SlotName.ITEM_ACTIONS]: (slotProps)=>h(AUserRoleAssignment, {
                         roleId: props.entityId,
-                        userId: slotProps.data.id
+                        userId: slotProps.data.id,
+                        key: slotProps.data.id
                     }),
                 ...slots
             });
@@ -6180,7 +6196,8 @@ const AScopeClientAssignments = defineComponent({
         return ()=>h(AClients, {}, {
                 [SlotName.ITEM_ACTIONS]: (slotProps)=>h(AClientScopeAssignment, {
                         scopeId: props.entityId,
-                        clientId: slotProps.data.id
+                        clientId: slotProps.data.id,
+                        key: slotProps.data.id
                     }),
                 ...slots
             });
@@ -6687,7 +6704,7 @@ function installComponents(input) {
 }
 function install(app1, options) {
     if (options.realtime) {
-        installSocketClientManager(app1, {
+        installSocketManager(app1, {
             baseURL: options.realtimeURL || options.baseURL
         });
     }
@@ -6695,12 +6712,10 @@ function install(app1, options) {
         baseURL: options.baseURL,
         cookieSet: options.cookieSet,
         cookieGet: options.cookieGet,
-        cookieUnset: options.cookieUnset,
-        pinia: options.pinia
+        cookieUnset: options.cookieUnset
     });
     installHTTPClient(app1, {
-        baseURL: options.baseURL,
-        pinia: options.pinia
+        baseURL: options.baseURL
     });
     installTranslator(app1, {
         locale: options.translatorLocale
@@ -6712,5 +6727,5 @@ var index = {
     install
 };
 
-export { AClient, AClientForm, AClientRedirectUris, AClientRedirectUrisItem, AClientScope, AClientScopeAssignment, AClientScopeAssignments, AClientScopes, AClients, AEntityDelete, AIdentityProvider, AIdentityProviderForm, AIdentityProviderIcon, AIdentityProviderLdapForm, AIdentityProviderOAuth2Form, AIdentityProviderPreset, AIdentityProviderProtocol, AIdentityProviderRoleAssignment, AIdentityProviderRoleAssignments, AIdentityProviders, APagination, APermission, APermissionForm, APermissionRobotAssignments, APermissionRoleAssignments, APermissionUserAssignments, APermissions, ARealm, ARealmForm, ARealms, ARobot, ARobotForm, ARobotPermissionAssignment, ARobotPermissionAssignments, ARobotRoleAssignment, ARobotRoleAssignments, ARobots, ARole, ARoleForm, ARolePermissionAssignment, ARolePermissionAssignments, ARoleRobotAssignments, ARoleUserAssignments, ARoles, AScope, AScopeClientAssignments, AScopeForm, AScopes, ASearch, ATitle, AUser, AUserForm, AUserPasswordForm, AUserPermissionAssignment, AUserPermissionAssignments, AUserRoleAssignment, AUserRoleAssignments, AUsers, EntityManagerError, HTTPClientSymbol, LanguageSwitcherDropdown, STORE_ID, SocketClientSymbol, StoreSymbol, TranslatorTranslationClientKey, TranslatorTranslationDefaultKey, TranslatorTranslationGroup, TranslatorTranslationVuecsKey, VuelidateCustomRule, VuelidateCustomRuleKey, buildEntityManagerSlotProps, buildFormSubmitWithTranslations, buildListCreatedHandler, buildListDeletedHandler, buildListUpdatedHandler, createEntityManager, createFormSubmitTranslations, createList, createStore, index as default, defineEntityManagerEvents, defineEntityManagerProps, defineListEvents, defineListProps, extendObjectProperties, extractVuelidateResultsFromChild, getVuelidateSeverity, hasHTTPClient, hasNormalizedSlot, hasStore, initFormAttributesFromSource, inject$1 as inject, injectHTTPClient, injectSocketClientManager, injectStore, injectTranslatorLocale, install, installHTTPClient, installSocketClientManager, installStore, installTranslator, isQuerySortedDescByDate, isSocketClientManagerInjected, mergeListOptions, normalizeSlot, onChange, provide, provideHTTPClient, provideSocketClientManager, provideStore, renderEntityAssignAction, storeToRefs, useAbilityCheck, useIsEditing, useRealmResourceWritableCheck, useStore, useTranslation, useTranslationsForBaseValidation, useTranslationsForGroup, useTranslationsForNestedValidation, useUpdatedAt, wrapFnWithBusyState };
+export { AClient, AClientForm, AClientRedirectUris, AClientRedirectUrisItem, AClientScope, AClientScopeAssignment, AClientScopeAssignments, AClientScopes, AClients, AEntityDelete, AIdentityProvider, AIdentityProviderForm, AIdentityProviderIcon, AIdentityProviderLdapForm, AIdentityProviderOAuth2Form, AIdentityProviderPreset, AIdentityProviderProtocol, AIdentityProviderRoleAssignment, AIdentityProviderRoleAssignments, AIdentityProviders, APagination, APermission, APermissionForm, APermissionRobotAssignments, APermissionRoleAssignments, APermissionUserAssignments, APermissions, ARealm, ARealmForm, ARealms, ARobot, ARobotForm, ARobotPermissionAssignment, ARobotPermissionAssignments, ARobotRoleAssignment, ARobotRoleAssignments, ARobots, ARole, ARoleForm, ARolePermissionAssignment, ARolePermissionAssignments, ARoleRobotAssignments, ARoleUserAssignments, ARoles, AScope, AScopeClientAssignments, AScopeForm, AScopes, ASearch, ATitle, AUser, AUserForm, AUserPasswordForm, AUserPermissionAssignment, AUserPermissionAssignments, AUserRoleAssignment, AUserRoleAssignments, AUsers, EntityManagerError, HTTPClientSymbol, LanguageSwitcherDropdown, STORE_ID, SocketClientSymbol, StoreSymbol, TranslatorTranslationClientKey, TranslatorTranslationDefaultKey, TranslatorTranslationGroup, TranslatorTranslationVuecsKey, VuelidateCustomRule, VuelidateCustomRuleKey, buildEntityManagerSlotProps, buildFormSubmitWithTranslations, buildListCreatedHandler, buildListDeletedHandler, buildListUpdatedHandler, createEntityManager, createFormSubmitTranslations, createList, createStore, index as default, defineEntityManagerEvents, defineEntityManagerProps, defineListEvents, defineListProps, extendObjectProperties, extractVuelidateResultsFromChild, getVuelidateSeverity, hasHTTPClient, hasNormalizedSlot, hasStore, initFormAttributesFromSource, inject$1 as inject, injectHTTPClient, injectSocketManager, injectStore, injectTranslatorLocale, install, installHTTPClient, installSocketManager, installStore, installTranslator, isQuerySortedDescByDate, isSocketManagerUsable, mergeListOptions, normalizeSlot, onChange, provide, provideHTTPClient, provideSocketManager, provideStore, renderEntityAssignAction, storeToRefs, useAbilityCheck, useIsEditing, useRealmResourceWritableCheck, useStore, useTranslation, useTranslationsForBaseValidation, useTranslationsForGroup, useTranslationsForNestedValidation, useUpdatedAt, wrapFnWithBusyState };
 //# sourceMappingURL=index.mjs.map