thePR0M3TH3AN/bitvid
1
0 Fork 0
mirror of https://github.com/PR0M3TH3AN/bitvid.git synced 2026-11-06 12:52:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Bust cached sidebar assets

Browse Source
This commit is contained in:
thePR0M3TH3AN committed 2025-10-06 16:27:13 -04:00
1 parent 63a178263a
commit f04c21004a
9 files changed
+47 -34
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

AGENTS.md
+1
View File
@@ -70,6 +70,7 @@ Document the run in PR descriptions so QA can cross-reference results.
* **Probing:** Lightweight `HEAD`/`GET` requests should back `probeUrl()` so dead URLs can be hidden or flagged without blocking the UI.
* **Extensibility:** Future work (live streams, NIP-96 uploads, analytics) should preserve the URL-first strategy and magnet safety rules above.
* **Sidebar layering:** Keep the fixed sidebar below every modal and overlay. Respect the `--z-sidebar*` tokens so dialogs always render on top of the navigation.
* **Static asset cache busting:** The CDN aggressively caches `components/sidebar.html` and CSS/JS bundles. Update `config/asset-version.js` and keep the `?v=` query strings in `index.html` (and iframe form shells) in sync whenever you change sidebar markup, scripts, or styles. The fetch helpers in `js/index.js` already append `cache: "no-store"`; reuse them for new partials so desktop collapses ship immediately without waiting on manual cache clears.
---
components/iframe_forms/iframe-application-form.html
+1 -1
View File
@@ -4,7 +4,7 @@
<meta charset="utf-8" />
<title>bitvid Whitelist Application Form</title>
<!-- Link to your main stylesheet -->
<link rel="stylesheet" href="../../css/style.css" />
<link rel="stylesheet" href="../../css/style.css?v=2024.10.11" />
<style>
/* Override for form page to match modal field styling */
components/iframe_forms/iframe-bug-fix-form.html
+1 -1
View File
@@ -4,7 +4,7 @@
<meta charset="utf-8" />
<title>bitvid Bug Report Form</title>
<!-- Link to your main stylesheet -->
<link rel="stylesheet" href="../../css/style.css" />
<link rel="stylesheet" href="../../css/style.css?v=2024.10.11" />
<style>
/* Override for form page to match modal field styling */
components/iframe_forms/iframe-content-appeals-form.html
+1 -1
View File
@@ -4,7 +4,7 @@
<meta charset="utf-8" />
<title>bitvid Content Appeals Form</title>
<!-- Link to your main stylesheet -->
<link rel="stylesheet" href="../../css/style.css" />
<link rel="stylesheet" href="../../css/style.css?v=2024.10.11" />
<style>
/* Override for form page to match modal field styling */
components/iframe_forms/iframe-feedback-form.html
+1 -1
View File
@@ -4,7 +4,7 @@
<meta charset="utf-8" />
<title>bitvid General Feedback Form</title>
<!-- Link to your main stylesheet -->
<link rel="stylesheet" href="../../css/style.css" />
<link rel="stylesheet" href="../../css/style.css?v=2024.10.11" />
<style>
/* Override for form page to match modal field styling */
components/iframe_forms/iframe-request-form.html
+1 -1
View File
@@ -4,7 +4,7 @@
<meta charset="utf-8" />
<title>bitvid Feature Request Form</title>
<!-- Link to your main stylesheet -->
<link rel="stylesheet" href="../../css/style.css" />
<link rel="stylesheet" href="../../css/style.css?v=2024.10.11" />
<style>
/* Override for form page to match modal field styling */
config/asset-version.js
+1
View File
@@ -0,0 +1 @@
export const ASSET_VERSION = "2024.10.11";
index.html
+19 -14
View File
@@ -45,10 +45,15 @@
<meta name="theme-color" content="#0f172a" />
<!-- Styles -->
<script src="js/tracking.js" defer></script>
<link href="css/tailwind.generated.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<link href="css/markdown.css" rel="stylesheet" />
<!--
Cache busting: keep these query strings in sync with config/asset-version.js
so browsers pick up the latest sidebar markup and styling without
hard-refreshing around CDN caches.
-->
<script src="js/tracking.js?v=2024.10.11" defer></script>
<link href="css/tailwind.generated.css?v=2024.10.11" rel="stylesheet" />
<link href="css/style.css?v=2024.10.11" rel="stylesheet" />
<link href="css/markdown.css?v=2024.10.11" rel="stylesheet" />
</head>
<body>
<!--
@@ -206,16 +211,16 @@
<!-- Additional Scripts -->
<!-- Bootstraps nostr-tools before other modules rely on nostrToolsReady -->
<script type="module" src="js/nostrToolsBootstrap.js"></script>
<script type="module" src="js/config.js"></script>
<script type="module" src="js/lists.js"></script>
<script type="module" src="js/accessControl.js"></script>
<script type="module" src="js/webtorrent.js"></script>
<script type="module" src="js/nostr.js"></script>
<script type="module" src="js/viewManager.js"></script>
<script type="module" src="js/bootstrap.js"></script>
<script type="module" src="js/disclaimer.js"></script>
<script type="module" src="js/index.js"></script>
<script type="module" src="js/nostrToolsBootstrap.js?v=2024.10.11"></script>
<script type="module" src="js/config.js?v=2024.10.11"></script>
<script type="module" src="js/lists.js?v=2024.10.11"></script>
<script type="module" src="js/accessControl.js?v=2024.10.11"></script>
<script type="module" src="js/webtorrent.js?v=2024.10.11"></script>
<script type="module" src="js/nostr.js?v=2024.10.11"></script>
<script type="module" src="js/viewManager.js?v=2024.10.11"></script>
<script type="module" src="js/bootstrap.js?v=2024.10.11"></script>
<script type="module" src="js/disclaimer.js?v=2024.10.11"></script>
<script type="module" src="js/index.js?v=2024.10.11"></script>
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
</body>
js/index.js
+21 -15
View File
@@ -1,6 +1,7 @@
// js/index.js
import { validateInstanceConfig } from "../config/validate-config.js";
import { ASSET_VERSION } from "../config/asset-version.js";
import "./bufferPolyfill.js";
import Application from "./app.js";
import { setApplication, setApplicationReady } from "./applicationContext.js";
@@ -102,13 +103,26 @@ document.addEventListener("animationend", handleFadeInAnimationComplete, true);
document.addEventListener("animationcancel", handleFadeInAnimationComplete, true);
// 1) Load modals (login, application, etc.)
const withAssetVersion = (url) => {
if (typeof url !== "string" || url.length === 0) {
return url;
}
const separator = url.includes("?") ? "&" : "?";
return `${url}${separator}v=${encodeURIComponent(ASSET_VERSION)}`;
};
const fetchPartial = async (url) => {
const response = await fetch(withAssetVersion(url), { cache: "no-store" });
if (!response.ok) {
throw new Error("Failed to load " + url);
}
return response.text();
};
async function loadModal(url) {
try {
const response = await fetch(url);
if (!response.ok) {
throw new Error("Failed to load " + url);
}
const html = await response.text();
const html = await fetchPartial(url);
// Remove analytics loader tags from modal partials to avoid duplicate pageview events.
const sanitizedHtml = html.replace(
/<script\b[^>]*src=["'][^"']*tracking\.js[^"']*["'][^>]*>\s*<\/script>/gi,
@@ -126,11 +140,7 @@ async function loadModal(url) {
// 2) Load sidebar
async function loadSidebar(url, containerId) {
try {
const response = await fetch(url);
if (!response.ok) {
throw new Error("Failed to load " + url);
}
const html = await response.text();
const html = await fetchPartial(url);
document.getElementById(containerId).innerHTML = html;
console.log(url, "loaded into", containerId);
} catch (err) {
@@ -141,11 +151,7 @@ async function loadSidebar(url, containerId) {
// 3) Load the disclaimer (now separate)
async function loadDisclaimer(url, containerId) {
try {
const response = await fetch(url);
if (!response.ok) {
throw new Error("Failed to load " + url);
}
const html = await response.text();
const html = await fetchPartial(url);
document.getElementById(containerId).insertAdjacentHTML("beforeend", html);
console.log(url, "disclaimer loaded into", containerId);
} catch (err) {