solid-js 2.0.0-experimental.6 → 2.0.0-experimental.8

package/dist/dev.cjs

@@ -53,6 +53,27 @@ function registerGraph(value) {
   value.graph = owner;
 }
 
+function tryCatch(fn) {
+  try {
+    const v = fn();
+    if (v instanceof Promise) {
+      return v.then(v => [undefined, v], e => {
+        if (e instanceof signals.NotReadyError) throw e;
+        return [e];
+      });
+    }
+    return [undefined, v];
+  } catch (e) {
+    if (e instanceof signals.NotReadyError) throw e;
+    return [e];
+  }
+}
+function reducer(source, reducerFn) {
+  return [source[0], action => {
+    source[1](s => reducerFn(s, action));
+  }];
+}
+
 function observable(input) {
   return {
     subscribe(observer) {
@@ -343,6 +364,14 @@ Object.defineProperty(exports, "createMemo", {
   enumerable: true,
   get: function () { return signals.createMemo; }
 });
+Object.defineProperty(exports, "createOptimistic", {
+  enumerable: true,
+  get: function () { return signals.createOptimistic; }
+});
+Object.defineProperty(exports, "createOptimisticStore", {
+  enumerable: true,
+  get: function () { return signals.createOptimisticStore; }
+});
 Object.defineProperty(exports, "createProjection", {
   enumerable: true,
   get: function () { return signals.createProjection; }
@@ -439,9 +468,9 @@ Object.defineProperty(exports, "snapshot", {
   enumerable: true,
   get: function () { return signals.snapshot; }
 });
-Object.defineProperty(exports, "tryCatch", {
+Object.defineProperty(exports, "transition", {
   enumerable: true,
-  get: function () { return signals.tryCatch; }
+  get: function () { return signals.transition; }
 });
 Object.defineProperty(exports, "untrack", {
   enumerable: true,
@@ -467,7 +496,9 @@ exports.from = from;
 exports.lazy = lazy;
 exports.observable = observable;
 exports.onMount = onMount;
+exports.reducer = reducer;
 exports.sharedConfig = sharedConfig;
 exports.ssrHandleError = ssrHandleError;
 exports.ssrRunInScope = ssrRunInScope;
+exports.tryCatch = tryCatch;
 exports.useContext = useContext;

package/dist/dev.js

@@ -1,5 +1,5 @@
-import { createEffect, getContext, createMemo, flatten, createRoot, setContext, getOwner, untrack, onCleanup, createSignal, createSuspense, flush, runWithObserver, createAsync as createAsync$1, mapArray, repeat, createErrorBoundary, createBoundary } from '@solidjs/signals';
-export { $PROXY, $TRACK, createEffect, createMemo, createProjection, createRenderEffect, createRoot, createSignal, createStore, deep, flatten, flush, getObserver, getOwner, isEqual, isPending, isWrappable, latest, mapArray, merge, omit, onCleanup, reconcile, repeat, resolve, runWithObserver, runWithOwner, snapshot, tryCatch, untrack } from '@solidjs/signals';
+import { createEffect, getContext, createMemo, flatten, createRoot, setContext, getOwner, untrack, NotReadyError, onCleanup, createSignal, createSuspense, flush, runWithObserver, createAsync as createAsync$1, mapArray, repeat, createErrorBoundary, createBoundary } from '@solidjs/signals';
+export { $PROXY, $TRACK, createEffect, createMemo, createOptimistic, createOptimisticStore, createProjection, createRenderEffect, createRoot, createSignal, createStore, deep, flatten, flush, getObserver, getOwner, isEqual, isPending, isWrappable, latest, mapArray, merge, omit, onCleanup, reconcile, repeat, resolve, runWithObserver, runWithOwner, snapshot, transition, untrack } from '@solidjs/signals';
 
 const $DEVCOMP = Symbol("COMPONENT_DEV" );
 function onMount(fn) {
@@ -52,6 +52,27 @@ function registerGraph(value) {
   value.graph = owner;
 }
 
+function tryCatch(fn) {
+  try {
+    const v = fn();
+    if (v instanceof Promise) {
+      return v.then(v => [undefined, v], e => {
+        if (e instanceof NotReadyError) throw e;
+        return [e];
+      });
+    }
+    return [undefined, v];
+  } catch (e) {
+    if (e instanceof NotReadyError) throw e;
+    return [e];
+  }
+}
+function reducer(source, reducerFn) {
+  return [source[0], action => {
+    source[1](s => reducerFn(s, action));
+  }];
+}
+
 function observable(input) {
   return {
     subscribe(observer) {
@@ -326,4 +347,4 @@ if (globalThis) {
   if (!globalThis.Solid$$) globalThis.Solid$$ = true;else console.warn("You appear to have multiple instances of Solid. This can lead to unexpected behavior.");
 }
 
-export { $DEVCOMP, Boundary, DEV, ErrorBoundary, For, Match, Repeat, Show, Suspense, Switch, children, createAsync, createComponent, createContext, createUniqueId, enableHydration, from, lazy, observable, onMount, sharedConfig, ssrHandleError, ssrRunInScope, useContext };
+export { $DEVCOMP, Boundary, DEV, ErrorBoundary, For, Match, Repeat, Show, Suspense, Switch, children, createAsync, createComponent, createContext, createUniqueId, enableHydration, from, lazy, observable, onMount, reducer, sharedConfig, ssrHandleError, ssrRunInScope, tryCatch, useContext };

package/dist/server.cjs

@@ -320,6 +320,7 @@ function createAsync(compute, value, options) {
     return value;
   });
 }
+const createOptimistic = createSignal;
 function isPending(fn, fallback) {
   try {
     fn();
@@ -409,6 +410,7 @@ function createProjection(fn, initialValue = {}) {
   fn(state);
   return state;
 }
+const createOptimisticStore = createStore;
 function reconcile(value) {
   return state => {
     if (!isWrappable(state) || !isWrappable(value)) return value;
@@ -463,6 +465,15 @@ function omit(props, ...keys) {
   }
   return clone;
 }
+function deep(store) {
+  return store;
+}
+
+function reducer(source, reducerFn) {
+  return [source[0], action => {
+    source[1](s => reducerFn(s, action));
+  }];
+}
 
 const $DEVCOMP = Symbol("solid-dev-component");
 const DEV = undefined;
@@ -503,6 +514,10 @@ Object.defineProperty(exports, "runWithOwner", {
   enumerable: true,
   get: function () { return signals.runWithOwner; }
 });
+Object.defineProperty(exports, "transition", {
+  enumerable: true,
+  get: function () { return signals.transition; }
+});
 Object.defineProperty(exports, "tryCatch", {
   enumerable: true,
   get: function () { return signals.tryCatch; }
@@ -522,11 +537,14 @@ exports.createComponent = createComponent;
 exports.createContext = createContext;
 exports.createEffect = createEffect;
 exports.createMemo = createMemo;
+exports.createOptimistic = createOptimistic;
+exports.createOptimisticStore = createOptimisticStore;
 exports.createProjection = createProjection;
 exports.createRenderEffect = createRenderEffect;
 exports.createSignal = createSignal;
 exports.createStore = createStore;
 exports.createUniqueId = createUniqueId;
+exports.deep = deep;
 exports.enableHydration = enableHydration;
 exports.flush = flush;
 exports.from = from;
@@ -540,6 +558,7 @@ exports.observable = observable;
 exports.omit = omit;
 exports.onMount = onMount;
 exports.reconcile = reconcile;
+exports.reducer = reducer;
 exports.repeat = repeat;
 exports.resolve = resolve;
 exports.runWithObserver = runWithObserver;

package/dist/server.js

@@ -1,5 +1,5 @@
 import { getContext, onCleanup, Owner, runWithOwner, createRoot, setContext, flatten, NotReadyError, getOwner } from '@solidjs/signals';
-export { $PROXY, $TRACK, createRoot, flatten, getOwner, isEqual, isWrappable, onCleanup, runWithOwner, tryCatch } from '@solidjs/signals';
+export { $PROXY, $TRACK, createRoot, flatten, getOwner, isEqual, isWrappable, onCleanup, runWithOwner, transition, tryCatch } from '@solidjs/signals';
 
 function onMount(fn) {
   createEffect();
@@ -319,6 +319,7 @@ function createAsync(compute, value, options) {
     return value;
   });
 }
+const createOptimistic = createSignal;
 function isPending(fn, fallback) {
   try {
     fn();
@@ -408,6 +409,7 @@ function createProjection(fn, initialValue = {}) {
   fn(state);
   return state;
 }
+const createOptimisticStore = createStore;
 function reconcile(value) {
   return state => {
     if (!isWrappable(state) || !isWrappable(value)) return value;
@@ -462,8 +464,17 @@ function omit(props, ...keys) {
   }
   return clone;
 }
+function deep(store) {
+  return store;
+}
+
+function reducer(source, reducerFn) {
+  return [source[0], action => {
+    source[1](s => reducerFn(s, action));
+  }];
+}
 
 const $DEVCOMP = Symbol("solid-dev-component");
 const DEV = undefined;
 
-export { $DEVCOMP, DEV, ErrorBoundary, For, Match, Repeat, Show, Suspense, Switch, children, createAsync, createComponent, createContext, createEffect, createMemo, createProjection, createRenderEffect, createSignal, createStore, createUniqueId, enableHydration, flush, from, getObserver, isPending, latest, lazy, mapArray, merge, observable, omit, onMount, reconcile, repeat, resolve, runWithObserver, sharedConfig, ssrHandleError, ssrRunInScope, untrack, unwrap, useContext };
+export { $DEVCOMP, DEV, ErrorBoundary, For, Match, Repeat, Show, Suspense, Switch, children, createAsync, createComponent, createContext, createEffect, createMemo, createOptimistic, createOptimisticStore, createProjection, createRenderEffect, createSignal, createStore, createUniqueId, deep, enableHydration, flush, from, getObserver, isPending, latest, lazy, mapArray, merge, observable, omit, onMount, reconcile, reducer, repeat, resolve, runWithObserver, sharedConfig, ssrHandleError, ssrRunInScope, untrack, unwrap, useContext };

package/dist/solid.cjs

@@ -31,6 +31,27 @@ function children(fn) {
   return memo;
 }
 
+function tryCatch(fn) {
+  try {
+    const v = fn();
+    if (v instanceof Promise) {
+      return v.then(v => [undefined, v], e => {
+        if (e instanceof signals.NotReadyError) throw e;
+        return [e];
+      });
+    }
+    return [undefined, v];
+  } catch (e) {
+    if (e instanceof signals.NotReadyError) throw e;
+    return [e];
+  }
+}
+function reducer(source, reducerFn) {
+  return [source[0], action => {
+    source[1](s => reducerFn(s, action));
+  }];
+}
+
 function observable(input) {
   return {
     subscribe(observer) {
@@ -296,6 +317,14 @@ Object.defineProperty(exports, "createMemo", {
   enumerable: true,
   get: function () { return signals.createMemo; }
 });
+Object.defineProperty(exports, "createOptimistic", {
+  enumerable: true,
+  get: function () { return signals.createOptimistic; }
+});
+Object.defineProperty(exports, "createOptimisticStore", {
+  enumerable: true,
+  get: function () { return signals.createOptimisticStore; }
+});
 Object.defineProperty(exports, "createProjection", {
   enumerable: true,
   get: function () { return signals.createProjection; }
@@ -392,9 +421,9 @@ Object.defineProperty(exports, "snapshot", {
   enumerable: true,
   get: function () { return signals.snapshot; }
 });
-Object.defineProperty(exports, "tryCatch", {
+Object.defineProperty(exports, "transition", {
   enumerable: true,
-  get: function () { return signals.tryCatch; }
+  get: function () { return signals.transition; }
 });
 Object.defineProperty(exports, "untrack", {
   enumerable: true,
@@ -420,7 +449,9 @@ exports.from = from;
 exports.lazy = lazy;
 exports.observable = observable;
 exports.onMount = onMount;
+exports.reducer = reducer;
 exports.sharedConfig = sharedConfig;
 exports.ssrHandleError = ssrHandleError;
 exports.ssrRunInScope = ssrRunInScope;
+exports.tryCatch = tryCatch;
 exports.useContext = useContext;

package/dist/solid.js

@@ -1,5 +1,5 @@
-import { createEffect, getContext, createMemo, flatten, createRoot, setContext, getOwner, onCleanup, createSignal, createSuspense, flush, runWithObserver, createAsync as createAsync$1, untrack, mapArray, repeat, createErrorBoundary, createBoundary } from '@solidjs/signals';
-export { $PROXY, $TRACK, createEffect, createMemo, createProjection, createRenderEffect, createRoot, createSignal, createStore, deep, flatten, flush, getObserver, getOwner, isEqual, isPending, isWrappable, latest, mapArray, merge, omit, onCleanup, reconcile, repeat, resolve, runWithObserver, runWithOwner, snapshot, tryCatch, untrack } from '@solidjs/signals';
+import { createEffect, getContext, createMemo, flatten, createRoot, setContext, NotReadyError, getOwner, onCleanup, createSignal, createSuspense, flush, runWithObserver, createAsync as createAsync$1, untrack, mapArray, repeat, createErrorBoundary, createBoundary } from '@solidjs/signals';
+export { $PROXY, $TRACK, createEffect, createMemo, createOptimistic, createOptimisticStore, createProjection, createRenderEffect, createRoot, createSignal, createStore, deep, flatten, flush, getObserver, getOwner, isEqual, isPending, isWrappable, latest, mapArray, merge, omit, onCleanup, reconcile, repeat, resolve, runWithObserver, runWithOwner, snapshot, transition, untrack } from '@solidjs/signals';
 
 const $DEVCOMP = Symbol(0);
 function onMount(fn) {
@@ -30,6 +30,27 @@ function children(fn) {
   return memo;
 }
 
+function tryCatch(fn) {
+  try {
+    const v = fn();
+    if (v instanceof Promise) {
+      return v.then(v => [undefined, v], e => {
+        if (e instanceof NotReadyError) throw e;
+        return [e];
+      });
+    }
+    return [undefined, v];
+  } catch (e) {
+    if (e instanceof NotReadyError) throw e;
+    return [e];
+  }
+}
+function reducer(source, reducerFn) {
+  return [source[0], action => {
+    source[1](s => reducerFn(s, action));
+  }];
+}
+
 function observable(input) {
   return {
     subscribe(observer) {
@@ -279,4 +300,4 @@ function ssrHandleError() {}
 function ssrRunInScope() {}
 const DEV = undefined;
 
-export { $DEVCOMP, Boundary, DEV, ErrorBoundary, For, Match, Repeat, Show, Suspense, Switch, children, createAsync, createComponent, createContext, createUniqueId, enableHydration, from, lazy, observable, onMount, sharedConfig, ssrHandleError, ssrRunInScope, useContext };
+export { $DEVCOMP, Boundary, DEV, ErrorBoundary, For, Match, Repeat, Show, Suspense, Switch, children, createAsync, createComponent, createContext, createUniqueId, enableHydration, from, lazy, observable, onMount, reducer, sharedConfig, ssrHandleError, ssrRunInScope, tryCatch, useContext };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "solid-js",
   "description": "A declarative JavaScript library for building user interfaces.",
-  "version": "2.0.0-experimental.6",
+  "version": "2.0.0-experimental.8",
   "author": "Ryan Carniato",
   "license": "MIT",
   "homepage": "https://solidjs.com",
@@ -79,7 +79,7 @@
     "performance"
   ],
   "dependencies": {
-    "@solidjs/signals": "^0.4.1",
+    "@solidjs/signals": "^0.5.0",
     "csstype": "^3.1.0",
     "seroval": "~1.3.0",
     "seroval-plugins": "~1.3.0"

package/types/index.d.ts

@@ -1,7 +1,8 @@
-export { $PROXY, $TRACK, createEffect, createMemo, createProjection, createRenderEffect, createRoot, createSignal, createStore, flatten, flush, getObserver, getOwner, isEqual, isPending, isWrappable, latest, mapArray, merge, omit, onCleanup, reconcile, repeat, resolve, runWithObserver, runWithOwner, snapshot, tryCatch, untrack, deep } from "@solidjs/signals";
+export { $PROXY, $TRACK, createEffect, createMemo, createOptimistic, createOptimisticStore, createProjection, createRenderEffect, createRoot, createSignal, createStore, flatten, flush, getObserver, getOwner, isEqual, isPending, isWrappable, latest, mapArray, merge, omit, onCleanup, reconcile, repeat, resolve, runWithObserver, runWithOwner, snapshot, untrack, deep, transition } from "@solidjs/signals";
 export type { Accessor, BoundaryMode, ComputeFunction, EffectFunction, EffectOptions, Merge, NoInfer, NotWrappable, Omit, Owner, Signal, SignalOptions, Setter, Store, SolidStore, StoreNode, StoreSetter, TryCatchResult } from "@solidjs/signals";
 export { $DEVCOMP, children, createContext, onMount, useContext } from "./client/core.js";
 export type { ChildrenReturn, Context, ContextProviderComponent, ResolvedChildren, ResolvedJSXElement } from "./client/core.js";
+export * from "./utilities.js";
 export * from "./client/observable.js";
 export * from "./client/component.js";
 export * from "./client/flow.js";

package/types/server/index.d.ts

@@ -1,8 +1,9 @@
-export { $PROXY, $TRACK, tryCatch, flatten, isEqual, isWrappable } from "@solidjs/signals";
-export { createAsync, createEffect, createMemo, createRenderEffect, createRoot, createSignal, flush, getObserver, getOwner, isPending, latest, mapArray, onCleanup, repeat, resolve, runWithObserver, runWithOwner, untrack } from "./signals.js";
+export { $PROXY, $TRACK, tryCatch, flatten, isEqual, isWrappable, transition } from "@solidjs/signals";
+export { createAsync, createEffect, createMemo, createOptimistic, createRenderEffect, createRoot, createSignal, flush, getObserver, getOwner, isPending, latest, mapArray, onCleanup, repeat, resolve, runWithObserver, runWithOwner, untrack } from "./signals.js";
 export { observable, from, children, createContext, onMount, useContext, ssrRunInScope } from "./reactive.js";
-export { createProjection, createStore, unwrap, reconcile, merge, omit } from "./store.js";
+export { createProjection, createStore, createOptimisticStore, unwrap, reconcile, merge, omit, deep } from "./store.js";
 export { createComponent, For, Repeat, Show, Switch, Match, ErrorBoundary, Suspense, enableHydration, createUniqueId, lazy, sharedConfig, ssrHandleError } from "./rendering.js";
+export * from "../utilities.js";
 export declare const $DEVCOMP: unique symbol;
 export declare const DEV: undefined;
 export type { Component } from "../index.js";

package/types/server/signals.d.ts

@@ -21,6 +21,7 @@ export declare function createEffect<Next, Init = Next>(compute: ComputeFunction
 export declare function createAsync<T>(compute: (prev?: T) => Promise<T> | AsyncIterable<T> | T, value?: T, options?: MemoOptions<T> & {
     deferStream?: boolean;
 }): Accessor<T>;
+export declare const createOptimistic: typeof createSignal;
 export declare function isPending(fn: () => any, fallback?: boolean): boolean;
 export declare function latest<T>(fn: () => T, fallback?: T): T | undefined;
 export declare function resolve(): void;

package/types/server/store.d.ts

@@ -4,6 +4,8 @@ export declare function isWrappable(obj: any): boolean;
 export declare function unwrap<T>(item: T): T;
 export declare function createStore<T>(state: T | Store<T>): [get: Store<T>, set: StoreSetter<T>];
 export declare function createProjection<T extends Object>(fn: (draft: T) => void, initialValue?: T): Store<T>;
+export declare const createOptimisticStore: typeof createStore;
 export declare function reconcile<T extends U, U extends object>(value: T): (state: U) => T;
 export declare function merge<T extends unknown[]>(...sources: T): Merge<T>;
 export declare function omit<T extends Record<any, any>, K extends readonly (keyof T)[]>(props: T, ...keys: K): Omit<T, K>;
+export declare function deep<T extends object>(store: Store<T>): Store<T>;

package/types/utilities.d.ts

@@ -0,0 +1,36 @@
+import { Accessor, Signal, Store, StoreSetter } from "@solidjs/signals";
+/**
+ * Runs the given function and returns a tuple with the result or an error.
+ * If the function throws an error, it will be caught and returned as the first element of the tuple.
+ * If the function returns a promise, it will resolve to a tuple with the result or an error.
+ *
+ * @param fn The function to run.
+ * @returns A tuple with either [undefined, result] or [error].
+ *
+ * @description https://docs.solidjs.com/reference/reactive-utilities/try-catch
+ */
+export type TryCatchResult<T, E> = [undefined, T] | [E];
+export declare function tryCatch<T, E = Error>(fn: () => Promise<T>): Promise<TryCatchResult<T, E>>;
+export declare function tryCatch<T, E = Error>(fn: () => T): TryCatchResult<T, E>;
+/**
+ * Simple reducer utility for Signals and Stores
+ * ```typescript
+ * const [state, dispatch] = reducer(createSignal({ count: 0 }), (state, action) => {
+ *   switch (action.type) {
+ *     case "increment":
+ *       return { count: state.count + 1 };
+ *     case "decrement":
+ *       return { count: state.count - 1 };
+ *     default:
+ *       return state;
+ *   }
+ * });
+ * ```
+ * @param source Signal or Store tuple
+ * @param reducerFn reducer function that receives the current value and an action, and returns the new value for signals or void for stores
+ * @returns a tuple with the current value accessor and a dispatch function to send actions to the reducer
+ *
+ * @description https://docs.solidjs.com/reference/reactive-utilities/reducer
+ */
+export declare function reducer<T, A>(source: Signal<T>, reducerFn: (value: T, action: A) => T): [Accessor<T>, (action: A) => void];
+export declare function reducer<T, A>(source: [Store<T>, StoreSetter<T>], reducerFn: (value: T, action: A) => T | void): [Store<T>, (action: A) => void];