feat: logs

docs/changelogs/1.27.14.md

@@ -0,0 +1,8 @@
+# BlitzKit 1.27.14
+
+This is the 14th path for `1.12`, making it the new longest lasting version beating the previous record of `1.15.13`!
+
+## Fixes
+
+- Optimized the rendering of the shells in the Tankopedia search
+- The Assault Shells cursor now works on iOS devices

package.json

@@ -1,7 +1,7 @@
 {
   "name": "blitzkit",
   "private": true,
-  "version": "1.27.13",
+  "version": "1.27.14",
   "description": "🎉 Tools for everything World of Tanks Blitz",
   "type": "module",
   "types": "./types.d.ts",
@@ -21,6 +21,7 @@
     "start:bot": "bun dist/bot/main.js",
     "dev:docs": "vitepress dev docs",
     "dev:website": "cd packages/website && bun run dev",
+    "dev": "bun run dev:website",
     "dev:api": "bun --filter=@blitzkit/api run dev",
     "setup:depotdownloader": "bun --filter=@blitzkit/scripts run setup:depotdownloader",
     "setup:patches": "bun --filter=@blitzkit/scripts run setup:patches",

packages/website/src/components/TankSearch/components/FilterControl.tsx

@@ -84,6 +84,7 @@ function ShellFilter({ index, premium }: { index: number; premium?: boolean }) {
 
               return (
                 <IconButton
+                  key={shellType}
                   value={`${shellType}`}
                   radius="none"
                   variant={selected ? 'solid' : 'soft'}

packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/AssaultRangesVisualizer/components/Cursor/index.tsx

@@ -25,25 +25,30 @@ export function AssaultCursor({ maxDistance, maxFakeDistance }: Props) {
 
   useEffect(() => {
     let localX = x;
+    let lastX = 0;
 
     function handlePointerDown(event: PointerEvent) {
       event.preventDefault();
 
+      lastX = event.clientX;
+
       window.addEventListener('pointermove', handlePointerMove);
       window.addEventListener('pointerup', handlePointerUp);
     }
 
     function handlePointerMove(event: PointerEvent) {
       event.preventDefault();
-      
+
       const parent = cursor.current?.parentElement;
 
       if (!parent) return;
 
       const width = parent.clientWidth;
+      const movementX = event.clientX - lastX;
+      lastX = event.clientX;
 
       setX((state) => {
-        localX = clamp(state + event.movementX / width, 0, 1);
+        localX = clamp(state + movementX / width, 0, 1);
         return localX;
       });
     }
@@ -62,6 +67,8 @@ export function AssaultCursor({ maxDistance, maxFakeDistance }: Props) {
 
     return () => {
       cursor.current?.removeEventListener('pointerdown', handlePointerDown);
+      window.removeEventListener('pointermove', handlePointerMove);
+      window.removeEventListener('pointerup', handlePointerUp);
     };
   }, []);
 
@@ -75,6 +82,7 @@ export function AssaultCursor({ maxDistance, maxFakeDistance }: Props) {
       width="2pt"
       id="assault-cursor"
       style={{
+        touchAction: 'none',
         transform: 'translateX(-50%)',
         backgroundColor: Var('accent-11'),
       }}