Problem
Ağ paneli istekleri, query devtools önbelleği gösteriyor; ama hiçbiri uygulamanın bir yanıtın hangi alanlarını gerçekten okuduğunu söylemiyor. Fazladan çekilen veri, sayfa yavaşlayana kadar görünmez kalıyor.
Ne yaptım
Bağımlılığı olmayan bir tarayıcı SDKʼsı yazdım: fetch ve XMLHttpRequestʼi yamalıyor, yanıtları izleyen bir proxy ile sarıyor ve okunan verinin değerini değil yalnızca şeklini kaydediyor. Postgres ve Drizzle üzerindeki bir Next.js 16 uygulaması bu olayları alıp uç nokta bazında bulgulara dönüştürüyor.
Sonuç
apiheron.com adresinde yayında; SDK npmʼde @apiheron/sdk adıyla MIT lisansıyla yayınlandı. İlk denekleri kendi uygulamalarımdı: aylardır gönderilip bir kez bile okunmamış alanlar buldu.
Teknolojiler
- Next.js
- TypeScript
- PostgreSQL
- Drizzle
- SDK