@solidjs/web 2.0.0-beta.32 → 2.0.0-beta.34

package/dist/dev.cjs

@@ -303,6 +303,27 @@ function serializeCookie(name, value, options = {}) {
   }
   return cookie;
 }
+const FLASH_COOKIE = "flash";
+const FLASH_MATCHER = new RegExp(`(?:^|;\\s*)${FLASH_COOKIE}=([^;]+)`);
+function hasFlashCookie(cookieHeader) {
+  return !!cookieHeader && FLASH_MATCHER.test(cookieHeader);
+}
+function clearFlashCookie() {
+  return `${FLASH_COOKIE}=; Max-Age=0; Path=/`;
+}
+
+const SERVER_FUNCTION_METADATA = Symbol.for("solid.ServerFunctionMetadata");
+function getServerFunctionMetadata(fn) {
+  if (typeof fn !== "function") return undefined;
+  return fn[SERVER_FUNCTION_METADATA] || undefined;
+}
+function isServerFunction(fn) {
+  return typeof fn === "function" && !!fn[SERVER_FUNCTION_METADATA];
+}
+const SERVER_FUNCTION_RPC = Symbol.for("solid.ServerFunctionRPC");
+function getServerFunctionRPC() {
+  return globalThis[SERVER_FUNCTION_RPC];
+}
 
 const $$EVENT_OWNER = "_$DX_EVENT_OWNER";
 const INNER_OWNED = {};
