Upload index.html with huggingface_hub

index.html

@@ -663,15 +663,15 @@ document.getElementById('tab-'+id).classList.add('active');
 }
 
 // ===== ACTIONS =====
-function setCat(s){S.cat=s;S.pg=1;updActive('.cat-item','data-s',s);goBackToList();render();closeMsb()}
-function setPrice(min,max,i){S.pmin=min;S.pmax=max;S.pg=1;document.querySelectorAll('.pr-item[data-i]').forEach((e,j)=>e.classList.toggle('active',j===i));goBackToList();render();closeMsb()}
-function setBrand(b){S.brand=b;S.pg=1;document.querySelectorAll('[data-b]').forEach(e=>e.classList.toggle('active',e.getAttribute('data-b')===b));goBackToList();render();closeMsb()}
+function setCat(s){S.cat=s;S.pg=1;updActive('.cat-item','data-s',s);goBackToList();updateHash();render();closeMsb()}
+function setPrice(min,max,i){S.pmin=min;S.pmax=max;S.pg=1;document.querySelectorAll('.pr-item[data-i]').forEach((e,j)=>e.classList.toggle('active',j===i));goBackToList();updateHash();render();closeMsb()}
+function setBrand(b){S.brand=b;S.pg=1;document.querySelectorAll('[data-b]').forEach(e=>e.classList.toggle('active',e.getAttribute('data-b')===b));goBackToList();updateHash();render();closeMsb()}
 function goBackToList(){document.getElementById('listView').style.display='';document.getElementById('detailView').classList.remove('show');document.getElementById('detailView').innerHTML='';document.querySelector('.hero').style.display='';}
-function doSearch(){S.q=document.getElementById('q').value.trim();S.pg=1;render();renderMainCatSearch()}
-function doSort(){S.sort=document.getElementById('ss').value;S.pg=1;render()}
-function setV(v){S.view=v;document.getElementById('gb').classList.toggle('active',v==='g');document.getElementById('lb').classList.toggle('active',v==='l');render()}
-function goPg(p){let f=getF(),tp=Math.ceil(f.length/PP);if(p<1||p>tp)return;S.pg=p;render();document.querySelector('.toolbar').scrollIntoView({behavior:'smooth',block:'start'})}
-function resetAll(){S={cat:'all',q:'',pmin:0,pmax:1e15,sort:'default',pg:1,view:S.view,brand:'all'};document.getElementById('q').value='';document.getElementById('ss').value='default';updActive('.cat-item','data-s','all');document.querySelectorAll('.pr-item[data-i]').forEach((e,i)=>e.classList.toggle('active',i===0));document.querySelectorAll('[data-b]').forEach(e=>e.classList.toggle('active',e.getAttribute('data-b')==='all'));render();let csr=document.getElementById('catSearchResults');if(csr)csr.innerHTML='';}
+function doSearch(){S.q=document.getElementById('q').value.trim();S.pg=1;updateHash();render();renderMainCatSearch()}
+function doSort(){S.sort=document.getElementById('ss').value;S.pg=1;updateHash();render()}
+function setV(v){S.view=v;document.getElementById('gb').classList.toggle('active',v==='g');document.getElementById('lb').classList.toggle('active',v==='l');updateHash();render()}
+function goPg(p){let f=getF(),tp=Math.ceil(f.length/PP);if(p<1||p>tp)return;S.pg=p;updateHash();render();document.querySelector('.toolbar').scrollIntoView({behavior:'smooth',block:'start'})}
+function resetAll(){S={cat:'all',q:'',pmin:0,pmax:1e15,sort:'default',pg:1,view:S.view,brand:'all'};document.getElementById('q').value='';document.getElementById('ss').value='default';updActive('.cat-item','data-s','all');document.querySelectorAll('.pr-item[data-i]').forEach((e,i)=>e.classList.toggle('active',i===0));document.querySelectorAll('[data-b]').forEach(e=>e.classList.toggle('active',e.getAttribute('data-b')==='all'));location.hash='';render();let csr=document.getElementById('catSearchResults');if(csr)csr.innerHTML='';}
 function updActive(sel,attr,val){document.querySelectorAll(sel).forEach(e=>e.classList.toggle('active',e.getAttribute(attr)===val))}
 function closeMsb(){document.getElementById('msb').classList.remove('open')}
 document.addEventListener('keydown',e=>{if(e.key==='Escape')goBack();if(e.key==='/'&&document.activeElement.tagName!=='INPUT'){e.preventDefault();document.getElementById('q').focus()}});
@@ -920,9 +920,10 @@ goBack();
 showPage('products');resetAll();
 }
 
-// Parse URL query params on load for direct search URLs
+// Parse URL hash params on load for direct search URLs
 function parseUrlParams(){
-let params=new URLSearchParams(location.search);
+let hash=location.hash.replace(/^#/,'');
+let params=new URLSearchParams(hash);
 let q=params.get('q')||params.get('search')||'';
 if(q){
 document.getElementById('q').value=q;
@@ -941,6 +942,24 @@ let p=params.get('p');
 if(p==='list'){S.view='l';document.getElementById('gb').classList.remove('active');document.getElementById('lb').classList.add('active');}
 }
 
+// Update hash based on current state
+function updateHash(){
+let parts=[];
+if(S.q)parts.push('q='+encodeURIComponent(S.q));
+if(S.cat!=='all')parts.push('cat='+encodeURIComponent(S.cat));
+if(S.brand!=='all')parts.push('brand='+encodeURIComponent(S.brand));
+if(S.pg>1)parts.push('page='+S.pg);
+if(S.sort!=='default')parts.push('sort='+encodeURIComponent(S.sort));
+if(S.view==='l')parts.push('p=list');
+location.hash=parts.length?'#'+parts.join('&'):'';
+}
+
+// Handle hash changes
+window.addEventListener('hashchange',()=>{
+parseUrlParams();
+render();
+});
+
 // Init on load
 document.addEventListener('DOMContentLoaded',()=>{
 parseUrlParams();