@ilha/router 0.2.0 → 0.2.2

package/README.md

@@ -145,7 +145,7 @@ No-op with a console warning when called outside a browser environment.
 Resolves the given URL against the route registry and returns a synchronous HTML string. Accepts a path string, full URL string, or `URL` object. Populates all route signals identically to the browser.
 
 ```ts
-const html = router().route("/", homePage).route("/**", notFound).render("/");
+const html = router().route("/", HomePage).route("/**", notFound).render("/");
 // → '<div data-router-view><p>home</p></div>'
 ```
 
@@ -158,8 +158,8 @@ Renders `<div data-router-empty></div>` when no route matches.
 Async variant of `.render()` that outputs HTML with `data-ilha` hydration markers so the client can rehydrate without a full re-render. If a loader is registered for the matched route, it runs first and its return value is serialized into `data-ilha-props`.
 
 ```ts
-const html = await router().route("/", homePage).renderHydratable("/", registry);
-// → '<div data-router-view><div data-ilha="home">…</div></div>'
+const html = await router().route("/", HomePage).renderHydratable("/", registry);
+// → '<div data-router-view><div data-ilha="Home">…</div></div>'
 ```
 
 If the active island is not found in the registry, falls back to plain SSR and emits a `console.warn`.

package/dist/index.js

@@ -54,7 +54,7 @@ function wrapLayout(layout, page) {
 	return layout(page);
 }
 function wrapError(handler, page) {
-	const wrapper = ilha.render(() => {
+	const Wrapper = ilha.render(() => {
 		try {
 			return page.toString();
 		} catch (e) {
@@ -71,7 +71,7 @@ function wrapError(handler, page) {
 			}, route).toString();
 		}
 	});
-	wrapper.mount = (host, props) => {
+	Wrapper.mount = (host, props) => {
 		try {
 			return page.mount(host, props);
 		} catch (e) {
@@ -90,7 +90,7 @@ function wrapError(handler, page) {
 			return errorIsland.mount(host, props);
 		}
 	};
-	return wrapper;
+	return Wrapper;
 }
 function defineLayout(layout) {
 	return layout;
@@ -425,7 +425,7 @@ function router() {
 				let currentMountedIsland = activeIsland();
 				const reverseRegistry = registry ? buildReverseRegistry(registry) : void 0;
 				let navVersion = 0;
-				const navHandler = ilha.render(() => {
+				const NavHandler = ilha.render(() => {
 					const current = activeIsland();
 					if (current !== currentMountedIsland) {
 						const thisNav = ++navVersion;
@@ -449,7 +449,7 @@ function router() {
 				const navHost = document.createElement("div");
 				navHost.style.display = "none";
 				host.appendChild(navHost);
-				const unmountNavHandler = navHandler.mount(navHost);
+				const unmountNavHandler = NavHandler.mount(navHost);
 				return () => {
 					++navVersion;
 					navAbort?.abort();
@@ -493,7 +493,7 @@ function router() {
 			}
 			navAbort = new AbortController();
 			mountActiveIsland(activeIsland(), navAbort.signal);
-			const navHandler = ilha.render(() => {
+			const NavHandler = ilha.render(() => {
 				const current = activeIsland();
 				if (current !== currentMountedIsland) {
 					const thisNav = ++navVersion;
@@ -510,7 +510,7 @@ function router() {
 			const navHost = document.createElement("div");
 			navHost.style.display = "none";
 			host.appendChild(navHost);
-			const unmountNavHandler = navHandler.mount(navHost);
+			const unmountNavHandler = NavHandler.mount(navHost);
 			return () => {
 				++navVersion;
 				navAbort?.abort();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ilha/router",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "A tiny SPA router for Ilha",
   "license": "MIT",
   "author": "Ryuz <ryuzer@proton.me>",
@@ -27,7 +27,7 @@
     "test": "bun test"
   },
   "dependencies": {
-    "ilha": "0.2.0",
+    "ilha": "0.3.0",
     "rou3": "0.8.1"
   },
   "devDependencies": {