solid-js 1.3.9 → 1.3.12

package/dist/dev.cjs

@@ -587,7 +587,8 @@ function createContext(defaultValue) {
   };
 }
 function useContext(context) {
-  return lookup(Owner, context.id) || context.defaultValue;
+  let ctx;
+  return (ctx = lookup(Owner, context.id)) !== undefined ? ctx : context.defaultValue;
 }
 function children(fn) {
   const children = createMemo(fn);
@@ -668,8 +669,10 @@ function writeSignal(node, value, isComp) {
       for (let i = 0; i < node.observers.length; i += 1) {
         const o = node.observers[i];
         if (TransitionRunning && Transition.disposed.has(o)) continue;
-        if (o.pure) Updates.push(o);else Effects.push(o);
-        if (o.observers && (TransitionRunning && !o.tState || !TransitionRunning && !o.state)) markUpstream(o);
+        if (TransitionRunning && !o.tState || !TransitionRunning && !o.state) {
+          if (o.pure) Updates.push(o);else Effects.push(o);
+          if (o.observers) markUpstream(o);
+        }
         if (TransitionRunning) o.tState = STALE;else o.state = STALE;
       }
       if (Updates.length > 10e5) {
@@ -760,8 +763,8 @@ function createComputation(fn, init, pure, state = STALE, options) {
 }
 function runTop(node) {
   const runningTransition = Transition && Transition.running;
-  if (!runningTransition && node.state !== STALE) return node.state = 0;
-  if (runningTransition && node.tState !== STALE) return node.tState = 0;
+  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)) {
@@ -882,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) {
@@ -954,7 +957,7 @@ function handleError(err) {
   fns.forEach(f => f(err));
 }
 function lookup(owner, key) {
-  return owner && (owner.context && owner.context[key] !== undefined ? owner.context[key] : owner.owner && lookup(owner.owner, key));
+  return owner ? owner.context && owner.context[key] !== undefined ? owner.context[key] : lookup(owner.owner, key) : undefined;
 }
 function resolveChildren(children) {
   if (typeof children === "function" && !children.length) return resolveChildren(children());

package/dist/dev.js

@@ -583,7 +583,8 @@ function createContext(defaultValue) {
   };
 }
 function useContext(context) {
-  return lookup(Owner, context.id) || context.defaultValue;
+  let ctx;
+  return (ctx = lookup(Owner, context.id)) !== undefined ? ctx : context.defaultValue;
 }
 function children(fn) {
   const children = createMemo(fn);
@@ -664,8 +665,10 @@ function writeSignal(node, value, isComp) {
       for (let i = 0; i < node.observers.length; i += 1) {
         const o = node.observers[i];
         if (TransitionRunning && Transition.disposed.has(o)) continue;
-        if (o.pure) Updates.push(o);else Effects.push(o);
-        if (o.observers && (TransitionRunning && !o.tState || !TransitionRunning && !o.state)) markUpstream(o);
+        if (TransitionRunning && !o.tState || !TransitionRunning && !o.state) {
+          if (o.pure) Updates.push(o);else Effects.push(o);
+          if (o.observers) markUpstream(o);
+        }
         if (TransitionRunning) o.tState = STALE;else o.state = STALE;
       }
       if (Updates.length > 10e5) {
@@ -756,8 +759,8 @@ function createComputation(fn, init, pure, state = STALE, options) {
 }
 function runTop(node) {
   const runningTransition = Transition && Transition.running;
-  if (!runningTransition && node.state !== STALE) return node.state = 0;
-  if (runningTransition && node.tState !== STALE) return node.tState = 0;
+  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)) {
@@ -878,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) {
@@ -950,7 +953,7 @@ function handleError(err) {
   fns.forEach(f => f(err));
 }
 function lookup(owner, key) {
-  return owner && (owner.context && owner.context[key] !== undefined ? owner.context[key] : owner.owner && lookup(owner.owner, key));
+  return owner ? owner.context && owner.context[key] !== undefined ? owner.context[key] : lookup(owner.owner, key) : undefined;
 }
 function resolveChildren(children) {
   if (typeof children === "function" && !children.length) return resolveChildren(children());

package/dist/server.cjs

@@ -118,7 +118,8 @@ function createContext(defaultValue) {
   };
 }
 function useContext(context) {
-  return lookup(Owner, context.id) || context.defaultValue;
+  let ctx;
+  return (ctx = lookup(Owner, context.id)) !== undefined ? ctx : context.defaultValue;
 }
 function getOwner() {
   return Owner;
@@ -136,7 +137,7 @@ function runWithOwner(o, fn) {
   }
 }
 function lookup(owner, key) {
-  return owner && (owner.context && owner.context[key] !== undefined ? owner.context[key] : owner.owner && lookup(owner.owner, key));
+  return owner ? owner.context && owner.context[key] !== undefined ? owner.context[key] : lookup(owner.owner, key) : undefined;
 }
 function resolveChildren(children) {
   if (typeof children === "function" && !children.length) return resolveChildren(children());
@@ -330,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++;
@@ -371,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

@@ -114,7 +114,8 @@ function createContext(defaultValue) {
   };
 }
 function useContext(context) {
-  return lookup(Owner, context.id) || context.defaultValue;
+  let ctx;
+  return (ctx = lookup(Owner, context.id)) !== undefined ? ctx : context.defaultValue;
 }
 function getOwner() {
   return Owner;
@@ -132,7 +133,7 @@ function runWithOwner(o, fn) {
   }
 }
 function lookup(owner, key) {
-  return owner && (owner.context && owner.context[key] !== undefined ? owner.context[key] : owner.owner && lookup(owner.owner, key));
+  return owner ? owner.context && owner.context[key] !== undefined ? owner.context[key] : lookup(owner.owner, key) : undefined;
 }
 function resolveChildren(children) {
   if (typeof children === "function" && !children.length) return resolveChildren(children());
@@ -326,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++;
@@ -367,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

@@ -531,7 +531,8 @@ function createContext(defaultValue) {
   };
 }
 function useContext(context) {
-  return lookup(Owner, context.id) || context.defaultValue;
+  let ctx;
+  return (ctx = lookup(Owner, context.id)) !== undefined ? ctx : context.defaultValue;
 }
 function children(fn) {
   const children = createMemo(fn);
@@ -612,8 +613,10 @@ function writeSignal(node, value, isComp) {
       for (let i = 0; i < node.observers.length; i += 1) {
         const o = node.observers[i];
         if (TransitionRunning && Transition.disposed.has(o)) continue;
-        if (o.pure) Updates.push(o);else Effects.push(o);
-        if (o.observers && (TransitionRunning && !o.tState || !TransitionRunning && !o.state)) markUpstream(o);
+        if (TransitionRunning && !o.tState || !TransitionRunning && !o.state) {
+          if (o.pure) Updates.push(o);else Effects.push(o);
+          if (o.observers) markUpstream(o);
+        }
         if (TransitionRunning) o.tState = STALE;else o.state = STALE;
       }
       if (Updates.length > 10e5) {
@@ -703,8 +706,8 @@ function createComputation(fn, init, pure, state = STALE, options) {
 }
 function runTop(node) {
   const runningTransition = Transition && Transition.running;
-  if (!runningTransition && node.state !== STALE) return node.state = 0;
-  if (runningTransition && node.tState !== STALE) return node.tState = 0;
+  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)) {
@@ -824,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) {
@@ -896,7 +899,7 @@ function handleError(err) {
   fns.forEach(f => f(err));
 }
 function lookup(owner, key) {
-  return owner && (owner.context && owner.context[key] !== undefined ? owner.context[key] : owner.owner && lookup(owner.owner, key));
+  return owner ? owner.context && owner.context[key] !== undefined ? owner.context[key] : lookup(owner.owner, key) : undefined;
 }
 function resolveChildren(children) {
   if (typeof children === "function" && !children.length) return resolveChildren(children());

package/dist/solid.js

@@ -527,7 +527,8 @@ function createContext(defaultValue) {
   };
 }
 function useContext(context) {
-  return lookup(Owner, context.id) || context.defaultValue;
+  let ctx;
+  return (ctx = lookup(Owner, context.id)) !== undefined ? ctx : context.defaultValue;
 }
 function children(fn) {
   const children = createMemo(fn);
@@ -608,8 +609,10 @@ function writeSignal(node, value, isComp) {
       for (let i = 0; i < node.observers.length; i += 1) {
         const o = node.observers[i];
         if (TransitionRunning && Transition.disposed.has(o)) continue;
-        if (o.pure) Updates.push(o);else Effects.push(o);
-        if (o.observers && (TransitionRunning && !o.tState || !TransitionRunning && !o.state)) markUpstream(o);
+        if (TransitionRunning && !o.tState || !TransitionRunning && !o.state) {
+          if (o.pure) Updates.push(o);else Effects.push(o);
+          if (o.observers) markUpstream(o);
+        }
         if (TransitionRunning) o.tState = STALE;else o.state = STALE;
       }
       if (Updates.length > 10e5) {
@@ -699,8 +702,8 @@ function createComputation(fn, init, pure, state = STALE, options) {
 }
 function runTop(node) {
   const runningTransition = Transition && Transition.running;
-  if (!runningTransition && node.state !== STALE) return node.state = 0;
-  if (runningTransition && node.tState !== STALE) return node.tState = 0;
+  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)) {
@@ -820,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) {
@@ -892,7 +895,7 @@ function handleError(err) {
   fns.forEach(f => f(err));
 }
 function lookup(owner, key) {
-  return owner && (owner.context && owner.context[key] !== undefined ? owner.context[key] : owner.owner && lookup(owner.owner, key));
+  return owner ? owner.context && owner.context[key] !== undefined ? owner.context[key] : lookup(owner.owner, key) : undefined;
 }
 function resolveChildren(children) {
   if (typeof children === "function" && !children.length) return resolveChildren(children());

package/package.json

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

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/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 = {

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 = {

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;