@solidjs/web 2.0.0-experimental.14 → 2.0.0-experimental.16

package/dist/dev.cjs

@@ -19,6 +19,9 @@ const DOMElements = /*#__PURE__*/new Set(["html", "base", "head", "link", "meta"
 "webview",
 "isindex", "listing", "multicol", "nextid", "noindex", "search"]);
 
+const effect = (fn, effectFn, initial) => solidJs.createRenderEffect(fn, effectFn, initial, {
+  transparent: true
+});
 const memo = fn => solidJs.createMemo(() => fn());
 
 function reconcileArrays(parentNode, a, b) {
@@ -97,13 +100,15 @@ function render(code, element, init, options = {}) {
 }
 function template(html, isImportNode, isSVG, isMathML) {
   let node;
-  const create = () => {
-    if (isHydrating()) throw new Error("Failed attempt to create new DOM elements during hydration. Check that the libraries you are using support hydration.");
+  const create = bypassGuard => {
+    if (isHydrating() && !bypassGuard) throw new Error("Failed attempt to create new DOM elements during hydration. Check that the libraries you are using support hydration.");
     const t = isMathML ? document.createElementNS("http://www.w3.org/1998/Math/MathML", "template") : document.createElement("template");
     t.innerHTML = html;
     return isSVG ? t.content.firstChild.firstChild : isMathML ? t.firstChild : t.content.firstChild;
   };
-  return isImportNode ? () => solidJs.untrack(() => document.importNode(node || (node = create()), true)) : () => (node || (node = create())).cloneNode(true);
+  const fn = isImportNode ? bypassGuard => solidJs.untrack(() => document.importNode(node || (node = create(bypassGuard)), true)) : bypassGuard => (node || (node = create(bypassGuard))).cloneNode(true);
+  fn._html = html;
+  return fn;
 }
 function delegateEvents(eventNames, document = window.document) {
   const e = document[$$EVENTS] || (document[$$EVENTS] = new Set());
@@ -176,7 +181,7 @@ function addEventListener(node, name, handler, delegate) {
 }
 function style(node, value, prev) {
   if (!value) {
-    prev ? setAttribute(node, "style") : value;
+    if (prev) setAttribute(node, "style");
     return;
   }
   const nodeStyle = node.style;
@@ -198,13 +203,16 @@ function setStyleProperty(node, name, value) {
 function spread(node, props = {}, isSVG, skipChildren) {
   const prevProps = {};
   if (!skipChildren) {
-    solidJs.createRenderEffect(() => normalize(props.children, prevProps.children), value => {
+    effect(() => normalize(props.children, prevProps.children), value => {
       insertExpression(node, value, prevProps.children);
       prevProps.children = value;
     });
   }
-  solidJs.createRenderEffect(() => typeof props.ref === "function" && use(props.ref, node), () => {});
-  solidJs.createRenderEffect(() => {
+  effect(() => {
+    const r = props.ref;
+    (typeof r === "function" || Array.isArray(r)) && ref(() => r, node);
+  }, () => {});
+  effect(() => {
     const newProps = {};
     for (const prop in props) {
       if (prop === "children" || prop === "ref") continue;
@@ -224,17 +232,28 @@ function dynamicProperty(props, key) {
   });
   return props;
 }
-function use(fn, element, arg) {
-  solidJs.untrack(() => fn(element, arg));
+function applyRef(r, element) {
+  Array.isArray(r) ? r.flat(Infinity).forEach(f => f && f(element)) : r(element);
+}
+function ref(fn, element) {
+  const resolved = solidJs.untrack(fn);
+  solidJs.runWithOwner(null, () => applyRef(resolved, element));
 }
 function insert(parent, accessor, marker, initial) {
   const multi = marker !== undefined;
   if (multi && !initial) initial = [];
+  if (isHydrating(parent) && Array.isArray(initial)) {
+    let j = 0;
+    for (let i = 0; i < initial.length; i++) {
+      if (initial[i].nodeType === 8 && initial[i].nodeValue === "!$") initial[i].remove();else initial[j++] = initial[i];
+    }
+    initial.length = j;
+  }
   if (typeof accessor !== "function") {
     accessor = normalize(accessor, initial, multi, true);
     if (typeof accessor !== "function") return insertExpression(parent, accessor, initial, marker);
   }
-  solidJs.createRenderEffect(prev => normalize(accessor, prev, multi), (value, current) => insertExpression(parent, value, current, marker), initial);
+  effect(prev => normalize(accessor, prev, multi), (value, current) => insertExpression(parent, value, current, marker), initial);
 }
 function assign(node, props, isSVG, skipChildren, prevProps = {}, skipRef = false) {
   props || (props = {});
@@ -256,13 +275,39 @@ function assign(node, props, isSVG, skipChildren, prevProps = {}, skipRef = fals
 function hydrate$1(code, element, 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 = {};
   solidJs.sharedConfig.completed = globalThis._$HY.completed;
   solidJs.sharedConfig.events = globalThis._$HY.events;
   solidJs.sharedConfig.load = id => globalThis._$HY.r[id];
   solidJs.sharedConfig.has = id => id in globalThis._$HY.r;
   solidJs.sharedConfig.gather = root => gatherHydratable(element, root);
+  solidJs.sharedConfig.cleanupFragment = id => {
+    const tpl = document.getElementById("pl-" + id);
+    if (tpl) {
+      let node = tpl.nextSibling;
+      while (node) {
+        const next = node.nextSibling;
+        if (node.nodeType === 8 && node.nodeValue === "pl-" + id) {
+          node.remove();
+          break;
+        }
+        node.remove();
+        node = next;
+      }
+      tpl.remove();
+    }
+  };
   solidJs.sharedConfig.registry = new Map();
   solidJs.sharedConfig.hydrating = true;
+  {
+    solidJs.sharedConfig.verifyHydration = () => {
+      if (solidJs.sharedConfig.registry && solidJs.sharedConfig.registry.size) {
+        const orphaned = [...solidJs.sharedConfig.registry.values()];
+        console.warn(`Hydration completed with ${orphaned.length} unclaimed server-rendered node(s):\n` + orphaned.map(node => `  ${node.outerHTML.slice(0, 100)}`).join("\n"));
+      }
+    };
+  }
   try {
     gatherHydratable(element, options.renderId);
     return render(code, element, [...element.childNodes], options);
@@ -275,11 +320,16 @@ function getNextElement(template) {
     key,
     hydrating = isHydrating();
   if (!hydrating || !(node = solidJs.sharedConfig.registry.get(key = getHydrationKey()))) {
-    if (hydrating) {
-      solidJs.sharedConfig.done = true;
-      throw new Error(`Hydration Mismatch. Unable to find DOM nodes for hydration key: ${key}\n${template ? template().outerHTML : ""}`);
+    if (!template) {
+      throw new Error(`Hydration Mismatch. Unable to find DOM nodes for hydration key: ${key}`);
+    }
+    return template(true);
+  }
+  if (template && template._html) {
+    const expected = template._html.match(/^<(\w+)/)?.[1];
+    if (expected && node.localName !== expected) {
+      console.warn(`Hydration tag mismatch for key "${key}": expected <${expected}> but found`, node);
     }
-    return template();
   }
   if (solidJs.sharedConfig.completed) solidJs.sharedConfig.completed.add(node);
   solidJs.sharedConfig.registry.delete(key);
@@ -308,6 +358,49 @@ function getNextMarker(start) {
   }
   return [end, current];
 }
+function getFirstChild(node, expectedTag) {
+  const child = node.firstChild;
+  if (isHydrating() && expectedTag && child?.localName !== expectedTag) {
+    const isMissing = !child || child.nodeType !== 1;
+    console.warn("Hydration structure mismatch: expected <" + expectedTag + "> as first child of", node, "\n  " + describeSiblings(node, child, expectedTag, isMissing));
+  }
+  return child;
+}
+function getNextSibling(node, expectedTag) {
+  const sibling = node.nextSibling;
+  if (isHydrating() && expectedTag && sibling?.localName !== expectedTag) {
+    const parent = node.parentElement;
+    const isMissing = !sibling || sibling.nodeType !== 1;
+    console.warn("Hydration structure mismatch: expected <" + expectedTag + "> after", node, "in", parent, "\n  " + describeSiblings(parent, sibling, expectedTag, isMissing));
+  }
+  return sibling;
+}
+function describeSiblings(parent, mismatchChild, expectedTag, isMissing) {
+  const children = [];
+  let child = parent.firstChild;
+  while (child) {
+    if (child.nodeType === 1) children.push(child);
+    child = child.nextSibling;
+  }
+  const pTag = parent.localName;
+  if (isMissing) {
+    const tags = children.map(c => `<${c.localName}>`).join("");
+    return `<${pTag}>${tags}<${expectedTag} \u2190 missing></${pTag}>`;
+  }
+  const idx = children.indexOf(mismatchChild);
+  let start = 0,
+    end = children.length;
+  let prefix = "",
+    suffix = "";
+  if (children.length > 6) {
+    start = Math.max(0, idx - 2);
+    end = Math.min(children.length, idx + 3);
+    if (start > 0) prefix = "...";
+    if (end < children.length) suffix = "...";
+  }
+  const tags = children.slice(start, end).map(c => c === mismatchChild ? `<${c.localName} \u2190 expected ${expectedTag}>` : `<${c.localName}>`).join("");
+  return `<${pTag}>${prefix}${tags}${suffix}</${pTag}>`;
+}
 function runHydrationEvents() {
   if (solidJs.sharedConfig.events && !solidJs.sharedConfig.events.queued) {
     queueMicrotask(() => {
@@ -332,7 +425,7 @@ function runHydrationEvents() {
   }
 }
 function isHydrating(node) {
-  return solidJs.sharedConfig.hydrating && !solidJs.sharedConfig.done && (!node || node.isConnected);
+  return solidJs.sharedConfig.hydrating && (!node || node.isConnected);
 }
 function toggleClassKey(node, key, value) {
   const classNames = key.trim().split(/\s+/);
@@ -358,7 +451,7 @@ function assignProp(node, prop, value, prev, isSVG, skipRef) {
   if (prop === "class") return className(node, value, isSVG, prev), value;
   if (value === prev) return prev;
   if (prop === "ref") {
-    if (!skipRef) value(node);
+    if (!skipRef && value) ref(() => value, node);
   } else if (prop.slice(0, 3) === "on:") {
     const e = prop.slice(3);
     prev && node.removeEventListener(e, prev, typeof prev !== "function" && prev);
@@ -414,7 +507,6 @@ function eventHandler(e) {
       return node || document;
     }
   });
-  if (solidJs.sharedConfig.registry && !solidJs.sharedConfig.done) solidJs.sharedConfig.done = _$HY.done = true;
   if (e.composedPath) {
     const path = e.composedPath();
     retarget(path[0]);
@@ -641,10 +733,6 @@ Object.defineProperty(exports, "createComponent", {
   enumerable: true,
   get: function () { return solidJs.createComponent; }
 });
-Object.defineProperty(exports, "effect", {
-  enumerable: true,
-  get: function () { return solidJs.createRenderEffect; }
-});
 Object.defineProperty(exports, "getOwner", {
   enumerable: true,
   get: function () { return solidJs.getOwner; }
@@ -671,25 +759,30 @@ exports.RequestContext = RequestContext;
 exports.SVGElements = SVGElements;
 exports.SVGNamespace = SVGNamespace;
 exports.addEventListener = addEventListener;
+exports.applyRef = applyRef;
 exports.assign = assign;
 exports.className = className;
 exports.clearDelegatedEvents = clearDelegatedEvents;
 exports.createDynamic = createDynamic;
 exports.delegateEvents = delegateEvents;
 exports.dynamicProperty = dynamicProperty;
+exports.effect = effect;
 exports.escape = escape;
 exports.generateHydrationScript = voidFn;
 exports.getAssets = voidFn;
+exports.getFirstChild = getFirstChild;
 exports.getHydrationKey = getHydrationKey;
 exports.getNextElement = getNextElement;
 exports.getNextMarker = getNextMarker;
 exports.getNextMatch = getNextMatch;
+exports.getNextSibling = getNextSibling;
 exports.getRequestEvent = voidFn;
 exports.hydrate = hydrate;
 exports.insert = insert;
 exports.isDev = isDev;
 exports.isServer = isServer;
 exports.memo = memo;
+exports.ref = ref;
 exports.render = render;
 exports.renderToStream = renderToStream;
 exports.renderToString = renderToString;
@@ -709,5 +802,4 @@ exports.ssrHydrationKey = ssrHydrationKey;
 exports.ssrStyle = ssrStyle;
 exports.style = style;
 exports.template = template;
-exports.use = use;
 exports.useAssets = voidFn;

package/dist/dev.js

@@ -1,5 +1,5 @@
-import { createMemo, createRoot, flatten, untrack, createRenderEffect, sharedConfig, enableHydration, $DEVCOMP, omit } from 'solid-js';
-export { Errored, For, Loading, Match, Show, Switch, createComponent, createRenderEffect as effect, getOwner, merge as mergeProps, untrack } from 'solid-js';
+import { createRenderEffect, createMemo, sharedConfig, untrack, runWithOwner, createRoot, flatten, omit, $DEVCOMP, enableHydration } from 'solid-js';
+export { Errored, For, Loading, Match, Show, Switch, createComponent, getOwner, merge as mergeProps, untrack } from 'solid-js';
 
 const Properties = /*#__PURE__*/new Set([
 "value", "checked", "selected", "muted"]);
@@ -18,6 +18,9 @@ const DOMElements = /*#__PURE__*/new Set(["html", "base", "head", "link", "meta"
 "webview",
 "isindex", "listing", "multicol", "nextid", "noindex", "search"]);
 
+const effect = (fn, effectFn, initial) => createRenderEffect(fn, effectFn, initial, {
+  transparent: true
+});
 const memo = fn => createMemo(() => fn());
 
 function reconcileArrays(parentNode, a, b) {
@@ -96,13 +99,15 @@ function render(code, element, init, options = {}) {
 }
 function template(html, isImportNode, isSVG, isMathML) {
   let node;
-  const create = () => {
-    if (isHydrating()) throw new Error("Failed attempt to create new DOM elements during hydration. Check that the libraries you are using support hydration.");
+  const create = bypassGuard => {
+    if (isHydrating() && !bypassGuard) throw new Error("Failed attempt to create new DOM elements during hydration. Check that the libraries you are using support hydration.");
     const t = isMathML ? document.createElementNS("http://www.w3.org/1998/Math/MathML", "template") : document.createElement("template");
     t.innerHTML = html;
     return isSVG ? t.content.firstChild.firstChild : isMathML ? t.firstChild : t.content.firstChild;
   };
-  return isImportNode ? () => untrack(() => document.importNode(node || (node = create()), true)) : () => (node || (node = create())).cloneNode(true);
+  const fn = isImportNode ? bypassGuard => untrack(() => document.importNode(node || (node = create(bypassGuard)), true)) : bypassGuard => (node || (node = create(bypassGuard))).cloneNode(true);
+  fn._html = html;
+  return fn;
 }
 function delegateEvents(eventNames, document = window.document) {
   const e = document[$$EVENTS] || (document[$$EVENTS] = new Set());
@@ -175,7 +180,7 @@ function addEventListener(node, name, handler, delegate) {
 }
 function style(node, value, prev) {
   if (!value) {
-    prev ? setAttribute(node, "style") : value;
+    if (prev) setAttribute(node, "style");
     return;
   }
   const nodeStyle = node.style;
@@ -197,13 +202,16 @@ function setStyleProperty(node, name, value) {
 function spread(node, props = {}, isSVG, skipChildren) {
   const prevProps = {};
   if (!skipChildren) {
-    createRenderEffect(() => normalize(props.children, prevProps.children), value => {
+    effect(() => normalize(props.children, prevProps.children), value => {
       insertExpression(node, value, prevProps.children);
       prevProps.children = value;
     });
   }
-  createRenderEffect(() => typeof props.ref === "function" && use(props.ref, node), () => {});
-  createRenderEffect(() => {
+  effect(() => {
+    const r = props.ref;
+    (typeof r === "function" || Array.isArray(r)) && ref(() => r, node);
+  }, () => {});
+  effect(() => {
     const newProps = {};
     for (const prop in props) {
       if (prop === "children" || prop === "ref") continue;
@@ -223,17 +231,28 @@ function dynamicProperty(props, key) {
   });
   return props;
 }
-function use(fn, element, arg) {
-  untrack(() => fn(element, arg));
+function applyRef(r, element) {
+  Array.isArray(r) ? r.flat(Infinity).forEach(f => f && f(element)) : r(element);
+}
+function ref(fn, element) {
+  const resolved = untrack(fn);
+  runWithOwner(null, () => applyRef(resolved, element));
 }
 function insert(parent, accessor, marker, initial) {
   const multi = marker !== undefined;
   if (multi && !initial) initial = [];
+  if (isHydrating(parent) && Array.isArray(initial)) {
+    let j = 0;
+    for (let i = 0; i < initial.length; i++) {
+      if (initial[i].nodeType === 8 && initial[i].nodeValue === "!$") initial[i].remove();else initial[j++] = initial[i];
+    }
+    initial.length = j;
+  }
   if (typeof accessor !== "function") {
     accessor = normalize(accessor, initial, multi, true);
     if (typeof accessor !== "function") return insertExpression(parent, accessor, initial, marker);
   }
-  createRenderEffect(prev => normalize(accessor, prev, multi), (value, current) => insertExpression(parent, value, current, marker), initial);
+  effect(prev => normalize(accessor, prev, multi), (value, current) => insertExpression(parent, value, current, marker), initial);
 }
 function assign(node, props, isSVG, skipChildren, prevProps = {}, skipRef = false) {
   props || (props = {});
@@ -255,13 +274,39 @@ function assign(node, props, isSVG, skipChildren, prevProps = {}, skipRef = fals
 function hydrate$1(code, element, 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 = {};
   sharedConfig.completed = globalThis._$HY.completed;
   sharedConfig.events = globalThis._$HY.events;
   sharedConfig.load = id => globalThis._$HY.r[id];
   sharedConfig.has = id => id in globalThis._$HY.r;
   sharedConfig.gather = root => gatherHydratable(element, root);
+  sharedConfig.cleanupFragment = id => {
+    const tpl = document.getElementById("pl-" + id);
+    if (tpl) {
+      let node = tpl.nextSibling;
+      while (node) {
+        const next = node.nextSibling;
+        if (node.nodeType === 8 && node.nodeValue === "pl-" + id) {
+          node.remove();
+          break;
+        }
+        node.remove();
+        node = next;
+      }
+      tpl.remove();
+    }
+  };
   sharedConfig.registry = new Map();
   sharedConfig.hydrating = true;
+  {
+    sharedConfig.verifyHydration = () => {
+      if (sharedConfig.registry && sharedConfig.registry.size) {
+        const orphaned = [...sharedConfig.registry.values()];
+        console.warn(`Hydration completed with ${orphaned.length} unclaimed server-rendered node(s):\n` + orphaned.map(node => `  ${node.outerHTML.slice(0, 100)}`).join("\n"));
+      }
+    };
+  }
   try {
     gatherHydratable(element, options.renderId);
     return render(code, element, [...element.childNodes], options);
@@ -274,11 +319,16 @@ function getNextElement(template) {
     key,
     hydrating = isHydrating();
   if (!hydrating || !(node = sharedConfig.registry.get(key = getHydrationKey()))) {
-    if (hydrating) {
-      sharedConfig.done = true;
-      throw new Error(`Hydration Mismatch. Unable to find DOM nodes for hydration key: ${key}\n${template ? template().outerHTML : ""}`);
+    if (!template) {
+      throw new Error(`Hydration Mismatch. Unable to find DOM nodes for hydration key: ${key}`);
+    }
+    return template(true);
+  }
+  if (template && template._html) {
+    const expected = template._html.match(/^<(\w+)/)?.[1];
+    if (expected && node.localName !== expected) {
+      console.warn(`Hydration tag mismatch for key "${key}": expected <${expected}> but found`, node);
     }
-    return template();
   }
   if (sharedConfig.completed) sharedConfig.completed.add(node);
   sharedConfig.registry.delete(key);
@@ -307,6 +357,49 @@ function getNextMarker(start) {
   }
   return [end, current];
 }
+function getFirstChild(node, expectedTag) {
+  const child = node.firstChild;
+  if (isHydrating() && expectedTag && child?.localName !== expectedTag) {
+    const isMissing = !child || child.nodeType !== 1;
+    console.warn("Hydration structure mismatch: expected <" + expectedTag + "> as first child of", node, "\n  " + describeSiblings(node, child, expectedTag, isMissing));
+  }
+  return child;
+}
+function getNextSibling(node, expectedTag) {
+  const sibling = node.nextSibling;
+  if (isHydrating() && expectedTag && sibling?.localName !== expectedTag) {
+    const parent = node.parentElement;
+    const isMissing = !sibling || sibling.nodeType !== 1;
+    console.warn("Hydration structure mismatch: expected <" + expectedTag + "> after", node, "in", parent, "\n  " + describeSiblings(parent, sibling, expectedTag, isMissing));
+  }
+  return sibling;
+}
+function describeSiblings(parent, mismatchChild, expectedTag, isMissing) {
+  const children = [];
+  let child = parent.firstChild;
+  while (child) {
+    if (child.nodeType === 1) children.push(child);
+    child = child.nextSibling;
+  }
+  const pTag = parent.localName;
+  if (isMissing) {
+    const tags = children.map(c => `<${c.localName}>`).join("");
+    return `<${pTag}>${tags}<${expectedTag} \u2190 missing></${pTag}>`;
+  }
+  const idx = children.indexOf(mismatchChild);
+  let start = 0,
+    end = children.length;
+  let prefix = "",
+    suffix = "";
+  if (children.length > 6) {
+    start = Math.max(0, idx - 2);
+    end = Math.min(children.length, idx + 3);
+    if (start > 0) prefix = "...";
+    if (end < children.length) suffix = "...";
+  }
+  const tags = children.slice(start, end).map(c => c === mismatchChild ? `<${c.localName} \u2190 expected ${expectedTag}>` : `<${c.localName}>`).join("");
+  return `<${pTag}>${prefix}${tags}${suffix}</${pTag}>`;
+}
 function runHydrationEvents() {
   if (sharedConfig.events && !sharedConfig.events.queued) {
     queueMicrotask(() => {
@@ -331,7 +424,7 @@ function runHydrationEvents() {
   }
 }
 function isHydrating(node) {
-  return sharedConfig.hydrating && !sharedConfig.done && (!node || node.isConnected);
+  return sharedConfig.hydrating && (!node || node.isConnected);
 }
 function toggleClassKey(node, key, value) {
   const classNames = key.trim().split(/\s+/);
@@ -357,7 +450,7 @@ function assignProp(node, prop, value, prev, isSVG, skipRef) {
   if (prop === "class") return className(node, value, isSVG, prev), value;
   if (value === prev) return prev;
   if (prop === "ref") {
-    if (!skipRef) value(node);
+    if (!skipRef && value) ref(() => value, node);
   } else if (prop.slice(0, 3) === "on:") {
     const e = prop.slice(3);
     prev && node.removeEventListener(e, prev, typeof prev !== "function" && prev);
@@ -413,7 +506,6 @@ function eventHandler(e) {
       return node || document;
     }
   });
-  if (sharedConfig.registry && !sharedConfig.done) sharedConfig.done = _$HY.done = true;
   if (e.composedPath) {
     const path = e.composedPath();
     retarget(path[0]);
@@ -612,4 +704,4 @@ function Dynamic(props) {
   return createDynamic(() => props.component, others);
 }
 
-export { voidFn as Assets, ChildProperties, DOMElements, DelegatedEvents, Dynamic, Hydration, voidFn as HydrationScript, NoHydration, Portal, Properties, RequestContext, SVGElements, SVGNamespace, addEventListener, assign, className, clearDelegatedEvents, createDynamic, delegateEvents, dynamicProperty, escape, voidFn as generateHydrationScript, voidFn as getAssets, getHydrationKey, getNextElement, getNextMarker, getNextMatch, voidFn as getRequestEvent, hydrate, insert, isDev, isServer, memo, render, renderToStream, renderToString, renderToStringAsync, resolveSSRNode, runHydrationEvents, setAttribute, setAttributeNS, setProperty, setStyleProperty, spread, ssr, ssrAttribute, ssrClassList, ssrElement, ssrHydrationKey, ssrStyle, style, template, use, voidFn as useAssets };
+export { voidFn as Assets, ChildProperties, DOMElements, DelegatedEvents, Dynamic, Hydration, voidFn as HydrationScript, NoHydration, Portal, Properties, RequestContext, SVGElements, SVGNamespace, addEventListener, applyRef, assign, className, clearDelegatedEvents, createDynamic, delegateEvents, dynamicProperty, effect, escape, voidFn as generateHydrationScript, voidFn as getAssets, getFirstChild, getHydrationKey, getNextElement, getNextMarker, getNextMatch, getNextSibling, voidFn as getRequestEvent, hydrate, insert, isDev, isServer, memo, ref, render, renderToStream, renderToString, renderToStringAsync, resolveSSRNode, runHydrationEvents, setAttribute, setAttributeNS, setProperty, setStyleProperty, spread, ssr, ssrAttribute, ssrClassList, ssrElement, ssrHydrationKey, ssrStyle, style, template, voidFn as useAssets };