Function updateTransform

src/components/VideoPlayer2.tsx:191–213

()

  
    // Optimized transform update with boundary enforcement
    const updateTransform = () => {
      const boundaries = calculateBoundaries();
      const maxX = (boundaries.width * (transformState.scale - 1)) / 2;
      const maxY = (boundaries.height * (transformState.scale - 1)) / 2;
  
      transformState.translateX = Math.min(Math.max(
        transformState.translateX, 
        -maxX
      ), maxX);
      
      transformState.translateY = Math.min(Math.max(
        transformState.translateY, 
        -maxY
      ), maxY);
  
      videoEl.style.transform = `
        scale(${transformState.scale})
        translate3d(
          ${transformState.translateX / transformState.scale}px,
          ${transformState.translateY / transformState.scale}px,
          0
        )`;
    };
  
    // Unified pinch handler
    hammer.on('pinchstart pinchmove', (e) => {