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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@readium/navigator-html-injectables",
-  "version": "2.3.1-alpha.2",
+  "version": "2.3.1",
   "type": "module",
   "description": "An embeddable solution for connecting frames of HTML publications with a Readium Navigator",
   "author": "readium",
@@ -26,6 +26,10 @@
     "reader",
     "viewer"
   ],
+  "scripts": {
+    "clean": "rimraf types dist",
+    "build": "pnpm clean && tsc && vite build"
+  },
   "main": "./dist/index.umd.cjs",
   "module": "./dist/index.js",
   "types": "./types/src/index.d.ts",
@@ -45,15 +49,11 @@
     "node": ">=18"
   },
   "devDependencies": {
+    "@readium/shared": "workspace:*",
     "css-selector-generator": "^3.8.0",
     "rimraf": "^6.1.2",
     "tslib": "^2.8.1",
     "typescript": "^5.9.3",
-    "vite": "^7.3.1",
-    "@readium/shared": "2.2.0-alpha.1"
-  },
-  "scripts": {
-    "clean": "rimraf types dist",
-    "build": "pnpm clean && tsc && vite build"
+    "vite": "^7.3.1"
   }
-}
+}

package/src/comms/comms.ts

@@ -1,6 +1,6 @@
-import { ReadiumWindow } from "../helpers/dom";
-import { CommsEventKey, CommsCommandKey } from "./keys";
-import { mid } from "./mid";
+import { ReadiumWindow } from "../helpers/dom.ts";
+import { CommsEventKey, CommsCommandKey } from "./keys.ts";
+import { mid } from "./mid.ts";
 
 export const COMMS_VERSION = 1;
 
@@ -21,7 +21,7 @@ export type CommsAck = (ok: boolean) => void;
 export type CommsCallback = (data: unknown, ack: CommsAck) => void; // TODO: maybe more than void?
 
 /**
- * Comms is basically a wrapper around window.postMessage that 
+ * Comms is basically a wrapper around window.postMessage that
  * adds structure to the messages and lets modules register callbacks.
  */
 export class Comms {
@@ -165,4 +165,4 @@ export class Comms {
             this.destination.postMessage(msg, this.origin, transfer);
         }
     }
-}
+}

package/src/comms/index.ts

@@ -1,3 +1,3 @@
-export * from './comms';
-export * from './keys';
-export * from './mid';
+export * from './comms.ts';
+export * from './keys.ts';
+export * from './mid.ts';

package/src/helpers/css.ts

