solid-js 1.3.10 → 1.3.13

package/dist/dev.cjs

@@ -645,16 +645,16 @@ function readSignal() {
   return this.value;
 }
 function writeSignal(node, value, isComp) {
-  if (node.comparator) {
-    if (Transition && Transition.running && Transition.sources.has(node)) {
-      if (node.comparator(node.tValue, value)) return value;
-    } else if (node.comparator(node.value, value)) return value;
-  }
   if (Pending) {
     if (node.pending === NOTPENDING) Pending.push(node);
     node.pending = value;
     return value;
   }
+  if (node.comparator) {
+    if (Transition && Transition.running && Transition.sources.has(node)) {
+      if (node.comparator(node.tValue, value)) return value;
+    } else if (node.comparator(node.value, value)) return value;
+  }
   let TransitionRunning = false;
   if (Transition) {
     TransitionRunning = Transition.running;
@@ -763,7 +763,8 @@ function createComputation(fn, init, pure, state = STALE, options) {
 }
 function runTop(node) {
   const runningTransition = Transition && Transition.running;
-  if (!runningTransition && node.state !== STALE || runningTransition && node.tState !== STALE) return lookDownstream(node);
+  if (!runningTransition && node.state === 0 || runningTransition && node.tState === 0) return;
+  if (!runningTransition && node.state === PENDING || runningTransition && node.tState === PENDING) return lookDownstream(node);
   if (node.suspense && untrack(node.suspense.inFallback)) return node.suspense.effects.push(node);
   const ancestors = [node];
   while ((node = node.owner) && (!node.updatedAt || node.updatedAt < ExecCount)) {
@@ -884,8 +885,8 @@ function runUserEffects(queue) {
   for (i = resume; i < queue.length; i++) runTop(queue[i]);
 }
 function lookDownstream(node, ignore) {
-  node.state = 0;
   const runningTransition = Transition && Transition.running;
+  if (runningTransition) node.tState = 0;else node.state = 0;
   for (let i = 0; i < node.sources.length; i += 1) {
     const source = node.sources[i];
     if (source.sources) {

package/dist/dev.js

@@ -641,16 +641,16 @@ function readSignal() {
   return this.value;
 }
 function writeSignal(node, value, isComp) {
-  if (node.comparator) {
-    if (Transition && Transition.running && Transition.sources.has(node)) {
-      if (node.comparator(node.tValue, value)) return value;
-    } else if (node.comparator(node.value, value)) return value;
-  }
   if (Pending) {
     if (node.pending === NOTPENDING) Pending.push(node);
     node.pending = value;
     return value;
   }
+  if (node.comparator) {
+    if (Transition && Transition.running && Transition.sources.has(node)) {
+      if (node.comparator(node.tValue, value)) return value;
+    } else if (node.comparator(node.value, value)) return value;
+  }
   let TransitionRunning = false;
   if (Transition) {
     TransitionRunning = Transition.running;
@@ -759,7 +759,8 @@ function createComputation(fn, init, pure, state = STALE, options) {
 }
 function runTop(node) {
   const runningTransition = Transition && Transition.running;
-  if (!runningTransition && node.state !== STALE || runningTransition && node.tState !== STALE) return lookDownstream(node);
+  if (!runningTransition && node.state === 0 || runningTransition && node.tState === 0) return;
+  if (!runningTransition && node.state === PENDING || runningTransition && node.tState === PENDING) return lookDownstream(node);
   if (node.suspense && untrack(node.suspense.inFallback)) return node.suspense.effects.push(node);
   const ancestors = [node];
   while ((node = node.owner) && (!node.updatedAt || node.updatedAt < ExecCount)) {
@@ -880,8 +881,8 @@ function runUserEffects(queue) {
   for (i = resume; i < queue.length; i++) runTop(queue[i]);
 }
 function lookDownstream(node, ignore) {
-  node.state = 0;
   const runningTransition = Transition && Transition.running;
+  if (runningTransition) node.tState = 0;else node.state = 0;
   for (let i = 0; i < node.sources.length; i += 1) {
     const source = node.sources[i];
     if (source.sources) {

package/dist/server.cjs

@@ -331,16 +331,16 @@ function ErrorBoundary(props) {
 }
 const SuspenseContext = createContext();
 let resourceContext = null;
-function createResource(fn, fetcher, options = {}) {
+function createResource(source, fetcher, options = {}) {
   if (arguments.length === 2) {
     if (typeof fetcher === "object") {
       options = fetcher;
-      fetcher = fn;
-      fn = true;
+      fetcher = source;
+      source = true;
     }
   } else if (arguments.length === 1) {
-    fetcher = fn;
-    fn = true;
+    fetcher = source;
+    source = true;
   }
   const contexts = new Set();
   const id = sharedConfig.context.id + sharedConfig.context.count++;
@@ -372,23 +372,27 @@ function createResource(fn, fetcher, options = {}) {
   read.error = undefined;
   function load() {
     const ctx = sharedConfig.context;
-    if (!ctx.async) return read.loading = !!(typeof fn === "function" ? fn() : fn);
+    if (!ctx.async) return read.loading = !!(typeof source === "function" ? source() : source);
     if (ctx.resources && id in ctx.resources && ctx.resources[id].data) {
       value = ctx.resources[id].data;
       return;
     }
     resourceContext = [];
-    const lookup = typeof fn === "function" ? fn() : fn;
+    const lookup = typeof source === "function" ? source() : source;
     if (resourceContext.length) {
-      p = Promise.all(resourceContext).then(() => fetcher(fn(), () => value));
+      p = Promise.all(resourceContext).then(() => fetcher(source(), {
+        value
+      }));
     }
     resourceContext = null;
     if (!p) {
       if (lookup == null || lookup === false) return;
-      p = fetcher(lookup, () => value);
+      p = fetcher(lookup, {
+        value
+      });
     }
-    read.loading = true;
-    if ("then" in p) {
+    if (p && "then" in p) {
+      read.loading = true;
       if (ctx.writeResource) ctx.writeResource(id, p);
       return p.then(res => {
         read.loading = false;

package/dist/server.js

@@ -327,16 +327,16 @@ function ErrorBoundary(props) {
 }
 const SuspenseContext = createContext();
 let resourceContext = null;
-function createResource(fn, fetcher, options = {}) {
+function createResource(source, fetcher, options = {}) {
   if (arguments.length === 2) {
     if (typeof fetcher === "object") {
       options = fetcher;
-      fetcher = fn;
-      fn = true;
+      fetcher = source;
+      source = true;
     }
   } else if (arguments.length === 1) {
-    fetcher = fn;
-    fn = true;
+    fetcher = source;
+    source = true;
   }
   const contexts = new Set();
   const id = sharedConfig.context.id + sharedConfig.context.count++;
@@ -368,23 +368,27 @@ function createResource(fn, fetcher, options = {}) {
   read.error = undefined;
   function load() {
     const ctx = sharedConfig.context;
-    if (!ctx.async) return read.loading = !!(typeof fn === "function" ? fn() : fn);
+    if (!ctx.async) return read.loading = !!(typeof source === "function" ? source() : source);
     if (ctx.resources && id in ctx.resources && ctx.resources[id].data) {
       value = ctx.resources[id].data;
       return;
     }
     resourceContext = [];
-    const lookup = typeof fn === "function" ? fn() : fn;
+    const lookup = typeof source === "function" ? source() : source;
     if (resourceContext.length) {
-      p = Promise.all(resourceContext).then(() => fetcher(fn(), () => value));
+      p = Promise.all(resourceContext).then(() => fetcher(source(), {
+        value
+      }));
     }
     resourceContext = null;
     if (!p) {
       if (lookup == null || lookup === false) return;
-      p = fetcher(lookup, () => value);
+      p = fetcher(lookup, {
+        value
+      });
     }
-    read.loading = true;
-    if ("then" in p) {
+    if (p && "then" in p) {
+      read.loading = true;
       if (ctx.writeResource) ctx.writeResource(id, p);
       return p.then(res => {
         read.loading = false;

package/dist/solid.cjs

@@ -589,16 +589,16 @@ function readSignal() {
   return this.value;
 }
 function writeSignal(node, value, isComp) {
-  if (node.comparator) {
-    if (Transition && Transition.running && Transition.sources.has(node)) {
-      if (node.comparator(node.tValue, value)) return value;
-    } else if (node.comparator(node.value, value)) return value;
-  }
   if (Pending) {
     if (node.pending === NOTPENDING) Pending.push(node);
     node.pending = value;
     return value;
   }
+  if (node.comparator) {
+    if (Transition && Transition.running && Transition.sources.has(node)) {
+      if (node.comparator(node.tValue, value)) return value;
+    } else if (node.comparator(node.value, value)) return value;
+  }
   let TransitionRunning = false;
   if (Transition) {
     TransitionRunning = Transition.running;
@@ -706,7 +706,8 @@ function createComputation(fn, init, pure, state = STALE, options) {
 }
 function runTop(node) {
   const runningTransition = Transition && Transition.running;
-  if (!runningTransition && node.state !== STALE || runningTransition && node.tState !== STALE) return lookDownstream(node);
+  if (!runningTransition && node.state === 0 || runningTransition && node.tState === 0) return;
+  if (!runningTransition && node.state === PENDING || runningTransition && node.tState === PENDING) return lookDownstream(node);
   if (node.suspense && untrack(node.suspense.inFallback)) return node.suspense.effects.push(node);
   const ancestors = [node];
   while ((node = node.owner) && (!node.updatedAt || node.updatedAt < ExecCount)) {
@@ -826,8 +827,8 @@ function runUserEffects(queue) {
   for (i = resume; i < queue.length; i++) runTop(queue[i]);
 }
 function lookDownstream(node, ignore) {
-  node.state = 0;
   const runningTransition = Transition && Transition.running;
+  if (runningTransition) node.tState = 0;else node.state = 0;
   for (let i = 0; i < node.sources.length; i += 1) {
     const source = node.sources[i];
     if (source.sources) {

package/dist/solid.js

@@ -585,16 +585,16 @@ function readSignal() {
   return this.value;
 }
 function writeSignal(node, value, isComp) {
-  if (node.comparator) {
-    if (Transition && Transition.running && Transition.sources.has(node)) {
-      if (node.comparator(node.tValue, value)) return value;
-    } else if (node.comparator(node.value, value)) return value;
-  }
   if (Pending) {
     if (node.pending === NOTPENDING) Pending.push(node);
     node.pending = value;
     return value;
   }
+  if (node.comparator) {
+    if (Transition && Transition.running && Transition.sources.has(node)) {
+      if (node.comparator(node.tValue, value)) return value;
+    } else if (node.comparator(node.value, value)) return value;
+  }
   let TransitionRunning = false;
   if (Transition) {
     TransitionRunning = Transition.running;
@@ -702,7 +702,8 @@ function createComputation(fn, init, pure, state = STALE, options) {
 }
 function runTop(node) {
   const runningTransition = Transition && Transition.running;
-  if (!runningTransition && node.state !== STALE || runningTransition && node.tState !== STALE) return lookDownstream(node);
+  if (!runningTransition && node.state === 0 || runningTransition && node.tState === 0) return;
+  if (!runningTransition && node.state === PENDING || runningTransition && node.tState === PENDING) return lookDownstream(node);
   if (node.suspense && untrack(node.suspense.inFallback)) return node.suspense.effects.push(node);
   const ancestors = [node];
   while ((node = node.owner) && (!node.updatedAt || node.updatedAt < ExecCount)) {
@@ -822,8 +823,8 @@ function runUserEffects(queue) {
   for (i = resume; i < queue.length; i++) runTop(queue[i]);
 }
 function lookDownstream(node, ignore) {
-  node.state = 0;
   const runningTransition = Transition && Transition.running;
+  if (runningTransition) node.tState = 0;else node.state = 0;
   for (let i = 0; i < node.sources.length; i += 1) {
     const source = node.sources[i];
     if (source.sources) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "solid-js",
   "description": "A declarative JavaScript library for building user interfaces.",
-  "version": "1.3.10",
+  "version": "1.3.13",
   "author": "Ryan Carniato",
   "license": "MIT",
   "homepage": "https://solidjs.com",
@@ -144,5 +144,5 @@
     "compiler",
     "performance"
   ],
-  "gitHead": "95969d0b67dbad306f7b18736d88356d5e678532"
+  "gitHead": "dfacd34d443f9cdf1958445756e7317bd8e3632c"
 }

package/store/dist/dev.cjs

@@ -185,6 +185,7 @@ function updatePath(current, path, traversed = []) {
 }
 function createStore(store, options) {
   const unwrappedStore = unwrap(store || {});
+  if (typeof unwrappedStore !== "object" && typeof unwrappedStore !== "function") throw new Error(`Unexpected type ${typeof unwrappedStore} received when initializing 'createStore'. Expected an object.`);
   const wrappedStore = wrap$1(unwrappedStore, (options && options.name || solidJs.DEV.hashValue(unwrappedStore)));
   {
     const name = options && options.name || solidJs.DEV.hashValue(unwrappedStore);
@@ -260,6 +261,7 @@ function wrap(value, name) {
 }
 function createMutable(state, options) {
   const unwrappedStore = unwrap(state || {});
+  if (typeof unwrappedStore !== "object" && typeof unwrappedStore !== "function") throw new Error(`Unexpected type ${typeof unwrappedStore} received when initializing 'createMutable'. Expected an object.`);
   const wrappedStore = wrap(unwrappedStore, (options && options.name || solidJs.DEV.hashValue(unwrappedStore)));
   {
     const name = options && options.name || solidJs.DEV.hashValue(unwrappedStore);

package/store/dist/dev.js

@@ -181,6 +181,7 @@ function updatePath(current, path, traversed = []) {
 }
 function createStore(store, options) {
   const unwrappedStore = unwrap(store || {});
+  if (typeof unwrappedStore !== "object" && typeof unwrappedStore !== "function") throw new Error(`Unexpected type ${typeof unwrappedStore} received when initializing 'createStore'. Expected an object.`);
   const wrappedStore = wrap$1(unwrappedStore, (options && options.name || DEV.hashValue(unwrappedStore)));
   {
     const name = options && options.name || DEV.hashValue(unwrappedStore);
@@ -256,6 +257,7 @@ function wrap(value, name) {
 }
 function createMutable(state, options) {
   const unwrappedStore = unwrap(state || {});
+  if (typeof unwrappedStore !== "object" && typeof unwrappedStore !== "function") throw new Error(`Unexpected type ${typeof unwrappedStore} received when initializing 'createMutable'. Expected an object.`);
   const wrappedStore = wrap(unwrappedStore, (options && options.name || DEV.hashValue(unwrappedStore)));
   {
     const name = options && options.name || DEV.hashValue(unwrappedStore);

package/store/types/index.d.ts

@@ -1,4 +1,4 @@
 export { createStore, unwrap, $RAW } from "./store";
-export type { Store, SetStoreFunction, NotWrappable, StoreNode, StoreSetter, StorePathRange, ArrayFilterFn, Part, DeepReadonly, DeepMutable } from "./store";
+export type { Store, SetStoreFunction, NotWrappable, SolidStore, StoreNode, StoreSetter, StorePathRange, ArrayFilterFn, Part, DeepReadonly, DeepMutable } from "./store";
 export * from "./mutable";
 export * from "./modifiers";

package/store/types/modifiers.d.ts

@@ -1,7 +1,7 @@
-import { DeepMutable, NotWrappable } from "./store";
+import { DeepMutable } from "./store";
 export declare type ReconcileOptions = {
     key?: string | null;
     merge?: boolean;
 };
 export declare function reconcile<T extends U, U>(value: T, options?: ReconcileOptions): (state: U) => T;
-export declare function produce<T>(fn: (state: DeepMutable<Exclude<T, NotWrappable>>) => void): (state: T) => T;
+export declare function produce<T>(fn: (state: DeepMutable<T>) => void): (state: T) => T;

package/store/types/store.d.ts

@@ -1,7 +1,11 @@
 import { Accessor } from "../..";
 export declare const $RAW: unique symbol, $NODE: unique symbol, $NAME: unique symbol;
 export declare type StoreNode = Record<PropertyKey, any>;
-export declare type NotWrappable = string | number | bigint | symbol | boolean | Function | null | undefined;
+export declare namespace SolidStore {
+    interface Unwrappable {
+    }
+}
+export declare type NotWrappable = string | number | bigint | symbol | boolean | Function | null | undefined | SolidStore.Unwrappable[keyof SolidStore.Unwrappable];
 export declare type Store<T> = DeepReadonly<T>;
 export declare function isWrappable(obj: any): any;
 export declare function unwrap<T extends StoreNode>(item: any, set?: Set<unknown>): T;
@@ -13,11 +17,11 @@ export declare function createDataNode(): Accessor<void> & {
 };
 export declare function setProperty(state: StoreNode, property: PropertyKey, value: any): void;
 export declare function updatePath(current: StoreNode, path: any[], traversed?: PropertyKey[]): void;
-export declare type DeepReadonly<T> = 0 extends 1 & T ? T : {
-    readonly [K in keyof T]: T[K] extends NotWrappable ? T[K] : DeepReadonly<T[K]>;
+export declare type DeepReadonly<T> = 0 extends 1 & T ? T : T extends NotWrappable ? T : {
+    readonly [K in keyof T]: T[K];
 };
-export declare type DeepMutable<T> = 0 extends 1 & T ? T : {
-    -readonly [K in keyof T]: T[K] extends NotWrappable ? T[K] : DeepMutable<T[K]>;
+export declare type DeepMutable<T> = 0 extends 1 & T ? T : T extends NotWrappable ? T : {
+    -readonly [K in keyof T]: T[K];
 };
 export declare type StorePathRange = {
     from?: number;
@@ -25,10 +29,10 @@ export declare type StorePathRange = {
     by?: number;
 };
 export declare type ArrayFilterFn<T> = (item: DeepReadonly<T>, index: number) => boolean;
-export declare type StoreSetter<T, U extends PropertyKey[] = []> = ((prevState: DeepReadonly<T>, traversed: U) => DeepReadonly<T> | Partial<DeepReadonly<T>> | void) | DeepReadonly<T> | Partial<DeepReadonly<T>>;
-export declare type Part<T, K extends KeyOf<T> = KeyOf<T>> = [K] extends [never] ? never : K | readonly K[] | (number extends K ? ArrayFilterFn<T[number]> | StorePathRange : never);
+export declare type StoreSetter<T, U extends PropertyKey[] = []> = ((prevState: DeepReadonly<T>, traversed: U) => T | Partial<T> | DeepReadonly<T> | Partial<DeepReadonly<T>> | void) | T | Partial<T> | DeepReadonly<T> | Partial<DeepReadonly<T>>;
+export declare type Part<T, K extends KeyOf<T> = KeyOf<T>> = [K] extends [never] ? never : K | readonly K[] | ([T] extends [readonly unknown[]] ? ArrayFilterFn<T[number]> | StorePathRange : never);
 declare type W<T> = Exclude<T, NotWrappable>;
-declare type KeyOf<T> = number extends keyof T ? 0 extends 1 & T ? keyof T : [T] extends [never] ? never : number : keyof T;
+declare type KeyOf<T> = number extends keyof T ? 0 extends 1 & T ? keyof T : [T] extends [readonly unknown[]] ? number : [T] extends [never] ? never : keyof T : keyof T;
 declare type Rest<T, U extends PropertyKey[]> = [StoreSetter<T, U>] | (0 extends 1 & T ? [...Part<any>[], StoreSetter<any, PropertyKey[]>] : DistributeRest<W<T>, KeyOf<W<T>>, U>);
 declare type DistributeRest<T, K, U extends PropertyKey[]> = [T] extends [never] ? never : K extends KeyOf<T> ? [Part<T, K>, ...Rest<T[K], [K, ...U]>] : never;
 export interface SetStoreFunction<T> {

package/types/reactive/signal.d.ts

@@ -70,7 +70,7 @@ export declare type RootFunction<T> = (dispose: () => void) => T;
  */
 export declare function createRoot<T>(fn: RootFunction<T>, detachedOwner?: Owner): T;
 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 Setter<T> = (undefined extends T ? (value?: undefined) => undefined : {}) & (<U extends T>(value: Exclude<U, Function> | ((prev: T) => U)) => U);
 export declare type Signal<T> = [get: Accessor<T>, set: Setter<T>];
 export interface SignalOptions<T> extends MemoOptions<T> {
     internal?: boolean;

package/types/server/reactive.d.ts

@@ -1,8 +1,9 @@
-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 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 let Owner: Owner | null;
 interface Owner {
     owner: Owner | null;

package/types/server/rendering.d.ts

@@ -1,3 +1,4 @@
+import { Setter } from "./reactive";
 import type { JSX } from "../jsx";
 declare type PropsWithChildren<P> = P & {
     children?: JSX.Element;
@@ -72,19 +73,32 @@ declare type SuspenseContextType = {
     }>;
     completed: () => void;
 };
-declare type ResourceReturn<T> = [
-    Resource<T>,
-    {
-        mutate: (v: T | undefined) => T | undefined;
-        refetch: () => void;
-    }
-];
-export declare function createResource<T, U = true>(fetcher: (k: U, getPrev: () => T | undefined) => T | Promise<T>, options?: {
-    initialValue?: T;
-}): ResourceReturn<T>;
-export declare function createResource<T, U>(fn: U | false | (() => U | false), fetcher: (k: U, getPrev: () => T | undefined) => T | Promise<T>, options?: {
+export declare type ResourceActions<T> = {
+    mutate: Setter<T>;
+    refetch: (info?: unknown) => void;
+};
+export declare type ResourceReturn<T> = [Resource<T>, ResourceActions<T>];
+export declare type ResourceSource<S> = S | false | null | undefined | (() => S | false | null | undefined);
+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> = undefined extends T ? {
     initialValue?: T;
-}): ResourceReturn<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;
+};
+export declare function createResource<T, S = true>(fetcher: ResourceFetcher<S, T>, options?: ResourceOptions<undefined>): ResourceReturn<T | undefined>;
+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 lazy(fn: () => Promise<{
     default: any;

package/web/dist/dev.cjs

@@ -19,7 +19,7 @@ const PropAliases = {
   playsinline: "playsInline",
   readonly: "readOnly"
 };
-const DelegatedEvents = new Set(["beforeinput", "click", "dblclick", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]);
+const DelegatedEvents = new Set(["beforeinput", "click", "dblclick", "contextmenu", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]);
 const SVGElements = new Set([
 "altGlyph", "altGlyphDef", "altGlyphItem", "animate", "animateColor", "animateMotion", "animateTransform", "circle", "clipPath", "color-profile", "cursor", "defs", "desc", "ellipse", "feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence", "filter", "font", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "foreignObject", "g", "glyph", "glyphRef", "hkern", "image", "line", "linearGradient", "marker", "mask", "metadata", "missing-glyph", "mpath", "path", "pattern", "polygon", "polyline", "radialGradient", "rect",
 "set", "stop",
@@ -357,6 +357,7 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
         multi = marker !== undefined;
   parent = multi && current[0] && current[0].parentNode || parent;
   if (t === "string" || t === "number") {
+    if (solidJs.sharedConfig.context) return current;
     if (t === "number") value = value.toString();
     if (multi) {
       let node = current[0];
@@ -474,9 +475,19 @@ function NoHydration(props) {
   return solidJs.sharedConfig.context ? undefined : props.children;
 }
 
-function renderToString(fn, options) {}
-function renderToStringAsync(fn, options) {}
-function renderToStream(fn, options) {}
+function throwInBrowser(func) {
+  const err = new Error(`${func.name} is not supported in the browser, returning undefined`);
+  console.error(err);
+}
+function renderToString(fn, options) {
+  throwInBrowser(renderToString);
+}
+function renderToStringAsync(fn, options) {
+  throwInBrowser(renderToStringAsync);
+}
+function renderToStream(fn, options) {
+  throwInBrowser(renderToStream);
+}
 function ssr(template, ...nodes) {}
 function resolveSSRNode(node) {}
 function ssrClassList(value) {}

package/web/dist/dev.js

@@ -16,7 +16,7 @@ const PropAliases = {
   playsinline: "playsInline",
   readonly: "readOnly"
 };
-const DelegatedEvents = new Set(["beforeinput", "click", "dblclick", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]);
+const DelegatedEvents = new Set(["beforeinput", "click", "dblclick", "contextmenu", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]);
 const SVGElements = new Set([
 "altGlyph", "altGlyphDef", "altGlyphItem", "animate", "animateColor", "animateMotion", "animateTransform", "circle", "clipPath", "color-profile", "cursor", "defs", "desc", "ellipse", "feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence", "filter", "font", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "foreignObject", "g", "glyph", "glyphRef", "hkern", "image", "line", "linearGradient", "marker", "mask", "metadata", "missing-glyph", "mpath", "path", "pattern", "polygon", "polyline", "radialGradient", "rect",
 "set", "stop",
@@ -354,6 +354,7 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
         multi = marker !== undefined;
   parent = multi && current[0] && current[0].parentNode || parent;
   if (t === "string" || t === "number") {
+    if (sharedConfig.context) return current;
     if (t === "number") value = value.toString();
     if (multi) {
       let node = current[0];
@@ -471,9 +472,19 @@ function NoHydration(props) {
   return sharedConfig.context ? undefined : props.children;
 }
 
-function renderToString(fn, options) {}
-function renderToStringAsync(fn, options) {}
-function renderToStream(fn, options) {}
+function throwInBrowser(func) {
+  const err = new Error(`${func.name} is not supported in the browser, returning undefined`);
+  console.error(err);
+}
+function renderToString(fn, options) {
+  throwInBrowser(renderToString);
+}
+function renderToStringAsync(fn, options) {
+  throwInBrowser(renderToStringAsync);
+}
+function renderToStream(fn, options) {
+  throwInBrowser(renderToStream);
+}
 function ssr(template, ...nodes) {}
 function resolveSSRNode(node) {}
 function ssrClassList(value) {}

package/web/dist/server.cjs

@@ -233,7 +233,7 @@ function stringifyString(str) {
 }
 
 const REPLACE_SCRIPT = `function $df(e,y,t,g){t=document.getElementById(e),g=document.getElementById("pl"+e),g&&g.replaceWith(...t.childNodes),_$HY.set(e,y||null)}`;
-const FRAGMENT_REPLACE = /<!\[([\d.]+)\]>/;
+const FRAGMENT_REPLACE = /<!\[([\d-]+)\]>/;
 function renderToString(code, options = {}) {
   let scripts = "";
   solidJs.sharedConfig.context = {
@@ -604,7 +604,19 @@ function injectScripts(html, scripts, nonce) {
   return html + tag;
 }
 function serializeError(error) {
-  return error.message ? `new Error(${devalue(error.message)})` : devalue(error);
+  if (error.message) {
+    const fields = {};
+    const keys = Object.getOwnPropertyNames(error);
+    for (let i = 0; i < keys.length; i++) {
+      const key = keys[i];
+      const value = error[key];
+      if (!value || key !== "message" && typeof value !== "function") {
+        fields[key] = value;
+      }
+    }
+    return `Object.assign(new Error(${devalue(error.message)}), ${devalue(fields)})`;
+  }
+  return devalue(error);
 }
 function waitForFragments(registry, key) {
   for (const k of [...registry.keys()].reverse()) {

package/web/dist/server.js

@@ -230,7 +230,7 @@ function stringifyString(str) {
 }
 
 const REPLACE_SCRIPT = `function $df(e,y,t,g){t=document.getElementById(e),g=document.getElementById("pl"+e),g&&g.replaceWith(...t.childNodes),_$HY.set(e,y||null)}`;
-const FRAGMENT_REPLACE = /<!\[([\d.]+)\]>/;
+const FRAGMENT_REPLACE = /<!\[([\d-]+)\]>/;
 function renderToString(code, options = {}) {
   let scripts = "";
   sharedConfig.context = {
@@ -601,7 +601,19 @@ function injectScripts(html, scripts, nonce) {
   return html + tag;
 }
 function serializeError(error) {
-  return error.message ? `new Error(${devalue(error.message)})` : devalue(error);
+  if (error.message) {
+    const fields = {};
+    const keys = Object.getOwnPropertyNames(error);
+    for (let i = 0; i < keys.length; i++) {
+      const key = keys[i];
+      const value = error[key];
+      if (!value || key !== "message" && typeof value !== "function") {
+        fields[key] = value;
+      }
+    }
+    return `Object.assign(new Error(${devalue(error.message)}), ${devalue(fields)})`;
+  }
+  return devalue(error);
 }
 function waitForFragments(registry, key) {
   for (const k of [...registry.keys()].reverse()) {

package/web/dist/web.cjs

@@ -19,7 +19,7 @@ const PropAliases = {
   playsinline: "playsInline",
   readonly: "readOnly"
 };
-const DelegatedEvents = new Set(["beforeinput", "click", "dblclick", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]);
+const DelegatedEvents = new Set(["beforeinput", "click", "dblclick", "contextmenu", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]);
 const SVGElements = new Set([
 "altGlyph", "altGlyphDef", "altGlyphItem", "animate", "animateColor", "animateMotion", "animateTransform", "circle", "clipPath", "color-profile", "cursor", "defs", "desc", "ellipse", "feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence", "filter", "font", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "foreignObject", "g", "glyph", "glyphRef", "hkern", "image", "line", "linearGradient", "marker", "mask", "metadata", "missing-glyph", "mpath", "path", "pattern", "polygon", "polyline", "radialGradient", "rect",
 "set", "stop",
@@ -356,6 +356,7 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
         multi = marker !== undefined;
   parent = multi && current[0] && current[0].parentNode || parent;
   if (t === "string" || t === "number") {
+    if (solidJs.sharedConfig.context) return current;
     if (t === "number") value = value.toString();
     if (multi) {
       let node = current[0];
@@ -473,9 +474,19 @@ function NoHydration(props) {
   return solidJs.sharedConfig.context ? undefined : props.children;
 }
 
-function renderToString(fn, options) {}
-function renderToStringAsync(fn, options) {}
-function renderToStream(fn, options) {}
+function throwInBrowser(func) {
+  const err = new Error(`${func.name} is not supported in the browser, returning undefined`);
+  console.error(err);
+}
+function renderToString(fn, options) {
+  throwInBrowser(renderToString);
+}
+function renderToStringAsync(fn, options) {
+  throwInBrowser(renderToStringAsync);
+}
+function renderToStream(fn, options) {
+  throwInBrowser(renderToStream);
+}
 function ssr(template, ...nodes) {}
 function resolveSSRNode(node) {}
 function ssrClassList(value) {}

package/web/dist/web.js

@@ -16,7 +16,7 @@ const PropAliases = {
   playsinline: "playsInline",
   readonly: "readOnly"
 };
-const DelegatedEvents = new Set(["beforeinput", "click", "dblclick", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]);
+const DelegatedEvents = new Set(["beforeinput", "click", "dblclick", "contextmenu", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]);
 const SVGElements = new Set([
 "altGlyph", "altGlyphDef", "altGlyphItem", "animate", "animateColor", "animateMotion", "animateTransform", "circle", "clipPath", "color-profile", "cursor", "defs", "desc", "ellipse", "feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence", "filter", "font", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "foreignObject", "g", "glyph", "glyphRef", "hkern", "image", "line", "linearGradient", "marker", "mask", "metadata", "missing-glyph", "mpath", "path", "pattern", "polygon", "polyline", "radialGradient", "rect",
 "set", "stop",
@@ -353,6 +353,7 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
         multi = marker !== undefined;
   parent = multi && current[0] && current[0].parentNode || parent;
   if (t === "string" || t === "number") {
+    if (sharedConfig.context) return current;
     if (t === "number") value = value.toString();
     if (multi) {
       let node = current[0];
@@ -470,9 +471,19 @@ function NoHydration(props) {
   return sharedConfig.context ? undefined : props.children;
 }
 
-function renderToString(fn, options) {}
-function renderToStringAsync(fn, options) {}
-function renderToStream(fn, options) {}
+function throwInBrowser(func) {
+  const err = new Error(`${func.name} is not supported in the browser, returning undefined`);
+  console.error(err);
+}
+function renderToString(fn, options) {
+  throwInBrowser(renderToString);
+}
+function renderToStringAsync(fn, options) {
+  throwInBrowser(renderToStringAsync);
+}
+function renderToStream(fn, options) {
+  throwInBrowser(renderToStream);
+}
 function ssr(template, ...nodes) {}
 function resolveSSRNode(node) {}
 function ssrClassList(value) {}

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

@@ -10,8 +10,12 @@ export declare function renderToStringAsync<T>(fn: () => T, options?: {
 export declare function renderToStream<T>(fn: () => T, options?: {
     nonce?: string;
     renderId?: string;
-    onCompleteShell?: () => void;
-    onCompleteAll?: () => void;
+    onCompleteShell?: (info: {
+        write: (v: string) => void;
+    }) => void;
+    onCompleteAll?: (info: {
+        write: (v: string) => void;
+    }) => void;
 }): {
     pipe: (writable: {
         write: (v: string) => void;