@xingwangzhe/stalux 1.57.0 → 1.58.0

package/src/scripts/swup-router.ts

@@ -1,580 +0,0 @@
-import SwupA11yPlugin from "@swup/a11y-plugin";
-import SwupBodyClassPlugin from "@swup/body-class-plugin";
-import SwupFragmentPlugin from "@swup/fragment-plugin";
-import SwupHeadPlugin from "@swup/head-plugin";
-import SwupJsPlugin from "@swup/js-plugin";
-import SwupParallelPlugin from "@swup/parallel-plugin";
-import SwupPreloadPlugin from "@swup/preload-plugin";
-import SwupProgressPlugin from "@swup/progress-plugin";
-import SwupRouteNamePlugin from "@swup/route-name-plugin";
-import SwupScrollPlugin from "@swup/scroll-plugin";
-import Swup, { type Visit } from "swup";
-import { getRouteKind } from "../utils/public-routes";
-import { getRouteMotionPreset, type RouteMotionPreset } from "../utils/route-motion-policy";
-import { installBackToTop } from "./back-to-top";
-import { prepareNavigationFont } from "./navigation-font";
-import "./navigation-client";
-import { navigationScripts, prepareNavigationScripts } from "./navigation-scripts";
-import { prepareRouteMotion, type RouteMotion } from "./route-motion";
-import { animateRouteOut } from "./route-out";
-import { hydrateShells, markRetainedShells } from "./shell-hydration";
-import { cancelPageScroll, glideToTop, type PageGlide, scrollPage } from "./smooth-scroll";
-
-interface NavigationContext {
-    controller: AbortController;
-    from: URL;
-    to: URL;
-    direction: string;
-    navigationType: "push" | "replace" | "traverse";
-    sourceElement?: Element;
-    preset: RouteMotionPreset;
-    browserMotion: boolean;
-    motion?: RouteMotion;
-    executeScripts?: (signal?: AbortSignal) => Promise<void>;
-    scriptsReady?: Promise<void>;
-    outgoingReady?: Promise<void>;
-    incomingDocument?: Document;
-    removeOutgoing?: () => void;
-    obsoleteStyles: Element[];
-    pruneObsoleteStyles?: () => void;
-    glide?: PageGlide;
-    releaseOutgoing?: () => void;
-}
-
-type Position = { top: number; left: number; focus?: string };
-const MAIN = "#swup-main";
-
-function abortObsoleteVisit(visit: Visit): void {
-    // `abort()` is @internal in swup 4.10.0 and stripped from the published
-    // types; swup-internals.d.ts restores the declaration, so this is checked
-    // like any other member. The guard keeps a future removal from throwing in
-    // the middle of a navigation: every caller returns right after this anyway.
-    if (typeof visit.abort === "function") visit.abort();
-}
-
-function dispatchNavigation(name: string, context: NavigationContext, nextDocument?: Document) {
-    const event = Object.assign(new Event(name, { cancelable: true }), {
-        from: context.from,
-        to: context.to,
-        direction: context.direction,
-        navigationType: context.navigationType,
-        sourceElement: context.sourceElement,
-        signal: context.controller.signal,
-        ...(nextDocument ? { newDocument: nextDocument } : {}),
-    });
-    document.dispatchEvent(event);
-    return event;
-}
-
-function clearMotionState(): void {
-    delete document.documentElement.dataset.staluxMotionPending;
-    for (const key of ["staluxVtFrom", "staluxVtTo", "staluxVtDirection", "staluxVtPreset"])
-        delete document.documentElement.dataset[key];
-}
-
-/** The exit fill is released by whichever path finishes first; never twice. */
-function once(effect: () => void): () => void {
-    let done = false;
-    return () => {
-        if (done) return;
-        done = true;
-        effect();
-    };
-}
-
-/** Astro renders pages; Swup alone owns their client navigation and animation. */
-export function installSwupRouter(): Swup {
-    if (window.swup) return window.swup;
-    const contexts = new WeakMap<Visit, NavigationContext>();
-    const historyPositions = new Map<number, Position>();
-    let authoredStyles = [...document.head.querySelectorAll("style,link[rel=stylesheet]")];
-    let activeContext: NavigationContext | undefined;
-    let visibleHistoryIndex = Number(window.history.state?.index ?? 1);
-    let browserMotion = false;
-    // Swup waits for the target document before it starts any animation, so a
-    // slow fetch is a window with no visual response at all. The official
-    // plugin waits 300ms before showing its bar, which leaves most of that
-    // window empty; 80ms keeps a cached/preloaded visit invisible (it finishes
-    // first) while a real network round trip gets an immediate, theme-coloured
-    // cue. The bar itself is compositor-only: a 3px transform on one element.
-    const progress = new SwupProgressPlugin({ delay: 80, transition: 200 });
-    const scroll = new SwupScrollPlugin({
-        doScrollingRightAway: false,
-        animateScroll: { betweenPages: false, samePageWithHash: true, samePage: true },
-        scrollFunction: scrollPage,
-    });
-
-    window.addEventListener(
-        "popstate",
-        (event) => {
-            // hasUAVisualTransition is part of the DOM lib's PopStateEvent, so
-            // this reads the event directly; the listener is typed for popstate.
-            browserMotion = event.hasUAVisualTransition === true;
-        },
-        { capture: true },
-    );
-
-    const swup = new Swup({
-        native: false,
-        containers: [MAIN],
-        animationSelector: false,
-        animateHistoryBrowsing: true,
-        timeout: 15_000,
-        ignoreVisit: (href, { el }) => {
-            const url = new URL(href, window.location.href);
-            const target =
-                el?.getAttribute("target") ??
-                document.querySelector("base[target]")?.getAttribute("target");
-            return (
-                getRouteKind(url.pathname) === "other" ||
-                /\.(?:md|json|xml|txt|html?|pdf|png|webp|avif|svg|jpe?g)$/iu.test(url.pathname) ||
-                Boolean(el?.closest("[data-no-swup],[data-astro-reload],[rel~=external]")) ||
-                Boolean(target && target !== "_self")
-            );
-        },
-        plugins: [
-            navigationScripts,
-            new SwupBodyClassPlugin({
-                prefix: "page-",
-                attributes: [/^data-stalux-(?!bg-)/u],
-            }),
-            new SwupRouteNamePlugin({
-                routes: [
-                    { name: "home", path: "/" },
-                    { name: "article", path: "/posts/:post" },
-                    { name: "archive", path: "/archives" },
-                    { name: "tags-index", path: "/tags" },
-                    { name: "tags-detail", path: "/tags/:tag" },
-                    { name: "categories-index", path: "/categories" },
-                    { name: "categories-detail", path: "/categories/:category" },
-                    ...["about", "links", "words"].map((name) => ({ name, path: "/" + name })),
-                    { name: "not-found", path: "/404" },
-                ],
-            }),
-            new SwupFragmentPlugin({
-                rules: [
-                    {
-                        from: ["/tags/:slug", "/categories/:slug"],
-                        to: ["/tags/:slug", "/categories/:slug"],
-                        containers: ["#swup-taxonomy"],
-                        scroll: true,
-                    },
-                    {
-                        from: "/posts/:post",
-                        to: "/posts/:post",
-                        containers: ["#swup-article"],
-                        scroll: true,
-                    },
-                ],
-            }),
-            new SwupParallelPlugin({ containers: [MAIN, "#swup-article", "#swup-taxonomy"] }),
-            progress,
-            new SwupHeadPlugin({
-                awaitAssets: true,
-                // Keep old CSS readable until replacement, then prune authored
-                // orphans. Styles inserted by live SDKs remain available.
-                persistTags: (el) => el.matches("script[src],style,link[rel=stylesheet]"),
-            }),
-            scroll,
-            new SwupA11yPlugin({ headingSelector: "[data-stalux-motion-focus]" }),
-            new SwupPreloadPlugin({
-                // The initial document is already present; avoid fetching it twice.
-                preloadInitialPage: false,
-                preloadHoveredLinks: true,
-                preloadVisibleLinks: false,
-                throttle: 2,
-            }),
-            new SwupJsPlugin({
-                animations: [
-                    {
-                        from: "(.*)",
-                        to: "(.*)",
-                        out: async () => {},
-                        in: async (_done, { visit }) => {
-                            const context = contexts.get(visit);
-                            if (!context?.motion) return;
-                            context.motion.start(
-                                document.querySelector<HTMLElement>("[data-stalux-motion-focus]"),
-                                {
-                                    preset: context.preset,
-                                    content: true,
-                                    browserMotion: context.browserMotion,
-                                    skip: context.controller.signal.aborted,
-                                    releaseOutgoing: context.releaseOutgoing,
-                                },
-                            );
-                            await Promise.all([context.motion.finished, context.outgoingReady]);
-                        },
-                    },
-                ],
-            }),
-        ],
-    });
-    if (import.meta.env.DEV) {
-        void import("virtual:stalux-swup-debug").then(({ default: Debug }) => {
-            if (Debug) swup.use(new Debug());
-        });
-    }
-    window.swup = swup;
-    document.documentElement.dataset.staluxRouter = "swup";
-    document.documentElement.dataset.staluxRoute = getRouteKind(window.location.pathname);
-    installBackToTop();
-
-    // Set this in the first synchronous before hook, even when a superseding
-    // click skips the later context handler. Swup's page:load promise must settle
-    // before an obsolete visit is stopped at the transition boundary.
-    swup.hooks.before(
-        "visit:start",
-        (visit) => {
-            visit.animation.wait = true;
-        },
-        { priority: -1000 },
-    );
-
-    swup.hooks.on("visit:start", (visit) => {
-        cancelPageScroll();
-        const focused = document.activeElement;
-        const focus =
-            focused instanceof HTMLAnchorElement
-                ? (focused.getAttribute("href") ?? undefined)
-                : undefined;
-        historyPositions.set(visibleHistoryIndex, {
-            top: window.scrollY,
-            left: window.scrollX,
-            focus,
-        });
-        if (historyPositions.size > 64) {
-            const oldest = historyPositions.keys().next();
-            if (!oldest.done) historyPositions.delete(oldest.value);
-        }
-        const from = new URL(visit.from.url + (visit.from.hash ?? ""), window.location.origin);
-        const to = new URL(visit.to.url + (visit.to.hash ?? ""), window.location.origin);
-        const navigationType = visit.history.popstate ? "traverse" : visit.history.action;
-        const context: NavigationContext = {
-            controller: new AbortController(),
-            from,
-            to,
-            navigationType,
-            direction: visit.history.direction === "backwards" ? "back" : "forward",
-            sourceElement: visit.trigger.el,
-            browserMotion: browserMotion && visit.history.popstate,
-            preset: getRouteMotionPreset({
-                from,
-                to,
-                navigationType,
-                intent:
-                    visit.trigger.el
-                        ?.closest("[data-stalux-motion]")
-                        ?.getAttribute("data-stalux-motion") ?? undefined,
-                reducedMotion: window.matchMedia("(prefers-reduced-motion: reduce)").matches,
-                browserMotion: browserMotion && visit.history.popstate,
-                hidden: document.hidden,
-            }),
-            obsoleteStyles: [],
-        };
-        browserMotion = false;
-        contexts.set(visit, context);
-        activeContext = context;
-        visit.animation.wait = true;
-        if (context.preset === "none" || visit.history.popstate) visit.animation.parallel = false;
-        visit.a11y.focus = visit.history.popstate ? false : { selector: MAIN, wait: true };
-        if (dispatchNavigation("astro:before-preparation", context).defaultPrevented)
-            visit.ignore();
-    });
-
-    swup.hooks.before("visit:transition", (visit) => {
-        const context = contexts.get(visit);
-        // renderPage updates the URL before content:replace. A revived stale
-        // visit must stop here as well as before the later head/DOM work.
-        if (!context || context.controller.signal.aborted || visit !== swup.visit)
-            abortObsoleteVisit(visit);
-    });
-
-    swup.hooks.before("content:insert", (visit, { containers }) => {
-        const context = contexts.get(visit);
-        if (!context) return;
-        context.motion = prepareRouteMotion(
-            dispatchNavigation("astro:before-swap", context, context.incomingDocument),
-        );
-        markRetainedShells();
-        const animations: Animation[] = [];
-        for (const { previous } of containers) {
-            const rect = previous.getBoundingClientRect();
-            previous.inert = true;
-            // The incoming document owns IDs and focus as soon as it is inserted.
-            // Persisted shells are moved by Swup and retain their original IDs.
-            for (const element of [previous, ...previous.querySelectorAll("[id]")]) {
-                if (!element.closest("[data-swup-persist]")) element.removeAttribute("id");
-            }
-            Object.assign(previous.style, {
-                position: "fixed",
-                top: rect.top + "px",
-                left: rect.left + "px",
-                width: rect.width + "px",
-                height: rect.height + "px",
-                // Clip the visible slice without truncating a deeply scrolled article.
-                clipPath: `inset(${Math.max(0, -rect.top)}px 0 ${Math.max(0, rect.bottom - window.innerHeight)}px 0)`,
-                overflow: "hidden",
-                pointerEvents: "none",
-                zIndex: "1",
-            });
-            animations.push(
-                previous.animate(
-                    { opacity: [1, 0], transform: ["translateY(0)", "translateY(-12px)"] },
-                    { duration: 160, easing: "ease-out", fill: "forwards" },
-                ),
-            );
-        }
-        const remove = () => {
-            for (const animation of animations) animation.cancel();
-            for (const { previous } of containers) previous.remove();
-        };
-        context.removeOutgoing = once(remove);
-        context.controller.signal.addEventListener("abort", context.removeOutgoing, { once: true });
-        context.outgoingReady = Promise.all(
-            animations.map((animation) => animation.finished.catch(() => {})),
-        ).then(() => context.removeOutgoing?.());
-    });
-
-    swup.hooks.before(
-        "content:replace",
-        async (visit) => {
-            const context = contexts.get(visit);
-            // Swup 4 can resume a superseded async visit:start after abort. Stop
-            // its entire remaining hook chain before HeadPlugin touches metadata.
-            if (!context || context.controller.signal.aborted || visit !== swup.visit) {
-                abortObsoleteVisit(visit);
-                return;
-            }
-            const next = visit.to.document;
-            if (!next) return;
-            context.executeScripts = prepareNavigationScripts(next, { baseUrl: context.to.href });
-            await prepareNavigationFont(next, context.controller.signal);
-            if (context.controller.signal.aborted || visit !== swup.visit) {
-                abortObsoleteVisit(visit);
-                return;
-            }
-            context.incomingDocument = next.cloneNode(true) as Document;
-            const incoming = [...next.head.querySelectorAll("style,link[rel=stylesheet]")];
-            context.obsoleteStyles = authoredStyles.filter(
-                (el) => !incoming.some((other) => el.isEqualNode(other)),
-            );
-            dispatchNavigation("astro:after-preparation", context, next);
-        },
-        { priority: -100 },
-    );
-
-    // Assets are ready before old interactions are disposed. Replacement errors
-    // propagate to Swup's full-document fallback instead of leaving a dead page.
-    swup.hooks.replace("content:replace", async (visit, args, replace) => {
-        const context = contexts.get(visit);
-        // Swup can release an obsolete visit's parsed document while its async
-        // hook chain is still unwinding. Cancellation precedes validation: a
-        // missing document on an aborted visit is not a failed navigation.
-        if (context?.controller.signal.aborted || visit.done || visit !== swup.visit) return;
-        const next = visit.to.document;
-        if (!(context && next && replace)) throw new Error("Missing Swup document");
-        if (context.controller.signal.aborted) return;
-        // Two cues overlap on the outgoing document: the content stage leaving,
-        // and the page walking back to the top. Persisted sidebars, the header
-        // and the frame are never part of either one.
-        if (
-            !visit.animation.parallel &&
-            context.navigationType !== "traverse" &&
-            context.preset !== "none"
-        ) {
-            const outgoing = animateRouteOut(context.preset, context.controller.signal);
-            if (!context.to.hash) context.glide = glideToTop();
-            await context.glide?.promise;
-            context.releaseOutgoing = once(await outgoing);
-            if (context.controller.signal.aborted || visit !== swup.visit) {
-                context.releaseOutgoing();
-                return;
-            }
-        }
-        const html = document.documentElement;
-        html.dataset.staluxVtFrom = getRouteKind(context.from.pathname);
-        html.dataset.staluxVtTo = getRouteKind(context.to.pathname);
-        html.dataset.staluxVtDirection = context.direction;
-        html.dataset.staluxVtPreset = context.preset;
-        if (context.controller.signal.aborted) return;
-        if (!visit.animation.parallel) {
-            context.motion = prepareRouteMotion(
-                dispatchNavigation("astro:before-swap", context, next),
-            );
-        }
-        // Remember which shells exist now: after the swap only those slots need
-        // refilling, because only those nodes came from the previous document.
-        markRetainedShells();
-        await replace(visit, args);
-        // The stage node survives the swap, so the filled exit effect still holds
-        // the incoming document at zero opacity. It is released inside
-        // motion.start, in the same synchronous block as the entry cue: releasing
-        // it here would paint the new document fully visible for one frame.
-        if (context.controller.signal.aborted) return;
-        // ParallelPlugin keeps the outgoing container visible while it fades out
-        // and only removes it at visit:end / content:remove. Its page-scoped CSS
-        // must outlive that DOM: pruning here paints the outgoing (and already
-        // overlapping) content unstyled for the whole overlap. `awaitAssets`
-        // only covers the incoming stylesheets, not the outgoing ones.
-        const pruneObsoleteStyles = once(() => {
-            for (const element of context.obsoleteStyles) element.remove();
-        });
-        context.pruneObsoleteStyles = pruneObsoleteStyles;
-        if (context.outgoingReady) void context.outgoingReady.then(pruneObsoleteStyles);
-        else pruneObsoleteStyles();
-        const incomingStyles = [...next.head.querySelectorAll("style,link[rel=stylesheet]")];
-        authoredStyles = [...document.head.querySelectorAll("style,link[rel=stylesheet]")].filter(
-            (el) => incomingStyles.some((other) => el.isEqualNode(other)),
-        );
-        // Main alone is replaced: header/footer/sentinel and background layers
-        // keep their node identities. Never reset live background state to SSR 0.
-        html.dataset.staluxRoute = visit.to.route ?? getRouteKind(context.to.pathname);
-        document.querySelector(MAIN)?.setAttribute("data-stalux-route", html.dataset.staluxRoute);
-        visibleHistoryIndex = Number(window.history.state?.index ?? visibleHistoryIndex);
-        // Kept shells whose contents belong to the page (the article sidebars'
-        // lists) take their children from the incoming document now, before any
-        // page module mounts, so nothing needs to re-render or re-measure later.
-        hydrateShells(context.incomingDocument ?? next);
-        dispatchNavigation("astro:after-swap", context, next);
-        // The entry cue has to own the first painted frame of the new document.
-        // content:scroll is an await and a rAF away, and running the incoming
-        // scripts can block the main thread for hundreds of milliseconds: the
-        // reader would see the finished page for one or more frames and only
-        // then watch it jump to the entry offset and slide back, which reads as
-        // the page shaking. Put the scroll at its final position and start the
-        // cue in this same synchronous block, before the scripts run, so the
-        // compositor already owns the cue while the main thread is busy. Hash
-        // targets and history traversals are settled in content:scroll below.
-        // Entering a new document from a link always starts at its top. The
-        // motion preset (reduced motion / hidden tab) and the ScrollPlugin's
-        // reset flag are visual concerns, not navigation ones; neither may opt
-        // out of the reset. A cached offset belongs to history traversals only
-        // (handled in content:scroll) and must never pull a fresh page back
-        // into the middle of the previous article.
-        const startsFresh =
-            !visit.history.popstate && context.navigationType !== "traverse" && !context.to.hash;
-        if (startsFresh) {
-            if (window.scrollY !== 0 || window.scrollX !== 0)
-                window.scrollTo({ top: 0, left: 0, behavior: "instant" });
-            if (context.preset !== "none" && visit.scroll?.reset !== false) startMotion(visit);
-        }
-        context.scriptsReady = context.executeScripts?.(context.controller.signal);
-    });
-
-    swup.hooks.replace(
-        "content:scroll",
-        async (visit, args, defaultScroll) => {
-            const context = contexts.get(visit);
-            const saved = visit.history.popstate
-                ? historyPositions.get(Number(window.history.state?.index))
-                : undefined;
-            if (visit.history.popstate) {
-                // Every route change starts at the top. Restoring the exact
-                // mid-article offset on back/forward reads as "the navigation
-                // never scrolled"; keep only the focused link so keyboard users
-                // retain their place in the navigation.
-                window.scrollTo({ top: 0, left: 0, behavior: "instant" });
-                scroll.restoreScrollContainers(visit.to.url);
-                if (saved?.focus) {
-                    const link = [...document.querySelectorAll<HTMLAnchorElement>("a[href]")].find(
-                        (el) => el.getAttribute("href") === saved.focus,
-                    );
-                    link?.focus({ preventScroll: true });
-                }
-                startMotion(visit);
-                return true;
-            }
-            await defaultScroll?.(visit, args);
-            // ScrollPlugin scrolls in rAF; finish it before heading visibility checks.
-            if (!document.hidden)
-                await new Promise<void>((resolve) => requestAnimationFrame(() => resolve()));
-            // That deferred frame may have restored a cached mid-article offset.
-            // A link navigation always wins: land the new document at its top.
-            if (
-                context?.navigationType !== "traverse" &&
-                !context?.to.hash &&
-                (window.scrollY !== 0 || window.scrollX !== 0)
-            )
-                window.scrollTo({ top: 0, left: 0, behavior: "instant" });
-            startMotion(visit);
-            return true;
-        },
-        { priority: 10 },
-    );
-
-    function startMotion(visit: Visit): void {
-        const context = contexts.get(visit);
-        if (!context || context !== activeContext || visit !== swup.visit) return;
-        delete document.documentElement.dataset.staluxMotionPending;
-        context?.motion?.start(document.querySelector<HTMLElement>("[data-stalux-motion-focus]"), {
-            preset: context.preset,
-            content: true,
-            skip: !visit.animation.animate || context.controller.signal.aborted,
-            browserMotion: context.browserMotion,
-            releaseOutgoing: context.releaseOutgoing,
-        });
-    }
-
-    swup.hooks.on("page:view", async (visit) => {
-        const context = contexts.get(visit);
-        if (!context || context.controller.signal.aborted) return;
-        await context.scriptsReady;
-        if (context.controller.signal.aborted) return;
-        dispatchNavigation("astro:page-load", context);
-        if (!visit.animation.animate)
-            context.motion?.start(null, { skip: true, releaseOutgoing: context.releaseOutgoing });
-    });
-    swup.hooks.replace("link:self", () => undefined);
-
-    const cancel = (visit: Visit) => {
-        // A cancelled/failed visit never reaches page:view. Clear its delayed
-        // indicator without allowing a stale visit to hide a newer one.
-        if (visit === swup.visit) progress.stopShowingProgress();
-        const context = contexts.get(visit);
-        context?.controller.abort();
-        context?.removeOutgoing?.();
-        // An aborted visit never reaches visit:end, so its outgoing CSS has to
-        // be released here or it would linger in head forever.
-        context?.pruneObsoleteStyles?.();
-        context?.glide?.cancel();
-        // An aborted visit keeps no exit fill: without this the stage would stay
-        // transparent until the next successful navigation.
-        context?.releaseOutgoing?.();
-        context?.motion?.cancel();
-        if (context === activeContext) {
-            clearMotionState();
-            document.documentElement.removeAttribute("aria-busy");
-            activeContext = undefined;
-        }
-    };
-    swup.hooks.on("visit:abort", cancel);
-    swup.hooks.on("visit:fail", cancel);
-    swup.hooks.on("visit:end", (visit) => {
-        const context = contexts.get(visit);
-        // Safety net for paths where the exit animation never settles. The prune
-        // is idempotent, so a completed outgoingReady does not remove twice.
-        context?.pruneObsoleteStyles?.();
-        context?.glide?.cancel();
-        context?.releaseOutgoing?.();
-        context?.motion?.start(null, { skip: true });
-        if (activeContext === context) {
-            clearMotionState();
-            activeContext = undefined;
-        }
-    });
-    swup.hooks.on("cache:set", () => {
-        while (swup.cache.size > 32) {
-            const oldest = swup.cache.all.keys().next();
-            if (oldest.done) break;
-            swup.cache.delete(oldest.value);
-        }
-    });
-    // Parsed DOM, not window.load: slow third-party resources cannot hold the
-    // first page's interactions hostage. Page-runtime dedupes the early mount.
-    const initialLoad = () => document.dispatchEvent(new Event("astro:page-load"));
-    if (document.readyState === "loading")
-        document.addEventListener("DOMContentLoaded", initialLoad, { once: true });
-    else queueMicrotask(initialLoad);
-    return swup;
-}

