@tanstack/vue-router 1.167.0 → 1.167.2

package/dist/esm/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../src/utils.ts"],"sourcesContent":["import * as Vue from 'vue'\n\nexport const useLayoutEffect =\n  typeof window !== 'undefined' ? Vue.effect : Vue.effect\n\nexport const usePrevious = (fn: () => boolean) => {\n  return Vue.computed(\n    (\n      prev: { current: boolean | null; previous: boolean | null } = {\n        current: null,\n        previous: null,\n      },\n    ) => {\n      const current = fn()\n\n      if (prev.current !== current) {\n        prev.previous = prev.current\n        prev.current = current\n      }\n\n      return prev\n    },\n  )\n}\n\n/**\n * React hook to wrap `IntersectionObserver`.\n *\n * This hook will create an `IntersectionObserver` and observe the ref passed to it.\n *\n * When the intersection changes, the callback will be called with the `IntersectionObserverEntry`.\n *\n * @param ref - The ref to observe\n * @param intersectionObserverOptions - The options to pass to the IntersectionObserver\n * @param options - The options to pass to the hook\n * @param callback - The callback to call when the intersection changes\n * @returns The IntersectionObserver instance\n * @example\n * ```tsx\n * const MyComponent = () => {\n * const ref = React.useRef<HTMLDivElement>(null)\n * useIntersectionObserver(\n *  ref,\n *  (entry) => { doSomething(entry) },\n *  { rootMargin: '10px' },\n *  { disabled: false }\n * )\n * return <div ref={ref} />\n * ```\n */\nexport function useIntersectionObserver<T extends Element>(\n  ref: Vue.Ref<T | null>,\n  callback: (entry: IntersectionObserverEntry | undefined) => void,\n  intersectionObserverOptions: IntersectionObserverInit = {},\n  options: { disabled?: boolean | (() => boolean) } = {},\n): Vue.Ref<IntersectionObserver | null> {\n  const isIntersectionObserverAvailable =\n    typeof IntersectionObserver === 'function'\n  const observerRef = Vue.ref<IntersectionObserver | null>(null)\n\n  // Use watchEffect with cleanup to properly manage the observer lifecycle\n  Vue.watchEffect((onCleanup) => {\n    const r = ref.value\n    // Support both static boolean and function for disabled check\n    const isDisabled =\n      typeof options.disabled === 'function'\n        ? options.disabled()\n        : options.disabled\n    if (!r || !isIntersectionObserverAvailable || isDisabled) {\n      return\n    }\n\n    const observer = new IntersectionObserver(([entry]) => {\n      callback(entry)\n    }, intersectionObserverOptions)\n\n    observerRef.value = observer\n    observer.observe(r)\n\n    onCleanup(() => {\n      observer.disconnect()\n      observerRef.value = null\n    })\n  })\n\n  return observerRef\n}\n\nexport function splitProps<T extends Record<string, any>>(\n  props: T,\n  keys: Array<keyof T>,\n) {\n  // Get the specified props\n  const selectedProps = Vue.computed(() => {\n    return Object.fromEntries(keys.map((key) => [key, props[key]]))\n  })\n\n  // Get remaining props as attrs\n  const remainingAttrs = Vue.computed(() => {\n    const attrs = Vue.useAttrs()\n    return Object.fromEntries(\n      Object.entries(attrs).filter(([key]) => !keys.includes(key as keyof T)),\n    )\n  })\n\n  return [selectedProps, remainingAttrs]\n}\n\nexport type ParentProps<T = {}> = T & {\n  children?: Vue.VNode | Array<Vue.VNode> | string\n}\n"],"names":[],"mappings":";AAKO,MAAM,cAAc,CAAC,OAAsB;AAChD,SAAO,IAAI;AAAA,IACT,CACE,OAA8D;AAAA,MAC5D,SAAS;AAAA,MACT,UAAU;AAAA,IAAA,MAET;AACH,YAAM,UAAU,GAAA;AAEhB,UAAI,KAAK,YAAY,SAAS;AAC5B,aAAK,WAAW,KAAK;AACrB,aAAK,UAAU;AAAA,MACjB;AAEA,aAAO;AAAA,IACT;AAAA,EAAA;AAEJ;AA2BO,SAAS,wBACd,KACA,UACA,8BAAwD,CAAA,GACxD,UAAoD,IACd;AACtC,QAAM,kCACJ,OAAO,yBAAyB;AAClC,QAAM,cAAc,IAAI,IAAiC,IAAI;AAG7D,MAAI,YAAY,CAAC,cAAc;AAC7B,UAAM,IAAI,IAAI;AAEd,UAAM,aACJ,OAAO,QAAQ,aAAa,aACxB,QAAQ,aACR,QAAQ;AACd,QAAI,CAAC,KAAK,CAAC,mCAAmC,YAAY;AACxD;AAAA,IACF;AAEA,UAAM,WAAW,IAAI,qBAAqB,CAAC,CAAC,KAAK,MAAM;AACrD,eAAS,KAAK;AAAA,IAChB,GAAG,2BAA2B;AAE9B,gBAAY,QAAQ;AACpB,aAAS,QAAQ,CAAC;AAElB,cAAU,MAAM;AACd,eAAS,WAAA;AACT,kBAAY,QAAQ;AAAA,IACtB,CAAC;AAAA,EACH,CAAC;AAED,SAAO;AACT;"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../src/utils.ts"],"sourcesContent":["import * as Vue from 'vue'\n\nexport const useLayoutEffect =\n  typeof window !== 'undefined' ? Vue.effect : Vue.effect\n\nexport const usePrevious = (fn: () => boolean) => {\n  return Vue.computed(\n    (\n      prev: { current: boolean | null; previous: boolean | null } = {\n        current: null,\n        previous: null,\n      },\n    ) => {\n      const current = fn()\n\n      if (prev.current !== current) {\n        prev.previous = prev.current\n        prev.current = current\n      }\n\n      return prev\n    },\n  )\n}\n\n/**\n * React hook to wrap `IntersectionObserver`.\n *\n * This hook will create an `IntersectionObserver` and observe the ref passed to it.\n *\n * When the intersection changes, the callback will be called with the `IntersectionObserverEntry`.\n *\n * @param ref - The ref to observe\n * @param intersectionObserverOptions - The options to pass to the IntersectionObserver\n * @param options - The options to pass to the hook\n * @param callback - The callback to call when the intersection changes\n * @returns The IntersectionObserver instance\n * @example\n * ```tsx\n * const MyComponent = () => {\n * const ref = React.useRef<HTMLDivElement>(null)\n * useIntersectionObserver(\n *  ref,\n *  (entry) => { doSomething(entry) },\n *  { rootMargin: '10px' },\n *  { disabled: false }\n * )\n * return <div ref={ref} />\n * ```\n */\nexport function useIntersectionObserver<T extends Element>(\n  ref: Vue.Ref<T | null>,\n  callback: (entry: IntersectionObserverEntry | undefined) => void,\n  intersectionObserverOptions: IntersectionObserverInit = {},\n  options: { disabled?: boolean | (() => boolean) } = {},\n): Vue.Ref<IntersectionObserver | null> {\n  const isIntersectionObserverAvailable =\n    typeof IntersectionObserver === 'function'\n  const observerRef = Vue.ref<IntersectionObserver | null>(null)\n\n  // Use watchEffect with cleanup to properly manage the observer lifecycle\n  Vue.watchEffect((onCleanup) => {\n    const r = ref.value\n    // Support both static boolean and function for disabled check\n    const isDisabled =\n      typeof options.disabled === 'function'\n        ? options.disabled()\n        : options.disabled\n    if (!r || !isIntersectionObserverAvailable || isDisabled) {\n      return\n    }\n\n    const observer = new IntersectionObserver(([entry]) => {\n      callback(entry)\n    }, intersectionObserverOptions)\n\n    observerRef.value = observer\n    observer.observe(r)\n\n    onCleanup(() => {\n      observer.disconnect()\n      observerRef.value = null\n    })\n  })\n\n  return observerRef\n}\n\nexport function splitProps<T extends Record<string, any>>(\n  props: T,\n  keys: Array<keyof T>,\n) {\n  // Get the specified props\n  const selectedProps = Vue.computed(() => {\n    return Object.fromEntries(keys.map((key) => [key, props[key]]))\n  })\n\n  // Get remaining props as attrs\n  const remainingAttrs = Vue.computed(() => {\n    const attrs = Vue.useAttrs()\n    return Object.fromEntries(\n      Object.entries(attrs).filter(([key]) => !keys.includes(key as keyof T)),\n    )\n  })\n\n  return [selectedProps, remainingAttrs]\n}\n\nexport type ParentProps<T = {}> = T & {\n  children?: Vue.VNode | Array<Vue.VNode> | string\n}\n"],"mappings":";AAGE,OAAO,WAAW,cAAc,IAAI,SAAS,IAAI;AAEnD,IAAa,eAAe,OAAsB;AAChD,QAAO,IAAI,UAEP,OAA8D;EAC5D,SAAS;EACT,UAAU;EACX,KACE;EACH,MAAM,UAAU,IAAI;AAEpB,MAAI,KAAK,YAAY,SAAS;AAC5B,QAAK,WAAW,KAAK;AACrB,QAAK,UAAU;;AAGjB,SAAO;GAEV;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BH,SAAgB,wBACd,KACA,UACA,8BAAwD,EAAE,EAC1D,UAAoD,EAAE,EAChB;CACtC,MAAM,kCACJ,OAAO,yBAAyB;CAClC,MAAM,cAAc,IAAI,IAAiC,KAAK;AAG9D,KAAI,aAAa,cAAc;EAC7B,MAAM,IAAI,IAAI;EAEd,MAAM,aACJ,OAAO,QAAQ,aAAa,aACxB,QAAQ,UAAU,GAClB,QAAQ;AACd,MAAI,CAAC,KAAK,CAAC,mCAAmC,WAC5C;EAGF,MAAM,WAAW,IAAI,sBAAsB,CAAC,WAAW;AACrD,YAAS,MAAM;KACd,4BAA4B;AAE/B,cAAY,QAAQ;AACpB,WAAS,QAAQ,EAAE;AAEnB,kBAAgB;AACd,YAAS,YAAY;AACrB,eAAY,QAAQ;IACpB;GACF;AAEF,QAAO"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/vue-router",
-  "version": "1.167.0",
+  "version": "1.167.2",
   "description": "Modern and scalable routing for Vue applications",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -63,8 +63,8 @@
     "jsesc": "^3.0.2",
     "tiny-invariant": "^1.3.3",
     "tiny-warning": "^1.0.3",
-    "@tanstack/history": "1.161.4",
-    "@tanstack/router-core": "1.167.0"
+    "@tanstack/history": "1.161.6",
+    "@tanstack/router-core": "1.167.2"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",

package/dist/esm/index.dev.js.map

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

package/dist/esm/index.js.map

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

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

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

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

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