@@ -658,8 +679,7 @@ function insert(parent, accessor, marker, initial, options) {
     const value = normalize(accessor(), current, multi, true);
     if (typeof value !== "function") return value;
     effect(() => (hydrationRt !== null && (current = hydrationRt.reclaimRegion(current, parent, marker)), normalize(value, current, multi)), inner => {
-      insertExpression(parent, inner, current, marker);
-      current = inner;
+      current = insertExpression(parent, inner, current, marker);
       host && tagHost(current, host);
     }, prev !== undefined && !(options && options.schedule) ? {
       ...options,
@@ -668,8 +688,7 @@ function insert(parent, accessor, marker, initial, options) {
     return INNER_OWNED;
   }, value => {
     if (value === INNER_OWNED) return;
-    insertExpression(parent, value, current, marker);
-    current = value;
+    current = insertExpression(parent, value, current, marker);
     host && tagHost(current, host);
   },
   accessor.$s ? options ? {
@@ -1158,13 +1177,19 @@ function hydrate$1(code, element, options = {}) {
       }
     };
   }
-  const rootMapping = globalThis._$HY.r && globalThis._$HY.r["_assets"];
+  const hyr = globalThis._$HY.r;
+  const rootMapping = hyr && (hyr[options.renderId + "_assets"] || hyr["_assets"]);
   if (rootMapping && typeof rootMapping === "object") {
     const p = loadModuleAssets(rootMapping);
     if (p) {
       gatherHydratable(element, options.renderId);
+      const registry = solidJs.sharedConfig.registry;
+      const gather = solidJs.sharedConfig.gather;
       let disposer;
       p.then(() => {
+        solidJs.sharedConfig.registry = registry;
+        solidJs.sharedConfig.gather = gather;
+        solidJs.sharedConfig.hydrating = true;
         try {
           disposer = render$1(code, element, [...element.childNodes], options);
         } finally {
@@ -1453,8 +1478,11 @@ function eventHandler(e, container, state) {
   retarget(oriTarget);
 }
 function insertExpression(parent, value, current, marker) {
-  if (hydrationRt !== null && isHydrating(parent)) return;
-  if (value === current) return;
+  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;
+    return value;
+  }
+  if (value === current) return value;
   const t = typeof value,
     multi = marker !== undefined;
   if (t === "string" || t === "number") {
@@ -1493,6 +1521,7 @@ function insertExpression(parent, value, current, marker) {
       appendNodes(parent, value);
     }
   } else console.warn(`Unrecognized value. Skipped inserting`, value);
+  return value;
 }
 function normalize(value, current, multi, doNotUnwrap) {
   value = solidJs.flatten(value, {
@@ -1630,13 +1659,17 @@ function resolveSSRNode(node, result, top) {}
 function escape(s, attr) {}
 
 const ENVELOPE = Symbol.for("solid.ResponseEnvelope");
-class ResponseEnvelope {
-  constructor(response, value) {
-    this.response = response;
-    this.value = value;
+// PURE-annotated factory (same convention as solid's MockPromise): the brand
+const ResponseEnvelope = /* @__PURE__ */(() => {
+  class ResponseEnvelope {
+    constructor(response, value) {
+      this.response = response;
+      this.value = value;
+    }
   }
-}
-ResponseEnvelope.prototype[ENVELOPE] = true;
+  ResponseEnvelope.prototype[ENVELOPE] = true;
+  return ResponseEnvelope;
+})();
 function isResponseEnvelope(value) {
   return !!(value && typeof value === "object" && value[ENVELOPE]);
 }
@@ -1754,7 +1787,8 @@ function portalImpl(props) {
     endMarker = document.createTextNode(""),
     mount = () => props.mount || document.body,
     content = solidJs.createMemo(() => [startMarker, props.children], {
-      ssrSource: "client"
+      ssrSource: "client",
+      loadingValue: undefined
     });
   solidJs.createRenderEffect(
   () => [mount(), content(), solidJs.getOwner()], ([, c, owner]) => {
@@ -1791,7 +1825,8 @@ function portalImpl(props) {
     ssrSource: "client"
   });
   if (solidJs.sharedConfig.hydrating) return solidJs.createMemo(() => treeMarker, {
-    ssrSource: "client"
+    ssrSource: "client",
+    loadingValue: undefined
   });
   return treeMarker;
 }
@@ -1878,7 +1913,9 @@ _moduleUrl) {
     if ((Comp = solidJs.untrack(comp)) && !solidJs.sharedConfig.hydrating) return Comp(rest);
     const [mounted, setMounted] = solidJs.createSignal(!solidJs.sharedConfig.hydrating);
     const gate = solidJs.createMemo(() => (Comp = comp(), m = mounted(), solidJs.untrack(() => Comp && m ? Comp(rest) : props.fallback)));
-    solidJs.sharedConfig.onHydrationEnd(() => setMounted(true));
+    const onHydrationEnd = solidJs.sharedConfig.onHydrationEnd;
+    const release = () => setMounted(true);
+    onHydrationEnd ? onHydrationEnd(release) : queueMicrotask(release);
     return gate;
   };
 }
@@ -1961,6 +1998,7 @@ exports.assign = assign;
 exports.claimElement = claimElement;
 exports.claimElementTree = claimElementTree;
 exports.className = className;
+exports.clearFlashCookie = clearFlashCookie;
 exports.clientOnly = clientOnly;
 exports.commitEventResponse = commitEventResponse;
 exports.composeMiddleware = composeMiddleware;
@@ -1982,6 +2020,9 @@ exports.getNextMarker = getNextMarker;
 exports.getNextMatch = getNextMatch;
 exports.getNextSibling = getNextSibling;
 exports.getRequestEvent = voidFn;
+exports.getServerFunctionMetadata = getServerFunctionMetadata;
+exports.getServerFunctionRPC = getServerFunctionRPC;
+exports.hasFlashCookie = hasFlashCookie;
 exports.httpHeader = httpHeader;
 exports.httpStatus = httpStatus;
 exports.hydrate = hydrate;
@@ -1992,6 +2033,7 @@ exports.isHref = isHref;
 exports.isResponseEnvelope = isResponseEnvelope;
 exports.isSafeError = isSafeError;
 exports.isServer = isServer;
+exports.isServerFunction = isServerFunction;
 exports.markSafeError = markSafeError;
 exports.memo = memo;
 exports.mergeProps = mergeProps;

package/dist/dev.js

@@ -302,6 +302,27 @@ function serializeCookie(name, value, options = {}) {
   }
   return cookie;
 }
+const FLASH_COOKIE = "flash";
+const FLASH_MATCHER = new RegExp(`(?:^|;\\s*)${FLASH_COOKIE}=([^;]+)`);
+function hasFlashCookie(cookieHeader) {
+  return !!cookieHeader && FLASH_MATCHER.test(cookieHeader);
+}
+function clearFlashCookie() {
+  return `${FLASH_COOKIE}=; Max-Age=0; Path=/`;
+}
+
+const SERVER_FUNCTION_METADATA = Symbol.for("solid.ServerFunctionMetadata");
+function getServerFunctionMetadata(fn) {
+  if (typeof fn !== "function") return undefined;
+  return fn[SERVER_FUNCTION_METADATA] || undefined;
+}
+function isServerFunction(fn) {
+  return typeof fn === "function" && !!fn[SERVER_FUNCTION_METADATA];
+}
+const SERVER_FUNCTION_RPC = Symbol.for("solid.ServerFunctionRPC");
+function getServerFunctionRPC() {
+  return globalThis[SERVER_FUNCTION_RPC];
+}
 
 const $$EVENT_OWNER = "_$DX_EVENT_OWNER";
 const INNER_OWNED = {};
@@ -657,8 +678,7 @@ function insert(parent, accessor, marker, initial, options) {
     const value = normalize(accessor(), current, multi, true);
     if (typeof value !== "function") return value;
     effect(() => (hydrationRt !== null && (current = hydrationRt.reclaimRegion(current, parent, marker)), normalize(value, current, multi)), inner => {
-      insertExpression(parent, inner, current, marker);
-      current = inner;
+      current = insertExpression(parent, inner, current, marker);
       host && tagHost(current, host);
     }, prev !== undefined && !(options && options.schedule) ? {
       ...options,
@@ -667,8 +687,7 @@ function insert(parent, accessor, marker, initial, options) {
     return INNER_OWNED;
   }, value => {
     if (value === INNER_OWNED) return;
-    insertExpression(parent, value, current, marker);
-    current = value;
+    current = insertExpression(parent, value, current, marker);
     host && tagHost(current, host);
   },
   accessor.$s ? options ? {
@@ -1157,13 +1176,19 @@ function hydrate$1(code, element, options = {}) {
       }
     };
   }
-  const rootMapping = globalThis._$HY.r && globalThis._$HY.r["_assets"];
+  const hyr = globalThis._$HY.r;
+  const rootMapping = hyr && (hyr[options.renderId + "_assets"] || hyr["_assets"]);
   if (rootMapping && typeof rootMapping === "object") {
     const p = loadModuleAssets(rootMapping);
     if (p) {
       gatherHydratable(element, options.renderId);
+      const registry = sharedConfig.registry;
+      const gather = sharedConfig.gather;
       let disposer;
       p.then(() => {
+        sharedConfig.registry = registry;
+        sharedConfig.gather = gather;
+        sharedConfig.hydrating = true;
         try {
           disposer = render$1(code, element, [...element.childNodes], options);
         } finally {
@@ -1452,8 +1477,11 @@ function eventHandler(e, container, state) {
   retarget(oriTarget);
 }
 function insertExpression(parent, value, current, marker) {
-  if (hydrationRt !== null && isHydrating(parent)) return;
-  if (value === current) return;
+  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;
+    return value;
+  }
+  if (value === current) return value;
   const t = typeof value,
     multi = marker !== undefined;
   if (t === "string" || t === "number") {
@@ -1492,6 +1520,7 @@ function insertExpression(parent, value, current, marker) {
       appendNodes(parent, value);
     }
   } else console.warn(`Unrecognized value. Skipped inserting`, value);
+  return value;
 }
 function normalize(value, current, multi, doNotUnwrap) {
   value = flatten(value, {
@@ -1629,13 +1658,17 @@ function resolveSSRNode(node, result, top) {}
 function escape(s, attr) {}
 
 const ENVELOPE = Symbol.for("solid.ResponseEnvelope");
-class ResponseEnvelope {
-  constructor(response, value) {
-    this.response = response;
-    this.value = value;
+// PURE-annotated factory (same convention as solid's MockPromise): the brand
+const ResponseEnvelope = /* @__PURE__ */(() => {
+  class ResponseEnvelope {
+    constructor(response, value) {
+      this.response = response;
+      this.value = value;
+    }
   }
-}
-ResponseEnvelope.prototype[ENVELOPE] = true;
+  ResponseEnvelope.prototype[ENVELOPE] = true;
+  return ResponseEnvelope;
+})();
 function isResponseEnvelope(value) {
   return !!(value && typeof value === "object" && value[ENVELOPE]);
 }
@@ -1753,7 +1786,8 @@ function portalImpl(props) {
     endMarker = document.createTextNode(""),
     mount = () => props.mount || document.body,
     content = createMemo(() => [startMarker, props.children], {
-      ssrSource: "client"
+      ssrSource: "client",
+      loadingValue: undefined
     });
   createRenderEffect(
   () => [mount(), content(), getOwner()], ([, c, owner]) => {
@@ -1790,7 +1824,8 @@ function portalImpl(props) {
     ssrSource: "client"
   });
   if (sharedConfig.hydrating) return createMemo(() => treeMarker, {
-    ssrSource: "client"
+    ssrSource: "client",
+    loadingValue: undefined
   });
   return treeMarker;
 }
@@ -1877,11 +1912,13 @@ _moduleUrl) {
     if ((Comp = untrack(comp)) && !sharedConfig.hydrating) return Comp(rest);
     const [mounted, setMounted] = createSignal(!sharedConfig.hydrating);
     const gate = createMemo(() => (Comp = comp(), m = mounted(), untrack(() => Comp && m ? Comp(rest) : props.fallback)));
-    sharedConfig.onHydrationEnd(() => setMounted(true));
+    const onHydrationEnd = sharedConfig.onHydrationEnd;
+    const release = () => setMounted(true);
+    onHydrationEnd ? onHydrationEnd(release) : queueMicrotask(release);
     return gate;
   };
 }
 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, 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, httpHeader, httpStatus, hydrate, insert, installHydrationRuntime, isDev, isHref, isResponseEnvelope, isSafeError, isServer, 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, 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 };