vitepress-plugin-bprogress/lib/index.js

A beautiful loading progress bar plugin for VitePress that integrates seamlessly with VitePress themes

import { BProgress } from "@bprogress/core";

//#region src/index.ts
const vitepressBprogress = (ctx) => {
	if (typeof window === "undefined") return;
	const { router } = ctx;
	const initProgress = () => {
		const layout = document.querySelector(".Layout");
		if (layout) {
			setupProgressBar(layout);
			return;
		}
		const observer = new MutationObserver((mutations) => {
			for (const mutation of mutations) if (mutation.type === "childList") {
				const layout$1 = document.querySelector(".Layout");
				if (layout$1) {
					observer.disconnect();
					setupProgressBar(layout$1);
					return;
				}
			}
		});
		observer.observe(document.body, {
			childList: true,
			subtree: true
		});
	};
	const setupProgressBar = (parent) => {
		BProgress.configure({
			showSpinner: false,
			speed: 400,
			easing: "linear",
			parent
		});
		const r = router;
		const cacheBeforeRouteChange = r.onBeforeRouteChange;
		const cacheAfterRouteChange = r.onAfterRouteChange;
		const cacheAfterRouteChanged = r.onAfterRouteChanged;
		r.onBeforeRouteChange = (to) => {
			BProgress.start();
			cacheBeforeRouteChange?.(to);
		};
		const afterRouteHandler = (to) => {
			BProgress.done();
			cacheAfterRouteChange?.(to);
			cacheAfterRouteChanged?.(to);
		};
		r.onAfterRouteChange = afterRouteHandler;
		if (r.onAfterRouteChanged) r.onAfterRouteChanged = afterRouteHandler;
	};
	if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", initProgress);
	else initProgress();
	return BProgress;
};
var src_default = vitepressBprogress;

//#endregion
export { src_default as default };