@wular/pnext 0.0.4 → 0.0.7

package/src/compat/next/link.tsx

@@ -2,73 +2,69 @@
 // bundle, and the lite client tier must not pull compat through it. Children.only/count are replaced
 // with toChildArray below; the ref arrives React-19-style as a prop (the parity vnode pass moves
 // vnode.ref into props for function components).
-import { cloneElement, h as createElement, toChildArray, type JSX } from 'preact';
-import { useContext, useEffect, useRef, useState } from 'preact/hooks';
-import type { MutableRefObject, ReactElement, ReactNode, Ref } from 'react';
-import { usePrefetchLifecycle } from '../../api/link';
-import { blockJavascriptUrl, isJavascriptUrl } from '../../api/router';
-import { applyTrailingSlash, routeHref, type SearchInput } from '../../routing/href';
-import { skipTrailingSlashRedirect } from '../client/trailing-slash';
-import type { PrefetchMode } from '../../types';
+import { cloneElement, h as createElement, toChildArray, type JSX } from 'preact'
+import { useContext, useEffect, useRef, useState } from 'preact/hooks'
+import type { MutableRefObject, ReactElement, ReactNode, Ref } from 'react'
+import { usePrefetchLifecycle } from '../../api/link'
+import { blockJavascriptUrl, isJavascriptUrl } from '../../client/router'
+import { applyTrailingSlash, routeHref, type SearchInput } from '../../routing/href'
+import { skipTrailingSlashRedirect } from '../client/trailing-slash'
+import type { PrefetchMode } from '../../types'
 import {
   LinkStatusContext,
   linkPending,
   navigateWithStatus,
   subscribeLinkStatus,
-} from '../client/link-status';
-import { addBasePath } from '../client/base-path';
-import { addTransitionType } from '../react/view-transition';
+} from '../client/link-status'
+import { addBasePath } from '../client/base-path'
+import { addTransitionType } from '../react/view-transition'
 
-const reactClientReferenceSymbol = Symbol.for('react.client.reference');
+const reactClientReferenceSymbol = Symbol.for('react.client.reference')
 
 // Client-graph bundler define (compat/register/bundler.ts): false drops the
 // whole legacy child path from a bundle whose app provably never renders
 // `<Link legacyBehavior>`. Undefined (server render, unbundled consumer) keeps
 // it, so the gate can only ever remove bytes an app proved it cannot use.
-declare const __PNEXT_LINK_LEGACY__: boolean;
+declare const __PNEXT_LINK_LEGACY__: boolean
 type LegacyChildKind =
