Function handleViewportWheel

packages/client/src/app/AppShell.tsx:2424–2468

(event: React.WheelEvent<HTMLElement>)

  });

  function handleViewportWheel(event: React.WheelEvent<HTMLElement>) {
    if (!selectedSimulator) {
      return;
    }

    event.preventDefault();
    event.stopPropagation();
    const deltaScale =
      event.deltaMode === WheelEvent.DOM_DELTA_LINE
        ? 16
        : event.deltaMode === WheelEvent.DOM_DELTA_PAGE
          ? 240
          : 1;
    const deltaX = event.deltaX * deltaScale;
    const deltaY = event.deltaY * deltaScale;

    if (event.ctrlKey || event.metaKey) {
      const nextScale = effectiveZoom * Math.exp(-deltaY * 0.002);
      applyZoomAtClientPoint(nextScale, event.clientX, event.clientY);
      return;
    }

    if (chromeHasCrown && selectedSimulator.isBooted) {
      sendCrownRotation(deltaY);
      return;
    }

    setPan(
      (currentPan) =>
        nextViewportWheelPanState({
          canvasSize,
          chromeProfile: viewportChromeProfile,
          deltaX,
          deltaY,
          deviceNaturalSize: effectiveDeviceNaturalSize,
          effectiveZoom,
          fitScale,
          pan: currentPan,
          reservedBottomInset: zoomDockReservedHeight,
          rotationQuarterTurns: viewportRotationQuarterTurns,
          viewMode,
          zoom,
        }).pan,
    );
  }

  function showTouchIndicator(phase: TouchPhase, coords: Point) {
    showTouchIndicators(phase, [coords]);