perf: analytics stratejisi, radix tree-shaking, DevPanel, motion/mini (Faz 2)

- Rybbit Script beforeInteractive -> afterInteractive: analitik artık
  hydration'dan önce kritik yolda çalışmıyor (yalnızca preload hint'i kalıyor)
- next.config: experimental.optimizePackageImports ["radix-ui"] — 36 alt
  paketli kök barrel modül grafiğini şişiriyordu (VPS build OOM geçmişi)
- DevPanel: dev-panel-mount.tsx ile prod'da import() erişilemez dalda;
  dev kodu + dev action proxy'leri prod chunk'lardan çıktı (rota başına ~21 KB)
- motion/mini: use-pixel-heat + sihirbaz-cagri-karti yalnızca duration/ease
  kullanıyor; WAAPI tabanlı mini animate tam motoru bundle'dan çıkarır

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
bilalgursen
2026-08-08 13:51:44 +03:00
parent 53edb2b307
commit 026debdc06
5 changed files with 55 additions and 25 deletions

View File

@@ -16,7 +16,11 @@
*/
import { useEffect, type RefObject } from "react";
import { animate, type AnimationPlaybackControls } from "motion";
// WAAPI tabanlı mini animate yeterli (yalnızca duration/ease kullanılıyor);
// tam motor client bundle'ına girmez. Tip mini'den export edilmiyor —
// type-only import build'de silinir, maliyeti yok.
import { animate } from "motion/mini";
import type { AnimationPlaybackControls } from "motion";
const FINE_POINTER_QUERY = "(hover: hover) and (pointer: fine)";
const HOT_COLOR = "#f97316"; // orange-500