-  | 'server-sync'
-  | 'server-async'
-  | 'server-async-through-client'
-  | 'lazy'
-  | 'client-lazy';
+  'server-sync' | 'server-async' | 'server-async-through-client' | 'lazy' | 'client-lazy'
 
 export interface UrlObject {
-  pathname?: string;
-  query?: SearchInput;
-  hash?: string;
+  pathname?: string
+  query?: SearchInput
+  hash?: string
 }
 
 export interface NavigateEvent {
-  preventDefault(): void;
+  preventDefault(): void
 }
 
 export type LinkProps = Omit<JSX.HTMLAttributes<HTMLAnchorElement>, 'href' | 'onClick' | 'ref'> & {
-  href: string | URL | UrlObject;
-  as?: string | URL | UrlObject;
-  replace?: boolean;
-  scroll?: boolean;
-  prefetch?: boolean | 'auto' | 'unstable_forceStale' | null;
+  href: string | URL | UrlObject
+  as?: string | URL | UrlObject
+  replace?: boolean
+  scroll?: boolean
+  prefetch?: boolean | 'auto' | 'unstable_forceStale' | null
   /** Hovering the link upgrades its prefetch to include the dynamic data. */
-  unstable_dynamicOnHover?: boolean;
-  locale?: string | false;
-  legacyBehavior?: boolean;
-  passHref?: boolean;
-  onClick?: JSX.MouseEventHandler<HTMLAnchorElement>;
-  onNavigate?: (event: NavigateEvent) => void;
+  unstable_dynamicOnHover?: boolean
+  locale?: string | false
+  legacyBehavior?: boolean
+  passHref?: boolean
+  onClick?: JSX.MouseEventHandler<HTMLAnchorElement>
+  onNavigate?: (event: NavigateEvent) => void
   /**
    * View-transition types declared for the navigation this Link starts, so
    * `:active-view-transition-type(...)` rules match while it runs. Consumed
    * here (never forwarded to the anchor as an attribute).
    */
-  transitionTypes?: string[];
-  onPrefetchStart?: () => void;
-  onPrefetchFinish?: () => void;
+  transitionTypes?: string[]
+  onPrefetchStart?: () => void
+  onPrefetchFinish?: () => void
   /** @internal Preserves legacy child classification across server resolution. */
-  __pnextLegacyChildKind?: LegacyChildKind;
-  ref?: Ref<HTMLAnchorElement>;
-  children?: ReactNode;
-};
+  __pnextLegacyChildKind?: LegacyChildKind
+  ref?: Ref<HTMLAnchorElement>
+  children?: ReactNode
+}
 
 // Ref arrives as a prop (React 19 style): the parity vnode pass moves vnode.ref into props for plain
 // function components, on both server and client, so forwardRef is unnecessary.
