holodepth

Holodepth • Runtime Atlas • Browser storage infrastructure

Storage Architecture Map

GPU Compositor Timeline frame orchestration gösterir; Storage Architecture Map veri tarayıcı içinde nerede yaşar? sorusunu görselleştirir. Cookie · localStorage · IndexedDB · Cache API — runtime city / storage topology.

Browser Topology önce okunabilir · byteomi.com metin kaynağı

Holodepth köprüsü

Topological vs orchestration vs heat

Browser Topology process ve thread haritasını gösterir. Storage Architecture Map bir adım içeri: origin scope etrafında hangi storage katmanının nasıl davrandığını — sync/async, persistence, quota — gösterir.

Frame Budget telemetry · Paint Storm heat · GPU Timeline orchestration idi. Bu model browser storage infrastructure map — node graph, storage sectors, persistence lanes, async pipes. Klasik tablo/kart değil; spatial visualization.

Harita nasıl okunur?

Veri tarayıcı içinde nerede yaşar?

Ortada Origin Scope Core (byteomi.com) — tüm storage bu origin'in etrafında partition edilir. Etrafında orbital storage sectors döner: Cookies, LocalStorage, SessionStorage, IndexedDB, Cache API, HTTP Cache. Her sector farklı davranır; amaç cookie ile IndexedDB'yi aynı kutu sanmamak.

  • Origin dome · scope. Kesikli çember origin isolation — iframe boundary ve subdomain partition çizgileri. Veri origin dışına taşmaz; third-party cookie farklı partition hissi.
  • Cookies · amber packet. Küçük paketler, sync, request line'a akar — Set-Cookie header hissi. Tiny quota.
  • LocalStorage · SYNC BLOCK. Yakın ama ağır blok — instant key/value, main thread'de sync lock. UI freeze ripple.
  • IndexedDB · async vault. Büyük async chamber — transaction lanes, cyan archive stream, await pipe off main thread.
  • Cache API · SW pipe. Service Worker bağlantılı — network ↔ cache pipe. Hit bypass, miss waterfall.
  • HTTP Cache · ghost layer. Semi-transparent browser internal — 304, memory cache, disk cache packetleri.
  • Lifetime timeline. Alt şerit persistence observatory — cookie expires soon, session tab scoped, IDB persistent, HTTP eviction risk.
  1. Origin core — hangi site scope'u?
  2. Storage sector — veri hangi API'de?
  3. Sync vs async pipe — main thread mi, await lane mi?
  4. Persistence bar — tab kapanınca dissolve mu, vault mu?
  • CK · Cookies tiny · sync · request attached
  • LS · LocalStorage sync lock · main thread stall
  • SS · SessionStorage tab scoped · tab close dissolve
  • IDB · IndexedDB async vault · transaction lanes
  • CCH · Cache API SW intercept · offline pipe
  • HC · HTTP Cache ghost · 304 · eviction risk

Paint Storm ≠ Storage Map. Paint Storm reactive heat; Storage Map cold infrastructure — harita, veri yolları, quota chambers. GPU Timeline orchestration gösterir; bu model where data lives gösterir. Mod davranışları için §4 Kontroller.

Storage Architecture Map

PRESET: STORAGE_MAP · browser storage topology observatory

Byteomi runtime · CANLI · Storage infrastructure map

Origin scope core · orbital storage sectors · sync/async pipes · persistence timeline · quota chamber · runtime log.

Runtime note Simülasyon — gerçek tarayıcı storage API'sine veya disk okumasına bağlanmaz. Amaç: cookie, localStorage, IndexedDB ve Cache API arasındaki scope · persistence · sync/async farkını mekanik davranışla göstermek.

OBS
Quota 46 MB
Sync cost 3 ms
Async ops 10
Persistence 88%
Cache hit 72%
Eviction risk 8%
Topology insight Dengeli topology — küçük cookie paketleri, IDB async stream, HTTP cache ghost katmanı.

Safe Storage · origin scope active · 6 storage sectors · persistent profile

Origin core Cookies LocalStorage IndexedDB Cache API HTTP Cache

