@ilha/astro 0.1.9 → 0.2.0

package/README.md

@@ -49,11 +49,11 @@ import { Counter } from "../islands/counter";
 ## How it works
 
 - **Server-side:** the component is rendered with [`.hydratable()`](https://github.com/ilhajs/ilha), which wraps the island's SSR output in a `[data-ilha]` element carrying serialized props and a state snapshot.
-- **Client-side:** on hydration, the renderer finds that `[data-ilha]` element inside Astro's island wrapper and calls the island's own `.mount()` — no re-render, no flicker, `.onMount()` is skipped since the snapshot already matches the DOM.
+- **Client-side:** on hydration, the renderer finds that `[data-ilha]` element inside Astro's island wrapper and calls the island's own `.mount()` — no re-render, no flicker, no post-mount setup needed since the snapshot already matches the DOM.
 
 Because hydration is driven entirely by Ilha's own `data-ilha-*` attributes, every [Astro client directive](https://docs.astro.build/en/reference/directives-reference/#client-directives) (`client:load`, `client:idle`, `client:visible`, `client:media`, `client:only`) works as expected.
 
 ## Notes
 
-- Ilha islands don't support Astro's `<slot />` / children forwarding — render everything through the island's own `.render()` function and props.
+- Ilha islands don't support Astro's `<slot />` / children forwarding — render everything through the island component and its props (via `Island.toString()` / `.hydratable()` on the server).
 - `client:only` skips SSR entirely and mounts fresh in the browser, matching Astro's usual behavior for other framework renderers.

package/dist/client.js

@@ -9,7 +9,7 @@ function isRawHtml(value) {
 	return !!(value && typeof value === "object" && RAW in value);
 }
 function wrapPlainAsIsland(Component, merged) {
-	return ilha.render(() => {
+	return ilha(() => {
 		const result = Component(merged);
 		if (result == null) return raw("");
 		if (typeof result === "string") return raw(result);

package/dist/index.js

@@ -41,8 +41,8 @@ function optionsPlugin(options) {
 function getRenderer() {
 	return {
 		name: "@ilha/astro",
-		clientEntrypoint: "@ilha/astro/client.js",
-		serverEntrypoint: "@ilha/astro/server.js"
+		clientEntrypoint: "@ilha/astro/client",
+		serverEntrypoint: "@ilha/astro/server"
 	};
 }
 /**

package/dist/server.js

@@ -27,7 +27,7 @@ function hasNestedIslandSlots(html) {
 * when the shell hydrates on the client.
 */
 function wrapPlainAsIsland(Component, merged) {
-	return ilha.render(() => {
+	return ilha(() => {
 		const result = Component(merged);
 		if (result == null) return raw("");
 		if (typeof result === "string") return raw(result);
@@ -36,10 +36,7 @@ function wrapPlainAsIsland(Component, merged) {
 	});
 }
 function toRawHtml(value) {
-	return {
-		[RAW]: true,
-		value: String(value)
-	};
+	return raw(String(value));
 }
 function isAstroRenderable(value) {
 	return !!value && typeof value === "object" && !isRawHtml(value) && typeof value.render === "function";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ilha/astro",
-  "version": "0.1.9",
+  "version": "0.2.0",
   "description": "Astro integration for Ilha islands",
   "keywords": [
     "astro-component",
@@ -34,11 +34,11 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
-    "./client.js": {
+    "./client": {
       "types": "./dist/client.d.ts",
       "import": "./dist/client.js"
     },
-    "./server.js": {
+    "./server": {
       "types": "./dist/server.d.ts",
       "import": "./dist/server.js"
     }
@@ -53,10 +53,10 @@
   },
   "devDependencies": {
     "astro": "^7.2.4",
-    "ilha": "^0.11.1"
+    "ilha": "^0.12.0"
   },
   "peerDependencies": {
     "astro": "^7.2.4",
-    "ilha": ">=0.11.1"
+    "ilha": ">=0.12.0"
   }
 }