solid-js 1.5.1 → 1.5.4

package/h/jsx-runtime/types/jsx.d.ts

@@ -283,9 +283,10 @@ export namespace JSX {
     onanimationiteration?: EventHandlerUnion<T, AnimationEvent>;
     ontransitionend?: EventHandlerUnion<T, TransitionEvent>;
   }
-  
+
   interface CSSProperties extends csstype.PropertiesHyphen {
     // Override
+    [key: `-${string}`]: string | number | undefined
   }
 
   type HTMLAutocapitalize = "off" | "none" | "on" | "sentences" | "words" | "characters";
@@ -527,6 +528,77 @@ export namespace JSX {
     "aria-valuenow"?: number | string;
     /** Defines the human readable text alternative of aria-valuenow for a range widget. */
     "aria-valuetext"?: string;
+    role?: FunctionMaybe<
+    | "alert"
+    | "alertdialog"
+    | "application"
+    | "article"
+    | "banner"
+    | "button"
+    | "cell"
+    | "checkbox"
+    | "columnheader"
+    | "combobox"
+    | "complementary"
+    | "contentinfo"
+    | "definition"
+    | "dialog"
+    | "directory"
+    | "document"
+    | "feed"
+    | "figure"
+    | "form"
+    | "grid"
+    | "gridcell"
+    | "group"
+    | "heading"
+    | "img"
+    | "link"
+    | "list"
+    | "listbox"
+    | "listitem"
+    | "log"
+    | "main"
+    | "marquee"
+    | "math"
+    | "menu"
+    | "menubar"
+    | "menuitem"
+    | "menuitemcheckbox"
+    | "menuitemradio"
+    | "meter"
+    | "navigation"
+    | "none"
+    | "note"
+    | "option"
+    | "presentation"
+    | "progressbar"
+    | "radio"
+    | "radiogroup"
+    | "region"
+    | "row"
+    | "rowgroup"
+    | "rowheader"
+    | "scrollbar"
+    | "search"
+    | "searchbox"
+    | "separator"
+    | "slider"
+    | "spinbutton"
+    | "status"
+    | "switch"
+    | "tab"
+    | "table"
+    | "tablist"
+    | "tabpanel"
+    | "term"
+    | "textbox"
+    | "timer"
+    | "toolbar"
+    | "tooltip"
+    | "tree"
+    | "treegrid"
+    | "treeitem">;
   }
 
   interface HTMLAttributes<T> extends AriaAttributes, DOMAttributes<T> {
@@ -552,77 +624,6 @@ export namespace JSX {
     resource?: FunctionMaybe<string>;
     typeof?: FunctionMaybe<string>;
     vocab?: FunctionMaybe<string>;
-    role?: FunctionMaybe<
-      | "alert"
-      | "alertdialog"
-      | "application"
-      | "article"
-      | "banner"
-      | "button"
-      | "cell"
-      | "checkbox"
-      | "columnheader"
-      | "combobox"
-      | "complementary"
-      | "contentinfo"
-      | "definition"
-      | "dialog"
-      | "directory"
-      | "document"
-      | "feed"
-      | "figure"
-      | "form"
-      | "grid"
-      | "gridcell"
-      | "group"
-      | "heading"
-      | "img"
-      | "link"
-      | "list"
-      | "listbox"
-      | "listitem"
-      | "log"
-      | "main"
-      | "marquee"
-      | "math"
-      | "menu"
-      | "menubar"
-      | "menuitem"
-      | "menuitemcheckbox"
-      | "menuitemradio"
-      | "meter"
-      | "navigation"
-      | "none"
-      | "note"
-      | "option"
-      | "presentation"
-      | "progressbar"
-      | "radio"
-      | "radiogroup"
-      | "region"
-      | "row"
-      | "rowgroup"
-      | "rowheader"
-      | "scrollbar"
-      | "search"
-      | "searchbox"
-      | "separator"
-      | "slider"
-      | "spinbutton"
-      | "status"
-      | "switch"
-      | "tab"
-      | "table"
-      | "tablist"
-      | "tabpanel"
-      | "term"
-      | "textbox"
-      | "timer"
-      | "toolbar"
-      | "tooltip"
-      | "tree"
-      | "treegrid"
-      | "treeitem">;
     autocapitalize?: FunctionMaybe<HTMLAutocapitalize>;
     slot?: FunctionMaybe<string>;
     color?: FunctionMaybe<string>;
@@ -1082,7 +1083,7 @@ export namespace JSX {
     | "defer xMidYMax slice"
     | "defer xMaxYMax slice";
   type SVGUnits = "userSpaceOnUse" | "objectBoundingBox";
-  interface CoreSVGAttributes<T> extends DOMAttributes<T> {
+  interface CoreSVGAttributes<T> extends AriaAttributes, DOMAttributes<T> {
     id?: FunctionMaybe<string>;
     lang?: FunctionMaybe<string>;
     tabIndex?: FunctionMaybe<number | string>;

package/h/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "solid-js/h",
+  "main": "./dist/h.cjs",
+  "module": "./dist/h.js",
+  "types": "./types/index.d.ts",
+  "type": "module",
+  "sideEffects": false
+}

package/html/dist/html.cjs

@@ -420,7 +420,7 @@ function createHTML(r, {
       options.first = false;
       processChildren(node, options);
       if (topDecl) {
-        options.decl[0] = options.hasCustomElement ? `const ${tag} = document.importNode(tmpls[${templateId}].content.firstChild, true)` : `const ${tag} = tmpls[${templateId}].content.firstChild.cloneNode(true)`;
+        options.decl[0] = options.hasCustomElement ? `const ${tag} = r.untrack(() => document.importNode(tmpls[${templateId}].content.firstChild, true))` : `const ${tag} = tmpls[${templateId}].content.firstChild.cloneNode(true)`;
       }
     } else if (node.type === "text") {
       const tag = `_$el${uuid++}`;
@@ -479,6 +479,7 @@ var index = createHTML({
   effect: web.effect,
   style: web.style,
   insert: web.insert,
+  untrack: web.untrack,
   spread: web.spread,
   createComponent: web.createComponent,
   delegateEvents: web.delegateEvents,

package/html/dist/html.js

@@ -1,4 +1,4 @@
-import { effect, style, insert, spread, createComponent, delegateEvents, classList, mergeProps, dynamicProperty, setAttribute, setAttributeNS, addEventListener, Aliases, PropAliases, Properties, ChildProperties, DelegatedEvents, SVGElements, SVGNamespace } from 'solid-js/web';
+import { effect, style, insert, untrack, spread, createComponent, delegateEvents, classList, mergeProps, dynamicProperty, setAttribute, setAttributeNS, addEventListener, Aliases, PropAliases, Properties, ChildProperties, DelegatedEvents, SVGElements, SVGNamespace } from 'solid-js/web';
 
 const tagRE = /(?:<!--[\S\s]*?-->|<(?:"[^"]*"['"]*|'[^']*'['"]*|[^'">])+>)/g;
 const attrRE = /(?:\s(?<boolean>[^/\s><=]+?)(?=[\s/>]))|(?:(?<name>\S+?)(?:\s*=\s*(?:(['"])(?<quotedValue>[\s\S]*?)\3|(?<unquotedValue>[^\s>]+))))/g;
@@ -418,7 +418,7 @@ function createHTML(r, {
       options.first = false;
       processChildren(node, options);
       if (topDecl) {
-        options.decl[0] = options.hasCustomElement ? `const ${tag} = document.importNode(tmpls[${templateId}].content.firstChild, true)` : `const ${tag} = tmpls[${templateId}].content.firstChild.cloneNode(true)`;
+        options.decl[0] = options.hasCustomElement ? `const ${tag} = r.untrack(() => document.importNode(tmpls[${templateId}].content.firstChild, true))` : `const ${tag} = tmpls[${templateId}].content.firstChild.cloneNode(true)`;
       }
     } else if (node.type === "text") {
       const tag = `_$el${uuid++}`;
@@ -477,6 +477,7 @@ var index = createHTML({
   effect,
   style,
   insert,
+  untrack,
   spread,
   createComponent,
   delegateEvents,

package/html/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "solid-js/html",
+  "main": "./dist/html.cjs",
+  "module": "./dist/html.js",
+  "types": "./types/index.d.ts",
+  "type": "module",
+  "sideEffects": false
+}

package/html/types/lit.d.ts

@@ -1,6 +1,7 @@
 declare type MountableElement = Element | Document | ShadowRoot | DocumentFragment | Node;
 interface Runtime {
     effect<T>(fn: (prev?: T) => T, init?: T): any;
+    untrack<T>(fn: () => T): T;
     insert(parent: MountableElement, accessor: any, marker?: Node | null, init?: any): any;
     spread<T>(node: Element, accessor: (() => T) | T, isSVG?: Boolean, skipChildren?: Boolean): void;
     createComponent(Comp: (props: any) => any, props: any): any;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "solid-js",
   "description": "A declarative JavaScript library for building user interfaces.",
-  "version": "1.5.1",
+  "version": "1.5.4",
   "author": "Ryan Carniato",
   "license": "MIT",
   "homepage": "https://solidjs.com",
@@ -23,16 +23,22 @@
     "dist",
     "store/dist",
     "store/types",
+    "store/package.json",
     "web/dist",
     "web/types",
+    "web/package.json",
     "h/dist",
     "h/types",
+    "h/package.json",
     "h/jsx-runtime/dist",
     "h/jsx-runtime/types",
+    "h/jsx-runtime/package.json",
     "html/dist",
     "html/types",
+    "html/package.json",
     "universal/dist",
     "universal/types",
+    "universal/package.json",
     "types",
     "jsx-runtime.d.ts"
   ],

package/store/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "solid-js/store",
+  "main": "./dist/server.cjs",
+  "module": "./dist/server.js",
+  "browser": {
+    "./dist/server.cjs": "./dist/store.cjs",
+    "./dist/server.js": "./dist/store.js"
+  },
+  "unpkg": "./dist/store.cjs",
+  "types": "./types/index.d.ts",
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "browser": {
+        "development": {
+          "import": {
+            "types": "./types/index.d.ts",
+            "default": "./dist/dev.js"
+          },
+          "require": "./dist/dev.cjs"
+        },
+        "import": {
+          "types": "./types/index.d.ts",
+          "default": "./dist/store.js"
+        },
+        "require": "./dist/store.cjs"
+      },
+      "node": {
+        "import": {
+          "types": "./types/index.d.ts",
+          "default": "./dist/server.js"
+        },
+        "require": "./dist/server.cjs"
+      },
+      "development": {
+        "import": {
+          "types": "./types/index.d.ts",
+          "default": "./dist/dev.js"
+        },
+        "require": "./dist/dev.cjs"
+      },
+      "import": {
+        "types": "./types/index.d.ts",
+        "default": "./dist/store.js"
+      },
+      "require": "./dist/store.cjs"
+    }
+  }
+}

package/types/jsx.d.ts

@@ -1,4 +1,4 @@
-import * as csstype from 'csstype/index.js';
+import * as csstype from 'csstype';
 
 /**
  * Based on JSX types for Surplus and Inferno and adapted for `dom-expressions`.
@@ -285,6 +285,7 @@ export namespace JSX {
 
   interface CSSProperties extends csstype.PropertiesHyphen {
     // Override
+    [key: `-${string}`]: string | number | undefined
   }
 
   type HTMLAutocapitalize = "off" | "none" | "on" | "sentences" | "words" | "characters";
@@ -526,40 +527,6 @@ export namespace JSX {
     "aria-valuenow"?: number | string;
     /** Defines the human readable text alternative of aria-valuenow for a range widget. */
     "aria-valuetext"?: string;
-  }
-
-  // TODO: Should we allow this?
-  // type ClassKeys = `class:${string}`;
-  // type CSSKeys = Exclude<keyof csstype.PropertiesHyphen, `-${string}`>;
-
-  // type CSSAttributes = {
-  //   [key in CSSKeys as `style:${key}`]: csstype.PropertiesHyphen[key];
-  // };
-
-  interface HTMLAttributes<T> extends AriaAttributes, DOMAttributes<T> {
-    // [key: ClassKeys]: boolean;
-    accessKey?: string;
-    class?: string;
-    contenteditable?: boolean | "inherit";
-    contextmenu?: string;
-    dir?: HTMLDir;
-    draggable?: boolean;
-    hidden?: boolean;
-    id?: string;
-    lang?: string;
-    spellcheck?: boolean;
-    style?: CSSProperties | string;
-    tabindex?: number | string;
-    title?: string;
-    translate?: "yes" | "no";
-    about?: string;
-    datatype?: string;
-    inlist?: any;
-    prefix?: string;
-    property?: string;
-    resource?: string;
-    typeof?: string;
-    vocab?: string;
     role?:
       | "alert"
       | "alertdialog"
@@ -631,6 +598,40 @@ export namespace JSX {
       | "tree"
       | "treegrid"
       | "treeitem";
+  }
+
+  // TODO: Should we allow this?
+  // type ClassKeys = `class:${string}`;
+  // type CSSKeys = Exclude<keyof csstype.PropertiesHyphen, `-${string}`>;
+
+  // type CSSAttributes = {
+  //   [key in CSSKeys as `style:${key}`]: csstype.PropertiesHyphen[key];
+  // };
+
+  interface HTMLAttributes<T> extends AriaAttributes, DOMAttributes<T> {
+    // [key: ClassKeys]: boolean;
+    accessKey?: string;
+    class?: string;
+    contenteditable?: boolean | "inherit";
+    contextmenu?: string;
+    dir?: HTMLDir;
+    draggable?: boolean;
+    hidden?: boolean;
+    id?: string;
+    lang?: string;
+    spellcheck?: boolean;
+    style?: CSSProperties | string;
+    tabindex?: number | string;
+    title?: string;
+    translate?: "yes" | "no";
+    about?: string;
+    datatype?: string;
+    inlist?: any;
+    prefix?: string;
+    property?: string;
+    resource?: string;
+    typeof?: string;
+    vocab?: string;
     autocapitalize?: HTMLAutocapitalize;
     slot?: string;
     color?: string;
@@ -1090,7 +1091,7 @@ export namespace JSX {
     | "defer xMidYMax slice"
     | "defer xMaxYMax slice";
   type SVGUnits = "userSpaceOnUse" | "objectBoundingBox";
-  interface CoreSVGAttributes<T> extends DOMAttributes<T> {
+  interface CoreSVGAttributes<T> extends AriaAttributes, DOMAttributes<T> {
     id?: string;
     lang?: string;
     tabIndex?: number | string;

package/types/reactive/observable.d.ts

@@ -25,8 +25,8 @@ export declare function observable<T>(input: Accessor<T>): {
     };
     [Symbol.observable](): any;
 };
-export declare function from<T>(producer: ((setter: Setter<T>) => () => void) | {
+export declare function from<T>(producer: ((setter: Setter<T | undefined>) => () => void) | {
     subscribe: (fn: (v: T) => void) => (() => void) | {
         unsubscribe: () => void;
     };
-}): Accessor<T>;
+}): Accessor<T | undefined>;

package/types/reactive/signal.d.ts

@@ -234,7 +234,7 @@ interface Errored {
 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>;
+    mutate: Setter<T>;
     refetch: (info?: R) => T | Promise<T> | undefined | null;
 };
 export declare type ResourceSource<S> = S | false | null | undefined | (() => S | false | null | undefined);
@@ -256,7 +256,10 @@ export declare type ResourceOptions<T, S = unknown> = {
 export declare type InitializedResourceOptions<T, S = unknown> = ResourceOptions<T, S> & {
     initialValue: T;
 };
-export declare type ResourceReturn<T, R = unknown> = [Resource<T>, ResourceActions<T, R>];
+export declare type ResourceReturn<T, R = unknown> = [
+    Resource<T>,
+    ResourceActions<T | undefined, R>
+];
 export declare type InitializedResourceReturn<T, R = unknown> = [
     InitializedResource<T>,
     ResourceActions<T, R>

package/types/server/index.d.ts

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

package/types/server/reactive.d.ts

@@ -1,5 +1,6 @@
 export declare const equalFn: <T>(a: T, b: T) => boolean;
 export declare const $PROXY: unique symbol;
+export declare const $TRACK: unique symbol;
 export declare const $DEVCOMP: unique symbol;
 export declare const DEV: {};
 export declare type Accessor<T> = () => T;

package/types/server/rendering.d.ts

@@ -82,7 +82,6 @@ declare type SuspenseContextType = {
         loading: boolean;
         error: any;
     }>;
-    complete: boolean;
     completed: () => void;
 };
 export declare type ResourceActions<T> = {
@@ -131,6 +130,7 @@ declare type HydrationContext = {
     count: number;
     writeResource: (id: string, v: Promise<any> | any, error?: boolean, deferStream?: boolean) => void;
     replace: (id: string, replacement: () => any) => void;
+    block: (p: Promise<any>) => void;
     resources: Record<string, any>;
     suspense: Record<string, SuspenseContextType>;
     registerFragment: (v: string) => (v?: string, err?: any) => boolean;

package/universal/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "solid-js/universal",
+  "main": "./dist/universal.cjs",
+  "module": "./dist/universal.js",
+  "types": "./types/index.d.ts",
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "development": {
+        "import": {
+          "types": "./types/index.d.ts",
+          "default": "./dist/dev.js"
+        },
+        "require": "./dist/dev.cjs"
+      },
+      "import": {
+        "types": "./types/index.d.ts",
+        "default": "./dist/universal.js"
+      },
+      "require": "./dist/universal.cjs"
+    }
+  }
+}

package/web/dist/dev.cjs

@@ -250,6 +250,8 @@ function hydrate$1(code, element, options = {}) {
 function getNextElement(template) {
   let node, key;
   if (!solidJs.sharedConfig.context || !(node = solidJs.sharedConfig.registry.get(key = getHydrationKey()))) {
+    if (solidJs.sharedConfig.context) console.warn("Unable to find DOM nodes for hydration key:", key);
+    if (!template) throw new Error("Unrecoverable Hydration Mismatch. No template for key: " + key);
     return template.cloneNode(true);
   }
   if (solidJs.sharedConfig.completed) solidJs.sharedConfig.completed.add(node);
@@ -458,7 +460,7 @@ function normalizeIncomingArray(normalized, array, current, unwrap) {
     } else if ((typeof item) === "function") {
       if (unwrap) {
         while (typeof item === "function") item = item();
-        dynamic = normalizeIncomingArray(normalized, Array.isArray(item) ? item : [item], prev) || dynamic;
+        dynamic = normalizeIncomingArray(normalized, Array.isArray(item) ? item : [item], Array.isArray(prev) ? prev : [prev]) || dynamic;
       } else {
         normalized.push(item);
         dynamic = true;
@@ -644,6 +646,10 @@ Object.defineProperty(exports, 'mergeProps', {
   enumerable: true,
   get: function () { return solidJs.mergeProps; }
 });
+Object.defineProperty(exports, 'untrack', {
+  enumerable: true,
+  get: function () { return solidJs.untrack; }
+});
 exports.Aliases = Aliases;
 exports.Assets = voidFn;
 exports.ChildProperties = ChildProperties;

package/web/dist/dev.js

@@ -1,5 +1,5 @@
 import { createMemo, createRoot, createRenderEffect, sharedConfig, untrack, enableHydration, createSignal, onCleanup, splitProps, $DEVCOMP } from 'solid-js';
-export { ErrorBoundary, For, Index, Match, Show, Suspense, SuspenseList, Switch, createComponent, createRenderEffect as effect, getOwner, mergeProps } from 'solid-js';
+export { ErrorBoundary, For, Index, Match, Show, Suspense, SuspenseList, Switch, createComponent, createRenderEffect as effect, getOwner, mergeProps, untrack } from 'solid-js';
 
 const booleans = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"];
 const Properties = /*#__PURE__*/new Set(["className", "value", "readOnly", "formNoValidate", "isMap", "noModule", "playsInline", ...booleans]);
@@ -247,6 +247,8 @@ function hydrate$1(code, element, options = {}) {
 function getNextElement(template) {
   let node, key;
   if (!sharedConfig.context || !(node = sharedConfig.registry.get(key = getHydrationKey()))) {
+    if (sharedConfig.context) console.warn("Unable to find DOM nodes for hydration key:", key);
+    if (!template) throw new Error("Unrecoverable Hydration Mismatch. No template for key: " + key);
     return template.cloneNode(true);
   }
   if (sharedConfig.completed) sharedConfig.completed.add(node);
@@ -455,7 +457,7 @@ function normalizeIncomingArray(normalized, array, current, unwrap) {
     } else if ((typeof item) === "function") {
       if (unwrap) {
         while (typeof item === "function") item = item();
-        dynamic = normalizeIncomingArray(normalized, Array.isArray(item) ? item : [item], prev) || dynamic;
+        dynamic = normalizeIncomingArray(normalized, Array.isArray(item) ? item : [item], Array.isArray(prev) ? prev : [prev]) || dynamic;
       } else {
         normalized.push(item);
         dynamic = true;

package/web/dist/server.cjs

@@ -266,8 +266,7 @@ 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 = "";
-  let context;
-  solidJs.sharedConfig.context = context = {
+  solidJs.sharedConfig.context = {
     id: options.renderId || "",
     count: 0,
     suspense: {},
@@ -279,8 +278,8 @@ function renderToString(code, options = {}) {
     }
   };
   let html = resolveSSRNode(escape(code()));
-  solidJs.sharedConfig.context = undefined;
-  html = injectAssets(context.assets, html);
+  solidJs.sharedConfig.context.noHydrate = true;
+  html = injectAssets(solidJs.sharedConfig.context.assets, html);
   if (scripts.length) html = injectScripts(html, scripts, options.nonce);
   return html;
 }
@@ -354,6 +353,9 @@ function renderToStream(code, options = {}) {
     suspense: {},
     assets: [],
     nonce,
+    block(p) {
+      if (!firstFlushed) blockingResources.push(p);
+    },
     replace(id, payloadFn) {
       if (firstFlushed) return;
       const placeholder = `<!${id}>`;
@@ -393,14 +395,15 @@ function renderToStream(code, options = {}) {
             }
           }
         }
-        Promise.resolve().then(checkEnd);
+        if (!registry.size) Promise.resolve().then(checkEnd);
         return firstFlushed;
       };
     }
   };
   let html = resolveSSRNode(escape(code()));
   function doShell() {
-    solidJs.sharedConfig.context = undefined;
+    solidJs.sharedConfig.context = context;
+    context.noHydrate = true;
     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}")`);
@@ -429,7 +432,7 @@ function renderToStream(code, options = {}) {
           complete();
         };
       } else onCompleteAll = complete;
-      checkEnd();
+      if (!registry.size) Promise.resolve().then(checkEnd);
     },
     pipe(w) {
       Promise.allSettled(blockingResources).then(() => {
@@ -528,8 +531,8 @@ function ssrElement(tag, props, children, needsId) {
   let classResolved;
   for (let i = 0; i < keys.length; i++) {
     const prop = keys[i];
-    if (ChildProperties.has(prop) && children === undefined) {
-      children = prop === "innerHTML" ? props[prop] : escape(props[prop]);
+    if (ChildProperties.has(prop)) {
+      if (children === undefined) children = prop === "innerHTML" ? props[prop] : escape(props[prop]);
       continue;
     }
     const value = props[prop];
@@ -760,7 +763,9 @@ function ssrSpread(props, isSVG, skipChildren) {
 }
 
 const isServer = true;
+function insert() {}
 function spread() {}
+function delegateEvents() {}
 function Dynamic(props) {
   const [p, others] = solidJs.splitProps(props, ["component"]);
   const comp = p.component,
@@ -820,10 +825,12 @@ exports.Dynamic = Dynamic;
 exports.HydrationScript = HydrationScript;
 exports.NoHydration = NoHydration;
 exports.Portal = Portal;
+exports.delegateEvents = delegateEvents;
 exports.escape = escape;
 exports.generateHydrationScript = generateHydrationScript;
 exports.getAssets = getAssets;
 exports.getHydrationKey = getHydrationKey;
+exports.insert = insert;
 exports.isServer = isServer;
 exports.pipeToNodeWritable = pipeToNodeWritable;
 exports.pipeToWritable = pipeToWritable;