65 lines
1 KiB
React
65 lines
1 KiB
React
|
import Router from "next/router";
|
||
|
|
import NProgress from "nprogress";
|
||
|
|
|
||
|
|
let timer;
|
||
|
|
let state;
|
||
|
|
let activeRequests = 0;
|
||
|
|
|
||
|
|
function load() {
|
||
|
|
if (state === "loading") {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
state = "loading";
|
||
|
|
|
||
|
|
timer = setTimeout(() => {
|
||
|
|
NProgress.start();
|
||
|
|
}, 1);
|
||
|
|
}
|
||
|
|
|
||
|
|
function stop() {
|
||
|
|
if (activeRequests > 0) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
state = "stop";
|
||
|
|
|
||
|
|
clearTimeout(timer);
|
||
|
|
NProgress.done();
|
||
|
|
}
|
||
|
|
|
||
|
|
function routeChangeStart() {
|
||
|
|
if (window.location.pathname !== Router.pathname) {
|
||
|
|
load();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
Router.events.on("routeChangeStart", routeChangeStart);
|
||
|
|
Router.events.on("routeChangeComplete", stop);
|
||
|
|
Router.events.on("routeChangeError", stop);
|
||
|
|
|
||
|
|
const originalFetch = window.fetch;
|
||
|
|
window.fetch = async function (...args) {
|
||
|
|
if (activeRequests === 0) {
|
||
|
|
load();
|
||
|
|
}
|
||
|
|
|
||
|
|
activeRequests++;
|
||
|
|
|
||
|
|
try {
|
||
|
|
const response = await originalFetch(...args);
|
||
|
|
return response;
|
||
|
|
} catch (error) {
|
||
|
|
return Promise.reject(error);
|
||
|
|
} finally {
|
||
|
|
activeRequests -= 1;
|
||
|
|
if (activeRequests === 0) {
|
||
|
|
stop();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
export default function TopProgressbar() {
|
||
|
|
return null;
|
||
|
|
}
|