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

package/dist/dev.cjs

@@ -282,9 +282,24 @@ function setProperty(node, name, value) {
   if (isHydrating(node)) return;
   node[name] = value;
 }
+let claimHandlers = null;
+function registerElementClaim(handler) {
+  (claimHandlers || (claimHandlers = [])).push(handler);
+  return () => {
+    const index = claimHandlers.indexOf(handler);
+    index > -1 && claimHandlers.splice(index, 1);
+  };
+}
+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;
@@ -1130,6 +1145,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 +1162,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 +1174,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 +1363,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 +1377,7 @@ exports.acquireAsset = acquireAsset;
 exports.addEvent = addEvent;
 exports.applyRef = applyRef;
 exports.assign = assign;
+exports.claimElement = claimElement;
 exports.className = className;
 exports.delegateEvents = delegateEvents;
 exports.dynamic = dynamic;
@@ -1374,6 +1398,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 +1407,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

@@ -281,9 +281,24 @@ function setProperty(node, name, value) {
   if (isHydrating(node)) return;
   node[name] = value;
 }
+let claimHandlers = null;
+function registerElementClaim(handler) {
+  (claimHandlers || (claimHandlers = [])).push(handler);
+  return () => {
+    const index = claimHandlers.indexOf(handler);
+    index > -1 && claimHandlers.splice(index, 1);
+  };
+}
+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;
@@ -1129,6 +1144,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 +1161,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 +1173,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 +1304,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, 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

@@ -1272,6 +1272,13 @@ 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 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 +1294,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 +1311,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 +1323,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 +1468,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 +1482,7 @@ exports.acquireAsset = notSup;
 exports.addEvent = notSup;
 exports.applyRef = applyRef;
 exports.assign = notSup;
+exports.claimElement = claimElement;
 exports.className = notSup;
 exports.delegateEvents = notSup;
 exports.dynamic = dynamic;
@@ -1484,6 +1500,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 +1508,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;

package/dist/server.js

@@ -1271,6 +1271,13 @@ 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 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>.");
 }
@@ -1286,6 +1293,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,
@@ -1299,6 +1310,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
@@ -1308,7 +1322,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
@@ -1387,4 +1401,4 @@ function Portal(props) {
   return undefined;
 }
 
-export { Assets, ChildProperties, DOMElements, DOMWithState, DelegatedEvents, Dynamic, HydrationScript, MathMLElements, Namespaces, Portal, RawTextElements, RequestContext, ResponseEnvelope, SVGElements, VoidElements, notSup as acquireAsset, notSup as addEvent, applyRef, notSup as assign, notSup as className, notSup as delegateEvents, dynamic, notSup as dynamicProperty, effect, escape, generateHydrationScript, getAssets, notSup as getDelegatedRoot, getHydrationKey, notSup as getNextElement, notSup as getNextMarker, notSup as getNextMatch, getRequestEvent, notSup as hydrate, notSup as insert, isDev, isResponseEnvelope, isServer, memo, redirect, notSup as ref, notSup as registerDelegatedContainer, notSup as registerDelegatedRoot, reload, notSup as render, renderToStream, renderToString, renderToStringAsync, respond, notSup as runHydrationEvents, notSup as setAttribute, notSup as setAttributeNS, notSup as setProperty, notSup as setStyleProperty, notSup as spread, ssr, ssrAttribute, ssrClassName, ssrElement, ssrGroup, ssrHydrationKey, ssrStyle, ssrStyleProperty, notSup as style, notSup as template, notSup as unregisterDelegatedContainer, notSup as unregisterDelegatedRoot, useAssets };
+export { Assets, ChildProperties, DOMElements, DOMWithState, DelegatedEvents, Dynamic, HREF, HydrationScript, MathMLElements, Namespaces, Portal, RawTextElements, RequestContext, ResponseEnvelope, SVGElements, VoidElements, notSup as acquireAsset, notSup as addEvent, applyRef, notSup as assign, claimElement, notSup as className, notSup as delegateEvents, dynamic, notSup as dynamicProperty, effect, escape, generateHydrationScript, getAssets, notSup as getDelegatedRoot, getHydrationKey, notSup as getNextElement, notSup as getNextMarker, notSup as getNextMatch, getRequestEvent, notSup as hydrate, notSup as insert, isDev, isHref, isResponseEnvelope, isServer, memo, redirect, notSup as ref, notSup as registerDelegatedContainer, notSup as registerDelegatedRoot, registerElementClaim, reload, notSup as render, renderToStream, renderToString, renderToStringAsync, respond, notSup as runHydrationEvents, notSup as setAttribute, notSup as setAttributeNS, notSup as setProperty, notSup as setStyleProperty, notSup as spread, ssr, ssrAttribute, ssrClassName, ssrElement, ssrGroup, ssrHydrationKey, ssrStyle, ssrStyleProperty, notSup as style, notSup as template, notSup as unregisterDelegatedContainer, notSup as unregisterDelegatedRoot, useAssets };

package/dist/web.cjs

@@ -277,9 +277,24 @@ function setProperty(node, name, value) {
   if (isHydrating(node)) return;
   node[name] = value;
 }
+let claimHandlers = null;
+function registerElementClaim(handler) {
+  (claimHandlers || (claimHandlers = [])).push(handler);
+  return () => {
+    const index = claimHandlers.indexOf(handler);
+    index > -1 && claimHandlers.splice(index, 1);
+  };
+}
+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;
@@ -1073,6 +1088,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,
@@ -1086,6 +1105,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
@@ -1095,7 +1117,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
@@ -1279,6 +1301,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;
@@ -1292,6 +1315,7 @@ exports.acquireAsset = acquireAsset;
 exports.addEvent = addEvent;
 exports.applyRef = applyRef;
 exports.assign = assign;
+exports.claimElement = claimElement;
 exports.className = className;
 exports.delegateEvents = delegateEvents;
 exports.dynamic = dynamic;
@@ -1312,6 +1336,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;
@@ -1320,6 +1345,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/web.js

@@ -276,9 +276,24 @@ function setProperty(node, name, value) {
   if (isHydrating(node)) return;
   node[name] = value;
 }
