@solidjs/router 0.14.0 → 0.14.2

package/README.md

@@ -495,11 +495,19 @@ This is light wrapper over `createResource` that aims to serve as stand-in for a
 const user = createAsync((currentValue) => getUser(params.id))
 ```
 
+It also preserves `latest` field from `createResource`. Note that it will be removed in the future.
+
+```jsx
+const user = createAsync((currentValue) => getUser(params.id))
+return <h1>{user.latest.name}</h1>;
+```
+
 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.
+It also supports `latest` field which will be removed in the future.
 
 ```jsx
 const todos = createAsyncStore(() => getTodos());
@@ -727,7 +735,7 @@ This is the main Router component for the browser.
 | base | string | Base url to use for matching routes |
 | actionBase | string | Root url for server actions, default: `/_server` |
 | preload | boolean | Enables/disables preloads globally, default: `true` |
-| explicitLinks | boolean | Disables all anchors being intercepted and instead requires `<A>`. default: `false` |
+| explicitLinks | boolean | Disables all anchors being intercepted and instead requires `<A>`. Default: `false`. (To disable interception for a specific link, set `target` to any value, e.g. `<a target="_self">`.) |
 
 ### `<A>`
 

package/dist/data/action.d.ts

@@ -5,9 +5,9 @@ export type Action<T extends Array<any>, U> = (T extends [FormData] | [] ? JSX.S
     with<A extends any[], B extends any[]>(this: (this: any, ...args: [...A, ...B]) => Promise<NarrowResponse<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>[] & {
+export declare function useSubmissions<T extends Array<any>, U>(fn: Action<T, U>, filter?: (arg: T) => boolean): Submission<T, NarrowResponse<U>>[] & {
     pending: boolean;
 };
-export declare function useSubmission<T extends Array<any>, U>(fn: Action<T, U>, filter?: (arg: T) => boolean): Submission<T, U> | SubmissionStub;
+export declare function useSubmission<T extends Array<any>, U>(fn: Action<T, U>, filter?: (arg: T) => boolean): Submission<T, NarrowResponse<U>> | SubmissionStub;
 export declare function useAction<T extends Array<any>, U>(action: Action<T, U>): (...args: Parameters<Action<T, U>>) => Promise<NarrowResponse<U>>;
 export declare function action<T extends Array<any>, U = void>(fn: (...args: T) => Promise<U>, name?: string): Action<T, U>;

package/dist/data/createAsync.d.ts

@@ -1,27 +1,32 @@
+import { type ReconcileOptions } from "solid-js/store";
 /**
- * This is mock of the eventual Solid 2.0 primitive. It is not fully featured.
+ * As `createAsync` and `createAsyncStore` are wrappers for `createResource`,
+ * this type allows to support `latest` field for these primitives.
+ * It will be removed in the future.
  */
-import { type Accessor } from "solid-js";
-import { type ReconcileOptions } from "solid-js/store";
+export type AccessorWithLatest<T> = {
+    (): T;
+    latest: T;
+};
 export declare function createAsync<T>(fn: (prev: T) => Promise<T>, options: {
     name?: string;
     initialValue: T;
     deferStream?: boolean;
-}): Accessor<T>;
+}): AccessorWithLatest<T>;
 export declare function createAsync<T>(fn: (prev: T | undefined) => Promise<T>, options?: {
     name?: string;
     initialValue?: T;
     deferStream?: boolean;
-}): Accessor<T | undefined>;
+}): AccessorWithLatest<T | undefined>;
 export declare function createAsyncStore<T>(fn: (prev: T) => Promise<T>, options: {
     name?: string;
     initialValue: T;
     deferStream?: boolean;
     reconcile?: ReconcileOptions;
-}): Accessor<T>;
+}): AccessorWithLatest<T>;
 export declare function createAsyncStore<T>(fn: (prev: T | undefined) => Promise<T>, options?: {
     name?: string;
     initialValue?: T;
     deferStream?: boolean;
     reconcile?: ReconcileOptions;
-}): Accessor<T | undefined>;
+}): AccessorWithLatest<T | undefined>;

package/dist/data/createAsync.js

