@opendaw/lib-dom 0.0.46 → 0.0.48

package/dist/browser.d.ts

@@ -2,6 +2,7 @@ export declare namespace Browser {
     const isLocalHost: () => boolean;
     const isMacOS: () => boolean;
     const isWindows: () => boolean;
+    const isChrome: () => boolean;
     const isFirefox: () => boolean;
     const isWeb: () => boolean;
     const isVitest: boolean;

package/dist/browser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"browser.d.ts","sourceRoot":"","sources":["../src/browser.ts"],"names":[],"mappings":"AAIA,yBAAiB,OAAO,CAAC;IAGd,MAAM,WAAW,eAA2D,CAAA;IAC5E,MAAM,OAAO,eAAiE,CAAA;IAC9E,MAAM,SAAS,eAAgE,CAAA;IAC/E,MAAM,SAAS,eAA8E,CAAA;IAC7F,MAAM,KAAK,eAAsB,CAAA;IACjC,MAAM,QAAQ,SAAmE,CAAA;IACjF,MAAM,UAAU,eAA8B,CAAA;IAC9C,MAAM,SAAS,QAMH,CAAA;IACZ,MAAM,EAAE,cAQd,CAAA;CACJ"}
+{"version":3,"file":"browser.d.ts","sourceRoot":"","sources":["../src/browser.ts"],"names":[],"mappings":"AAIA,yBAAiB,OAAO,CAAC;IAGd,MAAM,WAAW,eAA2D,CAAA;IAC5E,MAAM,OAAO,eAAiE,CAAA;IAC9E,MAAM,SAAS,eAAgE,CAAA;IAC/E,MAAM,QAAQ,eAAoJ,CAAA;IAClK,MAAM,SAAS,eAA8E,CAAA;IAC7F,MAAM,KAAK,eAAsB,CAAA;IACjC,MAAM,QAAQ,SAAmE,CAAA;IACjF,MAAM,UAAU,eAA8B,CAAA;IAC9C,MAAM,SAAS,QAMH,CAAA;IACZ,MAAM,EAAE,cAQd,CAAA;CACJ"}

package/dist/browser.js

@@ -7,6 +7,7 @@ export var Browser;
     Browser.isLocalHost = () => hasLocation && location.host.includes("localhost");
     Browser.isMacOS = () => hasNavigator && navigator.userAgent.includes("Mac OS X");
     Browser.isWindows = () => hasNavigator && navigator.userAgent.includes("Windows");
+    Browser.isChrome = () => hasNavigator && /chrome|chromium|crios/.test(navigator.userAgent.toLowerCase()) && !/edg|opera|opr/.test(navigator.userAgent.toLowerCase());
     Browser.isFirefox = () => hasNavigator && navigator.userAgent.toLowerCase().includes("firefox");
     Browser.isWeb = () => !Browser.isTauriApp();
     Browser.isVitest = typeof process !== "undefined" && process.env?.VITEST === "true";

package/dist/dragging.d.ts

@@ -19,7 +19,10 @@ export declare namespace Dragging {
         multiTouch?: boolean;
         immediate?: boolean;
         permanentUpdates?: boolean;
+        pointerLock?: boolean;
+        pointerLockThreshold?: number;
     }
+    let usePointerLock: boolean;
     const attach: <T extends PointerCaptureTarget>(target: T, factory: Func<PointerEvent, Option<Process>>, options?: ProcessOptions) => Terminable;
 }
 //# sourceMappingURL=dragging.d.ts.map

