@viji-dev/core 0.3.23 → 0.3.24

package/dist/{index-Bu1euCdl.js → index-C6fMmKQj.js}

@@ -46,8 +46,6 @@ class IFrameManager {
   isInteractionEnabled = true;
   // Mouse canvas tracking
   isMouseInCanvas = false;
-  // Touch tracking for gesture recognition
-  activeTouchIds = /* @__PURE__ */ new Set();
   // Device sensor support
   deviceSensorCallback = null;
   initiallyVisible;
@@ -470,6 +468,7 @@ class IFrameManager {
       type: event.type,
       key: event.key,
       code: event.code,
+      keyCode: event.keyCode,
       shiftKey: event.shiftKey,
       ctrlKey: event.ctrlKey,
       altKey: event.altKey,
@@ -487,31 +486,43 @@ class IFrameManager {
     const rect = this.canvas.getBoundingClientRect();
     const scaleX = this.canvas.width / rect.width;
     const scaleY = this.canvas.height / rect.height;
-    const touches = Array.from(event.touches).map((touch) => ({
-      identifier: touch.identifier,
-      clientX: (touch.clientX - rect.left) * scaleX,
-      clientY: (touch.clientY - rect.top) * scaleY,
-      pressure: touch.pressure || 0,
-      radiusX: touch.radiusX || 10,
-      radiusY: touch.radiusY || 10,
-      rotationAngle: touch.rotationAngle || 0,
-      force: touch.force || touch.pressure || 0
-    }));
-    if (event.type === "touchstart") {
-      for (const touch of event.changedTouches) {
-        this.activeTouchIds.add(touch.identifier);
-      }
-    } else if (event.type === "touchend" || event.type === "touchcancel") {
-      for (const touch of event.changedTouches) {
-        this.activeTouchIds.delete(touch.identifier);
+    const canvasW = this.canvas.width;
+    const canvasH = this.canvas.height;
+    const mapTouch = (touch) => {
+      const cx = (touch.clientX - rect.left) * scaleX;
+      const cy = (touch.clientY - rect.top) * scaleY;
+      return {
+        identifier: touch.identifier,
+        clientX: cx,
+        clientY: cy,
+        radiusX: touch.radiusX ?? 0,
+        radiusY: touch.radiusY ?? 0,
+        rotationAngle: touch.rotationAngle ?? 0,
+        force: touch.force ?? 0,
+        isInCanvas: cx >= 0 && cx <= canvasW && cy >= 0 && cy <= canvasH
+      };
+    };
+    const changedMap = /* @__PURE__ */ new Map();
+    for (let i = 0; i < event.changedTouches.length; i++) {
+      const t = event.changedTouches[i];
+      changedMap.set(t.identifier, mapTouch(t));
+    }
+    const touches = Array.from(event.touches).map((touch) => {
+      return changedMap.get(touch.identifier) ?? mapTouch(touch);
+    });
+    if (event.type === "touchend" || event.type === "touchcancel") {
+      const activeIds = new Set(touches.map((t) => t.identifier));
+      for (const [id, mapped] of changedMap) {
+        if (!activeIds.has(id)) {
+          touches.push({ ...mapped, ended: true });
+        }
       }
     }
-    const data = {
+    this.emitInteractionEvent("touch-update", {
       type: event.type,
       touches,
       timestamp: performance.now()
-    };
-    this.emitInteractionEvent("touch-update", data);
+    });
   }
   /**
    * Emits an interaction event to all registered listeners
@@ -567,7 +578,7 @@ class IFrameManager {
 }
 function WorkerWrapper(options) {
   return new Worker(
-    "" + new URL("assets/viji.worker-DTQvTudb.js", import.meta.url).href,
+    "" + new URL("assets/viji.worker-Zg128woJ.js", import.meta.url).href,
     {
       type: "module",
       name: options?.name
@@ -771,7 +782,6 @@ class InteractionManager {
     leftButton: false,
     rightButton: false,
     middleButton: false,
-    velocity: { x: 0, y: 0 },
     deltaX: 0,
     deltaY: 0,
     wheelDelta: 0,
@@ -781,8 +791,6 @@ class InteractionManager {
     wasReleased: false,
     wasMoved: false
   };
-  // Mouse velocity tracking
-  mouseVelocityHistory = [];
   // Keyboard state
   keyboardState = {
     isPressed: (key) => this.activeKeys.has(key.toLowerCase()),
@@ -796,7 +804,8 @@ class InteractionManager {
     shift: false,
     ctrl: false,
     alt: false,
-    meta: false
+    meta: false,
+    textureData: new Uint8Array(256 * 3)
   };
   activeKeys = /* @__PURE__ */ new Set();
   pressedThisFrame = /* @__PURE__ */ new Set();
@@ -808,33 +817,9 @@ class InteractionManager {
     started: [],
     moved: [],
     ended: [],
-    primary: null,
-    gestures: {
-      isPinching: false,
-      isRotating: false,
-      isPanning: false,
-      isTapping: false,
-      pinchScale: 1,
-      pinchDelta: 0,
-      rotationAngle: 0,
-      rotationDelta: 0,
-      panDelta: { x: 0, y: 0 },
-      tapCount: 0,
-      lastTapTime: 0,
-      tapPosition: null
-    }
+    primary: null
   };
   activeTouches = /* @__PURE__ */ new Map();
-  gestureState = {
-    initialDistance: 0,
-    initialAngle: 0,
-    lastPinchScale: 1,
-    lastRotationAngle: 0,
-    panStartPosition: { x: 0, y: 0 },
-    tapStartTime: 0,
-    tapCount: 0,
-    lastTapTime: 0
-  };
   constructor() {
   }
   /**
@@ -845,7 +830,6 @@ class InteractionManager {
     const canvasY = data.y;
     const deltaX = canvasX - this.mouseState.x;
     const deltaY = canvasY - this.mouseState.y;
-    this.updateMouseVelocity(deltaX, deltaY, data.timestamp);
     const prevPressed = this.mouseState.isPressed;
     const currentPressed = data.buttons > 0;
     this.mouseState.wasPressed = !prevPressed && currentPressed;
@@ -864,24 +848,6 @@ class InteractionManager {
     this.mouseState.wheelX = data.wheelDeltaX;
     this.mouseState.wheelY = data.wheelDeltaY;
   }
-  /**
-   * Updates mouse velocity with smoothing
-   */
-  updateMouseVelocity(deltaX, deltaY, timestamp) {
-    this.mouseVelocityHistory.push({ x: deltaX, y: deltaY, time: timestamp });
-    const cutoff = timestamp - 100;
-    this.mouseVelocityHistory = this.mouseVelocityHistory.filter((sample) => sample.time > cutoff);
-    if (this.mouseVelocityHistory.length > 1) {
-      const recent = this.mouseVelocityHistory.slice(-5);
-      const avgX = recent.reduce((sum, s) => sum + s.x, 0) / recent.length;
-      const avgY = recent.reduce((sum, s) => sum + s.y, 0) / recent.length;
-      this.mouseState.velocity.x = avgX;
-      this.mouseState.velocity.y = avgY;
-    } else {
-      this.mouseState.velocity.x = deltaX;
-      this.mouseState.velocity.y = deltaY;
-    }
-  }
   /**
    * Processes keyboard update from the host
    */
@@ -915,12 +881,11 @@ class InteractionManager {
     } else if (data.type === "touchmove") {
       this.processTouchMove(data.touches, data.timestamp);
     } else if (data.type === "touchend" || data.type === "touchcancel") {
-      this.processTouchEnd(data.touches, data.timestamp);
+      this.processTouchEnd(data.touches);
     }
     this.touchState.points = Array.from(this.activeTouches.values());
     this.touchState.count = this.touchState.points.length;
     this.touchState.primary = this.touchState.points[0] || null;
-    this.updateGestures();
   }
   /**
    * Processes touch start events
@@ -931,11 +896,6 @@ class InteractionManager {
       this.activeTouches.set(touch.identifier, touchPoint);
       this.touchState.started.push(touchPoint);
     }
-    if (this.touchState.count === 1) {
-      this.gestureState.tapStartTime = timestamp;
-      const touch = this.touchState.points[0];
-      this.touchState.gestures.tapPosition = { x: touch.x, y: touch.y };
-    }
   }
   /**
    * Processes touch move events
@@ -953,7 +913,7 @@ class InteractionManager {
   /**
    * Processes touch end events
    */
-  processTouchEnd(touches, timestamp) {
+  processTouchEnd(touches) {
     for (const touch of touches) {
       const existing = this.activeTouches.get(touch.identifier);
       if (existing) {
@@ -962,13 +922,6 @@ class InteractionManager {
         this.activeTouches.delete(touch.identifier);
       }
     }
-    if (this.touchState.count === 0 && this.gestureState.tapStartTime > 0) {
-      const tapDuration = timestamp - this.gestureState.tapStartTime;
-      if (tapDuration < 300) {
-        this.handleTap(timestamp);
-      }
-      this.gestureState.tapStartTime = 0;
-    }
   }
   /**
    * Creates a touch point from raw touch data
@@ -985,12 +938,13 @@ class InteractionManager {
       id: touch.identifier,
       x,
       y,
-      pressure: touch.pressure || 0,
-      radius: Math.max(touch.radiusX || 0, touch.radiusY || 0),
-      radiusX: touch.radiusX || 0,
-      radiusY: touch.radiusY || 0,
-      rotationAngle: touch.rotationAngle || 0,
-      force: touch.force || touch.pressure || 0,
+      pressure: touch.force,
+      radius: Math.max(touch.radiusX, touch.radiusY),
+      radiusX: touch.radiusX,
+      radiusY: touch.radiusY,
+      rotationAngle: touch.rotationAngle,
+      force: touch.force,
+      isInCanvas: touch.isInCanvas ?? true,
       deltaX,
       deltaY,
       velocity: { x: velocityX, y: velocityY },
@@ -999,75 +953,6 @@ class InteractionManager {
       isEnding: false
     };
   }
-  /**
-   * Updates gesture recognition
-   */
-  updateGestures() {
-    const touches = this.touchState.points;
-    const gestures = this.touchState.gestures;
-    if (touches.length === 2) {
-      const touch1 = touches[0];
-      const touch2 = touches[1];
-      const distance = Math.sqrt(
-        Math.pow(touch2.x - touch1.x, 2) + Math.pow(touch2.y - touch1.y, 2)
-      );
-      const angle = Math.atan2(touch2.y - touch1.y, touch2.x - touch1.x);
-      if (this.gestureState.initialDistance === 0) {
-        this.gestureState.initialDistance = distance;
-        this.gestureState.initialAngle = angle;
-        this.gestureState.lastPinchScale = 1;
-        this.gestureState.lastRotationAngle = 0;
-      }
-      const scale = distance / this.gestureState.initialDistance;
-      const scaleDelta = scale - this.gestureState.lastPinchScale;
-      gestures.isPinching = Math.abs(scaleDelta) > 0.01;
-      gestures.pinchScale = scale;
-      gestures.pinchDelta = scaleDelta;
-      this.gestureState.lastPinchScale = scale;
-      const rotationAngle = angle - this.gestureState.initialAngle;
-      const rotationDelta = rotationAngle - this.gestureState.lastRotationAngle;
-      gestures.isRotating = Math.abs(rotationDelta) > 0.02;
-      gestures.rotationAngle = rotationAngle;
-      gestures.rotationDelta = rotationDelta;
-      this.gestureState.lastRotationAngle = rotationAngle;
-    } else {
-      this.gestureState.initialDistance = 0;
-      gestures.isPinching = false;
-      gestures.isRotating = false;
-      gestures.pinchDelta = 0;
-      gestures.rotationDelta = 0;
-    }
-    if (touches.length > 0) {
-      const primaryTouch = touches[0];
-      if (this.gestureState.panStartPosition.x === 0) {
-        this.gestureState.panStartPosition = { x: primaryTouch.x, y: primaryTouch.y };
-      }
-      const panDeltaX = primaryTouch.x - this.gestureState.panStartPosition.x;
-      const panDeltaY = primaryTouch.y - this.gestureState.panStartPosition.y;
-      const panDistance = Math.sqrt(panDeltaX * panDeltaX + panDeltaY * panDeltaY);
-      gestures.isPanning = panDistance > 10;
-      gestures.panDelta = { x: panDeltaX, y: panDeltaY };
-    } else {
-      this.gestureState.panStartPosition = { x: 0, y: 0 };
-      gestures.isPanning = false;
-      gestures.panDelta = { x: 0, y: 0 };
-    }
-  }
-  /**
-   * Handles tap gesture detection
-   */
-  handleTap(timestamp) {
-    const timeSinceLastTap = timestamp - this.gestureState.lastTapTime;
-    if (timeSinceLastTap < 300) {
-      this.gestureState.tapCount++;
-    } else {
-      this.gestureState.tapCount = 1;
-    }
-    this.touchState.gestures.tapCount = this.gestureState.tapCount;
-    this.touchState.gestures.lastTapTime = timestamp;
-    this.touchState.gestures.isTapping = true;
-    this.gestureState.lastTapTime = timestamp;
-  }
   /**
    * Called at the start of each frame to reset frame-based events
    */
@@ -1080,9 +965,6 @@ class InteractionManager {
     this.mouseState.wheelY = 0;
     this.pressedThisFrame.clear();
     this.releasedThisFrame.clear();
-    this.touchState.gestures.isTapping = false;
-    this.touchState.gestures.pinchDelta = 0;
-    this.touchState.gestures.rotationDelta = 0;
   }
   /**
    * Get current mouse state (read-only)
@@ -1106,7 +988,6 @@ class InteractionManager {
    * Cleanup resources
    */
   destroy() {
-    this.mouseVelocityHistory.length = 0;
     this.activeTouches.clear();
     this.activeKeys.clear();
     this.pressedThisFrame.clear();
@@ -1920,7 +1801,7 @@ class EssentiaOnsetDetection {
     this.initPromise = (async () => {
       try {
         const essentiaModule = await import("./essentia.js-core.es-DnrJE0uR.js");
-        const wasmModule = await import("./essentia-wasm.web-0nilrUD3.js").then((n) => n.e);
+        const wasmModule = await import("./essentia-wasm.web-Dq7KVAx1.js").then((n) => n.e);
         const EssentiaClass = essentiaModule.Essentia || essentiaModule.default?.Essentia || essentiaModule.default;
         let WASMModule = wasmModule.default || wasmModule.EssentiaWASM || wasmModule.default?.EssentiaWASM;
         if (!WASMModule) {
@@ -16277,4 +16158,4 @@ export {
   VijiCoreError as b,
   getDefaultExportFromCjs as g
 };
-//# sourceMappingURL=index-Bu1euCdl.js.map
+//# sourceMappingURL=index-C6fMmKQj.js.map