Immediately override the Ruler after extension to increase interoperability with other modules

src/main.js

@@ -4,8 +4,8 @@ import {currentSpeedProvider, getColorForDistanceAndToken, getMovedDistanceFromT
 import {checkDependencies, getHexSizeSupportTokenGridCenter, highlightMeasurementTerrainRuler} from "./compatibility.js";
 import {moveEntities, onMouseMove} from "./foundry_imports.js"
 import {performMigrations} from "./migration.js"
-import {DragRulerRuler} from "./ruler.js";
 import {getMovementHistory, removeLastHistoryEntryIfAt, resetMovementHistory} from "./movement_tracking.js";
+import {extendRuler} from "./ruler.js";
 import {registerSettings, settingsKey} from "./settings.js"
 import {recalculate} from "./socket.js";
 import {SpeedProvider} from "./speed_provider.js"
@@ -19,7 +19,7 @@ Hooks.once("init", () => {
 	hookKeyboardManagerFunctions()
 	hookLayerFunctions();
 
-	Ruler = DragRulerRuler;
+	extendRuler();
 
 	window.dragRuler = {
 		getColorForDistanceAndToken,

src/ruler.js

@@ -4,7 +4,8 @@ import {getMovementHistory} from "./movement_tracking.js";
 import {settingsKey} from "./settings.js";
 import {getSnapPointForEntity, setSnapParameterOnOptions} from "./util.js";
 
-export class DragRulerRuler extends Ruler {
+export function extendRuler() {
+	class DragRulerRuler extends Ruler {
 		// Functions below are overridden versions of functions in Ruler
 		constructor(user, {color=null}={}) {
 			super(user, {color});
@@ -171,4 +172,7 @@ export class DragRulerRuler extends Ruler {
 				this.dragRulerRanges = getRangesFromSpeedProvider(this.draggedEntity);
 			return getColorForDistanceAndToken(distance, this.draggedEntity, this.dragRulerRanges) ?? this.color;
 		}
+	}
+
+	Ruler = DragRulerRuler;
 }