@real-router/solid 0.0.1

package/src/hooks/useRouteNodeStore.tsx

@@ -0,0 +1,12 @@
+import { createRouteNodeSource } from "@real-router/sources";
+
+import { createStoreFromSource } from "../createStoreFromSource";
+import { useRouter } from "./useRouter";
+
+import type { RouteState } from "../types";
+
+export function useRouteNodeStore(nodeName: string): RouteState {
+  const router = useRouter();
+
+  return createStoreFromSource(createRouteNodeSource(router, nodeName));
+}

package/src/hooks/useRouteStore.tsx

@@ -0,0 +1,20 @@
+import { createRouteSource } from "@real-router/sources";
+import { useContext } from "solid-js";
+
+import { RouteContext } from "../context";
+import { createStoreFromSource } from "../createStoreFromSource";
+import { useRouter } from "./useRouter";
+
+import type { RouteState } from "../types";
+
+export function useRouteStore(): RouteState {
+  const ctx = useContext(RouteContext);
+
+  if (!ctx) {
+    throw new Error("useRouteStore must be used within a RouterProvider");
+  }
+
+  const router = useRouter();
+
+  return createStoreFromSource(createRouteSource(router));
+}

package/src/hooks/useRouteUtils.tsx

@@ -0,0 +1,12 @@
+import { getPluginApi } from "@real-router/core/api";
+import { getRouteUtils } from "@real-router/route-utils";
+
+import { useRouter } from "./useRouter";
+
+import type { RouteUtils } from "@real-router/route-utils";
+
+export const useRouteUtils = (): RouteUtils => {
+  const router = useRouter();
+
+  return getRouteUtils(getPluginApi(router).getTree());
+};

package/src/hooks/useRouter.tsx

@@ -0,0 +1,15 @@
+import { useContext } from "solid-js";
+
+import { RouterContext } from "../context";
+
+import type { Router } from "@real-router/core";
+
+export const useRouter = (): Router => {
+  const ctx = useContext(RouterContext);
+
+  if (!ctx) {
+    throw new Error("useRouter must be used within a RouterProvider");
+  }
+
+  return ctx.router;
+};

package/src/hooks/useRouterTransition.tsx

@@ -0,0 +1,14 @@
+import { createTransitionSource } from "@real-router/sources";
+
+import { createSignalFromSource } from "../createSignalFromSource";
+import { useRouter } from "./useRouter";
+
+import type { RouterTransitionSnapshot } from "@real-router/sources";
+import type { Accessor } from "solid-js";
+
+export function useRouterTransition(): Accessor<RouterTransitionSnapshot> {
+  const router = useRouter();
+  const store = createTransitionSource(router);
+
+  return createSignalFromSource(store);
+}

package/src/index.tsx

@@ -0,0 +1,43 @@
+export { RouteView } from "./components/RouteView";
+
+export { Link } from "./components/Link";
+
+export { link } from "./directives/link";
+
+export { useRouter } from "./hooks/useRouter";
+
+export { useNavigator } from "./hooks/useNavigator";
+
+export { useRouteUtils } from "./hooks/useRouteUtils";
+
+export { useRoute } from "./hooks/useRoute";
+
+export { useRouteNode } from "./hooks/useRouteNode";
+
+export { useRouteStore } from "./hooks/useRouteStore";
+
+export { useRouteNodeStore } from "./hooks/useRouteNodeStore";
+
+export { useRouterTransition } from "./hooks/useRouterTransition";
+
+export { RouterProvider } from "./RouterProvider";
+
+export { RouterContext, RouteContext } from "./context";
+
+export { createSignalFromSource } from "./createSignalFromSource";
+
+export { createStoreFromSource } from "./createStoreFromSource";
+
+export type { LinkProps, RouteState } from "./types";
+
+export type { LinkDirectiveOptions } from "./directives/link";
+
+export type {
+  RouteViewProps,
+  RouteViewMatchProps,
+  RouteViewNotFoundProps,
+} from "./components/RouteView";
+
+export type { Navigator } from "@real-router/core";
+
+export type { RouterTransitionSnapshot } from "@real-router/sources";

package/src/types.ts

@@ -0,0 +1,24 @@
+import type { NavigationOptions, Params, State } from "@real-router/core";
+import type { JSX } from "solid-js";
+
+export interface RouteState<
+  P extends Params = Params,
+  MP extends Params = Params,
+> {
+  route: State<P, MP> | undefined;
+  previousRoute?: State | undefined;
+}
+
+export interface LinkProps<P extends Params = Params> extends Omit<
+  JSX.HTMLAttributes<HTMLAnchorElement>,
+  "onClick"
+> {
+  routeName: string;
+  routeParams?: P;
+  routeOptions?: NavigationOptions;
+  activeClassName?: string;
+  activeStrict?: boolean;
+  ignoreQueryParams?: boolean;
+  target?: string;
+  onClick?: (evt: MouseEvent) => void;
+}