solid-js 1.8.4 → 1.8.6

package/dist/dev.cjs

@@ -159,7 +159,8 @@ let Effects = null;
 let ExecCount = 0;
 const DevHooks = {
   afterUpdate: null,
-  afterCreateOwner: null
+  afterCreateOwner: null,
+  afterCreateSignal: null
 };
 const [transPending, setTransPending] = /*@__PURE__*/createSignal(false);
 function createRoot(fn, detachedOwner) {
@@ -199,9 +200,10 @@ function createSignal(value, options) {
     observerSlots: null,
     comparator: options.equals || undefined
   };
-  if (!options.internal) {
+  {
     if (options.name) s.name = options.name;
-    registerGraph(s);
+    if (DevHooks.afterCreateSignal) DevHooks.afterCreateSignal(s);
+    if (!options.internal) registerGraph(s);
   }
   const setter = value => {
     if (typeof value === "function") {
@@ -352,11 +354,11 @@ function createResource(pSource, pFetcher, pOptions) {
       loadEnd(pr, p, undefined, lookup);
       return p;
     }
+    pr = p;
     if ("value" in p) {
       if (p.status === "success") loadEnd(pr, p.value, undefined, lookup);else loadEnd(pr, undefined, undefined, lookup);
       return p;
     }
-    pr = p;
     scheduled = true;
     queueMicrotask(() => scheduled = false);
     runUpdates(() => {
@@ -676,10 +678,7 @@ function writeSignal(node, value, isComp) {
 function updateComputation(node) {
   if (!node.fn) return;
   cleanNode(node);
-  const owner = Owner,
-    listener = Listener,
-    time = ExecCount;
-  Listener = Owner = node;
+  const time = ExecCount;
   runComputation(node, Transition && Transition.running && Transition.sources.has(node) ? node.tValue : node.value, time);
   if (Transition && !Transition.running && Transition.sources.has(node)) {
     queueMicrotask(() => {
@@ -691,11 +690,12 @@ function updateComputation(node) {
       }, false);
     });
   }
-  Listener = listener;
-  Owner = owner;
 }
 function runComputation(node, value, time) {
   let nextValue;
+  const owner = Owner,
+    listener = Listener;
+  Listener = Owner = node;
   try {
     nextValue = node.fn(value);
   } catch (err) {
@@ -712,6 +712,9 @@ function runComputation(node, value, time) {
     }
     node.updatedAt = time + 1;
     return handleError(err);
+  } finally {
+    Listener = listener;
+    Owner = owner;
   }
   if (!node.updatedAt || node.updatedAt <= time) {
     if (node.updatedAt != null && "observers" in node) {

package/dist/dev.js

@@ -159,7 +159,8 @@ let Effects = null;
 let ExecCount = 0;
 const DevHooks = {
   afterUpdate: null,
-  afterCreateOwner: null
+  afterCreateOwner: null,
+  afterCreateSignal: null
 };
 const [transPending, setTransPending] = /*@__PURE__*/ createSignal(false);
 function createRoot(fn, detachedOwner) {
@@ -204,9 +205,10 @@ function createSignal(value, options) {
     observerSlots: null,
     comparator: options.equals || undefined
   };
-  if (!options.internal) {
+  {
     if (options.name) s.name = options.name;
-    registerGraph(s);
+    if (DevHooks.afterCreateSignal) DevHooks.afterCreateSignal(s);
+    if (!options.internal) registerGraph(s);
   }
   const setter = value => {
     if (typeof value === "function") {
@@ -376,12 +378,12 @@ function createResource(pSource, pFetcher, pOptions) {
       loadEnd(pr, p, undefined, lookup);
       return p;
     }
+    pr = p;
     if ("value" in p) {
       if (p.status === "success") loadEnd(pr, p.value, undefined, lookup);
       else loadEnd(pr, undefined, undefined, lookup);
       return p;
     }
-    pr = p;
     scheduled = true;
     queueMicrotask(() => (scheduled = false));
     runUpdates(() => {
@@ -753,10 +755,7 @@ function writeSignal(node, value, isComp) {
 function updateComputation(node) {
   if (!node.fn) return;
   cleanNode(node);
-  const owner = Owner,
-    listener = Listener,
-    time = ExecCount;
-  Listener = Owner = node;
+  const time = ExecCount;
   runComputation(
     node,
     Transition && Transition.running && Transition.sources.has(node) ? node.tValue : node.value,
@@ -772,11 +771,12 @@ function updateComputation(node) {
       }, false);
     });
   }
-  Listener = listener;
-  Owner = owner;
 }
 function runComputation(node, value, time) {
   let nextValue;
+  const owner = Owner,
+    listener = Listener;
+  Listener = Owner = node;
   try {
     nextValue = node.fn(value);
   } catch (err) {
@@ -793,6 +793,9 @@ function runComputation(node, value, time) {
     }
     node.updatedAt = time + 1;
     return handleError(err);
+  } finally {
+    Listener = listener;
+    Owner = owner;
   }
   if (!node.updatedAt || node.updatedAt <= time) {
     if (node.updatedAt != null && "observers" in node) {

package/dist/solid.cjs

@@ -336,11 +336,11 @@ function createResource(pSource, pFetcher, pOptions) {
       loadEnd(pr, p, undefined, lookup);
       return p;
     }
+    pr = p;
     if ("value" in p) {
       if (p.status === "success") loadEnd(pr, p.value, undefined, lookup);else loadEnd(pr, undefined, undefined, lookup);
       return p;
     }
-    pr = p;
     scheduled = true;
     queueMicrotask(() => scheduled = false);
     runUpdates(() => {
@@ -638,10 +638,7 @@ function writeSignal(node, value, isComp) {
 function updateComputation(node) {
   if (!node.fn) return;
   cleanNode(node);
-  const owner = Owner,
-    listener = Listener,
-    time = ExecCount;
-  Listener = Owner = node;
+  const time = ExecCount;
   runComputation(node, Transition && Transition.running && Transition.sources.has(node) ? node.tValue : node.value, time);
   if (Transition && !Transition.running && Transition.sources.has(node)) {
     queueMicrotask(() => {
@@ -653,11 +650,12 @@ function updateComputation(node) {
       }, false);
     });
   }
-  Listener = listener;
-  Owner = owner;
 }
 function runComputation(node, value, time) {
   let nextValue;
+  const owner = Owner,
+    listener = Listener;
+  Listener = Owner = node;
   try {
     nextValue = node.fn(value);
   } catch (err) {
@@ -674,6 +672,9 @@ function runComputation(node, value, time) {
     }
     node.updatedAt = time + 1;
     return handleError(err);
+  } finally {
+    Listener = listener;
+    Owner = owner;
   }
   if (!node.updatedAt || node.updatedAt <= time) {
     if (node.updatedAt != null && "observers" in node) {

package/dist/solid.js

@@ -356,12 +356,12 @@ function createResource(pSource, pFetcher, pOptions) {
       loadEnd(pr, p, undefined, lookup);
       return p;
     }
+    pr = p;
     if ("value" in p) {
       if (p.status === "success") loadEnd(pr, p.value, undefined, lookup);
       else loadEnd(pr, undefined, undefined, lookup);
       return p;
     }
-    pr = p;
     scheduled = true;
     queueMicrotask(() => (scheduled = false));
     runUpdates(() => {
@@ -702,10 +702,7 @@ function writeSignal(node, value, isComp) {
 function updateComputation(node) {
   if (!node.fn) return;
   cleanNode(node);
-  const owner = Owner,
-    listener = Listener,
-    time = ExecCount;
-  Listener = Owner = node;
+  const time = ExecCount;
   runComputation(
     node,
     Transition && Transition.running && Transition.sources.has(node) ? node.tValue : node.value,
@@ -721,11 +718,12 @@ function updateComputation(node) {
       }, false);
     });
   }
-  Listener = listener;
-  Owner = owner;
 }
 function runComputation(node, value, time) {
   let nextValue;
+  const owner = Owner,
+    listener = Listener;
+  Listener = Owner = node;
   try {
     nextValue = node.fn(value);
   } catch (err) {
@@ -742,6 +740,9 @@ function runComputation(node, value, time) {
     }
     node.updatedAt = time + 1;
     return handleError(err);
+  } finally {
+    Listener = listener;
+    Owner = owner;
   }
   if (!node.updatedAt || node.updatedAt <= time) {
     if (node.updatedAt != null && "observers" in node) {

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

@@ -51,6 +51,13 @@ export namespace JSX {
     1: any;
   }
   type EventHandlerUnion<T, E extends Event> = EventHandler<T, E> | BoundEventHandler<T, E>;
+
+  const SERIALIZABLE: unique symbol;
+  interface SerializableAttributeValue {
+    toString(): string;
+    [SERIALIZABLE]: never;
+  }
+
   interface IntrinsicAttributes {
     ref?: unknown | ((e: unknown) => void);
   }
@@ -718,7 +725,7 @@ export namespace JSX {
     autofocus?: FunctionMaybe<boolean>;
     disabled?: FunctionMaybe<boolean>;
     form?: FunctionMaybe<string>;
-    formaction?: FunctionMaybe<string>;
+    formaction?: FunctionMaybe<string | SerializableAttributeValue>;
     formenctype?: FunctionMaybe<HTMLFormEncType>;
     formmethod?: FunctionMaybe<HTMLFormMethod>;
     formnovalidate?: FunctionMaybe<boolean>;
@@ -726,7 +733,7 @@ export namespace JSX {
     name?: FunctionMaybe<string>;
     type?: FunctionMaybe<"submit" | "reset" | "button">;
     value?: FunctionMaybe<string>;
-    formAction?: FunctionMaybe<string>;
+    formAction?: FunctionMaybe<string | SerializableAttributeValue>;
     formEnctype?: FunctionMaybe<HTMLFormEncType>;
     formMethod?: FunctionMaybe<HTMLFormMethod>;
     formNoValidate?: FunctionMaybe<boolean>;
@@ -767,7 +774,7 @@ export namespace JSX {
   }
   interface FormHTMLAttributes<T> extends HTMLAttributes<T> {
     "accept-charset"?: FunctionMaybe<string>;
-    action?: FunctionMaybe<string>;
+    action?: FunctionMaybe<string | SerializableAttributeValue>;
     autocomplete?: FunctionMaybe<string>;
     encoding?: FunctionMaybe<HTMLFormEncType>;
     enctype?: FunctionMaybe<HTMLFormEncType>;
@@ -819,7 +826,7 @@ export namespace JSX {
     crossorigin?: FunctionMaybe<HTMLCrossorigin>;
     disabled?: FunctionMaybe<boolean>;
     form?: FunctionMaybe<string>;
-    formaction?: FunctionMaybe<string>;
+    formaction?: FunctionMaybe<string | SerializableAttributeValue>;
     formenctype?: FunctionMaybe<HTMLFormEncType>;
     formmethod?: FunctionMaybe<HTMLFormMethod>;
     formnovalidate?: FunctionMaybe<boolean>;
@@ -843,7 +850,7 @@ export namespace JSX {
     value?: FunctionMaybe<string | string[] | number>;
     width?: FunctionMaybe<number | string>;
     crossOrigin?: FunctionMaybe<HTMLCrossorigin>;
-    formAction?: FunctionMaybe<string>;
+    formAction?: FunctionMaybe<string | SerializableAttributeValue>;
     formEnctype?: FunctionMaybe<HTMLFormEncType>;
     formMethod?: FunctionMaybe<HTMLFormMethod>;
     formNoValidate?: FunctionMaybe<boolean>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "solid-js",
   "description": "A declarative JavaScript library for building user interfaces.",
-  "version": "1.8.4",
+  "version": "1.8.6",
   "author": "Ryan Carniato",
   "license": "MIT",
   "homepage": "https://solidjs.com",
@@ -80,6 +80,7 @@
       "require": "./dist/solid.cjs"
     },
     "./dist/*": "./dist/*",
+    "./types/*": "./types/*",
     "./jsx-runtime": {
       "types": "./types/jsx.d.ts",
       "default": "./dist/solid.js"
@@ -124,6 +125,7 @@
       "require": "./store/dist/store.cjs"
     },
     "./store/dist/*": "./store/dist/*",
+    "./store/types/*": "./store/types/*",
     "./web": {
       "worker": {
         "types": "./web/types/index.d.ts",
@@ -164,6 +166,7 @@
       "require": "./web/dist/storage.cjs"
     },
     "./web/dist/*": "./web/dist/*",
+    "./web/types/*": "./web/types/*",
     "./universal": {
       "development": {
         "types": "./universal/types/index.d.ts",
@@ -175,6 +178,7 @@
       "require": "./universal/dist/universal.cjs"
     },
     "./universal/dist/*": "./universal/dist/*",
+    "./universal/types/*": "./universal/types/*",
     "./h": {
       "types": "./h/types/index.d.ts",
       "import": "./h/dist/h.js",
@@ -191,6 +195,7 @@
       "require": "./h/jsx-runtime/dist/jsx.cjs"
     },
     "./h/dist/*": "./h/dist/*",
+    "./h/types/*": "./h/types/*",
     "./html": {
       "types": "./html/types/index.d.ts",
       "import": "./html/dist/html.js",
@@ -210,7 +215,7 @@
   ],
   "dependencies": {
     "csstype": "^3.1.0",
-    "seroval": "^0.12.0"
+    "seroval": "^0.14.1"
   },
   "scripts": {
     "build": "npm-run-all -nl build:*",

package/types/index.d.ts

@@ -74,6 +74,9 @@ export declare const DEV:
       readonly hooks: {
         afterUpdate: (() => void) | null;
         afterCreateOwner: ((owner: import("./reactive/signal.js").Owner) => void) | null;
+        afterCreateSignal:
+          | ((signal: import("./reactive/signal.js").SignalState<any>) => void)
+          | null;
       };
       readonly writeSignal: typeof writeSignal;
       readonly registerGraph: typeof registerGraph;

package/types/jsx.d.ts

@@ -118,6 +118,12 @@ export namespace JSX {
     | FocusEventHandler<T, E>
     | BoundFocusEventHandler<T, E>;
 
+  const SERIALIZABLE: unique symbol;
+  interface SerializableAttributeValue {
+    toString(): string;
+    [SERIALIZABLE]: never;
+  }
+
   interface IntrinsicAttributes {
     ref?: unknown | ((e: unknown) => void);
   }
@@ -791,7 +797,7 @@ export namespace JSX {
     autofocus?: boolean;
     disabled?: boolean;
     form?: string;
-    formaction?: string;
+    formaction?: string | SerializableAttributeValue;
     formenctype?: HTMLFormEncType;
     formmethod?: HTMLFormMethod;
     formnovalidate?: boolean;
@@ -799,7 +805,7 @@ export namespace JSX {
     name?: string;
     type?: "submit" | "reset" | "button";
     value?: string;
-    formAction?: string;
+    formAction?: string | SerializableAttributeValue;
     formEnctype?: HTMLFormEncType;
     formMethod?: HTMLFormMethod;
     formNoValidate?: boolean;
@@ -842,7 +848,7 @@ export namespace JSX {
   }
   interface FormHTMLAttributes<T> extends HTMLAttributes<T> {
     "accept-charset"?: string;
-    action?: string;
+    action?: string | SerializableAttributeValue;
     autocomplete?: string;
     encoding?: HTMLFormEncType;
     enctype?: HTMLFormEncType;
@@ -898,7 +904,7 @@ export namespace JSX {
     disabled?: boolean;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send";
     form?: string;
-    formaction?: string;
+    formaction?: string | SerializableAttributeValue;
     formenctype?: HTMLFormEncType;
     formmethod?: HTMLFormMethod;
     formnovalidate?: boolean;
@@ -924,7 +930,7 @@ export namespace JSX {
     value?: string | string[] | number;
     width?: number | string;
     crossOrigin?: HTMLCrossorigin;
-    formAction?: string;
+    formAction?: string | SerializableAttributeValue;
     formEnctype?: HTMLFormEncType;
     formMethod?: HTMLFormMethod;
     formNoValidate?: boolean;

package/types/reactive/signal.d.ts

@@ -35,6 +35,7 @@ declare let ExternalSourceFactory: ExternalSourceFactory | null;
 export declare const DevHooks: {
   afterUpdate: (() => void) | null;
   afterCreateOwner: ((owner: Owner) => void) | null;
+  afterCreateSignal: ((signal: SignalState<any>) => void) | null;
 };
 export type ComputationState = 0 | 1 | 2;
 export interface SourceMapValue {

package/web/dist/dev.cjs

@@ -2,7 +2,7 @@
 
 var solidJs = require('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 booleans = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "inert", "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]);
 const ChildProperties = /*#__PURE__*/new Set(["innerHTML", "textContent", "innerText", "children"]);
 const Aliases = /*#__PURE__*/Object.assign(Object.create(null), {

package/web/dist/dev.js

@@ -42,6 +42,7 @@ const booleans = [
   "formnovalidate",
   "hidden",
   "indeterminate",
+  "inert",
   "ismap",
   "loop",
   "multiple",

package/web/dist/server.cjs

@@ -3,7 +3,7 @@
 var solidJs = require('solid-js');
 var seroval = require('seroval');
 
-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 booleans = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "inert", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"];
 const BooleanAttributes = /*#__PURE__*/new Set(booleans);
 const ChildProperties = /*#__PURE__*/new Set(["innerHTML", "textContent", "innerText", "children"]);
 const Aliases = /*#__PURE__*/Object.assign(Object.create(null), {
@@ -30,9 +30,6 @@ function createSerializer({
     onError
   });
 }
-function getGlobalHeaderScript() {
-  return seroval.GLOBAL_CONTEXT_API_SCRIPT;
-}
 function getLocalHeaderScript(id) {
   return seroval.getCrossReferenceHeader(id);
 }
@@ -63,6 +60,12 @@ function renderToString(code, options = {}) {
     nonce: options.nonce,
     serialize(id, p) {
       !solidJs.sharedConfig.context.noHydrate && serializer.write(id, p);
+    },
+    pushed: 0,
+    push(p) {
+      const id = this.renderId + "i-" + this.pushed++;
+      this.serialize(id, p);
+      return id;
     }
   };
   let html = solidJs.createRoot(d => {
@@ -185,13 +188,19 @@ function renderToStream(code, options = {}) {
         });
       } else if (!serverOnly) serializer.write(id, p);
     },
+    pushed: 0,
+    push(p) {
+      const id = this.renderId + "i-" + this.pushed++;
+      this.serialize(id, p);
+      return id;
+    },
     registerFragment(key) {
       if (!registry.has(key)) {
         let resolve, reject;
         const p = new Promise((r, rej) => (resolve = r, reject = rej));
         registry.set(key, {
-          resolve,
-          reject
+          resolve: v => queue(() => queue(() => resolve(v))),
+          reject: e => queue(() => queue(() => reject(e)))
         });
         serializer.write(key, p);
       }
@@ -208,7 +217,7 @@ function renderToStream(code, options = {}) {
           }
           if ((value !== undefined || error) && !completed) {
             if (!firstFlushed) {
-              Promise.resolve().then(() => html = replacePlaceholder(html, key, value !== undefined ? value : ""));
+              queue(() => html = replacePlaceholder(html, key, value !== undefined ? value : ""));
               error ? reject(error) : resolve(true);
             } else {
               buffer.write(`<template id="${key}">${value !== undefined ? value : " "}</template>`);
@@ -218,7 +227,7 @@ function renderToStream(code, options = {}) {
             }
           }
         }
-        if (!registry.size) Promise.resolve().then(flushEnd);
+        if (!registry.size) queue(flushEnd);
         return firstFlushed;
       };
     }
@@ -253,7 +262,7 @@ function renderToStream(code, options = {}) {
           complete();
         };
       } else onCompleteAll = complete;
-      if (!registry.size) Promise.resolve().then(flushEnd);
+      if (!registry.size) queue(flushEnd);
     },
     pipe(w) {
       Promise.allSettled(blockingPromises).then(() => {
@@ -466,7 +475,7 @@ function generateHydrationScript({
   eventNames = ["click", "input"],
   nonce
 } = {}) {
-  return `<script${nonce ? ` nonce="${nonce}"` : ""}>window._$HY||(e=>{let t=e=>e&&e.hasAttribute&&(e.hasAttribute("data-hk")?e:t(e.host&&e.host.nodeType?e.host:e.parentNode));["${eventNames.join('", "')}"].forEach((o=>document.addEventListener(o,(o=>{let a=o.composedPath&&o.composedPath()[0]||o.target,s=t(a);s&&!e.completed.has(s)&&e.events.push([s,o])}))))})(_$HY={events:[],completed:new WeakSet,r:{},fe(){}});${getGlobalHeaderScript()}</script><!--xs-->`;
+  return `<script${nonce ? ` nonce="${nonce}"` : ""}>window._$HY||(e=>{let t=e=>e&&e.hasAttribute&&(e.hasAttribute("data-hk")?e:t(e.host&&e.host.nodeType?e.host:e.parentNode));["${eventNames.join('", "')}"].forEach((o=>document.addEventListener(o,(o=>{let a=o.composedPath&&o.composedPath()[0]||o.target,s=t(a);s&&!e.completed.has(s)&&e.events.push([s,o])}))))})(_$HY={events:[],completed:new WeakSet,r:{},fe(){}});</script><!--xs-->`;
 }
 function Hydration(props) {
   if (!solidJs.sharedConfig.context.noHydrate) return props.children;
@@ -485,6 +494,9 @@ function NoHydration(props) {
   solidJs.sharedConfig.context.noHydrate = true;
   return props.children;
 }
+function queue(fn) {
+  return Promise.resolve().then(fn);
+}
 function injectAssets(assets, html) {
   if (!assets || !assets.length) return html;
   let out = "";

package/web/dist/server.js

@@ -11,7 +11,7 @@ export {
   createComponent,
   mergeProps
 } from "solid-js";
-import { Feature, Serializer, GLOBAL_CONTEXT_API_SCRIPT, getCrossReferenceHeader } from "seroval";
+import { Feature, Serializer, getCrossReferenceHeader } from "seroval";
 
 const booleans = [
   "allowfullscreen",
@@ -25,6 +25,7 @@ const booleans = [
   "formnovalidate",
   "hidden",
   "indeterminate",
+  "inert",
   "ismap",
   "loop",
   "multiple",
@@ -63,9 +64,6 @@ function createSerializer({ onData, onDone, scopeId, onError }) {
     onError
   });
 }
-function getGlobalHeaderScript() {
-  return GLOBAL_CONTEXT_API_SCRIPT;
-}
 function getLocalHeaderScript(id) {
   return getCrossReferenceHeader(id);
 }
@@ -95,6 +93,12 @@ function renderToString(code, options = {}) {
     nonce: options.nonce,
     serialize(id, p) {
       !sharedConfig.context.noHydrate && serializer.write(id, p);
+    },
+    pushed: 0,
+    push(p) {
+      const id = this.renderId + "i-" + this.pushed++;
+      this.serialize(id, p);
+      return id;
     }
   };
   let html = createRoot(d => {
@@ -216,13 +220,19 @@ function renderToStream(code, options = {}) {
             });
       } else if (!serverOnly) serializer.write(id, p);
     },
+    pushed: 0,
+    push(p) {
+      const id = this.renderId + "i-" + this.pushed++;
+      this.serialize(id, p);
+      return id;
+    },
     registerFragment(key) {
       if (!registry.has(key)) {
         let resolve, reject;
         const p = new Promise((r, rej) => ((resolve = r), (reject = rej)));
         registry.set(key, {
-          resolve,
-          reject
+          resolve: v => queue(() => queue(() => resolve(v))),
+          reject: e => queue(() => queue(() => reject(e)))
         });
         serializer.write(key, p);
       }
@@ -236,9 +246,7 @@ function renderToStream(code, options = {}) {
           }
           if ((value !== undefined || error) && !completed) {
             if (!firstFlushed) {
-              Promise.resolve().then(
-                () => (html = replacePlaceholder(html, key, value !== undefined ? value : ""))
-              );
+              queue(() => (html = replacePlaceholder(html, key, value !== undefined ? value : "")));
               error ? reject(error) : resolve(true);
             } else {
               buffer.write(`<template id="${key}">${value !== undefined ? value : " "}</template>`);
@@ -248,7 +256,7 @@ function renderToStream(code, options = {}) {
             }
           }
         }
-        if (!registry.size) Promise.resolve().then(flushEnd);
+        if (!registry.size) queue(flushEnd);
         return firstFlushed;
       };
     }
@@ -284,7 +292,7 @@ function renderToStream(code, options = {}) {
           complete();
         };
       } else onCompleteAll = complete;
-      if (!registry.size) Promise.resolve().then(flushEnd);
+      if (!registry.size) queue(flushEnd);
     },
     pipe(w) {
       Promise.allSettled(blockingPromises).then(() => {
@@ -508,7 +516,7 @@ function generateHydrationScript({ eventNames = ["click", "input"], nonce } = {}
     nonce ? ` nonce="${nonce}"` : ""
   }>window._$HY||(e=>{let t=e=>e&&e.hasAttribute&&(e.hasAttribute("data-hk")?e:t(e.host&&e.host.nodeType?e.host:e.parentNode));["${eventNames.join(
     '", "'
-  )}"].forEach((o=>document.addEventListener(o,(o=>{let a=o.composedPath&&o.composedPath()[0]||o.target,s=t(a);s&&!e.completed.has(s)&&e.events.push([s,o])}))))})(_$HY={events:[],completed:new WeakSet,r:{},fe(){}});${getGlobalHeaderScript()}</script><!--xs-->`;
+  )}"].forEach((o=>document.addEventListener(o,(o=>{let a=o.composedPath&&o.composedPath()[0]||o.target,s=t(a);s&&!e.completed.has(s)&&e.events.push([s,o])}))))})(_$HY={events:[],completed:new WeakSet,r:{},fe(){}});</script><!--xs-->`;
 }
 function Hydration(props) {
   if (!sharedConfig.context.noHydrate) return props.children;
@@ -527,6 +535,9 @@ function NoHydration(props) {
   sharedConfig.context.noHydrate = true;
   return props.children;
 }
+function queue(fn) {
+  return Promise.resolve().then(fn);
+}
 function injectAssets(assets, html) {
   if (!assets || !assets.length) return html;
   let out = "";

package/web/dist/web.cjs

@@ -2,7 +2,7 @@
 
 var solidJs = require('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 booleans = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "inert", "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]);
 const ChildProperties = /*#__PURE__*/new Set(["innerHTML", "textContent", "innerText", "children"]);
 const Aliases = /*#__PURE__*/Object.assign(Object.create(null), {

package/web/dist/web.js

@@ -41,6 +41,7 @@ const booleans = [
   "formnovalidate",
   "hidden",
   "indeterminate",
+  "inert",
   "ismap",
   "loop",
   "multiple",