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

package/dist/dev.cjs

@@ -368,10 +368,6 @@ 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; }
@@ -476,6 +472,10 @@ Object.defineProperty(exports, "untrack", {
   enumerable: true,
   get: function () { return signals.untrack; }
 });
+Object.defineProperty(exports, "useTransition", {
+  enumerable: true,
+  get: function () { return signals.useTransition; }
+});
 exports.$DEVCOMP = $DEVCOMP;
 exports.Boundary = Boundary;
 exports.DEV = DEV;

package/dist/dev.js

@@ -1,5 +1,5 @@
 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';
+export { $PROXY, $TRACK, createEffect, createMemo, createOptimistic, 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, useTransition } from '@solidjs/signals';
 
 const $DEVCOMP = Symbol("COMPONENT_DEV" );
 function onMount(fn) {

package/dist/server.cjs

@@ -320,7 +320,6 @@ function createAsync(compute, value, options) {
     return value;
   });
 }
-const createOptimistic = createSignal;
 function isPending(fn, fallback) {
   try {
     fn();
@@ -386,6 +385,11 @@ function repeat(count, mapFn, options = {}) {
   } else if (options.fallback) s = [options.fallback()];
   return () => s;
 }
+function transition(fn) {
+}
+function useTransition() {
+  return [() => false, () => {}];
+}
 
 function isWrappable(obj) {
   return obj != null && typeof obj === "object" && !Object.isFrozen(obj);
@@ -410,7 +414,7 @@ function createProjection(fn, initialValue = {}) {
   fn(state);
   return state;
 }
-const createOptimisticStore = createStore;
+const createOptimistic = createStore;
 function reconcile(value) {
   return state => {
     if (!isWrappable(state) || !isWrappable(value)) return value;
@@ -469,6 +473,21 @@ function deep(store) {
   return store;
 }
 
+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));
@@ -514,14 +533,6 @@ 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; }
-});
 exports.$DEVCOMP = $DEVCOMP;
 exports.DEV = DEV;
 exports.ErrorBoundary = ErrorBoundary;
@@ -538,7 +549,6 @@ exports.createContext = createContext;
 exports.createEffect = createEffect;
 exports.createMemo = createMemo;
 exports.createOptimistic = createOptimistic;
-exports.createOptimisticStore = createOptimisticStore;
 exports.createProjection = createProjection;
 exports.createRenderEffect = createRenderEffect;
 exports.createSignal = createSignal;
@@ -565,6 +575,9 @@ exports.runWithObserver = runWithObserver;
 exports.sharedConfig = sharedConfig;
 exports.ssrHandleError = ssrHandleError;
 exports.ssrRunInScope = ssrRunInScope;
+exports.transition = transition;
+exports.tryCatch = tryCatch;
 exports.untrack = untrack;
 exports.unwrap = unwrap;
 exports.useContext = useContext;
+exports.useTransition = useTransition;

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, transition, tryCatch } from '@solidjs/signals';
+export { $PROXY, $TRACK, createRoot, flatten, getOwner, isEqual, isWrappable, onCleanup, runWithOwner } from '@solidjs/signals';
 
 function onMount(fn) {
   createEffect();
@@ -319,7 +319,6 @@ function createAsync(compute, value, options) {
     return value;
   });
 }
