[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":29,"_30":12,"_31":12,"_32":12,"_33":12,"_34":12,"_35":12,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","68ef9b24406c81918750bdc21d2ebdf6","versionInt","title","Thumbnail Loader Demos (queued & Batched)","type","code/html","content","\n\n\n \n \n Thumbnail Loader — Ordered Queue & Viewer-Aware Queue\n \n\n\n

Thumbnail Loader — Ordered Queue & Viewer-Aware Queue

All thumbnails start with a “not loaded” indicator. Use Start Loading on either approach. Reset clears everything and server counters.

\n Count \n Server concurrency limit \n \n

\n in‑flight: 0\n rejected: 0\n

\n\n

Option 1 — Ordered queue (no burst): start loading and continue as slots open

Strict item order with a client‑side concurrency cap. No initial “first X” burst; just steady flow.

\n \n Client concurrency \n \n

\n\n

Option 2 — Viewer‑aware queue (IntersectionObserver + concurrency cap)

Only loads items near/in the viewport; aborts off‑screen loads; caps in‑flight requests.

\n \n Client concurrency \n \n

\n\n \n\n\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","4141603747065045500","traceTime",1777974279317]