@tanstack/vue-router 1.140.5 → 1.141.0

package/dist/esm/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","sources":["../../src/link.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport {\n  deepEqual,\n  exactPathTest,\n  preloadWarning,\n  removeTrailingSlash,\n} from '@tanstack/router-core'\n\nimport { useRouterState } from './useRouterState'\nimport { useRouter } from './useRouter'\nimport { useIntersectionObserver } from './utils'\nimport { useMatches } from './Matches'\n\nimport type {\n  AnyRouter,\n  Constrain,\n  LinkCurrentTargetElement,\n  LinkOptions,\n  RegisteredRouter,\n  RoutePaths,\n} from '@tanstack/router-core'\nimport type {\n  ValidateLinkOptions,\n  ValidateLinkOptionsArray,\n} from './typePrimitives'\n\n// Type definitions to replace missing Vue JSX types\ntype EventHandler<TEvent = Event> = (e: TEvent) => void\ninterface HTMLAttributes {\n  class?: string\n  style?: Record<string, string | number>\n  onClick?: EventHandler<MouseEvent>\n  onFocus?: EventHandler<FocusEvent>\n  // Vue 3's h() function expects lowercase event names after 'on' prefix\n  onMouseenter?: EventHandler<MouseEvent>\n  onMouseleave?: EventHandler<MouseEvent>\n  onMouseover?: EventHandler<MouseEvent>\n  onMouseout?: EventHandler<MouseEvent>\n  onTouchstart?: EventHandler<TouchEvent>\n  // Also accept the camelCase versions for external API compatibility\n  onMouseEnter?: EventHandler<MouseEvent>\n  onMouseLeave?: EventHandler<MouseEvent>\n  onMouseOver?: EventHandler<MouseEvent>\n  onMouseOut?: EventHandler<MouseEvent>\n  onTouchStart?: EventHandler<TouchEvent>\n  [key: string]: any\n}\n\ninterface StyledProps {\n  class?: string\n  style?: Record<string, string | number>\n  [key: string]: any\n}\n\nexport function useLinkProps<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TFrom extends RoutePaths<TRouter['routeTree']> | string = string,\n  TTo extends string = '',\n  TMaskFrom extends RoutePaths<TRouter['routeTree']> | string = TFrom,\n  TMaskTo extends string = '',\n>(\n  options: UseLinkPropsOptions<TRouter, TFrom, TTo, TMaskFrom, TMaskTo>,\n): HTMLAttributes {\n  const router = useRouter()\n  const isTransitioning = Vue.ref(false)\n  let hasRenderFetched = false\n\n  // Ensure router is defined before proceeding\n  if (!router) {\n    console.warn('useRouter must be used inside a <RouterProvider> component!')\n    return {}\n  }\n\n  // Determine if the link is external or internal\n  const type = Vue.computed(() => {\n    try {\n      new URL(`${options.to}`)\n      return 'external'\n    } catch {\n      return 'internal'\n    }\n  })\n\n  const currentSearch = useRouterState({\n    select: (s) => s.location.searchStr,\n  })\n\n  // when `from` is not supplied, use the leaf route of the current matches as the `from` location\n  const from = useMatches({\n    select: (matches) => options.from ?? matches[matches.length - 1]?.fullPath,\n  })\n\n  const _options = Vue.computed(() => ({\n    ...options,\n    from: from.value,\n  }))\n\n  const next = Vue.computed(() => {\n    // Depend on search to rebuild when search changes\n    currentSearch.value\n    return router.buildLocation(_options.value as any)\n  })\n\n  const preload = Vue.computed(() => {\n    if (_options.value.reloadDocument) {\n      return false\n    }\n    return options.preload ?? router.options.defaultPreload\n  })\n\n  const preloadDelay = Vue.computed(\n    () => options.preloadDelay ?? router.options.defaultPreloadDelay ?? 0,\n  )\n\n  const isActive = useRouterState({\n    select: (s) => {\n      const activeOptions = options.activeOptions\n      if (activeOptions?.exact) {\n        const testExact = exactPathTest(\n          s.location.pathname,\n          next.value.pathname,\n          router.basepath,\n        )\n        if (!testExact) {\n          return false\n        }\n      } else {\n        const currentPathSplit = removeTrailingSlash(\n          s.location.pathname,\n          router.basepath,\n        ).split('/')\n        const nextPathSplit = removeTrailingSlash(\n          next.value?.pathname,\n          router.basepath,\n        )?.split('/')\n\n        const pathIsFuzzyEqual = nextPathSplit?.every(\n          (d, i) => d === currentPathSplit[i],\n        )\n        if (!pathIsFuzzyEqual) {\n          return false\n        }\n      }\n\n      if (activeOptions?.includeSearch ?? true) {\n        const searchTest = deepEqual(s.location.search, next.value.search, {\n          partial: !activeOptions?.exact,\n          ignoreUndefined: !activeOptions?.explicitUndefined,\n        })\n        if (!searchTest) {\n          return false\n        }\n      }\n\n      if (activeOptions?.includeHash) {\n        return s.location.hash === next.value.hash\n      }\n      return true\n    },\n  })\n\n  const doPreload = () =>\n    router.preloadRoute(_options.value as any).catch((err: any) => {\n      console.warn(err)\n      console.warn(preloadWarning)\n    })\n\n  const preloadViewportIoCallback = (\n    entry: IntersectionObserverEntry | undefined,\n  ) => {\n    if (entry?.isIntersecting) {\n      doPreload()\n    }\n  }\n\n  const ref = Vue.ref<Element | null>(null)\n\n  useIntersectionObserver(\n    ref,\n    preloadViewportIoCallback,\n    { rootMargin: '100px' },\n    { disabled: () => !!options.disabled || !(preload.value === 'viewport') },\n  )\n\n  Vue.effect(() => {\n    if (hasRenderFetched) {\n      return\n    }\n    if (!options.disabled && preload.value === 'render') {\n      doPreload()\n      hasRenderFetched = true\n    }\n  })\n\n  // Create safe props that can be spread\n  const getPropsSafeToSpread = () => {\n    const result: Record<string, any> = {}\n    for (const key in options) {\n      if (\n        ![\n          'activeProps',\n          'inactiveProps',\n          'activeOptions',\n          'to',\n          'preload',\n          'preloadDelay',\n          'hashScrollIntoView',\n          'replace',\n          'startTransition',\n          'resetScroll',\n          'viewTransition',\n          'children',\n          'target',\n          'disabled',\n          'style',\n          'class',\n          'onClick',\n          'onFocus',\n          'onMouseEnter',\n          'onMouseLeave',\n          'onMouseOver',\n          'onMouseOut',\n          'onTouchStart',\n          'ignoreBlocker',\n          'params',\n          'search',\n          'hash',\n          'state',\n          'mask',\n          'reloadDocument',\n          '_asChild',\n          'from',\n          'additionalProps',\n        ].includes(key)\n      ) {\n        result[key] = options[key]\n      }\n    }\n    return result\n  }\n\n  if (type.value === 'external') {\n    // External links just have simple props\n    const externalProps: HTMLAttributes = {\n      ...getPropsSafeToSpread(),\n      ref,\n      href: options.to,\n      target: options.target,\n      disabled: options.disabled,\n      style: options.style,\n      class: options.class,\n      onClick: options.onClick,\n      onFocus: options.onFocus,\n      onMouseEnter: options.onMouseEnter,\n      onMouseLeave: options.onMouseLeave,\n      onMouseOver: options.onMouseOver,\n      onMouseOut: options.onMouseOut,\n      onTouchStart: options.onTouchStart,\n    }\n\n    // Remove undefined values\n    Object.keys(externalProps).forEach((key) => {\n      if (externalProps[key] === undefined) {\n        delete externalProps[key]\n      }\n    })\n\n    return externalProps\n  }\n\n  // The click handler\n  const handleClick = (e: MouseEvent): void => {\n    // Check actual element's target attribute as fallback\n    const elementTarget = (\n      e.currentTarget as HTMLAnchorElement | SVGAElement\n    )?.getAttribute('target')\n    const effectiveTarget =\n      options.target !== undefined ? options.target : elementTarget\n\n    if (\n      !options.disabled &&\n      !isCtrlEvent(e) &&\n      !e.defaultPrevented &&\n      (!effectiveTarget || effectiveTarget === '_self') &&\n      e.button === 0\n    ) {\n      // Don't prevent default or handle navigation if reloadDocument is true\n      if (_options.value.reloadDocument) {\n        return\n      }\n\n      e.preventDefault()\n\n      isTransitioning.value = true\n\n      const unsub = router.subscribe('onResolved', () => {\n        unsub()\n        isTransitioning.value = false\n      })\n\n      // All is well? Navigate!\n      router.navigate({\n        ..._options.value,\n        replace: options.replace,\n        resetScroll: options.resetScroll,\n        hashScrollIntoView: options.hashScrollIntoView,\n        startTransition: options.startTransition,\n        viewTransition: options.viewTransition,\n        ignoreBlocker: options.ignoreBlocker,\n      } as any)\n    }\n  }\n\n  // The focus handler\n  const handleFocus = (_: FocusEvent) => {\n    if (options.disabled) return\n    if (preload.value) {\n      doPreload()\n    }\n  }\n\n  const handleTouchStart = (_: TouchEvent) => {\n    if (options.disabled) return\n    if (preload.value) {\n      doPreload()\n    }\n  }\n\n  const handleEnter = (e: MouseEvent) => {\n    if (options.disabled) return\n    // Use currentTarget (the element with the handler) instead of target (which may be a child)\n    const eventTarget = (e.currentTarget ||\n      e.target ||\n      {}) as LinkCurrentTargetElement\n\n    if (preload.value) {\n      if (eventTarget.preloadTimeout) {\n        return\n      }\n\n      eventTarget.preloadTimeout = setTimeout(() => {\n        eventTarget.preloadTimeout = null\n        doPreload()\n      }, preloadDelay.value)\n    }\n  }\n\n  const handleLeave = (e: MouseEvent) => {\n    if (options.disabled) return\n    // Use currentTarget (the element with the handler) instead of target (which may be a child)\n    const eventTarget = (e.currentTarget ||\n      e.target ||\n      {}) as LinkCurrentTargetElement\n\n    if (eventTarget.preloadTimeout) {\n      clearTimeout(eventTarget.preloadTimeout)\n      eventTarget.preloadTimeout = null\n    }\n  }\n\n  // Helper to compose event handlers - with explicit return type and better type handling\n  function composeEventHandlers<T extends Event>(\n    handlers: Array<EventHandler<T> | undefined>,\n  ): (e: T) => void {\n    return (event: T) => {\n      for (const handler of handlers) {\n        if (handler) {\n          handler(event)\n        }\n      }\n    }\n  }\n\n  // Get the active and inactive props\n  const resolvedActiveProps = Vue.computed<StyledProps>(() => {\n    const activeProps = options.activeProps || (() => ({ class: 'active' }))\n    const props = isActive.value\n      ? typeof activeProps === 'function'\n        ? activeProps()\n        : activeProps\n      : {}\n\n    return props || { class: undefined, style: undefined }\n  })\n\n  const resolvedInactiveProps = Vue.computed<StyledProps>(() => {\n    const inactiveProps = options.inactiveProps || (() => ({}))\n    const props = isActive.value\n      ? {}\n      : typeof inactiveProps === 'function'\n        ? inactiveProps()\n        : inactiveProps\n\n    return props || { class: undefined, style: undefined }\n  })\n\n  const resolvedClassName = Vue.computed(() => {\n    const classes = [\n      options.class,\n      resolvedActiveProps.value?.class,\n      resolvedInactiveProps.value?.class,\n    ].filter(Boolean)\n    return classes.length ? classes.join(' ') : undefined\n  })\n\n  const resolvedStyle = Vue.computed(() => {\n    const result: Record<string, string | number> = {}\n\n    // Merge styles from all sources\n    if (options.style) {\n      Object.assign(result, options.style)\n    }\n\n    if (resolvedActiveProps.value?.style) {\n      Object.assign(result, resolvedActiveProps.value.style)\n    }\n\n    if (resolvedInactiveProps.value?.style) {\n      Object.assign(result, resolvedInactiveProps.value.style)\n    }\n\n    return Object.keys(result).length > 0 ? result : undefined\n  })\n\n  const href = Vue.computed(() => {\n    if (options.disabled) {\n      return undefined\n    }\n    const nextLocation = next.value\n    const maskedLocation = nextLocation?.maskedLocation\n\n    let hrefValue: string\n    if (maskedLocation) {\n      hrefValue = maskedLocation.url\n    } else {\n      hrefValue = nextLocation?.url\n    }\n\n    // Handle origin stripping like Solid does\n    if (router.origin && hrefValue?.startsWith(router.origin)) {\n      hrefValue = router.history.createHref(\n        hrefValue.replace(router.origin, ''),\n      )\n    }\n\n    return hrefValue\n  })\n\n  // Create a reactive proxy that reads computed values on access\n  // This allows the returned object to stay reactive when used in templates\n  // Use shallowReactive to preserve the ref object without unwrapping it\n  const reactiveProps: HTMLAttributes = Vue.shallowReactive({\n    ...getPropsSafeToSpread(),\n    href: undefined as string | undefined,\n    ref,\n    onClick: composeEventHandlers<MouseEvent>([\n      options.onClick,\n      handleClick,\n    ]) as any,\n    onFocus: composeEventHandlers<FocusEvent>([\n      options.onFocus,\n      handleFocus,\n    ]) as any,\n    onMouseenter: composeEventHandlers<MouseEvent>([\n      options.onMouseEnter,\n      handleEnter,\n    ]) as any,\n    onMouseover: composeEventHandlers<MouseEvent>([\n      options.onMouseOver,\n      handleEnter,\n    ]) as any,\n    onMouseleave: composeEventHandlers<MouseEvent>([\n      options.onMouseLeave,\n      handleLeave,\n    ]) as any,\n    onMouseout: composeEventHandlers<MouseEvent>([\n      options.onMouseOut,\n      handleLeave,\n    ]) as any,\n    onTouchstart: composeEventHandlers<TouchEvent>([\n      options.onTouchStart,\n      handleTouchStart,\n    ]) as any,\n    disabled: !!options.disabled,\n    target: options.target,\n  })\n\n  // Watch computed values and update reactive props\n  Vue.watchEffect(() => {\n    // Update from resolved active/inactive props\n    const activeP = resolvedActiveProps.value\n    const inactiveP = resolvedInactiveProps.value\n\n    // Update href\n    reactiveProps.href = href.value\n\n    // Update style\n    if (resolvedStyle.value) {\n      reactiveProps.style = resolvedStyle.value\n    } else {\n      delete reactiveProps.style\n    }\n\n    // Update class\n    if (resolvedClassName.value) {\n      reactiveProps.class = resolvedClassName.value\n    } else {\n      delete reactiveProps.class\n    }\n\n    // Update disabled props\n    if (options.disabled) {\n      reactiveProps.role = 'link'\n      reactiveProps['aria-disabled'] = true\n    } else {\n      delete reactiveProps.role\n      delete reactiveProps['aria-disabled']\n    }\n\n    // Update active status\n    if (isActive.value) {\n      reactiveProps['data-status'] = 'active'\n      reactiveProps['aria-current'] = 'page'\n    } else {\n      delete reactiveProps['data-status']\n      delete reactiveProps['aria-current']\n    }\n\n    // Update transitioning status\n    if (isTransitioning.value) {\n      reactiveProps['data-transitioning'] = 'transitioning'\n    } else {\n      delete reactiveProps['data-transitioning']\n    }\n\n    // Merge active/inactive props (excluding class and style which are handled above)\n    for (const key of Object.keys(activeP)) {\n      if (key !== 'class' && key !== 'style') {\n        reactiveProps[key] = activeP[key]\n      }\n    }\n    for (const key of Object.keys(inactiveP)) {\n      if (key !== 'class' && key !== 'style') {\n        reactiveProps[key] = inactiveP[key]\n      }\n    }\n  })\n\n  return reactiveProps\n}\n\n// Type definitions\nexport type UseLinkPropsOptions<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TFrom extends RoutePaths<TRouter['routeTree']> | string = string,\n  TTo extends string | undefined = '.',\n  TMaskFrom extends RoutePaths<TRouter['routeTree']> | string = TFrom,\n  TMaskTo extends string = '.',\n> = ActiveLinkOptions<'a', TRouter, TFrom, TTo, TMaskFrom, TMaskTo> &\n  HTMLAttributes\n\nexport type ActiveLinkOptions<\n  TComp = 'a',\n  TRouter extends AnyRouter = RegisteredRouter,\n  TFrom extends string = string,\n  TTo extends string | undefined = '.',\n  TMaskFrom extends string = TFrom,\n  TMaskTo extends string = '.',\n> = LinkOptions<TRouter, TFrom, TTo, TMaskFrom, TMaskTo> &\n  ActiveLinkOptionProps<TComp>\n\ntype ActiveLinkProps<TComp> = Partial<\n  HTMLAttributes & {\n    [key: `data-${string}`]: unknown\n  }\n>\n\nexport interface ActiveLinkOptionProps<TComp = 'a'> {\n  /**\n   * A function that returns additional props for the `active` state of this link.\n   * These props override other props passed to the link (`style`'s are merged, `class`'s are concatenated)\n   */\n  activeProps?: ActiveLinkProps<TComp> | (() => ActiveLinkProps<TComp>)\n  /**\n   * A function that returns additional props for the `inactive` state of this link.\n   * These props override other props passed to the link (`style`'s are merged, `class`'s are concatenated)\n   */\n  inactiveProps?: ActiveLinkProps<TComp> | (() => ActiveLinkProps<TComp>)\n}\n\nexport type LinkProps<\n  TComp = 'a',\n  TRouter extends AnyRouter = RegisteredRouter,\n  TFrom extends string = string,\n  TTo extends string | undefined = '.',\n  TMaskFrom extends string = TFrom,\n  TMaskTo extends string = '.',\n> = ActiveLinkOptions<TComp, TRouter, TFrom, TTo, TMaskFrom, TMaskTo> &\n  LinkPropsChildren\n\nexport interface LinkPropsChildren {\n  // If a function is passed as a child, it will be given the `isActive` boolean to aid in further styling on the element it returns\n  children?:\n    | Vue.VNode\n    | ((state: { isActive: boolean; isTransitioning: boolean }) => Vue.VNode)\n}\n\ntype LinkComponentVueProps<TComp> = TComp extends keyof HTMLElementTagNameMap\n  ? Omit<HTMLAttributes, keyof CreateLinkProps>\n  : TComp extends Vue.Component\n    ? Record<string, any>\n    : Record<string, any>\n\nexport type LinkComponentProps<\n  TComp = 'a',\n  TRouter extends AnyRouter = RegisteredRouter,\n  TFrom extends string = string,\n  TTo extends string | undefined = '.',\n  TMaskFrom extends string = TFrom,\n  TMaskTo extends string = '.',\n> = LinkComponentVueProps<TComp> &\n  LinkProps<TComp, TRouter, TFrom, TTo, TMaskFrom, TMaskTo>\n\nexport type CreateLinkProps = LinkProps<\n  any,\n  any,\n  string,\n  string,\n  string,\n  string\n>\n\nexport type LinkComponent<TComp> = <\n  TRouter extends AnyRouter = RegisteredRouter,\n  const TFrom extends string = string,\n  const TTo extends string | undefined = undefined,\n  const TMaskFrom extends string = TFrom,\n  const TMaskTo extends string = '',\n>(\n  props: LinkComponentProps<TComp, TRouter, TFrom, TTo, TMaskFrom, TMaskTo>,\n) => Vue.VNode\n\nexport function createLink<const TComp>(\n  Comp: Constrain<TComp, any, (props: CreateLinkProps) => Vue.VNode>,\n): LinkComponent<TComp> {\n  return Vue.defineComponent({\n    name: 'CreatedLink',\n    inheritAttrs: false,\n    setup(_, { attrs, slots }) {\n      return () => Vue.h(Link, { ...attrs, _asChild: Comp }, slots)\n    },\n  }) as any\n}\n\nconst LinkImpl = Vue.defineComponent({\n  name: 'Link',\n  inheritAttrs: false,\n  props: [\n    '_asChild',\n    'to',\n    'preload',\n    'preloadDelay',\n    'activeProps',\n    'inactiveProps',\n    'activeOptions',\n    'from',\n    'search',\n    'params',\n    'hash',\n    'state',\n    'mask',\n    'reloadDocument',\n    'disabled',\n    'additionalProps',\n    'viewTransition',\n    'resetScroll',\n    'startTransition',\n    'hashScrollIntoView',\n    'replace',\n    'ignoreBlocker',\n    'target',\n  ],\n  setup(props, { attrs, slots }) {\n    // Call useLinkProps ONCE during setup with combined props and attrs\n    // The returned object includes computed values that update reactively\n    const allProps = { ...props, ...attrs }\n    const linkProps = useLinkProps(allProps as any)\n\n    return () => {\n      const Component = props._asChild || 'a'\n\n      const isActive = linkProps['data-status'] === 'active'\n      const isTransitioning =\n        linkProps['data-transitioning'] === 'transitioning'\n\n      // Create the slot content or empty array if no default slot\n      const slotContent = slots.default\n        ? slots.default({\n            isActive,\n            isTransitioning,\n          })\n        : []\n\n      // Special handling for SVG links - wrap an <a> inside the SVG\n      if (Component === 'svg') {\n        // Create props without class for svg link\n        const svgLinkProps = { ...linkProps }\n        delete (svgLinkProps as any).class\n        return Vue.h('svg', {}, [Vue.h('a', svgLinkProps, slotContent)])\n      }\n\n      // For custom functional components (non-string), pass children as a prop\n      // since they may expect children as a prop like in Solid\n      if (typeof Component !== 'string') {\n        return Vue.h(\n          Component,\n          { ...linkProps, children: slotContent },\n          slotContent,\n        )\n      }\n\n      // Return the component with props and children\n      return Vue.h(Component, linkProps, slotContent)\n    }\n  },\n})\n\n/**\n * Link component with proper TypeScript generics support\n */\nexport const Link = LinkImpl as unknown as {\n  <\n    TRouter extends AnyRouter = RegisteredRouter,\n    TFrom extends RoutePaths<TRouter['routeTree']> | string = string,\n    TTo extends string | undefined = '.',\n    TMaskFrom extends RoutePaths<TRouter['routeTree']> | string = TFrom,\n    TMaskTo extends string = '.',\n  >(\n    props: LinkComponentProps<'a', TRouter, TFrom, TTo, TMaskFrom, TMaskTo>,\n  ): Vue.VNode\n}\n\nfunction isCtrlEvent(e: MouseEvent) {\n  return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey)\n}\n\nexport type LinkOptionsFnOptions<\n  TOptions,\n  TComp,\n  TRouter extends AnyRouter = RegisteredRouter,\n> =\n  TOptions extends ReadonlyArray<any>\n    ? ValidateLinkOptionsArray<TRouter, TOptions, string, TComp>\n    : ValidateLinkOptions<TRouter, TOptions, string, TComp>\n\nexport type LinkOptionsFn<TComp> = <\n  const TOptions,\n  TRouter extends AnyRouter = RegisteredRouter,\n>(\n  options: LinkOptionsFnOptions<TOptions, TComp, TRouter>,\n) => TOptions\n\nexport const linkOptions: LinkOptionsFn<'a'> = (options) => {\n  return options as any\n}\n"],"names":["useLinkProps","options","router","useRouter","isTransitioning","Vue","ref","hasRenderFetched","console","warn","type","computed","URL","to","currentSearch","useRouterState","select","s","location","searchStr","from","useMatches","matches","length","fullPath","_options","value","next","buildLocation","preload","reloadDocument","defaultPreload","preloadDelay","defaultPreloadDelay","isActive","activeOptions","exact","testExact","exactPathTest","pathname","basepath","currentPathSplit","removeTrailingSlash","split","nextPathSplit","pathIsFuzzyEqual","every","d","i","includeSearch","searchTest","deepEqual","search","partial","ignoreUndefined","explicitUndefined","includeHash","hash","doPreload","preloadRoute","catch","err","preloadWarning","preloadViewportIoCallback","entry","isIntersecting","useIntersectionObserver","rootMargin","disabled","effect","getPropsSafeToSpread","result","key","includes","externalProps","href","target","style","class","onClick","onFocus","onMouseEnter","onMouseLeave","onMouseOver","onMouseOut","onTouchStart","Object","keys","forEach","undefined","handleClick","e","elementTarget","currentTarget","getAttribute","effectiveTarget","isCtrlEvent","defaultPrevented","button","preventDefault","unsub","subscribe","navigate","replace","resetScroll","hashScrollIntoView","startTransition","viewTransition","ignoreBlocker","handleFocus","_","handleTouchStart","handleEnter","eventTarget","preloadTimeout","setTimeout","handleLeave","clearTimeout","composeEventHandlers","handlers","event","handler","resolvedActiveProps","activeProps","props","resolvedInactiveProps","inactiveProps","resolvedClassName","classes","filter","Boolean","join","resolvedStyle","assign","nextLocation","maskedLocation","hrefValue","url","origin","startsWith","history","createHref","reactiveProps","shallowReactive","onMouseenter","onMouseover","onMouseleave","onMouseout","onTouchstart","watchEffect","activeP","inactiveP","role","createLink","Comp","defineComponent","name","inheritAttrs","setup","attrs","slots","h","Link","_asChild","LinkImpl","allProps","linkProps","Component","slotContent","default","svgLinkProps","children","metaKey","altKey","ctrlKey","shiftKey","linkOptions"],"mappings":"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"}
+{"version":3,"file":"link.js","sources":["../../src/link.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport {\n  deepEqual,\n  exactPathTest,\n  preloadWarning,\n  removeTrailingSlash,\n} from '@tanstack/router-core'\n\nimport { useRouterState } from './useRouterState'\nimport { useRouter } from './useRouter'\nimport { useIntersectionObserver } from './utils'\nimport { useMatches } from './Matches'\n\nimport type {\n  AnyRouter,\n  Constrain,\n  LinkCurrentTargetElement,\n  LinkOptions,\n  RegisteredRouter,\n  RoutePaths,\n} from '@tanstack/router-core'\nimport type {\n  ValidateLinkOptions,\n  ValidateLinkOptionsArray,\n} from './typePrimitives'\n\n// Type definitions to replace missing Vue JSX types\ntype EventHandler<TEvent = Event> = (e: TEvent) => void\ninterface HTMLAttributes {\n  class?: string\n  style?: Record<string, string | number>\n  onClick?: EventHandler<MouseEvent>\n  onFocus?: EventHandler<FocusEvent>\n  // Vue 3's h() function expects lowercase event names after 'on' prefix\n  onMouseenter?: EventHandler<MouseEvent>\n  onMouseleave?: EventHandler<MouseEvent>\n  onMouseover?: EventHandler<MouseEvent>\n  onMouseout?: EventHandler<MouseEvent>\n  onTouchstart?: EventHandler<TouchEvent>\n  // Also accept the camelCase versions for external API compatibility\n  onMouseEnter?: EventHandler<MouseEvent>\n  onMouseLeave?: EventHandler<MouseEvent>\n  onMouseOver?: EventHandler<MouseEvent>\n  onMouseOut?: EventHandler<MouseEvent>\n  onTouchStart?: EventHandler<TouchEvent>\n  [key: string]: any\n}\n\ninterface StyledProps {\n  class?: string\n  style?: Record<string, string | number>\n  [key: string]: any\n}\n\nexport function useLinkProps<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TFrom extends RoutePaths<TRouter['routeTree']> | string = string,\n  TTo extends string = '',\n  TMaskFrom extends RoutePaths<TRouter['routeTree']> | string = TFrom,\n  TMaskTo extends string = '',\n>(\n  options: UseLinkPropsOptions<TRouter, TFrom, TTo, TMaskFrom, TMaskTo>,\n): HTMLAttributes {\n  const router = useRouter()\n  const isTransitioning = Vue.ref(false)\n  let hasRenderFetched = false\n\n  // Ensure router is defined before proceeding\n  if (!router) {\n    console.warn('useRouter must be used inside a <RouterProvider> component!')\n    return {}\n  }\n\n  // Determine if the link is external or internal\n  const type = Vue.computed(() => {\n    try {\n      new URL(`${options.to}`)\n      return 'external'\n    } catch {\n      return 'internal'\n    }\n  })\n\n  const currentSearch = useRouterState({\n    select: (s) => s.location.searchStr,\n  })\n\n  // when `from` is not supplied, use the leaf route of the current matches as the `from` location\n  const from = useMatches({\n    select: (matches) => options.from ?? matches[matches.length - 1]?.fullPath,\n  })\n\n  const _options = Vue.computed(() => ({\n    ...options,\n    from: from.value,\n  }))\n\n  const next = Vue.computed(() => {\n    // Depend on search to rebuild when search changes\n    currentSearch.value\n    return router.buildLocation(_options.value as any)\n  })\n\n  const preload = Vue.computed(() => {\n    if (_options.value.reloadDocument) {\n      return false\n    }\n    return options.preload ?? router.options.defaultPreload\n  })\n\n  const preloadDelay = Vue.computed(\n    () => options.preloadDelay ?? router.options.defaultPreloadDelay ?? 0,\n  )\n\n  const isActive = useRouterState({\n    select: (s) => {\n      const activeOptions = options.activeOptions\n      if (activeOptions?.exact) {\n        const testExact = exactPathTest(\n          s.location.pathname,\n          next.value.pathname,\n          router.basepath,\n        )\n        if (!testExact) {\n          return false\n        }\n      } else {\n        const currentPathSplit = removeTrailingSlash(\n          s.location.pathname,\n          router.basepath,\n        ).split('/')\n        const nextPathSplit = removeTrailingSlash(\n          next.value?.pathname,\n          router.basepath,\n        )?.split('/')\n\n        const pathIsFuzzyEqual = nextPathSplit?.every(\n          (d, i) => d === currentPathSplit[i],\n        )\n        if (!pathIsFuzzyEqual) {\n          return false\n        }\n      }\n\n      if (activeOptions?.includeSearch ?? true) {\n        const searchTest = deepEqual(s.location.search, next.value.search, {\n          partial: !activeOptions?.exact,\n          ignoreUndefined: !activeOptions?.explicitUndefined,\n        })\n        if (!searchTest) {\n          return false\n        }\n      }\n\n      if (activeOptions?.includeHash) {\n        return s.location.hash === next.value.hash\n      }\n      return true\n    },\n  })\n\n  const doPreload = () =>\n    router.preloadRoute(_options.value as any).catch((err: any) => {\n      console.warn(err)\n      console.warn(preloadWarning)\n    })\n\n  const preloadViewportIoCallback = (\n    entry: IntersectionObserverEntry | undefined,\n  ) => {\n    if (entry?.isIntersecting) {\n      doPreload()\n    }\n  }\n\n  const ref = Vue.ref<Element | null>(null)\n\n  useIntersectionObserver(\n    ref,\n    preloadViewportIoCallback,\n    { rootMargin: '100px' },\n    { disabled: () => !!options.disabled || !(preload.value === 'viewport') },\n  )\n\n  Vue.effect(() => {\n    if (hasRenderFetched) {\n      return\n    }\n    if (!options.disabled && preload.value === 'render') {\n      doPreload()\n      hasRenderFetched = true\n    }\n  })\n\n  // Create safe props that can be spread\n  const getPropsSafeToSpread = () => {\n    const result: Record<string, any> = {}\n    for (const key in options) {\n      if (\n        ![\n          'activeProps',\n          'inactiveProps',\n          'activeOptions',\n          'to',\n          'preload',\n          'preloadDelay',\n          'hashScrollIntoView',\n          'replace',\n          'startTransition',\n          'resetScroll',\n          'viewTransition',\n          'children',\n          'target',\n          'disabled',\n          'style',\n          'class',\n          'onClick',\n          'onFocus',\n          'onMouseEnter',\n          'onMouseLeave',\n          'onMouseOver',\n          'onMouseOut',\n          'onTouchStart',\n          'ignoreBlocker',\n          'params',\n          'search',\n          'hash',\n          'state',\n          'mask',\n          'reloadDocument',\n          '_asChild',\n          'from',\n          'additionalProps',\n        ].includes(key)\n      ) {\n        result[key] = options[key]\n      }\n    }\n    return result\n  }\n\n  if (type.value === 'external') {\n    // External links just have simple props\n    const externalProps: HTMLAttributes = {\n      ...getPropsSafeToSpread(),\n      ref,\n      href: options.to,\n      target: options.target,\n      disabled: options.disabled,\n      style: options.style,\n      class: options.class,\n      onClick: options.onClick,\n      onFocus: options.onFocus,\n      onMouseEnter: options.onMouseEnter,\n      onMouseLeave: options.onMouseLeave,\n      onMouseOver: options.onMouseOver,\n      onMouseOut: options.onMouseOut,\n      onTouchStart: options.onTouchStart,\n    }\n\n    // Remove undefined values\n    Object.keys(externalProps).forEach((key) => {\n      if (externalProps[key] === undefined) {\n        delete externalProps[key]\n      }\n    })\n\n    return externalProps\n  }\n\n  // The click handler\n  const handleClick = (e: MouseEvent): void => {\n    // Check actual element's target attribute as fallback\n    const elementTarget = (\n      e.currentTarget as HTMLAnchorElement | SVGAElement\n    )?.getAttribute('target')\n    const effectiveTarget =\n      options.target !== undefined ? options.target : elementTarget\n\n    if (\n      !options.disabled &&\n      !isCtrlEvent(e) &&\n      !e.defaultPrevented &&\n      (!effectiveTarget || effectiveTarget === '_self') &&\n      e.button === 0\n    ) {\n      // Don't prevent default or handle navigation if reloadDocument is true\n      if (_options.value.reloadDocument) {\n        return\n      }\n\n      e.preventDefault()\n\n      isTransitioning.value = true\n\n      const unsub = router.subscribe('onResolved', () => {\n        unsub()\n        isTransitioning.value = false\n      })\n\n      // All is well? Navigate!\n      router.navigate({\n        ..._options.value,\n        replace: options.replace,\n        resetScroll: options.resetScroll,\n        hashScrollIntoView: options.hashScrollIntoView,\n        startTransition: options.startTransition,\n        viewTransition: options.viewTransition,\n        ignoreBlocker: options.ignoreBlocker,\n      } as any)\n    }\n  }\n\n  // The focus handler\n  const handleFocus = (_: FocusEvent) => {\n    if (options.disabled) return\n    if (preload.value) {\n      doPreload()\n    }\n  }\n\n  const handleTouchStart = (_: TouchEvent) => {\n    if (options.disabled) return\n    if (preload.value) {\n      doPreload()\n    }\n  }\n\n  const handleEnter = (e: MouseEvent) => {\n    if (options.disabled) return\n    // Use currentTarget (the element with the handler) instead of target (which may be a child)\n    const eventTarget = (e.currentTarget ||\n      e.target ||\n      {}) as LinkCurrentTargetElement\n\n    if (preload.value) {\n      if (eventTarget.preloadTimeout) {\n        return\n      }\n\n      eventTarget.preloadTimeout = setTimeout(() => {\n        eventTarget.preloadTimeout = null\n        doPreload()\n      }, preloadDelay.value)\n    }\n  }\n\n  const handleLeave = (e: MouseEvent) => {\n    if (options.disabled) return\n    // Use currentTarget (the element with the handler) instead of target (which may be a child)\n    const eventTarget = (e.currentTarget ||\n      e.target ||\n      {}) as LinkCurrentTargetElement\n\n    if (eventTarget.preloadTimeout) {\n      clearTimeout(eventTarget.preloadTimeout)\n      eventTarget.preloadTimeout = null\n    }\n  }\n\n  // Helper to compose event handlers - with explicit return type and better type handling\n  function composeEventHandlers<T extends Event>(\n    handlers: Array<EventHandler<T> | undefined>,\n  ): (e: T) => void {\n    return (event: T) => {\n      for (const handler of handlers) {\n        if (handler) {\n          handler(event)\n        }\n      }\n    }\n  }\n\n  // Get the active and inactive props\n  const resolvedActiveProps = Vue.computed<StyledProps>(() => {\n    const activeProps = options.activeProps || (() => ({ class: 'active' }))\n    const props = isActive.value\n      ? typeof activeProps === 'function'\n        ? activeProps()\n        : activeProps\n      : {}\n\n    return props || { class: undefined, style: undefined }\n  })\n\n  const resolvedInactiveProps = Vue.computed<StyledProps>(() => {\n    const inactiveProps = options.inactiveProps || (() => ({}))\n    const props = isActive.value\n      ? {}\n      : typeof inactiveProps === 'function'\n        ? inactiveProps()\n        : inactiveProps\n\n    return props || { class: undefined, style: undefined }\n  })\n\n  const resolvedClassName = Vue.computed(() => {\n    const classes = [\n      options.class,\n      resolvedActiveProps.value?.class,\n      resolvedInactiveProps.value?.class,\n    ].filter(Boolean)\n    return classes.length ? classes.join(' ') : undefined\n  })\n\n  const resolvedStyle = Vue.computed(() => {\n    const result: Record<string, string | number> = {}\n\n    // Merge styles from all sources\n    if (options.style) {\n      Object.assign(result, options.style)\n    }\n\n    if (resolvedActiveProps.value?.style) {\n      Object.assign(result, resolvedActiveProps.value.style)\n    }\n\n    if (resolvedInactiveProps.value?.style) {\n      Object.assign(result, resolvedInactiveProps.value.style)\n    }\n\n    return Object.keys(result).length > 0 ? result : undefined\n  })\n\n  const href = Vue.computed(() => {\n    if (options.disabled) {\n      return undefined\n    }\n    const nextLocation = next.value\n    const maskedLocation = nextLocation?.maskedLocation\n\n    let hrefValue: string\n    if (maskedLocation) {\n      hrefValue = maskedLocation.url\n    } else {\n      hrefValue = nextLocation?.url\n    }\n\n    // Handle origin stripping like Solid does\n    if (router.origin && hrefValue?.startsWith(router.origin)) {\n      hrefValue = router.history.createHref(\n        hrefValue.replace(router.origin, ''),\n      )\n    }\n\n    return hrefValue\n  })\n\n  // Create static event handlers that don't change between renders\n  const staticEventHandlers = {\n    onClick: composeEventHandlers<MouseEvent>([\n      options.onClick,\n      handleClick,\n    ]) as any,\n    onFocus: composeEventHandlers<FocusEvent>([\n      options.onFocus,\n      handleFocus,\n    ]) as any,\n    onMouseenter: composeEventHandlers<MouseEvent>([\n      options.onMouseEnter,\n      handleEnter,\n    ]) as any,\n    onMouseover: composeEventHandlers<MouseEvent>([\n      options.onMouseOver,\n      handleEnter,\n    ]) as any,\n    onMouseleave: composeEventHandlers<MouseEvent>([\n      options.onMouseLeave,\n      handleLeave,\n    ]) as any,\n    onMouseout: composeEventHandlers<MouseEvent>([\n      options.onMouseOut,\n      handleLeave,\n    ]) as any,\n    onTouchstart: composeEventHandlers<TouchEvent>([\n      options.onTouchStart,\n      handleTouchStart,\n    ]) as any,\n  }\n\n  // Compute all props synchronously to avoid hydration mismatches\n  // Using Vue.computed ensures props are calculated at render time, not after\n  const computedProps = Vue.computed<HTMLAttributes>(() => {\n    const result: HTMLAttributes = {\n      ...getPropsSafeToSpread(),\n      href: href.value,\n      ref,\n      ...staticEventHandlers,\n      disabled: !!options.disabled,\n      target: options.target,\n    }\n\n    // Add style if present\n    if (resolvedStyle.value) {\n      result.style = resolvedStyle.value\n    }\n\n    // Add class if present\n    if (resolvedClassName.value) {\n      result.class = resolvedClassName.value\n    }\n\n    // Add disabled props\n    if (options.disabled) {\n      result.role = 'link'\n      result['aria-disabled'] = true\n    }\n\n    // Add active status\n    if (isActive.value) {\n      result['data-status'] = 'active'\n      result['aria-current'] = 'page'\n    }\n\n    // Add transitioning status\n    if (isTransitioning.value) {\n      result['data-transitioning'] = 'transitioning'\n    }\n\n    // Merge active/inactive props (excluding class and style which are handled above)\n    const activeP = resolvedActiveProps.value\n    const inactiveP = resolvedInactiveProps.value\n\n    for (const key of Object.keys(activeP)) {\n      if (key !== 'class' && key !== 'style') {\n        result[key] = activeP[key]\n      }\n    }\n    for (const key of Object.keys(inactiveP)) {\n      if (key !== 'class' && key !== 'style') {\n        result[key] = inactiveP[key]\n      }\n    }\n\n    return result\n  })\n\n  // Return the computed ref itself - callers should access .value\n  return computedProps as unknown as HTMLAttributes\n}\n\n// Type definitions\nexport type UseLinkPropsOptions<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TFrom extends RoutePaths<TRouter['routeTree']> | string = string,\n  TTo extends string | undefined = '.',\n  TMaskFrom extends RoutePaths<TRouter['routeTree']> | string = TFrom,\n  TMaskTo extends string = '.',\n> = ActiveLinkOptions<'a', TRouter, TFrom, TTo, TMaskFrom, TMaskTo> &\n  HTMLAttributes\n\nexport type ActiveLinkOptions<\n  TComp = 'a',\n  TRouter extends AnyRouter = RegisteredRouter,\n  TFrom extends string = string,\n  TTo extends string | undefined = '.',\n  TMaskFrom extends string = TFrom,\n  TMaskTo extends string = '.',\n> = LinkOptions<TRouter, TFrom, TTo, TMaskFrom, TMaskTo> &\n  ActiveLinkOptionProps<TComp>\n\ntype ActiveLinkProps<TComp> = Partial<\n  HTMLAttributes & {\n    [key: `data-${string}`]: unknown\n  }\n>\n\nexport interface ActiveLinkOptionProps<TComp = 'a'> {\n  /**\n   * A function that returns additional props for the `active` state of this link.\n   * These props override other props passed to the link (`style`'s are merged, `class`'s are concatenated)\n   */\n  activeProps?: ActiveLinkProps<TComp> | (() => ActiveLinkProps<TComp>)\n  /**\n   * A function that returns additional props for the `inactive` state of this link.\n   * These props override other props passed to the link (`style`'s are merged, `class`'s are concatenated)\n   */\n  inactiveProps?: ActiveLinkProps<TComp> | (() => ActiveLinkProps<TComp>)\n}\n\nexport type LinkProps<\n  TComp = 'a',\n  TRouter extends AnyRouter = RegisteredRouter,\n  TFrom extends string = string,\n  TTo extends string | undefined = '.',\n  TMaskFrom extends string = TFrom,\n  TMaskTo extends string = '.',\n> = ActiveLinkOptions<TComp, TRouter, TFrom, TTo, TMaskFrom, TMaskTo> &\n  LinkPropsChildren\n\nexport interface LinkPropsChildren {\n  // If a function is passed as a child, it will be given the `isActive` boolean to aid in further styling on the element it returns\n  children?:\n    | Vue.VNode\n    | ((state: { isActive: boolean; isTransitioning: boolean }) => Vue.VNode)\n}\n\ntype LinkComponentVueProps<TComp> = TComp extends keyof HTMLElementTagNameMap\n  ? Omit<HTMLAttributes, keyof CreateLinkProps>\n  : TComp extends Vue.Component\n    ? Record<string, any>\n    : Record<string, any>\n\nexport type LinkComponentProps<\n  TComp = 'a',\n  TRouter extends AnyRouter = RegisteredRouter,\n  TFrom extends string = string,\n  TTo extends string | undefined = '.',\n  TMaskFrom extends string = TFrom,\n  TMaskTo extends string = '.',\n> = LinkComponentVueProps<TComp> &\n  LinkProps<TComp, TRouter, TFrom, TTo, TMaskFrom, TMaskTo>\n\nexport type CreateLinkProps = LinkProps<\n  any,\n  any,\n  string,\n  string,\n  string,\n  string\n>\n\nexport type LinkComponent<TComp> = <\n  TRouter extends AnyRouter = RegisteredRouter,\n  const TFrom extends string = string,\n  const TTo extends string | undefined = undefined,\n  const TMaskFrom extends string = TFrom,\n  const TMaskTo extends string = '',\n>(\n  props: LinkComponentProps<TComp, TRouter, TFrom, TTo, TMaskFrom, TMaskTo>,\n) => Vue.VNode\n\nexport function createLink<const TComp>(\n  Comp: Constrain<TComp, any, (props: CreateLinkProps) => Vue.VNode>,\n): LinkComponent<TComp> {\n  return Vue.defineComponent({\n    name: 'CreatedLink',\n    inheritAttrs: false,\n    setup(_, { attrs, slots }) {\n      return () => Vue.h(Link, { ...attrs, _asChild: Comp }, slots)\n    },\n  }) as any\n}\n\nconst LinkImpl = Vue.defineComponent({\n  name: 'Link',\n  inheritAttrs: false,\n  props: [\n    '_asChild',\n    'to',\n    'preload',\n    'preloadDelay',\n    'activeProps',\n    'inactiveProps',\n    'activeOptions',\n    'from',\n    'search',\n    'params',\n    'hash',\n    'state',\n    'mask',\n    'reloadDocument',\n    'disabled',\n    'additionalProps',\n    'viewTransition',\n    'resetScroll',\n    'startTransition',\n    'hashScrollIntoView',\n    'replace',\n    'ignoreBlocker',\n    'target',\n  ],\n  setup(props, { attrs, slots }) {\n    // Call useLinkProps ONCE during setup with combined props and attrs\n    // The returned object is a computed ref that updates reactively\n    const allProps = { ...props, ...attrs }\n    const linkPropsComputed = useLinkProps(\n      allProps as any,\n    ) as unknown as Vue.ComputedRef<HTMLAttributes>\n\n    return () => {\n      const Component = props._asChild || 'a'\n\n      // Access the computed value to get fresh props each render\n      const linkProps = linkPropsComputed.value\n\n      const isActive = linkProps['data-status'] === 'active'\n      const isTransitioning =\n        linkProps['data-transitioning'] === 'transitioning'\n\n      // Create the slot content or empty array if no default slot\n      const slotContent = slots.default\n        ? slots.default({\n            isActive,\n            isTransitioning,\n          })\n        : []\n\n      // Special handling for SVG links - wrap an <a> inside the SVG\n      if (Component === 'svg') {\n        // Create props without class for svg link\n        const svgLinkProps = { ...linkProps }\n        delete (svgLinkProps as any).class\n        return Vue.h('svg', {}, [Vue.h('a', svgLinkProps, slotContent)])\n      }\n\n      // For custom functional components (non-string), pass children as a prop\n      // since they may expect children as a prop like in Solid\n      if (typeof Component !== 'string') {\n        return Vue.h(\n          Component,\n          { ...linkProps, children: slotContent },\n          slotContent,\n        )\n      }\n\n      // Return the component with props and children\n      return Vue.h(Component, linkProps, slotContent)\n    }\n  },\n})\n\n/**\n * Link component with proper TypeScript generics support\n */\nexport const Link = LinkImpl as unknown as {\n  <\n    TRouter extends AnyRouter = RegisteredRouter,\n    TFrom extends RoutePaths<TRouter['routeTree']> | string = string,\n    TTo extends string | undefined = '.',\n    TMaskFrom extends RoutePaths<TRouter['routeTree']> | string = TFrom,\n    TMaskTo extends string = '.',\n  >(\n    props: LinkComponentProps<'a', TRouter, TFrom, TTo, TMaskFrom, TMaskTo>,\n  ): Vue.VNode\n}\n\nfunction isCtrlEvent(e: MouseEvent) {\n  return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey)\n}\n\nexport type LinkOptionsFnOptions<\n  TOptions,\n  TComp,\n  TRouter extends AnyRouter = RegisteredRouter,\n> =\n  TOptions extends ReadonlyArray<any>\n    ? ValidateLinkOptionsArray<TRouter, TOptions, string, TComp>\n    : ValidateLinkOptions<TRouter, TOptions, string, TComp>\n\nexport type LinkOptionsFn<TComp> = <\n  const TOptions,\n  TRouter extends AnyRouter = RegisteredRouter,\n>(\n  options: LinkOptionsFnOptions<TOptions, TComp, TRouter>,\n) => TOptions\n\nexport const linkOptions: LinkOptionsFn<'a'> = (options) => {\n  return options as any\n}\n"],"names":["useLinkProps","options","router","useRouter","isTransitioning","Vue","ref","hasRenderFetched","console","warn","type","computed","URL","to","currentSearch","useRouterState","select","s","location","searchStr","from","useMatches","matches","length","fullPath","_options","value","next","buildLocation","preload","reloadDocument","defaultPreload","preloadDelay","defaultPreloadDelay","isActive","activeOptions","exact","testExact","exactPathTest","pathname","basepath","currentPathSplit","removeTrailingSlash","split","nextPathSplit","pathIsFuzzyEqual","every","d","i","includeSearch","searchTest","deepEqual","search","partial","ignoreUndefined","explicitUndefined","includeHash","hash","doPreload","preloadRoute","catch","err","preloadWarning","preloadViewportIoCallback","entry","isIntersecting","useIntersectionObserver","rootMargin","disabled","effect","getPropsSafeToSpread","result","key","includes","externalProps","href","target","style","class","onClick","onFocus","onMouseEnter","onMouseLeave","onMouseOver","onMouseOut","onTouchStart","Object","keys","forEach","undefined","handleClick","e","elementTarget","currentTarget","getAttribute","effectiveTarget","isCtrlEvent","defaultPrevented","button","preventDefault","unsub","subscribe","navigate","replace","resetScroll","hashScrollIntoView","startTransition","viewTransition","ignoreBlocker","handleFocus","_","handleTouchStart","handleEnter","eventTarget","preloadTimeout","setTimeout","handleLeave","clearTimeout","composeEventHandlers","handlers","event","handler","resolvedActiveProps","activeProps","props","resolvedInactiveProps","inactiveProps","resolvedClassName","classes","filter","Boolean","join","resolvedStyle","assign","nextLocation","maskedLocation","hrefValue","url","origin","startsWith","history","createHref","staticEventHandlers","onMouseenter","onMouseover","onMouseleave","onMouseout","onTouchstart","computedProps","role","activeP","inactiveP","createLink","Comp","defineComponent","name","inheritAttrs","setup","attrs","slots","h","Link","_asChild","LinkImpl","allProps","linkPropsComputed","Component","linkProps","slotContent","default","svgLinkProps","children","metaKey","altKey","ctrlKey","shiftKey","linkOptions"],"mappings":"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"}