-const createOptimistic = createSignal;
 function isPending(fn, fallback) {
   try {
     fn();
@@ -385,6 +384,11 @@ function repeat(count, mapFn, options = {}) {
   } else if (options.fallback) s = [options.fallback()];
   return () => s;
 }
+function transition(fn) {
+}
+function useTransition() {
+  return [() => false, () => {}];
+}
 
 function isWrappable(obj) {
   return obj != null && typeof obj === "object" && !Object.isFrozen(obj);
@@ -409,7 +413,7 @@ function createProjection(fn, initialValue = {}) {
   fn(state);
   return state;
 }
-const createOptimisticStore = createStore;
+const createOptimistic = createStore;
 function reconcile(value) {
   return state => {
     if (!isWrappable(state) || !isWrappable(value)) return value;
@@ -468,6 +472,21 @@ function deep(store) {
   return store;
 }
 
+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));
@@ -477,4 +496,4 @@ function reducer(source, reducerFn) {
 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, 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 };
+export { $DEVCOMP, DEV, ErrorBoundary, For, Match, Repeat, Show, Suspense, Switch, children, createAsync, createComponent, createContext, createEffect, createMemo, createOptimistic, 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, transition, tryCatch, untrack, unwrap, useContext, useTransition };

package/dist/solid.cjs

@@ -321,10 +321,6 @@ 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; }
@@ -429,6 +425,10 @@ Object.defineProperty(exports, "untrack", {
   enumerable: true,
   get: function () { return signals.untrack; }
 });
+Object.defineProperty(exports, "useTransition", {
+  enumerable: true,
+  get: function () { return signals.useTransition; }
+});
 exports.$DEVCOMP = $DEVCOMP;
 exports.Boundary = Boundary;
 exports.DEV = DEV;

package/dist/solid.js

@@ -1,5 +1,5 @@
 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';
+export { $PROXY, $TRACK, createEffect, createMemo, createOptimistic, 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, useTransition } from '@solidjs/signals';
 
 const $DEVCOMP = Symbol(0);
 function onMount(fn) {

package/package.json

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

package/types/client/hydration.d.ts

@@ -36,7 +36,7 @@ export declare function Suspense(props: {
  *   compute: (v: T) => Promise<T> | T,
  *   value?: T,
  *   options?: { name?: string, equals?: false | ((prev: T, next: T) => boolean) }
- * ): () => T;
+ * ): () => T & { refresh: () => void };
  * ```
  * @param compute a function that receives its previous or the initial value, if set, and returns a new value used to react on a computation
  * @param value an optional initial value for the computation; if set, fn will never receive undefined as first argument
@@ -44,5 +44,7 @@ export declare function Suspense(props: {
  *
  * @description https://docs.solidjs.com/reference/basic-reactivity/create-async
  */
-export declare function createAsync<T>(compute: (prev?: T) => Promise<T> | AsyncIterable<T> | T, value?: T, options?: MemoOptions<T>): Accessor<T>;
+export declare function createAsync<T>(compute: (prev?: T) => Promise<T> | AsyncIterable<T> | T, value?: T, options?: MemoOptions<T>): Accessor<T> & {
+    refresh: () => void;
+};
 export {};

package/types/index.d.ts

@@ -1,5 +1,5 @@
-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 { $PROXY, $TRACK, createEffect, createMemo, createOptimistic, 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, useTransition } from "@solidjs/signals";
+export type { Accessor, BoundaryMode, ComputeFunction, EffectFunction, EffectOptions, Merge, NoInfer, NotWrappable, Omit, Owner, Signal, SignalOptions, Setter, Store, SolidStore, StoreNode, StoreSetter } 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";

package/types/server/index.d.ts

@@ -1,7 +1,7 @@
-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 { $PROXY, $TRACK, 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, transition, useTransition } from "./signals.js";
 export { observable, from, children, createContext, onMount, useContext, ssrRunInScope } from "./reactive.js";
-export { createProjection, createStore, createOptimisticStore, unwrap, reconcile, merge, omit, deep } from "./store.js";
+export { createProjection, createStore, createOptimistic, 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;

package/types/server/signals.d.ts

@@ -21,7 +21,6 @@ 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;
@@ -36,3 +35,5 @@ export declare function repeat<T>(count: Accessor<number>, mapFn: (i: number) =>
     fallback?: Accessor<any>;
     from?: Accessor<number | undefined>;
 }): () => T[];
+export declare function transition<T>(fn: () => T): void;
+export declare function useTransition(): [() => boolean, (fn: () => void) => void];

package/types/server/store.d.ts

@@ -4,7 +4,7 @@ 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 const createOptimistic: 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>;