@readium/navigator-html-injectables 2.3.1-alpha.2 → 2.3.1

package/src/modules/setup/FixedSetup.ts

@@ -1,8 +1,8 @@
-import { Comms } from "../../comms/comms";
-import { Setup } from "./Setup";
-import { removeProperty, setProperty } from "../../helpers/css";
-import { ModuleName } from "../ModuleLibrary";
-import { ReadiumWindow, deselect } from "../../helpers/dom";
+import { Comms } from "../../comms/comms.ts";
+import { Setup } from "./Setup.ts";
+import { removeProperty, setProperty } from "../../helpers/css.ts";
+import { ModuleName } from "../ModuleLibrary.ts";
+import { ReadiumWindow, deselect } from "../../helpers/dom.ts";
 
 const FIXED_STYLE_ID = "readium-fixed-style";
 
@@ -72,4 +72,4 @@ export class FixedSetup extends Setup {
         comms.log("FixedSetup Unmounted");
         return super.unmount(wnd, comms);
     }
-}
+}

package/src/modules/setup/ReflowableSetup.ts

@@ -1,7 +1,7 @@
-import { Comms } from "../../comms/comms";
-import { Setup } from "./Setup";
-import { getProperties, removeProperty, setProperty, updateProperties } from "../../helpers/css";
-import { ReadiumWindow } from "../../helpers/dom";
+import { Comms } from "../../comms/comms.ts";
+import { Setup } from "./Setup.ts";
+import { getProperties, removeProperty, setProperty, updateProperties } from "../../helpers/css.ts";
+import { ReadiumWindow } from "../../helpers/dom.ts";
 
 const VIEWPORT_META_TAG_ID = "readium-viewport";
 
@@ -40,7 +40,7 @@ export class ReflowableSetup extends Setup {
             ack(true);
         });
         comms.register("update_properties", ReflowableSetup.moduleName, (data, ack) => {
-            // In order to keep the viewport width that is added in the setup itself, 
+            // In order to keep the viewport width that is added in the setup itself,
             // and don’t have EpubNavigator concerned with this, we need to add it there
             (data as { [key: string]: string })["--RS__viewportWidth"] = `${ wnd.innerWidth }px`;
             updateProperties(wnd, data as { [key: string]: string });
@@ -73,4 +73,4 @@ export class ReflowableSetup extends Setup {
         comms.log("ReflowableSetup Unmounted");
         return super.unmount(wnd, comms);
     }
-}
+}

package/src/modules/setup/Setup.ts

@@ -1,7 +1,7 @@
-import { Comms } from "../../comms/comms";
-import { ReadiumWindow, EPUBReadingSystem } from "../../helpers/dom";
-import { Module } from "../Module";
-import { ModuleName } from "../ModuleLibrary";
+import { Comms } from "../../comms/comms.ts";
+import { ReadiumWindow, EPUBReadingSystem } from "../../helpers/dom.ts";
+import { Module } from "../Module.ts";
+import { ModuleName } from "../ModuleLibrary.ts";
 
 export abstract class Setup extends Module {
     static readonly moduleName: ModuleName = "setup";
@@ -157,4 +157,4 @@ export abstract class Setup extends Module {
         comms.log("Setup Unmounted");
         return true;
     }
-}
+}

package/src/modules/setup/WebPubSetup.ts

@@ -1,7 +1,7 @@
-import { Comms } from "../../comms/comms";
-import { ReadiumWindow } from "../../helpers/dom";
-import { Module } from "../Module";
-import { getProperties, removeProperty, setProperty, updateProperties } from "../../helpers/css";
+import { Comms } from "../../comms/comms.ts";
+import { ReadiumWindow } from "../../helpers/dom.ts";
+import { Module } from "../Module.ts";
+import { getProperties, removeProperty, setProperty, updateProperties } from "../../helpers/css.ts";
 
 export class WebPubSetup extends Module {
     static readonly moduleName = "webpub_setup";
@@ -61,4 +61,4 @@ export class WebPubSetup extends Module {
         comms.log("WebPubSetup Unmounted");
         return true;
     }
-}
+}

