solid-js 1.3.0-beta.8 → 1.3.0-beta.9

package/dist/dev.cjs

@@ -236,6 +236,9 @@ function createResource(source, fetcher, options) {
     fetcher = source;
     source = true;
   }
+  Resources || (Resources = new Set());
+  Resources.add(load);
+  onCleanup(() => Resources.delete(load));
   const contexts = new Set(),
         [s, set] = createSignal((options || {}).initialValue),
         [track, trigger] = createSignal(undefined, {
@@ -251,8 +254,6 @@ function createResource(source, fetcher, options) {
       dynamic = typeof source === "function";
   if (sharedConfig.context) {
     id = `${sharedConfig.context.id}${sharedConfig.context.count++}`;
-    ({ ...sharedConfig.context
-    });
     if (sharedConfig.load) initP = sharedConfig.load(id);
   }
   function loadEnd(p, v, e) {
@@ -299,7 +300,7 @@ function createResource(source, fetcher, options) {
     }
     return v;
   }
-  function load() {
+  function load(refetching = true) {
     setError(err = undefined);
     const lookup = dynamic ? source() : source;
     loadedUnderTransition = Transition && Transition.running;
@@ -308,7 +309,10 @@ function createResource(source, fetcher, options) {
       return;
     }
     if (Transition && pr) Transition.promises.delete(pr);
-    const p = initP || untrack(() => fetcher(lookup, s));
+    const p = initP || untrack(() => fetcher(lookup, {
+      value: s(),
+      refetching
+    }));
     initP = null;
     if (typeof p !== "object" || !("then" in p)) {
       loadEnd(pr, p);
@@ -333,12 +337,16 @@ function createResource(source, fetcher, options) {
       }
     }
   });
-  if (dynamic) createComputed(load);else load();
+  if (dynamic) createComputed(() => load(false));else load(false);
   return [read, {
     refetch: load,
     mutate: set
   }];
 }
+let Resources;
+function refreshResources(info) {
+  Resources && Resources.forEach(fn => fn(info));
+}
 function createDeferred(source, options) {
   let t,
       timeout = options ? options.timeoutMs : undefined;
@@ -1450,7 +1458,7 @@ function Suspense(props) {
       showContent,
       showFallback,
       ctx,
-      waitingHydration,
+      p,
       flicker,
       error;
   const [inFallback, setFallback] = createSignal(false),
@@ -1469,8 +1477,8 @@ function Suspense(props) {
         owner = getOwner();
   if (sharedConfig.context) {
     const key = sharedConfig.context.id + sharedConfig.context.count;
-    const p = sharedConfig.load(key);
-    if (p) {
+    p = sharedConfig.load(key);
+    if (p && typeof p === "object") {
       const [s, set] = createSignal(undefined, {
         equals: false
       });
@@ -1478,11 +1486,10 @@ function Suspense(props) {
       p.then(err => {
         if (error = err) return set();
         sharedConfig.gather(key);
-        waitingHydration = true;
         setHydrateContext(ctx);
         set();
         setHydrateContext();
-        waitingHydration = false;
+        p = undefined;
       });
     }
   }
@@ -1495,18 +1502,19 @@ function Suspense(props) {
     get children() {
       return createMemo(() => {
         if (error) throw error;
+        ctx = sharedConfig.context;
         if (flicker) {
-          ctx = sharedConfig.context;
           flicker();
           return flicker = undefined;
         }
+        if (ctx && p === undefined) setHydrateContext();
         const rendered = untrack(() => props.children);
         return createMemo(() => {
           const inFallback = store.inFallback(),
                 visibleContent = showContent ? showContent() : true,
                 visibleFallback = showFallback ? showFallback() : true;
           dispose && dispose();
-          if ((!inFallback || waitingHydration) && visibleContent) {
+          if ((!inFallback || p !== undefined) && visibleContent) {
             store.resolved = true;
             resumeEffects(store.effects);
             return rendered;
@@ -1514,10 +1522,13 @@ function Suspense(props) {
           if (!visibleFallback) return;
           return createRoot(disposer => {
             dispose = disposer;
-            if (sharedConfig.context) setHydrateContext({
-              id: sharedConfig.context.id + "f",
-              count: 0
-            });
+            if (ctx) {
+              setHydrateContext({
+                id: ctx.id + "f",
+                count: 0
+              });
+              ctx = undefined;
+            }
             return props.fallback;
           }, owner);
         });
@@ -1579,6 +1590,7 @@ exports.on = on;
 exports.onCleanup = onCleanup;
 exports.onError = onError;
 exports.onMount = onMount;
+exports.refreshResources = refreshResources;
 exports.requestCallback = requestCallback;
 exports.runWithOwner = runWithOwner;
 exports.sharedConfig = sharedConfig;

package/dist/dev.js

@@ -232,6 +232,9 @@ function createResource(source, fetcher, options) {
     fetcher = source;
     source = true;
   }
+  Resources || (Resources = new Set());
+  Resources.add(load);
+  onCleanup(() => Resources.delete(load));
   const contexts = new Set(),
         [s, set] = createSignal((options || {}).initialValue),
         [track, trigger] = createSignal(undefined, {
@@ -247,8 +250,6 @@ function createResource(source, fetcher, options) {
       dynamic = typeof source === "function";
   if (sharedConfig.context) {
     id = `${sharedConfig.context.id}${sharedConfig.context.count++}`;
-    ({ ...sharedConfig.context
-    });
     if (sharedConfig.load) initP = sharedConfig.load(id);
   }
   function loadEnd(p, v, e) {
@@ -295,7 +296,7 @@ function createResource(source, fetcher, options) {
     }
     return v;
   }
-  function load() {
+  function load(refetching = true) {
     setError(err = undefined);
     const lookup = dynamic ? source() : source;
     loadedUnderTransition = Transition && Transition.running;
@@ -304,7 +305,10 @@ function createResource(source, fetcher, options) {
       return;
     }
     if (Transition && pr) Transition.promises.delete(pr);
-    const p = initP || untrack(() => fetcher(lookup, s));
+    const p = initP || untrack(() => fetcher(lookup, {
+      value: s(),
+      refetching
+    }));
     initP = null;
     if (typeof p !== "object" || !("then" in p)) {
       loadEnd(pr, p);
@@ -329,12 +333,16 @@ function createResource(source, fetcher, options) {
       }
     }
   });
-  if (dynamic) createComputed(load);else load();
+  if (dynamic) createComputed(() => load(false));else load(false);
   return [read, {
     refetch: load,
     mutate: set
   }];
 }
+let Resources;
+function refreshResources(info) {
+  Resources && Resources.forEach(fn => fn(info));
+}
 function createDeferred(source, options) {
   let t,
       timeout = options ? options.timeoutMs : undefined;
@@ -1446,7 +1454,7 @@ function Suspense(props) {
       showContent,
       showFallback,
       ctx,
-      waitingHydration,
+      p,
       flicker,
       error;
   const [inFallback, setFallback] = createSignal(false),
@@ -1465,8 +1473,8 @@ function Suspense(props) {
         owner = getOwner();
   if (sharedConfig.context) {
     const key = sharedConfig.context.id + sharedConfig.context.count;
-    const p = sharedConfig.load(key);
-    if (p) {
+    p = sharedConfig.load(key);
+    if (p && typeof p === "object") {
       const [s, set] = createSignal(undefined, {
         equals: false
       });
@@ -1474,11 +1482,10 @@ function Suspense(props) {
       p.then(err => {
         if (error = err) return set();
         sharedConfig.gather(key);
-        waitingHydration = true;
         setHydrateContext(ctx);
         set();
         setHydrateContext();
-        waitingHydration = false;
+        p = undefined;
       });
     }
   }
@@ -1491,18 +1498,19 @@ function Suspense(props) {
     get children() {
       return createMemo(() => {
         if (error) throw error;
+        ctx = sharedConfig.context;
         if (flicker) {
-          ctx = sharedConfig.context;
           flicker();
           return flicker = undefined;
         }
+        if (ctx && p === undefined) setHydrateContext();
         const rendered = untrack(() => props.children);
         return createMemo(() => {
           const inFallback = store.inFallback(),
                 visibleContent = showContent ? showContent() : true,
                 visibleFallback = showFallback ? showFallback() : true;
           dispose && dispose();
-          if ((!inFallback || waitingHydration) && visibleContent) {
+          if ((!inFallback || p !== undefined) && visibleContent) {
             store.resolved = true;
             resumeEffects(store.effects);
             return rendered;
@@ -1510,10 +1518,13 @@ function Suspense(props) {
           if (!visibleFallback) return;
           return createRoot(disposer => {
             dispose = disposer;
-            if (sharedConfig.context) setHydrateContext({
-              id: sharedConfig.context.id + "f",
-              count: 0
-            });
+            if (ctx) {
+              setHydrateContext({
+                id: ctx.id + "f",
+                count: 0
+              });
+              ctx = undefined;
+            }
             return props.fallback;
           }, owner);
         });
@@ -1535,4 +1546,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 { $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, requestCallback, runWithOwner, sharedConfig, splitProps, startTransition, untrack, useContext, useTransition };
+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, refreshResources, requestCallback, runWithOwner, sharedConfig, splitProps, startTransition, untrack, useContext, useTransition };

package/dist/server.cjs

@@ -461,7 +461,6 @@ function Suspense(props) {
   const value = ctx.suspense[id] || (ctx.suspense[id] = {
     resources: new Map(),
     completed: () => {
-      if (ctx.dataOnly) return done();
       const res = runSuspense();
       if (suspenseComplete(value)) {
         done(resolveSSRNode(res));
@@ -482,20 +481,21 @@ function Suspense(props) {
     });
   }
   const res = runSuspense();
-  if (suspenseComplete(value)) return res;
+  if (suspenseComplete(value)) {
+    ctx.writeResource(id, true);
+    return res;
+  }
   onError(err => {
     if (!done || !done(undefined, err)) throw err;
   });
   done = ctx.async ? ctx.registerFragment(id) : undefined;
   if (ctx.streaming) {
-    if (!ctx.dataOnly) {
-      setHydrateContext(undefined);
-      const res = {
-        t: `<span id="pl${id}">${resolveSSRNode(props.fallback)}</span>`
-      };
-      setHydrateContext(ctx);
-      return res;
-    }
+    setHydrateContext(undefined);
+    const res = {
+      t: `<span id="pl${id}">${resolveSSRNode(props.fallback)}</span>`
+    };
+    setHydrateContext(ctx);
+    return res;
   } else if (ctx.async) {
     return {
       t: `<![${id}]>`

package/dist/server.js

@@ -457,7 +457,6 @@ function Suspense(props) {
   const value = ctx.suspense[id] || (ctx.suspense[id] = {
     resources: new Map(),
     completed: () => {
-      if (ctx.dataOnly) return done();
       const res = runSuspense();
       if (suspenseComplete(value)) {
         done(resolveSSRNode(res));
@@ -478,20 +477,21 @@ function Suspense(props) {
     });
   }
   const res = runSuspense();
-  if (suspenseComplete(value)) return res;
+  if (suspenseComplete(value)) {
+    ctx.writeResource(id, true);
+    return res;
+  }
   onError(err => {
     if (!done || !done(undefined, err)) throw err;
   });
   done = ctx.async ? ctx.registerFragment(id) : undefined;
   if (ctx.streaming) {
-    if (!ctx.dataOnly) {
-      setHydrateContext(undefined);
-      const res = {
-        t: `<span id="pl${id}">${resolveSSRNode(props.fallback)}</span>`
-      };
-      setHydrateContext(ctx);
-      return res;
-    }
+    setHydrateContext(undefined);
+    const res = {
+      t: `<span id="pl${id}">${resolveSSRNode(props.fallback)}</span>`
+    };
+    setHydrateContext(ctx);
+    return res;
   } else if (ctx.async) {
     return {
       t: `<![${id}]>`

package/dist/solid.cjs

@@ -233,6 +233,9 @@ function createResource(source, fetcher, options) {
     fetcher = source;
     source = true;
   }
+  Resources || (Resources = new Set());
+  Resources.add(load);
+  onCleanup(() => Resources.delete(load));
   const contexts = new Set(),
         [s, set] = createSignal((options || {}).initialValue),
         [track, trigger] = createSignal(undefined, {
@@ -248,8 +251,6 @@ function createResource(source, fetcher, options) {
       dynamic = typeof source === "function";
   if (sharedConfig.context) {
     id = `${sharedConfig.context.id}${sharedConfig.context.count++}`;
-    ({ ...sharedConfig.context
-    });
     if (sharedConfig.load) initP = sharedConfig.load(id);
   }
   function loadEnd(p, v, e) {
@@ -296,7 +297,7 @@ function createResource(source, fetcher, options) {
     }
     return v;
   }
-  function load() {
+  function load(refetching = true) {
     setError(err = undefined);
     const lookup = dynamic ? source() : source;
     loadedUnderTransition = Transition && Transition.running;
@@ -305,7 +306,10 @@ function createResource(source, fetcher, options) {
       return;
     }
     if (Transition && pr) Transition.promises.delete(pr);
-    const p = initP || untrack(() => fetcher(lookup, s));
+    const p = initP || untrack(() => fetcher(lookup, {
+      value: s(),
+      refetching
+    }));
     initP = null;
     if (typeof p !== "object" || !("then" in p)) {
       loadEnd(pr, p);
@@ -330,12 +334,16 @@ function createResource(source, fetcher, options) {
       }
     }
   });
-  if (dynamic) createComputed(load);else load();
+  if (dynamic) createComputed(() => load(false));else load(false);
   return [read, {
     refetch: load,
     mutate: set
   }];
 }
+let Resources;
+function refreshResources(info) {
+  Resources && Resources.forEach(fn => fn(info));
+}
 function createDeferred(source, options) {
   let t,
       timeout = options ? options.timeoutMs : undefined;
@@ -1374,7 +1382,7 @@ function Suspense(props) {
       showContent,
       showFallback,
       ctx,
-      waitingHydration,
+      p,
       flicker,
       error;
   const [inFallback, setFallback] = createSignal(false),
@@ -1393,8 +1401,8 @@ function Suspense(props) {
         owner = getOwner();
   if (sharedConfig.context) {
     const key = sharedConfig.context.id + sharedConfig.context.count;
-    const p = sharedConfig.load(key);
-    if (p) {
+    p = sharedConfig.load(key);
+    if (p && typeof p === "object") {
       const [s, set] = createSignal(undefined, {
         equals: false
       });
@@ -1402,11 +1410,10 @@ function Suspense(props) {
       p.then(err => {
         if (error = err) return set();
         sharedConfig.gather(key);
-        waitingHydration = true;
         setHydrateContext(ctx);
         set();
         setHydrateContext();
-        waitingHydration = false;
+        p = undefined;
       });
     }
   }
@@ -1419,18 +1426,19 @@ function Suspense(props) {
     get children() {
       return createMemo(() => {
         if (error) throw error;
+        ctx = sharedConfig.context;
         if (flicker) {
-          ctx = sharedConfig.context;
           flicker();
           return flicker = undefined;
         }
+        if (ctx && p === undefined) setHydrateContext();
         const rendered = untrack(() => props.children);
         return createMemo(() => {
           const inFallback = store.inFallback(),
                 visibleContent = showContent ? showContent() : true,
                 visibleFallback = showFallback ? showFallback() : true;
           dispose && dispose();
-          if ((!inFallback || waitingHydration) && visibleContent) {
+          if ((!inFallback || p !== undefined) && visibleContent) {
             store.resolved = true;
             resumeEffects(store.effects);
             return rendered;
@@ -1438,10 +1446,13 @@ function Suspense(props) {
           if (!visibleFallback) return;
           return createRoot(disposer => {
             dispose = disposer;
-            if (sharedConfig.context) setHydrateContext({
-              id: sharedConfig.context.id + "f",
-              count: 0
-            });
+            if (ctx) {
+              setHydrateContext({
+                id: ctx.id + "f",
+                count: 0
+              });
+              ctx = undefined;
+            }
             return props.fallback;
           }, owner);
         });
@@ -1493,6 +1504,7 @@ exports.on = on;
 exports.onCleanup = onCleanup;
 exports.onError = onError;
 exports.onMount = onMount;
+exports.refreshResources = refreshResources;
 exports.requestCallback = requestCallback;
 exports.runWithOwner = runWithOwner;
 exports.sharedConfig = sharedConfig;

package/dist/solid.js

@@ -229,6 +229,9 @@ function createResource(source, fetcher, options) {
     fetcher = source;
     source = true;
   }
+  Resources || (Resources = new Set());
+  Resources.add(load);
+  onCleanup(() => Resources.delete(load));
   const contexts = new Set(),
         [s, set] = createSignal((options || {}).initialValue),
         [track, trigger] = createSignal(undefined, {
@@ -244,8 +247,6 @@ function createResource(source, fetcher, options) {
       dynamic = typeof source === "function";
   if (sharedConfig.context) {
     id = `${sharedConfig.context.id}${sharedConfig.context.count++}`;
-    ({ ...sharedConfig.context
-    });
     if (sharedConfig.load) initP = sharedConfig.load(id);
   }
   function loadEnd(p, v, e) {
@@ -292,7 +293,7 @@ function createResource(source, fetcher, options) {
     }
     return v;
   }
-  function load() {
+  function load(refetching = true) {
     setError(err = undefined);
     const lookup = dynamic ? source() : source;
     loadedUnderTransition = Transition && Transition.running;
@@ -301,7 +302,10 @@ function createResource(source, fetcher, options) {
       return;
     }
     if (Transition && pr) Transition.promises.delete(pr);
-    const p = initP || untrack(() => fetcher(lookup, s));
+    const p = initP || untrack(() => fetcher(lookup, {
+      value: s(),
+      refetching
+    }));
     initP = null;
     if (typeof p !== "object" || !("then" in p)) {
       loadEnd(pr, p);
@@ -326,12 +330,16 @@ function createResource(source, fetcher, options) {
       }
     }
   });
-  if (dynamic) createComputed(load);else load();
+  if (dynamic) createComputed(() => load(false));else load(false);
   return [read, {
     refetch: load,
     mutate: set
   }];
 }
+let Resources;
+function refreshResources(info) {
+  Resources && Resources.forEach(fn => fn(info));
+}
 function createDeferred(source, options) {
   let t,
       timeout = options ? options.timeoutMs : undefined;
@@ -1370,7 +1378,7 @@ function Suspense(props) {
       showContent,
       showFallback,
       ctx,
-      waitingHydration,
+      p,
       flicker,
       error;
   const [inFallback, setFallback] = createSignal(false),
@@ -1389,8 +1397,8 @@ function Suspense(props) {
         owner = getOwner();
   if (sharedConfig.context) {
     const key = sharedConfig.context.id + sharedConfig.context.count;
-    const p = sharedConfig.load(key);
-    if (p) {
+    p = sharedConfig.load(key);
+    if (p && typeof p === "object") {
       const [s, set] = createSignal(undefined, {
         equals: false
       });
@@ -1398,11 +1406,10 @@ function Suspense(props) {
       p.then(err => {
         if (error = err) return set();
         sharedConfig.gather(key);
-        waitingHydration = true;
         setHydrateContext(ctx);
         set();
         setHydrateContext();
-        waitingHydration = false;
+        p = undefined;
       });
     }
   }
@@ -1415,18 +1422,19 @@ function Suspense(props) {
     get children() {
       return createMemo(() => {
         if (error) throw error;
+        ctx = sharedConfig.context;
         if (flicker) {
-          ctx = sharedConfig.context;
           flicker();
           return flicker = undefined;
         }
+        if (ctx && p === undefined) setHydrateContext();
         const rendered = untrack(() => props.children);
         return createMemo(() => {
           const inFallback = store.inFallback(),
                 visibleContent = showContent ? showContent() : true,
                 visibleFallback = showFallback ? showFallback() : true;
           dispose && dispose();
-          if ((!inFallback || waitingHydration) && visibleContent) {
+          if ((!inFallback || p !== undefined) && visibleContent) {
             store.resolved = true;
             resumeEffects(store.effects);
             return rendered;
@@ -1434,10 +1442,13 @@ function Suspense(props) {
           if (!visibleFallback) return;
           return createRoot(disposer => {
             dispose = disposer;
-            if (sharedConfig.context) setHydrateContext({
-              id: sharedConfig.context.id + "f",
-              count: 0
-            });
+            if (ctx) {
+              setHydrateContext({
+                id: ctx.id + "f",
+                count: 0
+              });
+              ctx = undefined;
+            }
             return props.fallback;
           }, owner);
         });
@@ -1448,4 +1459,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, requestCallback, runWithOwner, sharedConfig, splitProps, startTransition, untrack, useContext, useTransition };
+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, refreshResources, 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-beta.8",
+  "version": "1.3.0-beta.9",
   "author": "Ryan Carniato",
   "license": "MIT",
   "homepage": "https://solidjs.com",
@@ -144,5 +144,5 @@
     "compiler",
     "performance"
   ],
-  "gitHead": "d63c43c95c224cb4c4dc4f5c8681b9be3c62f1c9"
+  "gitHead": "058e842f24e8ef67121296774a526edbb1f7b5ad"
 }

package/types/index.d.ts

@@ -1,5 +1,5 @@
-export { createRoot, createSignal, createEffect, createRenderEffect, createComputed, createDeferred, createSelector, createMemo, createResource, onMount, onCleanup, onError, untrack, batch, on, enableScheduling, enableExternalSource, startTransition, useTransition, createContext, useContext, children, getListener, getOwner, runWithOwner, equalFn, $PROXY } from "./reactive/signal";
-export type { Accessor, Setter, Resource, ResourceReturn, Context, ReturnTypes } from "./reactive/signal";
+export { createRoot, createSignal, createEffect, createRenderEffect, createComputed, createDeferred, createSelector, createMemo, createResource, onMount, onCleanup, onError, untrack, batch, on, enableScheduling, enableExternalSource, startTransition, useTransition, refreshResources, createContext, useContext, children, getListener, getOwner, runWithOwner, equalFn, $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";
 export * from "./reactive/array";

package/types/reactive/signal.d.ts

@@ -185,11 +185,15 @@ export interface Resource<T> extends Accessor<T> {
 }
 export declare type ResourceActions<T> = {
     mutate: Setter<T>;
-    refetch: () => void;
+    refetch: (info?: unknown) => void;
 };
 export declare type ResourceReturn<T> = [Resource<T>, ResourceActions<T>];
 export declare type ResourceSource<S> = S | false | null | (() => S | false | null);
-export declare type ResourceFetcher<S, T> = (k: S, getPrev: Accessor<T>) => T | Promise<T>;
+export declare type ResourceFetcher<S, T> = (k: S, info: ResourceFetcherInfo<T>) => T | Promise<T>;
+export declare type ResourceFetcherInfo<T> = {
+    value: T | undefined;
+    refetching?: unknown;
+};
 export declare type ResourceOptions<T> = T extends undefined ? {
     initialValue?: T;
     name?: string;
@@ -207,7 +211,7 @@ export declare type ResourceOptions<T> = T extends undefined ? {
  * ```typescript
  * const fetcher: ResourceFetcher<S, T, > = (
  *   sourceOutput: ReturnValue<typeof source>,
- *   getPrev: Accessor<T>
+ *   info: ResourceFetcherInfo<T>
  * ) => T | Promise<T>;
  * ```
  * @param options - an optional object with the initialValue and the name (for debugging purposes)
@@ -226,6 +230,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 refreshResources(info?: unknown): void;
 export interface DeferredOptions<T> {
     equals?: false | ((prev: T, next: T) => boolean);
     name?: string;
@@ -348,6 +353,12 @@ 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 enableScheduling(scheduler?: typeof requestCallback): void;
+/**
+ * ```typescript
+ * export function startTransition(fn: () => void, cb?: () => void) => 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];
 /**

package/types/server/rendering.d.ts

@@ -97,7 +97,6 @@ declare type HydrationContext = {
     registerFragment: (v: string) => (v?: string, err?: any) => boolean;
     async?: boolean;
     streaming?: boolean;
-    dataOnly?: boolean;
     noHydrate: boolean;
 };
 export declare function SuspenseList(props: {

package/web/dist/server.cjs

@@ -243,7 +243,8 @@ function renderToString(code, options = {}) {
     assets: [],
     nonce: options.nonce,
     writeResource(id, p, error) {
-      if (error) scripts += `_$HY.set("${id}", ${serializeError(p)});`;
+      if (error) return scripts += `_$HY.set("${id}", ${serializeError(p)});`;
+      scripts += `_$HY.set("${id}", ${devalue(p)});`;
     }
   };
   let html = injectAssets(solidJs.sharedConfig.context.assets, resolveSSRNode(escape(code())));
@@ -251,6 +252,7 @@ function renderToString(code, options = {}) {
   return html;
 }
 function renderToStringAsync(code, options = {}) {
+  let scripts = "";
   const {
     nonce,
     renderId,
@@ -263,12 +265,12 @@ function renderToStringAsync(code, options = {}) {
     suspense: {},
     assets: [],
     async: true,
-    nonce
-  };
-  let scripts = "";
-  solidJs.sharedConfig.context.writeResource = (id, p, error) => {
-    if (error) return scripts += `_$HY.set("${id}", ${serializeError(p)});`;
-    p.then(d => scripts += `_$HY.set("${id}", ${devalue(d)});`).catch(() => scripts += `_$HY.set("${id}", null);`);
+    nonce,
+    writeResource(id, p, error) {
+      if (error) return scripts += `_$HY.set("${id}", ${serializeError(p)});`;
+      if (typeof p !== "object" || !("then" in p)) return scripts += `_$HY.set("${id}", ${devalue(p)});`;
+      p.then(d => scripts += `_$HY.set("${id}", ${devalue(d)});`).catch(() => scripts += `_$HY.set("${id}", null);`);
+    }
   };
   const timeout = new Promise((_, reject) => setTimeout(() => reject("renderToString timed out"), timeoutMs));
   function asyncWrap(fn) {
@@ -284,6 +286,7 @@ function renderToStringAsync(code, options = {}) {
           cache[key] = value;
           registry.delete(key);
           if (error) return scripts += `_$HY.set("${key}", Promise.resolve(${serializeError(error)}));`;
+          scripts += `_$HY.set("${key}", true);`;
           if (!registry.size) Promise.resolve().then(() => {
             let source = resolveSSRNode(rendered);
             let final = "";
@@ -310,7 +313,6 @@ function renderToStream(code, options = {}) {
     nonce,
     onCompleteShell,
     onCompleteAll,
-    dataOnly,
     renderId
   } = options;
   const tmp = [];
@@ -344,7 +346,6 @@ function renderToStream(code, options = {}) {
     count: 0,
     async: true,
     streaming: true,
-    dataOnly,
     resources: {},
     suspense: {},
     assets: [],
@@ -355,6 +356,7 @@ function renderToStream(code, options = {}) {
         scheduled = true;
       }
       if (error) return tasks.push(`_$HY.set("${id}", ${serializeError(p)})`);
+      if (typeof p !== "object" || !("then" in p)) return tasks.push(`_$HY.set("${id}", ${devalue(p)})`);
       tasks.push(`_$HY.init("${id}")`);
       p.then(d => {
         !completed && buffer.write(`<script${nonce ? ` nonce="${nonce}"` : ""}>_$HY.set("${id}", ${devalue(d)})</script>`);
@@ -364,13 +366,11 @@ function renderToStream(code, options = {}) {
     },
     registerFragment(key) {
       registry.set(key, []);
-      if (!dataOnly) {
-        if (!scheduled) {
-          Promise.resolve().then(writeInitialScript);
-          scheduled = true;
-        }
-        tasks.push(`_$HY.init("${key}")`);
+      if (!scheduled) {
+        Promise.resolve().then(writeInitialScript);
+        scheduled = true;
       }
+      tasks.push(`_$HY.init("${key}")`);
       return (value, error) => {
         const keys = registry.get(key);
         registry.delete(key);

package/web/dist/server.js

@@ -240,7 +240,8 @@ function renderToString(code, options = {}) {
     assets: [],
     nonce: options.nonce,
     writeResource(id, p, error) {
-      if (error) scripts += `_$HY.set("${id}", ${serializeError(p)});`;
+      if (error) return scripts += `_$HY.set("${id}", ${serializeError(p)});`;
+      scripts += `_$HY.set("${id}", ${devalue(p)});`;
     }
   };
   let html = injectAssets(sharedConfig.context.assets, resolveSSRNode(escape(code())));
@@ -248,6 +249,7 @@ function renderToString(code, options = {}) {
   return html;
 }
 function renderToStringAsync(code, options = {}) {
+  let scripts = "";
   const {
     nonce,
     renderId,
@@ -260,12 +262,12 @@ function renderToStringAsync(code, options = {}) {
     suspense: {},
     assets: [],
     async: true,
-    nonce
-  };
-  let scripts = "";
-  sharedConfig.context.writeResource = (id, p, error) => {
-    if (error) return scripts += `_$HY.set("${id}", ${serializeError(p)});`;
-    p.then(d => scripts += `_$HY.set("${id}", ${devalue(d)});`).catch(() => scripts += `_$HY.set("${id}", null);`);
+    nonce,
+    writeResource(id, p, error) {
+      if (error) return scripts += `_$HY.set("${id}", ${serializeError(p)});`;
+      if (typeof p !== "object" || !("then" in p)) return scripts += `_$HY.set("${id}", ${devalue(p)});`;
+      p.then(d => scripts += `_$HY.set("${id}", ${devalue(d)});`).catch(() => scripts += `_$HY.set("${id}", null);`);
+    }
   };
   const timeout = new Promise((_, reject) => setTimeout(() => reject("renderToString timed out"), timeoutMs));
   function asyncWrap(fn) {
@@ -281,6 +283,7 @@ function renderToStringAsync(code, options = {}) {
           cache[key] = value;
           registry.delete(key);
           if (error) return scripts += `_$HY.set("${key}", Promise.resolve(${serializeError(error)}));`;
+          scripts += `_$HY.set("${key}", true);`;
           if (!registry.size) Promise.resolve().then(() => {
             let source = resolveSSRNode(rendered);
             let final = "";
@@ -307,7 +310,6 @@ function renderToStream(code, options = {}) {
     nonce,
     onCompleteShell,
     onCompleteAll,
-    dataOnly,
     renderId
   } = options;
   const tmp = [];
@@ -341,7 +343,6 @@ function renderToStream(code, options = {}) {
     count: 0,
     async: true,
     streaming: true,
-    dataOnly,
     resources: {},
     suspense: {},
     assets: [],
@@ -352,6 +353,7 @@ function renderToStream(code, options = {}) {
         scheduled = true;
       }
       if (error) return tasks.push(`_$HY.set("${id}", ${serializeError(p)})`);
+      if (typeof p !== "object" || !("then" in p)) return tasks.push(`_$HY.set("${id}", ${devalue(p)})`);
       tasks.push(`_$HY.init("${id}")`);
       p.then(d => {
         !completed && buffer.write(`<script${nonce ? ` nonce="${nonce}"` : ""}>_$HY.set("${id}", ${devalue(d)})</script>`);
@@ -361,13 +363,11 @@ function renderToStream(code, options = {}) {
     },
     registerFragment(key) {
       registry.set(key, []);
-      if (!dataOnly) {
-        if (!scheduled) {
-          Promise.resolve().then(writeInitialScript);
-          scheduled = true;
-        }
-        tasks.push(`_$HY.init("${key}")`);
+      if (!scheduled) {
+        Promise.resolve().then(writeInitialScript);
+        scheduled = true;
       }
+      tasks.push(`_$HY.init("${key}")`);
       return (value, error) => {
         const keys = registry.get(key);
         registry.delete(key);

package/web/types/server-mock.d.ts

@@ -9,7 +9,6 @@ export declare function renderToStringAsync<T>(fn: () => T, options?: {
 }): Promise<string>;
 export declare function renderToStream<T>(fn: () => T, options?: {
     nonce?: string;
-    dataOnly?: boolean;
     renderId?: string;
     onCompleteShell?: () => void;
     onCompleteAll?: () => void;
@@ -42,7 +41,6 @@ export declare type LegacyResults = {
  */
 export declare function pipeToWritable<T>(fn: () => T, writable: WritableStream, options?: {
     nonce?: string;
-    dataOnly?: boolean;
     onReady?: (res: LegacyResults) => void;
     onCompleteAll?: () => void;
 }): void;
@@ -53,7 +51,6 @@ export declare function pipeToNodeWritable<T>(fn: () => T, writable: {
     write: (v: string) => void;
 }, options?: {
     nonce?: string;
-    dataOnly?: boolean;
     onReady?: (res: LegacyResults) => void;
     onCompleteAll?: () => void;
 }): void;