package/src/scripts/view-transitions.ts

@@ -1,4 +0,0 @@
-// Keep the layout entry stable while Swup owns navigation and animation.
-import { installSwupRouter } from "./swup-router";
-
-installSwupRouter();

package/src/utils/route-motion-policy.ts

@@ -1,72 +0,0 @@
-import { getRouteKind, normalizePublicPath } from "./public-routes";
-
-export type RouteMotionPreset =
-    | "none"
-    | "glide"
-    | "article"
-    | "panel"
-    | "enter"
-    | "up"
-    | "taxonomy"
-    | "previous"
-    | "next"
-    | "home"
-    | "restore"
-    | "error";
-
-interface MotionContext {
-    from: URL;
-    to: URL;
-    navigationType?: string;
-    intent?: string;
-    reducedMotion?: boolean;
-    browserMotion?: boolean;
-    hidden?: boolean;
-}
-
-/** Choose a visual hint, never a navigation or scroll operation. */
-export function getRouteMotionPreset(context: MotionContext): RouteMotionPreset {
-    const { from, to } = context;
-    const source = getRouteKind(from.pathname);
-    const target = getRouteKind(to.pathname);
-    if (
-        context.hidden ||
-        context.reducedMotion ||
-        context.browserMotion ||
-        from.origin !== to.origin ||
-        source === "other" ||
-        target === "other" ||
-        (normalizePublicPath(from.pathname) === normalizePublicPath(to.pathname) &&
-            from.search === to.search)
-    ) {
-        return "none";
-    }
-    // Both directions restore an existing history entry. A push to a parent
-    // route is not a history traversal, and an article's previous/next is not back.
-    if (context.navigationType === "traverse") return "restore";
-    if (context.navigationType === "replace") return "glide";
-    if (target === "not-found") return "error";
-    if (source === "not-found") return "glide";
-    if (target === "home") return "home";
-    if (source === "article" && target === "article") {
-        return context.intent === "previous" || context.intent === "next"
-            ? context.intent
-            : "article";
-    }
-    if (target === "article") return "enter";
-    if (target === "about" || target === "links" || target === "words") return "panel";
-    if (target === "tags-detail" || target === "categories-detail") {
-        if (source === target) return "taxonomy";
-        if (source === "tags-detail" || source === "categories-detail") return "glide";
-        return "enter";
-    }
-    if (
-        (source === "article" &&
-            (target === "archive" || target === "tags-index" || target === "categories-index")) ||
-        (source === "tags-detail" && target === "tags-index") ||
-        (source === "categories-detail" && target === "categories-index")
-    ) {
-        return "up";
-    }
-    return source === "home" ? "enter" : "glide";
-}