package/dist/esm/scroll-restoration.d.ts

@@ -1 +1,8 @@
-export declare function ScrollRestoration(): import("vue/jsx-runtime").JSX.Element | null;
+import * as Vue from 'vue';
+/**
+ * ScrollRestoration component for Vue.
+ * On server: renders a ScriptOnce with scroll restoration logic.
+ * On client during hydration: renders a matching ScriptOnce to avoid mismatch.
+ * After mount: renders nothing.
+ */
+export declare const ScrollRestoration: Vue.DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, Vue.ComponentOptionsMixin, Vue.ComponentOptionsMixin, {}, string, Vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, Vue.ComponentProvideOptions, true, {}, any>;

package/dist/esm/scroll-restoration.js

@@ -1,20 +1,52 @@
+import * as Vue from "vue";
 import { createVNode } from "vue";
 import { defaultGetScrollRestorationKey, restoreScroll, storageKey } from "@tanstack/router-core";
 import { useRouter } from "./useRouter.js";
 import { ScriptOnce } from "./ScriptOnce.js";
-function ScrollRestoration() {
-  const router = useRouter();
-  const getKey = router.options.getScrollRestorationKey || defaultGetScrollRestorationKey;
-  const userKey = getKey(router.latestLocation);
-  const resolvedKey = userKey !== defaultGetScrollRestorationKey(router.latestLocation) ? userKey : null;
-  if (!router.isScrollRestoring || !router.isServer) {
-    return null;
+const ScrollRestoration = Vue.defineComponent({
+  name: "ScrollRestoration",
+  setup() {
+    const router = useRouter();
+    const mounted = Vue.ref(false);
+    Vue.onMounted(() => {
+      mounted.value = true;
+    });
+    return () => {
+      if (mounted.value) {
+        return null;
+      }
+      if (!router.isScrollRestoring) {
+        return null;
+      }
+      if (typeof router.options.scrollRestoration === "function") {
+        const shouldRestore = router.options.scrollRestoration({
+          location: router.latestLocation
+        });
+        if (!shouldRestore) {
+          return null;
+        }
+      }
+      const getKey = router.options.getScrollRestorationKey || defaultGetScrollRestorationKey;
+      const userKey = getKey(router.latestLocation);
+      const resolvedKey = userKey !== defaultGetScrollRestorationKey(router.latestLocation) ? userKey : void 0;
+      const restoreScrollOptions = {
+        storageKey,
+        shouldScrollRestoration: true
+      };
+      if (resolvedKey) {
+        restoreScrollOptions.key = resolvedKey;
+      }
+      if (router.isServer) {
+        return createVNode(ScriptOnce, {
+          "children": `(${restoreScroll.toString()})(${JSON.stringify(restoreScrollOptions)})`
+        }, null);
+      }
+      return createVNode(ScriptOnce, {
+        "children": ""
+      }, null);
+    };
   }
-  return createVNode(ScriptOnce, {
-    "children": `(${restoreScroll.toString()})(${JSON.stringify(storageKey)},${JSON.stringify(resolvedKey)}, undefined, true)`,
-    "log": false
-  }, null);
-}
+});
 export {
   ScrollRestoration
 };

package/dist/esm/scroll-restoration.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-restoration.js","sources":["../../src/scroll-restoration.tsx"],"sourcesContent":["import {\n  defaultGetScrollRestorationKey,\n  restoreScroll,\n  storageKey,\n} from '@tanstack/router-core'\nimport { useRouter } from './useRouter'\nimport { ScriptOnce } from './ScriptOnce'\n\nexport function ScrollRestoration() {\n  const router = useRouter()\n  const getKey =\n    router.options.getScrollRestorationKey || defaultGetScrollRestorationKey\n  const userKey = getKey(router.latestLocation)\n  const resolvedKey =\n    userKey !== defaultGetScrollRestorationKey(router.latestLocation)\n      ? userKey\n      : null\n\n  if (!router.isScrollRestoring || !router.isServer) {\n    return null\n  }\n\n  return (\n    <ScriptOnce\n      children={`(${restoreScroll.toString()})(${JSON.stringify(storageKey)},${JSON.stringify(resolvedKey)}, undefined, true)`}\n      log={false}\n    />\n  )\n}\n"],"names":["ScrollRestoration","router","useRouter","getKey","options","getScrollRestorationKey","defaultGetScrollRestorationKey","userKey","latestLocation","resolvedKey","isScrollRestoring","isServer","_createVNode","ScriptOnce","restoreScroll","toString","JSON","stringify","storageKey"],"mappings":";;;;AAQO,SAASA,oBAAoB;AAClC,QAAMC,SAASC,UAAS;AACxB,QAAMC,SACJF,OAAOG,QAAQC,2BAA2BC;AAC5C,QAAMC,UAAUJ,OAAOF,OAAOO,cAAc;AAC5C,QAAMC,cACJF,YAAYD,+BAA+BL,OAAOO,cAAc,IAC5DD,UACA;AAEN,MAAI,CAACN,OAAOS,qBAAqB,CAACT,OAAOU,UAAU;AACjD,WAAO;AAAA,EACT;AAEA,SAAAC,YAAAC,YAAA;AAAA,IAAA,YAEc,IAAIC,cAAcC,SAAQ,CAAE,KAAKC,KAAKC,UAAUC,UAAU,CAAC,IAAIF,KAAKC,UAAUR,WAAW,CAAC;AAAA,IAAoB,OACnH;AAAA,EAAK,GAAA,IAAA;AAGhB;"}
+{"version":3,"file":"scroll-restoration.js","sources":["../../src/scroll-restoration.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport {\n  defaultGetScrollRestorationKey,\n  restoreScroll,\n  storageKey,\n} from '@tanstack/router-core'\nimport { useRouter } from './useRouter'\nimport { ScriptOnce } from './ScriptOnce'\n\n/**\n * ScrollRestoration component for Vue.\n * On server: renders a ScriptOnce with scroll restoration logic.\n * On client during hydration: renders a matching ScriptOnce to avoid mismatch.\n * After mount: renders nothing.\n */\nexport const ScrollRestoration = Vue.defineComponent({\n  name: 'ScrollRestoration',\n  setup() {\n    const router = useRouter()\n\n    // Track mounted state for hydration handling\n    const mounted = Vue.ref(false)\n    Vue.onMounted(() => {\n      mounted.value = true\n    })\n\n    return () => {\n      // After mount, render nothing\n      if (mounted.value) {\n        return null\n      }\n\n      // Check if scroll restoration is enabled\n      if (!router.isScrollRestoring) {\n        return null\n      }\n\n      // Check custom scroll restoration function\n      if (typeof router.options.scrollRestoration === 'function') {\n        const shouldRestore = router.options.scrollRestoration({\n          location: router.latestLocation,\n        })\n        if (!shouldRestore) {\n          return null\n        }\n      }\n\n      const getKey =\n        router.options.getScrollRestorationKey || defaultGetScrollRestorationKey\n      const userKey = getKey(router.latestLocation)\n      const resolvedKey =\n        userKey !== defaultGetScrollRestorationKey(router.latestLocation)\n          ? userKey\n          : undefined\n\n      const restoreScrollOptions: Parameters<typeof restoreScroll>[0] = {\n        storageKey,\n        shouldScrollRestoration: true,\n      }\n      if (resolvedKey) {\n        restoreScrollOptions.key = resolvedKey\n      }\n\n      // Server-side: render the actual scroll restoration script\n      if (router.isServer) {\n        return (\n          <ScriptOnce\n            children={`(${restoreScroll.toString()})(${JSON.stringify(restoreScrollOptions)})`}\n          />\n        )\n      }\n\n      // Client-side during hydration: render empty ScriptOnce to match server structure\n      return <ScriptOnce children=\"\" />\n    }\n  },\n})\n"],"names":["ScrollRestoration","Vue","defineComponent","name","setup","router","useRouter","mounted","ref","onMounted","value","isScrollRestoring","options","scrollRestoration","shouldRestore","location","latestLocation","getKey","getScrollRestorationKey","defaultGetScrollRestorationKey","userKey","resolvedKey","undefined","restoreScrollOptions","storageKey","shouldScrollRestoration","key","isServer","_createVNode","ScriptOnce","restoreScroll","toString","JSON","stringify"],"mappings":";;;;;MAeaA,oBAAoBC,IAAIC,gBAAgB;AAAA,EACnDC,MAAM;AAAA,EACNC,QAAQ;AACN,UAAMC,SAASC,UAAS;AAGxB,UAAMC,UAAUN,IAAIO,IAAI,KAAK;AAC7BP,QAAIQ,UAAU,MAAM;AAClBF,cAAQG,QAAQ;AAAA,IAClB,CAAC;AAED,WAAO,MAAM;AAEX,UAAIH,QAAQG,OAAO;AACjB,eAAO;AAAA,MACT;AAGA,UAAI,CAACL,OAAOM,mBAAmB;AAC7B,eAAO;AAAA,MACT;AAGA,UAAI,OAAON,OAAOO,QAAQC,sBAAsB,YAAY;AAC1D,cAAMC,gBAAgBT,OAAOO,QAAQC,kBAAkB;AAAA,UACrDE,UAAUV,OAAOW;AAAAA,QACnB,CAAC;AACD,YAAI,CAACF,eAAe;AAClB,iBAAO;AAAA,QACT;AAAA,MACF;AAEA,YAAMG,SACJZ,OAAOO,QAAQM,2BAA2BC;AAC5C,YAAMC,UAAUH,OAAOZ,OAAOW,cAAc;AAC5C,YAAMK,cACJD,YAAYD,+BAA+Bd,OAAOW,cAAc,IAC5DI,UACAE;AAEN,YAAMC,uBAA4D;AAAA,QAChEC;AAAAA,QACAC,yBAAyB;AAAA;AAE3B,UAAIJ,aAAa;AACfE,6BAAqBG,MAAML;AAAAA,MAC7B;AAGA,UAAIhB,OAAOsB,UAAU;AACnB,eAAAC,YAAAC,YAAA;AAAA,UAAA,YAEc,IAAIC,cAAcC,SAAQ,CAAE,KAAKC,KAAKC,UAAUV,oBAAoB,CAAC;AAAA,QAAG,GAAA,IAAA;AAAA,MAGxF;AAGA,aAAAK,YAAAC,YAAA;AAAA,QAAA,YAAA;AAAA,MAAA,GAAA,IAAA;AAAA,IACF;AAAA,EACF;AACF,CAAC;"}

package/dist/esm/ssr/RouterClient.d.ts

@@ -0,0 +1,15 @@
+import { AnyRouter } from '@tanstack/router-core';
+import * as Vue from 'vue';
+export declare const RouterClient: Vue.DefineComponent<Vue.ExtractPropTypes<{
+    router: {
+        type: () => AnyRouter;
+        required: true;
+    };
+}>, () => Vue.VNode<Vue.RendererNode, Vue.RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, Vue.ComponentOptionsMixin, Vue.ComponentOptionsMixin, {}, string, Vue.PublicProps, Readonly<Vue.ExtractPropTypes<{
+    router: {
+        type: () => AnyRouter;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, Vue.ComponentProvideOptions, true, {}, any>;

package/dist/esm/ssr/RouterClient.js

@@ -0,0 +1,46 @@
+import * as Vue from "vue";
+import { hydrate } from "@tanstack/router-core/ssr/client";
+import { HeadContent } from "../HeadContent.js";
+import { RouterProvider } from "../RouterProvider.js";
+let hydrationPromise;
+const RouterClient = Vue.defineComponent({
+  name: "RouterClient",
+  props: {
+    router: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const isHydrated = Vue.ref(false);
+    if (!hydrationPromise) {
+      if (!props.router.state.matches.length) {
+        hydrationPromise = hydrate(props.router);
+      } else {
+        hydrationPromise = Promise.resolve();
+      }
+    }
+    Vue.onMounted(() => {
+      hydrationPromise.then(() => {
+        isHydrated.value = true;
+      });
+    });
+    if (typeof window === "undefined") {
+      isHydrated.value = true;
+    }
+    return () => {
+      if (!isHydrated.value) {
+        return null;
+      }
+      return Vue.h(RouterProvider, {
+        router: props.router
+      }, {
+        innerWrap: (innerProps) => [Vue.h(HeadContent), innerProps.children]
+      });
+    };
+  }
+});
+export {
+  RouterClient
+};
+//# sourceMappingURL=RouterClient.js.map

package/dist/esm/ssr/RouterClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouterClient.js","sources":["../../../src/ssr/RouterClient.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport { hydrate } from '@tanstack/router-core/ssr/client'\nimport { HeadContent } from '../HeadContent'\nimport { RouterProvider } from '../RouterProvider'\nimport type { AnyRouter } from '@tanstack/router-core'\n\nlet hydrationPromise: Promise<void | Array<Array<void>>> | undefined\n\nexport const RouterClient = Vue.defineComponent({\n  name: 'RouterClient',\n  props: {\n    router: {\n      type: Object as () => AnyRouter,\n      required: true,\n    },\n  },\n  setup(props) {\n    const isHydrated = Vue.ref(false)\n\n    if (!hydrationPromise) {\n      if (!props.router.state.matches.length) {\n        hydrationPromise = hydrate(props.router)\n      } else {\n        hydrationPromise = Promise.resolve()\n      }\n    }\n\n    Vue.onMounted(() => {\n      hydrationPromise!.then(() => {\n        isHydrated.value = true\n      })\n    })\n\n    // For SSR, we're already hydrated\n    if (typeof window === 'undefined') {\n      isHydrated.value = true\n    }\n\n    return () => {\n      if (!isHydrated.value) {\n        return null\n      }\n\n      return Vue.h(\n        RouterProvider,\n        {\n          router: props.router,\n        },\n        {\n          innerWrap: (innerProps: { children: any }) => [\n            Vue.h(HeadContent),\n            innerProps.children,\n          ],\n        },\n      )\n    }\n  },\n})\n"],"names":["hydrationPromise","RouterClient","Vue","defineComponent","name","props","router","type","Object","required","setup","isHydrated","ref","state","matches","length","hydrate","Promise","resolve","onMounted","then","value","window","h","RouterProvider","innerWrap","innerProps","HeadContent","children"],"mappings":";;;;AAMA,IAAIA;MAESC,eAAeC,IAAIC,gBAAgB;AAAA,EAC9CC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,QAAQ;AAAA,MACNC,MAAMC;AAAAA,MACNC,UAAU;AAAA,IACZ;AAAA;EAEFC,MAAML,OAAO;AACX,UAAMM,aAAaT,IAAIU,IAAI,KAAK;AAEhC,QAAI,CAACZ,kBAAkB;AACrB,UAAI,CAACK,MAAMC,OAAOO,MAAMC,QAAQC,QAAQ;AACtCf,2BAAmBgB,QAAQX,MAAMC,MAAM;AAAA,MACzC,OAAO;AACLN,2BAAmBiB,QAAQC,QAAO;AAAA,MACpC;AAAA,IACF;AAEAhB,QAAIiB,UAAU,MAAM;AAClBnB,uBAAkBoB,KAAK,MAAM;AAC3BT,mBAAWU,QAAQ;AAAA,MACrB,CAAC;AAAA,IACH,CAAC;AAGD,QAAI,OAAOC,WAAW,aAAa;AACjCX,iBAAWU,QAAQ;AAAA,IACrB;AAEA,WAAO,MAAM;AACX,UAAI,CAACV,WAAWU,OAAO;AACrB,eAAO;AAAA,MACT;AAEA,aAAOnB,IAAIqB,EACTC,gBACA;AAAA,QACElB,QAAQD,MAAMC;AAAAA,MAChB,GACA;AAAA,QACEmB,WAAYC,gBAAkC,CAC5CxB,IAAIqB,EAAEI,WAAW,GACjBD,WAAWE,QAAQ;AAAA,MAEvB,CACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;"}

package/dist/esm/ssr/RouterServer.d.ts

@@ -0,0 +1,15 @@
+import { AnyRouter } from '@tanstack/router-core';
+import * as Vue from 'vue';
+export declare const RouterServer: Vue.DefineComponent<Vue.ExtractPropTypes<{
+    router: {
+        type: () => AnyRouter;
+        required: true;
+    };
+}>, () => Vue.VNode<Vue.RendererNode, Vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, Vue.ComponentOptionsMixin, Vue.ComponentOptionsMixin, {}, string, Vue.PublicProps, Readonly<Vue.ExtractPropTypes<{
+    router: {
+        type: () => AnyRouter;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, Vue.ComponentProvideOptions, true, {}, any>;

package/dist/esm/ssr/RouterServer.js

@@ -0,0 +1,37 @@
+import * as Vue from "vue";
+import { Asset } from "../Asset.js";
+import { useTags } from "../HeadContent.js";
+import { RouterProvider } from "../RouterProvider.js";
+import { Scripts } from "../Scripts.js";
+const ServerHeadContent = Vue.defineComponent({
+  name: "ServerHeadContent",
+  setup() {
+    const getTags = useTags();
+    return () => getTags().map((tag) => Vue.h(Asset, {
+      key: tag.tag + tag.id,
+      ...tag
+    }));
+  }
+});
+const RouterServer = Vue.defineComponent({
+  name: "RouterServer",
+  props: {
+    router: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    return () => Vue.h("html", null, [Vue.h("head", null, [Vue.h(ServerHeadContent)]), Vue.h("body", null, [Vue.h("div", {
+      id: "__app"
+    }, [Vue.h(RouterProvider, {
+      router: props.router
+    }, {
+      innerWrap: (innerProps) => [Vue.h(ServerHeadContent), innerProps.children, Vue.h(Scripts)]
+    })])])]);
+  }
+});
+export {
+  RouterServer
+};
+//# sourceMappingURL=RouterServer.js.map

package/dist/esm/ssr/RouterServer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouterServer.js","sources":["../../../src/ssr/RouterServer.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport { Asset } from '../Asset'\nimport { useTags } from '../HeadContent'\nimport { RouterProvider } from '../RouterProvider'\nimport { Scripts } from '../Scripts'\nimport type { AnyRouter, RouterManagedTag } from '@tanstack/router-core'\n\nconst ServerHeadContent = Vue.defineComponent({\n  name: 'ServerHeadContent',\n  setup() {\n    const getTags = useTags()\n\n    return () =>\n      getTags().map((tag: RouterManagedTag) =>\n        Vue.h(Asset, { key: tag.tag + (tag as any).id, ...tag }),\n      )\n  },\n})\n\nexport const RouterServer = Vue.defineComponent({\n  name: 'RouterServer',\n  props: {\n    router: {\n      type: Object as () => AnyRouter,\n      required: true,\n    },\n  },\n  setup(props) {\n    return () =>\n      Vue.h('html', null, [\n        Vue.h('head', null, [Vue.h(ServerHeadContent)]),\n        Vue.h('body', null, [\n          Vue.h('div', { id: '__app' }, [\n            Vue.h(\n              RouterProvider,\n              {\n                router: props.router,\n              },\n              {\n                innerWrap: (innerProps: { children: any }) => [\n                  Vue.h(ServerHeadContent),\n                  innerProps.children,\n                  Vue.h(Scripts),\n                ],\n              },\n            ),\n          ]),\n        ]),\n      ])\n  },\n})\n"],"names":["ServerHeadContent","Vue","defineComponent","name","setup","getTags","useTags","map","tag","h","Asset","key","id","RouterServer","props","router","type","Object","required","RouterProvider","innerWrap","innerProps","children","Scripts"],"mappings":";;;;;AAOA,MAAMA,oBAAoBC,IAAIC,gBAAgB;AAAA,EAC5CC,MAAM;AAAA,EACNC,QAAQ;AACN,UAAMC,UAAUC,QAAO;AAEvB,WAAO,MACLD,QAAO,EAAGE,IAAKC,SACbP,IAAIQ,EAAEC,OAAO;AAAA,MAAEC,KAAKH,IAAIA,MAAOA,IAAYI;AAAAA,MAAI,GAAGJ;AAAAA,IAAI,CAAC,CACzD;AAAA,EACJ;AACF,CAAC;MAEYK,eAAeZ,IAAIC,gBAAgB;AAAA,EAC9CC,MAAM;AAAA,EACNW,OAAO;AAAA,IACLC,QAAQ;AAAA,MACNC,MAAMC;AAAAA,MACNC,UAAU;AAAA,IACZ;AAAA;EAEFd,MAAMU,OAAO;AACX,WAAO,MACLb,IAAIQ,EAAE,QAAQ,MAAM,CAClBR,IAAIQ,EAAE,QAAQ,MAAM,CAACR,IAAIQ,EAAET,iBAAiB,CAAC,CAAC,GAC9CC,IAAIQ,EAAE,QAAQ,MAAM,CAClBR,IAAIQ,EAAE,OAAO;AAAA,MAAEG,IAAI;AAAA,IAAQ,GAAG,CAC5BX,IAAIQ,EACFU,gBACA;AAAA,MACEJ,QAAQD,MAAMC;AAAAA,IAChB,GACA;AAAA,MACEK,WAAYC,gBAAkC,CAC5CpB,IAAIQ,EAAET,iBAAiB,GACvBqB,WAAWC,UACXrB,IAAIQ,EAAEc,OAAO,CAAC;AAAA,IAElB,CACF,CAAC,CACF,CAAC,CACH,CAAC,CACH;AAAA,EACL;AACF,CAAC;"}

package/dist/esm/ssr/client.d.ts

@@ -0,0 +1 @@
+export { RouterClient } from './RouterClient.js';

package/dist/esm/ssr/client.js

@@ -0,0 +1,5 @@
+import { RouterClient } from "./RouterClient.js";
+export {
+  RouterClient
+};
+//# sourceMappingURL=client.js.map

package/dist/esm/ssr/client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/esm/ssr/defaultRenderHandler.d.ts

@@ -0,0 +1 @@
+export declare const defaultRenderHandler: import('@tanstack/router-core/ssr/server').HandlerCallback<import('@tanstack/router-core').AnyRouter>;

package/dist/esm/ssr/defaultRenderHandler.js

@@ -0,0 +1,15 @@
+import { defineHandlerCallback } from "@tanstack/router-core/ssr/server";
+import { renderRouterToString } from "./renderRouterToString.js";
+import { RouterServer } from "./RouterServer.js";
+const defaultRenderHandler = defineHandlerCallback(({
+  router,
+  responseHeaders
+}) => renderRouterToString({
+  router,
+  responseHeaders,
+  App: RouterServer
+}));
+export {
+  defaultRenderHandler
+};
+//# sourceMappingURL=defaultRenderHandler.js.map

package/dist/esm/ssr/defaultRenderHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultRenderHandler.js","sources":["../../../src/ssr/defaultRenderHandler.tsx"],"sourcesContent":["import { defineHandlerCallback } from '@tanstack/router-core/ssr/server'\nimport { renderRouterToString } from './renderRouterToString'\nimport { RouterServer } from './RouterServer'\n\nexport const defaultRenderHandler = defineHandlerCallback(\n  ({ router, responseHeaders }) =>\n    renderRouterToString({\n      router,\n      responseHeaders,\n      App: RouterServer,\n    }),\n)\n"],"names":["defaultRenderHandler","defineHandlerCallback","router","responseHeaders","renderRouterToString","App","RouterServer"],"mappings":";;;AAIO,MAAMA,uBAAuBC,sBAClC,CAAC;AAAA,EAAEC;AAAAA,EAAQC;AAAgB,MACzBC,qBAAqB;AAAA,EACnBF;AAAAA,EACAC;AAAAA,EACAE,KAAKC;AACP,CAAC,CACL;"}

package/dist/esm/ssr/defaultStreamHandler.d.ts

@@ -0,0 +1 @@
+export declare const defaultStreamHandler: import('@tanstack/router-core/ssr/server').HandlerCallback<import('@tanstack/router-core').AnyRouter>;

package/dist/esm/ssr/defaultStreamHandler.js

@@ -0,0 +1,17 @@
+import { defineHandlerCallback } from "@tanstack/router-core/ssr/server";
+import { renderRouterToStream } from "./renderRouterToStream.js";
+import { RouterServer } from "./RouterServer.js";
+const defaultStreamHandler = defineHandlerCallback(async ({
+  request,
+  router,
+  responseHeaders
+}) => await renderRouterToStream({
+  request,
+  router,
+  responseHeaders,
+  App: RouterServer
+}));
+export {
+  defaultStreamHandler
+};
+//# sourceMappingURL=defaultStreamHandler.js.map

package/dist/esm/ssr/defaultStreamHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultStreamHandler.js","sources":["../../../src/ssr/defaultStreamHandler.tsx"],"sourcesContent":["import { defineHandlerCallback } from '@tanstack/router-core/ssr/server'\nimport { renderRouterToStream } from './renderRouterToStream'\nimport { RouterServer } from './RouterServer'\n\nexport const defaultStreamHandler = defineHandlerCallback(\n  async ({ request, router, responseHeaders }) =>\n    await renderRouterToStream({\n      request,\n      router,\n      responseHeaders,\n      App: RouterServer,\n    }),\n)\n"],"names":["defaultStreamHandler","defineHandlerCallback","request","router","responseHeaders","renderRouterToStream","App","RouterServer"],"mappings":";;;AAIO,MAAMA,uBAAuBC,sBAClC,OAAO;AAAA,EAAEC;AAAAA,EAASC;AAAAA,EAAQC;AAAgB,MACxC,MAAMC,qBAAqB;AAAA,EACzBH;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAE,KAAKC;AACP,CAAC,CACL;"}

package/dist/esm/ssr/renderRouterToStream.d.ts

@@ -0,0 +1,8 @@
+import { AnyRouter } from '@tanstack/router-core';
+import { Component } from 'vue';
+export declare const renderRouterToStream: ({ request, router, responseHeaders, App, }: {
+    request: Request;
+    router: AnyRouter;
+    responseHeaders: Headers;
+    App: Component;
+}) => Promise<Response>;

package/dist/esm/ssr/renderRouterToStream.js

@@ -0,0 +1,70 @@
+import { ReadableStream } from "node:stream/web";
+import * as Vue from "vue";
+import { renderToString, pipeToWebWritable } from "vue/server-renderer";
+import { isbot } from "isbot";
+import { transformReadableStreamWithRouter } from "@tanstack/router-core/ssr/server";
+function prependDoctype(readable) {
+  const encoder = new TextEncoder();
+  let sentDoctype = false;
+  return new ReadableStream({
+    async start(controller) {
+      const reader = readable.getReader();
+      async function pump() {
+        const {
+          done,
+          value
+        } = await reader.read();
+        if (done) {
+          controller.close();
+          return;
+        }
+        if (!sentDoctype) {
+          sentDoctype = true;
+          controller.enqueue(encoder.encode("<!DOCTYPE html>"));
+        }
+        controller.enqueue(value);
+        return pump();
+      }
+      pump().catch((err) => controller.error(err));
+    }
+  });
+}
+const renderRouterToStream = async ({
+  request,
+  router,
+  responseHeaders,
+  App
+}) => {
+  const app = Vue.createSSRApp(App, {
+    router
+  });
+  if (isbot(request.headers.get("User-Agent"))) {
+    let fullHtml = await renderToString(app);
+    const htmlOpenIndex = fullHtml.indexOf("<html");
+    const htmlCloseIndex = fullHtml.indexOf("</html>");
+    if (htmlOpenIndex !== -1 && htmlCloseIndex !== -1) {
+      fullHtml = fullHtml.slice(htmlOpenIndex, htmlCloseIndex + 7);
+    } else if (htmlOpenIndex !== -1) {
+      fullHtml = fullHtml.slice(htmlOpenIndex);
+    }
+    return new Response(`<!DOCTYPE html>${fullHtml}`, {
+      status: router.state.statusCode,
+      headers: responseHeaders
+    });
+  }
+  const {
+    writable,
+    readable
+  } = new TransformStream();
+  pipeToWebWritable(app, {}, writable);
+  const doctypedStream = prependDoctype(readable);
+  const responseStream = transformReadableStreamWithRouter(router, doctypedStream);
+  return new Response(responseStream, {
+    status: router.state.statusCode,
+    headers: responseHeaders
+  });
+};
+export {
+  renderRouterToStream
+};
+//# sourceMappingURL=renderRouterToStream.js.map

package/dist/esm/ssr/renderRouterToStream.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderRouterToStream.js","sources":["../../../src/ssr/renderRouterToStream.tsx"],"sourcesContent":["import { ReadableStream as NodeReadableStream } from 'node:stream/web'\nimport * as Vue from 'vue'\nimport { pipeToWebWritable, renderToString } from 'vue/server-renderer'\nimport { isbot } from 'isbot'\nimport { transformReadableStreamWithRouter } from '@tanstack/router-core/ssr/server'\nimport type { AnyRouter } from '@tanstack/router-core'\nimport type { Component } from 'vue'\nimport type { ReadableStream } from 'node:stream/web'\n\nfunction prependDoctype(\n  readable: globalThis.ReadableStream,\n): NodeReadableStream<Uint8Array> {\n  const encoder = new TextEncoder()\n  let sentDoctype = false\n\n  return new NodeReadableStream<Uint8Array>({\n    async start(controller) {\n      const reader = readable.getReader()\n\n      async function pump(): Promise<void> {\n        const { done, value } = await reader.read()\n        if (done) {\n          controller.close()\n          return\n        }\n\n        if (!sentDoctype) {\n          sentDoctype = true\n          controller.enqueue(encoder.encode('<!DOCTYPE html>'))\n        }\n        controller.enqueue(value)\n        return pump()\n      }\n\n      pump().catch((err) => controller.error(err))\n    },\n  })\n}\n\nexport const renderRouterToStream = async ({\n  request,\n  router,\n  responseHeaders,\n  App,\n}: {\n  request: Request\n  router: AnyRouter\n  responseHeaders: Headers\n  App: Component\n}) => {\n  const app = Vue.createSSRApp(App, { router })\n\n  if (isbot(request.headers.get('User-Agent'))) {\n    let fullHtml = await renderToString(app)\n\n    const htmlOpenIndex = fullHtml.indexOf('<html')\n    const htmlCloseIndex = fullHtml.indexOf('</html>')\n\n    if (htmlOpenIndex !== -1 && htmlCloseIndex !== -1) {\n      fullHtml = fullHtml.slice(htmlOpenIndex, htmlCloseIndex + 7)\n    } else if (htmlOpenIndex !== -1) {\n      fullHtml = fullHtml.slice(htmlOpenIndex)\n    }\n\n    return new Response(`<!DOCTYPE html>${fullHtml}`, {\n      status: router.state.statusCode,\n      headers: responseHeaders,\n    })\n  }\n\n  const { writable, readable } = new TransformStream()\n\n  pipeToWebWritable(app, {}, writable)\n\n  const doctypedStream = prependDoctype(readable)\n  const responseStream = transformReadableStreamWithRouter(\n    router,\n    doctypedStream as unknown as ReadableStream,\n  )\n\n  return new Response(responseStream as any, {\n    status: router.state.statusCode,\n    headers: responseHeaders,\n  })\n}\n"],"names":["prependDoctype","readable","encoder","TextEncoder","sentDoctype","NodeReadableStream","start","controller","reader","getReader","pump","done","value","read","close","enqueue","encode","catch","err","error","renderRouterToStream","request","router","responseHeaders","App","app","Vue","createSSRApp","isbot","headers","get","fullHtml","renderToString","htmlOpenIndex","indexOf","htmlCloseIndex","slice","Response","status","state","statusCode","writable","TransformStream","pipeToWebWritable","doctypedStream","responseStream","transformReadableStreamWithRouter"],"mappings":";;;;;AASA,SAASA,eACPC,UACgC;AAChC,QAAMC,UAAU,IAAIC,YAAW;AAC/B,MAAIC,cAAc;AAElB,SAAO,IAAIC,eAA+B;AAAA,IACxC,MAAMC,MAAMC,YAAY;AACtB,YAAMC,SAASP,SAASQ,UAAS;AAEjC,qBAAeC,OAAsB;AACnC,cAAM;AAAA,UAAEC;AAAAA,UAAMC;AAAAA,QAAM,IAAI,MAAMJ,OAAOK,KAAI;AACzC,YAAIF,MAAM;AACRJ,qBAAWO,MAAK;AAChB;AAAA,QACF;AAEA,YAAI,CAACV,aAAa;AAChBA,wBAAc;AACdG,qBAAWQ,QAAQb,QAAQc,OAAO,iBAAiB,CAAC;AAAA,QACtD;AACAT,mBAAWQ,QAAQH,KAAK;AACxB,eAAOF,KAAI;AAAA,MACb;AAEAA,WAAI,EAAGO,MAAOC,SAAQX,WAAWY,MAAMD,GAAG,CAAC;AAAA,IAC7C;AAAA,EACF,CAAC;AACH;AAEO,MAAME,uBAAuB,OAAO;AAAA,EACzCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAMF,MAAM;AACJ,QAAMC,MAAMC,IAAIC,aAAaH,KAAK;AAAA,IAAEF;AAAAA,EAAO,CAAC;AAE5C,MAAIM,MAAMP,QAAQQ,QAAQC,IAAI,YAAY,CAAC,GAAG;AAC5C,QAAIC,WAAW,MAAMC,eAAeP,GAAG;AAEvC,UAAMQ,gBAAgBF,SAASG,QAAQ,OAAO;AAC9C,UAAMC,iBAAiBJ,SAASG,QAAQ,SAAS;AAEjD,QAAID,kBAAkB,MAAME,mBAAmB,IAAI;AACjDJ,iBAAWA,SAASK,MAAMH,eAAeE,iBAAiB,CAAC;AAAA,IAC7D,WAAWF,kBAAkB,IAAI;AAC/BF,iBAAWA,SAASK,MAAMH,aAAa;AAAA,IACzC;AAEA,WAAO,IAAII,SAAS,kBAAkBN,QAAQ,IAAI;AAAA,MAChDO,QAAQhB,OAAOiB,MAAMC;AAAAA,MACrBX,SAASN;AAAAA,IACX,CAAC;AAAA,EACH;AAEA,QAAM;AAAA,IAAEkB;AAAAA,IAAUxC;AAAAA,EAAS,IAAI,IAAIyC,gBAAe;AAElDC,oBAAkBlB,KAAK,CAAA,GAAIgB,QAAQ;AAEnC,QAAMG,iBAAiB5C,eAAeC,QAAQ;AAC9C,QAAM4C,iBAAiBC,kCACrBxB,QACAsB,cACF;AAEA,SAAO,IAAIP,SAASQ,gBAAuB;AAAA,IACzCP,QAAQhB,OAAOiB,MAAMC;AAAAA,IACrBX,SAASN;AAAAA,EACX,CAAC;AACH;"}

package/dist/esm/ssr/renderRouterToString.d.ts

@@ -0,0 +1,7 @@
+import { AnyRouter } from '@tanstack/router-core';
+import { Component } from 'vue';
+export declare const renderRouterToString: ({ router, responseHeaders, App, }: {
+    router: AnyRouter;
+    responseHeaders: Headers;
+    App: Component;
+}) => Promise<Response>;

package/dist/esm/ssr/renderRouterToString.js

@@ -0,0 +1,33 @@
+import * as Vue from "vue";
+import { renderToString } from "vue/server-renderer";
+const renderRouterToString = async ({
+  router,
+  responseHeaders,
+  App
+}) => {
+  try {
+    const app = Vue.createSSRApp(App, {
+      router
+    });
+    let html = await renderToString(app);
+    router.serverSsr.setRenderFinished();
+    const injectedHtml = await Promise.all(router.serverSsr.injectedHtml).then((htmls) => htmls.join(""));
+    html = html.replace(`</body>`, () => `${injectedHtml}</body>`);
+    return new Response(`<!DOCTYPE html>${html}`, {
+      status: router.state.statusCode,
+      headers: responseHeaders
+    });
+  } catch (error) {
+    console.error("Render to string error:", error);
+    return new Response("Internal Server Error", {
+      status: 500,
+      headers: responseHeaders
+    });
+  } finally {
+    router.serverSsr?.cleanup();
+  }
+};
+export {
+  renderRouterToString
+};
+//# sourceMappingURL=renderRouterToString.js.map

package/dist/esm/ssr/renderRouterToString.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderRouterToString.js","sources":["../../../src/ssr/renderRouterToString.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport { renderToString as vueRenderToString } from 'vue/server-renderer'\nimport type { AnyRouter } from '@tanstack/router-core'\nimport type { Component } from 'vue'\n\nexport const renderRouterToString = async ({\n  router,\n  responseHeaders,\n  App,\n}: {\n  router: AnyRouter\n  responseHeaders: Headers\n  App: Component\n}) => {\n  try {\n    const app = Vue.createSSRApp(App, { router })\n\n    let html = await vueRenderToString(app)\n    router.serverSsr!.setRenderFinished()\n    const injectedHtml = await Promise.all(router.serverSsr!.injectedHtml).then(\n      (htmls) => htmls.join(''),\n    )\n    html = html.replace(`</body>`, () => `${injectedHtml}</body>`)\n    return new Response(`<!DOCTYPE html>${html}`, {\n      status: router.state.statusCode,\n      headers: responseHeaders,\n    })\n  } catch (error) {\n    console.error('Render to string error:', error)\n    return new Response('Internal Server Error', {\n      status: 500,\n      headers: responseHeaders,\n    })\n  } finally {\n    router.serverSsr?.cleanup()\n  }\n}\n"],"names":["renderRouterToString","router","responseHeaders","App","app","Vue","createSSRApp","html","vueRenderToString","serverSsr","setRenderFinished","injectedHtml","Promise","all","then","htmls","join","replace","Response","status","state","statusCode","headers","error","console","cleanup"],"mappings":";;AAKO,MAAMA,uBAAuB,OAAO;AAAA,EACzCC;AAAAA,EACAC;AAAAA,EACAC;AAKF,MAAM;AACJ,MAAI;AACF,UAAMC,MAAMC,IAAIC,aAAaH,KAAK;AAAA,MAAEF;AAAAA,IAAO,CAAC;AAE5C,QAAIM,OAAO,MAAMC,eAAkBJ,GAAG;AACtCH,WAAOQ,UAAWC,kBAAiB;AACnC,UAAMC,eAAe,MAAMC,QAAQC,IAAIZ,OAAOQ,UAAWE,YAAY,EAAEG,KACpEC,WAAUA,MAAMC,KAAK,EAAE,CAC1B;AACAT,WAAOA,KAAKU,QAAQ,WAAW,MAAM,GAAGN,YAAY,SAAS;AAC7D,WAAO,IAAIO,SAAS,kBAAkBX,IAAI,IAAI;AAAA,MAC5CY,QAAQlB,OAAOmB,MAAMC;AAAAA,MACrBC,SAASpB;AAAAA,IACX,CAAC;AAAA,EACH,SAASqB,OAAO;AACdC,YAAQD,MAAM,2BAA2BA,KAAK;AAC9C,WAAO,IAAIL,SAAS,yBAAyB;AAAA,MAC3CC,QAAQ;AAAA,MACRG,SAASpB;AAAAA,IACX,CAAC;AAAA,EACH,UAAC;AACCD,WAAOQ,WAAWgB,QAAO;AAAA,EAC3B;AACF;"}

package/dist/esm/ssr/server.d.ts

@@ -0,0 +1,6 @@
+export { RouterServer } from './RouterServer.js';
+export { defaultRenderHandler } from './defaultRenderHandler.js';
+export { defaultStreamHandler } from './defaultStreamHandler.js';
+export { renderRouterToStream } from './renderRouterToStream.js';
+export { renderRouterToString } from './renderRouterToString.js';
+export * from '@tanstack/router-core/ssr/server';