@@ -93,7 +89,7 @@ function Link({
   ...anchorProps
 }: LinkProps) {
   // `as` supersedes `href` for what the anchor actually points at (app router).
-  const target = as == null ? href : as;
+  const target = as == null ? href : as
   // basePath: prefix in-app hrefs so the rendered anchor (and the soft-nav it
   // drives) points under the configured basePath, matching Next. addBasePath
   // leaves external/absolute/already-prefixed hrefs untouched, and is a no-op
@@ -101,64 +97,64 @@ function Link({
   // skipTrailingSlashRedirect preserves the author's exact trailing slash (both
   // the rendered anchor and the soft-nav it drives); otherwise normalize per
   // the trailingSlash config so the anchor matches the canonical URL.
-  const hrefBase = hrefString(target);
+  const hrefBase = hrefString(target)
   const resolvedHref = addBasePath(
     skipTrailingSlashRedirect() ? hrefBase : applyTrailingSlash(hrefBase),
-  );
-  const blocked = isJavascriptUrl(resolvedHref);
-  const prefetchMode = nextPrefetchMode(prefetch);
-  const lifecycleRef = usePrefetchLifecycle(onPrefetchStart, onPrefetchFinish);
-  const anchorRef = useComposedRef(lifecycleRef, forwardedRef);
-  const statusToken = useLinkToken();
+  )
+  const blocked = isJavascriptUrl(resolvedHref)
+  const prefetchMode = nextPrefetchMode(prefetch)
+  const lifecycleRef = usePrefetchLifecycle(onPrefetchStart, onPrefetchFinish)
+  const anchorRef = useComposedRef(lifecycleRef, forwardedRef)
+  const statusToken = useLinkToken()
 
   const handleClick = (event: JSX.TargetedMouseEvent<HTMLAnchorElement>) => {
-    onClick?.(event);
-    if (event.defaultPrevented) return;
+    onClick?.(event)
+    if (event.defaultPrevented) return
 
     if (blocked) {
       // Same guard the runtime applies to static links; a hydrated Link cancels
       // its own default so the javascript: URL never runs.
-      if (blockJavascriptUrl(resolvedHref)) event.preventDefault();
-      return;
+      if (blockJavascriptUrl(resolvedHref)) event.preventDefault()
+      return
     }
 
     // Modifier/middle clicks, target, download: let the browser handle it;
     // onNavigate does not fire (matches Next).
-    if (!isPlainLeftClick(event)) return;
+    if (!isPlainLeftClick(event)) return
 
     if (isExternalHref(resolvedHref)) {
       // External hrefs never soft-navigate and never fire onNavigate. `replace`
       // still swaps history rather than pushing.
       if (replace) {
-        event.preventDefault();
-        window.location.replace(resolvedHref);
+        event.preventDefault()
+        window.location.replace(resolvedHref)
       }
-      return;
+      return
     }
 
     // Internal soft navigation: onNavigate can cancel, and this Link drives the
     // navigation itself so useLinkStatus tracks it. preventDefault keeps the
     // router's document-level handler from navigating a second time.
     if (onNavigate) {
-      const navEvent = navigationEvent();
-      onNavigate(navEvent);
+      const navEvent = navigationEvent()
+      onNavigate(navEvent)
       if (navEvent.defaultPrevented) {
-        event.preventDefault();
-        return;
+        event.preventDefault()
+        return
       }
     }
 
-    event.preventDefault();
-    for (const type of transitionTypes ?? []) addTransitionType(type);
-    const url = new URL(resolvedHref, window.location.href);
+    event.preventDefault()
+    for (const type of transitionTypes ?? []) addTransitionType(type)
+    const url = new URL(resolvedHref, window.location.href)
     const samePage =
-      url.pathname === window.location.pathname && url.search === window.location.search;
+      url.pathname === window.location.pathname && url.search === window.location.search
     if (samePage && url.hash) {
-      window.location.hash = url.hash;
-      return;
+      window.location.hash = url.hash
+      return
     }
-    navigateWithStatus(statusToken, url.href, { replace, scroll });
-  };
+    navigateWithStatus(statusToken, url.href, { replace, scroll })
+  }
 
   const anchorAttributes: Record<string, unknown> = {
     ...anchorProps,
@@ -169,15 +165,16 @@ function Link({
     // prefetch={true} requests a FULL prefetch (5-min static window) vs the
     // default partial/dynamic 30s window; the router reads this attribute.
     // 'unstable_forceStale' is Next 16's alias for the full prefetch mode.
-    'data-prefetch-full': prefetch === true || prefetch === 'unstable_forceStale' ? 'true' : undefined,
+    'data-prefetch-full':
+      prefetch === true || prefetch === 'unstable_forceStale' ? 'true' : undefined,
     // unstable_dynamicOnHover: hover intent upgrades the (viewport, partial)
     // prefetch to a full one that includes the dynamic data.
     'data-prefetch-hover-full': unstable_dynamicOnHover ? 'true' : undefined,
     'data-pnext-replace': replace ? 'true' : undefined,
     'data-pnext-scroll': scroll === false ? 'false' : undefined,
     onClick: handleClick,
-  };
-  if (blocked) anchorAttributes['data-pnext-blocked-href'] = resolvedHref;
+  }
+  if (blocked) anchorAttributes['data-pnext-blocked-href'] = resolvedHref
 
   if (
     (typeof __PNEXT_LINK_LEGACY__ === 'boolean' ? __PNEXT_LINK_LEGACY__ : true) &&
@@ -190,32 +187,36 @@ function Link({
       handleClick,
       anchorAttributes,
       __pnextLegacyChildKind,
-    );
+    )
   }
 
   return createElement(
     'a',
     anchorAttributes,
-    createElement(LinkStatusContext.Provider, { value: { pending: linkPending(statusToken) } }, children),
-  ) as ReactElement;
+    createElement(
+      LinkStatusContext.Provider,
+      { value: { pending: linkPending(statusToken) } },
+      children,
+    ),
+  ) as ReactElement
 }
 
