astro-tokenkit 1.0.21 → 1.0.23

package/README.md

@@ -143,12 +143,14 @@ const specializedClient = createClient({
 
 Astro TokenKit automatically monitors user inactivity and closes the session across all open tabs. This feature uses `BroadcastChannel` to synchronize activity and logout events.
 
-**Important:** When using the Astro integration, the `onIdle` function cannot be passed in `astro.config.mjs` because it is not serializable. Instead, listen for the `tk:idle` event on the client.
+**Important:** When using the Astro integration, the `onIdle` function cannot be passed in `astro.config.mjs` because it is not serializable. Instead, you can pass the name of a global function as a string, or listen for the `tk:idle` event on the client.
 
 | Property | Type | Description |
 | :--- | :--- | :--- |
 | `timeout` | `number` | **Required.** Inactivity timeout in seconds. |
+| `onIdle` | `Function \| string` | Optional callback when idle timeout is reached. Can be a function or the name of a global function (string). |
 | `autoLogout`| `boolean` | Whether to automatically trigger logout by calling the configured logout endpoint (default: `true`). |
+| `reload` | `boolean` | Whether to reload the page after automatic logout (default: `true`). |
 | `activeTabOnly` | `boolean` | Whether to track activity only on the active tab to save CPU/memory (default: `true`). |
 | `alert` | `any` | Custom data to be passed to the `tk:idle` event. Ideal for configuring SweetAlert options. |
 

package/dist/client/idle-manager.js

@@ -13,11 +13,24 @@ export class IdleManager {
         this.lastActivity = 0;
         this.config = config;
         this.timeout = config.timeout;
-        this.onIdle = config.onIdle || (() => { });
         this.activeTabOnly = (_a = config.activeTabOnly) !== null && _a !== void 0 ? _a : true;
         this.expiredTimeKey = '_tk_idle_expires';
         this.eventHandler = this.reportActivity.bind(this);
         this.isIdle = false;
+        const onIdleProp = config.onIdle;
+        if (typeof onIdleProp === 'function') {
+            this.onIdle = onIdleProp;
+        }
+        else if (typeof onIdleProp === 'string') {
+            this.onIdle = () => {
+                if (typeof window !== 'undefined' && typeof window[onIdleProp] === 'function') {
+                    window[onIdleProp]();
+                }
+            };
+        }
+        else {
+            this.onIdle = () => { };
+        }
         if (typeof window === 'undefined')
             return;
         try {

package/dist/client/tk-client.js

@@ -3,20 +3,22 @@ if (typeof window !== 'undefined') {
     const config = typeof __TOKENKIT_CONFIG__ !== 'undefined' ? __TOKENKIT_CONFIG__ : {};
     // Initialize Idle Monitoring if configured
     if (config.idle && config.idle.timeout > 0) {
-        new IdleManager(Object.assign(Object.assign({}, config.idle), { onIdle: () => {
+        new IdleManager(Object.assign(Object.assign({}, config.idle), { onIdle: config.idle.onIdle || (() => {
                 var _a;
+                // Default implementation: auto logout and reload
                 // Note: IdleManager dispatches 'tk:idle' automatically
                 if (config.idle.autoLogout !== false && ((_a = config.auth) === null || _a === void 0 ? void 0 : _a.logout)) {
                     const logoutURL = config.auth.logout.startsWith('http')
                         ? config.auth.logout
                         : (config.baseURL || '') + config.auth.logout;
                     fetch(logoutURL, {
-                        method: 'POST',
-                        credentials: 'include'
+                        method: 'POST'
                     }).finally(() => {
-                        window.location.reload();
+                        if (config.idle.reload !== false) {
+                            window.location.reload();
+                        }
                     });
                 }
-            } }));
+            }) }));
     }
 }