@hawsen-the-first/interactiv 0.0.3 → 0.0.4

package/dist/src/screensaverManager.d.ts

@@ -32,7 +32,10 @@ export declare class ScreensaverManager {
     private lastScreensaverViewId;
     private lastActivityResetTime;
     private globalListeners;
+    private interactionShieldActive;
+    private shieldRemovalTimer;
     private readonly DEBOUNCE_INTERVAL;
+    private readonly SHIELD_DURATION;
     private readonly DEFAULT_ACTIVITY_EVENTS;
     constructor(orchestrator: EventOrchestrator, navigationManager: NavigationManager);
     private initializeGlobalState;
@@ -69,5 +72,15 @@ export declare class ScreensaverManager {
     private checkAndPerformReboot;
     private startRebootCheckInterval;
     private stopRebootCheckInterval;
+    /**
+     * Activates the interaction shield to block follow-up events from the same gesture
+     * that dismissed the screensaver. This prevents touch events from bleeding through
+     * to elements on the home page.
+     */
+    private activateInteractionShield;
+    /**
+     * Deactivates the interaction shield, allowing normal event processing to resume.
+     */
+    private deactivateInteractionShield;
 }
 //# sourceMappingURL=screensaverManager.d.ts.map

package/dist/src/screensaverManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"screensaverManager.d.ts","sourceRoot":"","sources":["../../src/screensaverManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAM/E,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uBAAuB,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,YAAY,CAAC;IAC3E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAClC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,OAAO,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,QAAQ,CAAW;IAC3B,OAAO,CAAC,YAAY,CAAoB;IACxC,OAAO,CAAC,iBAAiB,CAAoB;IAC7C,OAAO,CAAC,MAAM,CAAkC;IAChD,OAAO,CAAC,aAAa,CAAuB;IAC5C,OAAO,CAAC,mBAAmB,CAAuB;IAClD,OAAO,CAAC,mBAAmB,CAAkB;IAC7C,OAAO,CAAC,gBAAgB,CAAuB;IAC/C,OAAO,CAAC,gBAAgB,CAAuB;IAC/C,OAAO,CAAC,qBAAqB,CAAuB;IACpD,OAAO,CAAC,qBAAqB,CAAuB;IACpD,OAAO,CAAC,eAAe,CAIf;IAGR,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAQ;IAG1C,OAAO,CAAC,QAAQ,CAAC,uBAAuB,CAStC;gBAEU,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,iBAAiB;IASjF,OAAO,CAAC,qBAAqB;IAkB7B,OAAO,CAAC,mBAAmB;IAyCpB,mBAAmB,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI;IAyC3D,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,cAAc;IAkCtB,OAAO,CAAC,4BAA4B;IAmDpC,OAAO,CAAC,oBAAoB;IAgB5B,OAAO,CAAC,kBAAkB;IAe1B,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,kBAAkB;YAOZ,mBAAmB;IA6DjC;;;;OAIG;YACW,kBAAkB;IAkDhC,OAAO,CAAC,wBAAwB;YAclB,qBAAqB;YAmDrB,qBAAqB;IAI5B,QAAQ,IAAI,OAAO;IAInB,gBAAgB,IAAI,iBAAiB,GAAG,IAAI;IAI5C,mBAAmB,IAAI,MAAM,GAAG,IAAI;IAIpC,mBAAmB,IAAI,MAAM,GAAG,IAAI;IAIpC,wBAAwB,IAAI,MAAM,GAAG,IAAI;IAKzC,aAAa,IAAI,IAAI;IAKrB,eAAe,IAAI,IAAI;IAIvB,UAAU,IAAI,IAAI;IAMzB,OAAO,CAAC,OAAO;IAcR,OAAO,IAAI,IAAI;IAUtB,OAAO,CAAC,uBAAuB;IAc/B,OAAO,CAAC,qBAAqB;IAc7B,OAAO,CAAC,wBAAwB;IAchC,OAAO,CAAC,uBAAuB;CAOhC"}
+{"version":3,"file":"screensaverManager.d.ts","sourceRoot":"","sources":["../../src/screensaverManager.ts"],"names":[],"mappings":"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"}

package/dist/src/screensaverManager.js

@@ -14,8 +14,13 @@ export class ScreensaverManager {
     lastScreensaverViewId = null;
     lastActivityResetTime = null;
     globalListeners = [];
+    // Interaction shield state
+    interactionShieldActive = false;
+    shieldRemovalTimer = null;
     // Debounce interval for activity timer resets (in milliseconds)
     DEBOUNCE_INTERVAL = 1000;
+    // Shield duration to block follow-up events from the same gesture (in milliseconds)
+    SHIELD_DURATION = 400;
     // Default activity events to monitor
     DEFAULT_ACTIVITY_EVENTS = [
         "mousemove",
@@ -156,6 +161,13 @@ export class ScreensaverManager {
         if (!this.config)
             return;
         const activityHandler = (event) => {
+            // Block all events if interaction shield is active
+            if (this.interactionShieldActive) {
+                event.stopPropagation();
+                event.preventDefault();
+                log.trace(`Interaction shield blocked ${event.type} event`);
+                return;
+            }
             // Check if event should be ignored based on excludeSelectors
             if (this.shouldIgnoreActivity(event)) {
                 return;
@@ -174,9 +186,14 @@ export class ScreensaverManager {
             }
         };
         // Add listeners to document for global coverage
+        // Use non-passive listeners for click and touch events to allow preventDefault()
         this.config.activityEvents.forEach((eventType) => {
             const listener = activityHandler.bind(this);
-            document.addEventListener(eventType, listener, { passive: true });
+            const usePassive = !["click", "touchstart", "touchend"].includes(eventType);
+            document.addEventListener(eventType, listener, {
+                passive: usePassive,
+                capture: true // Use capture phase to intercept events before they reach targets
+            });
             this.globalListeners.push({
                 element: document,
                 type: eventType,
@@ -356,6 +373,8 @@ export class ScreensaverManager {
         if (!this.config || !this.isScreensaverActive)
             return;
         log.trace(`Exiting screensaver with '${this.config.exitBehavior}' behavior`);
+        // Activate interaction shield to block follow-up events from the same gesture
+        this.activateInteractionShield();
         // Stop the reboot check interval
         this.stopRebootCheckInterval();
         if (this.config.deactivateCallback)
@@ -432,6 +451,7 @@ export class ScreensaverManager {
     cleanup() {
         this.clearActivityTimer();
         this.stopRebootCheckInterval();
+        this.deactivateInteractionShield();
         // Remove all global event listeners
         this.globalListeners.forEach(({ element, type, listener }) => {
             element.removeEventListener(type, listener);
@@ -490,4 +510,34 @@ export class ScreensaverManager {
             log.trace("Reboot check interval stopped");
         }
     }
+    // Interaction shield methods
+    /**
+     * Activates the interaction shield to block follow-up events from the same gesture
+     * that dismissed the screensaver. This prevents touch events from bleeding through
+     * to elements on the home page.
+     */
+    activateInteractionShield() {
+        // Clear any existing shield timer
+        if (this.shieldRemovalTimer !== null) {
+            clearTimeout(this.shieldRemovalTimer);
+            this.shieldRemovalTimer = null;
+        }
+        this.interactionShieldActive = true;
+        log.trace("Interaction shield activated");
+        // Automatically deactivate shield after the gesture completes
+        this.shieldRemovalTimer = window.setTimeout(() => {
+            this.deactivateInteractionShield();
+        }, this.SHIELD_DURATION);
+    }
+    /**
+     * Deactivates the interaction shield, allowing normal event processing to resume.
+     */
+    deactivateInteractionShield() {
+        if (this.shieldRemovalTimer !== null) {
+            clearTimeout(this.shieldRemovalTimer);
+            this.shieldRemovalTimer = null;
+        }
+        this.interactionShieldActive = false;
+        log.trace("Interaction shield deactivated");
+    }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hawsen-the-first/interactiv",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "A TypeScript framework for building interactive applications with event management, state management, navigation, and screensaver functionality",
   "main": "./dist/index.js",
   "module": "./dist/index.js",