-export default Link;
-export { Link };
+export default Link
+export { Link }
 
 export function useLinkStatus() {
-  return useContext(LinkStatusContext);
+  return useContext(LinkStatusContext)
 }
 
 // A stable per-Link identity used to key the pending navigation, plus a
 // re-render on pending change so useLinkStatus consumers update.
 function useLinkToken() {
-  const tokenRef = useRef<symbol | null>(null);
-  tokenRef.current ??= Symbol('pnext-link');
-  const token = tokenRef.current;
-  const [, force] = useState(0);
-  useEffect(() => subscribeLinkStatus(token, () => force(n => n + 1)), [token]);
-  return token;
+  const tokenRef = useRef<symbol | null>(null)
+  tokenRef.current ??= Symbol('pnext-link')
+  const token = tokenRef.current
+  const [, force] = useState(0)
+  useEffect(() => subscribeLinkStatus(token, () => force(n => n + 1)), [token])
+  return token
 }
 
 // `legacyBehavior`: the single child element becomes the interactive element;
@@ -228,106 +229,110 @@ function renderLegacyChild(
   anchorAttributes: Record<string, unknown>,
   annotatedKind?: LegacyChildKind,
 ): ReactElement {
-  reportLegacyDeprecation();
+  reportLegacyDeprecation()
   // eslint-disable-next-line turbo/no-undeclared-env-vars
-  const isDev = process.env.NODE_ENV !== 'production';
-  const isServer = !process.browser && typeof window === 'undefined';
+  const isDev = process.env.NODE_ENV !== 'production'
+  const isServer = !process.browser && typeof window === 'undefined'
 
   // A React.lazy payload passed directly (not wrapped in JSX) never resolves to
   // a single element child; Next reports it specifically instead of Children.only.
-  if (isLazyComponent(children)) throw unsupportedLegacyChildError();
+  if (isLazyComponent(children)) throw unsupportedLegacyChildError()
 
   if (children == null || children === false) {
     if (isDev) {
       throw validationError(
         `No children were passed to <Link> with \`href\` of \`${resolvedHref}\` but one child is required https://nextjs.org/docs/messages/link-no-children`,
         'E320',
-      );
+      )
     }
-    return childrenOnlyOrThrow(children);
+    return childrenOnlyOrThrow(children)
   }
 
   // A bare string/number child renders its own <a> (Next's legacy behavior).
   if (typeof children === 'string' || typeof children === 'number') {
-    return createElement('a', { ...anchorAttributes, href: resolvedHref }, children) as unknown as ReactElement;
+    return createElement(
+      'a',
+      { ...anchorAttributes, href: resolvedHref },
+      children,
+    ) as unknown as ReactElement
   }
 
-  const count = toChildArray(children as JSX.Element).length;
+  const count = toChildArray(children as JSX.Element).length
   if (count > 1) {
     if (isDev) {
       throw validationError(
         `Multiple children were passed to <Link> with \`href\` of \`${resolvedHref}\` but only one child is supported https://nextjs.org/docs/messages/link-multiple-children`,
         'E266',
-      );
+      )
     }
-    return childrenOnlyOrThrow(children);
+    return childrenOnlyOrThrow(children)
   }
 
