@tanstack/solid-router 1.121.15 → 1.121.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -2
- package/dist/cjs/Asset.cjs +0 -49
- package/dist/cjs/Asset.cjs.map +0 -1
- package/dist/cjs/Asset.d.cts +0 -2
- package/dist/cjs/CatchBoundary.cjs +0 -92
- package/dist/cjs/CatchBoundary.cjs.map +0 -1
- package/dist/cjs/CatchBoundary.d.cts +0 -11
- package/dist/cjs/ClientOnly.cjs +0 -36
- package/dist/cjs/ClientOnly.cjs.map +0 -1
- package/dist/cjs/ClientOnly.d.cts +0 -49
- package/dist/cjs/HeadContent.cjs +0 -146
- package/dist/cjs/HeadContent.cjs.map +0 -1
- package/dist/cjs/HeadContent.d.cts +0 -8
- package/dist/cjs/Match.cjs +0 -359
- package/dist/cjs/Match.cjs.map +0 -1
- package/dist/cjs/Match.d.cts +0 -8
- package/dist/cjs/Matches.cjs +0 -152
- package/dist/cjs/Matches.cjs.map +0 -1
- package/dist/cjs/Matches.d.cts +0 -24
- package/dist/cjs/RouterProvider.cjs +0 -45
- package/dist/cjs/RouterProvider.cjs.map +0 -1
- package/dist/cjs/RouterProvider.d.cts +0 -10
- package/dist/cjs/SafeFragment.cjs +0 -8
- package/dist/cjs/SafeFragment.cjs.map +0 -1
- package/dist/cjs/SafeFragment.d.cts +0 -1
- package/dist/cjs/ScriptOnce.cjs +0 -23
- package/dist/cjs/ScriptOnce.cjs.map +0 -1
- package/dist/cjs/ScriptOnce.d.cts +0 -5
- package/dist/cjs/Scripts.cjs +0 -48
- package/dist/cjs/Scripts.cjs.map +0 -1
- package/dist/cjs/Scripts.d.cts +0 -1
- package/dist/cjs/ScrollRestoration.cjs +0 -37
- package/dist/cjs/ScrollRestoration.cjs.map +0 -1
- package/dist/cjs/ScrollRestoration.d.cts +0 -14
- package/dist/cjs/Transitioner.cjs +0 -124
- package/dist/cjs/Transitioner.cjs.map +0 -1
- package/dist/cjs/Transitioner.d.cts +0 -1
- package/dist/cjs/awaited.cjs +0 -49
- package/dist/cjs/awaited.cjs.map +0 -1
- package/dist/cjs/awaited.d.cts +0 -11
- package/dist/cjs/fileRoute.cjs +0 -103
- package/dist/cjs/fileRoute.cjs.map +0 -1
- package/dist/cjs/fileRoute.d.cts +0 -54
- package/dist/cjs/history.d.cts +0 -8
- package/dist/cjs/index.cjs +0 -289
- package/dist/cjs/index.cjs.map +0 -1
- package/dist/cjs/index.d.cts +0 -52
- package/dist/cjs/lazyRouteComponent.cjs +0 -73
- package/dist/cjs/lazyRouteComponent.cjs.map +0 -1
- package/dist/cjs/lazyRouteComponent.d.cts +0 -2
- package/dist/cjs/link.cjs +0 -287
- package/dist/cjs/link.cjs.map +0 -1
- package/dist/cjs/link.d.cts +0 -44
- package/dist/cjs/matchContext.cjs +0 -25
- package/dist/cjs/matchContext.cjs.map +0 -1
- package/dist/cjs/matchContext.d.cts +0 -3
- package/dist/cjs/not-found.cjs +0 -42
- package/dist/cjs/not-found.cjs.map +0 -1
- package/dist/cjs/not-found.d.cts +0 -8
- package/dist/cjs/renderRouteNotFound.cjs +0 -23
- package/dist/cjs/renderRouteNotFound.cjs.map +0 -1
- package/dist/cjs/renderRouteNotFound.d.cts +0 -2
- package/dist/cjs/route.cjs +0 -236
- package/dist/cjs/route.cjs.map +0 -1
- package/dist/cjs/route.d.cts +0 -95
- package/dist/cjs/router.cjs +0 -22
- package/dist/cjs/router.cjs.map +0 -1
- package/dist/cjs/router.d.cts +0 -69
- package/dist/cjs/routerContext.cjs +0 -33
- package/dist/cjs/routerContext.cjs.map +0 -1
- package/dist/cjs/routerContext.d.cts +0 -8
- package/dist/cjs/scroll-restoration.cjs +0 -23
- package/dist/cjs/scroll-restoration.cjs.map +0 -1
- package/dist/cjs/scroll-restoration.d.cts +0 -1
- package/dist/cjs/typePrimitives.d.cts +0 -10
- package/dist/cjs/useBlocker.cjs +0 -171
- package/dist/cjs/useBlocker.cjs.map +0 -1
- package/dist/cjs/useBlocker.d.cts +0 -67
- package/dist/cjs/useCanGoBack.cjs +0 -8
- package/dist/cjs/useCanGoBack.cjs.map +0 -1
- package/dist/cjs/useCanGoBack.d.cts +0 -1
- package/dist/cjs/useLoaderData.cjs +0 -14
- package/dist/cjs/useLoaderData.cjs.map +0 -1
- package/dist/cjs/useLoaderData.d.cts +0 -8
- package/dist/cjs/useLoaderDeps.cjs +0 -17
- package/dist/cjs/useLoaderDeps.cjs.map +0 -1
- package/dist/cjs/useLoaderDeps.d.cts +0 -7
- package/dist/cjs/useLocation.cjs +0 -10
- package/dist/cjs/useLocation.cjs.map +0 -1
- package/dist/cjs/useLocation.d.cts +0 -7
- package/dist/cjs/useMatch.cjs +0 -39
- package/dist/cjs/useMatch.cjs.map +0 -1
- package/dist/cjs/useMatch.d.cts +0 -10
- package/dist/cjs/useNavigate.cjs +0 -46
- package/dist/cjs/useNavigate.cjs.map +0 -1
- package/dist/cjs/useNavigate.d.cts +0 -5
- package/dist/cjs/useParams.cjs +0 -15
- package/dist/cjs/useParams.cjs.map +0 -1
- package/dist/cjs/useParams.d.cts +0 -9
- package/dist/cjs/useRouteContext.cjs +0 -11
- package/dist/cjs/useRouteContext.cjs.map +0 -1
- package/dist/cjs/useRouteContext.d.cts +0 -4
- package/dist/cjs/useRouter.cjs +0 -29
- package/dist/cjs/useRouter.cjs.map +0 -1
- package/dist/cjs/useRouter.d.cts +0 -4
- package/dist/cjs/useRouterState.cjs +0 -16
- package/dist/cjs/useRouterState.cjs.map +0 -1
- package/dist/cjs/useRouterState.d.cts +0 -8
- package/dist/cjs/useSearch.cjs +0 -15
- package/dist/cjs/useSearch.cjs.map +0 -1
- package/dist/cjs/useSearch.d.cts +0 -9
- package/dist/cjs/utils.cjs +0 -58
- package/dist/cjs/utils.cjs.map +0 -1
- package/dist/cjs/utils.d.cts +0 -34
- package/dist/esm/Asset.d.ts +0 -2
- package/dist/esm/Asset.js +0 -49
- package/dist/esm/Asset.js.map +0 -1
- package/dist/esm/CatchBoundary.d.ts +0 -11
- package/dist/esm/CatchBoundary.js +0 -75
- package/dist/esm/CatchBoundary.js.map +0 -1
- package/dist/esm/ClientOnly.d.ts +0 -49
- package/dist/esm/ClientOnly.js +0 -19
- package/dist/esm/ClientOnly.js.map +0 -1
- package/dist/esm/HeadContent.d.ts +0 -8
- package/dist/esm/HeadContent.js +0 -129
- package/dist/esm/HeadContent.js.map +0 -1
- package/dist/esm/Match.d.ts +0 -8
- package/dist/esm/Match.js +0 -342
- package/dist/esm/Match.js.map +0 -1
- package/dist/esm/Matches.d.ts +0 -24
- package/dist/esm/Matches.js +0 -135
- package/dist/esm/Matches.js.map +0 -1
- package/dist/esm/RouterProvider.d.ts +0 -10
- package/dist/esm/RouterProvider.js +0 -45
- package/dist/esm/RouterProvider.js.map +0 -1
- package/dist/esm/SafeFragment.d.ts +0 -1
- package/dist/esm/SafeFragment.js +0 -8
- package/dist/esm/SafeFragment.js.map +0 -1
- package/dist/esm/ScriptOnce.d.ts +0 -5
- package/dist/esm/ScriptOnce.js +0 -23
- package/dist/esm/ScriptOnce.js.map +0 -1
- package/dist/esm/Scripts.d.ts +0 -1
- package/dist/esm/Scripts.js +0 -48
- package/dist/esm/Scripts.js.map +0 -1
- package/dist/esm/ScrollRestoration.d.ts +0 -14
- package/dist/esm/ScrollRestoration.js +0 -37
- package/dist/esm/ScrollRestoration.js.map +0 -1
- package/dist/esm/Transitioner.d.ts +0 -1
- package/dist/esm/Transitioner.js +0 -107
- package/dist/esm/Transitioner.js.map +0 -1
- package/dist/esm/awaited.d.ts +0 -11
- package/dist/esm/awaited.js +0 -32
- package/dist/esm/awaited.js.map +0 -1
- package/dist/esm/fileRoute.d.ts +0 -54
- package/dist/esm/fileRoute.js +0 -103
- package/dist/esm/fileRoute.js.map +0 -1
- package/dist/esm/history.d.ts +0 -8
- package/dist/esm/index.d.ts +0 -52
- package/dist/esm/index.js +0 -151
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/lazyRouteComponent.d.ts +0 -2
- package/dist/esm/lazyRouteComponent.js +0 -73
- package/dist/esm/lazyRouteComponent.js.map +0 -1
- package/dist/esm/link.d.ts +0 -44
- package/dist/esm/link.js +0 -270
- package/dist/esm/link.js.map +0 -1
- package/dist/esm/matchContext.d.ts +0 -3
- package/dist/esm/matchContext.js +0 -8
- package/dist/esm/matchContext.js.map +0 -1
- package/dist/esm/not-found.d.ts +0 -8
- package/dist/esm/not-found.js +0 -42
- package/dist/esm/not-found.js.map +0 -1
- package/dist/esm/renderRouteNotFound.d.ts +0 -2
- package/dist/esm/renderRouteNotFound.js +0 -23
- package/dist/esm/renderRouteNotFound.js.map +0 -1
- package/dist/esm/route.d.ts +0 -95
- package/dist/esm/route.js +0 -236
- package/dist/esm/route.js.map +0 -1
- package/dist/esm/router.d.ts +0 -69
- package/dist/esm/router.js +0 -22
- package/dist/esm/router.js.map +0 -1
- package/dist/esm/routerContext.d.ts +0 -8
- package/dist/esm/routerContext.js +0 -16
- package/dist/esm/routerContext.js.map +0 -1
- package/dist/esm/scroll-restoration.d.ts +0 -1
- package/dist/esm/scroll-restoration.js +0 -23
- package/dist/esm/scroll-restoration.js.map +0 -1
- package/dist/esm/typePrimitives.d.ts +0 -10
- package/dist/esm/useBlocker.d.ts +0 -67
- package/dist/esm/useBlocker.js +0 -154
- package/dist/esm/useBlocker.js.map +0 -1
- package/dist/esm/useCanGoBack.d.ts +0 -1
- package/dist/esm/useCanGoBack.js +0 -8
- package/dist/esm/useCanGoBack.js.map +0 -1
- package/dist/esm/useLoaderData.d.ts +0 -8
- package/dist/esm/useLoaderData.js +0 -14
- package/dist/esm/useLoaderData.js.map +0 -1
- package/dist/esm/useLoaderDeps.d.ts +0 -7
- package/dist/esm/useLoaderDeps.js +0 -17
- package/dist/esm/useLoaderDeps.js.map +0 -1
- package/dist/esm/useLocation.d.ts +0 -7
- package/dist/esm/useLocation.js +0 -10
- package/dist/esm/useLocation.js.map +0 -1
- package/dist/esm/useMatch.d.ts +0 -10
- package/dist/esm/useMatch.js +0 -22
- package/dist/esm/useMatch.js.map +0 -1
- package/dist/esm/useNavigate.d.ts +0 -5
- package/dist/esm/useNavigate.js +0 -29
- package/dist/esm/useNavigate.js.map +0 -1
- package/dist/esm/useParams.d.ts +0 -9
- package/dist/esm/useParams.js +0 -15
- package/dist/esm/useParams.js.map +0 -1
- package/dist/esm/useRouteContext.d.ts +0 -4
- package/dist/esm/useRouteContext.js +0 -11
- package/dist/esm/useRouteContext.js.map +0 -1
- package/dist/esm/useRouter.d.ts +0 -4
- package/dist/esm/useRouter.js +0 -12
- package/dist/esm/useRouter.js.map +0 -1
- package/dist/esm/useRouterState.d.ts +0 -8
- package/dist/esm/useRouterState.js +0 -16
- package/dist/esm/useRouterState.js.map +0 -1
- package/dist/esm/useSearch.d.ts +0 -9
- package/dist/esm/useSearch.js +0 -15
- package/dist/esm/useSearch.js.map +0 -1
- package/dist/esm/utils.d.ts +0 -34
- package/dist/esm/utils.js +0 -41
- package/dist/esm/utils.js.map +0 -1
- package/dist/source/Asset.d.ts +0 -2
- package/dist/source/Asset.jsx +0 -23
- package/dist/source/Asset.jsx.map +0 -1
- package/dist/source/CatchBoundary.d.ts +0 -11
- package/dist/source/CatchBoundary.jsx +0 -43
- package/dist/source/CatchBoundary.jsx.map +0 -1
- package/dist/source/ClientOnly.d.ts +0 -49
- package/dist/source/ClientOnly.jsx +0 -51
- package/dist/source/ClientOnly.jsx.map +0 -1
- package/dist/source/HeadContent.d.ts +0 -8
- package/dist/source/HeadContent.jsx +0 -143
- package/dist/source/HeadContent.jsx.map +0 -1
- package/dist/source/Match.d.ts +0 -8
- package/dist/source/Match.jsx +0 -261
- package/dist/source/Match.jsx.map +0 -1
- package/dist/source/Matches.d.ts +0 -24
- package/dist/source/Matches.jsx +0 -104
- package/dist/source/Matches.jsx.map +0 -1
- package/dist/source/RouterProvider.d.ts +0 -10
- package/dist/source/RouterProvider.jsx +0 -27
- package/dist/source/RouterProvider.jsx.map +0 -1
- package/dist/source/SafeFragment.d.ts +0 -1
- package/dist/source/SafeFragment.jsx +0 -4
- package/dist/source/SafeFragment.jsx.map +0 -1
- package/dist/source/ScriptOnce.d.ts +0 -5
- package/dist/source/ScriptOnce.jsx +0 -17
- package/dist/source/ScriptOnce.jsx.map +0 -1
- package/dist/source/Scripts.d.ts +0 -1
- package/dist/source/Scripts.jsx +0 -49
- package/dist/source/Scripts.jsx.map +0 -1
- package/dist/source/ScrollRestoration.d.ts +0 -14
- package/dist/source/ScrollRestoration.jsx +0 -37
- package/dist/source/ScrollRestoration.jsx.map +0 -1
- package/dist/source/Transitioner.d.ts +0 -1
- package/dist/source/Transitioner.jsx +0 -102
- package/dist/source/Transitioner.jsx.map +0 -1
- package/dist/source/awaited.d.ts +0 -11
- package/dist/source/awaited.jsx +0 -19
- package/dist/source/awaited.jsx.map +0 -1
- package/dist/source/fileRoute.d.ts +0 -54
- package/dist/source/fileRoute.js +0 -98
- package/dist/source/fileRoute.js.map +0 -1
- package/dist/source/history.d.ts +0 -8
- package/dist/source/history.js +0 -2
- package/dist/source/history.js.map +0 -1
- package/dist/source/index.d.ts +0 -52
- package/dist/source/index.jsx +0 -43
- package/dist/source/index.jsx.map +0 -1
- package/dist/source/lazyRouteComponent.d.ts +0 -2
- package/dist/source/lazyRouteComponent.jsx +0 -83
- package/dist/source/lazyRouteComponent.jsx.map +0 -1
- package/dist/source/link.d.ts +0 -44
- package/dist/source/link.jsx +0 -338
- package/dist/source/link.jsx.map +0 -1
- package/dist/source/matchContext.d.ts +0 -3
- package/dist/source/matchContext.jsx +0 -5
- package/dist/source/matchContext.jsx.map +0 -1
- package/dist/source/not-found.d.ts +0 -8
- package/dist/source/not-found.jsx +0 -30
- package/dist/source/not-found.jsx.map +0 -1
- package/dist/source/renderRouteNotFound.d.ts +0 -2
- package/dist/source/renderRouteNotFound.jsx +0 -15
- package/dist/source/renderRouteNotFound.jsx.map +0 -1
- package/dist/source/route.d.ts +0 -96
- package/dist/source/route.jsx +0 -179
- package/dist/source/route.jsx.map +0 -1
- package/dist/source/router.d.ts +0 -70
- package/dist/source/router.js +0 -21
- package/dist/source/router.js.map +0 -1
- package/dist/source/routerContext.d.ts +0 -8
- package/dist/source/routerContext.jsx +0 -13
- package/dist/source/routerContext.jsx.map +0 -1
- package/dist/source/scroll-restoration.d.ts +0 -1
- package/dist/source/scroll-restoration.jsx +0 -16
- package/dist/source/scroll-restoration.jsx.map +0 -1
- package/dist/source/typePrimitives.d.ts +0 -10
- package/dist/source/typePrimitives.js +0 -2
- package/dist/source/typePrimitives.js.map +0 -1
- package/dist/source/useBlocker.d.ts +0 -67
- package/dist/source/useBlocker.jsx +0 -153
- package/dist/source/useBlocker.jsx.map +0 -1
- package/dist/source/useCanGoBack.d.ts +0 -1
- package/dist/source/useCanGoBack.js +0 -5
- package/dist/source/useCanGoBack.js.map +0 -1
- package/dist/source/useLoaderData.d.ts +0 -8
- package/dist/source/useLoaderData.jsx +0 -11
- package/dist/source/useLoaderData.jsx.map +0 -1
- package/dist/source/useLoaderDeps.d.ts +0 -7
- package/dist/source/useLoaderDeps.jsx +0 -11
- package/dist/source/useLoaderDeps.jsx.map +0 -1
- package/dist/source/useLocation.d.ts +0 -7
- package/dist/source/useLocation.jsx +0 -7
- package/dist/source/useLocation.jsx.map +0 -1
- package/dist/source/useMatch.d.ts +0 -10
- package/dist/source/useMatch.jsx +0 -19
- package/dist/source/useMatch.jsx.map +0 -1
- package/dist/source/useNavigate.d.ts +0 -5
- package/dist/source/useNavigate.jsx +0 -18
- package/dist/source/useNavigate.jsx.map +0 -1
- package/dist/source/useParams.d.ts +0 -9
- package/dist/source/useParams.jsx +0 -12
- package/dist/source/useParams.jsx.map +0 -1
- package/dist/source/useRouteContext.d.ts +0 -4
- package/dist/source/useRouteContext.js +0 -8
- package/dist/source/useRouteContext.js.map +0 -1
- package/dist/source/useRouter.d.ts +0 -4
- package/dist/source/useRouter.jsx +0 -9
- package/dist/source/useRouter.jsx.map +0 -1
- package/dist/source/useRouterState.d.ts +0 -8
- package/dist/source/useRouterState.jsx +0 -14
- package/dist/source/useRouterState.jsx.map +0 -1
- package/dist/source/useSearch.d.ts +0 -9
- package/dist/source/useSearch.jsx +0 -12
- package/dist/source/useSearch.jsx.map +0 -1
- package/dist/source/utils.d.ts +0 -34
- package/dist/source/utils.js +0 -59
- package/dist/source/utils.js.map +0 -1
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { useMatch } from './useMatch';
|
|
2
|
-
export function useLoaderDeps(opts) {
|
|
3
|
-
const { select, ...rest } = opts;
|
|
4
|
-
return useMatch({
|
|
5
|
-
...rest,
|
|
6
|
-
select: (s) => {
|
|
7
|
-
return select ? select(s.loaderDeps) : s.loaderDeps;
|
|
8
|
-
},
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
//# sourceMappingURL=useLoaderDeps.jsx.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useLoaderDeps.jsx","sourceRoot":"","sources":["../../src/useLoaderDeps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AA+BrC,MAAM,UAAU,aAAa,CAK3B,IAAqD;IAErD,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAA;IAChC,OAAO,QAAQ,CAAC;QACd,GAAG,IAAI;QACP,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;YACZ,OAAO,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAA;QACrD,CAAC;KACF,CAAmD,CAAA;AACtD,CAAC"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { AnyRouter, RegisteredRouter, RouterState } from '@tanstack/router-core';
|
|
2
|
-
import type { Accessor } from 'solid-js';
|
|
3
|
-
export interface UseLocationBaseOptions<TRouter extends AnyRouter, TSelected> {
|
|
4
|
-
select?: (state: RouterState<TRouter['routeTree']>['location']) => TSelected;
|
|
5
|
-
}
|
|
6
|
-
export type UseLocationResult<TRouter extends AnyRouter, TSelected> = unknown extends TSelected ? RouterState<TRouter['routeTree']>['location'] : TSelected;
|
|
7
|
-
export declare function useLocation<TRouter extends AnyRouter = RegisteredRouter, TSelected = unknown>(opts?: UseLocationBaseOptions<TRouter, TSelected>): Accessor<UseLocationResult<TRouter, TSelected>>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useLocation.jsx","sourceRoot":"","sources":["../../src/useLocation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAmBjD,MAAM,UAAU,WAAW,CAIzB,IAAiD;IAEjD,OAAO,cAAc,CAAC;QACpB,MAAM,EAAE,CAAC,KAAU,EAAE,EAAE,CACrB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ;KACvD,CAAoD,CAAA;AAC9D,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as Solid from 'solid-js';
|
|
2
|
-
import type { AnyRouter, MakeRouteMatch, MakeRouteMatchUnion, RegisteredRouter, StrictOrFrom, ThrowConstraint, ThrowOrOptional } from '@tanstack/router-core';
|
|
3
|
-
export interface UseMatchBaseOptions<TRouter extends AnyRouter, TFrom, TStrict extends boolean, TThrow extends boolean, TSelected> {
|
|
4
|
-
select?: (match: MakeRouteMatch<TRouter['routeTree'], TFrom, TStrict>) => TSelected;
|
|
5
|
-
shouldThrow?: TThrow;
|
|
6
|
-
}
|
|
7
|
-
export type UseMatchRoute<out TFrom> = <TRouter extends AnyRouter = RegisteredRouter, TSelected = unknown>(opts?: UseMatchBaseOptions<TRouter, TFrom, true, true, TSelected>) => Solid.Accessor<UseMatchResult<TRouter, TFrom, true, TSelected>>;
|
|
8
|
-
export type UseMatchOptions<TRouter extends AnyRouter, TFrom extends string | undefined, TStrict extends boolean, TThrow extends boolean, TSelected> = StrictOrFrom<TRouter, TFrom, TStrict> & UseMatchBaseOptions<TRouter, TFrom, TStrict, TThrow, TSelected>;
|
|
9
|
-
export type UseMatchResult<TRouter extends AnyRouter, TFrom, TStrict extends boolean, TSelected> = unknown extends TSelected ? TStrict extends true ? MakeRouteMatch<TRouter['routeTree'], TFrom, TStrict> : MakeRouteMatchUnion<TRouter> : TSelected;
|
|
10
|
-
export declare function useMatch<TRouter extends AnyRouter = RegisteredRouter, const TFrom extends string | undefined = undefined, TStrict extends boolean = true, TThrow extends boolean = true, TSelected = unknown>(opts: UseMatchOptions<TRouter, TFrom, TStrict, ThrowConstraint<TStrict, TThrow>, TSelected>): Solid.Accessor<ThrowOrOptional<UseMatchResult<TRouter, TFrom, TStrict, TSelected>, TThrow>>;
|
package/dist/source/useMatch.jsx
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import * as Solid from 'solid-js';
|
|
2
|
-
import invariant from 'tiny-invariant';
|
|
3
|
-
import { useRouterState } from './useRouterState';
|
|
4
|
-
import { dummyMatchContext, matchContext } from './matchContext';
|
|
5
|
-
export function useMatch(opts) {
|
|
6
|
-
const nearestMatchId = Solid.useContext(opts.from ? dummyMatchContext : matchContext);
|
|
7
|
-
const matchSelection = useRouterState({
|
|
8
|
-
select: (state) => {
|
|
9
|
-
const match = state.matches.find((d) => opts.from ? opts.from === d.routeId : d.id === nearestMatchId());
|
|
10
|
-
invariant(!((opts.shouldThrow ?? true) && !match), `Could not find ${opts.from ? `an active match from "${opts.from}"` : 'a nearest match!'}`);
|
|
11
|
-
if (match === undefined) {
|
|
12
|
-
return undefined;
|
|
13
|
-
}
|
|
14
|
-
return opts.select ? opts.select(match) : match;
|
|
15
|
-
},
|
|
16
|
-
});
|
|
17
|
-
return matchSelection;
|
|
18
|
-
}
|
|
19
|
-
//# sourceMappingURL=useMatch.jsx.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useMatch.jsx","sourceRoot":"","sources":["../../src/useMatch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,UAAU,CAAA;AACjC,OAAO,SAAS,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAmDhE,MAAM,UAAU,QAAQ,CAOtB,IAMC;IAID,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CACrC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,YAAY,CAC7C,CAAA;IAED,MAAM,cAAc,GAAG,cAAc,CAAC;QACpC,MAAM,EAAE,CAAC,KAAU,EAAE,EAAE;YACrB,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAM,EAAE,EAAE,CAC1C,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,cAAc,EAAE,CAChE,CAAA;YAED,SAAS,CACP,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EACvC,kBAAkB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,yBAAyB,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAC3F,CAAA;YAED,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;gBACxB,OAAO,SAAS,CAAA;YAClB,CAAC;YAED,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;QACjD,CAAC;KACK,CAAC,CAAA;IAET,OAAO,cAAqB,CAAA;AAC9B,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { AnyRouter, FromPathOption, NavigateOptions, RegisteredRouter, UseNavigateResult } from '@tanstack/router-core';
|
|
2
|
-
export declare function useNavigate<TRouter extends AnyRouter = RegisteredRouter, TDefaultFrom extends string = string>(_defaultOpts?: {
|
|
3
|
-
from?: FromPathOption<TRouter, TDefaultFrom>;
|
|
4
|
-
}): UseNavigateResult<TDefaultFrom>;
|
|
5
|
-
export declare function Navigate<TRouter extends AnyRouter = RegisteredRouter, const TFrom extends string = string, const TTo extends string | undefined = undefined, const TMaskFrom extends string = TFrom, const TMaskTo extends string = ''>(props: NavigateOptions<TRouter, TFrom, TTo, TMaskFrom, TMaskTo>): null;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import * as Solid from 'solid-js';
|
|
2
|
-
import { useRouter } from './useRouter';
|
|
3
|
-
export function useNavigate(_defaultOpts) {
|
|
4
|
-
const { navigate } = useRouter();
|
|
5
|
-
return ((options) => {
|
|
6
|
-
return navigate({ from: _defaultOpts?.from, ...options });
|
|
7
|
-
});
|
|
8
|
-
}
|
|
9
|
-
export function Navigate(props) {
|
|
10
|
-
const { navigate } = useRouter();
|
|
11
|
-
Solid.onMount(() => {
|
|
12
|
-
navigate({
|
|
13
|
-
...props,
|
|
14
|
-
});
|
|
15
|
-
});
|
|
16
|
-
return null;
|
|
17
|
-
}
|
|
18
|
-
//# sourceMappingURL=useNavigate.jsx.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useNavigate.jsx","sourceRoot":"","sources":["../../src/useNavigate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AASvC,MAAM,UAAU,WAAW,CAGzB,YAED;IACC,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,CAAA;IAEhC,OAAO,CAAC,CAAC,OAAwB,EAAE,EAAE;QACnC,OAAO,QAAQ,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,IAAW,EAAE,GAAG,OAAO,EAAE,CAAC,CAAA;IAClE,CAAC,CAAoC,CAAA;AACvC,CAAC;AAED,MAAM,UAAU,QAAQ,CAMtB,KAA+D;IAC/D,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,CAAA;IAEhC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjB,QAAQ,CAAC;YACP,GAAG,KAAK;SACT,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,OAAO,IAAI,CAAA;AACb,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { Accessor } from 'solid-js';
|
|
2
|
-
import type { AnyRouter, RegisteredRouter, ResolveUseParams, StrictOrFrom, ThrowConstraint, ThrowOrOptional, UseParamsResult } from '@tanstack/router-core';
|
|
3
|
-
export interface UseParamsBaseOptions<TRouter extends AnyRouter, TFrom, TStrict extends boolean, TThrow extends boolean, TSelected> {
|
|
4
|
-
select?: (params: ResolveUseParams<TRouter, TFrom, TStrict>) => TSelected;
|
|
5
|
-
shouldThrow?: TThrow;
|
|
6
|
-
}
|
|
7
|
-
export type UseParamsOptions<TRouter extends AnyRouter, TFrom extends string | undefined, TStrict extends boolean, TThrow extends boolean, TSelected> = StrictOrFrom<TRouter, TFrom, TStrict> & UseParamsBaseOptions<TRouter, TFrom, TStrict, TThrow, TSelected>;
|
|
8
|
-
export type UseParamsRoute<out TFrom> = <TRouter extends AnyRouter = RegisteredRouter, TSelected = unknown>(opts?: UseParamsBaseOptions<TRouter, TFrom, true, true, TSelected>) => Accessor<UseParamsResult<TRouter, TFrom, true, TSelected>>;
|
|
9
|
-
export declare function useParams<TRouter extends AnyRouter = RegisteredRouter, const TFrom extends string | undefined = undefined, TStrict extends boolean = true, TThrow extends boolean = true, TSelected = unknown>(opts: UseParamsOptions<TRouter, TFrom, TStrict, ThrowConstraint<TStrict, TThrow>, TSelected>): Accessor<ThrowOrOptional<UseParamsResult<TRouter, TFrom, TStrict, TSelected>, TThrow>>;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { useMatch } from './useMatch';
|
|
2
|
-
export function useParams(opts) {
|
|
3
|
-
return useMatch({
|
|
4
|
-
from: opts.from,
|
|
5
|
-
strict: opts.strict,
|
|
6
|
-
shouldThrow: opts.shouldThrow,
|
|
7
|
-
select: (match) => {
|
|
8
|
-
return opts.select ? opts.select(match.params) : match.params;
|
|
9
|
-
},
|
|
10
|
-
});
|
|
11
|
-
}
|
|
12
|
-
//# sourceMappingURL=useParams.jsx.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useParams.jsx","sourceRoot":"","sources":["../../src/useParams.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AA6CrC,MAAM,UAAU,SAAS,CAOvB,IAMC;IAID,OAAO,QAAQ,CAAC;QACd,IAAI,EAAE,IAAI,CAAC,IAAK;QAChB,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,WAAW,EAAE,IAAI,CAAC,WAAW;QAC7B,MAAM,EAAE,CAAC,KAAU,EAAE,EAAE;YACrB,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAA;QAC/D,CAAC;KACK,CAAQ,CAAA;AAClB,CAAC"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import type { Accessor } from 'solid-js';
|
|
2
|
-
import type { AnyRouter, RegisteredRouter, UseRouteContextBaseOptions, UseRouteContextOptions, UseRouteContextResult } from '@tanstack/router-core';
|
|
3
|
-
export type UseRouteContextRoute<out TFrom> = <TRouter extends AnyRouter = RegisteredRouter, TSelected = unknown>(opts?: UseRouteContextBaseOptions<TRouter, TFrom, true, TSelected>) => Accessor<UseRouteContextResult<TRouter, TFrom, true, TSelected>>;
|
|
4
|
-
export declare function useRouteContext<TRouter extends AnyRouter = RegisteredRouter, const TFrom extends string | undefined = undefined, TStrict extends boolean = true, TSelected = unknown>(opts: UseRouteContextOptions<TRouter, TFrom, TStrict, TSelected>): Accessor<UseRouteContextResult<TRouter, TFrom, TStrict, TSelected>>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useRouteContext.js","sourceRoot":"","sources":["../../src/useRouteContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAiBrC,MAAM,UAAU,eAAe,CAM7B,IAAgE;IAEhE,OAAO,QAAQ,CAAC;QACd,GAAI,IAAY;QAChB,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAChB,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO;KAC3D,CAAQ,CAAA;AACX,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as Solid from 'solid-js';
|
|
2
|
-
import warning from 'tiny-warning';
|
|
3
|
-
import { getRouterContext } from './routerContext';
|
|
4
|
-
export function useRouter(opts) {
|
|
5
|
-
const value = Solid.useContext(getRouterContext());
|
|
6
|
-
warning(!((opts?.warn ?? true) && !value), 'useRouter must be used inside a <RouterProvider> component!');
|
|
7
|
-
return value;
|
|
8
|
-
}
|
|
9
|
-
//# sourceMappingURL=useRouter.jsx.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useRouter.jsx","sourceRoot":"","sources":["../../src/useRouter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,UAAU,CAAA;AACjC,OAAO,OAAO,MAAM,cAAc,CAAA;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAGlD,MAAM,UAAU,SAAS,CAA+C,IAEvE;IACC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,EAAS,CAAC,CAAA;IACzD,OAAO,CACL,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EACjC,6DAA6D,CAC9D,CAAA;IACD,OAAO,KAAY,CAAA;AACrB,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { AnyRouter, RegisteredRouter, RouterState } from '@tanstack/router-core';
|
|
2
|
-
import type { Accessor } from 'solid-js';
|
|
3
|
-
export type UseRouterStateOptions<TRouter extends AnyRouter, TSelected> = {
|
|
4
|
-
router?: TRouter;
|
|
5
|
-
select?: (state: RouterState<TRouter['routeTree']>) => TSelected;
|
|
6
|
-
};
|
|
7
|
-
export type UseRouterStateResult<TRouter extends AnyRouter, TSelected> = unknown extends TSelected ? RouterState<TRouter['routeTree']> : TSelected;
|
|
8
|
-
export declare function useRouterState<TRouter extends AnyRouter = RegisteredRouter, TSelected = unknown>(opts?: UseRouterStateOptions<TRouter, TSelected>): Accessor<UseRouterStateResult<TRouter, TSelected>>;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { useStore } from '@tanstack/solid-store';
|
|
2
|
-
import { useRouter } from './useRouter';
|
|
3
|
-
export function useRouterState(opts) {
|
|
4
|
-
const contextRouter = useRouter({
|
|
5
|
-
warn: opts?.router === undefined,
|
|
6
|
-
});
|
|
7
|
-
const router = opts?.router || contextRouter;
|
|
8
|
-
return useStore(router.__store, (state) => {
|
|
9
|
-
if (opts?.select)
|
|
10
|
-
return opts.select(state);
|
|
11
|
-
return state;
|
|
12
|
-
});
|
|
13
|
-
}
|
|
14
|
-
//# sourceMappingURL=useRouterState.jsx.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useRouterState.jsx","sourceRoot":"","sources":["../../src/useRouterState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAkBvC,MAAM,UAAU,cAAc,CAI5B,IAAgD;IAEhD,MAAM,aAAa,GAAG,SAAS,CAAU;QACvC,IAAI,EAAE,IAAI,EAAE,MAAM,KAAK,SAAS;KACjC,CAAC,CAAA;IACF,MAAM,MAAM,GAAG,IAAI,EAAE,MAAM,IAAI,aAAa,CAAA;IAE5C,OAAO,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;QACxC,IAAI,IAAI,EAAE,MAAM;YAAE,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAE3C,OAAO,KAAK,CAAA;IACd,CAAC,CAAuD,CAAA;AAC1D,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { Accessor } from 'solid-js';
|
|
2
|
-
import type { AnyRouter, RegisteredRouter, ResolveUseSearch, StrictOrFrom, ThrowConstraint, ThrowOrOptional, UseSearchResult } from '@tanstack/router-core';
|
|
3
|
-
export interface UseSearchBaseOptions<TRouter extends AnyRouter, TFrom, TStrict extends boolean, TThrow extends boolean, TSelected> {
|
|
4
|
-
select?: (state: ResolveUseSearch<TRouter, TFrom, TStrict>) => TSelected;
|
|
5
|
-
shouldThrow?: TThrow;
|
|
6
|
-
}
|
|
7
|
-
export type UseSearchOptions<TRouter extends AnyRouter, TFrom, TStrict extends boolean, TThrow extends boolean, TSelected> = StrictOrFrom<TRouter, TFrom, TStrict> & UseSearchBaseOptions<TRouter, TFrom, TStrict, TThrow, TSelected>;
|
|
8
|
-
export type UseSearchRoute<out TFrom> = <TRouter extends AnyRouter = RegisteredRouter, TSelected = unknown>(opts?: UseSearchBaseOptions<TRouter, TFrom, true, true, TSelected>) => Accessor<UseSearchResult<TRouter, TFrom, true, TSelected>>;
|
|
9
|
-
export declare function useSearch<TRouter extends AnyRouter = RegisteredRouter, const TFrom extends string | undefined = undefined, TStrict extends boolean = true, TThrow extends boolean = true, TSelected = unknown>(opts: UseSearchOptions<TRouter, TFrom, TStrict, ThrowConstraint<TStrict, TThrow>, TSelected>): Accessor<ThrowOrOptional<UseSearchResult<TRouter, TFrom, TStrict, TSelected>, TThrow>>;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { useMatch } from './useMatch';
|
|
2
|
-
export function useSearch(opts) {
|
|
3
|
-
return useMatch({
|
|
4
|
-
from: opts.from,
|
|
5
|
-
strict: opts.strict,
|
|
6
|
-
shouldThrow: opts.shouldThrow,
|
|
7
|
-
select: (match) => {
|
|
8
|
-
return opts.select ? opts.select(match.search) : match.search;
|
|
9
|
-
},
|
|
10
|
-
});
|
|
11
|
-
}
|
|
12
|
-
//# sourceMappingURL=useSearch.jsx.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useSearch.jsx","sourceRoot":"","sources":["../../src/useSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AA6CrC,MAAM,UAAU,SAAS,CAOvB,IAMC;IAID,OAAO,QAAQ,CAAC;QACd,IAAI,EAAE,IAAI,CAAC,IAAK;QAChB,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,WAAW,EAAE,IAAI,CAAC,WAAW;QAC7B,MAAM,EAAE,CAAC,KAAU,EAAE,EAAE;YACrB,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAA;QAC/D,CAAC;KACF,CAAQ,CAAA;AACX,CAAC"}
|
package/dist/source/utils.d.ts
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import * as Solid from 'solid-js';
|
|
2
|
-
export declare const useLayoutEffect: typeof Solid.createRenderEffect;
|
|
3
|
-
export declare const usePrevious: (fn: () => boolean) => Solid.Accessor<{
|
|
4
|
-
current: boolean | null;
|
|
5
|
-
previous: boolean | null;
|
|
6
|
-
}>;
|
|
7
|
-
/**
|
|
8
|
-
* React hook to wrap `IntersectionObserver`.
|
|
9
|
-
*
|
|
10
|
-
* This hook will create an `IntersectionObserver` and observe the ref passed to it.
|
|
11
|
-
*
|
|
12
|
-
* When the intersection changes, the callback will be called with the `IntersectionObserverEntry`.
|
|
13
|
-
*
|
|
14
|
-
* @param ref - The ref to observe
|
|
15
|
-
* @param intersectionObserverOptions - The options to pass to the IntersectionObserver
|
|
16
|
-
* @param options - The options to pass to the hook
|
|
17
|
-
* @param callback - The callback to call when the intersection changes
|
|
18
|
-
* @returns The IntersectionObserver instance
|
|
19
|
-
* @example
|
|
20
|
-
* ```tsx
|
|
21
|
-
* const MyComponent = () => {
|
|
22
|
-
* const ref = React.useRef<HTMLDivElement>(null)
|
|
23
|
-
* useIntersectionObserver(
|
|
24
|
-
* ref,
|
|
25
|
-
* (entry) => { doSomething(entry) },
|
|
26
|
-
* { rootMargin: '10px' },
|
|
27
|
-
* { disabled: false }
|
|
28
|
-
* )
|
|
29
|
-
* return <div ref={ref} />
|
|
30
|
-
* ```
|
|
31
|
-
*/
|
|
32
|
-
export declare function useIntersectionObserver<T extends Element>(ref: Solid.Accessor<T | null>, callback: (entry: IntersectionObserverEntry | undefined) => void, intersectionObserverOptions?: IntersectionObserverInit, options?: {
|
|
33
|
-
disabled?: boolean;
|
|
34
|
-
}): Solid.Accessor<IntersectionObserver | null>;
|
package/dist/source/utils.js
DELETED
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import * as Solid from 'solid-js';
|
|
2
|
-
export const useLayoutEffect = typeof window !== 'undefined' ? Solid.createRenderEffect : Solid.createEffect;
|
|
3
|
-
export const usePrevious = (fn) => {
|
|
4
|
-
return Solid.createMemo((prev = {
|
|
5
|
-
current: null,
|
|
6
|
-
previous: null,
|
|
7
|
-
}) => {
|
|
8
|
-
const current = fn();
|
|
9
|
-
if (prev.current !== current) {
|
|
10
|
-
prev.previous = prev.current;
|
|
11
|
-
prev.current = current;
|
|
12
|
-
}
|
|
13
|
-
return prev;
|
|
14
|
-
});
|
|
15
|
-
};
|
|
16
|
-
/**
|
|
17
|
-
* React hook to wrap `IntersectionObserver`.
|
|
18
|
-
*
|
|
19
|
-
* This hook will create an `IntersectionObserver` and observe the ref passed to it.
|
|
20
|
-
*
|
|
21
|
-
* When the intersection changes, the callback will be called with the `IntersectionObserverEntry`.
|
|
22
|
-
*
|
|
23
|
-
* @param ref - The ref to observe
|
|
24
|
-
* @param intersectionObserverOptions - The options to pass to the IntersectionObserver
|
|
25
|
-
* @param options - The options to pass to the hook
|
|
26
|
-
* @param callback - The callback to call when the intersection changes
|
|
27
|
-
* @returns The IntersectionObserver instance
|
|
28
|
-
* @example
|
|
29
|
-
* ```tsx
|
|
30
|
-
* const MyComponent = () => {
|
|
31
|
-
* const ref = React.useRef<HTMLDivElement>(null)
|
|
32
|
-
* useIntersectionObserver(
|
|
33
|
-
* ref,
|
|
34
|
-
* (entry) => { doSomething(entry) },
|
|
35
|
-
* { rootMargin: '10px' },
|
|
36
|
-
* { disabled: false }
|
|
37
|
-
* )
|
|
38
|
-
* return <div ref={ref} />
|
|
39
|
-
* ```
|
|
40
|
-
*/
|
|
41
|
-
export function useIntersectionObserver(ref, callback, intersectionObserverOptions = {}, options = {}) {
|
|
42
|
-
const isIntersectionObserverAvailable = typeof IntersectionObserver === 'function';
|
|
43
|
-
let observerRef = null;
|
|
44
|
-
Solid.createEffect(() => {
|
|
45
|
-
const r = ref();
|
|
46
|
-
if (!r || !isIntersectionObserverAvailable || options.disabled) {
|
|
47
|
-
return;
|
|
48
|
-
}
|
|
49
|
-
observerRef = new IntersectionObserver(([entry]) => {
|
|
50
|
-
callback(entry);
|
|
51
|
-
}, intersectionObserverOptions);
|
|
52
|
-
observerRef.observe(r);
|
|
53
|
-
Solid.onCleanup(() => {
|
|
54
|
-
observerRef?.disconnect();
|
|
55
|
-
});
|
|
56
|
-
});
|
|
57
|
-
return () => observerRef;
|
|
58
|
-
}
|
|
59
|
-
//# sourceMappingURL=utils.js.map
|
package/dist/source/utils.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,UAAU,CAAA;AAEjC,MAAM,CAAC,MAAM,eAAe,GAC1B,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAA;AAE/E,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAiB,EAAE,EAAE;IAC/C,OAAO,KAAK,CAAC,UAAU,CACrB,CACE,OAA8D;QAC5D,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;KACf,EACD,EAAE;QACF,MAAM,OAAO,GAAG,EAAE,EAAE,CAAA;QAEpB,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,EAAE,CAAC;YAC7B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAA;YAC5B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;QACxB,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC,CACF,CAAA;AACH,CAAC,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,UAAU,uBAAuB,CACrC,GAA6B,EAC7B,QAAgE,EAChE,8BAAwD,EAAE,EAC1D,UAAkC,EAAE;IAEpC,MAAM,+BAA+B,GACnC,OAAO,oBAAoB,KAAK,UAAU,CAAA;IAC5C,IAAI,WAAW,GAAgC,IAAI,CAAA;IAEnD,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE;QACtB,MAAM,CAAC,GAAG,GAAG,EAAE,CAAA;QACf,IAAI,CAAC,CAAC,IAAI,CAAC,+BAA+B,IAAI,OAAO,CAAC,QAAQ,EAAE,CAAC;YAC/D,OAAM;QACR,CAAC;QAED,WAAW,GAAG,IAAI,oBAAoB,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE;YACjD,QAAQ,CAAC,KAAK,CAAC,CAAA;QACjB,CAAC,EAAE,2BAA2B,CAAC,CAAA;QAE/B,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;QAEtB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;YACnB,WAAW,EAAE,UAAU,EAAE,CAAA;QAC3B,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,OAAO,GAAG,EAAE,CAAC,WAAW,CAAA;AAC1B,CAAC"}
|