solid-js 1.3.0-rc.0 → 1.3.0-rc.4

package/dist/solid.cjs

@@ -131,6 +131,7 @@ function nextHydrateContext() {
 
 const equalFn = (a, b) => a === b;
 const $PROXY = Symbol("solid-proxy");
+const $DEVCOMP = Symbol('solid-dev-component');
 const signalOptions = {
   equals: equalFn
 };
@@ -167,14 +168,12 @@ function createRoot(fn, detachedOwner) {
   };
   Owner = root;
   Listener = null;
-  let result;
   try {
-    runUpdates(() => result = fn(() => cleanNode(root)), true);
+    return runUpdates(() => fn(() => cleanNode(root)), true);
   } finally {
     Listener = listener;
     Owner = owner;
   }
-  return result;
 }
 function createSignal(value, options) {
   options = options ? Object.assign({}, signalOptions, options) : signalOptions;
@@ -207,7 +206,21 @@ function createEffect(fn, value, options) {
         s = SuspenseContext && lookup(Owner, SuspenseContext.id);
   if (s) c.suspense = s;
   c.user = true;
-  Effects && Effects.push(c);
+  Effects ? Effects.push(c) : queueMicrotask(() => updateComputation(c));
+}
+function createReaction(onInvalidate, options) {
+  let fn;
+  const c = createComputation(() => {
+    fn ? fn() : untrack(onInvalidate);
+    fn = undefined;
+  }, undefined, false, 0),
+        s = SuspenseContext && lookup(Owner, SuspenseContext.id);
+  if (s) c.suspense = s;
+  c.user = true;
+  return tracking => {
+    fn = tracking;
+    updateComputation(c);
+  };
 }
 function createMemo(fn, value, options) {
   options = options ? Object.assign({}, signalOptions, options) : signalOptions;
@@ -233,11 +246,14 @@ function createResource(source, fetcher, options) {
     fetcher = source;
     source = true;
   }
-  Resources || (Resources = new Set());
-  Resources.add(load);
-  onCleanup(() => Resources.delete(load));
+  options ||= {};
+  if (options.globalRefetch !== false) {
+    Resources || (Resources = new Set());
+    Resources.add(load);
+    Owner && onCleanup(() => Resources.delete(load));
+  }
   const contexts = new Set(),
-        [s, set] = createSignal((options || {}).initialValue),
+        [s, set] = createSignal(options.initialValue),
         [track, trigger] = createSignal(undefined, {
     equals: false
   }),
@@ -253,10 +269,14 @@ function createResource(source, fetcher, options) {
     id = `${sharedConfig.context.id}${sharedConfig.context.count++}`;
     if (sharedConfig.load) initP = sharedConfig.load(id);
   }
-  function loadEnd(p, v, e) {
+  function loadEnd(p, v, e, key) {
     if (pr === p) {
-      setError(err = e);
       pr = null;
+      if (initP && p === initP && options.onHydrated) options.onHydrated(key, {
+        value: v
+      });
+      initP = null;
+      setError(err = e);
       if (Transition && p && loadedUnderTransition) {
         Transition.promises.delete(p);
         loadedUnderTransition = false;
@@ -310,17 +330,16 @@ function createResource(source, fetcher, options) {
       value: s(),
       refetching
     }));
-    initP = null;
     if (typeof p !== "object" || !("then" in p)) {
       loadEnd(pr, p);
-      return;
+      return p;
     }
     pr = p;
     batch(() => {
       setLoading(true);
       trigger();
     });
-    p.then(v => loadEnd(p, v), e => loadEnd(p, e, e));
+    return p.then(v => loadEnd(p, v, undefined, lookup), e => loadEnd(p, e, e));
   }
   Object.defineProperties(read, {
     loading: {
@@ -342,7 +361,7 @@ function createResource(source, fetcher, options) {
 }
 let Resources;
 function refetchResources(info) {
-  Resources && Resources.forEach(fn => fn(info));
+  return Resources && Promise.all([...Resources].map(fn => fn(info)));
 }
 function createDeferred(source, options) {
   let t,
@@ -456,7 +475,7 @@ function runWithOwner(o, fn) {
   const prev = Owner;
   Owner = o;
   try {
-    return fn();
+    return runUpdates(fn, true);
   } finally {
     Owner = prev;
   }
@@ -464,28 +483,31 @@ function runWithOwner(o, fn) {
 function enableScheduling(scheduler = requestCallback) {
   Scheduler = scheduler;
 }
-function startTransition(fn, cb) {
+function startTransition(fn) {
   if (Transition && Transition.running) {
     fn();
-    cb && Transition.cb.push(cb);
-    return;
+    return Transition.done;
   }
-  queueMicrotask(() => {
+  const l = Listener;
+  const o = Owner;
+  return Promise.resolve().then(() => {
+    Listener = l;
+    Owner = o;
+    let t;
     if (Scheduler || SuspenseContext) {
-      Transition || (Transition = {
+      t = Transition || (Transition = {
         sources: new Set(),
         effects: [],
         promises: new Set(),
         disposed: new Set(),
         queue: new Set(),
-        running: true,
-        cb: []
+        running: true
       });
-      cb && Transition.cb.push(cb);
-      Transition.running = true;
+      t.done ||= new Promise(res => t.resolve = res);
+      t.running = true;
     }
     batch(fn);
-    if (!Scheduler && !SuspenseContext && cb) cb();
+    return t ? t.done : undefined;
   });
 }
 function useTransition() {
@@ -665,7 +687,7 @@ function createComputation(fn, init, pure, state = STALE, options) {
     });
     const ordinary = ExternalSourceFactory(c.fn, trigger);
     onCleanup(() => ordinary.dispose());
-    const triggerInTransition = () => startTransition(trigger, () => inTransition.dispose());
+    const triggerInTransition = () => startTransition(trigger).then(() => inTransition.dispose());
     const inTransition = ExternalSourceFactory(c.fn, triggerInTransition);
     c.fn = x => {
       track();
@@ -710,7 +732,7 @@ function runUpdates(fn, init) {
   if (Effects) wait = true;else Effects = [];
   ExecCount++;
   try {
-    fn();
+    return fn();
   } catch (err) {
     handleError(err);
   } finally {
@@ -723,7 +745,7 @@ function completeUpdates(wait) {
     Updates = null;
   }
   if (wait) return;
-  let cbs;
+  let res;
   if (Transition && Transition.running) {
     if (Transition.promises.size || Transition.queue.size) {
       Transition.running = false;
@@ -733,7 +755,7 @@ function completeUpdates(wait) {
       return;
     }
     const sources = Transition.sources;
-    cbs = Transition.cb;
+    res = Transition.resolve;
     Effects.forEach(e => {
       "tState" in e && (e.state = e.tState);
       delete e.tState;
@@ -759,7 +781,7 @@ function completeUpdates(wait) {
   });else {
     Effects = null;
   }
-  if (cbs) cbs.forEach(cb => cb());
+  if (res) res();
 }
 function runQueue(queue) {
   for (let i = 0; i < queue.length; i++) runTop(queue[i]);
@@ -1219,9 +1241,9 @@ function lazy(fn) {
       });
       comp = s;
     } else if (!comp) {
-      const [s] = createResource((_, {
-        value
-      }) => value || (p || (p = fn())).then(mod => mod.default));
+      const [s] = createResource(() => (p || (p = fn())).then(mod => mod.default), {
+        globalRefetch: false
+      });
       comp = s;
     } else {
       const c = comp();
@@ -1404,19 +1426,21 @@ function Suspense(props) {
   if (sharedConfig.context) {
     const key = sharedConfig.context.id + sharedConfig.context.count;
     p = sharedConfig.load(key);
-    if (p && typeof p === "object") {
-      const [s, set] = createSignal(undefined, {
-        equals: false
-      });
-      flicker = s;
-      p.then(err => {
-        if (error = err) return set();
-        sharedConfig.gather(key);
-        setHydrateContext(ctx);
-        set();
-        setHydrateContext();
-        p = undefined;
-      });
+    if (p) {
+      if (typeof p !== "object" || !("then" in p)) error = p;else {
+        const [s, set] = createSignal(undefined, {
+          equals: false
+        });
+        flicker = s;
+        p.then(err => {
+          if (error = err) return set();
+          sharedConfig.gather(key);
+          setHydrateContext(ctx);
+          set();
+          setHydrateContext();
+          p = undefined;
+        });
+      }
     }
   }
   const listContext = useContext(SuspenseListContext);
@@ -1465,6 +1489,7 @@ function Suspense(props) {
 
 let DEV;
 
+exports.$DEVCOMP = $DEVCOMP;
 exports.$PROXY = $PROXY;
 exports.DEV = DEV;
 exports.ErrorBoundary = ErrorBoundary;
@@ -1484,6 +1509,7 @@ exports.createContext = createContext;
 exports.createDeferred = createDeferred;
 exports.createEffect = createEffect;
 exports.createMemo = createMemo;
+exports.createReaction = createReaction;
 exports.createRenderEffect = createRenderEffect;
 exports.createResource = createResource;
 exports.createRoot = createRoot;

package/dist/solid.js

@@ -127,6 +127,7 @@ function nextHydrateContext() {
 
 const equalFn = (a, b) => a === b;
 const $PROXY = Symbol("solid-proxy");
+const $DEVCOMP = Symbol('solid-dev-component');
 const signalOptions = {
   equals: equalFn
 };
@@ -163,14 +164,12 @@ function createRoot(fn, detachedOwner) {
   };
   Owner = root;
   Listener = null;
-  let result;
   try {
-    runUpdates(() => result = fn(() => cleanNode(root)), true);
+    return runUpdates(() => fn(() => cleanNode(root)), true);
   } finally {
     Listener = listener;
     Owner = owner;
   }
-  return result;
 }
 function createSignal(value, options) {
   options = options ? Object.assign({}, signalOptions, options) : signalOptions;
@@ -203,7 +202,21 @@ function createEffect(fn, value, options) {
         s = SuspenseContext && lookup(Owner, SuspenseContext.id);
   if (s) c.suspense = s;
   c.user = true;
-  Effects && Effects.push(c);
+  Effects ? Effects.push(c) : queueMicrotask(() => updateComputation(c));
+}
+function createReaction(onInvalidate, options) {
+  let fn;
+  const c = createComputation(() => {
+    fn ? fn() : untrack(onInvalidate);
+    fn = undefined;
+  }, undefined, false, 0),
+        s = SuspenseContext && lookup(Owner, SuspenseContext.id);
+  if (s) c.suspense = s;
+  c.user = true;
+  return tracking => {
+    fn = tracking;
+    updateComputation(c);
+  };
 }
 function createMemo(fn, value, options) {
   options = options ? Object.assign({}, signalOptions, options) : signalOptions;
@@ -229,11 +242,14 @@ function createResource(source, fetcher, options) {
     fetcher = source;
     source = true;
   }
-  Resources || (Resources = new Set());
-  Resources.add(load);
-  onCleanup(() => Resources.delete(load));
+  options ||= {};
+  if (options.globalRefetch !== false) {
+    Resources || (Resources = new Set());
+    Resources.add(load);
+    Owner && onCleanup(() => Resources.delete(load));
+  }
   const contexts = new Set(),
-        [s, set] = createSignal((options || {}).initialValue),
+        [s, set] = createSignal(options.initialValue),
         [track, trigger] = createSignal(undefined, {
     equals: false
   }),
@@ -249,10 +265,14 @@ function createResource(source, fetcher, options) {
     id = `${sharedConfig.context.id}${sharedConfig.context.count++}`;
     if (sharedConfig.load) initP = sharedConfig.load(id);
   }
-  function loadEnd(p, v, e) {
+  function loadEnd(p, v, e, key) {
     if (pr === p) {
-      setError(err = e);
       pr = null;
+      if (initP && p === initP && options.onHydrated) options.onHydrated(key, {
+        value: v
+      });
+      initP = null;
+      setError(err = e);
       if (Transition && p && loadedUnderTransition) {
         Transition.promises.delete(p);
         loadedUnderTransition = false;
@@ -306,17 +326,16 @@ function createResource(source, fetcher, options) {
       value: s(),
       refetching
     }));
-    initP = null;
     if (typeof p !== "object" || !("then" in p)) {
       loadEnd(pr, p);
-      return;
+      return p;
     }
     pr = p;
     batch(() => {
       setLoading(true);
       trigger();
     });
-    p.then(v => loadEnd(p, v), e => loadEnd(p, e, e));
+    return p.then(v => loadEnd(p, v, undefined, lookup), e => loadEnd(p, e, e));
   }
   Object.defineProperties(read, {
     loading: {
@@ -338,7 +357,7 @@ function createResource(source, fetcher, options) {
 }
 let Resources;
 function refetchResources(info) {
-  Resources && Resources.forEach(fn => fn(info));
+  return Resources && Promise.all([...Resources].map(fn => fn(info)));
 }
 function createDeferred(source, options) {
   let t,
@@ -452,7 +471,7 @@ function runWithOwner(o, fn) {
   const prev = Owner;
   Owner = o;
   try {
-    return fn();
+    return runUpdates(fn, true);
   } finally {
     Owner = prev;
   }
@@ -460,28 +479,31 @@ function runWithOwner(o, fn) {
 function enableScheduling(scheduler = requestCallback) {
   Scheduler = scheduler;
 }
-function startTransition(fn, cb) {
+function startTransition(fn) {
   if (Transition && Transition.running) {
     fn();
-    cb && Transition.cb.push(cb);
-    return;
+    return Transition.done;
   }
-  queueMicrotask(() => {
+  const l = Listener;
+  const o = Owner;
+  return Promise.resolve().then(() => {
+    Listener = l;
+    Owner = o;
+    let t;
     if (Scheduler || SuspenseContext) {
-      Transition || (Transition = {
+      t = Transition || (Transition = {
         sources: new Set(),
         effects: [],
         promises: new Set(),
         disposed: new Set(),
         queue: new Set(),
-        running: true,
-        cb: []
+        running: true
       });
-      cb && Transition.cb.push(cb);
-      Transition.running = true;
+      t.done ||= new Promise(res => t.resolve = res);
+      t.running = true;
     }
     batch(fn);
-    if (!Scheduler && !SuspenseContext && cb) cb();
+    return t ? t.done : undefined;
   });
 }
 function useTransition() {
@@ -661,7 +683,7 @@ function createComputation(fn, init, pure, state = STALE, options) {
     });
     const ordinary = ExternalSourceFactory(c.fn, trigger);
     onCleanup(() => ordinary.dispose());
-    const triggerInTransition = () => startTransition(trigger, () => inTransition.dispose());
+    const triggerInTransition = () => startTransition(trigger).then(() => inTransition.dispose());
     const inTransition = ExternalSourceFactory(c.fn, triggerInTransition);
     c.fn = x => {
       track();
@@ -706,7 +728,7 @@ function runUpdates(fn, init) {
   if (Effects) wait = true;else Effects = [];
   ExecCount++;
   try {
-    fn();
+    return fn();
   } catch (err) {
     handleError(err);
   } finally {
@@ -719,7 +741,7 @@ function completeUpdates(wait) {
     Updates = null;
   }
   if (wait) return;
-  let cbs;
+  let res;
   if (Transition && Transition.running) {
     if (Transition.promises.size || Transition.queue.size) {
       Transition.running = false;
@@ -729,7 +751,7 @@ function completeUpdates(wait) {
       return;
     }
     const sources = Transition.sources;
-    cbs = Transition.cb;
+    res = Transition.resolve;
     Effects.forEach(e => {
       "tState" in e && (e.state = e.tState);
       delete e.tState;
@@ -755,7 +777,7 @@ function completeUpdates(wait) {
   });else {
     Effects = null;
   }
-  if (cbs) cbs.forEach(cb => cb());
+  if (res) res();
 }
 function runQueue(queue) {
   for (let i = 0; i < queue.length; i++) runTop(queue[i]);
@@ -1215,9 +1237,9 @@ function lazy(fn) {
       });
       comp = s;
     } else if (!comp) {
-      const [s] = createResource((_, {
-        value
-      }) => value || (p || (p = fn())).then(mod => mod.default));
+      const [s] = createResource(() => (p || (p = fn())).then(mod => mod.default), {
+        globalRefetch: false
+      });
       comp = s;
     } else {
       const c = comp();
@@ -1400,19 +1422,21 @@ function Suspense(props) {
   if (sharedConfig.context) {
     const key = sharedConfig.context.id + sharedConfig.context.count;
     p = sharedConfig.load(key);
-    if (p && typeof p === "object") {
-      const [s, set] = createSignal(undefined, {
-        equals: false
-      });
-      flicker = s;
-      p.then(err => {
-        if (error = err) return set();
-        sharedConfig.gather(key);
-        setHydrateContext(ctx);
-        set();
-        setHydrateContext();
-        p = undefined;
-      });
+    if (p) {
+      if (typeof p !== "object" || !("then" in p)) error = p;else {
+        const [s, set] = createSignal(undefined, {
+          equals: false
+        });
+        flicker = s;
+        p.then(err => {
+          if (error = err) return set();
+          sharedConfig.gather(key);
+          setHydrateContext(ctx);
+          set();
+          setHydrateContext();
+          p = undefined;
+        });
+      }
     }
   }
   const listContext = useContext(SuspenseListContext);
@@ -1461,4 +1485,4 @@ function Suspense(props) {
 
 let DEV;
 
-export { $PROXY, DEV, ErrorBoundary, For, Index, Match, Show, Suspense, SuspenseList, Switch, batch, cancelCallback, children, createComponent, createComputed, createContext, createDeferred, createEffect, createMemo, createRenderEffect, createResource, createRoot, createSelector, createSignal, createUniqueId, enableExternalSource, enableHydration, enableScheduling, equalFn, from, getListener, getOwner, indexArray, lazy, mapArray, mergeProps, observable, on, onCleanup, onError, onMount, refetchResources, requestCallback, runWithOwner, sharedConfig, splitProps, startTransition, untrack, useContext, useTransition };
+export { $DEVCOMP, $PROXY, DEV, ErrorBoundary, For, Index, Match, Show, Suspense, SuspenseList, Switch, batch, cancelCallback, children, createComponent, createComputed, createContext, createDeferred, createEffect, createMemo, createReaction, createRenderEffect, createResource, createRoot, createSelector, createSignal, createUniqueId, enableExternalSource, enableHydration, enableScheduling, equalFn, from, getListener, getOwner, indexArray, lazy, mapArray, mergeProps, observable, on, onCleanup, onError, onMount, refetchResources, requestCallback, runWithOwner, sharedConfig, splitProps, startTransition, untrack, useContext, useTransition };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "solid-js",
   "description": "A declarative JavaScript library for building user interfaces.",
-  "version": "1.3.0-rc.0",
+  "version": "1.3.0-rc.4",
   "author": "Ryan Carniato",
   "license": "MIT",
   "homepage": "https://solidjs.com",
@@ -144,5 +144,5 @@
     "compiler",
     "performance"
   ],
-  "gitHead": "f6e6a9ff9efae848699f66900aa87f46b0707ea5"
+  "gitHead": "25d84f333fb0b2fd6f9e055148e66665c1a7d813"
 }

package/types/index.d.ts

@@ -1,4 +1,4 @@
-export { createRoot, createSignal, createEffect, createRenderEffect, createComputed, createDeferred, createSelector, createMemo, createResource, onMount, onCleanup, onError, untrack, batch, on, enableScheduling, enableExternalSource, startTransition, useTransition, refetchResources, createContext, useContext, children, getListener, getOwner, runWithOwner, equalFn, $PROXY } from "./reactive/signal";
+export { createRoot, createSignal, createEffect, createRenderEffect, createComputed, createReaction, createDeferred, createSelector, createMemo, createResource, onMount, onCleanup, onError, untrack, batch, on, enableScheduling, enableExternalSource, startTransition, useTransition, refetchResources, createContext, useContext, children, getListener, getOwner, runWithOwner, equalFn, $DEVCOMP, $PROXY } from "./reactive/signal";
 export type { Accessor, Setter, Resource, ResourceReturn, ResourceFetcher, ResourceFetcherInfo, Context, ReturnTypes } from "./reactive/signal";
 export * from "./reactive/observable";
 export * from "./reactive/scheduler";

package/types/reactive/signal.d.ts

@@ -2,6 +2,7 @@ import { requestCallback } from "./scheduler";
 import type { JSX } from "../jsx";
 export declare const equalFn: <T>(a: T, b: T) => boolean;
 export declare const $PROXY: unique symbol;
+export declare const $DEVCOMP: unique symbol;
 export declare const NOTPENDING: {};
 export declare var Owner: Owner | null;
 export declare let Transition: TransitionState | null;
@@ -49,7 +50,8 @@ export interface TransitionState {
     queue: Set<Computation<any>>;
     scheduler?: (fn: () => void) => unknown;
     running: boolean;
-    cb: (() => void)[];
+    done?: Promise<void>;
+    resolve?: () => void;
 }
 declare type ExternalSourceFactory = <Prev, Next extends Prev = Prev>(fn: EffectFunction<Prev, Next>, trigger: () => void) => ExternalSource;
 export interface ExternalSource {
@@ -156,6 +158,20 @@ export declare function createRenderEffect<Next, Init = undefined>(..._: undefin
  */
 export declare function createEffect<Next, Init = Next>(fn: EffectFunction<Init | Next, Next>, value: Init, options?: EffectOptions): void;
 export declare function createEffect<Next, Init = undefined>(..._: undefined extends Init ? [fn: EffectFunction<Init | Next, Next>, value?: Init, options?: EffectOptions] : [fn: EffectFunction<Init | Next, Next>, value: Init, options?: EffectOptions]): void;
+/**
+ * Creates a reactive computation that runs after the render phase with flexible tracking
+ * ```typescript
+ * export function createReaction(
+ *   onInvalidate: () => void,
+ *   options?: { name?: string }
+ * ): (fn: () => void) => void;
+ * ```
+ * @param invalidated a function that is called when tracked function is invalidated.
+ * @param options allows to set a name in dev mode for debugging purposes
+ *
+ * @description https://www.solidjs.com/docs/latest/api#createreaction
+ */
+export declare function createReaction(onInvalidate: () => void, options?: EffectOptions): (tracking: () => void) => void;
 interface Memo<Prev, Next = Prev> extends SignalState<Next>, Computation<Next> {
     tOwned?: Computation<Prev | Next, Next>[];
 }
@@ -169,7 +185,7 @@ export interface MemoOptions<T> extends EffectOptions {
  *   fn: (v: T) => T,
  *   value?: T,
  *   options?: { name?: string, equals?: false | ((prev: T, next: T) => boolean) }
- * ): T;
+ * ): () => T;
  * ```
  * @param fn 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
@@ -197,9 +213,13 @@ export declare type ResourceFetcherInfo<T> = {
 export declare type ResourceOptions<T> = T extends undefined ? {
     initialValue?: T;
     name?: string;
+    globalRefetch?: boolean;
+    onHydrated?: <S, T>(k: S, info: ResourceFetcherInfo<T>) => void;
 } : {
     initialValue: T;
     name?: string;
+    globalRefetch?: boolean;
+    onHydrated?: <S, T>(k: S, info: ResourceFetcherInfo<T>) => void;
 };
 /**
  * Creates a resource that wraps a repeated promise in a reactive pattern:
@@ -230,7 +250,7 @@ export declare function createResource<T, S = true>(fetcher: ResourceFetcher<S,
 export declare function createResource<T, S = true>(fetcher: ResourceFetcher<S, T>, options: ResourceOptions<T>): ResourceReturn<T>;
 export declare function createResource<T, S>(source: ResourceSource<S>, fetcher: ResourceFetcher<S, T>, options?: ResourceOptions<undefined>): ResourceReturn<T | undefined>;
 export declare function createResource<T, S>(source: ResourceSource<S>, fetcher: ResourceFetcher<S, T>, options: ResourceOptions<T>): ResourceReturn<T>;
-export declare function refetchResources(info?: unknown): void;
+export declare function refetchResources(info?: unknown): Promise<any[]>;
 export interface DeferredOptions<T> {
     equals?: false | ((prev: T, next: T) => boolean);
     name?: string;
@@ -351,16 +371,16 @@ export declare function onCleanup(fn: () => void): () => void;
 export declare function onError(fn: (err: any) => void): void;
 export declare function getListener(): Computation<any, any> | null;
 export declare function getOwner(): Owner | null;
-export declare function runWithOwner(o: Owner, fn: () => any): any;
+export declare function runWithOwner<T>(o: Owner, fn: () => T): T;
 export declare function enableScheduling(scheduler?: typeof requestCallback): void;
 /**
  * ```typescript
- * export function startTransition(fn: () => void, cb?: () => void) => void
+ * export function startTransition(fn: () => void) => Promise<void>
  *
  * @description https://www.solidjs.com/docs/latest/api#usetransition
  */
-export declare function startTransition(fn: () => void, cb?: () => void): void;
-export declare type Transition = [Accessor<boolean>, (fn: () => void, cb?: () => void) => void];
+export declare function startTransition(fn: () => unknown): Promise<void>;
+export declare type Transition = [Accessor<boolean>, (fn: () => void) => Promise<void>];
 /**
  * ```typescript
  * export function useTransition(): [

package/types/server/index.d.ts

@@ -1,3 +1,3 @@
-export { createRoot, createSignal, createComputed, createRenderEffect, createEffect, createDeferred, createSelector, createMemo, getListener, onMount, onCleanup, onError, untrack, batch, on, children, createContext, useContext, getOwner, runWithOwner, equalFn, requestCallback, mapArray, observable, from, $PROXY, DEV, enableExternalSource } from "./reactive";
-export { mergeProps, splitProps, createComponent, For, Index, Show, Switch, Match, ErrorBoundary, Suspense, SuspenseList, createResource, enableScheduling, startTransition, useTransition, createUniqueId, lazy, sharedConfig } from "./rendering";
+export { createRoot, createSignal, createComputed, createRenderEffect, createEffect, createReaction, createDeferred, createSelector, createMemo, getListener, onMount, onCleanup, onError, untrack, batch, on, children, createContext, useContext, getOwner, runWithOwner, equalFn, requestCallback, mapArray, observable, from, $PROXY, $DEVCOMP, DEV, enableExternalSource } from "./reactive";
+export { mergeProps, splitProps, createComponent, For, Index, Show, Switch, Match, ErrorBoundary, Suspense, SuspenseList, createResource, enableScheduling, enableHydration, startTransition, useTransition, createUniqueId, lazy, sharedConfig } from "./rendering";
 export type { Component, Resource } from "./rendering";

package/types/server/reactive.d.ts

@@ -1,6 +1,7 @@
 import type { Accessor, Setter } from "../reactive/signal";
 export declare const equalFn: <T>(a: T, b: T) => boolean;
 export declare const $PROXY: unique symbol;
+export declare const $DEVCOMP: unique symbol;
 export declare const DEV: {};
 export declare let Owner: Owner | null;
 interface Owner {
@@ -15,6 +16,7 @@ export declare function createSignal<T>(value: T, options?: {
 export declare function createComputed<T>(fn: (v?: T) => T, value?: T): void;
 export declare const createRenderEffect: typeof createComputed;
 export declare function createEffect<T>(fn: (v?: T) => T, value?: T): void;
+export declare function createReaction(fn: () => void): (fn: () => void) => void;
 export declare function createMemo<T>(fn: (v?: T) => T, value?: T): () => T;
 export declare function createDeferred<T>(source: () => T): () => T;
 export declare function createSelector<T>(source: () => T, fn: (k: T, value: T) => boolean): (k: T) => boolean;

package/types/server/rendering.d.ts

@@ -87,6 +87,7 @@ export declare function lazy(fn: () => Promise<{
     default: any;
 }>): (props: any) => string;
 export declare function enableScheduling(): void;
+export declare function enableHydration(): void;
 export declare function startTransition(fn: () => any): void;
 export declare function useTransition(): [() => boolean, (fn: () => any) => void];
 declare type HydrationContext = {