nextjs13-router-events
Version:
Provides NextJS 13 router events compatible with the App Router
58 lines (57 loc) • 2.5 kB
JavaScript
"use client";
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
var __rest = (this && this.__rest) || function (s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
t[p[i]] = s[p[i]];
}
return t;
};
import NextLink from "next/link";
import React, { forwardRef } from "react";
import { useRouteChangeContext } from "../context/RouteChangeProvider";
// https://github.com/vercel/next.js/blob/400ccf7b1c802c94127d8d8e0d5e9bdf9aab270c/packages/next/src/client/link.tsx#L169
function isModifiedEvent(event) {
var eventTarget = event.currentTarget;
var target = eventTarget.getAttribute("target");
return ((target && target !== "_self") ||
event.metaKey ||
event.ctrlKey ||
event.shiftKey ||
event.altKey || // triggers resource download
(event.nativeEvent && event.nativeEvent.button === 2));
}
var Link = forwardRef(function Link(_a, ref) {
var href = _a.href, onClick = _a.onClick, rest = __rest(_a, ["href", "onClick"]);
var useLink = href && href.startsWith("/");
if (!useLink)
return React.createElement("a", __assign({ href: href, onClick: onClick }, rest));
var onRouteChangeStart = useRouteChangeContext().onRouteChangeStart;
return (React.createElement(NextLink, __assign({ href: href, onClick: function (event) {
if (!isModifiedEvent(event)) {
var _a = window.location, pathname = _a.pathname, search = _a.search, hash = _a.hash;
var hrefCurrent = "".concat(pathname).concat(search).concat(hash);
var hrefTarget = href;
if (hrefTarget !== hrefCurrent) {
onRouteChangeStart();
}
}
if (onClick)
onClick(event);
} }, rest, { ref: ref })));
});
export default Link;