@solidjs/router 0.12.5 → 0.13.1

package/README.md

@@ -494,6 +494,14 @@ const user = createAsync((currentValue) => getUser(params.id))
 
 Using `cache` in `createResource` directly won't work properly as the fetcher is not reactive and it won't invalidate properly.
 
+### `createAsyncStore`
+
+Similar to `createAsync` except it uses a deeply reactive store. Perfect for applying fine-grained changes to large model data that updates.
+
+```jsx
+const todos = createAsyncStore(() => getTodos());
+```
+
 ### `action`
 
 Actions are data mutations that can trigger invalidations and further routing. A list of prebuilt response helpers can be found below.

package/dist/data/action.js

@@ -26,21 +26,28 @@ export function useSubmission(fn, filter) {
     });
 }
 export function useAction(action) {
-    const router = useRouter();
-    return (...args) => action.apply(router, args);
+    const r = useRouter();
+    return (...args) => action.apply({ r }, args);
 }
 export function action(fn, name) {
     function mutate(...variables) {
-        const router = this;
+        const router = this.r;
+        const form = this.f;
         const p = (router.singleFlight && fn.withOptions
             ? fn.withOptions({ headers: { "X-Single-Flight": "true" } })
             : fn)(...variables);
         const [result, setResult] = createSignal();
         let submission;
-        async function handler(res) {
-            const data = await handleResponse(res, router.navigatorFactory());
-            data ? setResult({ data }) : submission.clear();
-            return data;
+        function handler(error) {
+            return async (res) => {
+                const result = await handleResponse(res, error, router.navigatorFactory());
+                if (!result)
+                    return submission.clear();
+                setResult(result);
+                if (result.error && !form)
+                    throw result.error;
+                return result.data;
+            };
         }
         router.submissions[1](s => [
             ...s,
@@ -50,6 +57,9 @@ export function action(fn, name) {
                 get result() {
                     return result()?.data;
                 },
+                get error() {
+                    return result()?.error;
+                },
                 get pending() {
                     return !result();
                 },
@@ -59,11 +69,11 @@ export function action(fn, name) {
                 retry() {
                     setResult(undefined);
                     const p = fn(...variables);
-                    return p.then(handler, handler);
+                    return p.then(handler(), handler(true));
                 }
             })
         ]);
-        return p.then(handler, handler);
+        return p.then(handler(), handler(true));
     }
     const url = fn.url ||
         (name && `https://action/${name}`) ||
@@ -92,7 +102,7 @@ function toAction(fn, url) {
     return fn;
 }
 const hashString = (s) => s.split("").reduce((a, b) => ((a << 5) - a + b.charCodeAt(0)) | 0, 0);
-async function handleResponse(response, navigate) {
+async function handleResponse(response, error, navigate) {
     let data;
     let keys;
     let invalidateKeys;
@@ -123,11 +133,13 @@ async function handleResponse(response, navigate) {
             }
         }
     }
+    else if (error)
+        return { error: response };
     else
         data = response;
     // invalidate
     cacheKeyOp(invalidateKeys, entry => (entry[0] = 0));
     // trigger revalidation
     await revalidate(keys, false);
-    return data;
+    return data != null ? { data } : undefined;
 }

package/dist/data/events.js

@@ -103,7 +103,7 @@ export function setupNativeEvents(preload = true, explicitLinks = false, actionB
                 const data = new FormData(evt.target);
                 if (evt.submitter && evt.submitter.name)
                     data.append(evt.submitter.name, evt.submitter.value);
-                handler.call(router, data);
+                handler.call({ r: router, f: evt.target }, data);
             }
         }
         // ensure delegated event run first

package/dist/index.js

@@ -1,5 +1,5 @@
 import { isServer, getRequestEvent, createComponent as createComponent$1, memo, delegateEvents, spread, mergeProps as mergeProps$1, template } from 'solid-js/web';
-import { getOwner, runWithOwner, createMemo, createContext, onCleanup, useContext, untrack, createSignal, createRenderEffect, on, startTransition, resetErrorBoundaries, createComponent, children, mergeProps, createRoot, Show, getListener, sharedConfig, $TRACK, splitProps, createResource } from 'solid-js';
+import { getOwner, runWithOwner, createMemo, createContext, onCleanup, useContext, untrack, createSignal, createRenderEffect, on, startTransition, resetErrorBoundaries, createComponent, children, mergeProps, Show, createRoot, getListener, sharedConfig, $TRACK, splitProps, createResource } from 'solid-js';
 import { createStore, reconcile, unwrap } from 'solid-js/store';
 
 function createBeforeLeave() {
@@ -256,7 +256,7 @@ const useMatch = (path, matchFilters) => {
     }
   });
 };
