format with oxfmt

Author: mosch

packages/lib/src/__tests__/AvatarEditor.test.tsx

@@ -558,7 +558,11 @@ describe('AvatarEditor', () => {
       touches: Array<{ pageX: number; pageY: number }>,
       opts: EventInit = {},
     ) {
-      const event = new Event(type, { bubbles: true, cancelable: true, ...opts })
+      const event = new Event(type, {
+        bubbles: true,
+        cancelable: true,
+        ...opts,
+      })
       Object.defineProperty(event, 'touches', { value: touches })
       if (type === 'touchmove') {
         Object.defineProperty(event, 'targetTouches', { value: touches })
@@ -689,7 +693,9 @@ describe('AvatarEditor', () => {
       )
       const canvas = container.querySelector('canvas')!
 
-      canvas.dispatchEvent(new WheelEvent('wheel', { deltaY: -100, bubbles: true }))
+      canvas.dispatchEvent(
+        new WheelEvent('wheel', { deltaY: -100, bubbles: true }),
+      )
 
       expect(onRequestScaleChange).not.toHaveBeenCalled()
     })
@@ -707,7 +713,9 @@ describe('AvatarEditor', () => {
       )
       const canvas = container.querySelector('canvas')!
 
-      canvas.dispatchEvent(new WheelEvent('wheel', { deltaY: -100, bubbles: true }))
+      canvas.dispatchEvent(
+        new WheelEvent('wheel', { deltaY: -100, bubbles: true }),
+      )
 
       expect(onRequestScaleChange).toHaveBeenCalled()
       const newScale = onRequestScaleChange.mock.calls[0][0]
@@ -727,7 +735,9 @@ describe('AvatarEditor', () => {
       )
       const canvas = container.querySelector('canvas')!
 
-      canvas.dispatchEvent(new WheelEvent('wheel', { deltaY: 100, bubbles: true }))
+      canvas.dispatchEvent(
+        new WheelEvent('wheel', { deltaY: 100, bubbles: true }),
+      )
 
       expect(onRequestScaleChange).toHaveBeenCalled()
       const newScale = onRequestScaleChange.mock.calls[0][0]
@@ -747,7 +757,9 @@ describe('AvatarEditor', () => {
       )
       const canvas = container.querySelector('canvas')!
 
-      canvas.dispatchEvent(new WheelEvent('wheel', { deltaY: 99999, bubbles: true }))
+      canvas.dispatchEvent(
+        new WheelEvent('wheel', { deltaY: 99999, bubbles: true }),
+      )
 
       expect(onRequestScaleChange).toHaveBeenCalled()
       const newScale = onRequestScaleChange.mock.calls[0][0]

packages/lib/src/index.ts

@@ -254,27 +254,26 @@ const AvatarEditor = forwardRef<AvatarEditorRef, Props>((props, ref) => {
     [],
   )
 
-  const handleTouchStart: TouchEventHandler<HTMLCanvasElement> =
-    useCallback(
-      (e) => {
-        if (e.touches.length === 2) {
-          // Start pinch-to-zoom
-          pinchRef.current = true
-          dragRef.current = false
-          setDrag(false)
-          const dx = e.touches[0].pageX - e.touches[1].pageX
-          const dy = e.touches[0].pageY - e.touches[1].pageY
-          pinchStartDistRef.current = Math.sqrt(dx * dx + dy * dy)
-          pinchStartScaleRef.current = scale
-        } else {
-          dragRef.current = true
-          mxRef.current = undefined
-          myRef.current = undefined
-          setDrag(true)
-        }
-      },
-      [scale],
-    )
+  const handleTouchStart: TouchEventHandler<HTMLCanvasElement> = useCallback(
+    (e) => {
+      if (e.touches.length === 2) {
+        // Start pinch-to-zoom
+        pinchRef.current = true
+        dragRef.current = false
+        setDrag(false)
+        const dx = e.touches[0].pageX - e.touches[1].pageX
+        const dy = e.touches[0].pageY - e.touches[1].pageY
+        pinchStartDistRef.current = Math.sqrt(dx * dx + dy * dy)
+        pinchStartScaleRef.current = scale
+      } else {
+        dragRef.current = true
+        mxRef.current = undefined
+        myRef.current = undefined
+        setDrag(true)
+      }
+    },
+    [scale],
+  )
 
   const handleKeyDown: KeyboardEventHandler<HTMLCanvasElement> = useCallback(
     (e) => {
@@ -421,7 +420,8 @@ const AvatarEditor = forwardRef<AvatarEditorRef, Props>((props, ref) => {
     }
 
     const handleWheel = (e: WheelEvent) => {
-      if (!enableWheelZoomRef.current || !onRequestScaleChangeRef.current) return
+      if (!enableWheelZoomRef.current || !onRequestScaleChangeRef.current)
+        return
       e.preventDefault()
 
       // ctrlKey is set for trackpad pinch gestures; use finer sensitivity