-  const child = childrenOnlyOrThrow(children) as ReactElement<Record<string, unknown>>;
+  const child = childrenOnlyOrThrow(children) as ReactElement<Record<string, unknown>>
   const kind =
     annotatedKind ??
     (isAsyncFunctionComponent(child.type)
       ? 'server-async'
       : isLazyComponent(child.type)
         ? 'lazy'
-        : undefined);
+        : undefined)
   if (isServer && (kind === 'server-sync' || kind === 'server-async' || kind === 'lazy')) {
-    reportUnsupportedServerChild(kind, isDev);
+    reportUnsupportedServerChild(kind, isDev)
   }
   if (kind && kind !== 'server-sync') {
-    const error = unsupportedLegacyChildError();
+    const error = unsupportedLegacyChildError()
     if (isServer && kind === 'server-async-through-client') {
       // Print the full trace, not just the message: the thrown error is
       // swallowed downstream in this path, so without the `    at` frame lines
       // the server log for this case would end at the message and the console
       // snapshot (which slices up to the first `   at` line) would pick up the
       // trailing blank line instead of terminating at the stack.
-      console.error(`⨯ ${error.stack ?? `Error: ${error.message}`}`);
+      console.error(`⨯ ${error.stack ?? `Error: ${error.message}`}`)
     }
-    throw error;
+    throw error
   }
 
   if (isServer && isDev && isServerComponent(child.type)) {
-    reportUnsupportedServerChild('server-sync', isDev);
+    reportUnsupportedServerChild('server-sync', isDev)
   }
 
   const childProps: Record<string, unknown> = {
     onClick: (event: JSX.TargetedMouseEvent<HTMLAnchorElement>) => {
-      (child.props as { onClick?: (event: unknown) => void }).onClick?.(event);
-      onClick(event);
+      ;(child.props as { onClick?: (event: unknown) => void }).onClick?.(event)
+      onClick(event)
     },
-  };
+  }
   if (passHref || (child.type as unknown) === 'a') {
     // The child becomes the anchor: give it the href plus the runtime's
     // soft-nav markers, so navigation/prefetch work even when the child is a
     // static (unhydrated) element and the onClick prop never runs.
-    childProps.href = resolvedHref;
-    childProps['data-pnext-link'] = anchorAttributes['data-pnext-link'];
-    childProps['data-prefetch'] = anchorAttributes['data-prefetch'];
-    childProps['data-prefetch-full'] = anchorAttributes['data-prefetch-full'];
-    childProps['data-prefetch-hover-full'] = anchorAttributes['data-prefetch-hover-full'];
-    childProps['data-pnext-replace'] = anchorAttributes['data-pnext-replace'];
-    childProps['data-pnext-scroll'] = anchorAttributes['data-pnext-scroll'];
+    childProps.href = resolvedHref
+    childProps['data-pnext-link'] = anchorAttributes['data-pnext-link']
+    childProps['data-prefetch'] = anchorAttributes['data-prefetch']
+    childProps['data-prefetch-full'] = anchorAttributes['data-prefetch-full']
+    childProps['data-prefetch-hover-full'] = anchorAttributes['data-prefetch-hover-full']
+    childProps['data-pnext-replace'] = anchorAttributes['data-pnext-replace']
+    childProps['data-pnext-scroll'] = anchorAttributes['data-pnext-scroll']
   }
-  return cloneElement(child as never, childProps) as ReactElement;
+  return cloneElement(child as never, childProps) as ReactElement
 }
 
 function reportUnsupportedServerChild(kind: LegacyChildKind, isDev: boolean) {
   const message =
     kind === 'lazy'
-      ? 'Using a Lazy Component as a direct child of `<Link legacyBehavior>` from a Server Component is not supported. If you need legacyBehavior, wrap your Lazy Component in a Client Component that renders the Link\'s `<a>` tag.'
-      : 'Using a Server Component as a direct child of `<Link legacyBehavior>` is not supported. If you need legacyBehavior, wrap your Server Component in a Client Component that renders the Link\'s `<a>` tag.';
-  console.error(isDev ? validationError(message, 'E394') : message);
+      ? "Using a Lazy Component as a direct child of `<Link legacyBehavior>` from a Server Component is not supported. If you need legacyBehavior, wrap your Lazy Component in a Client Component that renders the Link's `<a>` tag."
+      : "Using a Server Component as a direct child of `<Link legacyBehavior>` is not supported. If you need legacyBehavior, wrap your Server Component in a Client Component that renders the Link's `<a>` tag."
+  console.error(isDev ? validationError(message, 'E394') : message)
 }
 
 function unsupportedLegacyChildError() {
   return validationError(
-    '`<Link legacyBehavior>` received a direct child that is either a Server Component, or JSX that was loaded with React.lazy(). This is not supported. Either remove legacyBehavior, or make the direct child a Client Component that renders the Link\'s `<a>` tag.',
+    "`<Link legacyBehavior>` received a direct child that is either a Server Component, or JSX that was loaded with React.lazy(). This is not supported. Either remove legacyBehavior, or make the direct child a Client Component that renders the Link's `<a>` tag.",
     'E863',
-  );
+  )
 }
 
