@solidjs/web 2.0.0-beta.21 → 2.0.0-beta.23

package/dist/dev.cjs

@@ -33,6 +33,7 @@ const DOMWithState = {
 const ChildProperties = /*#__PURE__*/new Set(["innerHTML", "textContent", "innerText", "children"]);
 const $$SLOT = /*#__PURE__*/Symbol("slot");
 const $$HOST = /*#__PURE__*/Symbol("host");
+const $$FRAME = /*#__PURE__*/Symbol.for("dom-expressions.frame");
 const DelegatedEvents = /*#__PURE__*/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 = /*#__PURE__*/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", "feDropShadow", "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",
@@ -282,9 +283,40 @@ function setProperty(node, name, value) {
   if (isHydrating(node)) return;
   node[name] = value;
 }
+let claimHandlers = null;
+const CLAIM_SEAM = Symbol.for("dom-expressions.element-claims");
+function registerElementClaim(handler) {
+  (claimHandlers || (claimHandlers = globalThis[CLAIM_SEAM] = [])).push(handler);
+  return () => {
+    const index = claimHandlers.indexOf(handler);
+    index > -1 && claimHandlers.splice(index, 1);
+  };
+}
+const CLAIMED_ELEMENTS = "a[href], form[action]";
+function claimElementTree(root) {
+  const handlers = globalThis[CLAIM_SEAM];
+  if (handlers === undefined || handlers.length === 0) return root;
+  const isElement = root.nodeType === 1;
+  if (!isElement && root.nodeType !== 11) return root;
+  if (isElement && root.matches(CLAIMED_ELEMENTS)) {
+    for (let i = 0; i < handlers.length; i++) handlers[i](root);
+  }
+  const found = root.querySelectorAll(CLAIMED_ELEMENTS);
+  for (let i = 0; i < found.length; i++) {
+    for (let j = 0; j < handlers.length; j++) handlers[j](found[i]);
+  }
+  return root;
+}
+function claimElement(node) {
+  if (claimHandlers !== null) {
+    for (let i = 0; i < claimHandlers.length; i++) claimHandlers[i](node);
+  }
+  return node;
+}
 function setAttribute(node, name, value) {
   if (isHydrating(node)) return;
   if (value == null || value === false) node.removeAttribute(name);else node.setAttribute(name, value === true ? "" : value);
+  if (claimHandlers !== null && (name === "href" || name === "action")) claimElement(node);
 }
 function setAttributeNS(node, namespace, name, value) {
   if (isHydrating(node)) return;
@@ -993,6 +1025,11 @@ function insertExpression(parent, value, current, marker) {
       parent.appendChild(value);
     }
     if (marker) value[$$SLOT] = marker;
+  } else if (value[$$FRAME]) {
+    if (current) {
+      cleanChildren(parent, Array.isArray(current) ? current : [current], multi ? marker : null);
+    }
+    value[$$FRAME](parent, multi ? marker : null);
   } else if (Array.isArray(value)) {
     const currentArray = current && Array.isArray(current);
     if (value.length === 0) {
@@ -1013,6 +1050,7 @@ function normalize(value, current, multi, doNotUnwrap) {
     doNotUnwrap
   });
   if (doNotUnwrap && typeof value === "function") return value;
+  if (value != null && value[$$FRAME]) return value;
   if (multi && !Array.isArray(value)) value = [value != null ? value : ""];
   if (Array.isArray(value)) {
     for (let i = 0, len = value.length; i < len; i++) {
@@ -1130,6 +1168,10 @@ ResponseEnvelope.prototype[ENVELOPE] = true;
 function isResponseEnvelope(value) {
   return !!(value && typeof value === "object" && value[ENVELOPE]);
 }
+const HREF = Symbol.for("solid.Href");
+function isHref(value) {
+  return !!(value && (typeof value === "object" || typeof value === "function") && value[HREF]);
+}
 function initWithRevalidate(init) {
   const {
     revalidate,
@@ -1143,6 +1185,9 @@ function initWithRevalidate(init) {
   };
 }
 function redirect(url, init = 302) {
+  if (typeof url !== "string" && !isHref(url)) {
+    throw new TypeError("redirect() expects a string URL or an Href-branded value (Symbol.for('solid.Href')).");
+  }
   const {
     responseInit,
     headers
@@ -1152,7 +1197,7 @@ function redirect(url, init = 302) {
   if (responseInit.status === undefined) {
     responseInit.status = 302;
   }
-  headers.set("Location", url);
+  headers.set("Location", String(url));
   return new Response(null, {
     ...responseInit,
     headers
@@ -1341,6 +1386,7 @@ exports.DOMElements = DOMElements;
 exports.DOMWithState = DOMWithState;
 exports.DelegatedEvents = DelegatedEvents;
 exports.Dynamic = Dynamic;
+exports.HREF = HREF;
 exports.HydrationScript = voidFn;
 exports.MathMLElements = MathMLElements;
 exports.Namespaces = Namespaces;
@@ -1354,6 +1400,8 @@ exports.acquireAsset = acquireAsset;
 exports.addEvent = addEvent;
 exports.applyRef = applyRef;
 exports.assign = assign;
+exports.claimElement = claimElement;
+exports.claimElementTree = claimElementTree;
 exports.className = className;
 exports.delegateEvents = delegateEvents;
 exports.dynamic = dynamic;
@@ -1374,6 +1422,7 @@ exports.hydrate = hydrate;
 exports.insert = insert;
 exports.installHydrationRuntime = installHydrationRuntime;
 exports.isDev = isDev;
+exports.isHref = isHref;
 exports.isResponseEnvelope = isResponseEnvelope;
 exports.isServer = isServer;
 exports.memo = memo;
@@ -1382,6 +1431,7 @@ exports.redirect = redirect;
 exports.ref = ref;
 exports.registerDelegatedContainer = registerDelegatedContainer;
 exports.registerDelegatedRoot = registerDelegatedRoot;
+exports.registerElementClaim = registerElementClaim;
 exports.reload = reload;
 exports.render = render;
 exports.renderToStream = renderToStream;

package/dist/dev.js

@@ -32,6 +32,7 @@ const DOMWithState = {
 const ChildProperties = /*#__PURE__*/new Set(["innerHTML", "textContent", "innerText", "children"]);
 const $$SLOT = /*#__PURE__*/Symbol("slot");
 const $$HOST = /*#__PURE__*/Symbol("host");
+const $$FRAME = /*#__PURE__*/Symbol.for("dom-expressions.frame");
 const DelegatedEvents = /*#__PURE__*/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 = /*#__PURE__*/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", "feDropShadow", "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",
@@ -281,9 +282,40 @@ function setProperty(node, name, value) {
   if (isHydrating(node)) return;
   node[name] = value;
 }
+let claimHandlers = null;
+const CLAIM_SEAM = Symbol.for("dom-expressions.element-claims");
+function registerElementClaim(handler) {
+  (claimHandlers || (claimHandlers = globalThis[CLAIM_SEAM] = [])).push(handler);
+  return () => {
+    const index = claimHandlers.indexOf(handler);
+    index > -1 && claimHandlers.splice(index, 1);
+  };
+}
+const CLAIMED_ELEMENTS = "a[href], form[action]";
+function claimElementTree(root) {
+  const handlers = globalThis[CLAIM_SEAM];
+  if (handlers === undefined || handlers.length === 0) return root;
+  const isElement = root.nodeType === 1;
+  if (!isElement && root.nodeType !== 11) return root;
+  if (isElement && root.matches(CLAIMED_ELEMENTS)) {
+    for (let i = 0; i < handlers.length; i++) handlers[i](root);
+  }
+  const found = root.querySelectorAll(CLAIMED_ELEMENTS);
+  for (let i = 0; i < found.length; i++) {
+    for (let j = 0; j < handlers.length; j++) handlers[j](found[i]);
+  }
+  return root;
+}
+function claimElement(node) {
+  if (claimHandlers !== null) {
+    for (let i = 0; i < claimHandlers.length; i++) claimHandlers[i](node);
+  }
+  return node;
+}
 function setAttribute(node, name, value) {
   if (isHydrating(node)) return;
   if (value == null || value === false) node.removeAttribute(name);else node.setAttribute(name, value === true ? "" : value);
+  if (claimHandlers !== null && (name === "href" || name === "action")) claimElement(node);
 }
 function setAttributeNS(node, namespace, name, value) {
   if (isHydrating(node)) return;
@@ -992,6 +1024,11 @@ function insertExpression(parent, value, current, marker) {
       parent.appendChild(value);
     }
     if (marker) value[$$SLOT] = marker;
+  } else if (value[$$FRAME]) {
+    if (current) {
+      cleanChildren(parent, Array.isArray(current) ? current : [current], multi ? marker : null);
+    }
+    value[$$FRAME](parent, multi ? marker : null);
   } else if (Array.isArray(value)) {
     const currentArray = current && Array.isArray(current);
     if (value.length === 0) {
@@ -1012,6 +1049,7 @@ function normalize(value, current, multi, doNotUnwrap) {
     doNotUnwrap
   });
   if (doNotUnwrap && typeof value === "function") return value;
+  if (value != null && value[$$FRAME]) return value;
   if (multi && !Array.isArray(value)) value = [value != null ? value : ""];
   if (Array.isArray(value)) {
     for (let i = 0, len = value.length; i < len; i++) {
@@ -1129,6 +1167,10 @@ ResponseEnvelope.prototype[ENVELOPE] = true;
 function isResponseEnvelope(value) {
   return !!(value && typeof value === "object" && value[ENVELOPE]);
 }
+const HREF = Symbol.for("solid.Href");
+function isHref(value) {
+  return !!(value && (typeof value === "object" || typeof value === "function") && value[HREF]);
+}
 function initWithRevalidate(init) {
   const {
     revalidate,
@@ -1142,6 +1184,9 @@ function initWithRevalidate(init) {
   };
 }
 function redirect(url, init = 302) {
+  if (typeof url !== "string" && !isHref(url)) {
+    throw new TypeError("redirect() expects a string URL or an Href-branded value (Symbol.for('solid.Href')).");
+  }
   const {
     responseInit,
     headers
@@ -1151,7 +1196,7 @@ function redirect(url, init = 302) {
   if (responseInit.status === undefined) {
     responseInit.status = 302;
   }
-  headers.set("Location", url);
+  headers.set("Location", String(url));
   return new Response(null, {
     ...responseInit,
     headers
@@ -1282,4 +1327,4 @@ function createElement(tagName, is = undefined) {
   });
 }
 
-export { voidFn as Assets, ChildProperties, DOMElements, DOMWithState, DelegatedEvents, Dynamic, voidFn as HydrationScript, MathMLElements, Namespaces, Portal, RawTextElements, RequestContext, ResponseEnvelope, SVGElements, VoidElements, acquireAsset, addEvent, applyRef, assign, className, delegateEvents, dynamic, dynamicProperty, effect, escape, voidFn as generateHydrationScript, voidFn as getAssets, getDelegatedRoot, getFirstChild, getHydrationKey, getNextElement, getNextMarker, getNextMatch, getNextSibling, voidFn as getRequestEvent, hydrate, insert, installHydrationRuntime, isDev, isResponseEnvelope, isServer, memo, mergeProps, redirect, ref, registerDelegatedContainer, registerDelegatedRoot, reload, render, renderToStream, renderToString, renderToStringAsync, resolveSSRNode, respond, runHydrationEvents, scope, setAttribute, setAttributeNS, setProperty, setStyleProperty, spread, ssr, ssrAttribute, ssrClassList, ssrElement, ssrHydrationKey, ssrStyle, style, template, unregisterDelegatedContainer, unregisterDelegatedRoot, voidFn as useAssets };
+export { voidFn as Assets, ChildProperties, DOMElements, DOMWithState, DelegatedEvents, Dynamic, HREF, voidFn as HydrationScript, MathMLElements, Namespaces, Portal, RawTextElements, RequestContext, ResponseEnvelope, SVGElements, VoidElements, acquireAsset, addEvent, applyRef, assign, claimElement, claimElementTree, className, delegateEvents, dynamic, dynamicProperty, effect, escape, voidFn as generateHydrationScript, voidFn as getAssets, getDelegatedRoot, getFirstChild, getHydrationKey, getNextElement, getNextMarker, getNextMatch, getNextSibling, voidFn as getRequestEvent, hydrate, insert, installHydrationRuntime, isDev, isHref, isResponseEnvelope, isServer, memo, mergeProps, redirect, ref, registerDelegatedContainer, registerDelegatedRoot, registerElementClaim, reload, render, renderToStream, renderToString, renderToStringAsync, resolveSSRNode, respond, runHydrationEvents, scope, setAttribute, setAttributeNS, setProperty, setStyleProperty, spread, ssr, ssrAttribute, ssrClassList, ssrElement, ssrHydrationKey, ssrStyle, style, template, unregisterDelegatedContainer, unregisterDelegatedRoot, voidFn as useAssets };

package/dist/server.cjs

@@ -328,10 +328,53 @@ function renderToStream(code, options = {}) {
     completed = true;
     if (firstFlushed) dispose();
   };
-  const serializer = createHydrationSerializer({
+  const sink = {
+    data(payload) {
+      pushTask(payload);
+    },
+    fragment(key, value, meta) {
+      const deferActivation = !!meta.revealGroup;
+      const styles = meta.styles;
+      for (let i = 0; i < styles.inline.length; i++) {
+        buffer.write(renderInlineStyle(styles.inline[i], nonce));
+      }
+      if (styles.links.length) {
+        emitTask(`$dfs("${key}",${styles.links.length},${deferActivation ? 1 : 0})`);
+        writeTasks();
+        for (const url of styles.links) {
+          buffer.write(`<link rel="stylesheet" href="${url}" onload="$dfc('${key}')" onerror="$dfc('${key}')">`);
+        }
+        buffer.write(`<template id="${key}">${value}</template>`);
+      } else {
+        buffer.write(`<template id="${key}">${value}</template>`);
+        if (!deferActivation) {
+          emitTask(`$df("${key}")`);
+        }
+      }
+    },
+    reveal(keys, meta) {
+      emitTask(`${meta.fallback ? "$dflj" : "$dfj"}(${JSON.stringify(keys)})`);
+    },
+    asset(type, value) {
+      if (type === "module") {
+        buffer.write(`<link rel="modulepreload" href="${value}">`);
+      } else if (type === "inline-style") {
+        buffer.write(renderInlineStyle(value, nonce));
+      }
+    },
+    shell(shellHtml, meta) {
+      shellHtml = injectBeforeHead(shellHtml, meta.assets);
+      shellHtml = injectPreloadLinks(meta.preloads, shellHtml);
+      shellHtml = injectInlineStyles(meta.inlineStyles, shellHtml, nonce);
+      if (meta.tasks.length) shellHtml = injectScripts(shellHtml, meta.tasks, nonce);
+      buffer.write(shellHtml);
+    },
+    ...options.sink
+  };
+  const serializer = (options.serializer || createHydrationSerializer)({
     scopeId: options.renderId,
     plugins: options.plugins,
-    onData: pushTask,
+    onData: payload => sink.data(payload),
     onDone,
     onError: options.onError
   });
@@ -405,7 +448,7 @@ function renderToStream(code, options = {}) {
         const entry = tracking.registerInlineStyle(value);
         if (firstFlushed && !tracking.currentBoundaryId && !entry.emitted) {
           entry.emitted = true;
-          buffer.write(renderInlineStyle(entry, nonce));
+          sink.asset("inline-style", entry);
         }
         return;
       }
@@ -419,9 +462,7 @@ function renderToStream(code, options = {}) {
       }
       if (!tracking.emittedAssets.has(value)) {
         tracking.emittedAssets.add(value);
-        if (firstFlushed && type === "module") {
-          buffer.write(`<link rel="modulepreload" href="${value}">`);
-        }
+        if (firstFlushed) sink.asset(type, value);
       }
     },
     block(p) {
@@ -503,23 +544,11 @@ function renderToStream(code, options = {}) {
             } else {
               serializeFragmentAssets(key, tracking.boundaryModules, context);
               const styles = collectStreamStyles(key, tracking, headStyles);
-              const deferActivation = !!revealGroup;
-              for (let i = 0; i < styles.inline.length; i++) {
-                buffer.write(renderInlineStyle(styles.inline[i], nonce));
-              }
-              if (styles.links.length) {
-                emitTask(`$dfs("${key}",${styles.links.length},${deferActivation ? 1 : 0})`);
-                writeTasks();
-                for (const url of styles.links) {
-                  buffer.write(`<link rel="stylesheet" href="${url}" onload="$dfc('${key}')" onerror="$dfc('${key}')">`);
-                }
-                buffer.write(`<template id="${key}">${value !== undefined ? value : " "}</template>`);
-              } else {
-                buffer.write(`<template id="${key}">${value !== undefined ? value : " "}</template>`);
-                if (!deferActivation) {
-                  emitTask(`$df("${key}")`);
-                }
-              }
+              sink.fragment(key, value !== undefined ? value : " ", {
+                styles,
+                revealGroup,
+                error
+              });
               item.resolve(error);
             }
           }
@@ -530,12 +559,16 @@ function renderToStream(code, options = {}) {
     revealFragments(groupOrKeys) {
       const keys = resolveRevealKeys(groupOrKeys, true, true);
       if (!keys) return;
-      emitTask(`$dfj(${JSON.stringify(keys)})`);
+      sink.reveal(keys, {
+        fallback: false
+      });
     },
     revealFallbacks(groupOrKeys) {
       const keys = resolveRevealKeys(groupOrKeys, false, false);
       if (!keys) return;
-      emitTask(`$dflj(${JSON.stringify(keys)})`);
+      sink.reveal(keys, {
+        fallback: true
+      });
     }
   };
   applyAssetTracking(context, tracking, manifest);
@@ -595,16 +628,18 @@ function renderToStream(code, options = {}) {
     if (shellCompleted) return;
     if (!resolveRootHoles()) return;
     solidJs.sharedConfig.context = context;
-    html = injectAssets(context.assets, html);
+    const assetsHtml = resolveAssetsHtml(context.assets);
     headStyles = new Set();
     for (const url of tracking.emittedAssets) {
       if (url.endsWith(".css")) headStyles.add(url);
     }
-    html = injectPreloadLinks(tracking.emittedAssets, html);
-    html = injectInlineStyles(tracking.inlineStyles, html, nonce);
     serializeRootAssets();
-    if (tasks.length) html = injectScripts(html, tasks, nonce);
-    buffer.write(html);
+    sink.shell(html, {
+      assets: assetsHtml,
+      preloads: tracking.emittedAssets,
+      inlineStyles: tracking.inlineStyles,
+      tasks
+    });
     tasks = "";
     onCompleteShell && onCompleteShell({
       write(v) {
@@ -1054,13 +1089,20 @@ function allSettled(promises) {
     return;
   });
 }
-function injectAssets(assets, html) {
-  if (!assets || !assets.length) return html;
+function resolveAssetsHtml(assets) {
+  if (!assets || !assets.length) return "";
   let out = "";
   for (let i = 0, len = assets.length; i < len; i++) out += assets[i]();
+  return out;
+}
+function injectBeforeHead(html, content) {
+  if (!content) return html;
   const index = html.indexOf("</head>");
   if (index === -1) return html;
-  return html.slice(0, index) + out + html.slice(index);
+  return html.slice(0, index) + content + html.slice(index);
+}
+function injectAssets(assets, html) {
+  return injectBeforeHead(html, resolveAssetsHtml(assets));
 }
 function injectPreloadLinks(emittedAssets, html, nonce) {
   if (!emittedAssets.size) return html;
@@ -1272,6 +1314,16 @@ function getRequestEvent() {
 function renderToStringAsync(code, options = {}) {
   return new Promise(resolve => renderToStream(code, options).then(resolve));
 }
+function registerElementClaim() {
+  return noopCleanup;
+}
+function noopCleanup() {}
+function claimElement(node) {
+  return node;
+}
+function claimElementTree(root) {
+  return root;
+}
 function notSup() {
   throw new Error("Client-only API called on the server side. Run client-only code in onMount, or conditionally run client-only component with <Show>.");
 }
@@ -1287,6 +1339,10 @@ ResponseEnvelope.prototype[ENVELOPE] = true;
 function isResponseEnvelope(value) {
   return !!(value && typeof value === "object" && value[ENVELOPE]);
 }
+const HREF = Symbol.for("solid.Href");
+function isHref(value) {
+  return !!(value && (typeof value === "object" || typeof value === "function") && value[HREF]);
+}
 function initWithRevalidate(init) {
   const {
     revalidate,
@@ -1300,6 +1356,9 @@ function initWithRevalidate(init) {
   };
 }
 function redirect(url, init = 302) {
+  if (typeof url !== "string" && !isHref(url)) {
+    throw new TypeError("redirect() expects a string URL or an Href-branded value (Symbol.for('solid.Href')).");
+  }
   const {
     responseInit,
     headers
@@ -1309,7 +1368,7 @@ function redirect(url, init = 302) {
   if (responseInit.status === undefined) {
     responseInit.status = 302;
   }
-  headers.set("Location", url);
+  headers.set("Location", String(url));
   return new Response(null, {
     ...responseInit,
     headers
@@ -1454,6 +1513,7 @@ exports.DOMElements = DOMElements;
 exports.DOMWithState = DOMWithState;
 exports.DelegatedEvents = DelegatedEvents;
 exports.Dynamic = Dynamic;
+exports.HREF = HREF;
 exports.HydrationScript = HydrationScript;
 exports.MathMLElements = MathMLElements;
 exports.Namespaces = Namespaces;
@@ -1467,6 +1527,8 @@ exports.acquireAsset = notSup;
 exports.addEvent = notSup;
 exports.applyRef = applyRef;
 exports.assign = notSup;
+exports.claimElement = claimElement;
+exports.claimElementTree = claimElementTree;
 exports.className = notSup;
 exports.delegateEvents = notSup;
 exports.dynamic = dynamic;
@@ -1484,6 +1546,7 @@ exports.getRequestEvent = getRequestEvent;
 exports.hydrate = notSup;
 exports.insert = notSup;
 exports.isDev = isDev;
+exports.isHref = isHref;
 exports.isResponseEnvelope = isResponseEnvelope;
 exports.isServer = isServer;
 exports.memo = memo;
@@ -1491,6 +1554,7 @@ exports.redirect = redirect;
 exports.ref = notSup;
 exports.registerDelegatedContainer = notSup;
 exports.registerDelegatedRoot = notSup;
+exports.registerElementClaim = registerElementClaim;
 exports.reload = reload;
 exports.render = notSup;
 exports.renderToStream = renderToStream;