LibreChat/client/index.html
Danny Avila 788cc5ac07
Some checks are pending
Docker Dev Images Build / build (Dockerfile, librechat-dev, node) (push) Waiting to run
Docker Dev Images Build / build (Dockerfile.multi, librechat-dev-api, api-build) (push) Waiting to run
GitNexus Index / index (push) Waiting to run
GitNexus Index / post-index (push) Blocked by required conditions
Sync Locize Translations & Create Translation PR / Sync Translation Keys with Locize (push) Waiting to run
Sync Locize Translations & Create Translation PR / Create Translation PR on Version Published (push) Blocked by required conditions
Sync Helm Chart Tags / Ignore non-main push (push) Waiting to run
Sync Helm Chart Tags / Sync chart tags (push) Waiting to run
🛟 fix: Auto-Recover from Stale Service Worker Assets After Deploys (#13686)
* 🛟 fix: Auto-Recover from Stale Service Worker Assets After Deploys

- 404 missing static assets in the SPA fallback instead of serving index.html
- inline recovery script unregisters stale SWs and reloads once on chunk failure
- route vite:preloadError into the same recovery path for stale lazy chunks

* 🛟 fix: Address Review — SW-Side Recovery, Scoped Unregister, Shared Fallback

- importScripts'd sw-heal.js pings window clients on activation and reloads
  ones that can't pong: stale pages carry no recovery code of their own
- scope SW unregistration to the deployment base for subpath installs
- preventDefault vite:preloadError only when a recovery reload was initiated
- extract createSpaFallback and apply the asset 404 guard to experimental.js
2026-06-11 11:57:06 -04:00

143 lines
5 KiB
HTML

<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8" />
<base href="/" />
<meta name="theme-color" content="#171717" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="description" content="LibreChat - An open source chat application with support for multiple AI models" />
<title>LibreChat</title>
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon-16x16.png" />
<link rel="apple-touch-icon" href="assets/apple-touch-icon-180x180.png" />
<meta name="viewport" content="width=device-width, initial-scale=1, interactive-widget=resizes-content" />
<style>
html,
body {
margin: 0;
padding: 0;
height: 100%;
}
</style>
<script>
const theme = localStorage.getItem('color-theme');
const loadingContainerStyle = document.createElement('style');
let backgroundColor;
if (theme === 'dark') {
backgroundColor = '#0d0d0d';
} else if (theme === 'light') {
backgroundColor = '#ffffff';
} else if (theme === 'system') {
const prefersDarkScheme = window.matchMedia('(prefers-color-scheme: dark)').matches;
backgroundColor = prefersDarkScheme ? '#0d0d0d' : '#ffffff';
} else {
backgroundColor = '#ffffff';
}
loadingContainerStyle.innerHTML = `
#loading-container {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
background-color: ${backgroundColor};
}
`;
document.head.appendChild(loadingContainerStyle);
</script>
<script>
(function () {
var KEY = 'lc-asset-recovery-at';
function shouldRecover() {
try {
var last = Number(sessionStorage.getItem(KEY)) || 0;
if (Date.now() - last < 60000) {
return false;
}
sessionStorage.setItem(KEY, String(Date.now()));
return true;
} catch (e) {
return false;
}
}
/** Recovers from stale builds (e.g. an outdated service worker serving old
* hashed chunks after a deploy) by unregistering workers and reloading once.
* Returns true when a recovery reload was initiated. */
window.__lcRecoverStaleAssets = function () {
if (!shouldRecover()) {
return false;
}
var reload = function () {
window.location.reload();
};
if (navigator.serviceWorker) {
var scopeBase = new URL('./', document.baseURI || window.location.href).href;
navigator.serviceWorker
.getRegistrations()
.then(function (registrations) {
return Promise.all(
registrations
.filter(function (registration) {
return registration.scope.indexOf(scopeBase) === 0;
})
.map(function (registration) {
return registration.unregister();
}),
);
})
.then(reload, reload);
} else {
reload();
}
return true;
};
if (navigator.serviceWorker) {
navigator.serviceWorker.addEventListener('message', function (event) {
if (!event.data || event.data.type !== 'LC_SW_PING') {
return;
}
var source = event.source || navigator.serviceWorker.controller;
if (source) {
source.postMessage({ type: 'LC_SW_PONG' });
}
});
}
window.addEventListener(
'error',
function (event) {
var el = event.target;
if (!el || !el.tagName) {
return;
}
var failedScript = el.tagName === 'SCRIPT' && el.src;
var failedPreload =
el.tagName === 'LINK' && /preload/.test(el.rel || '') && /\.js$/.test(el.href || '');
if (failedScript || failedPreload) {
window.__lcRecoverStaleAssets();
}
},
true,
);
window.addEventListener('unhandledrejection', function (event) {
var message = event.reason && event.reason.message;
if (
typeof message === 'string' &&
(message.indexOf('dynamically imported module') !== -1 ||
message.indexOf('Importing a module script failed') !== -1)
) {
window.__lcRecoverStaleAssets();
}
});
})();
</script>
<script defer type="module" src="/src/main.jsx"></script>
</head>
<body>
<div id="root">
<div id="loading-container"></div>
</div>
</body>
</html>