@@ -8,7 +8,13 @@ export function createAsync(fn, options) {
     let resource;
     let prev = () => !resource || resource.state === "unresolved" ? undefined : resource.latest;
     [resource] = createResource(() => subFetch(fn, untrack(prev)), v => v, options);
-    return () => resource();
+    const resultAccessor = (() => resource());
+    Object.defineProperty(resultAccessor, 'latest', {
+        get() {
+            return resource.latest;
+        }
+    });
+    return resultAccessor;
 }
 export function createAsyncStore(fn, options = {}) {
     let resource;
@@ -17,7 +23,13 @@ export function createAsyncStore(fn, options = {}) {
         ...options,
         storage: (init) => createDeepSignal(init, options.reconcile)
     });
-    return () => resource();
+    const resultAccessor = (() => resource());
+    Object.defineProperty(resultAccessor, 'latest', {
+        get() {
+            return resource.latest;
+        }
+    });
+    return resultAccessor;
 }
 function createDeepSignal(value, options) {
     const [store, setStore] = createStore({

package/dist/data/index.d.ts

@@ -1,4 +1,4 @@
-export { createAsync, createAsyncStore } from "./createAsync.js";
+export { createAsync, createAsyncStore, type AccessorWithLatest } from "./createAsync.js";
 export { action, useSubmission, useSubmissions, useAction, type Action } from "./action.js";
 export { cache, revalidate, type CachedFunction } from "./cache.js";
 export { redirect, reload, json } from "./response.js";

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, batch, createComponent, children, mergeProps, Show, createRoot, getListener, sharedConfig, $TRACK, splitProps, createResource } from 'solid-js';
+import { getOwner, runWithOwner, createMemo, createContext, onCleanup, useContext, untrack, createSignal, createRenderEffect, on, startTransition, resetErrorBoundaries, batch, createComponent, children, mergeProps, Show, createRoot, sharedConfig, getListener, $TRACK, splitProps, createResource } from 'solid-js';
 import { createStore, reconcile, unwrap } from 'solid-js/store';
 
 function createBeforeLeave() {
@@ -840,6 +840,7 @@ function createRouter(config) {
     equals: (a, b) => a.value === b.value && a.state === b.state
   }), undefined, next => {
     !ignore && config.set(next);
+    if (sharedConfig.registry && !sharedConfig.done) sharedConfig.done = true;
     return next;
   });
   config.init && onCleanup(config.init((value = config.get()) => {
@@ -1521,11 +1522,24 @@ function Navigate(props) {
 /**
  * This is mock of the eventual Solid 2.0 primitive. It is not fully featured.
  */
+
+/**
+ * As `createAsync` and `createAsyncStore` are wrappers for `createResource`,
+ * this type allows to support `latest` field for these primitives.
+ * It will be removed in the future.
+ */
+
 function createAsync(fn, options) {
   let resource;
   let prev = () => !resource || resource.state === "unresolved" ? undefined : resource.latest;
   [resource] = createResource(() => subFetch(fn, untrack(prev)), v => v, options);
-  return () => resource();
+  const resultAccessor = () => resource();
+  Object.defineProperty(resultAccessor, 'latest', {
+    get() {
+      return resource.latest;
+    }
+  });
+  return resultAccessor;
 }
 function createAsyncStore(fn, options = {}) {
   let resource;
@@ -1534,7 +1548,13 @@ function createAsyncStore(fn, options = {}) {
     ...options,
     storage: init => createDeepSignal(init, options.reconcile)
   });
-  return () => resource();
+  const resultAccessor = () => resource();
+  Object.defineProperty(resultAccessor, 'latest', {
+    get() {
+      return resource.latest;
+    }
+  });
+  return resultAccessor;
 }
 function createDeepSignal(value, options) {
   const [store, setStore] = createStore({

package/dist/routers/createRouter.js

@@ -1,4 +1,4 @@
-import { createSignal, onCleanup } from "solid-js";
+import { createSignal, onCleanup, sharedConfig } from "solid-js";
 import { createRouterComponent } from "./components.jsx";
 function intercept([value, setValue], get, set) {
     return [get ? () => get(value()) : value, set ? (v) => setValue(set(v)) : setValue];
@@ -22,6 +22,8 @@ export function createRouter(config) {
         equals: (a, b) => a.value === b.value && a.state === b.state
     }), undefined, next => {
         !ignore && config.set(next);
+        if (sharedConfig.registry && !sharedConfig.done)
+            sharedConfig.done = true;
         return next;
     });
     config.init &&

package/package.json

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