+let claimHandlers = null;
+function registerElementClaim(handler) {
+  (claimHandlers || (claimHandlers = [])).push(handler);
+  return () => {
+    const index = claimHandlers.indexOf(handler);
+    index > -1 && claimHandlers.splice(index, 1);
+  };
+}
+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;
@@ -1072,6 +1087,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,
@@ -1085,6 +1104,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
@@ -1094,7 +1116,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
@@ -1220,4 +1242,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, 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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solidjs/web",
   "description": "Solid's web runtime: client rendering, hydration, SSR, and DOM-specific control flow (Portal, Dynamic).",
-  "version": "2.0.0-beta.21",
+  "version": "2.0.0-beta.22",
   "author": "Ryan Carniato",
   "license": "MIT",
   "homepage": "https://solidjs.com",
@@ -224,10 +224,10 @@
     "seroval-plugins": "~1.5.4"
   },
   "peerDependencies": {
-    "solid-js": "^2.0.0-beta.21"
+    "solid-js": "^2.0.0-beta.22"
   },
   "devDependencies": {
-    "solid-js": "2.0.0-beta.21"
+    "solid-js": "2.0.0-beta.22"
   },
   "scripts": {
     "build": "npm-run-all -nl build:clean types:copy-jsx build:js",

package/server-functions/dist/client.cjs

@@ -85,6 +85,31 @@ function withMeta(fn, meta) {
   return fn;
 }
 const FUNCTION_HEADER = "X-Server-Function-Id";
+const ERROR_HEADER = "X-Server-Function-Error";
+const ERROR_HEADER_MARKER = "=?1?";
+const NEEDS_ENCODING = /[^\x20-\x7e\xa0-\xff]/;
+function encodeErrorHeaderValue(value) {
+  let stripped = String(value).replace(/[\r\n]+/g, "");
+  if (!NEEDS_ENCODING.test(stripped) && !stripped.startsWith(ERROR_HEADER_MARKER) && stripped === stripped.trim()) {
+    return stripped;
+  }
+  if (typeof stripped.toWellFormed === "function") {
+    stripped = stripped.toWellFormed();
+  } else {
+    stripped = stripped.replace(/[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?<![\uD800-\uDBFF])[\uDC00-\uDFFF]/g, "\uFFFD");
+  }
+  return ERROR_HEADER_MARKER + encodeURIComponent(stripped);
+}
+function decodeErrorHeaderValue(value) {
+  if (typeof value !== "string" || !value.startsWith(ERROR_HEADER_MARKER)) {
+    return value;
+  }
+  try {
+    return decodeURIComponent(value.slice(ERROR_HEADER_MARKER.length));
+  } catch {
+    return value;
+  }
+}
 const INSTANCE_HEADER = "X-Server-Function-Instance";
 const BODY_FORMAT_HEADER = "X-Server-Function-Format";
 const SINGLE_FLIGHT_HEADER = "X-Single-Flight";
@@ -372,7 +397,7 @@ async function fetchServerFunction(base, id, options, args, meta) {
       await consumer(payload.data, {
         response
       });
-      if (response.headers.has("X-Server-Function-Error") && !response.headers.has("Location") && !response.headers.has("X-Revalidate")) {
+      if (response.headers.has(ERROR_HEADER) && !response.headers.has("Location") && !response.headers.has("X-Revalidate")) {
         throw payload.value;
       }
       return payload.value;
@@ -382,22 +407,22 @@ async function fetchServerFunction(base, id, options, args, meta) {
     return response;
   }
   const result = await decodeResponse(response.clone());
-  if (response.headers.has("X-Server-Function-Error")) {
+  if (response.headers.has(ERROR_HEADER)) {
     throw result;
   }
   return result;
 }
-function createServerReference(id, name) {
+function createServerReference(id, name, base) {
   const metadata = name === undefined ? {} : {
     name
   };
-  const fn = (...args) => fetchServerFunction(config.endpoint, id, {}, args, metadata);
+  const fn = (...args) => fetchServerFunction(base || config.endpoint, id, {}, args, metadata);
   fn[SERVER_FUNCTION_METADATA] = metadata;
   return new Proxy(fn, {
     get(target, prop) {
       if (prop === "id") return id;
       if (prop === "url") {
-        return `${config.endpoint}?id=${encodeURIComponent(id)}`;
+        return base || `${config.endpoint}?id=${encodeURIComponent(id)}`;
       }
       return target[prop];
     }
@@ -434,13 +459,16 @@ function registerServerReference() {
   throw new Error("registerServerReference must not be called in the client build");
 }
 
+exports.ERROR_HEADER = ERROR_HEADER;
 exports.FUNCTION_HEADER = FUNCTION_HEADER;
 exports.GET = GET;
 exports.INSTANCE_HEADER = INSTANCE_HEADER;
 exports.SINGLE_FLIGHT_HEADER = SINGLE_FLIGHT_HEADER;
 exports.configureServerFunctionsClient = configureServerFunctionsClient;
 exports.createServerReference = createServerReference;
+exports.decodeErrorHeaderValue = decodeErrorHeaderValue;
 exports.decodeResponse = decodeResponse;
+exports.encodeErrorHeaderValue = encodeErrorHeaderValue;
 exports.getServerFunctionMetadata = getServerFunctionMetadata;
 exports.isServerFunction = isServerFunction;
 exports.registerServerReference = registerServerReference;

package/server-functions/dist/client.js

@@ -83,6 +83,31 @@ function withMeta(fn, meta) {
   return fn;
 }
 const FUNCTION_HEADER = "X-Server-Function-Id";
+const ERROR_HEADER = "X-Server-Function-Error";
+const ERROR_HEADER_MARKER = "=?1?";
+const NEEDS_ENCODING = /[^\x20-\x7e\xa0-\xff]/;
+function encodeErrorHeaderValue(value) {
+  let stripped = String(value).replace(/[\r\n]+/g, "");
+  if (!NEEDS_ENCODING.test(stripped) && !stripped.startsWith(ERROR_HEADER_MARKER) && stripped === stripped.trim()) {
+    return stripped;
+  }
+  if (typeof stripped.toWellFormed === "function") {
+    stripped = stripped.toWellFormed();
+  } else {
+    stripped = stripped.replace(/[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?<![\uD800-\uDBFF])[\uDC00-\uDFFF]/g, "\uFFFD");
+  }
+  return ERROR_HEADER_MARKER + encodeURIComponent(stripped);
+}
+function decodeErrorHeaderValue(value) {
+  if (typeof value !== "string" || !value.startsWith(ERROR_HEADER_MARKER)) {
+    return value;
+  }
+  try {
+    return decodeURIComponent(value.slice(ERROR_HEADER_MARKER.length));
+  } catch {
+    return value;
+  }
+}
 const INSTANCE_HEADER = "X-Server-Function-Instance";
 const BODY_FORMAT_HEADER = "X-Server-Function-Format";
 const SINGLE_FLIGHT_HEADER = "X-Single-Flight";
@@ -370,7 +395,7 @@ async function fetchServerFunction(base, id, options, args, meta) {
       await consumer(payload.data, {
         response
       });
-      if (response.headers.has("X-Server-Function-Error") && !response.headers.has("Location") && !response.headers.has("X-Revalidate")) {
+      if (response.headers.has(ERROR_HEADER) && !response.headers.has("Location") && !response.headers.has("X-Revalidate")) {
         throw payload.value;
       }
       return payload.value;
@@ -380,22 +405,22 @@ async function fetchServerFunction(base, id, options, args, meta) {
     return response;
   }
   const result = await decodeResponse(response.clone());
-  if (response.headers.has("X-Server-Function-Error")) {
+  if (response.headers.has(ERROR_HEADER)) {
     throw result;
   }
   return result;
 }
-function createServerReference(id, name) {
+function createServerReference(id, name, base) {
   const metadata = name === undefined ? {} : {
     name
   };
-  const fn = (...args) => fetchServerFunction(config.endpoint, id, {}, args, metadata);
+  const fn = (...args) => fetchServerFunction(base || config.endpoint, id, {}, args, metadata);
   fn[SERVER_FUNCTION_METADATA] = metadata;
   return new Proxy(fn, {
     get(target, prop) {
       if (prop === "id") return id;
       if (prop === "url") {
-        return `${config.endpoint}?id=${encodeURIComponent(id)}`;
+        return base || `${config.endpoint}?id=${encodeURIComponent(id)}`;
       }
       return target[prop];
     }
@@ -432,4 +457,4 @@ function registerServerReference() {
   throw new Error("registerServerReference must not be called in the client build");
 }
 
-export { FUNCTION_HEADER, GET, INSTANCE_HEADER, SINGLE_FLIGHT_HEADER, configureServerFunctionsClient, createServerReference, decodeResponse, getServerFunctionMetadata, isServerFunction, registerServerReference, subscribeFlightData, withMeta };
+export { ERROR_HEADER, FUNCTION_HEADER, GET, INSTANCE_HEADER, SINGLE_FLIGHT_HEADER, configureServerFunctionsClient, createServerReference, decodeErrorHeaderValue, decodeResponse, encodeErrorHeaderValue, getServerFunctionMetadata, isServerFunction, registerServerReference, subscribeFlightData, withMeta };

package/server-functions/dist/server.cjs

@@ -88,6 +88,31 @@ function withMeta(fn, meta) {
   return fn;
 }
 const FUNCTION_HEADER = "X-Server-Function-Id";
+const ERROR_HEADER = "X-Server-Function-Error";
+const ERROR_HEADER_MARKER = "=?1?";
+const NEEDS_ENCODING = /[^\x20-\x7e\xa0-\xff]/;
+function encodeErrorHeaderValue(value) {
+  let stripped = String(value).replace(/[\r\n]+/g, "");
+  if (!NEEDS_ENCODING.test(stripped) && !stripped.startsWith(ERROR_HEADER_MARKER) && stripped === stripped.trim()) {
+    return stripped;
+  }
+  if (typeof stripped.toWellFormed === "function") {
+    stripped = stripped.toWellFormed();
+  } else {
+    stripped = stripped.replace(/[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?<![\uD800-\uDBFF])[\uDC00-\uDFFF]/g, "\uFFFD");
+  }
+  return ERROR_HEADER_MARKER + encodeURIComponent(stripped);
+}
+function decodeErrorHeaderValue(value) {
+  if (typeof value !== "string" || !value.startsWith(ERROR_HEADER_MARKER)) {
+    return value;
+  }
+  try {
+    return decodeURIComponent(value.slice(ERROR_HEADER_MARKER.length));
+  } catch {
+    return value;
+  }
+}
 const INSTANCE_HEADER = "X-Server-Function-Instance";
 const BODY_FORMAT_HEADER = "X-Server-Function-Format";
 const SINGLE_FLIGHT_HEADER = "X-Single-Flight";
@@ -400,7 +425,8 @@ function resolveFunctionId(request, url) {
 }
 async function parseArguments(request, url, instance, codec) {
   const parsed = [];
-  if (!instance || request.method === "GET") {
+  const bodyFormat = request.method === "POST" ? request.headers.get(BODY_FORMAT_HEADER) : null;
+  if (!instance || request.method === "GET" || bodyFormat !== BodyFormat.Serialized) {
     const args = url.searchParams.get("args");
     if (args) {
       const result = args.startsWith(";0x") ? await deserializeString(args, codec) : JSON.parse(args);
@@ -410,9 +436,8 @@ async function parseArguments(request, url, instance, codec) {
     }
   }
   if (request.method === "POST" && request.body !== null) {
-    const format = request.headers.get(BODY_FORMAT_HEADER);
     const decoded = await extractBody(request.clone(), codec);
-    if (format === BodyFormat.Serialized) {
+    if (bodyFormat === BodyFormat.Serialized) {
       return decoded;
     }
     parsed.push(decoded);
@@ -470,12 +495,11 @@ async function handleServerFunctionRequest(request, options = {}) {
       status: 404
     });
   }
-  const allowedMethod = METHODS.get(functionId) || "POST";
-  if (request.method === "GET" !== (allowedMethod === "GET")) {
+  if (request.method === "GET" && METHODS.get(functionId) !== "GET") {
     return new Response(process.env.NODE_ENV === "development" ? `Method not allowed for server function: ${functionId}` : null, {
       status: 405,
       headers: {
-        Allow: allowedMethod
+        Allow: "POST"
       }
     });
   }
@@ -594,7 +618,7 @@ async function handleServerFunctionRequest(request, options = {}) {
           thrown: true
         });
       }
-      headers.set("X-Server-Function-Error", "true");
+      headers.set(ERROR_HEADER, "true");
       if (!instance) {
         if (options.handleNoJS) return options.handleNoJS(x, request, parsed, true);
         if (x instanceof Response) return x;
@@ -609,18 +633,21 @@ async function handleServerFunctionRequest(request, options = {}) {
       });
     }
     const error = x instanceof Error ? x.message : typeof x === "string" ? x : "true";
-    headers.set("X-Server-Function-Error", error.replace(/[\r\n]+/g, ""));
+    headers.set(ERROR_HEADER, encodeErrorHeaderValue(error));
     return encodeResult(x, headers, 200, codec);
   }
 }
 
+exports.ERROR_HEADER = ERROR_HEADER;
 exports.FUNCTION_HEADER = FUNCTION_HEADER;
 exports.GET = GET;
 exports.INSTANCE_HEADER = INSTANCE_HEADER;
 exports.SINGLE_FLIGHT_HEADER = SINGLE_FLIGHT_HEADER;
 exports.configureServerFunctionsServer = configureServerFunctionsServer;
 exports.createServerReference = createServerReference;
+exports.decodeErrorHeaderValue = decodeErrorHeaderValue;
 exports.decodeResponse = decodeResponse;
+exports.encodeErrorHeaderValue = encodeErrorHeaderValue;
 exports.getServerFunction = getServerFunction;
 exports.getServerFunctionMeta = getServerFunctionMeta;
 exports.getServerFunctionMetadata = getServerFunctionMetadata;

package/server-functions/dist/server.js

@@ -86,6 +86,31 @@ function withMeta(fn, meta) {
   return fn;
 }
 const FUNCTION_HEADER = "X-Server-Function-Id";
+const ERROR_HEADER = "X-Server-Function-Error";
+const ERROR_HEADER_MARKER = "=?1?";
+const NEEDS_ENCODING = /[^\x20-\x7e\xa0-\xff]/;
+function encodeErrorHeaderValue(value) {
+  let stripped = String(value).replace(/[\r\n]+/g, "");
+  if (!NEEDS_ENCODING.test(stripped) && !stripped.startsWith(ERROR_HEADER_MARKER) && stripped === stripped.trim()) {
+    return stripped;
+  }
+  if (typeof stripped.toWellFormed === "function") {
+    stripped = stripped.toWellFormed();
+  } else {
+    stripped = stripped.replace(/[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?<![\uD800-\uDBFF])[\uDC00-\uDFFF]/g, "\uFFFD");
+  }
+  return ERROR_HEADER_MARKER + encodeURIComponent(stripped);
+}
+function decodeErrorHeaderValue(value) {
+  if (typeof value !== "string" || !value.startsWith(ERROR_HEADER_MARKER)) {
+    return value;
+  }
+  try {
+    return decodeURIComponent(value.slice(ERROR_HEADER_MARKER.length));
+  } catch {
+    return value;
+  }
+}
 const INSTANCE_HEADER = "X-Server-Function-Instance";
 const BODY_FORMAT_HEADER = "X-Server-Function-Format";
 const SINGLE_FLIGHT_HEADER = "X-Single-Flight";
@@ -398,7 +423,8 @@ function resolveFunctionId(request, url) {
 }
 async function parseArguments(request, url, instance, codec) {
   const parsed = [];
-  if (!instance || request.method === "GET") {
+  const bodyFormat = request.method === "POST" ? request.headers.get(BODY_FORMAT_HEADER) : null;
+  if (!instance || request.method === "GET" || bodyFormat !== BodyFormat.Serialized) {
     const args = url.searchParams.get("args");
     if (args) {
       const result = args.startsWith(";0x") ? await deserializeString(args, codec) : JSON.parse(args);
@@ -408,9 +434,8 @@ async function parseArguments(request, url, instance, codec) {
     }
   }
   if (request.method === "POST" && request.body !== null) {
-    const format = request.headers.get(BODY_FORMAT_HEADER);
     const decoded = await extractBody(request.clone(), codec);
-    if (format === BodyFormat.Serialized) {
+    if (bodyFormat === BodyFormat.Serialized) {
       return decoded;
     }
     parsed.push(decoded);
@@ -468,12 +493,11 @@ async function handleServerFunctionRequest(request, options = {}) {
       status: 404
     });
   }
-  const allowedMethod = METHODS.get(functionId) || "POST";
-  if (request.method === "GET" !== (allowedMethod === "GET")) {
+  if (request.method === "GET" && METHODS.get(functionId) !== "GET") {
     return new Response(process.env.NODE_ENV === "development" ? `Method not allowed for server function: ${functionId}` : null, {
       status: 405,
       headers: {
-        Allow: allowedMethod
+        Allow: "POST"
       }
     });
   }
@@ -592,7 +616,7 @@ async function handleServerFunctionRequest(request, options = {}) {
           thrown: true
         });
       }
-      headers.set("X-Server-Function-Error", "true");
+      headers.set(ERROR_HEADER, "true");
       if (!instance) {
         if (options.handleNoJS) return options.handleNoJS(x, request, parsed, true);
         if (x instanceof Response) return x;
@@ -607,9 +631,9 @@ async function handleServerFunctionRequest(request, options = {}) {
       });
     }
     const error = x instanceof Error ? x.message : typeof x === "string" ? x : "true";
-    headers.set("X-Server-Function-Error", error.replace(/[\r\n]+/g, ""));
+    headers.set(ERROR_HEADER, encodeErrorHeaderValue(error));
     return encodeResult(x, headers, 200, codec);
   }
 }
 
-export { FUNCTION_HEADER, GET, INSTANCE_HEADER, SINGLE_FLIGHT_HEADER, configureServerFunctionsServer, createServerReference, decodeResponse, getServerFunction, getServerFunctionMeta, getServerFunctionMetadata, handleServerFunctionRequest, isServerFunction, registerServerFunction, registerServerReference, subscribeFlightData, withMeta };
+export { ERROR_HEADER, FUNCTION_HEADER, GET, INSTANCE_HEADER, SINGLE_FLIGHT_HEADER, configureServerFunctionsServer, createServerReference, decodeErrorHeaderValue, decodeResponse, encodeErrorHeaderValue, getServerFunction, getServerFunctionMeta, getServerFunctionMetadata, handleServerFunctionRequest, isServerFunction, registerServerFunction, registerServerReference, subscribeFlightData, withMeta };

package/types/client.d.ts

@@ -66,6 +66,24 @@ export function assign(
 ): void;
 export function setAttribute(node: Element, name: string, value: string): void;
 export function setAttributeNS(node: Element, namespace: string, name: string, value: string): void;
+/**
+ * Register a consumer for compiler-emitted element claims. Compiled DOM
+ * output claims navigation-relevant elements (`a[href]`, `form[action]`) at
+ * creation, and compiler-owned writes to `href`/`action` re-invoke the same
+ * handlers — so handlers must be idempotent and must check the element's
+ * relevance themselves (rechecks can fire for any element whose
+ * `href`/`action` is written, e.g. `<link href>`). Handlers run under the
+ * reactive owner current at element creation; scope per-element state and
+ * cleanup through your own reactive system. Dormant until registered —
+ * without a handler the emitted claims are null checks. Returns an
+ * unregister function.
+ */
+export function registerElementClaim(handler: (element: Element) => void): () => void;
+/**
+ * Claim `node` for registered consumers (see `registerElementClaim`).
+ * Emitted by the compiler at element creation; idempotent by contract.
+ */
+export function claimElement<T extends Element>(node: T): T;
 export function className(node: Element, value: JSX.ClassValue, prev?: JSX.ClassValue): void;
 export function setProperty(node: Element, name: string, value: any): void;
 export function setStyleProperty(node: Element, name: string, value: any): void;

package/types/jsx.d.ts

@@ -1120,7 +1120,7 @@ export namespace JSX {
 
   interface AnchorHTMLAttributes<T> extends HTMLAttributes<T> {
     download?: string | EnumeratedAcceptsEmpty | RemoveAttribute;
-    href?: string | RemoveAttribute;
+    href?: string | SerializableAttributeValue | RemoveAttribute;
     hreflang?: string | RemoveAttribute;
     ping?: string | RemoveAttribute;
     referrerpolicy?: HTMLReferrerPolicy | RemoveAttribute;
@@ -1128,6 +1128,21 @@ export namespace JSX {
     target?: "_self" | "_blank" | "_parent" | "_top" | (string & {}) | RemoveAttribute;
     type?: string | RemoveAttribute;
 
+    // Client-side navigation contract. These attributes are inert markup on
+    // their own — a routing integration that delegates anchor clicks (e.g.
+    // @solidjs/router) reads them off the element at event time. Typed here
+    // so plain `<a>` elements participate without per-router augmentation.
+    /** Marks the anchor as a client-navigation link when the integration requires explicit opt-in. */
+    link?: BooleanAttribute | RemoveAttribute;
+    /** Serialized (JSON) history state pushed alongside the navigation. */
+    state?: string | RemoveAttribute;
+    /** Suppress scroll restoration/reset after the navigation. */
+    noScroll?: BooleanAttribute | RemoveAttribute;
+    /** Replace the current history entry instead of pushing a new one. */
+    replace?: BooleanAttribute | RemoveAttribute;
+    /** Route preload intent; `"false"` disables the integration's default eager preload. */
+    preload?: boolean | "false" | RemoveAttribute;
+
     /** @experimental */
     attributionsrc?: string | RemoveAttribute;
 
@@ -1147,7 +1162,7 @@ export namespace JSX {
     alt?: string | RemoveAttribute;
     coords?: string | RemoveAttribute;
     download?: string | EnumeratedAcceptsEmpty | RemoveAttribute;
-    href?: string | RemoveAttribute;
+    href?: string | SerializableAttributeValue | RemoveAttribute;
     ping?: string | RemoveAttribute;
     referrerpolicy?: HTMLReferrerPolicy | RemoveAttribute;
     rel?: string | RemoveAttribute;

package/types/response.d.ts

@@ -23,6 +23,32 @@ export class ResponseEnvelope<T = unknown> {
  */
 export function isResponseEnvelope(value: unknown): value is ResponseEnvelope;
 
+/**
+ * Registered-symbol brand (`Symbol.for("solid.Href")`) marking URL-bearing
+ * values. Declared `unique symbol` type-side; the runtime value is the
+ * registered symbol, so separately bundled copies agree on identity.
+ */
+export declare const HREF: unique symbol;
+
+/**
+ * A URL-bearing value: coerces to its URL via `toString()` and carries the
+ * `HREF` registered-symbol brand. Integrations mint these (e.g. a router's
+ * typed path objects answer the brand from their proxy) and URL-accepting
+ * APIs like `redirect()` accept them alongside plain strings. The brand is
+ * what makes the type meaningful — every object has `toString()`.
+ */
+export interface Href {
+  [HREF]: true;
+  toString(): string;
+}
+
+/**
+ * Whether `value` is an `Href`-branded URL-bearing value. Registered-symbol
+ * check, so it stays correct across duplicated module instances — same
+ * rationale as `isResponseEnvelope`.
+ */
+export function isHref(value: unknown): value is Href;
+
 /** `ResponseInit` accepted by the response helpers, plus `revalidate`. */
 export interface ResponseHelperInit extends ResponseInit {
   /**
@@ -51,7 +77,7 @@ export interface ResponseHelperInit extends ResponseInit {
  * }
  * ```
  */
-export function redirect(url: string, init?: number | ResponseHelperInit): Response;
+export function redirect(url: string | Href, init?: number | ResponseHelperInit): Response;
 
 /**
  * Empty response requesting revalidation of the named cache keys — all of

package/types/server-functions/client.d.ts

@@ -2,10 +2,13 @@ import { JSONCodecOptions } from "../serializer.js";
 import { ServerFunction, ServerFunctionMetadata } from "./shared.js";
 
 export {
+  ERROR_HEADER,
   FUNCTION_HEADER,
   INSTANCE_HEADER,
   SINGLE_FLIGHT_HEADER,
+  decodeErrorHeaderValue,
   decodeResponse,
+  encodeErrorHeaderValue,
   getServerFunctionMetadata,
   isServerFunction,
   subscribeFlightData,
@@ -97,10 +100,11 @@ export function configureServerFunctionsClient(config?: ServerFunctionsClientCon
  *
  * The declaration rides the metadata channel
  * (`getServerFunctionMetadata(fn)?.method === "GET"`) for routers and
- * integrations to detect, and the server enforces it: GET-declared
- * functions accept GET requests (and only GET), everything else answers
- * 405. Server-side the wrapper is identity-flavored — SSR calls stay
- * in-process.
+ * integrations to detect, and the server honors it: GET-declared functions
+ * accept GET requests in addition to the default POST transport (declaring
+ * GET grants, it does not revoke); functions that never declared GET answer
+ * GET requests with 405. Server-side the wrapper is identity-flavored — SSR
+ * calls stay in-process.
  *
  * Wrap the reference at its declaration; the compiler round-trips the call
  * in both builds:
@@ -123,9 +127,16 @@ export function GET<A extends readonly any[], R>(
  * source name as the trailing argument (dev-only metadata seeded on the
  * metadata channel; never emitted in production). Not meant for
  * hand-written code.
+ *
+ * The optional `base` targets calls at that url verbatim instead of the
+ * configured endpoint — for integrations reconstructing a callable from a
+ * server-rendered action url (e.g. a router intercepting a form submit whose
+ * `action="/_server?id=...&args=..."` came off the wire): bound arguments
+ * stay in the query string, where the server reads them for natural-encoding
+ * bodies (FormData, urlencoded).
  * @internal
  */
-export function createServerReference(id: string, name?: string): ServerFunction;
+export function createServerReference(id: string, name?: string, base?: string): ServerFunction;
 
 /**
  * Compiler ABI — only ever referenced by server-mode compiler output;

package/types/server-functions/server.d.ts

@@ -3,10 +3,13 @@ import { JSONCodecOptions } from "../serializer.js";
 import { RequestEvent } from "../server.js";
 
 export {
+  ERROR_HEADER,
   FUNCTION_HEADER,
   INSTANCE_HEADER,
   SINGLE_FLIGHT_HEADER,
+  decodeErrorHeaderValue,
   decodeResponse,
+  encodeErrorHeaderValue,
   getServerFunctionMetadata,
   isServerFunction,
   subscribeFlightData,
@@ -194,8 +197,9 @@ export function createServerReference<T extends any[], R>(
  * declaration on the reference's metadata channel
  * (`getServerFunctionMetadata(fn)?.method === "GET"`) and records the
  * declared method for the function's id so `handleServerFunctionRequest`
- * enforces it: GET-declared functions accept GET requests (and only GET),
- * everything else answers 405.
+ * honors it: GET-declared functions accept GET requests in addition to the
+ * default POST transport (declaring GET grants, it does not revoke);
+ * functions that never declared GET answer GET requests with 405.
  *
  * Wrap the reference at its declaration; the compiler round-trips the call
  * in both builds:
@@ -282,9 +286,9 @@ export interface HandleServerFunctionOptions {
 
 /**
  * Web-standard HTTP handler for server function calls: resolves the
- * function id from the request, enforces the declared method (405 when the
- * request method contradicts a `GET` declaration — or uses GET without
- * one), decodes arguments, runs the function under a request-event scope,
+ * function id from the request, gates GET dispatch on the declaration (405
+ * for a GET request to a function that never declared `GET`; POST is always
+ * accepted), decodes arguments, runs the function under a request-event scope,
  * and encodes the result (forwarding redirect/revalidation metadata
  * through headers). Mount it on the endpoint the client transport targets
  * (default `/_server`); platform adapters (h3, express, ...) convert their

package/types/server-functions/shared.d.ts

@@ -38,6 +38,35 @@ export const FUNCTION_HEADER: string;
  */
 export const INSTANCE_HEADER: string;
 
+/**
+ * Response header marking a thrown server-function error
+ * (`"X-Server-Function-Error"`). The client transport rejects with the
+ * decoded body when it is present (unless redirect/revalidation metadata
+ * marks the response as control flow). The value carries the error's
+ * message — `"true"` for thrown control-flow responses and non-Error
+ * values — encoded with `encodeErrorHeaderValue`, so integrations reading
+ * it must pass it through `decodeErrorHeaderValue`.
+ */
+export const ERROR_HEADER: string;
+
+/**
+ * Encodes an error message for the `ERROR_HEADER` value. HTTP header values
+ * are latin1 ByteStrings — `Headers.set` throws on code points above U+00FF
+ * — so plain printable-latin1 messages ride verbatim (ASCII stays
+ * byte-identical on the wire) and everything else (CJK, emoji, controls)
+ * travels percent-encoded behind a marker. `decodeErrorHeaderValue`
+ * round-trips the message exactly, astral-plane characters included (lone
+ * surrogates are replaced with U+FFFD — they cannot survive UTF-8 anyway).
+ */
+export function encodeErrorHeaderValue(value: string): string;
+
+/**
+ * Decodes an `ERROR_HEADER` value produced by `encodeErrorHeaderValue`:
+ * marked values are percent-decoded, everything else (including values from
+ * peers that never encode) passes through untouched.
+ */
+export function decodeErrorHeaderValue(value: string): string;
+
 /**
  * Header driving the single-flight protocol on both legs
  * (`"X-Single-Flight"`). On the request it opts the call into data

package/types/server.d.ts

@@ -205,6 +205,14 @@ export function setAttribute(node: Element, name: string, value: string): void;
 /** @deprecated not supported on the server side */
 export function setAttributeNS(node: Element, namespace: string, name: string, value: string): void;
 
+/**
+ * Server no-op: element claims are a client-only concern, but consumers may
+ * register isomorphically. Returns a no-op unregister function.
+ */
+export function registerElementClaim(handler: (element: Element) => void): () => void;
+/** Server no-op: returns `node` unchanged. Claims never fire during SSR. */
+export function claimElement<T extends Element>(node: T): T;
+
 /** @deprecated not supported on the server side */
 export function addEvent(node: Element, name: string, handler: () => void, delegate: boolean): void;
 

package/types-cjs/client.d.cts

@@ -66,6 +66,24 @@ export function assign(
 ): void;
 export function setAttribute(node: Element, name: string, value: string): void;
 export function setAttributeNS(node: Element, namespace: string, name: string, value: string): void;
+/**
+ * Register a consumer for compiler-emitted element claims. Compiled DOM
+ * output claims navigation-relevant elements (`a[href]`, `form[action]`) at
+ * creation, and compiler-owned writes to `href`/`action` re-invoke the same
+ * handlers — so handlers must be idempotent and must check the element's
+ * relevance themselves (rechecks can fire for any element whose
+ * `href`/`action` is written, e.g. `<link href>`). Handlers run under the
+ * reactive owner current at element creation; scope per-element state and
+ * cleanup through your own reactive system. Dormant until registered —
+ * without a handler the emitted claims are null checks. Returns an
+ * unregister function.
+ */
+export function registerElementClaim(handler: (element: Element) => void): () => void;
+/**
+ * Claim `node` for registered consumers (see `registerElementClaim`).
+ * Emitted by the compiler at element creation; idempotent by contract.
+ */
+export function claimElement<T extends Element>(node: T): T;
 export function className(node: Element, value: JSX.ClassValue, prev?: JSX.ClassValue): void;
 export function setProperty(node: Element, name: string, value: any): void;
 export function setStyleProperty(node: Element, name: string, value: any): void;

package/types-cjs/jsx.d.cts

@@ -1120,7 +1120,7 @@ export namespace JSX {
 
   interface AnchorHTMLAttributes<T> extends HTMLAttributes<T> {
     download?: string | EnumeratedAcceptsEmpty | RemoveAttribute;
-    href?: string | RemoveAttribute;
+    href?: string | SerializableAttributeValue | RemoveAttribute;
     hreflang?: string | RemoveAttribute;
     ping?: string | RemoveAttribute;
     referrerpolicy?: HTMLReferrerPolicy | RemoveAttribute;
@@ -1128,6 +1128,21 @@ export namespace JSX {
     target?: "_self" | "_blank" | "_parent" | "_top" | (string & {}) | RemoveAttribute;
     type?: string | RemoveAttribute;
 
+    // Client-side navigation contract. These attributes are inert markup on
+    // their own — a routing integration that delegates anchor clicks (e.g.
+    // @solidjs/router) reads them off the element at event time. Typed here
+    // so plain `<a>` elements participate without per-router augmentation.
+    /** Marks the anchor as a client-navigation link when the integration requires explicit opt-in. */
+    link?: BooleanAttribute | RemoveAttribute;
+    /** Serialized (JSON) history state pushed alongside the navigation. */
+    state?: string | RemoveAttribute;
+    /** Suppress scroll restoration/reset after the navigation. */
+    noScroll?: BooleanAttribute | RemoveAttribute;
+    /** Replace the current history entry instead of pushing a new one. */
+    replace?: BooleanAttribute | RemoveAttribute;
+    /** Route preload intent; `"false"` disables the integration's default eager preload. */
+    preload?: boolean | "false" | RemoveAttribute;
+
     /** @experimental */
     attributionsrc?: string | RemoveAttribute;
 
@@ -1147,7 +1162,7 @@ export namespace JSX {
     alt?: string | RemoveAttribute;
     coords?: string | RemoveAttribute;
     download?: string | EnumeratedAcceptsEmpty | RemoveAttribute;
-    href?: string | RemoveAttribute;
+    href?: string | SerializableAttributeValue | RemoveAttribute;
     ping?: string | RemoveAttribute;
     referrerpolicy?: HTMLReferrerPolicy | RemoveAttribute;
     rel?: string | RemoveAttribute;

package/types-cjs/response.d.cts

@@ -23,6 +23,32 @@ export class ResponseEnvelope<T = unknown> {
  */
 export function isResponseEnvelope(value: unknown): value is ResponseEnvelope;
 
+/**
+ * Registered-symbol brand (`Symbol.for("solid.Href")`) marking URL-bearing
+ * values. Declared `unique symbol` type-side; the runtime value is the
+ * registered symbol, so separately bundled copies agree on identity.
+ */
+export declare const HREF: unique symbol;
+
+/**
+ * A URL-bearing value: coerces to its URL via `toString()` and carries the
+ * `HREF` registered-symbol brand. Integrations mint these (e.g. a router's
+ * typed path objects answer the brand from their proxy) and URL-accepting
+ * APIs like `redirect()` accept them alongside plain strings. The brand is
+ * what makes the type meaningful — every object has `toString()`.
+ */
+export interface Href {
+  [HREF]: true;
+  toString(): string;
+}
+
+/**
+ * Whether `value` is an `Href`-branded URL-bearing value. Registered-symbol
+ * check, so it stays correct across duplicated module instances — same
+ * rationale as `isResponseEnvelope`.
+ */
+export function isHref(value: unknown): value is Href;
+
 /** `ResponseInit` accepted by the response helpers, plus `revalidate`. */
 export interface ResponseHelperInit extends ResponseInit {
   /**
@@ -51,7 +77,7 @@ export interface ResponseHelperInit extends ResponseInit {
  * }
  * ```
  */
-export function redirect(url: string, init?: number | ResponseHelperInit): Response;
+export function redirect(url: string | Href, init?: number | ResponseHelperInit): Response;
 
 /**
  * Empty response requesting revalidation of the named cache keys — all of

package/types-cjs/server-functions/client.d.cts

@@ -2,10 +2,13 @@ import { JSONCodecOptions } from "../serializer.cjs";
 import { ServerFunction, ServerFunctionMetadata } from "./shared.cjs";
 
 export {
+  ERROR_HEADER,
   FUNCTION_HEADER,
   INSTANCE_HEADER,
   SINGLE_FLIGHT_HEADER,
+  decodeErrorHeaderValue,
   decodeResponse,
+  encodeErrorHeaderValue,
   getServerFunctionMetadata,
   isServerFunction,
   subscribeFlightData,
@@ -97,10 +100,11 @@ export function configureServerFunctionsClient(config?: ServerFunctionsClientCon
  *
  * The declaration rides the metadata channel
  * (`getServerFunctionMetadata(fn)?.method === "GET"`) for routers and
- * integrations to detect, and the server enforces it: GET-declared
- * functions accept GET requests (and only GET), everything else answers
- * 405. Server-side the wrapper is identity-flavored — SSR calls stay
- * in-process.
+ * integrations to detect, and the server honors it: GET-declared functions
+ * accept GET requests in addition to the default POST transport (declaring
+ * GET grants, it does not revoke); functions that never declared GET answer
+ * GET requests with 405. Server-side the wrapper is identity-flavored — SSR
+ * calls stay in-process.
  *
  * Wrap the reference at its declaration; the compiler round-trips the call
  * in both builds:
@@ -123,9 +127,16 @@ export function GET<A extends readonly any[], R>(
  * source name as the trailing argument (dev-only metadata seeded on the
  * metadata channel; never emitted in production). Not meant for
  * hand-written code.
+ *
+ * The optional `base` targets calls at that url verbatim instead of the
+ * configured endpoint — for integrations reconstructing a callable from a
+ * server-rendered action url (e.g. a router intercepting a form submit whose
+ * `action="/_server?id=...&args=..."` came off the wire): bound arguments
+ * stay in the query string, where the server reads them for natural-encoding
+ * bodies (FormData, urlencoded).
  * @internal
  */
-export function createServerReference(id: string, name?: string): ServerFunction;
+export function createServerReference(id: string, name?: string, base?: string): ServerFunction;
 
 /**
  * Compiler ABI — only ever referenced by server-mode compiler output;

package/types-cjs/server-functions/server.d.cts

@@ -3,10 +3,13 @@ import { JSONCodecOptions } from "../serializer.cjs";
 import { RequestEvent } from "../server.cjs";
 
 export {
+  ERROR_HEADER,
   FUNCTION_HEADER,
   INSTANCE_HEADER,
   SINGLE_FLIGHT_HEADER,
+  decodeErrorHeaderValue,
   decodeResponse,
+  encodeErrorHeaderValue,
   getServerFunctionMetadata,
   isServerFunction,
   subscribeFlightData,
@@ -194,8 +197,9 @@ export function createServerReference<T extends any[], R>(
  * declaration on the reference's metadata channel
  * (`getServerFunctionMetadata(fn)?.method === "GET"`) and records the
  * declared method for the function's id so `handleServerFunctionRequest`
- * enforces it: GET-declared functions accept GET requests (and only GET),
- * everything else answers 405.
+ * honors it: GET-declared functions accept GET requests in addition to the
+ * default POST transport (declaring GET grants, it does not revoke);
+ * functions that never declared GET answer GET requests with 405.
  *
  * Wrap the reference at its declaration; the compiler round-trips the call
  * in both builds:
@@ -282,9 +286,9 @@ export interface HandleServerFunctionOptions {
 
 /**
  * Web-standard HTTP handler for server function calls: resolves the
- * function id from the request, enforces the declared method (405 when the
- * request method contradicts a `GET` declaration — or uses GET without
- * one), decodes arguments, runs the function under a request-event scope,
+ * function id from the request, gates GET dispatch on the declaration (405
+ * for a GET request to a function that never declared `GET`; POST is always
+ * accepted), decodes arguments, runs the function under a request-event scope,
  * and encodes the result (forwarding redirect/revalidation metadata
  * through headers). Mount it on the endpoint the client transport targets
  * (default `/_server`); platform adapters (h3, express, ...) convert their

package/types-cjs/server-functions/shared.d.cts

@@ -38,6 +38,35 @@ export const FUNCTION_HEADER: string;
  */
 export const INSTANCE_HEADER: string;
 
+/**
+ * Response header marking a thrown server-function error
+ * (`"X-Server-Function-Error"`). The client transport rejects with the
+ * decoded body when it is present (unless redirect/revalidation metadata
+ * marks the response as control flow). The value carries the error's
+ * message — `"true"` for thrown control-flow responses and non-Error
+ * values — encoded with `encodeErrorHeaderValue`, so integrations reading
+ * it must pass it through `decodeErrorHeaderValue`.
+ */
+export const ERROR_HEADER: string;
+
+/**
+ * Encodes an error message for the `ERROR_HEADER` value. HTTP header values
+ * are latin1 ByteStrings — `Headers.set` throws on code points above U+00FF
+ * — so plain printable-latin1 messages ride verbatim (ASCII stays
+ * byte-identical on the wire) and everything else (CJK, emoji, controls)
+ * travels percent-encoded behind a marker. `decodeErrorHeaderValue`
+ * round-trips the message exactly, astral-plane characters included (lone
+ * surrogates are replaced with U+FFFD — they cannot survive UTF-8 anyway).
+ */
+export function encodeErrorHeaderValue(value: string): string;
+
+/**
+ * Decodes an `ERROR_HEADER` value produced by `encodeErrorHeaderValue`:
+ * marked values are percent-decoded, everything else (including values from
+ * peers that never encode) passes through untouched.
+ */
+export function decodeErrorHeaderValue(value: string): string;
+
 /**
  * Header driving the single-flight protocol on both legs
  * (`"X-Single-Flight"`). On the request it opts the call into data

package/types-cjs/server.d.cts

@@ -205,6 +205,14 @@ export function setAttribute(node: Element, name: string, value: string): void;
 /** @deprecated not supported on the server side */
 export function setAttributeNS(node: Element, namespace: string, name: string, value: string): void;
 
+/**
+ * Server no-op: element claims are a client-only concern, but consumers may
+ * register isomorphically. Returns a no-op unregister function.
+ */
+export function registerElementClaim(handler: (element: Element) => void): () => void;
+/** Server no-op: returns `node` unchanged. Claims never fire during SSR. */
+export function claimElement<T extends Element>(node: T): T;
+
 /** @deprecated not supported on the server side */
 export function addEvent(node: Element, name: string, handler: () => void, delegate: boolean): void;