package/src/modules/snapper/ColumnSnapper.ts

@@ -1,14 +1,13 @@
-import { Comms } from "../../comms";
-import { Snapper } from "./Snapper";
-import { getColumnCountPerScreen, isRTL, appendVirtualColumnIfNeeded } from "../../helpers/document";
-import { easeInOutQuad } from "../../helpers/animation";
-import { ModuleName } from "../ModuleLibrary";
+import { Comms } from "../../comms/index.ts";
+import { Snapper } from "./Snapper.ts";
+import { getColumnCountPerScreen, isRTL, appendVirtualColumnIfNeeded } from "../../helpers/document.ts";
+import { easeInOutQuad } from "../../helpers/animation.ts";
+import { ModuleName } from "../ModuleLibrary.ts";
 import { Locator, LocatorLocations, LocatorText } from "@readium/shared";
-import { rangeFromLocator } from "../../helpers/locator";
-import { ReadiumWindow, deselect, findFirstVisibleLocator } from "../../helpers/dom";
-import { PatternAnalyzer } from "../../protection/PatternAnalyzer";
-import { BaseSuspiciousActivityEvent } from "../Peripherals";
-import { isTypedOMSupported } from "../../helpers/css";
+import { rangeFromLocator } from "../../helpers/locator.ts";
+import { ReadiumWindow, deselect, findFirstVisibleLocator } from "../../helpers/dom.ts";
+import { PatternAnalyzer } from "../../protection/PatternAnalyzer.ts";
+import { BaseSuspiciousActivityEvent } from "../Peripherals.ts";
 
 const COLUMN_SNAPPER_STYLE_ID = "readium-column-snapper-style";
 
