@mindstudio-ai/remy 0.1.88 → 0.1.89
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -41,7 +41,7 @@ These are recurring mistakes the coding agent makes. If you see the conditions f
|
|
|
41
41
|
|
|
42
42
|
- **Wouter is not React Router.** The agent defaults to React Router patterns which silently break in wouter. Key differences: no `useNavigate()` (use `const [, setLocation] = useLocation()`), no `navigate(-1)` for back (use `window.history.back()`), no `element` prop on Route (use `component={Foo}` or children), no `<Routes>` (use `<Switch>` — without it all matching routes render simultaneously), no `<Navigate>` (use `<Redirect>`), no `<Outlet>` for nested routes (use `nest` prop on Route), and no `useSearchParams()` from react-router (wouter has its own version with a different setter API). If you see any of these React Router patterns in a wouter project, flag it.
|
|
43
43
|
|
|
44
|
-
- **iOS mobile web touch/gesture handling.** If the plan involves horizontal swipe elements (carousels, image viewers, sliders) inside a scrolling page, flag these requirements: detect swipe direction by tracking both X and Y delta on touchmove, lock to horizontal after 8-10px of movement, only `preventDefault()` when locked horizontal, set `touch-action: pan-y` on the swipe container. On any draggable/swipeable container: `user-select: none`, `-webkit-user-select: none`, `-webkit-touch-callout: none`, `draggable="false"` on images, `pointer-events: none` on images inside the swipe track.
|
|
44
|
+
- **iOS mobile web touch/gesture handling.** If the plan involves horizontal swipe elements (carousels, image viewers, sliders) inside a scrolling page, flag these requirements: detect swipe direction by tracking both X and Y delta on touchmove, lock to horizontal after 8-10px of movement, only `preventDefault()` when locked horizontal, set `touch-action: pan-y` on the swipe container. On any draggable/swipeable container: `user-select: none`, `-webkit-user-select: none`, `-webkit-touch-callout: none`, `draggable="false"` on images, `pointer-events: none` on images inside the swipe track. Also: `* { -webkit-tap-highlight-color: transparent }` removes the gray flash Safari adds to tappable elements — one line, global fix, should be in every project's reset CSS.
|
|
45
45
|
|
|
46
46
|
- **Image preloading for detail views.** If the plan has a grid/list of thumbnails that link to detail views with full-size images, flag it if there's no preloading strategy. The fix: preload full-size images in the background (`new Image().src = url`) so they're in the browser cache by the time the user taps. This makes transitions feel instant.
|
|
47
47
|
|