-let deprecationWarned = false;
+let deprecationWarned = false
 function reportLegacyDeprecation() {
   if (
     deprecationWarned ||
@@ -335,57 +340,54 @@ function reportLegacyDeprecation() {
     // eslint-disable-next-line turbo/no-undeclared-env-vars
     process.env.NODE_ENV === 'production'
   ) {
-    return;
+    return
   }
-  deprecationWarned = true;
+  deprecationWarned = true
   console.error(
     '`legacyBehavior` is deprecated and will be removed in a future release. A codemod is available to upgrade your components:\n\n' +
       'npx @next/codemod@latest new-link .\n\n' +
       'Learn more: https://nextjs.org/docs/app/building-your-application/upgrading/codemods#remove-a-tags-from-link-components',
-  );
+  )
 }
 
 function validationError(message: string, digest: string) {
-  return Object.assign(new Error(message), { digest });
+  return Object.assign(new Error(message), { digest })
 }
 
 // React.Children.only semantics on preact core: exactly one element child, with
 // React's exact error wording for the no-children/multiple-children cases.
 function childrenOnlyOrThrow(children: ReactNode): ReactElement {
-  const array = toChildArray(children as JSX.Element);
-  if (array.length === 1 && isValidElementLike(array[0])) return array[0] as ReactElement;
-  throw new Error('React.Children.only expected to receive a single React element child.');
+  const array = toChildArray(children as JSX.Element)
+  if (array.length === 1 && isValidElementLike(array[0])) return array[0] as ReactElement
+  throw new Error('React.Children.only expected to receive a single React element child.')
 }
 
 function isValidElementLike(value: unknown) {
-  return value !== null && typeof value === 'object' && 'type' in value;
+  return value !== null && typeof value === 'object' && 'type' in value
 }
 
 function isAsyncFunctionComponent(type: unknown) {
-  if (typeof type !== 'function') return false;
-  const asyncFunctionName = Object.prototype.toString.call(type);
-  return asyncFunctionName === '[object AsyncFunction]';
+  if (typeof type !== 'function') return false
+  const asyncFunctionName = Object.prototype.toString.call(type)
+  return asyncFunctionName === '[object AsyncFunction]'
 }
 
 function isLazyComponent(type: unknown) {
-  if (type === null || (typeof type !== 'object' && typeof type !== 'function')) return false;
-  const marked = type as { $$typeof?: unknown } & Record<symbol, unknown>;
-  return marked.$$typeof === Symbol.for('react.lazy') || marked[Symbol.for('pnext.lazy')] === true;
+  if (type === null || (typeof type !== 'object' && typeof type !== 'function')) return false
+  const marked = type as { $$typeof?: unknown } & Record<symbol, unknown>
+  return marked.$$typeof === Symbol.for('react.lazy') || marked[Symbol.for('pnext.lazy')] === true
 }
 
 function isServerComponent(type: unknown) {
-  if (isClientComponent(type)) return false;
-  return (
-    typeof type === 'function' &&
-    (type as { $$typeof?: unknown }).$$typeof === undefined
-  );
+  if (isClientComponent(type)) return false
+  return typeof type === 'function' && (type as { $$typeof?: unknown }).$$typeof === undefined
 }
 
 function isClientComponent(type: unknown) {
   return (
     (typeof type === 'object' || typeof type === 'function') &&
     (type as { $$typeof?: unknown }).$$typeof === reactClientReferenceSymbol
-  );
+  )
 }
 
 function useComposedRef(
@@ -393,43 +395,41 @@ function useComposedRef(
   userRef: Ref<HTMLAnchorElement> | undefined,
 ) {
   return (node: HTMLAnchorElement | null) => {
-    internalRef.current = node;
-    assignRef(userRef, node);
-  };
+    internalRef.current = node
+    assignRef(userRef, node)
+  }
 }
 
 function assignRef(ref: Ref<HTMLAnchorElement> | undefined, node: HTMLAnchorElement | null) {
-  if (!ref) return;
+  if (!ref) return
   if (typeof ref === 'function') {
     // Callback refs may return a cleanup; Preact ignores it, which is fine —
     // the ref is re-run with null on unmount, matching the manual-cleanup path.
-    ref(node);
-    return;
+    ref(node)
+    return
   }
-  ref.current = node;
+  ref.current = node
 }
 
 function hrefString(href: string | URL | UrlObject) {
-  if (typeof href === 'string') return href;
-  if (href instanceof URL) return href.toString();
-  return routeHref(href.pathname ?? '', { search: href.query, hash: href.hash });
+  if (typeof href === 'string') return href
+  if (href instanceof URL) return href.toString()
+  return routeHref(href.pathname ?? '', { search: href.query, hash: href.hash })
 }
 
