solid-js 1.5.0-beta.3 → 1.5.0-beta.6

package/dist/dev.cjs

@@ -264,7 +264,7 @@ function createResource(pSource, pFetcher, pOptions) {
       resolved = ("initialValue" in options),
       dynamic = typeof source === "function" && createMemo(source);
   const contexts = new Set(),
-        [value, setValue] = options.store ? options.store(options.initialValue) : createSignal(options.initialValue),
+        [value, setValue] = (options.storage || createSignal)(options.initialValue),
         [track, trigger] = createSignal(undefined, {
     equals: false
   }),
@@ -272,7 +272,7 @@ function createResource(pSource, pFetcher, pOptions) {
   if (sharedConfig.context) {
     id = `${sharedConfig.context.id}${sharedConfig.context.count++}`;
     let v;
-    if (options.useInitialValue) initP = options.initialValue;else if (sharedConfig.load && (v = sharedConfig.load(id))) initP = v[0];
+    if (options.ssrValue === "initial") initP = options.initialValue;else if (sharedConfig.load && (v = sharedConfig.load(id))) initP = v[0];
   }
   function loadEnd(p, v, success, key) {
     if (pr === p) {
@@ -301,7 +301,7 @@ function createResource(pSource, pFetcher, pOptions) {
     !success && (err = castError(v));
     runUpdates(() => {
       setValue(() => v);
-      setState(success ? "ready" : "error");
+      setState(success ? "ready" : "errored");
       for (const c of contexts.keys()) c.decrement();
       contexts.clear();
     }, false);
@@ -353,9 +353,7 @@ function createResource(pSource, pFetcher, pOptions) {
   }
   Object.defineProperties(read, {
     state: {
-      get() {
-        return state();
-      }
+      get: () => state()
     },
     loading: {
       get() {
@@ -365,13 +363,13 @@ function createResource(pSource, pFetcher, pOptions) {
     },
     error: {
       get() {
-        return state() === "error" ? err : undefined;
+        return state() === "errored" ? err : undefined;
       }
     },
     latest: {
       get() {
         if (!resolved) return read();
-        if (state() === "error") throw err;
+        if (state() === "errored") throw err;
         return value();
       }
     }
@@ -400,9 +398,8 @@ function createSelector(source, fn = equalFn, options) {
   const subs = new Map();
   const node = createComputation(p => {
     const v = source();
-    for (const key of subs.keys()) if (fn(key, v) !== fn(key, p)) {
-      const l = subs.get(key);
-      for (const c of l.values()) {
+    for (const [key, val] of subs.entries()) if (fn(key, v) !== fn(key, p)) {
+      for (const c of val.values()) {
         c.state = STALE;
         if (c.pure) Updates.push(c);else Effects.push(c);
       }
@@ -411,8 +408,8 @@ function createSelector(source, fn = equalFn, options) {
   }, undefined, true, STALE, options );
   updateComputation(node);
   return key => {
-    let listener;
-    if (listener = Listener) {
+    const listener = Listener;
+    if (listener) {
       let l;
       if (l = subs.get(key)) l.add(listener);else subs.set(key, l = new Set([listener]));
       onCleanup(() => {
@@ -585,7 +582,12 @@ function useContext(context) {
 }
 function children(fn) {
   const children = createMemo(fn);
-  return createMemo(() => resolveChildren(children()));
+  const memo = createMemo(() => resolveChildren(children()));
+  memo.toArray = () => {
+    const c = memo();
+    return Array.isArray(c) ? c : c != null ? [c] : [];
+  };
+  return memo;
 }
 let SuspenseContext;
 function getSuspenseContext() {
@@ -700,7 +702,7 @@ function runComputation(node, value, time) {
     handleError(err);
   }
   if (!node.updatedAt || node.updatedAt <= time) {
-    if (node.updatedAt && "observers" in node) {
+    if (node.updatedAt != null && "observers" in node) {
       writeSignal(node, nextValue, true);
     } else if (Transition && Transition.running && node.pure) {
       Transition.sources.add(node);

package/dist/dev.js

@@ -260,7 +260,7 @@ function createResource(pSource, pFetcher, pOptions) {
       resolved = ("initialValue" in options),
       dynamic = typeof source === "function" && createMemo(source);
   const contexts = new Set(),
-        [value, setValue] = options.store ? options.store(options.initialValue) : createSignal(options.initialValue),
+        [value, setValue] = (options.storage || createSignal)(options.initialValue),
         [track, trigger] = createSignal(undefined, {
     equals: false
   }),
@@ -268,7 +268,7 @@ function createResource(pSource, pFetcher, pOptions) {
   if (sharedConfig.context) {
     id = `${sharedConfig.context.id}${sharedConfig.context.count++}`;
     let v;
-    if (options.useInitialValue) initP = options.initialValue;else if (sharedConfig.load && (v = sharedConfig.load(id))) initP = v[0];
+    if (options.ssrValue === "initial") initP = options.initialValue;else if (sharedConfig.load && (v = sharedConfig.load(id))) initP = v[0];
   }
   function loadEnd(p, v, success, key) {
     if (pr === p) {
@@ -297,7 +297,7 @@ function createResource(pSource, pFetcher, pOptions) {
     !success && (err = castError(v));
     runUpdates(() => {
       setValue(() => v);
-      setState(success ? "ready" : "error");
+      setState(success ? "ready" : "errored");
       for (const c of contexts.keys()) c.decrement();
       contexts.clear();
     }, false);
@@ -349,9 +349,7 @@ function createResource(pSource, pFetcher, pOptions) {
   }
   Object.defineProperties(read, {
     state: {
-      get() {
-        return state();
-      }
+      get: () => state()
     },
     loading: {
       get() {
@@ -361,13 +359,13 @@ function createResource(pSource, pFetcher, pOptions) {
     },
     error: {
       get() {
-        return state() === "error" ? err : undefined;
+        return state() === "errored" ? err : undefined;
       }
     },
     latest: {
       get() {
         if (!resolved) return read();
-        if (state() === "error") throw err;
+        if (state() === "errored") throw err;
         return value();
       }
     }
@@ -396,9 +394,8 @@ function createSelector(source, fn = equalFn, options) {
   const subs = new Map();
   const node = createComputation(p => {
     const v = source();
-    for (const key of subs.keys()) if (fn(key, v) !== fn(key, p)) {
-      const l = subs.get(key);
-      for (const c of l.values()) {
+    for (const [key, val] of subs.entries()) if (fn(key, v) !== fn(key, p)) {
+      for (const c of val.values()) {
         c.state = STALE;
         if (c.pure) Updates.push(c);else Effects.push(c);
       }
@@ -407,8 +404,8 @@ function createSelector(source, fn = equalFn, options) {
   }, undefined, true, STALE, options );
   updateComputation(node);
   return key => {
-    let listener;
-    if (listener = Listener) {
+    const listener = Listener;
+    if (listener) {
       let l;
       if (l = subs.get(key)) l.add(listener);else subs.set(key, l = new Set([listener]));
       onCleanup(() => {
@@ -581,7 +578,12 @@ function useContext(context) {
 }
 function children(fn) {
   const children = createMemo(fn);
-  return createMemo(() => resolveChildren(children()));
+  const memo = createMemo(() => resolveChildren(children()));
+  memo.toArray = () => {
+    const c = memo();
+    return Array.isArray(c) ? c : c != null ? [c] : [];
+  };
+  return memo;
 }
 let SuspenseContext;
 function getSuspenseContext() {
@@ -696,7 +698,7 @@ function runComputation(node, value, time) {
     handleError(err);
   }
   if (!node.updatedAt || node.updatedAt <= time) {
-    if (node.updatedAt && "observers" in node) {
+    if (node.updatedAt != null && "observers" in node) {
       writeSignal(node, nextValue, true);
     } else if (Transition && Transition.running && node.pure) {
       Transition.sources.add(node);

package/dist/server.cjs

@@ -144,7 +144,12 @@ function getOwner() {
   return Owner;
 }
 function children(fn) {
-  return createMemo(() => resolveChildren(fn()));
+  const memo = createMemo(() => resolveChildren(fn()));
+  memo.toArray = () => {
+    const c = memo();
+    return Array.isArray(c) ? c : c != null ? [c] : [];
+  };
+  return memo;
 }
 function runWithOwner(o, fn) {
   const prev = Owner;
@@ -391,10 +396,10 @@ function createResource(source, fetcher, options = {}) {
   const contexts = new Set();
   const id = sharedConfig.context.id + sharedConfig.context.count++;
   let resource = {};
-  let value = options.initialValue;
+  let value = options.storage ? options.storage(options.initialValue)[0]() : options.initialValue;
   let p;
   let error;
-  if (sharedConfig.context.async && !options.useInitialValue) {
+  if (sharedConfig.context.async && options.ssrValue !== "initial") {
     resource = sharedConfig.context.resources[id] || (sharedConfig.context.resources[id] = {});
     if (resource.ref) {
       if (!resource.data && !resource.ref[0].loading && !resource.ref[0].error) resource.ref[1].refetch();
@@ -404,7 +409,7 @@ function createResource(source, fetcher, options = {}) {
   const read = () => {
     if (error) throw error;
     if (resourceContext && p) resourceContext.push(p);
-    const resolved = !options.useInitialValue && sharedConfig.context.async && "data" in sharedConfig.context.resources[id];
+    const resolved = options.ssrValue !== "initial" && sharedConfig.context.async && "data" in sharedConfig.context.resources[id];
     if (!resolved && read.loading) {
       const ctx = useContext(SuspenseContext);
       if (ctx) {
@@ -416,6 +421,7 @@ function createResource(source, fetcher, options = {}) {
   };
   read.loading = false;
   read.error = undefined;
+  read.state = "initialValue" in options ? "resolved" : "unresolved";
   Object.defineProperty(read, "latest", {
     get() {
       return read();
@@ -444,15 +450,18 @@ function createResource(source, fetcher, options = {}) {
     }
     if (p != undefined && typeof p === "object" && "then" in p) {
       read.loading = true;
+      read.state = "pending";
       if (ctx.writeResource) ctx.writeResource(id, p, undefined, options.deferStream);
       return p.then(res => {
         read.loading = false;
+        read.state = "resolved";
         ctx.resources[id].data = res;
         p = null;
         notifySuspense(contexts);
         return res;
       }).catch(err => {
         read.loading = false;
+        read.state = "errored";
         read.error = error = castError(err);
         p = null;
         notifySuspense(contexts);
@@ -463,7 +472,7 @@ function createResource(source, fetcher, options = {}) {
     p = null;
     return ctx.resources[id].data;
   }
-  if (!options.useInitialValue) load();
+  if (options.ssrValue !== "initial") load();
   return resource.ref = [read, {
     refetch: load,
     mutate: v => value = v

package/dist/server.js

@@ -140,7 +140,12 @@ function getOwner() {
   return Owner;
 }
 function children(fn) {
-  return createMemo(() => resolveChildren(fn()));
+  const memo = createMemo(() => resolveChildren(fn()));
+  memo.toArray = () => {
+    const c = memo();
+    return Array.isArray(c) ? c : c != null ? [c] : [];
+  };
+  return memo;
 }
 function runWithOwner(o, fn) {
   const prev = Owner;
@@ -387,10 +392,10 @@ function createResource(source, fetcher, options = {}) {
   const contexts = new Set();
   const id = sharedConfig.context.id + sharedConfig.context.count++;
   let resource = {};
-  let value = options.initialValue;
+  let value = options.storage ? options.storage(options.initialValue)[0]() : options.initialValue;
   let p;
   let error;
-  if (sharedConfig.context.async && !options.useInitialValue) {
+  if (sharedConfig.context.async && options.ssrValue !== "initial") {
     resource = sharedConfig.context.resources[id] || (sharedConfig.context.resources[id] = {});
     if (resource.ref) {
       if (!resource.data && !resource.ref[0].loading && !resource.ref[0].error) resource.ref[1].refetch();
@@ -400,7 +405,7 @@ function createResource(source, fetcher, options = {}) {
   const read = () => {
     if (error) throw error;
     if (resourceContext && p) resourceContext.push(p);
-    const resolved = !options.useInitialValue && sharedConfig.context.async && "data" in sharedConfig.context.resources[id];
+    const resolved = options.ssrValue !== "initial" && sharedConfig.context.async && "data" in sharedConfig.context.resources[id];
     if (!resolved && read.loading) {
       const ctx = useContext(SuspenseContext);
       if (ctx) {
@@ -412,6 +417,7 @@ function createResource(source, fetcher, options = {}) {
   };
   read.loading = false;
   read.error = undefined;
+  read.state = "initialValue" in options ? "resolved" : "unresolved";
   Object.defineProperty(read, "latest", {
     get() {
       return read();
@@ -440,15 +446,18 @@ function createResource(source, fetcher, options = {}) {
     }
     if (p != undefined && typeof p === "object" && "then" in p) {
       read.loading = true;
+      read.state = "pending";
       if (ctx.writeResource) ctx.writeResource(id, p, undefined, options.deferStream);
       return p.then(res => {
         read.loading = false;
+        read.state = "resolved";
         ctx.resources[id].data = res;
         p = null;
         notifySuspense(contexts);
         return res;
       }).catch(err => {
         read.loading = false;
+        read.state = "errored";
         read.error = error = castError(err);
         p = null;
         notifySuspense(contexts);
@@ -459,7 +468,7 @@ function createResource(source, fetcher, options = {}) {
     p = null;
     return ctx.resources[id].data;
   }
-  if (!options.useInitialValue) load();
+  if (options.ssrValue !== "initial") load();
   return resource.ref = [read, {
     refetch: load,
     mutate: v => value = v

package/dist/solid.cjs

@@ -256,7 +256,7 @@ function createResource(pSource, pFetcher, pOptions) {
       resolved = ("initialValue" in options),
       dynamic = typeof source === "function" && createMemo(source);
   const contexts = new Set(),
-        [value, setValue] = options.store ? options.store(options.initialValue) : createSignal(options.initialValue),
+        [value, setValue] = (options.storage || createSignal)(options.initialValue),
         [track, trigger] = createSignal(undefined, {
     equals: false
   }),
@@ -264,7 +264,7 @@ function createResource(pSource, pFetcher, pOptions) {
   if (sharedConfig.context) {
     id = `${sharedConfig.context.id}${sharedConfig.context.count++}`;
     let v;
-    if (options.useInitialValue) initP = options.initialValue;else if (sharedConfig.load && (v = sharedConfig.load(id))) initP = v[0];
+    if (options.ssrValue === "initial") initP = options.initialValue;else if (sharedConfig.load && (v = sharedConfig.load(id))) initP = v[0];
   }
   function loadEnd(p, v, success, key) {
     if (pr === p) {
@@ -293,7 +293,7 @@ function createResource(pSource, pFetcher, pOptions) {
     !success && (err = castError(v));
     runUpdates(() => {
       setValue(() => v);
-      setState(success ? "ready" : "error");
+      setState(success ? "ready" : "errored");
       for (const c of contexts.keys()) c.decrement();
       contexts.clear();
     }, false);
@@ -345,9 +345,7 @@ function createResource(pSource, pFetcher, pOptions) {
   }
   Object.defineProperties(read, {
     state: {
-      get() {
-        return state();
-      }
+      get: () => state()
     },
     loading: {
       get() {
@@ -357,13 +355,13 @@ function createResource(pSource, pFetcher, pOptions) {
     },
     error: {
       get() {
-        return state() === "error" ? err : undefined;
+        return state() === "errored" ? err : undefined;
       }
     },
     latest: {
       get() {
         if (!resolved) return read();
-        if (state() === "error") throw err;
+        if (state() === "errored") throw err;
         return value();
       }
     }
@@ -392,9 +390,8 @@ function createSelector(source, fn = equalFn, options) {
   const subs = new Map();
   const node = createComputation(p => {
     const v = source();
-    for (const key of subs.keys()) if (fn(key, v) !== fn(key, p)) {
-      const l = subs.get(key);
-      for (const c of l.values()) {
+    for (const [key, val] of subs.entries()) if (fn(key, v) !== fn(key, p)) {
+      for (const c of val.values()) {
         c.state = STALE;
         if (c.pure) Updates.push(c);else Effects.push(c);
       }
@@ -403,8 +400,8 @@ function createSelector(source, fn = equalFn, options) {
   }, undefined, true, STALE);
   updateComputation(node);
   return key => {
-    let listener;
-    if (listener = Listener) {
+    const listener = Listener;
+    if (listener) {
       let l;
       if (l = subs.get(key)) l.add(listener);else subs.set(key, l = new Set([listener]));
       onCleanup(() => {
@@ -525,7 +522,12 @@ function useContext(context) {
 }
 function children(fn) {
   const children = createMemo(fn);
-  return createMemo(() => resolveChildren(children()));
+  const memo = createMemo(() => resolveChildren(children()));
+  memo.toArray = () => {
+    const c = memo();
+    return Array.isArray(c) ? c : c != null ? [c] : [];
+  };
+  return memo;
 }
 let SuspenseContext;
 function getSuspenseContext() {
@@ -640,7 +642,7 @@ function runComputation(node, value, time) {
     handleError(err);
   }
   if (!node.updatedAt || node.updatedAt <= time) {
-    if (node.updatedAt && "observers" in node) {
+    if (node.updatedAt != null && "observers" in node) {
       writeSignal(node, nextValue, true);
     } else if (Transition && Transition.running && node.pure) {
       Transition.sources.add(node);

package/dist/solid.js

@@ -252,7 +252,7 @@ function createResource(pSource, pFetcher, pOptions) {
       resolved = ("initialValue" in options),
       dynamic = typeof source === "function" && createMemo(source);
   const contexts = new Set(),
-        [value, setValue] = options.store ? options.store(options.initialValue) : createSignal(options.initialValue),
+        [value, setValue] = (options.storage || createSignal)(options.initialValue),
         [track, trigger] = createSignal(undefined, {
     equals: false
   }),
@@ -260,7 +260,7 @@ function createResource(pSource, pFetcher, pOptions) {
   if (sharedConfig.context) {
     id = `${sharedConfig.context.id}${sharedConfig.context.count++}`;
     let v;
-    if (options.useInitialValue) initP = options.initialValue;else if (sharedConfig.load && (v = sharedConfig.load(id))) initP = v[0];
+    if (options.ssrValue === "initial") initP = options.initialValue;else if (sharedConfig.load && (v = sharedConfig.load(id))) initP = v[0];
   }
   function loadEnd(p, v, success, key) {
     if (pr === p) {
@@ -289,7 +289,7 @@ function createResource(pSource, pFetcher, pOptions) {
     !success && (err = castError(v));
     runUpdates(() => {
       setValue(() => v);
-      setState(success ? "ready" : "error");
+      setState(success ? "ready" : "errored");
       for (const c of contexts.keys()) c.decrement();
       contexts.clear();
     }, false);
@@ -341,9 +341,7 @@ function createResource(pSource, pFetcher, pOptions) {
   }
   Object.defineProperties(read, {
     state: {
-      get() {
-        return state();
-      }
+      get: () => state()
     },
     loading: {
       get() {
@@ -353,13 +351,13 @@ function createResource(pSource, pFetcher, pOptions) {
     },
     error: {
       get() {
-        return state() === "error" ? err : undefined;
+        return state() === "errored" ? err : undefined;
       }
     },
     latest: {
       get() {
         if (!resolved) return read();
-        if (state() === "error") throw err;
+        if (state() === "errored") throw err;
         return value();
       }
     }
@@ -388,9 +386,8 @@ function createSelector(source, fn = equalFn, options) {
   const subs = new Map();
   const node = createComputation(p => {
     const v = source();
-    for (const key of subs.keys()) if (fn(key, v) !== fn(key, p)) {
-      const l = subs.get(key);
-      for (const c of l.values()) {
+    for (const [key, val] of subs.entries()) if (fn(key, v) !== fn(key, p)) {
+      for (const c of val.values()) {
         c.state = STALE;
         if (c.pure) Updates.push(c);else Effects.push(c);
       }
@@ -399,8 +396,8 @@ function createSelector(source, fn = equalFn, options) {
   }, undefined, true, STALE);
   updateComputation(node);
   return key => {
-    let listener;
-    if (listener = Listener) {
+    const listener = Listener;
+    if (listener) {
       let l;
       if (l = subs.get(key)) l.add(listener);else subs.set(key, l = new Set([listener]));
       onCleanup(() => {
@@ -521,7 +518,12 @@ function useContext(context) {
 }
 function children(fn) {
   const children = createMemo(fn);
-  return createMemo(() => resolveChildren(children()));
+  const memo = createMemo(() => resolveChildren(children()));
+  memo.toArray = () => {
+    const c = memo();
+    return Array.isArray(c) ? c : c != null ? [c] : [];
+  };
+  return memo;
 }
 let SuspenseContext;
 function getSuspenseContext() {
@@ -636,7 +638,7 @@ function runComputation(node, value, time) {
     handleError(err);
   }
   if (!node.updatedAt || node.updatedAt <= time) {
-    if (node.updatedAt && "observers" in node) {
+    if (node.updatedAt != null && "observers" in node) {
       writeSignal(node, nextValue, true);
     } else if (Transition && Transition.running && node.pure) {
       Transition.sources.add(node);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "solid-js",
   "description": "A declarative JavaScript library for building user interfaces.",
-  "version": "1.5.0-beta.3",
+  "version": "1.5.0-beta.6",
   "author": "Ryan Carniato",
   "license": "MIT",
   "homepage": "https://solidjs.com",
@@ -73,6 +73,10 @@
       "require": "./dist/solid.cjs"
     },
     "./dist/*": "./dist/*",
+    "./jsx-runtime": {
+      "types": "./types/jsx.d.ts",
+      "default": "./dist/solid.js"
+    },
     "./store": {
       "browser": {
         "development": {

package/store/types/store.d.ts

@@ -55,9 +55,9 @@ export interface SetStoreFunction<T> {
  *
  * @description https://www.solidjs.com/docs/latest/api#createstore
  */
-export declare function createStore<T extends {}>(...[store, options]: {} extends T ? [store?: T | Store<T>, options?: {
+export declare function createStore<T extends object = {}>(...[store, options]: {} extends T ? [store?: T | Store<T>, options?: {
     name?: string;
-}] : [store: object & (T | Store<T>), options?: {
+}] : [store: T | Store<T>, options?: {
     name?: string;
 }]): [get: Store<T>, set: SetStoreFunction<T>];
 export {};

package/types/index.d.ts

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

package/types/reactive/signal.d.ts

@@ -224,15 +224,15 @@ interface Refreshing<T> {
     latest: T;
     (): T;
 }
-interface Error {
-    state: "error";
+interface Errored {
+    state: "errored";
     loading: false;
     error: any;
     latest: never;
     (): never;
 }
-export declare type Resource<T> = Unresolved | Pending | Ready<T> | Refreshing<T> | Error;
-export declare type InitializedResource<T> = Ready<T> | Refreshing<T> | Error;
+export declare type Resource<T> = Unresolved | Pending | Ready<T> | Refreshing<T> | Errored;
+export declare type InitializedResource<T> = Ready<T> | Refreshing<T> | Errored;
 export declare type ResourceActions<T, R = unknown> = {
     mutate: Setter<T | undefined>;
     refetch: (info?: R) => T | Promise<T> | undefined | null;
@@ -247,8 +247,8 @@ export declare type ResourceOptions<T, S = unknown> = {
     initialValue?: T;
     name?: string;
     deferStream?: boolean;
-    useInitialValue?: boolean;
-    store?: (init: T | undefined) => [Accessor<T | undefined>, Setter<T | undefined>];
+    ssrValue?: "initial" | "server";
+    storage?: (init: T | undefined) => [Accessor<T | undefined>, Setter<T | undefined>];
     onHydrated?: (k: S | undefined, info: {
         value: T | undefined;
     }) => void;
@@ -489,6 +489,9 @@ export declare function createContext<T>(defaultValue: T): Context<T>;
 export declare function useContext<T>(context: Context<T>): T;
 export declare type ResolvedJSXElement = Exclude<JSX.Element, JSX.ArrayElement | JSX.FunctionElement>;
 export declare type ResolvedChildren = ResolvedJSXElement | ResolvedJSXElement[];
+export declare type ChildrenReturn = Accessor<ResolvedChildren> & {
+    toArray: () => ResolvedJSXElement[];
+};
 /**
  * Resolves child elements to help interact with children
  *
@@ -497,7 +500,7 @@ export declare type ResolvedChildren = ResolvedJSXElement | ResolvedJSXElement[]
  *
  * @description https://www.solidjs.com/docs/latest/api#children
  */
-export declare function children(fn: Accessor<JSX.Element>): Accessor<ResolvedChildren>;
+export declare function children(fn: Accessor<JSX.Element>): ChildrenReturn;
 export declare type SuspenseContextType = {
     increment?: () => void;
     decrement?: () => void;

package/types/server/reactive.d.ts

@@ -4,6 +4,7 @@ export declare const $DEVCOMP: unique symbol;
 export declare const DEV: {};
 export declare type Accessor<T> = () => T;
 export declare type Setter<T> = undefined extends T ? <U extends T>(value?: (U extends Function ? never : U) | ((prev?: T) => U)) => U : <U extends T>(value: (U extends Function ? never : U) | ((prev: T) => U)) => U;
+export declare type Signal<T> = [get: Accessor<T>, set: Setter<T>];
 export declare const BRANCH: unique symbol;
 export declare function castError(err: any): string | Error;
 export declare let Owner: Owner | null;
@@ -46,7 +47,10 @@ export interface Context<T> {
 export declare function createContext<T>(defaultValue?: T): Context<T>;
 export declare function useContext<T>(context: Context<T>): T;
 export declare function getOwner(): Owner | null;
-export declare function children(fn: () => any): () => unknown;
+declare type ChildrenReturn = Accessor<any> & {
+    toArray: () => any[];
+};
+export declare function children(fn: () => any): ChildrenReturn;
 export declare function runWithOwner<T>(o: Owner, fn: () => T): T | undefined;
 export declare function lookup(owner: Owner | null, key: symbol | string): any;
 export interface Task {

package/types/server/rendering.d.ts

@@ -1,4 +1,4 @@
-import { Setter } from "./reactive.js";
+import { Setter, Signal } from "./reactive.js";
 import type { JSX } from "../jsx.js";
 export declare type Component<P = {}> = (props: P) => JSX.Element;
 export declare type VoidProps<P = {}> = P & {
@@ -72,7 +72,7 @@ export declare function ErrorBoundary(props: {
 };
 export interface Resource<T> {
     (): T | undefined;
-    state: "unresolved" | "pending" | "ready" | "refreshing" | "error";
+    state: "unresolved" | "pending" | "ready" | "refreshing" | "errored";
     loading: boolean;
     error: any;
     latest: T | undefined;
@@ -100,13 +100,15 @@ export declare type ResourceOptions<T> = undefined extends T ? {
     initialValue?: T;
     name?: string;
     deferStream?: boolean;
-    useInitialValue?: boolean;
+    ssrValue?: "initial" | "server";
+    storage?: () => Signal<T | undefined>;
     onHydrated?: <S, T>(k: S, info: ResourceFetcherInfo<T>) => void;
 } : {
     initialValue: T;
     name?: string;
     deferStream?: boolean;
-    useInitialValue?: boolean;
+    ssrValue?: "initial" | "server";
+    storage?: (v?: T) => Signal<T | undefined>;
     onHydrated?: <S, T>(k: S, info: ResourceFetcherInfo<T>) => void;
 };
 export declare function createResource<T, S = true>(fetcher: ResourceFetcher<S, T>, options?: ResourceOptions<undefined>): ResourceReturn<T | undefined>;

package/web/dist/dev.cjs

@@ -502,12 +502,10 @@ function getHydrationKey() {
   const hydrate = solidJs.sharedConfig.context;
   return `${hydrate.id}${hydrate.count++}`;
 }
-function Assets() {
-  return;
-}
 function NoHydration(props) {
   return solidJs.sharedConfig.context ? undefined : props.children;
 }
+function voidFn() {}
 
 function throwInBrowser(func) {
   const err = new Error(`${func.name} is not supported in the browser, returning undefined`);
@@ -530,7 +528,7 @@ function ssrAttribute(key, value) {}
 function ssrHydrationKey() {}
 function resolveSSRNode(node) {}
 function escape(html) {}
-function generateHydrationScript() {}
+function ssrSpread(props, isSVG, skipChildren) {}
 
 const isServer = false;
 const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
@@ -647,12 +645,12 @@ Object.defineProperty(exports, 'mergeProps', {
   get: function () { return solidJs.mergeProps; }
 });
 exports.Aliases = Aliases;
-exports.Assets = Assets;
+exports.Assets = voidFn;
 exports.ChildProperties = ChildProperties;
 exports.DOMElements = DOMElements;
 exports.DelegatedEvents = DelegatedEvents;
 exports.Dynamic = Dynamic;
-exports.HydrationScript = Assets;
+exports.HydrationScript = voidFn;
 exports.NoHydration = NoHydration;
 exports.Portal = Portal;
 exports.PropAliases = PropAliases;
@@ -667,7 +665,8 @@ exports.clearDelegatedEvents = clearDelegatedEvents;
 exports.delegateEvents = delegateEvents;
 exports.dynamicProperty = dynamicProperty;
 exports.escape = escape;
-exports.generateHydrationScript = generateHydrationScript;
+exports.generateHydrationScript = voidFn;
+exports.getAssets = voidFn;
 exports.getHydrationKey = getHydrationKey;
 exports.getNextElement = getNextElement;
 exports.getNextMarker = getNextMarker;
@@ -691,7 +690,9 @@ exports.ssrAttribute = ssrAttribute;
 exports.ssrClassList = ssrClassList;
 exports.ssrElement = ssrElement;
 exports.ssrHydrationKey = ssrHydrationKey;
+exports.ssrSpread = ssrSpread;
 exports.ssrStyle = ssrStyle;
 exports.style = style;
 exports.template = template;
 exports.use = use;
+exports.useAssets = voidFn;

package/web/dist/dev.js

@@ -499,12 +499,10 @@ function getHydrationKey() {
   const hydrate = sharedConfig.context;
   return `${hydrate.id}${hydrate.count++}`;
 }
-function Assets() {
-  return;
-}
 function NoHydration(props) {
   return sharedConfig.context ? undefined : props.children;
 }
+function voidFn() {}
 
 function throwInBrowser(func) {
   const err = new Error(`${func.name} is not supported in the browser, returning undefined`);
@@ -527,7 +525,7 @@ function ssrAttribute(key, value) {}
 function ssrHydrationKey() {}
 function resolveSSRNode(node) {}
 function escape(html) {}
-function generateHydrationScript() {}
+function ssrSpread(props, isSVG, skipChildren) {}
 
 const isServer = false;
 const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
@@ -595,4 +593,4 @@ function Dynamic(props) {
   });
 }
 
-export { Aliases, Assets, ChildProperties, DOMElements, DelegatedEvents, Dynamic, Assets as HydrationScript, NoHydration, Portal, PropAliases, Properties, SVGElements, SVGNamespace, addEventListener, assign, classList, className, clearDelegatedEvents, delegateEvents, dynamicProperty, escape, generateHydrationScript, getHydrationKey, getNextElement, getNextMarker, getNextMatch, hydrate, innerHTML, insert, isServer, memo, render, renderToStream, renderToString, renderToStringAsync, resolveSSRNode, runHydrationEvents, setAttribute, setAttributeNS, spread, ssr, ssrAttribute, ssrClassList, ssrElement, ssrHydrationKey, ssrStyle, style, template, use };
+export { Aliases, voidFn as Assets, ChildProperties, DOMElements, DelegatedEvents, Dynamic, voidFn as HydrationScript, NoHydration, Portal, PropAliases, Properties, SVGElements, SVGNamespace, addEventListener, assign, classList, className, clearDelegatedEvents, delegateEvents, dynamicProperty, escape, voidFn as generateHydrationScript, voidFn as getAssets, getHydrationKey, getNextElement, getNextMarker, getNextMatch, hydrate, innerHTML, insert, isServer, memo, render, renderToStream, renderToString, renderToStringAsync, resolveSSRNode, runHydrationEvents, setAttribute, setAttributeNS, spread, ssr, ssrAttribute, ssrClassList, ssrElement, ssrHydrationKey, ssrSpread, ssrStyle, style, template, use, voidFn as useAssets };

package/web/dist/server.cjs

@@ -266,7 +266,8 @@ function toRefParam(index) {
 const REPLACE_SCRIPT = `function $df(e,t,d,l){d=document.getElementById(e),(l=document.getElementById("pl-"+e))&&l.replaceWith(...d.childNodes),d.remove(),_$HY.set(e,t)}`;
 function renderToString(code, options = {}) {
   let scripts = "";
-  solidJs.sharedConfig.context = {
+  let context;
+  solidJs.sharedConfig.context = context = {
     id: options.renderId || "",
     count: 0,
     suspense: {},
@@ -277,7 +278,9 @@ function renderToString(code, options = {}) {
       scripts += `_$HY.set("${id}", ${stringify(p)});`;
     }
   };
-  let html = injectAssets(solidJs.sharedConfig.context.assets, resolveSSRNode(escape(code())));
+  let html = resolveSSRNode(escape(code()));
+  solidJs.sharedConfig.context = undefined;
+  html = injectAssets(context.assets, html);
   if (scripts.length) html = injectScripts(html, scripts, options.nonce);
   return html;
 }
@@ -397,6 +400,7 @@ function renderToStream(code, options = {}) {
   };
   let html = resolveSSRNode(escape(code()));
   function doShell() {
+    solidJs.sharedConfig.context = undefined;
     html = injectAssets(context.assets, html);
     for (const key in context.resources) {
       if (!("data" in context.resources[key] || context.resources[key].ref[0].error)) pushTask(`_$HY.init("${key}")`);
@@ -460,22 +464,16 @@ function renderToStream(code, options = {}) {
   };
 }
 function Assets(props) {
-  solidJs.sharedConfig.context.assets.push(() => NoHydration({
-    get children() {
-      return resolveSSRNode(props.children);
-    }
-  }));
-  return ssr(`%%$${solidJs.sharedConfig.context.assets.length - 1}%%`);
+  useAssets(() => props.children);
 }
 function HydrationScript(props) {
   const {
     nonce
   } = solidJs.sharedConfig.context;
-  solidJs.sharedConfig.context.assets.push(() => generateHydrationScript({
+  return ssr(generateHydrationScript({
     nonce,
     ...props
   }));
-  return ssr(`%%$${solidJs.sharedConfig.context.assets.length - 1}%%`);
 }
 function NoHydration(props) {
   const c = solidJs.sharedConfig.context;
@@ -621,6 +619,15 @@ function getHydrationKey() {
   const hydrate = solidJs.sharedConfig.context;
   return hydrate && !hydrate.noHydrate && `${hydrate.id}${hydrate.count++}`;
 }
+function useAssets(fn) {
+  solidJs.sharedConfig.context.assets.push(() => resolveSSRNode(fn()));
+}
+function getAssets() {
+  const assets = solidJs.sharedConfig.context.assets;
+  let out = "";
+  for (let i = 0, len = assets.length; i < len; i++) out += assets[i]();
+  return out;
+}
 function generateHydrationScript({
   eventNames = ["click", "input"],
   nonce
@@ -628,10 +635,10 @@ function generateHydrationScript({
   return `<script${nonce ? ` nonce="${nonce}"` : ""}>var e,t;e=window._$HY||(_$HY={events:[],completed:new WeakSet,r:{}}),t=e=>e&&e.hasAttribute&&(e.hasAttribute("data-hk")?e:t(e.host&&e.host instanceof Node?e.host:e.parentNode)),["${eventNames.join('","')}"].forEach((o=>document.addEventListener(o,(o=>{let s=o.composedPath&&o.composedPath()[0]||o.target,a=t(s);a&&!e.completed.has(a)&&e.events.push([a,o])})))),e.init=(t,o)=>{e.r[t]=[new Promise(((e,t)=>o=e)),o]},e.set=(t,o,s)=>{(s=e.r[t])&&s[1](o),e.r[t]=[o]},e.unset=t=>{delete e.r[t]},e.load=t=>e.r[t];</script><!--xs-->`;
 }
 function injectAssets(assets, html) {
-  for (let i = 0; i < assets.length; i++) {
-    html = html.replace(`%%$${i}%%`, assets[i]());
-  }
-  return html;
+  if (!assets || !assets.length) return html;
+  let out = "";
+  for (let i = 0, len = assets.length; i < len; i++) out += assets[i]();
+  return html.replace(`</head>`, out + `</head>`);
 }
 function injectScripts(html, scripts, nonce) {
   const tag = `<script${nonce ? ` nonce="${nonce}"` : ""}>${scripts}</script>`;
@@ -720,6 +727,37 @@ function pipeToWritable(code, writable, options = {}) {
   const stream = renderToStream(code, options);
   if (!options.onReady) stream.pipeTo(writable);
 }
+function ssrSpread(props, isSVG, skipChildren) {
+  let result = "";
+  if (props == null) return result;
+  if (typeof props === "function") props = props();
+  const keys = Object.keys(props);
+  let classResolved;
+  for (let i = 0; i < keys.length; i++) {
+    const prop = keys[i];
+    if (prop === "children") {
+      !skipChildren && console.warn(`SSR currently does not support spread children.`);
+      continue;
+    }
+    const value = props[prop];
+    if (prop === "style") {
+      result += `style="${ssrStyle(value)}"`;
+    } else if (prop === "class" || prop === "className" || prop === "classList") {
+      if (classResolved) continue;
+      let n;
+      result += `class="${(n = props.class) ? n + " " : ""}${(n = props.className) ? n + " " : ""}${ssrClassList(props.classList)}"`;
+      classResolved = true;
+    } else if (BooleanAttributes.has(prop)) {
+      if (value) result += prop;else continue;
+    } else if (value == undefined || prop === "ref" || prop.slice(0, 2) === "on") {
+      continue;
+    } else {
+      result += `${Aliases[prop] || prop}="${escape(value, true)}"`;
+    }
+    if (i !== keys.length - 1) result += " ";
+  }
+  return result;
+}
 
 const isServer = true;
 function spread() {}
@@ -784,6 +822,7 @@ exports.NoHydration = NoHydration;
 exports.Portal = Portal;
 exports.escape = escape;
 exports.generateHydrationScript = generateHydrationScript;
+exports.getAssets = getAssets;
 exports.getHydrationKey = getHydrationKey;
 exports.isServer = isServer;
 exports.pipeToNodeWritable = pipeToNodeWritable;
@@ -798,4 +837,6 @@ exports.ssrAttribute = ssrAttribute;
 exports.ssrClassList = ssrClassList;
 exports.ssrElement = ssrElement;
 exports.ssrHydrationKey = ssrHydrationKey;
+exports.ssrSpread = ssrSpread;
 exports.ssrStyle = ssrStyle;
+exports.useAssets = useAssets;

package/web/dist/server.js

@@ -263,7 +263,8 @@ function toRefParam(index) {
 const REPLACE_SCRIPT = `function $df(e,t,d,l){d=document.getElementById(e),(l=document.getElementById("pl-"+e))&&l.replaceWith(...d.childNodes),d.remove(),_$HY.set(e,t)}`;
 function renderToString(code, options = {}) {
   let scripts = "";
-  sharedConfig.context = {
+  let context;
+  sharedConfig.context = context = {
     id: options.renderId || "",
     count: 0,
     suspense: {},
@@ -274,7 +275,9 @@ function renderToString(code, options = {}) {
       scripts += `_$HY.set("${id}", ${stringify(p)});`;
     }
   };
-  let html = injectAssets(sharedConfig.context.assets, resolveSSRNode(escape(code())));
+  let html = resolveSSRNode(escape(code()));
+  sharedConfig.context = undefined;
+  html = injectAssets(context.assets, html);
   if (scripts.length) html = injectScripts(html, scripts, options.nonce);
   return html;
 }
@@ -394,6 +397,7 @@ function renderToStream(code, options = {}) {
   };
   let html = resolveSSRNode(escape(code()));
   function doShell() {
+    sharedConfig.context = undefined;
     html = injectAssets(context.assets, html);
     for (const key in context.resources) {
       if (!("data" in context.resources[key] || context.resources[key].ref[0].error)) pushTask(`_$HY.init("${key}")`);
@@ -457,22 +461,16 @@ function renderToStream(code, options = {}) {
   };
 }
 function Assets(props) {
-  sharedConfig.context.assets.push(() => NoHydration({
-    get children() {
-      return resolveSSRNode(props.children);
-    }
-  }));
-  return ssr(`%%$${sharedConfig.context.assets.length - 1}%%`);
+  useAssets(() => props.children);
 }
 function HydrationScript(props) {
   const {
     nonce
   } = sharedConfig.context;
-  sharedConfig.context.assets.push(() => generateHydrationScript({
+  return ssr(generateHydrationScript({
     nonce,
     ...props
   }));
-  return ssr(`%%$${sharedConfig.context.assets.length - 1}%%`);
 }
 function NoHydration(props) {
   const c = sharedConfig.context;
@@ -618,6 +616,15 @@ function getHydrationKey() {
   const hydrate = sharedConfig.context;
   return hydrate && !hydrate.noHydrate && `${hydrate.id}${hydrate.count++}`;
 }
+function useAssets(fn) {
+  sharedConfig.context.assets.push(() => resolveSSRNode(fn()));
+}
+function getAssets() {
+  const assets = sharedConfig.context.assets;
+  let out = "";
+  for (let i = 0, len = assets.length; i < len; i++) out += assets[i]();
+  return out;
+}
 function generateHydrationScript({
   eventNames = ["click", "input"],
   nonce
@@ -625,10 +632,10 @@ function generateHydrationScript({
   return `<script${nonce ? ` nonce="${nonce}"` : ""}>var e,t;e=window._$HY||(_$HY={events:[],completed:new WeakSet,r:{}}),t=e=>e&&e.hasAttribute&&(e.hasAttribute("data-hk")?e:t(e.host&&e.host instanceof Node?e.host:e.parentNode)),["${eventNames.join('","')}"].forEach((o=>document.addEventListener(o,(o=>{let s=o.composedPath&&o.composedPath()[0]||o.target,a=t(s);a&&!e.completed.has(a)&&e.events.push([a,o])})))),e.init=(t,o)=>{e.r[t]=[new Promise(((e,t)=>o=e)),o]},e.set=(t,o,s)=>{(s=e.r[t])&&s[1](o),e.r[t]=[o]},e.unset=t=>{delete e.r[t]},e.load=t=>e.r[t];</script><!--xs-->`;
 }
 function injectAssets(assets, html) {
-  for (let i = 0; i < assets.length; i++) {
-    html = html.replace(`%%$${i}%%`, assets[i]());
-  }
-  return html;
+  if (!assets || !assets.length) return html;
+  let out = "";
+  for (let i = 0, len = assets.length; i < len; i++) out += assets[i]();
+  return html.replace(`</head>`, out + `</head>`);
 }
 function injectScripts(html, scripts, nonce) {
   const tag = `<script${nonce ? ` nonce="${nonce}"` : ""}>${scripts}</script>`;
@@ -717,6 +724,37 @@ function pipeToWritable(code, writable, options = {}) {
   const stream = renderToStream(code, options);
   if (!options.onReady) stream.pipeTo(writable);
 }
+function ssrSpread(props, isSVG, skipChildren) {
+  let result = "";
+  if (props == null) return result;
+  if (typeof props === "function") props = props();
+  const keys = Object.keys(props);
+  let classResolved;
+  for (let i = 0; i < keys.length; i++) {
+    const prop = keys[i];
+    if (prop === "children") {
+      !skipChildren && console.warn(`SSR currently does not support spread children.`);
+      continue;
+    }
+    const value = props[prop];
+    if (prop === "style") {
+      result += `style="${ssrStyle(value)}"`;
+    } else if (prop === "class" || prop === "className" || prop === "classList") {
+      if (classResolved) continue;
+      let n;
+      result += `class="${(n = props.class) ? n + " " : ""}${(n = props.className) ? n + " " : ""}${ssrClassList(props.classList)}"`;
+      classResolved = true;
+    } else if (BooleanAttributes.has(prop)) {
+      if (value) result += prop;else continue;
+    } else if (value == undefined || prop === "ref" || prop.slice(0, 2) === "on") {
+      continue;
+    } else {
+      result += `${Aliases[prop] || prop}="${escape(value, true)}"`;
+    }
+    if (i !== keys.length - 1) result += " ";
+  }
+  return result;
+}
 
 const isServer = true;
 function spread() {}
@@ -734,4 +772,4 @@ function Portal(props) {
   return "";
 }
 
-export { Assets, Dynamic, HydrationScript, NoHydration, Portal, escape, generateHydrationScript, getHydrationKey, isServer, pipeToNodeWritable, pipeToWritable, renderToStream, renderToString, renderToStringAsync, resolveSSRNode, spread, ssr, ssrAttribute, ssrClassList, ssrElement, ssrHydrationKey, ssrStyle };
+export { Assets, Dynamic, HydrationScript, NoHydration, Portal, escape, generateHydrationScript, getAssets, getHydrationKey, isServer, pipeToNodeWritable, pipeToWritable, renderToStream, renderToString, renderToStringAsync, resolveSSRNode, spread, ssr, ssrAttribute, ssrClassList, ssrElement, ssrHydrationKey, ssrSpread, ssrStyle, useAssets };

package/web/dist/web.cjs

@@ -501,12 +501,10 @@ function getHydrationKey() {
   const hydrate = solidJs.sharedConfig.context;
   return `${hydrate.id}${hydrate.count++}`;
 }
-function Assets() {
-  return;
-}
 function NoHydration(props) {
   return solidJs.sharedConfig.context ? undefined : props.children;
 }
+function voidFn() {}
 
 function throwInBrowser(func) {
   const err = new Error(`${func.name} is not supported in the browser, returning undefined`);
@@ -529,7 +527,7 @@ function ssrAttribute(key, value) {}
 function ssrHydrationKey() {}
 function resolveSSRNode(node) {}
 function escape(html) {}
-function generateHydrationScript() {}
+function ssrSpread(props, isSVG, skipChildren) {}
 
 const isServer = false;
 const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
@@ -643,12 +641,12 @@ Object.defineProperty(exports, 'mergeProps', {
   get: function () { return solidJs.mergeProps; }
 });
 exports.Aliases = Aliases;
-exports.Assets = Assets;
+exports.Assets = voidFn;
 exports.ChildProperties = ChildProperties;
 exports.DOMElements = DOMElements;
 exports.DelegatedEvents = DelegatedEvents;
 exports.Dynamic = Dynamic;
-exports.HydrationScript = Assets;
+exports.HydrationScript = voidFn;
 exports.NoHydration = NoHydration;
 exports.Portal = Portal;
 exports.PropAliases = PropAliases;
@@ -663,7 +661,8 @@ exports.clearDelegatedEvents = clearDelegatedEvents;
 exports.delegateEvents = delegateEvents;
 exports.dynamicProperty = dynamicProperty;
 exports.escape = escape;
-exports.generateHydrationScript = generateHydrationScript;
+exports.generateHydrationScript = voidFn;
+exports.getAssets = voidFn;
 exports.getHydrationKey = getHydrationKey;
 exports.getNextElement = getNextElement;
 exports.getNextMarker = getNextMarker;
@@ -687,7 +686,9 @@ exports.ssrAttribute = ssrAttribute;
 exports.ssrClassList = ssrClassList;
 exports.ssrElement = ssrElement;
 exports.ssrHydrationKey = ssrHydrationKey;
+exports.ssrSpread = ssrSpread;
 exports.ssrStyle = ssrStyle;
 exports.style = style;
 exports.template = template;
 exports.use = use;
+exports.useAssets = voidFn;

package/web/dist/web.js

@@ -498,12 +498,10 @@ function getHydrationKey() {
   const hydrate = sharedConfig.context;
   return `${hydrate.id}${hydrate.count++}`;
 }
-function Assets() {
-  return;
-}
 function NoHydration(props) {
   return sharedConfig.context ? undefined : props.children;
 }
+function voidFn() {}
 
 function throwInBrowser(func) {
   const err = new Error(`${func.name} is not supported in the browser, returning undefined`);
@@ -526,7 +524,7 @@ function ssrAttribute(key, value) {}
 function ssrHydrationKey() {}
 function resolveSSRNode(node) {}
 function escape(html) {}
-function generateHydrationScript() {}
+function ssrSpread(props, isSVG, skipChildren) {}
 
 const isServer = false;
 const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
@@ -591,4 +589,4 @@ function Dynamic(props) {
   });
 }
 
-export { Aliases, Assets, ChildProperties, DOMElements, DelegatedEvents, Dynamic, Assets as HydrationScript, NoHydration, Portal, PropAliases, Properties, SVGElements, SVGNamespace, addEventListener, assign, classList, className, clearDelegatedEvents, delegateEvents, dynamicProperty, escape, generateHydrationScript, getHydrationKey, getNextElement, getNextMarker, getNextMatch, hydrate, innerHTML, insert, isServer, memo, render, renderToStream, renderToString, renderToStringAsync, resolveSSRNode, runHydrationEvents, setAttribute, setAttributeNS, spread, ssr, ssrAttribute, ssrClassList, ssrElement, ssrHydrationKey, ssrStyle, style, template, use };
+export { Aliases, voidFn as Assets, ChildProperties, DOMElements, DelegatedEvents, Dynamic, voidFn as HydrationScript, NoHydration, Portal, PropAliases, Properties, SVGElements, SVGNamespace, addEventListener, assign, classList, className, clearDelegatedEvents, delegateEvents, dynamicProperty, escape, voidFn as generateHydrationScript, voidFn as getAssets, getHydrationKey, getNextElement, getNextMarker, getNextMatch, hydrate, innerHTML, insert, isServer, memo, render, renderToStream, renderToString, renderToStringAsync, resolveSSRNode, runHydrationEvents, setAttribute, setAttributeNS, spread, ssr, ssrAttribute, ssrClassList, ssrElement, ssrHydrationKey, ssrSpread, ssrStyle, style, template, use, voidFn as useAssets };

package/web/types/client.d.ts

@@ -62,6 +62,9 @@ export function getHydrationKey(): string;
 export function getNextElement(template?: HTMLTemplateElement): Element;
 export function getNextMatch(start: Node, elementName: string): Element;
 export function getNextMarker(start: Node): [Node, Array<Node>];
+export function useAssets(fn: () => string): void;
+export function getAssets(): string;
 export function Assets(props: { children?: JSX.Element }): JSX.Element;
 export function HydrationScript(): JSX.Element;
 export function NoHydration(props: { children?: JSX.Element }): JSX.Element;
+export function getHydrationScript(): string;

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

@@ -38,7 +38,10 @@ export declare function ssrAttribute(key: string, value: boolean): string;
 export declare function ssrHydrationKey(): string;
 export declare function resolveSSRNode(node: any): string;
 export declare function escape(html: string): string;
-export declare function generateHydrationScript(): string;
+/**
+ * @deprecated Replaced by ssrElement
+ */
+export declare function ssrSpread(props: any, isSVG: boolean, skipChildren: boolean): void;
 export declare type LegacyResults = {
     startWriting: () => void;
 };

package/web/types/server.d.ts

@@ -37,6 +37,8 @@ export function ssrAttribute(key: string, value: any, isBoolean: boolean): strin
 export function ssrHydrationKey(): string;
 export function resolveSSRNode(node: any): string;
 export function escape(html: string): string;
+export function useAssets(fn: () => string): void;
+export function getAssets(): string;
 export function getHydrationKey(): string;
 export function effect<T>(fn: (prev?: T) => T, init?: T): void;
 export function memo<T>(fn: () => T, equal: boolean): () => T;

package/jsx-runtime.d.ts

@@ -1 +0,0 @@
-export * from "./types/jsx"