-const useParams = () => useRoute().params;
+const useParams = () => useRouter().params;
 const useSearchParams = () => {
   const location = useLocation();
   const navigate = useNavigate();
@@ -406,7 +406,7 @@ let intent;
 function getIntent() {
   return intent;
 }
-function createRouterContext(integration, getContext, getBranches, options = {}) {
+function createRouterContext(integration, branches, getContext, options = {}) {
   const {
     signal: [source, setSource],
     utils = {}
@@ -438,9 +438,17 @@ function createRouterContext(integration, getContext, getBranches, options = {})
   const location = createLocation(reference, state);
   const referrers = [];
   const submissions = createSignal(isServer ? initFromFlash() : []);
+  const matches = createMemo(() => getRouteMatches(branches(), location.pathname));
+  const params = createMemoObject(() => {
+    const m = matches();
+    const params = {};
+    for (let i = 0; i < m.length; i++) {
+      Object.assign(params, m[i].params);
+    }
+    return params;
+  });
   const baseRoute = {
     pattern: basePath,
-    params: {},
     path: () => basePath,
     outlet: () => null,
     resolvePath(to) {
@@ -470,10 +478,12 @@ function createRouterContext(integration, getContext, getBranches, options = {})
   return {
     base: baseRoute,
     location,
+    params,
     isRouting,
     renderPath,
     parsePath,
     navigatorFactory,
+    matches,
     beforeLeave,
     preloadRoute,
     singleFlight: options.singleFlight === undefined ? true : options.singleFlight,
@@ -568,7 +578,7 @@ function createRouterContext(integration, getContext, getBranches, options = {})
     }
   }
   function preloadRoute(url, preloadData) {
-    const matches = getRouteMatches(getBranches(), url.pathname);
+    const matches = getRouteMatches(branches(), url.pathname);
     const prevIntent = intent;
     intent = "preload";
     for (let match in matches) {
@@ -600,10 +610,11 @@ function createRouterContext(integration, getContext, getBranches, options = {})
     return e && e.router && e.router.submission ? [e.router.submission] : [];
   }
 }
-function createRouteContext(router, parent, outlet, match, params) {
+function createRouteContext(router, parent, outlet, match) {
   const {
     base,
-    location
+    location,
+    params
   } = router;
   const {
     pattern,
@@ -621,7 +632,6 @@ function createRouteContext(router, parent, outlet, match, params) {
     parent,
     pattern,
     path,
-    params,
     outlet: () => component ? createComponent(component, {
       params,
       location,
@@ -642,13 +652,9 @@ const createRouterComponent = router => props => {
     base
   } = props;
   const routeDefs = children(() => props.children);
-  const branches = createMemo(() => createBranches(props.root ? {
-    component: props.root,
-    load: props.rootLoad,
-    children: routeDefs()
-  } : routeDefs(), props.base || ""));
+  const branches = createMemo(() => createBranches(routeDefs(), props.base || ""));
   let context;
-  const routerState = createRouterContext(router, () => context, branches, {
+  const routerState = createRouterContext(router, branches, () => context, {
     base,
     singleFlight: props.singleFlight
   });
@@ -656,24 +662,62 @@ const createRouterComponent = router => props => {
   return createComponent$1(RouterContextObj.Provider, {
     value: routerState,
     get children() {
-      return [memo(() => (context = getOwner()) && null), createComponent$1(Routes, {
+      return createComponent$1(Root, {
         routerState: routerState,
-        get branches() {
-          return branches();
+        get root() {
+          return props.root;
+        },
+        get load() {
+          return props.rootLoad;
+        },
+        get children() {
+          return [memo(() => (context = getOwner()) && null), createComponent$1(Routes, {
+            routerState: routerState,
+            get branches() {
+              return branches();
+            }
+          })];
         }
-      })];
+      });
     }
   });
 };
+function Root(props) {
+  const location = props.routerState.location;
+  const params = props.routerState.params;
+  const data = createMemo(() => props.load && untrack(() => props.load({
+    params,
+    location,
+    intent: "preload"
+  })));
+  return createComponent$1(Show, {
+    get when() {
+      return props.root;
+    },
+    keyed: true,
+    get fallback() {
+      return props.children;
+    },
+    children: Root => createComponent$1(Root, {
+      params: params,
+      location: location,
+      get data() {
+        return data();
+      },
+      get children() {
+        return props.children;
+      }
+    })
+  });
+}
 function Routes(props) {
-  const matches = createMemo(() => getRouteMatches(props.branches, props.routerState.location.pathname));
   if (isServer) {
     const e = getRequestEvent();
     if (e && e.router && e.router.dataOnly) {
-      dataOnly(e, props.branches);
+      dataOnly(e, props.routerState, props.branches);
       return;
     }
-    e && ((e.router || (e.router = {})).matches || (e.router.matches = matches().map(({
+    e && ((e.router || (e.router = {})).matches || (e.router.matches = props.routerState.matches().map(({
       route,
       path,
       params
@@ -685,17 +729,9 @@ function Routes(props) {
       info: route.info
     }))));
   }
-  const params = createMemoObject(() => {
-    const m = matches();
-    const params = {};
-    for (let i = 0; i < m.length; i++) {
-      Object.assign(params, m[i].params);
-    }
-    return params;
-  });
   const disposers = [];
   let root;
-  const routeStates = createMemo(on(matches, (nextMatches, prevMatches, prev) => {
+  const routeStates = createMemo(on(props.routerState.matches, (nextMatches, prevMatches, prev) => {
     let equal = prevMatches && nextMatches.length === prevMatches.length;
     const next = [];
     for (let i = 0, len = nextMatches.length; i < len; i++) {
@@ -710,7 +746,7 @@ function Routes(props) {
         }
         createRoot(dispose => {
           disposers[i] = dispose;
-          next[i] = createRouteContext(props.routerState, next[i - 1] || props.routerState.base, createOutlet(() => routeStates()[i + 1]), () => matches()[i], params);
+          next[i] = createRouteContext(props.routerState, next[i - 1] || props.routerState.base, createOutlet(() => routeStates()[i + 1]), () => props.routerState.matches()[i]);
         });
       }
     }
@@ -721,18 +757,7 @@ function Routes(props) {
     root = next[0];
     return next;
   }));
-  return createComponent$1(Show, {
-    get when() {
-      return routeStates() && root;
-    },
-    keyed: true,
-    children: route => createComponent$1(RouteContextObj.Provider, {
-      value: route,
-      get children() {
-        return route.outlet();
-      }
-    })
-  });
+  return createOutlet(() => routeStates() && root)();
 }
 const createOutlet = child => {
   return () => createComponent$1(Show, {
@@ -758,7 +783,7 @@ const Route = props => {
 };
 
 // for data only mode with single flight mutations
-function dataOnly(event, branches) {
+function dataOnly(event, routerState, branches) {
   const url = new URL(event.request.url);
   const prevMatches = getRouteMatches(branches, new URL(event.router.previousUrl || event.request.url).pathname);
   const matches = getRouteMatches(branches, url.pathname);
@@ -770,14 +795,7 @@ function dataOnly(event, branches) {
     } = matches[match];
     route.load && route.load({
       params,
-      location: {
-        pathname: url.pathname,
-        search: url.search,
-        hash: url.hash,
-        query: extractSearchParams(url),
-        state: null,
-        key: ""
-      },
+      location: routerState.location,
       intent: "preload"
     });
   }
@@ -1040,12 +1058,15 @@ function useSubmission(fn, filter) {
   });
 }
 function useAction(action) {
-  const router = useRouter();
-  return (...args) => action.apply(router, args);
+  const r = useRouter();
+  return (...args) => action.apply({
+    r
+  }, args);
 }
 function action(fn, name) {
   function mutate(...variables) {
-    const router = this;
+    const router = this.r;
+    const form = this.f;
     const p = (router.singleFlight && fn.withOptions ? fn.withOptions({
       headers: {
         "X-Single-Flight": "true"
@@ -1053,12 +1074,14 @@ function action(fn, name) {
     }) : fn)(...variables);
     const [result, setResult] = createSignal();
     let submission;
-    async function handler(res) {
-      const data = await handleResponse(res, router.navigatorFactory());
-      data ? setResult({
-        data
-      }) : submission.clear();
-      return data;
+    function handler(error) {
+      return async res => {
+        const result = await handleResponse(res, error, router.navigatorFactory());
+        if (!result) return submission.clear();
+        setResult(result);
+        if (result.error && !form) throw result.error;
+        return result.data;
+      };
     }
     router.submissions[1](s => [...s, submission = {
       input: variables,
@@ -1066,6 +1089,9 @@ function action(fn, name) {
       get result() {
         return result()?.data;
       },
+      get error() {
+        return result()?.error;
+      },
       get pending() {
         return !result();
       },
@@ -1075,10 +1101,10 @@ function action(fn, name) {
       retry() {
         setResult(undefined);
         const p = fn(...variables);
-        return p.then(handler, handler);
+        return p.then(handler(), handler(true));
       }
     }]);
-    return p.then(handler, handler);
+    return p.then(handler(), handler(true));
   }
   const url = fn.url || name && `https://action/${name}` || (!isServer ? `https://action/${hashString(fn.toString())}` : "");
   return toAction(mutate, url);
@@ -1104,7 +1130,7 @@ function toAction(fn, url) {
   return fn;
 }
 const hashString = s => s.split("").reduce((a, b) => (a << 5) - a + b.charCodeAt(0) | 0, 0);
-async function handleResponse(response, navigate) {
+async function handleResponse(response, error, navigate) {
   let data;
   let keys;
   let invalidateKeys;
@@ -1131,12 +1157,16 @@ async function handleResponse(response, navigate) {
         navigate(locationUrl);
       }
     }
-  } else data = response;
+  } else if (error) return {
+    error: response
+  };else data = response;
   // invalidate
   cacheKeyOp(invalidateKeys, entry => entry[0] = 0);
   // trigger revalidation
   await revalidate(keys, false);
-  return data;
+  return data != null ? {
+    data
+  } : undefined;
 }
 
 function setupNativeEvents(preload = true, explicitLinks = false, actionBase = "/_server") {
@@ -1215,7 +1245,10 @@ function setupNativeEvents(preload = true, explicitLinks = false, actionBase = "
         evt.preventDefault();
         const data = new FormData(evt.target);
         if (evt.submitter && evt.submitter.name) data.append(evt.submitter.name, evt.submitter.value);
-        handler.call(router, data);
+        handler.call({
+          r: router,
+          f: evt.target
+        }, data);
       }
     }
 

package/dist/routers/components.jsx

@@ -1,31 +1,44 @@
 /*@refresh skip*/
 import { getRequestEvent, isServer } from "solid-js/web";
-import { children, createMemo, createRoot, getOwner, mergeProps, on, Show } from "solid-js";
+import { children, createMemo, createRoot, getOwner, mergeProps, on, Show, untrack } from "solid-js";
 import { createBranches, createRouteContext, createRouterContext, getRouteMatches, RouteContextObj, RouterContextObj } from "../routing.js";
-import { createMemoObject, extractSearchParams } from "../utils.js";
 export const createRouterComponent = (router) => (props) => {
     const { base } = props;
     const routeDefs = children(() => props.children);
-    const branches = createMemo(() => createBranches(props.root ? { component: props.root, load: props.rootLoad, children: routeDefs() } : routeDefs(), props.base || ""));
+    const branches = createMemo(() => createBranches(routeDefs(), props.base || ""));
     let context;
-    const routerState = createRouterContext(router, () => context, branches, { base, singleFlight: props.singleFlight });
+    const routerState = createRouterContext(router, branches, () => context, {
+        base,
+        singleFlight: props.singleFlight
+    });
     router.create && router.create(routerState);
     return (<RouterContextObj.Provider value={routerState}>
-      {(context = getOwner()) && null}
-      <Routes routerState={routerState} branches={branches()}/>
+      <Root routerState={routerState} root={props.root} load={props.rootLoad}>
+        {(context = getOwner()) && null}
+        <Routes routerState={routerState} branches={branches()}/>
+      </Root>
     </RouterContextObj.Provider>);
 };
+function Root(props) {
+    const location = props.routerState.location;
+    const params = props.routerState.params;
+    const data = createMemo(() => props.load && untrack(() => props.load({ params, location, intent: "preload" })));
+    return (<Show when={props.root} keyed fallback={props.children}>
+      {Root => (<Root params={params} location={location} data={data()}>
+          {props.children}
+        </Root>)}
+    </Show>);
+}
 function Routes(props) {
-    const matches = createMemo(() => getRouteMatches(props.branches, props.routerState.location.pathname));
     if (isServer) {
         const e = getRequestEvent();
         if (e && e.router && e.router.dataOnly) {
-            dataOnly(e, props.branches);
+            dataOnly(e, props.routerState, props.branches);
             return;
         }
         e &&
             ((e.router || (e.router = {})).matches ||
-                (e.router.matches = matches().map(({ route, path, params }) => ({
+                (e.router.matches = props.routerState.matches().map(({ route, path, params }) => ({
                     path: route.originalPath,
                     pattern: route.pattern,
                     match: path,
@@ -33,17 +46,9 @@ function Routes(props) {
                     info: route.info
                 }))));
     }
-    const params = createMemoObject(() => {
-        const m = matches();
-        const params = {};
-        for (let i = 0; i < m.length; i++) {
-            Object.assign(params, m[i].params);
-        }
-        return params;
-    });
     const disposers = [];
     let root;
-    const routeStates = createMemo(on(matches, (nextMatches, prevMatches, prev) => {
+    const routeStates = createMemo(on(props.routerState.matches, (nextMatches, prevMatches, prev) => {
         let equal = prevMatches && nextMatches.length === prevMatches.length;
         const next = [];
         for (let i = 0, len = nextMatches.length; i < len; i++) {
@@ -59,7 +64,7 @@ function Routes(props) {
                 }
                 createRoot(dispose => {
                     disposers[i] = dispose;
-                    next[i] = createRouteContext(props.routerState, next[i - 1] || props.routerState.base, createOutlet(() => routeStates()[i + 1]), () => matches()[i], params);
+                    next[i] = createRouteContext(props.routerState, next[i - 1] || props.routerState.base, createOutlet(() => routeStates()[i + 1]), () => props.routerState.matches()[i]);
                 });
             }
         }
@@ -70,9 +75,7 @@ function Routes(props) {
         root = next[0];
         return next;
     }));
-    return (<Show when={routeStates() && root} keyed>
-      {route => <RouteContextObj.Provider value={route}>{route.outlet()}</RouteContextObj.Provider>}
-    </Show>);
+    return createOutlet(() => routeStates() && root)();
 }
 const createOutlet = (child) => {
     return () => (<Show when={child()} keyed>
@@ -88,7 +91,7 @@ export const Route = (props) => {
     });
 };
 // for data only mode with single flight mutations
-function dataOnly(event, branches) {
+function dataOnly(event, routerState, branches) {
     const url = new URL(event.request.url);
     const prevMatches = getRouteMatches(branches, new URL(event.router.previousUrl || event.request.url).pathname);
     const matches = getRouteMatches(branches, url.pathname);
@@ -99,14 +102,7 @@ function dataOnly(event, branches) {
         route.load &&
             route.load({
                 params,
-                location: {
-                    pathname: url.pathname,
-                    search: url.search,
-                    hash: url.hash,
-                    query: extractSearchParams(url),
-                    state: null,
-                    key: ""
-                },
+                location: routerState.location,
                 intent: "preload"
             });
     }

package/dist/routing.d.ts

@@ -19,8 +19,8 @@ export declare function createBranches(routeDef: RouteDefinition | RouteDefiniti
 export declare function getRouteMatches(branches: Branch[], location: string): RouteMatch[];
 export declare function createLocation(path: Accessor<string>, state: Accessor<any>): Location;
 export declare function getIntent(): Intent | undefined;
-export declare function createRouterContext(integration: RouterIntegration, getContext?: () => any, getBranches?: () => Branch[], options?: {
+export declare function createRouterContext(integration: RouterIntegration, branches: () => Branch[], getContext?: () => any, options?: {
     base?: string;
     singleFlight?: boolean;
 }): RouterContext;
-export declare function createRouteContext(router: RouterContext, parent: RouteContext, outlet: () => JSX.Element, match: () => RouteMatch, params: Params): RouteContext;
+export declare function createRouteContext(router: RouterContext, parent: RouteContext, outlet: () => JSX.Element, match: () => RouteMatch): RouteContext;

package/dist/routing.js

@@ -34,7 +34,7 @@ export const useMatch = (path, matchFilters) => {
         }
     });
 };
-export const useParams = () => useRoute().params;
+export const useParams = () => useRouter().params;
 export const useSearchParams = () => {
     const location = useLocation();
     const navigate = useNavigate();
@@ -184,7 +184,7 @@ let intent;
 export function getIntent() {
     return intent;
 }
-export function createRouterContext(integration, getContext, getBranches, options = {}) {
+export function createRouterContext(integration, branches, getContext, options = {}) {
     const { signal: [source, setSource], utils = {} } = integration;
     const parsePath = utils.parsePath || (p => p);
     const renderPath = utils.renderPath || (p => p);
@@ -211,9 +211,17 @@ export function createRouterContext(integration, getContext, getBranches, option
     const location = createLocation(reference, state);
     const referrers = [];
     const submissions = createSignal(isServer ? initFromFlash() : []);
+    const matches = createMemo(() => getRouteMatches(branches(), location.pathname));
+    const params = createMemoObject(() => {
+        const m = matches();
+        const params = {};
+        for (let i = 0; i < m.length; i++) {
+            Object.assign(params, m[i].params);
+        }
+        return params;
+    });
     const baseRoute = {
         pattern: basePath,
-        params: {},
         path: () => basePath,
         outlet: () => null,
         resolvePath(to) {
@@ -240,10 +248,12 @@ export function createRouterContext(integration, getContext, getBranches, option
     return {
         base: baseRoute,
         location,
+        params,
         isRouting,
         renderPath,
         parsePath,
         navigatorFactory,
+        matches,
         beforeLeave,
         preloadRoute,
         singleFlight: options.singleFlight === undefined ? true : options.singleFlight,
@@ -324,7 +334,7 @@ export function createRouterContext(integration, getContext, getBranches, option
         }
     }
     function preloadRoute(url, preloadData) {
-        const matches = getRouteMatches(getBranches(), url.pathname);
+        const matches = getRouteMatches(branches(), url.pathname);
         const prevIntent = intent;
         intent = "preload";
         for (let match in matches) {
@@ -352,11 +362,13 @@ export function createRouterContext(integration, getContext, getBranches, option
     }
     function initFromFlash() {
         const e = getRequestEvent();
-        return e && e.router && e.router.submission ? [e.router.submission] : [];
+        return (e && e.router && e.router.submission
+            ? [e.router.submission]
+            : []);
     }
 }
-export function createRouteContext(router, parent, outlet, match, params) {
-    const { base, location } = router;
+export function createRouteContext(router, parent, outlet, match) {
+    const { base, location, params } = router;
     const { pattern, component, load } = match().route;
     const path = createMemo(() => match().path);
     component &&
@@ -367,7 +379,6 @@ export function createRouteContext(router, parent, outlet, match, params) {
         parent,
         pattern,
         path,
-        params,
         outlet: () => component
             ? createComponent(component, {
                 params,

package/dist/types.d.ts

@@ -9,7 +9,11 @@ declare module "solid-js/web" {
         router?: {
             matches?: OutputMatch[];
             cache?: Map<string, CacheEntry>;
-            submission?: Submission<any, any>;
+            submission?: {
+                input: any;
+                result: any;
+                url: string;
+            };
             dataOnly?: boolean | string[];
             data?: Record<string, any>;
             previousUrl?: string;
@@ -110,7 +114,6 @@ export interface RouteContext {
     parent?: RouteContext;
     child?: RouteContext;
     pattern: string;
-    params: Params;
     path: () => string;
     outlet: () => JSX.Element;
     resolvePath(to: string): string | undefined;
@@ -124,8 +127,10 @@ export interface RouterUtils {
 export interface RouterContext {
     base: RouteContext;
     location: Location;
+    params: Params;
     navigatorFactory: NavigatorFactory;
     isRouting: () => boolean;
+    matches: () => RouteMatch[];
     renderPath(path: string): string;
     parsePath(str: string): string;
     beforeLeave: BeforeLeaveLifecycle;
@@ -153,6 +158,7 @@ export interface BeforeLeaveLifecycle {
 export type Submission<T, U> = {
     readonly input: T;
     readonly result?: U;
+    readonly error: any;
     readonly pending: boolean;
     readonly url: string;
     clear: () => void;

package/package.json

@@ -6,7 +6,7 @@
     "Ryan Turnquist"
   ],
   "license": "MIT",
-  "version": "0.12.5",
+  "version": "0.13.1",
   "homepage": "https://github.com/solidjs/solid-router#readme",
   "repository": {
     "type": "git",