not using the GestureBasicSrc files other than for legacy and simplified pinch gesture boundary check

Author: Mateusz Kiełb

packages/docs-gesture-handler/docs/gestures/use-fling-gesture.mdx

@@ -8,7 +8,7 @@ sidebar_position: 6
 import { webContainer } from '@site/src/utils/getGestureStyles';
 
 import FlingGestureBasic from '@site/static/examples/FlingGestureBasic';
-import FlingGestureBasicSrc from '!!raw-loader!@site/static/examples/FlingGestureBasicSrc';
+import FlingGestureBasicSrc from '!!raw-loader!@site/static/examples/FlingGestureBasic';
 
 
 import MouseButtonProp from './\_shared/mouse-button.mdx';

packages/docs-gesture-handler/docs/gestures/use-pan-gesture.mdx

@@ -10,7 +10,7 @@ import { vanishOnMobile, appearOnMobile, webContainer } from '@site/src/utils/ge
 import useBaseUrl from '@docusaurus/useBaseUrl';
 
 import PanGestureBasic from '@site/static/examples/PanGestureBasic';
-import PanGestureBasicSrc from '!!raw-loader!@site/static/examples/PanGestureBasicSrc';
+import PanGestureBasicSrc from '!!raw-loader!@site/static/examples/PanGestureBasic';
 
 import BaseEventData from './\_shared/base-gesture-event-data.mdx';
 import BaseGestureConfig from './\_shared/base-gesture-config.mdx';

packages/docs-gesture-handler/docs/gestures/use-pinch-gesture.mdx

@@ -8,7 +8,7 @@ sidebar_position: 5
 import { webContainer } from '@site/src/utils/getGestureStyles';
 
 import PinchGestureBasic from '@site/static/examples/PinchGestureBasic';
-import PinchGestureBasicSrc from '!!raw-loader!@site/static/examples/PinchGestureBasicSrc';
+import PinchGestureBasicSrc from '!!raw-loader!@site/static/examples/PinchGestureBasic';
 
 <div className={webContainer}>
   <InteractiveExample

packages/docs-gesture-handler/docs/gestures/use-rotation-gesture.mdx

@@ -8,7 +8,7 @@ sidebar_position: 4
 import { webContainer } from '@site/src/utils/getGestureStyles';
 
 import RotationGestureBasic from '@site/static/examples/RotationGestureBasic';
-import RotationGestureBasicSrc from '!!raw-loader!@site/static/examples/RotationGestureBasicSrc';
+import RotationGestureBasicSrc from '!!raw-loader!@site/static/examples/RotationGestureBasic';
 
 <div className={webContainer}>
   <InteractiveExample

packages/docs-gesture-handler/static/examples/PinchGestureBasic.js

@@ -13,14 +13,14 @@ import Animated, {
 
 const clamp = (val, min, max) => Math.min(Math.max(val, min), max);
 
+//FIXME: doesnt handle resizing
 export default function App() {
   const boxWidth = useSharedValue(100);
   const distanceDifference = useSharedValue(0);
 
   const centerX = useSharedValue(0);
   const centerY = useSharedValue(0);
-  const width = useSharedValue(0);
-  const height = useSharedValue(0);
+  const maxBoxSize = useSharedValue(0);
 
   const pointerPositionX = useSharedValue(0);
   const pointerPositionY = useSharedValue(0);
@@ -42,13 +42,12 @@ export default function App() {
 
     if (containerRef.current) {
       containerRef.current.measureInWindow((x, y, w, h) => {
-        width.value = w;
-        height.value = h;
+        maxBoxSize.value = Math.min(w, h);
 
         boxWidth.value = clamp(
           boxWidth.value,
           100,
-          Math.min(w, h)
+          maxBoxSize.value
         );
       });
     }
@@ -84,7 +83,7 @@ export default function App() {
       boxWidth.value = clamp(
         Math.max(distanceX, distanceY) * 2 + distanceDifference.value,
         100,
-        Math.min(width.value, height.value)
+        maxBoxSize.value
       );
 
       pointerPositionX.value = event.absoluteX - centerX.value - 12;