@solidjs/web 2.0.0-rc.1 → 2.0.0-rc.3

package/dist/web.js

@@ -1,5 +1,5 @@
-import { createRenderEffect, createMemo, runWithOwner, sharedConfig, untrack, flatten, createRoot, merge, createComponent, omit, createOwner, createSignal, onCleanup, enableHydration, flush, getOwner, createEffect } from 'solid-js';
-export { Errored, For, Hydration, Loading, Match, NoHydration, Repeat, Reveal, Show, Switch, createComponent, getOwner, untrack } from 'solid-js';
+import { createRenderEffect, createMemo, sharedConfig, enableHydration, untrack, runWithOwner, createRoot, flatten, flush, createComponent, omit, createOwner, createSignal, onCleanup, getOwner, createEffect } from 'solid-js';
+export { Errored, For, Hydration, Loading, Match, NoHydration, Repeat, Reveal, Show, Switch, createComponent, getOwner, merge as mergeProps, untrack } from 'solid-js';
 
 const DOMWithState = {
   INPUT: {
@@ -56,23 +56,16 @@ const transparentOptions = {
 const syncOptions = {
   sync: true
 };
-const effect = (fn, effectFn, options) => createRenderEffect(fn, effectFn, options ? {
-  sync: true,
-  ...options,
-  transparent: !options.scope
-} : transparentOptions);
-const memo = fn => createMemo(() => fn(), syncOptions);
-const assetGates = new WeakMap();
-const waitAsset = promise => {
-  let gate = assetGates.get(promise);
-  if (!gate) {
-    runWithOwner(null, () => {
-      gate = createMemo(() => promise);
-    });
-    assetGates.set(promise, gate);
-  }
-  gate();
-};
+function effect(fn, effectFn, options) {
+  createRenderEffect(fn, effectFn, options ? {
+    sync: true,
+    ...options,
+    transparent: !options.scope
+  } : transparentOptions);
+}
+function memo(fn) {
+  return createMemo(() => fn(), syncOptions);
+}
 
 function reconcileArrays(parentNode, a, b, marker) {
   let bLength = b.length,
@@ -86,13 +79,18 @@ function reconcileArrays(parentNode, a, b, marker) {
     map = null,
     anchor,
     anchorTag;
+  const isLive = n => {
+    if (!n) return false;
+    const tag = n[$$SLOT];
+    return n.parentNode === parentNode && (!tag || tag === marker);
+  };
   while (aStart < aEnd || bStart < bEnd) {
-    if (a[aStart] === b[bStart]) {
+    if (a[aStart] === b[bStart] && isLive(a[aStart])) {
       aStart++;
       bStart++;
       continue;
     }
-    while (a[aEnd - 1] === b[bEnd - 1]) {
+    while (a[aEnd - 1] === b[bEnd - 1] && isLive(a[aEnd - 1])) {
       aEnd--;
       bEnd--;
     }
@@ -323,11 +321,30 @@ function getServerFunctionRPC() {
   return globalThis[SERVER_FUNCTION_RPC];
 }
 
-const $$EVENT_OWNER = "_$DX_EVENT_OWNER";
+const assetGates = new WeakMap();
+const waitAsset = promise => {
+  let gate = assetGates.get(promise);
+  if (!gate) {
+    runWithOwner(null, () => {
+      gate = createMemo(() => promise);
+    });
+    assetGates.set(promise, gate);
+  }
+  gate();
+};
+const $$EVENT_OWNER = "_$SOLID_EVENT_OWNER";
 const INNER_OWNED = {};
 const delegatedEvents = new Set();
 const delegatedContainers = new Map();
-function render$1(code, element, init, options = {}) {
+function voidFn() {}
+function generateHydrationScript(_options) {
+  return "";
+}
+function HydrationScript(_props) {
+  return null;
+}
+const getRequestEvent = voidFn;
+function render(code, element, init, options = {}) {
   let disposer;
   registerDelegatedRoot(element);
   try {
@@ -338,15 +355,20 @@ function render$1(code, element, init, options = {}) {
         effect(() => flatten(tree), () => {});
       } else {
         const tree = code();
-        insert(element, () => tree, element.firstChild ? null : undefined, init, options.insertOptions);
+        insert(element, () => tree, element.firstChild ? null : undefined, init, {
+          ...options.insertOptions,
+          schedule: true
+        });
       }
     }, {
       id: options.renderId
     });
+    flush();
   } catch (err) {
     if (disposer) disposer();
     unregisterDelegatedRoot(element);
     throw err;
+  } finally {
   }
   return () => {
     disposer();
@@ -431,7 +453,7 @@ function setProperty(node, name, value) {
   node[name] = value;
 }
 let claimHandlers = null;
-const CLAIM_SEAM = Symbol.for("dom-expressions.element-claims");
+const CLAIM_SEAM = Symbol.for("solid.element-claims");
 function registerElementClaim(handler) {
   (claimHandlers || (claimHandlers = globalThis[CLAIM_SEAM] = [])).push(handler);
   return () => {
@@ -585,6 +607,11 @@ function ref(fn, element) {
   const resolved = untrack(fn);
   runWithOwner(null, () => applyRef(resolved, element));
 }
+const PURE_ROW = Symbol.for("solid.pure-row");
+function rowProof(fn) {
+  fn[PURE_ROW] = true;
+  return fn;
+}
 function scope(fn) {
   fn.$s = true;
   return fn;
@@ -648,6 +675,11 @@ function stripTextSeparators(nodes) {
   nodes.length = j;
   return nodes;
 }
+function patchDriver(subject, body) {
+  {
+    effect(() => body(subject, subject, false), () => body(subject, undefined, true));
+  }
+}
 function insert(parent, accessor, marker, initial, options) {
   const multi = marker !== undefined;
   const host = options && options.host;
@@ -888,7 +920,7 @@ function initHeadRegistry() {
   headOwned = new Map();
   headApplied = new Map();
   const t = document.querySelector("title");
-  headFallbackTitle = t && !t.hasAttribute("data-dh") ? t.textContent : null;
+  headFallbackTitle = t ? t.hasAttribute("data-dh") ? t.getAttribute("data-dhf") : t.textContent : null;
   if (globalThis._$HY) globalThis._$HY.h = applyServerHeadOps;
 }
 function applyServerHeadOps(ops) {
@@ -943,7 +975,11 @@ function flushHeadRegistry() {
     headOwned.delete(identity);
     headApplied.delete(identity);
     if (identity === "title") {
-      if (headFallbackTitle != null) setHeadTitle(headFallbackTitle).removeAttribute("data-dh");
+      if (headFallbackTitle != null) {
+        const el = setHeadTitle(headFallbackTitle);
+        el.removeAttribute("data-dh");
+        el.removeAttribute("data-dhf");
+      }
     } else {
       for (let i = 0; i < els.length; i++) els[i].remove();
     }
@@ -1107,7 +1143,7 @@ function loadModuleAssets(mapping) {
   const pending = [];
   for (const key in mapping) {
     if (hy.modules[key]) continue;
-    const entryUrl = mapping[key];
+    const entryUrl = new URL(mapping[key], document.baseURI).href;
     if (!hy.loading[key]) {
       hy.loading[key] = import(entryUrl).then(mod => {
         hy.modules[key] = mod;
@@ -1120,9 +1156,10 @@ function loadModuleAssets(mapping) {
   }
   return pending.length ? Promise.all(pending).then(() => {}) : undefined;
 }
-function hydrate$1(code, element, options = {}) {
+function hydrate(code, element, options = {}) {
+  enableHydration();
   installHydrationRuntime();
-  if (globalThis._$HY.done) return render$1(code, element, [...element.childNodes], options);
+  if (globalThis._$HY.done) return render(code, element, [...element.childNodes], options);
   options.renderId ||= "";
   if (!globalThis._$HY.modules) globalThis._$HY.modules = {};
   if (!globalThis._$HY.loading) globalThis._$HY.loading = {};
@@ -1171,7 +1208,7 @@ function hydrate$1(code, element, options = {}) {
         sharedConfig.gather = gather;
         sharedConfig.hydrating = true;
         try {
-          disposer = render$1(code, element, [...element.childNodes], options);
+          disposer = render(code, element, [...element.childNodes], options);
         } finally {
           sharedConfig.hydrating = false;
         }
@@ -1179,14 +1216,14 @@ function hydrate$1(code, element, options = {}) {
         console.error("Hydration module preload failed, falling back to client render:", err);
         sharedConfig.hydrating = false;
         sharedConfig.registry = undefined;
-        disposer = render$1(code, element, [...element.childNodes], options);
+        disposer = render(code, element, [...element.childNodes], options);
       });
       return () => disposer && disposer();
     }
   }
   try {
     gatherHydratable(element, options.renderId);
-    return render$1(code, element, [...element.childNodes], options);
+    return render(code, element, [...element.childNodes], options);
   } finally {
     sharedConfig.hydrating = false;
   }
@@ -1371,7 +1408,11 @@ function eventHandler(e, container, state) {
     value
   });
   const handleNode = () => {
-    const handler = node[key];
+    let handler = node[key];
+    if (handler === undefined && node.hasAttribute && node.hasAttribute("_bnd")) {
+      const seam = globalThis[Symbol.for("solid.bnd")];
+      if (seam) handler = seam.resolve(node, e.type);
+    }
     if (handler && !node.disabled) {
       const data = node[`${key}Data`];
       data !== undefined ? handler.call(node, data, e) : handler.call(node, e);
@@ -1418,7 +1459,16 @@ function eventHandler(e, container, state) {
 }
 function insertExpression(parent, value, current, marker) {
   if (hydrationRt !== null && isHydrating(parent)) {
-    if (value && value !== current) for (const n of Array.isArray(value) ? value : [value]) if (n && n.nodeType && !isHydrating(n)) return current;
+    if (value && value !== current) {
+      const arr = Array.isArray(value);
+      for (const n of arr ? value : [value]) {
+        if (n && n.nodeType) {
+          if (!isHydrating(n)) return current;
+        } else if (arr && (typeof n === "string" || typeof n === "number")) {
+          return current;
+        }
+      }
+    }
     return value;
   }
   if (value === current) return value;
@@ -1449,6 +1499,17 @@ function insertExpression(parent, value, current, marker) {
     if (marker) value[$$SLOT] = marker;
   } else if (Array.isArray(value)) {
     const currentArray = current && Array.isArray(current);
+    for (let i = 0, len = value.length; i < len; i++) {
+      const item = value[i],
+        t = typeof item;
+      if (t === "string" || t === "number") {
+        const prev = currentArray ? current[i] : undefined;
+        if (prev && prev.nodeType === 3) {
+          if (prev.data !== "" + item) prev.data = item;
+          value[i] = prev;
+        } else value[i] = document.createTextNode(item);
+      }
+    }
     if (value.length === 0) {
       cleanChildren(parent, current, marker);
     } else if (currentArray) {
@@ -1469,12 +1530,12 @@ function normalize(value, current, multi, doNotUnwrap) {
   });
   if (doNotUnwrap && typeof value === "function") return value;
   if (multi && !Array.isArray(value)) value = [value != null ? value : ""];
-  if (Array.isArray(value)) {
+  if (sharedConfig.hydrating && Array.isArray(value)) {
     for (let i = 0, len = value.length; i < len; i++) {
       const item = value[i],
         prev = current && current[i],
         t = typeof item;
-      if (t === "string" || t === "number") value[i] = prev && prev.nodeType === 3 && (sharedConfig.hydrating || prev.data === "" + item) ? prev : document.createTextNode(item);
+      if ((t === "string" || t === "number") && prev && prev.nodeType === 3) value[i] = prev;
     }
   }
   return value;
@@ -1555,7 +1616,6 @@ function gatherHydratable(element, root) {
 function getHydrationKey() {
   return sharedConfig.getNextContextId();
 }
-const voidFn = () => undefined;
 const RequestContext = Symbol();
 
 function throwInBrowser(func) {
@@ -1631,11 +1691,14 @@ function isSafeError(value) {
   return !!(value && (typeof value === "object" || typeof value === "function") && value[SAFE_ERROR]);
 }
 const REVALIDATE_HEADER = "X-Revalidate";
-function initWithRevalidate(init) {
+function initWithRevalidate(init = {}) {
+  const resolved = typeof init === "number" ? {
+    status: init
+  } : init;
   const {
     revalidate,
     ...responseInit
-  } = init;
+  } = resolved;
   let headers;
   if (responseInit.headers && responseInit.headers.getSetCookie) {
     headers = new Headers();
@@ -1661,9 +1724,7 @@ function redirect(url, init = 302) {
   const {
     responseInit,
     headers
-  } = initWithRevalidate(typeof init === "number" ? {
-    status: init
-  } : init);
+  } = initWithRevalidate(init);
   if (responseInit.status === undefined) {
     responseInit.status = 302;
   }
@@ -1695,26 +1756,8 @@ function respond(value, init = {}) {
   }), value);
 }
 
-const mergeProps = merge;
 const isServer = false;
 const isDev = false;
-function render(code, element, init, options = {}) {
-  try {
-    const dispose = render$1(code, element, init, {
-      ...options,
-      insertOptions: {
-        schedule: true
-      }
-    });
-    flush();
-    return dispose;
-  } finally {
-  }
-}
-const hydrate = (...args) => {
-  enableHydration();
-  return hydrate$1(...args);
-};
 function Portal(props) {
   return runWithOwner(createOwner(), () => portalImpl(props));
 }
@@ -1767,7 +1810,7 @@ function portalImpl(props) {
   });
   return treeMarker;
 }
-const COMPONENT_BINDING = Symbol.for("dom-expressions.component-binding");
+const COMPONENT_BINDING = Symbol.for("solid.component-binding");
 function bindingOf(value) {
   return value !== null && (typeof value === "function" || typeof value === "object") && value[COMPONENT_BINDING] || undefined;
 }
@@ -1856,4 +1899,4 @@ _moduleUrl) {
 function httpStatus(_code, _text) {}
 function httpHeader(_name, _value, _options) {}
 
-export { ChildProperties, DOMElements, DOMWithState, DelegatedEvents, Dynamic, HREF, voidFn as HydrationScript, MathMLElements, Namespaces, Portal, REVALIDATE_HEADER, RawTextElements, RequestContext, ResponseEnvelope, SAFE_ERROR, SVGElements, VoidElements, acquireAsset, addEvent, applyRef, assign, claimElement, claimElementTree, className, clearFlashCookie, clientOnly, commitEventResponse, composeMiddleware, createRequestEvent, createResponseStub, createSSRResponse, delegateEvents, dynamic, dynamicProperty, effect, escape, voidFn as generateHydrationScript, getDelegatedRoot, getExpectedRedirectStatus, getFirstChild, getHydrationKey, getNextElement, getNextMarker, getNextMatch, getNextSibling, voidFn as getRequestEvent, getServerFunctionMetadata, getServerFunctionRPC, hasFlashCookie, httpHeader, httpStatus, hydrate, insert, installHydrationRuntime, isDev, isHref, isResponseEnvelope, isSafeError, isServer, isServerFunction, markSafeError, memo, mergeProps, parseCookieHeader, redirect, ref, registerDelegatedContainer, registerDelegatedRoot, registerElementClaim, reload, render, renderToStream, renderToString, resolveSSRNode, respond, runHydrationEvents, scope, serializeCookie, setAttribute, setAttributeNS, setProperty, setStyleProperty, spread, ssr, ssrAttribute, ssrClassName, ssrElement, ssrGroup, ssrHydrationKey, ssrStyle, ssrStyleProperty, style, template, unregisterDelegatedContainer, unregisterDelegatedRoot, useHead, warmAsset };
+export { ChildProperties, DOMElements, DOMWithState, DelegatedEvents, Dynamic, HREF, HydrationScript, MathMLElements, Namespaces, Portal, REVALIDATE_HEADER, RawTextElements, RequestContext, ResponseEnvelope, SAFE_ERROR, SVGElements, VoidElements, acquireAsset, addEvent, applyRef, assign, claimElement, claimElementTree, className, clearFlashCookie, clientOnly, commitEventResponse, composeMiddleware, createRequestEvent, createResponseStub, createSSRResponse, delegateEvents, dynamic, dynamicProperty, effect, escape, generateHydrationScript, getDelegatedRoot, getExpectedRedirectStatus, getFirstChild, getHydrationKey, getNextElement, getNextMarker, getNextMatch, getNextSibling, getRequestEvent, getServerFunctionMetadata, getServerFunctionRPC, hasFlashCookie, httpHeader, httpStatus, hydrate, insert, installHydrationRuntime, isDev, isHref, isResponseEnvelope, isSafeError, isServer, isServerFunction, markSafeError, memo, parseCookieHeader, patchDriver, redirect, ref, registerDelegatedContainer, registerDelegatedRoot, registerElementClaim, reload, render, renderToStream, renderToString, resolveSSRNode, respond, rowProof, runHydrationEvents, scope, serializeCookie, setAttribute, setAttributeNS, setProperty, setStyleProperty, spread, ssr, ssrAttribute, ssrClassName, ssrElement, ssrGroup, ssrHydrationKey, ssrStyle, ssrStyleProperty, style, template, unregisterDelegatedContainer, unregisterDelegatedRoot, useHead, waitAsset, warmAsset };

package/frames/dist/client.cjs

@@ -7,7 +7,7 @@ var client = require('@solidjs/web/server-functions/client');
 const ELEMENT_NODE = 1;
 const TEXT_NODE = 3;
 const COMMENT_NODE = 8;
-const CLAIM_SEAM = Symbol.for("dom-expressions.element-claims");
+const CLAIM_SEAM = Symbol.for("solid.element-claims");
 const CLAIMED_ELEMENTS = "a[href], form[action]";
 function claimHandlers() {
   const handlers = globalThis[CLAIM_SEAM];
@@ -17,6 +17,71 @@ function claimNode(handlers, el) {
   for (let i = 0; i < handlers.length; i++) handlers[i](el);
 }
 const claimedAttr = name => name === "href" || name === "action";
+const BOUND_SEAM = Symbol.for("solid.bnd");
+const boundSeam = globalThis[BOUND_SEAM] || (globalThis[BOUND_SEAM] = {});
+const BND_ATTR = "_bnd";
+const BND_SELECTOR = "[_bnd]";
+function bndMap(el) {
+  const s = el.getAttribute(BND_ATTR);
+  if (!s) return undefined;
+  const map = {};
+  for (const entry of s.split(",")) {
+    const eq = entry.indexOf("=");
+    if (eq < 1) continue;
+    const pos = entry.slice(0, eq);
+    const prop = decodeURIComponent(entry.slice(eq + 1));
+    const prev = map[pos];
+    if (prev === undefined) map[pos] = prop;else if (Array.isArray(prev)) prev.push(prop);else map[pos] = [prev, prop];
+  }
+  return map;
+}
+boundSeam.resolve = (el, type) => {
+  const frame = el._$bndFrame;
+  if (!frame) return undefined;
+  const map = bndMap(el);
+  const prop = map && map[type];
+  if (typeof prop !== "string") return undefined;
+  return claimFn(frame, type, prop);
+};
+function claimFn(frame, pos, prop) {
+  const fn = frame.clientProp(prop);
+  if (typeof fn === "function") return fn;
+  return undefined;
+}
+function sweepBound(root, frame, delegate, scope) {
+  const isElement = root.nodeType === ELEMENT_NODE;
+  if (!isElement && root.nodeType !== 11 ) return;
+  let els;
+  if (isElement && root.hasAttribute(BND_ATTR)) (els = []).push(root);
+  const found = root.querySelectorAll(BND_SELECTOR);
+  if (found.length) {
+    els || (els = []);
+    for (let i = 0; i < found.length; i++) els.push(found[i]);
+  }
+  if (!els) return;
+  const run = () => {
+    let types;
+    for (const el of els) {
+      el._$bndFrame = frame;
+      const map = bndMap(el);
+      if (!map) continue;
+      for (const pos in map) {
+        if (pos === "ref") fireRefs(frame, el, map.ref);else (types || (types = [])).push(pos);
+      }
+    }
+    if (types && delegate) delegate(types);
+  };
+  scope ? scope(run) : run();
+}
+function fireRefs(frame, el, prop) {
+  const fired = el._$bndFired || (el._$bndFired = new Set());
+  for (const p of Array.isArray(prop) ? prop : [prop]) {
+    if (fired.has(p)) continue;
+    fired.add(p);
+    const fn = claimFn(frame, "ref", p);
+    if (fn) fn(el);
+  }
+}
 function claimTree(handlers, root) {
   const isElement = root.nodeType === ELEMENT_NODE;
   if (!isElement && root.nodeType !== 11 ) return;
@@ -116,6 +181,7 @@ function createFrameHost(options = {}) {
     return true;
   };
   return {
+    delegate: options.delegate,
     register(id, frame) {
       let set = frames.get(id);
       if (!set) frames.set(id, set = new Set());
@@ -210,10 +276,18 @@ class FrameImpl {
     if (!this.#disposed) this.#flush();
   };
   #claimTree = (node, direct) => {
+    if (!direct && node.nodeType !== TEXT_NODE && node.nodeType !== COMMENT_NODE) {
+      const o = this.#options;
+      sweepBound(node, this, o.delegate || o.host && o.host.delegate, o.ownerScope);
+    }
     const handlers = claimHandlers();
     if (!handlers) return;
     this.#scoped(() => direct ? claimNode(handlers, node) : claimTree(handlers, node));
   };
+  clientProp(name) {
+    const props = this.#options.props;
+    return props ? props[name] : undefined;
+  }
   #scoped(fn) {
     const scope = this.#options.ownerScope;
     return scope ? scope(fn) : fn();
@@ -662,7 +736,7 @@ class FrameImpl {
       parent.insertBefore(fragment, this.#end);
       this.#hasContent = true;
     } else {
-      const claim = claimHandlers() ? this.#claimTree : null;
+      const claim = this.#claimTree;
       const ranges = new Map();
       this.#collectSlots(ranges);
       const grafts = [];
@@ -678,8 +752,7 @@ class FrameImpl {
     if (!close) {
       return false;
     }
-    const claim = claimHandlers() ? this.#claimTree : null;
-    reconcileChildren(open.parentNode, parseFragment(html), open, close, claim);
+    reconcileChildren(open.parentNode, parseFragment(html), open, close, this.#claimTree);
     return true;
   }
   #applyAttrs(addr, text, removed) {
@@ -703,7 +776,6 @@ class FrameImpl {
     removeUntil(this.#parent(), this.#firstContent(), this.#end);
   }
   #claimContent() {
-    if (!claimHandlers()) return;
     let n = this.#firstContent();
     while (n && n !== this.#end) {
       this.#claimTree(n);
@@ -773,7 +845,7 @@ class FrameImpl {
 function createFrame(boundary, options) {
   return new FrameImpl(boundary, null, null, options);
 }
-const FRAME_TAG = "dx-frame";
+const FRAME_TAG = "solid-frame";
 const FRAME_ID_ATTR = "data-fid";
 function createFrameElement(options) {
   const el = makeFrameElement(options.id);
@@ -1228,9 +1300,9 @@ async function applyFrameResponse(response, host, options = {}) {
   }
   return as !== undefined ? as : rootId;
 }
-const SERVER_COMPONENT = /*#__PURE__*/Symbol.for("dom-expressions.server-component");
-const SERVER_COMPONENT_ADDRESS = /*#__PURE__*/Symbol.for("dom-expressions.server-component-address");
-const COMPONENT_BINDING = /*#__PURE__*/Symbol.for("dom-expressions.component-binding");
+const SERVER_COMPONENT = /*#__PURE__*/Symbol.for("solid.server-component");
+const SERVER_COMPONENT_ADDRESS = /*#__PURE__*/Symbol.for("solid.server-component-address");
+const COMPONENT_BINDING = /*#__PURE__*/Symbol.for("solid.component-binding");
 let resolveServerComponent;
 function parseServerComponent(value, ctx) {
   return {
@@ -1239,7 +1311,7 @@ function parseServerComponent(value, ctx) {
   };
 }
 const ServerComponentPlugin = {
-  tag: "dom-expressions/server-component",
+  tag: "solid/server-component",
   test(value) {
     return typeof value === "function" && SERVER_COMPONENT in value;
   },
@@ -1385,7 +1457,7 @@ function createServerComponentHandler({
   }
 }
 
-const STATE = Symbol.for("dom-expressions.container-trace-state");
+const STATE = Symbol.for("solid.container-trace-state");
 const state = globalThis[STATE] || (globalThis[STATE] = {
   materialized: new WeakMap(),
   materializedValues: new WeakSet()
@@ -1406,7 +1478,9 @@ function isMaterializedContainer(value) {
   return value !== null && typeof value === "object" && state.materializedValues.has(value);
 }
 function isContainerTraceMarker(value) {
-  return value != null && typeof value === "object" && value.$tr != null && typeof value.$tr[Symbol.asyncIterator] === "function";
+  if (value == null || typeof value !== "object" || value.$tr == null) return false;
+  const tr = value.$tr;
+  return tr.__SEROVAL_STREAM__ === true || typeof tr[Symbol.asyncIterator] === "function";
 }
 function reviveContainerTraces(value) {
   if (!state.materializeTrace || value == null || typeof value !== "object") return value;
@@ -1452,7 +1526,8 @@ function getFrameHost() {
       applyData: c => tableFor(c.id)?.apply(c),
       resolve: (ref, id) => tableFor(id)?.resolve(ref),
       revive: reviveContainerTraces,
-      isContainer: isMaterializedContainer
+      isContainer: isMaterializedContainer,
+      delegate: web.delegateEvents
     });
   }
   return sharedHost;
@@ -1528,7 +1603,16 @@ function slotArgsProxy(args) {
       if (!isAsyncValue(v)) return v;
       let read = asyncReads.get(key);
       if (!read) {
-        const make = () => solidJs.createMemo(() => args()[key]);
+        const make = () => solidJs.createMemo(() => {
+          const raw = args()[key];
+          if (raw != null && typeof raw.then === "function") {
+            if (raw.s === 1) return raw.v;
+            if (raw.s === 2) throw raw.v;
+          }
+          return raw;
+        }, {
+          transparent: true
+        });
         read = owner ? solidJs.runWithOwner(owner, make) : make();
         asyncReads.set(key, read);
       }
@@ -1647,6 +1731,7 @@ function boundaryComponent(host, fnId) {
       host,
       id,
       slots: slotsFor(props),
+      props,
       ownerScope: boundaryScope(owner),
       reveal: revealSeam(owner),
       onApply: () => {
@@ -1831,6 +1916,7 @@ function adoptBoundary(host, id, el, props, binding) {
     host,
     id: address,
     slots: slotsFor(props),
+    props,
     ownerScope: boundaryScope(owner),
     reveal: revealSeam(owner),
     onApply: () => {