wear: persist sort selection to localStorage, matching density (TK-10286)

2dd7c6628403a2fa16b5dbff87105f11b587a10f · 2026-09-09 08:08:17 -0700 · Steve Abrams

Caught by codex-run-10286 (a2a, also active on this ticket) — density
already persisted (wear_cols) but sort never did, missing the standing
sort+density rule's persistence requirement. Added wear_sort localStorage
key, saved on change, restored on boot alongside the existing density
restore. Verified via Playwright: select a sort, reload, value persists.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01AmxcNKtFg77wP47uZq5Zsm

Files touched

M public/wear.html

Diff

commit 2dd7c6628403a2fa16b5dbff87105f11b587a10f
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Wed Sep 9 08:08:17 2026 -0700

    wear: persist sort selection to localStorage, matching density (TK-10286)
    
    Caught by codex-run-10286 (a2a, also active on this ticket) — density
    already persisted (wear_cols) but sort never did, missing the standing
    sort+density rule's persistence requirement. Added wear_sort localStorage
    key, saved on change, restored on boot alongside the existing density
    restore. Verified via Playwright: select a sort, reload, value persists.
    
    Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
    Claude-Session: https://claude.ai/code/session_01AmxcNKtFg77wP47uZq5Zsm
---
 public/wear.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/public/wear.html b/public/wear.html
index 12e87c7..f9736a8 100644
--- a/public/wear.html
+++ b/public/wear.html
@@ -456,7 +456,7 @@ function draw(){
   });
 }
 
-document.getElementById('sort').onchange = render;
+document.getElementById('sort').onchange = e => { localStorage.setItem('wear_sort', e.target.value); render(); };
 document.getElementById('density').oninput = e => { document.documentElement.style.setProperty('--cols', e.target.value); localStorage.setItem('wear_cols', e.target.value); };
 document.getElementById('close').onclick = ()=>document.getElementById('scrim').classList.remove('on');
 document.getElementById('scrim').onclick = e => { if(e.target.id==='scrim') document.getElementById('scrim').classList.remove('on'); };
@@ -491,8 +491,9 @@ document.getElementById('buy').onclick = async ()=>{
   btn.disabled=false; btn.textContent = 'Notify me when live';
 };
 
-// restore density pref
+// restore density + sort prefs
 const dc = localStorage.getItem('wear_cols'); if(dc){ document.getElementById('density').value=dc; document.documentElement.style.setProperty('--cols', dc); }
+const sp = localStorage.getItem('wear_sort'); if(sp){ document.getElementById('sort').value=sp; }
 boot();
 </script>
 </body>

← c90a83c Verify recolored wear artwork through both fulfillment draft · back to CelebritySignatures · homepage: tighten gallery card UI + wire real mural/clothing f19730e →