one
Version:
One is a React framework for web, iOS, and Android apps.
53 lines (51 loc) • 1.78 kB
JavaScript
const dynamicImport = (path, reloadOnError = true) => {
return loadWithRetry(() => import(
/* @vite-ignore */
path
), { onChunkErrorExhausted: () => reloadOnError && process.env.ONE_SKEW_PROTECTION !== "false" ? handleSkewError() : false });
};
const CHUNK_ERROR_PATTERNS = [
"Failed to fetch dynamically imported module",
"error loading dynamically imported module",
"Importing a module script failed",
"Unable to preload CSS for"
];
function isChunkLoadError(err) {
const msg = err instanceof Error ? err.message : String(err);
return CHUNK_ERROR_PATTERNS.some((p) => msg.includes(p));
}
function handleSkewError() {
if (typeof window === "undefined") return false;
const key = "__one_skew_reload";
const last = sessionStorage.getItem(key);
if (!last || Date.now() - Number(last) > 1e4) {
sessionStorage.setItem(key, String(Date.now()));
window.location.reload();
return true;
}
return false;
}
const CHUNK_RETRY_ATTEMPTS = 3;
const CHUNK_RETRY_DELAY_MS = 500;
const realDelay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
async function loadWithRetry(loader, options = {}) {
const attempts = options.attempts ?? 3;
const delayMs = options.delayMs ?? 500;
const delay = options.delay ?? realDelay;
const recover = options.onChunkErrorExhausted ?? handleSkewError;
const attempt = async (retriesLeft) => {
try {
return await loader();
} catch (err) {
if (retriesLeft > 0) {
await delay(delayMs);
return attempt(retriesLeft - 1);
}
if (isChunkLoadError(err) && recover()) return new Promise(() => {});
throw err;
}
};
return attempt(attempts);
}
export { CHUNK_RETRY_ATTEMPTS, CHUNK_RETRY_DELAY_MS, dynamicImport, handleSkewError, isChunkLoadError, loadWithRetry };
//# sourceMappingURL=dynamicImport.mjs.map