package/dist/dragging.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dragging.d.ts","sourceRoot":"","sources":["../src/dragging.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAa,MAAM,EAAY,UAAU,EAAa,MAAM,kBAAkB,CAAA;AAG1F,OAAO,EAAS,oBAAoB,EAAC,MAAM,UAAU,CAAA;AAGrD,yBAAiB,QAAQ,CAAC;IACtB,UAAiB,OAAO;QACpB,MAAM,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;QAC1B,MAAM,CAAC,IAAI,IAAI,CAAA;QACf,OAAO,CAAC,IAAI,IAAI,CAAA;QAChB,OAAO,CAAC,IAAI,IAAI,CAAA;QAChB,WAAW,CAAC,EAAE,WAAW,CAAA;KAC5B;IAED,UAAiB,KAAK;QAClB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;QACxB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;QACxB,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAA;QACxB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;QAC1B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;KAC5B;IAED,UAAiB,cAAc;QAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;QACpB,SAAS,CAAC,EAAE,OAAO,CAAA;QACnB,gBAAgB,CAAC,EAAE,OAAO,CAAA;KAC7B;IAEM,MAAM,MAAM,GAAI,CAAC,SAAS,oBAAoB,EAAE,QAAQ,CAAC,EACT,SAAS,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,EAC5C,UAAU,cAAc,KAAG,UA2FjF,CAAA;CACJ"}
+{"version":3,"file":"dragging.d.ts","sourceRoot":"","sources":["../src/dragging.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAkB,MAAM,EAAY,UAAU,EAAa,MAAM,kBAAkB,CAAA;AAG/F,OAAO,EAAS,oBAAoB,EAAC,MAAM,UAAU,CAAA;AAGrD,yBAAiB,QAAQ,CAAC;IACtB,UAAiB,OAAO;QACpB,MAAM,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;QAC1B,MAAM,CAAC,IAAI,IAAI,CAAA;QACf,OAAO,CAAC,IAAI,IAAI,CAAA;QAChB,OAAO,CAAC,IAAI,IAAI,CAAA;QAChB,WAAW,CAAC,EAAE,WAAW,CAAA;KAC5B;IAED,UAAiB,KAAK;QAClB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;QACxB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;QACxB,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAA;QACxB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;QAC1B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;KAC5B;IAED,UAAiB,cAAc;QAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;QACpB,SAAS,CAAC,EAAE,OAAO,CAAA;QACnB,gBAAgB,CAAC,EAAE,OAAO,CAAA;QAC1B,WAAW,CAAC,EAAE,OAAO,CAAA;QACrB,oBAAoB,CAAC,EAAE,MAAM,CAAA;KAChC;IAEM,IAAI,cAAc,SAAQ,CAAA;IAE1B,MAAM,MAAM,GAAI,CAAC,SAAS,oBAAoB,EAAE,QAAQ,CAAC,EACT,SAAS,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,EAC5C,UAAU,cAAc,KAAG,UAqIjF,CAAA;CACJ"}

package/dist/dragging.js

@@ -5,6 +5,7 @@ import { Events } from "./events";
 import { Keyboard } from "./keyboard";
 export var Dragging;
 (function (Dragging) {
+    Dragging.usePointerLock = false;
     Dragging.attach = (target, factory, options) => {
         const processCycle = new Terminator();
         return Terminable.many(processCycle, Events.subscribe(target, "pointerdown", (event) => {
@@ -23,6 +24,25 @@ export var Dragging;
             event.stopPropagation();
             event.stopImmediatePropagation();
             target.setPointerCapture(pointerId);
+            // Pointer lock configuration
+            const usePointerLock = options?.pointerLock !== false && Dragging.usePointerLock;
+            const threshold = options?.pointerLockThreshold ?? 16;
+            const targetElement = target instanceof Element ? target : null;
+            let pointerLockActive = false;
+            const requestPointerLockIfNeeded = (clientX, clientY) => {
+                if (!usePointerLock || targetElement === null || pointerLockActive) {
+                    return;
+                }
+                // Check if the pointer is near window edges
+                const nearLeft = clientX < threshold;
+                const nearRight = clientX > window.innerWidth - threshold;
+                const nearTop = clientY < threshold;
+                const nearBottom = clientY > window.innerHeight - threshold;
+                if (nearLeft || nearRight || nearTop || nearBottom) {
+                    targetElement.requestPointerLock?.();
+                    pointerLockActive = true;
+                }
+            };
             const moveEvent = {
                 clientX: event.clientX,
                 clientY: event.clientY,
@@ -37,8 +57,16 @@ export var Dragging;
                 processCycle.own(AnimationFrame.add(() => process.update(moveEvent)));
                 processCycle.own(Events.subscribe(target, "pointermove", (event) => {
                     if (event.pointerId === pointerId) {
-                        moveEvent.clientX = event.clientX;
-                        moveEvent.clientY = event.clientY;
+                        // Accumulate movement deltas into clientX/Y when the pointer is locked
+                        if (targetElement !== null && document.pointerLockElement === targetElement) {
+                            moveEvent.clientX += event.movementX;
+                            moveEvent.clientY += event.movementY;
+                        }
+                        else {
+                            moveEvent.clientX = event.clientX;
+                            moveEvent.clientY = event.clientY;
+                            requestPointerLockIfNeeded(event.clientX, event.clientY);
+                        }
                         moveEvent.altKey = event.altKey;
                         moveEvent.shiftKey = event.shiftKey;
                         moveEvent.ctrlKey = Keyboard.isControlKey(event);
@@ -48,8 +76,16 @@ export var Dragging;
             else {
                 processCycle.own(Events.subscribe(target, "pointermove", (event) => {
                     if (event.pointerId === pointerId) {
-                        moveEvent.clientX = event.clientX;
-                        moveEvent.clientY = event.clientY;
+                        // Accumulate movement deltas into clientX/Y when the pointer is locked
+                        if (targetElement !== null && document.pointerLockElement === targetElement) {
+                            moveEvent.clientX += event.movementX;
+                            moveEvent.clientY += event.movementY;
+                        }
+                        else {
+                            moveEvent.clientX = event.clientX;
+                            moveEvent.clientY = event.clientY;
+                            requestPointerLockIfNeeded(event.clientX, event.clientY);
+                        }
                         moveEvent.altKey = event.altKey;
                         moveEvent.shiftKey = event.shiftKey;
                         moveEvent.ctrlKey = Keyboard.isControlKey(event);
@@ -58,6 +94,9 @@ export var Dragging;
                 }));
             }
             const cancel = () => {
+                if (pointerLockActive && targetElement !== null && document.pointerLockElement === targetElement) {
+                    document.exitPointerLock();
+                }
                 process.cancel?.call(process);
                 process.finally?.call(process);
                 processCycle.terminate();
@@ -65,6 +104,9 @@ export var Dragging;
             const owner = safeRead(target, "ownerDocument", "defaultView") ?? self;
             processCycle.ownAll(Events.subscribe(target, "pointerup", (event) => {
                 if (event.pointerId === pointerId) {
+                    if (pointerLockActive && targetElement !== null && document.pointerLockElement === targetElement) {
+                        document.exitPointerLock();
+                    }
                     process.approve?.call(process);
                     process.finally?.call(process);
                     processCycle.terminate();

package/dist/fonts.d.ts

@@ -5,4 +5,5 @@ export type FontFaceProperties = {
     "src": string;
 };
 export declare const loadFont: (properties: FontFaceProperties) => Promise<void>;
+export declare const getFontSizeForHeight: (context: CanvasRenderingContext2D, fontFamily: string, fontSize: number) => number;
 //# sourceMappingURL=fonts.d.ts.map

package/dist/fonts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../src/fonts.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG;IAC7B,aAAa,EAAE,MAAM,CAAA;IACrB,YAAY,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAA;IAC7C,aAAa,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;IACpH,KAAK,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,eAAO,MAAM,QAAQ,GAAU,YAAY,kBAAkB,kBAe5D,CAAA"}
+{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../src/fonts.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG;IAC7B,aAAa,EAAE,MAAM,CAAA;IACrB,YAAY,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAA;IAC7C,aAAa,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;IACpH,KAAK,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,eAAO,MAAM,QAAQ,GAAU,YAAY,kBAAkB,kBAe5D,CAAA;AAGD,eAAO,MAAM,oBAAoB,GAAI,SAAS,wBAAwB,EACjC,YAAY,MAAM,EAClB,UAAU,MAAM,KAAG,MAKvD,CAAA"}

package/dist/fonts.js

@@ -15,3 +15,10 @@ export const loadFont = async (properties) => {
         console.error(error);
     }
 };
+// suggested by claude.ai to compensate variants on Mac/Windows
+export const getFontSizeForHeight = (context, fontFamily, fontSize) => {
+    context.font = `${fontSize}px ${fontFamily}, sans-serif`;
+    const metrics = context.measureText("M"); // Use 'M' or your typical character
+    const actualHeight = metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent;
+    return (fontSize / actualHeight) * fontSize;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@opendaw/lib-dom",
-    "version": "0.0.46",
+    "version": "0.0.48",
     "main": "./dist/index.js",
     "types": "./dist/index.d.ts",
     "license": "LGPL-3.0-or-later",
@@ -22,13 +22,13 @@
         "test": "vitest run"
     },
     "dependencies": {
-        "@opendaw/lib-runtime": "^0.0.46",
-        "@opendaw/lib-std": "^0.0.46",
+        "@opendaw/lib-runtime": "^0.0.48",
+        "@opendaw/lib-std": "^0.0.48",
         "@types/wicg-file-system-access": "^2023.10.6"
     },
     "devDependencies": {
         "@opendaw/eslint-config": "^0.0.20",
         "@opendaw/typescript-config": "^0.0.20"
     },
-    "gitHead": "4136230de6c35fe8db4bde5221010c5e86f7b11a"
+    "gitHead": "cbdb8e49076f45a6d703e9dd348e1d0e1113e1dc"
 }