@vertz/ui 0.2.22 → 0.2.24

package/dist/src/test/index.d.ts

@@ -187,7 +187,10 @@ interface RouteConfig<
 		signal: AbortSignal;
 	}) => Promise<TLoaderData> | TLoaderData;
 	/** Optional error component rendered when loader throws. */
-	errorComponent?: (error: Error) => Node;
+	errorComponent?: (props: {
+		error: Error;
+		retry: () => void;
+	}) => Node;
 	/** Optional path params schema for validation/parsing. */
 	params?: ParamSchema<TParams>;
 	/** Optional search params schema for validation/coercion. */
@@ -225,7 +228,10 @@ interface RouteConfigLike {
 		params: Record<string, string>;
 		signal: AbortSignal;
 	}): unknown;
-	errorComponent?: (error: Error) => Node;
+	errorComponent?: (props: {
+		error: Error;
+		retry: () => void;
+	}) => Node;
 	params?: ParamSchema<unknown>;
 	searchParams?: SearchParamSchema<unknown>;
 	children?: Record<string, RouteConfigLike>;
@@ -243,7 +249,10 @@ interface CompiledRoute {
 		params: Record<string, string>;
 		signal: AbortSignal;
 	}) => Promise<unknown> | unknown;
-	errorComponent?: RouteConfig["errorComponent"];
+	errorComponent?: (props: {
+		error: Error;
+		retry: () => void;
+	}) => Node;
 	/** Optional path params schema for validation/parsing. */
 	params?: ParamSchema<unknown>;
 	searchParams?: RouteConfig["searchParams"];

package/dist/src/test/index.js

@@ -1,12 +1,12 @@
 import {
   createRouter
-} from "../../shared/chunk-7g722pdh.js";
+} from "../../shared/chunk-jtma4sh4.js";
 import {
   defineRoutes
 } from "../../shared/chunk-am9zaw4h.js";
 import"../../shared/chunk-jrtrk5z4.js";
-import"../../shared/chunk-bybgyjye.js";
-import"../../shared/chunk-2qe6aqhb.js";
+import"../../shared/chunk-da2w7j7w.js";
+import"../../shared/chunk-656n0x6y.js";
 
 // src/test/interactions.ts
 async function click(el) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vertz/ui",
-  "version": "0.2.22",
+  "version": "0.2.24",
   "type": "module",
   "license": "MIT",
   "description": "Vertz UI framework — signals, components, JSX runtime",
@@ -69,15 +69,16 @@
   "scripts": {
     "build": "bunup",
     "test": "bun test",
+    "test:benchmark": "bun test src/dom/__tests__/hydration-deferred-effects-bench.local.ts",
     "test:watch": "bun test --watch",
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@vertz/fetch": "^0.2.21"
+    "@vertz/fetch": "^0.2.23"
   },
   "devDependencies": {
     "@happy-dom/global-registrator": "^20.7.0",
-    "@vertz/schema": "^0.2.21",
+    "@vertz/schema": "^0.2.23",
     "bunup": "^0.16.31",
     "happy-dom": "^20.7.0",
     "typescript": "^5.7.0"

package/reactivity.json

@@ -29,7 +29,7 @@
       "kind": "function",
       "reactivity": {
         "plainProperties": ["refetch", "revalidate", "dispose"],
-        "signalProperties": ["data", "loading", "error", "revalidating"],
+        "signalProperties": ["data", "loading", "error", "revalidating", "idle"],
         "type": "signal-api"
       }
     },

package/dist/shared/chunk-kjwp5q5s.js

@@ -1,53 +0,0 @@
-import {
-  styleObjectToString
-} from "./chunk-4xkw6h1s.js";
-import {
-  deferredDomEffect
-} from "./chunk-2qe6aqhb.js";
-
-// src/dom/attributes.ts
-function __attr(el, name, fn) {
-  return deferredDomEffect(() => {
-    const value = fn();
-    if (value == null || value === false) {
-      el.removeAttribute(name);
-    } else if (value === true) {
-      el.setAttribute(name, "");
-    } else if (name === "style" && typeof value === "object") {
-      el.setAttribute(name, styleObjectToString(value));
-    } else {
-      el.setAttribute(name, value);
-    }
-  });
-}
-function __show(el, fn) {
-  const originalDisplay = el.style.display;
-  return deferredDomEffect(() => {
-    el.style.display = fn() ? originalDisplay : "none";
-  });
-}
-function __classList(el, classMap) {
-  const disposers = [];
-  for (const [className, fn] of Object.entries(classMap)) {
-    disposers.push(deferredDomEffect(() => {
-      if (fn()) {
-        el.classList.add(className);
-      } else {
-        el.classList.remove(className);
-      }
-    }));
-  }
-  return () => {
-    for (const dispose of disposers) {
-      dispose();
-    }
-  };
-}
-
-// src/dom/events.ts
-function __on(el, event, handler) {
-  el.addEventListener(event, handler);
-  return () => el.removeEventListener(event, handler);
-}
-
-export { __attr, __show, __classList, __on };

package/dist/shared/chunk-prj7nm08.js

@@ -1,67 +0,0 @@
-// src/dom/svg-tags.ts
-var SVG_TAGS = new Set([
-  "svg",
-  "path",
-  "circle",
-  "ellipse",
-  "rect",
-  "line",
-  "polyline",
-  "polygon",
-  "g",
-  "defs",
-  "symbol",
-  "use",
-  "text",
-  "tspan",
-  "image",
-  "foreignObject",
-  "filter",
-  "feGaussianBlur",
-  "feOffset",
-  "feColorMatrix",
-  "feBlend",
-  "feMerge",
-  "feMergeNode",
-  "feComposite",
-  "feFlood",
-  "linearGradient",
-  "radialGradient",
-  "stop",
-  "pattern",
-  "clipPath",
-  "mask",
-  "animate",
-  "animateTransform",
-  "set",
-  "marker",
-  "desc"
-]);
-var SVG_NS = "http://www.w3.org/2000/svg";
-function isSVGTag(tag) {
-  return SVG_TAGS.has(tag);
-}
-var SVG_ATTR_MAP = {
-  strokeWidth: "stroke-width",
-  strokeLinecap: "stroke-linecap",
-  strokeLinejoin: "stroke-linejoin",
-  strokeDasharray: "stroke-dasharray",
-  strokeDashoffset: "stroke-dashoffset",
-  strokeOpacity: "stroke-opacity",
-  fillOpacity: "fill-opacity",
-  fillRule: "fill-rule",
-  clipRule: "clip-rule",
-  clipPath: "clip-path",
-  stopColor: "stop-color",
-  stopOpacity: "stop-opacity",
-  floodColor: "flood-color",
-  floodOpacity: "flood-opacity",
-  colorInterpolation: "color-interpolation",
-  colorInterpolationFilters: "color-interpolation-filters",
-  viewBox: "viewBox"
-};
-function normalizeSVGAttr(attr) {
-  return SVG_ATTR_MAP[attr] ?? attr;
-}
-
-export { SVG_NS, isSVGTag, normalizeSVGAttr };