-function nextPrefetchMode(
-  prefetch: boolean | 'auto' | 'unstable_forceStale' | null,
-): PrefetchMode {
+function nextPrefetchMode(prefetch: boolean | 'auto' | 'unstable_forceStale' | null): PrefetchMode {
   // Next's default prefetches when the link enters the viewport; `false` opts
   // out entirely. (`true`/'auto'/'unstable_forceStale' also map to viewport
   // prefetch here — 'auto' is an explicit alias for the default.)
-  return prefetch === false ? false : 'visible';
+  return prefetch === false ? false : 'visible'
 }
 
 function isExternalHref(href: string) {
-  if (!process.browser && typeof window === 'undefined') return false;
+  if (!process.browser && typeof window === 'undefined') return false
   try {
-    return new URL(href, window.location.href).origin !== window.location.origin;
+    return new URL(href, window.location.href).origin !== window.location.origin
   } catch {
-    return true;
+    return true
   }
 }
 
@@ -437,9 +437,9 @@ function navigationEvent() {
   return {
     defaultPrevented: false,
     preventDefault() {
-      this.defaultPrevented = true;
+      this.defaultPrevented = true
     },
-  };
+  }
 }
 
 function isPlainLeftClick(event: JSX.TargetedMouseEvent<HTMLAnchorElement>) {
@@ -451,9 +451,9 @@ function isPlainLeftClick(event: JSX.TargetedMouseEvent<HTMLAnchorElement>) {
     !event.shiftKey &&
     isSelfTarget(event.currentTarget.target) &&
     !event.currentTarget.hasAttribute('download')
-  );
+  )
 }
 
 function isSelfTarget(target: string) {
-  return target === '' || target === '_self';
+  return target === '' || target === '_self'
 }

package/src/compat/next/navigation.cjs

@@ -1,6 +1,10 @@
 const router = {
-  push: () => undefined, replace: () => undefined, prefetch: () => undefined,
-  refresh: () => undefined, back: () => undefined, forward: () => undefined,
+  push: () => undefined,
+  replace: () => undefined,
+  prefetch: () => undefined,
+  refresh: () => undefined,
+  back: () => undefined,
+  forward: () => undefined,
   bfcacheId: '',
 }
 const noop = () => undefined
@@ -15,7 +19,12 @@ exports.useRouter = () => router
 exports.usePathname = () => null
 exports.useSearchParams = () => new URLSearchParams()
 exports.useParams = () => ({})
-exports.useRoute = () => ({ route: null, pathname: '', params: {}, searchParams: new URLSearchParams() })
+exports.useRoute = () => ({
+  route: null,
+  pathname: '',
+  params: {},
+  searchParams: new URLSearchParams(),
+})
 exports.useSelectedLayoutSegment = () => null
 exports.useSelectedLayoutSegments = () => []
 exports.useLinkStatus = () => ({ pending: false })