@@ -84,7 +83,7 @@ export class ColumnSnapper extends Snapper {
     private alreadyScrollLeft = 0;
     private overscroll = 0;
     private cachedScrollWidth = 0; // We have to cache this because during overscroll (transform, or left) the width is incorrect due to browser
-    
+
     private takeOverSnap() {
         this.snappingCancelled = true;
         this.clearTouches();
@@ -93,7 +92,7 @@ export class ColumnSnapper extends Snapper {
         // translate3d(XXXpx, 0px, 0px) -> slice 12 -> XXXpx, 0px, 0px) -> split "px" [0] -> XXX
         this.overscroll = doc.style.transform?.length > 12 ? parseFloat(doc.style.transform.slice(12).split("px")[0]) : 0;
     }
-    
+
     // Snaps the current offset to the page width.
     snapCurrentOffset(smooth=false, noprogress=false) {
         const startX = this.wnd.scrollX > 0 ? this.wnd.scrollX : this.alreadyScrollLeft;
@@ -109,11 +108,11 @@ export class ColumnSnapper extends Snapper {
             ((factor * cdo) > 0 ? 2 : 1);
 
         const so = this.snapOffset(currentOffset + hurdle);
-        
+
         const direction = so > this.scrollOffset() ? "right" : "left";
 
         this.checkSuspiciousSnap(direction, Math.abs(so - this.scrollOffset()));
-        
+
         if(smooth && so !== this.scrollOffset()) { // Smooth snapping
             this.snappingCancelled = false;
             const position = (start: number, end: number, elapsed: number, period: number) => {
@@ -134,13 +133,7 @@ export class ColumnSnapper extends Snapper {
                 const spos = position(startX, so, elapsed, period);
                 doc.scrollLeft = spos;
                 if(this.overscroll !== 0)
-                    if(isTypedOMSupported()) {
-                        doc.attributeStyleMap.set("transform", new CSSTransformValue([
-                            new CSSTranslate(CSS.px(-lpos), CSS.px(0), CSS.px(0))
-                        ]));
-                    } else {
-                        doc.style.transform = `translate3d(${-lpos}px, 0px, 0px)`;
-                    }
+                    doc.style.transform = `translate3d(${-lpos}px, 0px, 0px)`;
 
                 if (elapsed < period)
                     this.wnd.requestAnimationFrame(step);
@@ -244,22 +237,10 @@ export class ColumnSnapper extends Snapper {
         const newpos = this.alreadyScrollLeft + dro;
         if(newpos < 0) {
             this.overscroll = newpos;
-            if(isTypedOMSupported()) {
-                this.doc().attributeStyleMap.set("transform", new CSSTransformValue([
-                    new CSSTranslate(CSS.px(-newpos), CSS.px(0), CSS.px(0))
-                ]));
-            } else {
-                this.doc().style.transform = `translate3d(${-newpos}px, 0px, 0px)`;
-            }
+            this.doc().style.transform = `translate3d(${-this.overscroll}px, 0px, 0px)`;
         } else if((newpos + this.wnd.innerWidth) > this.cachedScrollWidth) {
             this.overscroll = newpos;
-            if(isTypedOMSupported()) {
-                this.doc().attributeStyleMap.set("transform", new CSSTransformValue([
-                    new CSSTranslate(CSS.px(-newpos), CSS.px(0), CSS.px(0))
-                ]));
-            } else {
-                this.doc().style.transform = `translate3d(${-newpos}px, 0px, 0px)`;
-            }
+            this.doc().style.transform = `translate3d(${-newpos}px, 0px, 0px)`;
         } else {
             this.overscroll = 0;
             this.doc().style.removeProperty("transform");
@@ -340,7 +321,7 @@ export class ColumnSnapper extends Snapper {
         * {
             scrollbar-width: none; /* for Firefox */
         }
-        
+
         body::-webkit-scrollbar {
             display: none; /* for Chrome, Safari, and Opera */
         }
@@ -365,7 +346,7 @@ export class ColumnSnapper extends Snapper {
                     const oldValueTransform = oldValue?.match(transformRegex);
                     const newValueTransform = newValue?.match(transformRegex);
                     if (
-                        (!oldValueTransform && !newValueTransform) || 
+                        (!oldValueTransform && !newValueTransform) ||
                         (oldValueTransform && !newValueTransform) ||
                         (oldValueTransform && newValueTransform && oldValueTransform[1] !== newValueTransform[1])
                     ) {
@@ -384,7 +365,7 @@ export class ColumnSnapper extends Snapper {
         // For cases the resizeObserver is not able to detect cos body is not resizing despite colCount,
         // we need to check the syle attribute on the documentElement (ReadiumCSS props)
         this.mutationObserver.observe(wnd.document.documentElement, {attributes: true, attributeFilter: ["style"]});
-        
+
         comms.register("scroll_protection", ColumnSnapper.moduleName, (_, ack) => {
             this.enableSnapProtection();
             ack(true);
@@ -582,4 +563,4 @@ export class ColumnSnapper extends Snapper {
         comms.log("ColumnSnapper Unmounted");
         return super.unmount(wnd, comms);
     }
-}
+}

package/src/modules/snapper/ScrollSnapper.ts

@@ -1,13 +1,13 @@
 import { Locator, LocatorLocations, LocatorText } from "@readium/shared";
-import { Comms } from "../../comms";
-import { ReadiumWindow, deselect, findFirstVisibleLocator } from "../../helpers/dom";
-import { ModuleName } from "../ModuleLibrary";
-import { Snapper } from "./Snapper";
-import { rangeFromLocator } from "../../helpers/locator";
-import { forceWebkitRecalc } from "../../helpers/document";
-import { PatternAnalyzer } from "../../protection/PatternAnalyzer";
-import { SCROLL_PROTECTION_CONFIG } from "../../protection/config";
-import { BaseSuspiciousActivityEvent } from "../Peripherals";
+import { Comms } from "../../comms/index.ts";
+import { ReadiumWindow, deselect, findFirstVisibleLocator } from "../../helpers/dom.ts";
+import { ModuleName } from "../ModuleLibrary.ts";
+import { Snapper } from "./Snapper.ts";
+import { rangeFromLocator } from "../../helpers/locator.ts";
+import { forceWebkitRecalc } from "../../helpers/document.ts";
+import { PatternAnalyzer } from "../../protection/PatternAnalyzer.ts";
+import { SCROLL_PROTECTION_CONFIG } from "../../protection/config.ts";
+import { BaseSuspiciousActivityEvent } from "../Peripherals.ts";
 
 const SCROLL_SNAPPER_STYLE_ID = "readium-scroll-snapper-style";
 
@@ -56,7 +56,7 @@ export class ScrollSnapper extends Snapper {
 
     private handleScroll = (_e: Event) => {
         if (!this.comms.ready) return;
-        
+
         // We have to filter scroll from resize events
         if (this.isResizing) {
             return;
@@ -91,9 +91,9 @@ export class ScrollSnapper extends Snapper {
                             timeDelta
                         );
                         if (isSuspicious) {
-                            const target = _e.target && "tagName" in _e.target ? 
+                            const target = _e.target && "tagName" in _e.target ?
                                 { tagName: (_e.target as Element).tagName } : null;
-                                
+
                             this.comms?.send("content_protection", {
                                 type: "suspicious_scrolling",
                                 timestamp: Date.now(),
@@ -107,7 +107,7 @@ export class ScrollSnapper extends Snapper {
                 }
 
                 this.comms.send("scroll", deltaY);
-            
+
                 this.isScrolling = false;
             });
         }
@@ -143,7 +143,7 @@ export class ScrollSnapper extends Snapper {
         * {
             scrollbar-width: none; /* for Firefox */
         }
-        
+
         body::-webkit-scrollbar {
             display: none; /* for Chrome, Safari, and Opera */
         }
@@ -157,7 +157,7 @@ export class ScrollSnapper extends Snapper {
             if (this.resizeDebounce) {
                 this.wnd.clearTimeout(this.resizeDebounce);
             }
-            
+
             this.isResizing = true;
             this.resizeDebounce = this.wnd.setTimeout(() => {
                 this.isResizing = false;
@@ -173,8 +173,8 @@ export class ScrollSnapper extends Snapper {
             forceWebkitRecalc(this.wnd);
 
             // We absolutely must do this because overflown content
-            // won’t be rendered if we do not trigger scroll… 
-            // Only the content at the start of the document, 
+            // won’t be rendered if we do not trigger scroll…
+            // Only the content at the start of the document,
             // whose height is the viewport height, will be rendered.
             const currentScroll = this.doc().scrollTop;
             if (currentScroll > 1) {
@@ -308,4 +308,4 @@ export class ScrollSnapper extends Snapper {
         comms.log("ScrollSnapper Unmounted");
         return true;
     }
-}
+}

package/src/modules/snapper/Snapper.ts

@@ -1,7 +1,7 @@
-import { Comms } from "../../comms";
-import { ReadiumWindow } from "../../helpers/dom";
-import { Module } from "../Module";
-import { ModuleName } from "../ModuleLibrary";
+import { Comms } from "../../comms/index.ts";
+import { ReadiumWindow } from "../../helpers/dom.ts";
+import { Module } from "../Module.ts";
+import { ModuleName } from "../ModuleLibrary.ts";
 
 const SNAPPER_STYLE_ID = "readium-snapper-style";
 
@@ -46,4 +46,4 @@ export abstract class Snapper extends Module {
         comms.log("Snapper Unmounted");
         return true;
     }
-}
+}

package/src/modules/snapper/WebPubSnapper.ts

@@ -1,13 +1,13 @@
 import { Locator, LocatorLocations, LocatorText } from "@readium/shared";
-import { Comms } from "../../comms/comms";
-import { ReadiumWindow, deselect, findFirstVisibleLocator } from "../../helpers/dom";
-import { ModuleName } from "../ModuleLibrary";
-import { Snapper } from "./Snapper";
-import { rangeFromLocator } from "../../helpers/locator";
-import { forceWebkitRecalc } from "../../helpers/document";
-import { PatternAnalyzer } from "../../protection/PatternAnalyzer";
-import { SCROLL_PROTECTION_CONFIG } from "../../protection/config";
-import { SuspiciousScrollingEvent } from "./ScrollSnapper";
+import { Comms } from "../../comms/comms.ts";
+import { ReadiumWindow, deselect, findFirstVisibleLocator } from "../../helpers/dom.ts";
+import { ModuleName } from "../ModuleLibrary.ts";
+import { Snapper } from "./Snapper.ts";
+import { rangeFromLocator } from "../../helpers/locator.ts";
+import { forceWebkitRecalc } from "../../helpers/document.ts";
+import { PatternAnalyzer } from "../../protection/PatternAnalyzer.ts";
+import { SCROLL_PROTECTION_CONFIG } from "../../protection/config.ts";
+import { SuspiciousScrollingEvent } from "./ScrollSnapper.ts";
 
 export type { SuspiciousScrollingEvent };
 
@@ -82,9 +82,9 @@ export class WebPubSnapper extends Snapper {
                             timeDelta
                         );
                         if (isSuspicious) {
-                            const target = _e.target && "tagName" in _e.target ? 
+                            const target = _e.target && "tagName" in _e.target ?
                                 { tagName: (_e.target as Element).tagName } : null;
-                                
+
                             this.comms?.send("content_protection", {
                                 type: "suspicious_scrolling",
                                 timestamp: Date.now(),
@@ -145,8 +145,8 @@ export class WebPubSnapper extends Snapper {
             forceWebkitRecalc(this.wnd);
 
             // We absolutely must do this because overflown content
-            // won’t be rendered if we do not trigger scroll… 
-            // Only the content at the start of the document, 
+            // won’t be rendered if we do not trigger scroll…
+            // Only the content at the start of the document,
             // whose height is the viewport height, will be rendered.
             const currentScroll = this.doc().scrollTop;
             if (currentScroll > 1) {
@@ -267,7 +267,7 @@ export class WebPubSnapper extends Snapper {
         comms.unregisterAll(WebPubSnapper.moduleName);
         this.resizeObserver.disconnect();
         if (this.handleScroll) wnd.removeEventListener("scroll", this.handleScroll);
-        
+
         if (this.patternAnalyzer) {
             this.patternAnalyzer.clear();
             this.patternAnalyzer = null;
@@ -277,4 +277,4 @@ export class WebPubSnapper extends Snapper {
         comms.log("WebPubSnapper Unmounted");
         return true;
     }
-}
+}

package/src/protection/BulkCopyProtector.ts

@@ -1,4 +1,4 @@
-import { ReadiumWindow } from "../helpers/dom";
+import { ReadiumWindow } from "../helpers/dom.ts";
 
 interface CopyAttempt {
     timestamp: number;
@@ -33,7 +33,7 @@ export class BulkCopyProtector {
         this.copyHistory = this.copyHistory.filter(
             attempt => now - attempt.timestamp < historyWindow
         );
-        
+
         // Trim to max history size
         if (this.copyHistory.length > this.options.historySize) {
             this.copyHistory = this.copyHistory.slice(-this.options.historySize);
@@ -42,17 +42,17 @@ export class BulkCopyProtector {
 
     private isSuspiciousPattern(now: number): boolean {
         if (this.copyHistory.length < 3) return false;
-        
+
         // Check for rapid successive copy attempts
         const recentAttempts = this.copyHistory.filter(
             attempt => now - attempt.timestamp < 2000 // Last 2 seconds
         );
-        
+
         if (recentAttempts.length >= 3) {
             // If multiple rapid copy attempts, it's suspicious
             return true;
         }
-        
+
         // Check for increasing selection sizes (bulk copy pattern)
         const increasingSelections = this.copyHistory
             .slice()
@@ -61,7 +61,7 @@ export class BulkCopyProtector {
                 if (i === 0) return true;
                 return attempt.length > arr[i - 1].length * 1.5; // Each selection is significantly larger
             });
-            
+
         return increasingSelections;
     }
 
@@ -70,7 +70,7 @@ export class BulkCopyProtector {
 
         const selection = this.window.getSelection();
         if (!selection) return true;
-        
+
         const selectedText = selection.toString();
         const selectedLength = selectedText.length;
         const docLength = this.window.document.body.innerText.length;
@@ -90,12 +90,12 @@ export class BulkCopyProtector {
         }
 
         const timeSinceLastSelection = now - this.lastSelectionTime;
-        
+
         // Check for rapid successive selections
-        const isRapidSelection = 
-            timeSinceLastSelection < 100 && 
+        const isRapidSelection =
+            timeSinceLastSelection < 100 &&
             selectedLength > this.lastSelectionLength * 1.5;
-            
+
         const maxAllowedSelection = Math.min(
             docLength * this.options.maxSelectionPercent,
             this.options.absoluteMaxChars
@@ -103,9 +103,9 @@ export class BulkCopyProtector {
 
         // Check if this matches a suspicious pattern
         const isSuspicious = this.isSuspiciousPattern(now);
-        
-        const shouldBlock = selectedLength > maxAllowedSelection || 
-                          isRapidSelection || 
+
+        const shouldBlock = selectedLength > maxAllowedSelection ||
+                          isRapidSelection ||
                           isSuspicious;
 
         // Record this attempt in history
@@ -119,7 +119,7 @@ export class BulkCopyProtector {
             event?.preventDefault();
             return false;
         }
-        
+
         this.lastSelectionLength = selectedLength;
         this.lastSelectionTime = now;
         return true;

package/src/protection/KeyCombinationManager.ts

@@ -1,6 +1,6 @@
-import { KeyCombo, KeyboardPeripheral } from "./KeyboardCombinations";
-import { BaseKeyboardPeripheralEvent, KeyboardEventData, BasicTextSelection } from "../modules/Peripherals";
-import { ReadiumWindow } from "../helpers/dom";
+import { KeyCombo, KeyboardPeripheral } from "./KeyboardCombinations.ts";
+import { BaseKeyboardPeripheralEvent, KeyboardEventData, BasicTextSelection } from "../modules/Peripherals.ts";
+import { ReadiumWindow } from "../helpers/dom.ts";
 
 export type KeyHandler = (event: KeyboardEvent) => void;
 export type ActivityEventDispatcher = (event: KeyboardPeripheralEvent) => void;
@@ -24,7 +24,7 @@ export class KeyCombinationManager {
             const shiftMatch = combo.shift === undefined || event.shiftKey === combo.shift;
             const altMatch = combo.alt === undefined || event.altKey === combo.alt;
             const metaMatch = combo.meta === undefined || event.metaKey === combo.meta;
-            
+
             if (keyMatch && ctrlMatch && shiftMatch && altMatch && metaMatch) {
                 return true;
             }
@@ -49,7 +49,7 @@ export class KeyCombinationManager {
      * Creates a standardized activity event for keyboard shortcuts
      */
     private createActivityEvent(
-        event: KeyboardEvent, 
+        event: KeyboardEvent,
         type: string,
         targetFrameSrc: string,
         wnd?: ReadiumWindow,
@@ -61,7 +61,7 @@ export class KeyCombinationManager {
             const selectedTextStr = selection?.toString() || '';
             const domRectList = (selectedTextStr && selection?.rangeCount) ? selection.getRangeAt(0)?.getClientRects() : null;
             const rect = domRectList?.[0];
-            
+
             if (rect && selectedTextStr) {
                 selectedText = {
                     text: selectedTextStr,
@@ -124,7 +124,7 @@ export class KeyCombinationManager {
         wnd?: ReadiumWindow,
     ): (event: KeyboardEvent) => void {
         const handlers = this.createKeyboardHandlers(targetFrameSrc, shortcuts, dispatcher, wnd);
-        
+
         return (event: KeyboardEvent) => {
             for (const handlerConfig of handlers) {
                 if (this.match(event, [handlerConfig])) {
@@ -136,4 +136,4 @@ export class KeyCombinationManager {
             }
         };
     }
-}
+}

package/src/protection/PatternAnalyzer.ts

@@ -1,4 +1,4 @@
-import { DEFAULT_PATTERN_ANALYZER_CONFIG } from "./config";
+import { DEFAULT_PATTERN_ANALYZER_CONFIG } from "./config.ts";
 
 type Direction = "left" | "right" | "up" | "down";
 
@@ -10,7 +10,7 @@ export interface PatternAnalyzerOptions {
     maxConsistentScrolls?: number; // Maximum number of consistent scrolls before flagging
 }
 
-// TODO: Improve for scroll protection, 
+// TODO: Improve for scroll protection,
 // currently disabled because of false positives
 export class PatternAnalyzer {
     private options: PatternAnalyzerOptions;
@@ -20,9 +20,9 @@ export class PatternAnalyzer {
         velocity: number;
         distance: number;
     }> = [];
-    
+
     private consistentScrollCount = 0;
-    
+
     constructor(
         options: Partial<PatternAnalyzerOptions> = {}
     ) {
@@ -32,18 +32,18 @@ export class PatternAnalyzer {
 
     analyze(direction: Direction, distance: number, timeDelta: number): boolean {
         if (timeDelta <= 0) return false;
-        
+
         const velocity = Math.abs(distance) / timeDelta;
         const now = Date.now();
-        
+
         // Add new event
-        this.history.push({ 
-            timestamp: now, 
-            direction, 
+        this.history.push({
+            timestamp: now,
+            direction,
             velocity,
             distance: Math.abs(distance)
         });
-        
+
         // Clean up old events (keep last 2 seconds of data or historySize, whichever is smaller)
         this.history = this.history
             .filter(h => now - h.timestamp < 2000)
@@ -61,19 +61,19 @@ export class PatternAnalyzer {
         // 2. Check for consistent scrolling patterns
         const velocities = this.history.map(h => h.velocity);
         const distances = this.history.map(h => h.distance);
-        
+
         // Calculate mean and variance of velocities and distances
         const meanVelocity = velocities.reduce((a, b) => a + b, 0) / velocities.length;
         const meanDistance = distances.reduce((a, b) => a + b, 0) / distances.length;
-        
+
         const velocityVariance = velocities.reduce((a, b) => a + Math.pow(b - meanVelocity, 2), 0) / velocities.length;
         const distanceVariance = distances.reduce((a, b) => a + Math.pow(b - meanDistance, 2), 0) / distances.length;
 
         // Check for suspiciously consistent scrolling (low variance in speed and distance)
-        if (velocityVariance < this.options.minVariance && 
+        if (velocityVariance < this.options.minVariance &&
             distanceVariance < (meanDistance * 0.1)) { // Allow 10% variance in distance
             this.consistentScrollCount++;
-            
+
             // Only trigger if we've seen consistent scrolling for a while
             if (this.consistentScrollCount >= (this.options.maxConsistentScrolls || 10)) {
                 this.resetAfterDetection();
@@ -87,14 +87,14 @@ export class PatternAnalyzer {
         // 3. Check for rapid direction changes (unnatural back-and-forth scrolling)
         let directionChanges = 0;
         let lastDirection = this.history[0].direction;
-        
+
         for (let i = 1; i < this.history.length; i++) {
             if (this.history[i].direction !== lastDirection) {
                 directionChanges++;
                 lastDirection = this.history[i].direction;
             }
         }
-        
+
         const directionChangeRatio = directionChanges / this.history.length;
         if (directionChangeRatio > (this.options.minDirectionChanges || 0.3)) {
             this.resetAfterDetection();
@@ -109,9 +109,9 @@ export class PatternAnalyzer {
         this.history = this.history.slice(-3);
         this.consistentScrollCount = 0;
     }
-    
+
     clear(): void {
         this.history = [];
         this.consistentScrollCount = 0;
     }
-}
+}