@solidjs/router 0.10.3 → 0.10.5

package/README.md

@@ -102,7 +102,35 @@ render(() => (
 ), document.getElementById("app"));
 ```
 
-3. Lazy-load route components
+3. Create a CatchAll Route (404 page)
+
+We can create catchall routes for pages not found at any nested level of the router. We use `*` and optionally the name of a parameter to retrieve the rest of the path.
+
+```jsx
+import { render } from "solid-js/web";
+import { Router, Route } from "@solidjs/router";
+
+import Home from "./pages/Home";
+import Users from "./pages/Users";
+import NotFound from "./pages/404";
+
+const App = props => (
+  <>
+    <h1>My Site with lots of pages</h1>
+    {props.children}
+  </>
+)
+
+render(() => (
+  <Router root={App}>
+    <Route path="/users" component={Users} />
+    <Route path="/" component={Home} />
+    <Route path="*404" component={NotFound} />
+  </Router>
+), document.getElementById("app"));
+```
+
+4. Lazy-load route components
 
 This way, the `Users` and `Home` components will only be loaded if you're navigating to `/users` or `/`, respectively.
 
@@ -848,6 +876,8 @@ The biggest changes are around removed APIs that need to be replaced.
 
 This is no longer used and instead will use `props.children` passed from into the page components for outlets. This keeps the outlet directly passed from its page and avoids oddness of trying to use context across Islands boundaries. Nested `<Routes>` components inherently cause waterfalls and are `<Outlets>` themselves so they have the same concerns. We do not want to encourage the pattern and if you must do it you can always nest `<Router>`s with appropriate base path.
 
+Keep in mind no `<Routes>` means the `<Router>` API is different. The `<Router>` acts as the `<Routes>` component and its children can only be `<Route>` components. Your top-level layout should go in the root prop of the router [as shown above](#configure-your-routes)
+
 ## `element` prop removed from `Route`
 
 Related without Outlet component it has to be passed in manually. At which point the `element` prop has less value. Removing the second way to define route components to reduce confusion and edge cases.

package/dist/data/action.d.ts

@@ -2,7 +2,7 @@ import { JSX } from "solid-js";
 import { Submission } from "../types";
 export type Action<T extends Array<any>, U> = (T extends [FormData] | [] ? JSX.SerializableAttributeValue : unknown) & ((...vars: T) => Promise<U>) & {
     url: string;
-    with<A extends any[], B extends any[]>(this: (this: any, ...args: [...A, ...B]) => U, ...args: A): Action<B, U>;
+    with<A extends any[], B extends any[]>(this: (this: any, ...args: [...A, ...B]) => Promise<U>, ...args: A): Action<B, U>;
 };
 export declare const actions: Map<string, Action<any, any>>;
 export declare function useSubmissions<T extends Array<any>, U>(fn: Action<T, U>, filter?: (arg: T) => boolean): Submission<T, U>[] & {

package/dist/routers/components.d.ts

@@ -6,12 +6,12 @@ export type BaseRouterProps = {
     children?: JSX.Element | RouteDefinition | RouteDefinition[];
 };
 export declare const createRouterComponent: (router: RouterIntegration) => (props: BaseRouterProps) => JSX.Element;
-export type RouteProps<S extends string> = {
+export type RouteProps<S extends string, T = unknown> = {
     path?: S | S[];
     children?: JSX.Element;
-    load?: RouteLoadFunc;
+    load?: RouteLoadFunc<T>;
     matchFilters?: MatchFilters<S>;
-    component?: Component;
+    component?: Component<RouteSectionProps<T>>;
     metadata?: Record<string, any>;
 };
-export declare const Route: <S extends string>(props: RouteProps<S>) => JSX.Element;
+export declare const Route: <S extends string>(props: RouteProps<S, unknown>) => JSX.Element;

package/package.json

@@ -6,7 +6,7 @@
     "Ryan Turnquist"
   ],
   "license": "MIT",
-  "version": "0.10.3",
+  "version": "0.10.5",
   "homepage": "https://github.com/solidjs/solid-router#readme",
   "repository": {
     "type": "git",
@@ -43,7 +43,7 @@
     "prettier": "^2.7.1",
     "rollup": "^3.7.5",
     "solid-jest": "^0.2.0",
-    "solid-js": "^1.8.6",
+    "solid-js": "^1.8.7",
     "typescript": "^5.2.2"
   },
   "peerDependencies": {