one
Version:
One is a new React Framework that makes Vite serve both native and web.
92 lines (91 loc) • 3.58 kB
JavaScript
;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: !0 });
}, __copyProps = (to, from, except, desc) => {
if (from && typeof from == "object" || typeof from == "function")
for (let key of __getOwnPropNames(from))
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
var ScrollBehavior_exports = {};
__export(ScrollBehavior_exports, {
ScrollBehavior: () => ScrollBehavior
});
module.exports = __toCommonJS(ScrollBehavior_exports);
var import_react = require("react"), import_lastAction = require("../router/lastAction"), import_router = require("../router/router"), KEY = "one-sr", getState = function() {
return JSON.parse(sessionStorage.getItem(KEY) || "{}");
}, isFirstLoad = !0;
function restorePosition() {
try {
var positions = getState(), saved = positions[window.location.pathname];
typeof saved == "number" && setTimeout(function() {
window.scrollTo(0, saved);
});
} catch (error) {
console.error("Error restoring scroll position", error), sessionStorage.removeItem(KEY);
}
}
var didPop = !1;
function rememberScrollPosition() {
didPop = !1;
var state = getState();
state[window.location.pathname] = window.scrollY, sessionStorage.setItem(KEY, JSON.stringify(state));
}
var disable = null;
function configure(props) {
if (!(typeof window > "u" || !window.addEventListener)) {
disable == null || disable();
var popStateController = new AbortController();
window.addEventListener("popstate", function() {
didPop = !0, (0, import_lastAction.setLastAction)();
}, {
signal: popStateController.signal
});
var disposeOnLoadState = (0, import_router.subscribeToLoadingState)(function(state) {
state === "loading" && rememberScrollPosition();
}), disposeOnRootState = (0, import_router.subscribeToRootState)(function(state) {
var _state_linkOptions;
if (isFirstLoad) {
isFirstLoad = !1;
return;
}
if (((_state_linkOptions = state.linkOptions) === null || _state_linkOptions === void 0 ? void 0 : _state_linkOptions.scroll) !== !1) {
var { hash } = state;
hash ? setTimeout(function() {
scrollToHash(hash);
}) : didPop ? props.disable !== "restore" && restorePosition() : window.scrollTo(0, 0);
}
});
return disable = function() {
popStateController.abort(), disposeOnLoadState(), disposeOnRootState();
}, disable;
}
}
function scrollToHash(hash) {
if (!(!hash || !hash.startsWith("#"))) {
var id = hash.slice(1), el = document.getElementById(id);
el && el.scrollIntoView({
behavior: "instant"
});
}
}
function ScrollBehavior(props) {
return process.env.VITE_ENVIRONMENT === "client" && ((0, import_react.useEffect)(function() {
window.location.hash && scrollToHash(window.location.hash);
}, []), (0, import_react.useEffect)(function() {
return configure(props);
}, [
props.disable
])), null;
}
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
ScrollBehavior
});
//# sourceMappingURL=ScrollBehavior.js.map