Mod değiştirin: Cookie Flood header spam; LocalStorage Lock SYNC BLOCK + main thread pulse; IDB Transaction async neon stream; Private Mode persistence collapse; Quota Overflow eviction warning.

Bu demo ne işe yarar?

Bu sayfadaki Storage Architecture Map, tarayıcınızdaki gerçek cookie veya IndexedDB verisini okumaz. Bilgisayarınızda çalışan küçük bir öğretim modelidir: «veri tarayıcı içinde nerede yaşar?» sorusuna görsel cevap verir. Production storage inspector değildir — topology sezgisini güçlendirmek içindir.

Ortada Origin Scope Core (byteomi.com); etrafında orbital sector'ler. Amber cookie paketleri network request line'a akar; LocalStorage ağır sync blok yazar; IndexedDB cyan async vault'ta transaction stream açar; Cache API hit/miss ile network pipe'ı bypass eder veya fetch waterfall tetikler. Alt şerit storage lifetime — persistence observatory.

Sağdaki Runtime log cookie attached, cache hit, idb transaction opened, quota exceeded gibi olayları sıralar. §5 kartları dört kritik durumu özetler.

Kontroller ne yapıyor?

Mod → mekanik davranış

Safe Storage
Dengeli topology — tüm sector'ler görünür, düşük sync cost, orta cache hit. Haritada orbital drift · küçük cookie/IDB paketleri · lifetime barları dolu.
Cookie Flood
Header spam — amber tiny packet storm request line'a. HUD'da Quota ↑ · Sync cost ↑ · Log: cookie storm.
LocalStorage Lock
SYNC BLOCK — main thread bar dolu, UI freeze ripple, LS sector glow. Haritada SYNC etiketi · ağır blok paketleri origin'e.
IDB Transaction
Async neon stream — transaction lanes, await pipe, main thread serbest. HUD'da Async ops ↑ · Sync cost düşük · IDB vault focus.
Cache Hit / Cache Miss
Hit: network bypass, response from cache. Miss: fetch waterfall, cache sector boş. HUD'da Cache hit %94 vs %12 · paket yönü tersine döner.
Private Mode
Persistence collapse — vault dissolve, session-only ghost. Timeline'da lifetime barları kısalır · Persistence HUD ↓.
Quota Overflow
Eviction warning — quota chamber dolu, LRU purge packetleri. HUD'da Eviction risk kırmızı · Log: eviction triggered.

Ne görmelisiniz?

Storage sinyalleri · topology durumları

Sağlıklı topology · Safe Storage

  • Origin core stabil; sector'ler orbital drift ile dengeli.
  • Sync cost düşük; IDB async stream ara sıra.
  • Log: cookie attached · idb readonly · cache match

Sync stall · LocalStorage Lock

  • Main thread bar amber · SYNC BLOCK etiketi.
  • UI freeze ripple; LS sector focus glow.
  • Log: localStorage.setItem · main thread stall 18 ms

Cache miss · Fetch waterfall

  • Cache sector boş kalır; network pipe aktif.
  • Cache hit HUD düşük; latency hissi.
  • Log: cache.match · MISS · fetch waterfall

Quota overflow · Eviction

  • Quota HUD ~120 MB; eviction risk kırmızı.
  • Lifetime barları kırmızı çerçeve; purge packetleri.
  • Log: quota exceeded · eviction triggered · LRU purge

Simülatör altı: Bu demo ne işe yarar? · Modlar: §4 Kontroller · Harita okuma: §2 Harita nasıl okunur?.

Gerçek hayat karşılığı

  • Auth token cookie. Tiny sync packet — her request'e attached; DevTools Application → Cookies.
  • Theme preference localStorage. Sync read on boot — büyük JSON yazarsanız main thread stall; Storage Map'teki SYNC BLOCK benzeri.
  • Offline PWA cache. Cache API + Service Worker — cache hit bypass; miss'te fetch waterfall.
  • Private / incognito. Tab kapanınca persistence collapse — sessionStorage kalır, IDB/vault dissolve.

Özet ve sıra

Runtime Atlas: Event Loop → Frame Budget → GPU Compositor → Storage Architecture Map. GPU Timeline orchestration; Storage Map where data lives — farklı teşhis dili.

Sonraki adım: Network Stream Pipeline.