@@ -1,6 +1,4 @@
-import { ReadiumWindow } from "./dom";
-
-export const isTypedOMSupported = () => typeof window.CSSTransformValue !== 'undefined';
+import { ReadiumWindow } from "./dom.ts";
 
 export function getProperties(wnd: ReadiumWindow) {
     const cssProperties: { [key: string]: string } = {};
@@ -52,4 +50,4 @@ export function setProperty(wnd: ReadiumWindow, key: string, value: string) {
 // Easy way to remove a CSS property
 export function removeProperty(wnd: ReadiumWindow, key: string) {
     wnd.document.documentElement.style.removeProperty(key);
-}
+}

package/src/helpers/document.ts

@@ -1,4 +1,4 @@
-import { ReadiumWindow } from "./dom";
+import { ReadiumWindow } from "./dom.ts";
 
 export function isRTL(wnd: ReadiumWindow): boolean {
     return wnd.document.body.dir.toLowerCase() === "rtl";
@@ -12,7 +12,7 @@ export function getColumnCountPerScreen(wnd: ReadiumWindow): number {
     );
 }
 
-/** 
+/**
 * Returns the "content height" of an element, which is its clientHeight
 * minus any vertical padding.
 *
@@ -26,9 +26,9 @@ export function getContentHeight(el: Element): number {
 }
 
 /**
- * We have to make sure that the total number of columns is a multiple 
- * of the number of columns per screen. 
- * Otherwise it causes snapping and page turning issues. 
+ * We have to make sure that the total number of columns is a multiple
+ * of the number of columns per screen.
+ * Otherwise it causes snapping and page turning issues.
  * To fix this, we insert and remove blank virtual columns at the end of the resource.
  */
 export function appendVirtualColumnIfNeeded(wnd: ReadiumWindow): boolean {
@@ -56,7 +56,7 @@ export function appendVirtualColumnIfNeeded(wnd: ReadiumWindow): boolean {
     const lonelyColCount = totalColCount % colCountPerScreen;
 
     const needed = colCountPerScreen === 1 || lonelyColCount === 0
-        ? 0 
+        ? 0
         : colCountPerScreen - lonelyColCount;
 
     if (needed > 0) {
@@ -84,14 +84,14 @@ export function appendVirtualColumnIfNeeded(wnd: ReadiumWindow): boolean {
  * This forces a recalculation in WebKit browsers.
  * It is needed in scroll mode to ensure that the content is scrollable.
  * Webkit seems to find itself in some kind of limbo if we do not do that.
- * It has everything correct but the scroll listener is non-functional, 
+ * It has everything correct but the scroll listener is non-functional,
  * unless you force a recalc or reflow.
  * It is not needed in paginated mode.
  */
 export function forceWebkitRecalc(wnd: ReadiumWindow) {
-    // Borrowed from APB themselves… 
+    // Borrowed from APB themselves…
     const styleElement = wnd.document.createElement("style");
     styleElement.appendChild(wnd.document.createTextNode("*{}"));
     wnd.document.body.appendChild(styleElement);
     wnd.document.body.removeChild(styleElement);
-}
+}

package/src/helpers/locator.ts

@@ -1,5 +1,5 @@
 import { Locator } from "@readium/shared";
-import { TextQuoteAnchor } from "../vendor/hypothesis/anchoring/types";
+import { TextQuoteAnchor } from "../vendor/hypothesis/anchoring/types.ts";
 
 function isReplacedLikeElement(element: Element): boolean {
     const tagName = element.tagName.toUpperCase();
@@ -66,4 +66,4 @@ export function rangeFromLocator(doc: Document, locator: Locator) {
         console.error(e);
     }
     return null;
-}
+}

package/src/index.ts

@@ -1,4 +1,4 @@
-export * from './comms';
-export * from './modules';
-export * from './Loader';
-export * from './protection';
+export * from './comms/index.ts';
+export * from './modules/index.ts';
+export * from './Loader.ts';
+export * from './protection/index.ts';

package/src/modules/Decorator.ts

@@ -1,12 +1,12 @@
 import { Locator } from "@readium/shared";
-import { Comms } from "../comms/comms";
-import { Module } from "./Module";
-import { rangeFromLocator } from "../helpers/locator";
-import { ModuleName } from "./ModuleLibrary";
-import { Rect, getClientRectsNoOverlap } from "../helpers/rect";
-import { getProperty } from "../helpers/css";
-import { ReadiumWindow } from "../helpers/dom";
-import { isDarkColor, getContrastingTextColor } from "../helpers/color";
+import { Comms } from "../comms/comms.ts";
+import { Module } from "./Module.ts";
+import { rangeFromLocator } from "../helpers/locator.ts";
+import { ModuleName } from "./ModuleLibrary.ts";
+import { Rect, getClientRectsNoOverlap } from "../helpers/rect.ts";
+import { getProperty } from "../helpers/css.ts";
+import { ReadiumWindow } from "../helpers/dom.ts";
+import { isDarkColor, getContrastingTextColor } from "../helpers/color.ts";
 
 const DEFAULT_HIGHLIGHT_COLOR = "#FFFF00"; // Yellow in HEX
 
@@ -184,7 +184,7 @@ class DecorationGroup {
         const [stylesheet, highlighter]: [HTMLStyleElement, any] = this.requireContainer(true) as [HTMLStyleElement, unknown];
         highlighter.add(item.range);
 
-        const backgroundColor = getProperty(this.wnd, "--USER__backgroundColor") || 
+        const backgroundColor = getProperty(this.wnd, "--USER__backgroundColor") ||
                               this.wnd.getComputedStyle(this.wnd.document.documentElement).getPropertyValue("background-color");
         const tint = item.decoration?.style?.tint ?? DEFAULT_HIGHLIGHT_COLOR;
 
@@ -198,7 +198,7 @@ class DecorationGroup {
 
     /**
      * Layouts a single DecorationItem.
-     * @param item 
+     * @param item
      */
     private layout(item: DecorationItem) {
         if (this.experimentalHighlights && !this.notTextFlag?.has(item.id)) {
@@ -264,7 +264,7 @@ class DecorationGroup {
 
         template.innerHTML = `
         <div
-            data-readium="true" 
+            data-readium="true"
             class="readium-highlight"
             style="${[
                 `background-color: ${item.decoration?.style?.tint ?? DEFAULT_HIGHLIGHT_COLOR} !important`,
@@ -416,7 +416,7 @@ export class Decorator extends Module {
 
     private extractCustomProperty(style: string | null, propertyName: string): string | null {
         if (!style) return null;
-        
+
         const match = style.match(new RegExp(`${propertyName}:\\s*([^;]+)`));
         return match ? match[1].trim() : null;
     }
@@ -478,24 +478,24 @@ export class Decorator extends Module {
                     const element = mutation.target as Element;
                     const oldStyle = mutation.oldValue;
                     const newStyle = element.getAttribute("style");
-                    
+
                     // Check if the relevant CSS custom properties actually changed
                     const oldAppearance = this.extractCustomProperty(oldStyle, "--USER__appearance");
                     const newAppearance = this.extractCustomProperty(newStyle, "--USER__appearance");
                     const oldBgColor = this.extractCustomProperty(oldStyle, "--USER__backgroundColor");
                     const newBgColor = this.extractCustomProperty(newStyle, "--USER__backgroundColor");
-                    
-                    return oldAppearance !== newAppearance || 
+
+                    return oldAppearance !== newAppearance ||
                            oldBgColor !== newBgColor;
                 }
                 return false;
             });
-            
+
             if (shouldUpdate) {
                 this.updateHighlightStyles();
             }
         });
-        
+
         this.backgroundObserver.observe(wnd.document.documentElement, {
             attributes: true,
             attributeFilter: ["style"],
@@ -519,4 +519,4 @@ export class Decorator extends Module {
         comms.log("Decorator Unmounted");
         return true;
     }
-}
+}

package/src/modules/Module.ts

@@ -1,6 +1,6 @@
-import { Comms } from "../comms";
-import { ReadiumWindow } from "../helpers/dom";
-import { ModuleName } from "./ModuleLibrary";
+import { Comms } from "../comms/index.ts";
+import { ReadiumWindow } from "../helpers/dom.ts";
+import { ModuleName } from "./ModuleLibrary.ts";
 
 export abstract class Module {
     static readonly moduleName: ModuleName; // snake_case name of the module, must be unique.
@@ -20,4 +20,4 @@ export abstract class Module {
     abstract unmount(wnd: ReadiumWindow, comms: Comms): boolean;
 }
 
-export type ModuleDerived = {new (): Module} & typeof Module;
+export type ModuleDerived = {new (): Module} & typeof Module;

package/src/modules/ModuleLibrary.ts

@@ -1,13 +1,13 @@
-import { ModuleDerived } from "./Module";
-import { ColumnSnapper } from "./snapper/ColumnSnapper";
-import { ScrollSnapper } from "./snapper/ScrollSnapper";
-import { WebPubSnapper } from "./snapper/WebPubSnapper";
-import { Peripherals } from "./Peripherals";
-import { ReflowableSetup } from "./setup/ReflowableSetup";
-import { FixedSetup } from "./setup/FixedSetup";
-import { Decorator } from "./Decorator";
-import { WebPubSetup } from "./setup/WebPubSetup";
-import { PrintProtector } from "../protection/PrintProtector";
+import { ModuleDerived } from "./Module.ts";
+import { ColumnSnapper } from "./snapper/ColumnSnapper.ts";
+import { ScrollSnapper } from "./snapper/ScrollSnapper.ts";
+import { WebPubSnapper } from "./snapper/WebPubSnapper.ts";
+import { Peripherals } from "./Peripherals.ts";
+import { ReflowableSetup } from "./setup/ReflowableSetup.ts";
+import { FixedSetup } from "./setup/FixedSetup.ts";
+import { Decorator } from "./Decorator.ts";
+import { WebPubSetup } from "./setup/WebPubSetup.ts";
+import { PrintProtector } from "../protection/PrintProtector.ts";
 
 // All the module names. TODO: Come up with a better way of collecting these in a way TS will recognize
 export type ModuleName =
@@ -61,4 +61,4 @@ export const ModuleLibrary = new Map<string, ModuleDerived>([
     ColumnSnapper,
     ScrollSnapper,
     PrintProtector
-].map(m => [m.moduleName, m])); // Turn module list into K/V list for quick access by name
+].map(m => [m.moduleName, m])); // Turn module list into K/V list for quick access by name

package/src/modules/Peripherals.ts

@@ -1,20 +1,20 @@
-import { Comms } from "../comms/comms";
-import { Module } from "./Module";
-import { ReadiumWindow, nearestInteractiveElement } from "../helpers/dom";
-import { BulkCopyProtector, BulkCopyProtectionOptions } from "../protection/BulkCopyProtector";
-import { SelectionAnalyzer, SelectionAnalyzerOptions } from "../protection/SelectionAnalyzer";
-import { 
-    KeyboardPeripheral 
-} from "../protection";
-import { SuspiciousActivityType } from "../comms";
-import { BULK_COPY_CONFIG, SELECTION_ANALYZER_CONFIG } from "../protection/config";
-import { 
-    KeyCombinationManager, 
+import { Comms } from "../comms/comms.ts";
+import { Module } from "./Module.ts";
+import { ReadiumWindow, nearestInteractiveElement } from "../helpers/dom.ts";
+import { BulkCopyProtector, BulkCopyProtectionOptions } from "../protection/BulkCopyProtector.ts";
+import { SelectionAnalyzer, SelectionAnalyzerOptions } from "../protection/SelectionAnalyzer.ts";
+import {
+    KeyboardPeripheral
+} from "../protection/index.ts";
+import { SuspiciousActivityType } from "../comms/index.ts";
+import { BULK_COPY_CONFIG, SELECTION_ANALYZER_CONFIG } from "../protection/config.ts";
+import {
+    KeyCombinationManager,
     ActivityEventDispatcher,
     KeyboardPeripheralEvent
-} from "../protection/KeyCombinationManager";
-import { SuspiciousScrollingEvent } from "./snapper/ScrollSnapper";
-import { SuspiciousSnappingEvent } from "./snapper/ColumnSnapper";
+} from "../protection/KeyCombinationManager.ts";
+import { SuspiciousScrollingEvent } from "./snapper/ScrollSnapper.ts";
+import { SuspiciousSnappingEvent } from "./snapper/ColumnSnapper.ts";
 
 export interface FrameClickEvent {
     defaultPrevented: boolean;
@@ -108,7 +108,7 @@ export interface ContextMenuEvent extends Omit<BaseSuspiciousActivityEvent, "typ
     selectedText?: Omit<BasicTextSelection, "targetFrameSrc">;
 }
 
-export type SuspiciousActivityEvent = 
+export type SuspiciousActivityEvent =
     | DeveloperToolsEvent
     | SelectAllEvent
     | BulkCopyEvent
@@ -141,20 +141,20 @@ export class Peripherals extends Module {
     // State management
     private cleanupCallbacks: (() => void)[] = [];
     private pointerMoved = false;
-    
+
     // Feature flags
     private isContextMenuEnabled = false;
     private isDragAndDropEnabled = false;
     private isSelectionMonitoringEnabled = false;
     private isBulkCopyProtectionEnabled = false;
-    
+
     // Selection analysis
     private selectionAnalyzer: SelectionAnalyzer | null = null;
     private currentSelection: string | null = null;
-    
+
     // Bulk copy protection
     private bulkCopyProtector: BulkCopyProtector | null = null;
-    
+
     // Key combination manager
     private keyManager = new KeyCombinationManager();
 
@@ -173,6 +173,7 @@ export class Peripherals extends Module {
     private addDragAndDropPrevention(): void {
         if (this.isDragAndDropEnabled || !this.wnd) return;
         this.wnd.document.addEventListener("dragstart", this.onDragStart);
+        this.wnd.document.addEventListener("dragover", this.onDragOver);
         this.wnd.document.addEventListener("drop", this.onDrop);
         this.isDragAndDropEnabled = true;
     }
@@ -180,6 +181,7 @@ export class Peripherals extends Module {
     private removeDragAndDropPrevention(): void {
         if (!this.isDragAndDropEnabled || !this.wnd) return;
         this.wnd.document.removeEventListener("dragstart", this.onDragStart);
+        this.wnd.document.removeEventListener("dragover", this.onDragOver);
         this.wnd.document.removeEventListener("drop", this.onDrop);
         this.isDragAndDropEnabled = false;
     }
@@ -189,15 +191,15 @@ export class Peripherals extends Module {
     private enableKeyboardPeripherals(shortcuts: KeyboardPeripheral[] = []): void {
         // Clear any existing state
         this.disableKeyboardPeripherals();
-        
+
         // Create activity event dispatcher
         const dispatcher: ActivityEventDispatcher = (activityEvent) => {
             this.comms?.send("keyboard_peripherals", activityEvent);
         };
-        
+
         // Create unified handler using centralized KeyCombinationManager
         this.keyDownHandler = this.keyManager.createUnifiedHandler(this.wnd.location.href, shortcuts, dispatcher, this.wnd);
-        
+
         // Add the event listener
         if (this.wnd) {
             this.wnd.document.addEventListener("keydown", this.keyDownHandler, {
@@ -205,7 +207,7 @@ export class Peripherals extends Module {
             });
         }
     }
-    
+
     private disableKeyboardPeripherals(): void {
         if (this.wnd && this.keyDownHandler) {
             this.wnd.document.removeEventListener("keydown", this.keyDownHandler, {
@@ -217,11 +219,11 @@ export class Peripherals extends Module {
 
     private addBulkCopyProtection(options: Partial<BulkCopyProtectionOptions> = {}): void {
         if (this.isBulkCopyProtectionEnabled || !this.wnd) return;
-        
+
         const defaultOptions = BULK_COPY_CONFIG;
-        
+
         const finalOptions = options ? { ...defaultOptions, ...options } : defaultOptions;
-        
+
         this.bulkCopyProtector = new BulkCopyProtector(this.wnd, finalOptions);
         this.wnd.document.addEventListener("copy", this.preventBulkCopy, true);
         this.wnd.document.addEventListener("cut", this.preventBulkCopy, true);
@@ -230,7 +232,7 @@ export class Peripherals extends Module {
 
     private removeBulkCopyProtection(): void {
         if (!this.isBulkCopyProtectionEnabled || !this.wnd) return;
-        
+
         this.wnd.document.removeEventListener("copy", this.preventBulkCopy, true);
         this.wnd.document.removeEventListener("cut", this.preventBulkCopy, true);
         this.bulkCopyProtector?.destroy();
@@ -242,15 +244,15 @@ export class Peripherals extends Module {
         if (!this.isBulkCopyProtectionEnabled || !this.bulkCopyProtector) {
             return true;
         }
-        
+
         if (!this.bulkCopyProtector.shouldAllowCopy(event)) {
             event.preventDefault();
-            
+
             const selection = this.wnd.getSelection();
             const selectedText = selection?.toString() || '';
             const domRectList = selectedText ? selection?.getRangeAt(0)?.getClientRects() : null;
             const rect = domRectList?.[0];
-            
+
             const activityEvent: BulkCopyEvent = {
                 type: "bulk_copy",
                 timestamp: Date.now(),
@@ -276,18 +278,18 @@ export class Peripherals extends Module {
         if (!this.isSelectionMonitoringEnabled || !this.wnd || !this.selectionAnalyzer) {
             return;
         }
-        
+
         const selection = this.wnd.getSelection();
         if (selection) {
             this.currentSelection = selection.toString();
             const isSuspicious = this.selectionAnalyzer.analyze(selection);
-            
+
             if (isSuspicious && this.currentSelection) {
                 const selection = this.wnd.getSelection();
                 const selectedText = selection?.toString() || '';
                 const domRectList = (selectedText && selection?.rangeCount) ? selection.getRangeAt(0)?.getClientRects() : null;
                 const rect = domRectList?.[0];
-                
+
                 const activityEvent: SuspiciousSelectionEvent = {
                     type: "suspicious_selection",
                     timestamp: Date.now(),
@@ -311,25 +313,32 @@ export class Peripherals extends Module {
 
     private addSelectionMonitoring(options?: SelectionAnalyzerOptions): void {
         if (this.isSelectionMonitoringEnabled || !this.wnd) return;
-        
+
         // Use provided options or fall back to default config
         const analyzerOptions = options || SELECTION_ANALYZER_CONFIG;
         this.selectionAnalyzer = new SelectionAnalyzer(analyzerOptions);
         this.wnd.document.addEventListener("selectionchange", this.handleSelection);
         this.isSelectionMonitoringEnabled = true;
     }
-    
+
     private removeSelectionMonitoring(): void {
         if (!this.isSelectionMonitoringEnabled || !this.wnd) {
             return;
         }
-        
+
         this.wnd.document.removeEventListener("selectionchange", this.handleSelection);
         this.selectionAnalyzer?.clear();
         this.selectionAnalyzer = null;
         this.isSelectionMonitoringEnabled = false;
     }
 
+    private onDragOver = (event: DragEvent) => {
+        if (this.isDragAndDropEnabled) {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+    };
+
     private onDragStart = (event: DragEvent) => {
         if (this.isDragAndDropEnabled) {
             // Drag and drop protection is enabled - prevent it
@@ -374,7 +383,7 @@ export class Peripherals extends Module {
             const selectedText = selection?.toString() || '';
             const domRectList = (selectedText && selection?.rangeCount) ? selection.getRangeAt(0)?.getClientRects() : null;
             const rect = domRectList?.[0];
-            
+
             const activityEvent: ContextMenuEvent = {
                 timestamp: Date.now(),
                 clientX: event.clientX,
@@ -484,20 +493,20 @@ export class Peripherals extends Module {
         // Single handler for all content protection features
         this.comms?.register("peripherals_protection", Peripherals.moduleName, (data: unknown, ack) => {
             const config = data as ContentProtectionConfig;
-            
+
             // Apply config only on first call, then ignore subsequent calls (immutable)
             if (!this.configApplied) {
                 this.configApplied = true;
-                
+
                 // Selection monitoring with optional configuration
                 if (config.monitorSelection) {
-                    const options = typeof config.monitorSelection === "boolean" 
-                        ? undefined 
+                    const options = typeof config.monitorSelection === "boolean"
+                        ? undefined
                         : config.monitorSelection;
                     this.addSelectionMonitoring(options);
                     this.comms?.log("Selection monitoring enabled");
                 }
-                
+
                 // Copy
                 if (typeof config.protectCopy === "object") {
                     // Limited copying with custom thresholds
@@ -508,40 +517,40 @@ export class Peripherals extends Module {
                     this.comms?.log("Copy protection enabled (limited)");
                 } else if (config.protectCopy === true) {
                     // Block all copying
-                    this.addBulkCopyProtection({ 
-                        enabled: true, 
-                        maxSelectionPercent: 0, 
-                        minThreshold: 0, 
-                        absoluteMaxChars: 0 
+                    this.addBulkCopyProtection({
+                        enabled: true,
+                        maxSelectionPercent: 0,
+                        minThreshold: 0,
+                        absoluteMaxChars: 0
                     });
                     this.comms?.log("Copy protection enabled");
                 }
-                
+
                 // Context menu
                 if (config.disableContextMenu) {
                     this.addContextMenuPrevention();
                     this.comms?.log("Context menu protection enabled");
                 }
-                
+
                 // Drag and drop
                 if (config.disableDragAndDrop) {
                     this.addDragAndDropPrevention();
                     this.comms?.log("Drag and drop protection enabled");
                 }
             }
-            
+
             ack(true);
         });
 
         // Separate handler for keyboard peripherals
         this.comms?.register("keyboard_peripherals", Peripherals.moduleName, (data: unknown, ack) => {
             const keyboardPeripherals = data as KeyboardPeripheral[];
-            
+
             if (keyboardPeripherals && keyboardPeripherals.length > 0) {
                 this.enableKeyboardPeripherals(keyboardPeripherals);
                 this.comms?.log(`Keyboard peripherals enabled: ${keyboardPeripherals.map(p => p.type).join(", ")}`);
             }
-            
+
             ack(true);
         });
     }
@@ -549,10 +558,10 @@ export class Peripherals extends Module {
     mount(wnd: ReadiumWindow, comms: Comms): boolean {
         this.wnd = wnd;
         this.comms = comms;
-        
+
         // Register protection handlers
         this.registerProtectionHandlers();
-        
+
         // Core event listeners (always active)
         wnd.document.addEventListener("pointerdown", this.onPointerDown);
         wnd.document.addEventListener("pointerup", this.onPointerUp);
@@ -570,24 +579,24 @@ export class Peripherals extends Module {
         this.removeContextMenuPrevention();
         this.removeDragAndDropPrevention();
         this.disableKeyboardPeripherals();
-        
+
         // Clean up event listeners
         this.cleanupCallbacks.forEach(cleanup => cleanup());
         this.cleanupCallbacks = [];
-        
+
         // Remove core event listeners
         wnd.document.removeEventListener("pointerdown", this.onPointerDown);
         wnd.document.removeEventListener("pointerup", this.onPointerUp);
         wnd.document.removeEventListener("pointermove", this.onPointerMove);
         wnd.document.removeEventListener("click", this.onClicker);
-        
+
         // Unregister all handlers
         comms.unregisterAll(Peripherals.moduleName);
-        
+
         // Reset config applied flag for fresh instances
         this.configApplied = false;
-        
+
         comms.log("Peripherals Unmounted");
         return true;
     }
-}
+}

package/src/modules/index.ts

@@ -1,4 +1,4 @@
-export * from './Decorator';
-export * from './Module';
-export * from './ModuleLibrary';
-export * from './Peripherals';
+export * from './Decorator.ts';
+export * from './Module.ts';
+export * from './ModuleLibrary.ts';
+export * from './Peripherals.ts';