one/dist/cjs/views/ScrollBehavior.cjs

One is a new React Framework that makes Vite serve both native and web.

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,
  registerScrollGroup: () => registerScrollGroup
});
module.exports = __toCommonJS(ScrollBehavior_exports);
var import_react = require("react"),
  import_lastAction = require("../router/lastAction.cjs"),
  import_router = require("../router/router.cjs");
const KEY = "one-sr",
  GROUP_KEY = "one-sr-groups",
  getState = () => JSON.parse(sessionStorage.getItem(KEY) || "{}"),
  getGroupState = () => JSON.parse(sessionStorage.getItem(GROUP_KEY) || "{}");
let isFirstLoad = !0,
  activeGroups = /* @__PURE__ */new Set();
function registerScrollGroup(groupId) {
  return activeGroups.add(groupId), () => {
    activeGroups.delete(groupId);
  };
}
function getGroupKey(pathname) {
  let longestMatch = null;
  for (const group of activeGroups) pathname.startsWith(group) && (!longestMatch || group.length > longestMatch.length) && (longestMatch = group);
  return longestMatch;
}
function restorePosition() {
  try {
    const saved = getState()[window.location.pathname];
    typeof saved == "number" && setTimeout(() => {
      window.scrollTo(0, saved);
    });
  } catch (error) {
    console.error("Error restoring scroll position", error), sessionStorage.removeItem(KEY);
  }
}
function restoreGroupPosition(groupId) {
  try {
    const saved = getGroupState()[groupId];
    typeof saved == "number" && setTimeout(() => {
      window.scrollTo(0, saved);
    });
  } catch (error) {
    console.error(`Error restoring scroll position for group ${groupId}`, error), sessionStorage.removeItem(GROUP_KEY);
  }
}
let didPop = !1,
  previousPathname = null;
function rememberScrollPosition() {
  didPop = !1;
  const pathname = window.location.pathname,
    state = getState();
  state[pathname] = window.scrollY, sessionStorage.setItem(KEY, JSON.stringify(state));
  const groupKey = getGroupKey(pathname);
  if (groupKey) {
    const groupState = getGroupState();
    groupState[groupKey] = window.scrollY, sessionStorage.setItem(GROUP_KEY, JSON.stringify(groupState));
  }
  previousPathname = pathname;
}
let disable = null;
function configure(props) {
  if (typeof window > "u" || !window.addEventListener) return;
  disable?.();
  const popStateController = new AbortController();
  window.addEventListener("popstate", () => {
    didPop = !0, (0, import_lastAction.setLastAction)();
  }, {
    signal: popStateController.signal
  });
  const disposeOnLoadState = (0, import_router.subscribeToLoadingState)(state => {
      state === "loading" && rememberScrollPosition();
    }),
    disposeOnRootState = (0, import_router.subscribeToRootState)(state => {
      if (isFirstLoad) {
        isFirstLoad = !1, previousPathname = window.location.pathname;
        return;
      }
      if (state.linkOptions?.scroll === !1) return;
      const {
          hash
        } = state,
        currentPathname = window.location.pathname;
      if (hash) setTimeout(() => {
        scrollToHash(hash);
      });else if (didPop) props.disable !== "restore" && restorePosition();else {
        const prevGroup = previousPathname ? getGroupKey(previousPathname) : null,
          currentGroup = getGroupKey(currentPathname);
        prevGroup && currentGroup && prevGroup === currentGroup ? restoreGroupPosition(currentGroup) : state.linkOptions?.scrollGroup ? restoreGroupPosition(state.linkOptions.scrollGroup) : window.scrollTo(0, 0);
      }
      previousPathname = currentPathname;
    });
  return disable = () => {
    popStateController.abort(), disposeOnLoadState(), disposeOnRootState();
  }, disable;
}
function scrollToHash(hash) {
  if (!hash || !hash.startsWith("#")) return;
  const 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)(() => {
    window.location.hash && scrollToHash(window.location.hash);
  }, []), (0, import_react.useEffect)(() => configure(props), [props.disable])), null;
}