feat(demo): regenerate cache-busting URL param on refresh

grega · grega · commit 0454d7d82e25 · 2026-05-05T17:11:24.000+01:00
diff --git a/docs/index.html b/docs/index.html
@@ -11,13 +11,13 @@
 <body>
   <div class="demo__source-bar" id="source-bar">
     <div class="container">
+      Loading source info...
     </div>
   </div>
-  <div class="container">
-    <h1>Python Friendly Error Messages - Demo</h1>
-  </div>
 
-  <div id="demo-container" class="demo__table-page">
+  <h1>Python Friendly Error Messages - Demo</h1>
+
+  <div class="demo__table-page" id="demo-container">
     Loading demo...
   </div>
 
@@ -26,7 +26,16 @@ <h1>Python Friendly Error Messages - Demo</h1>
 
     const pageParams = new URLSearchParams(window.location.search);
     const useLocal = pageParams.has('local');
-    const cacheBust = pageParams.get('cb');
+    const navigationEntry = performance.getEntriesByType('navigation')[0];
+    const isReload = navigationEntry && navigationEntry.type === 'reload';
+    let cacheBust = pageParams.get('cb');
+
+    if (isReload) {
+      cacheBust = String(Date.now());
+      pageParams.set('cb', cacheBust);
+      const nextUrl = `${window.location.pathname}?${pageParams.toString()}${window.location.hash}`;
+      window.history.replaceState(null, '', nextUrl);
+    }
 
     const libPathBase = useLocal
       ? '../dist/index.browser.js'
@@ -38,7 +47,7 @@ <h1>Python Friendly Error Messages - Demo</h1>
     async function initDemo() {
       const container = document.getElementById('demo-container');
 
-      const switchUrl = useLocal ? 'index.html' : 'index.html?local';
+      const switchUrl = useLocal ? 'index.html' : 'index.html?local=true';
       const bar = document.querySelector('#source-bar .container');
       if (useLocal) {
         bar.innerHTML = `
diff --git a/docs/styles.css b/docs/styles.css
@@ -19,7 +19,7 @@ body {
 
 h1 {
   color: #2c3e50;
-  margin-bottom: 0.5rem;
+  text-align: center;
 }
 
 .demo__source-bar {

Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,7 @@ body {`
`19`	`19`
`20`	`20`	`h1 {`
`21`	`21`	`color: #2c3e50;`
`22`		`- margin-bottom: 0.5rem;`
	`22`	`+ text-align: center;`
`23`	`23`	`}`
`24`	`24`
`25`	`25`	`.demo__source-bar {`