solid-navigator 0.0.1 → 0.1.0

package/README.md

@@ -55,6 +55,16 @@ const params = useParams<{id: string}>();
 }
 ```
 
+### `useMatch`
+```js
+// path: /chats/1234
+const match = useMatch(() => "/chats/1234");
+{
+  path: "/chats/1234"
+  params: {}
+} | null
+```
+
 ## Components
 
 ### `Router`  

package/dist/dev.js

@@ -310,5 +310,10 @@ var A = (props) => {
     return _el$;
   })();
 };
+var useMatch = (path) => {
+  const context = useRouterContext();
+  const matcher = createMemo(() => createMatcher(path()));
+  return createMemo(() => matcher()(context.location.pathname));
+};
 
-export { A, Navigate, Outlet, Route, Router, useLocation, useNavigate, useParams };
+export { A, Navigate, Outlet, Route, Router, useLocation, useMatch, useNavigate, useParams };

package/dist/dev.jsx

@@ -304,9 +304,15 @@ var Route = (props) => {
 };
 
 // src/Link.tsx
+import { createMemo as createMemo4 } from "solid-js";
 var A = (props) => {
   return <a sn-link {...props} />;
 };
+var useMatch = (path) => {
+  const context = useRouterContext();
+  const matcher = createMemo4(() => createMatcher(path()));
+  return createMemo4(() => matcher()(context.location.pathname));
+};
 export {
   A,
   Navigate,
@@ -314,6 +320,7 @@ export {
   Route,
   Router,
   useLocation,
+  useMatch,
   useNavigate,
   useParams
 };

package/dist/index.d.ts

@@ -24,6 +24,12 @@ declare const Outlet: (props: {
     name?: string;
 }) => solid_js.JSX.Element;
 
+type Params = Record<string, string>;
+interface PathMatch {
+    params: Params;
+    path: string;
+}
+
 interface RouterProps {
     children?: JSX.Element;
     root?: () => JSX.Element;
@@ -41,5 +47,6 @@ type LinkProps = {
     replace?: boolean;
 } & JSX.AnchorHTMLAttributes<HTMLAnchorElement>;
 declare const A: (props: LinkProps) => JSX.Element;
+declare const useMatch: (path: () => string) => solid_js.Accessor<PathMatch | null>;
 
-export { A, Navigate, type NavigateOptions, Outlet, Route, type RouteObject, Router, type RouterProps, useLocation, useNavigate, useParams };
+export { A, Navigate, type NavigateOptions, Outlet, Route, type RouteObject, Router, type RouterProps, useLocation, useMatch, useNavigate, useParams };

package/dist/index.js

@@ -307,5 +307,10 @@ var A = (props) => {
     return _el$;
   })();
 };
+var useMatch = (path) => {
+  const context = useRouterContext();
+  const matcher = createMemo(() => createMatcher(path()));
+  return createMemo(() => matcher()(context.location.pathname));
+};
 
-export { A, Navigate, Outlet, Route, Router, useLocation, useNavigate, useParams };
+export { A, Navigate, Outlet, Route, Router, useLocation, useMatch, useNavigate, useParams };

package/dist/index.jsx

@@ -301,9 +301,15 @@ var Route = (props) => {
 };
 
 // src/Link.tsx
+import { createMemo as createMemo4 } from "solid-js";
 var A = (props) => {
   return <a sn-link {...props} />;
 };
+var useMatch = (path) => {
+  const context = useRouterContext();
+  const matcher = createMemo4(() => createMatcher(path()));
+  return createMemo4(() => matcher()(context.location.pathname));
+};
 export {
   A,
   Navigate,
@@ -311,6 +317,7 @@ export {
   Route,
   Router,
   useLocation,
+  useMatch,
   useNavigate,
   useParams
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-navigator",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "description": "Solid Navigator is a library that is inspired by vue router and solid router.",
   "license": "MIT",
   "author": "SupertigerDev",