honox 0.1.0 → 0.1.2

package/README.md

@@ -2,7 +2,7 @@
 
 **HonoX** is a simple and fast - _supersonic_ - meta framework for creating full-stack websites or Web APIs - (formerly _[Sonik](https://github.com/sonikjs/sonik)_). It stands on the shoulders of giants; built on [Hono](https://hono.dev/), [Vite](https://hono.dev/), and UI libraries.
 
-**Note**: _HonoX is currently in a "beta stage". Breaking changes are introduced without following semantic versioning._
+**Note**: _HonoX is currently in a "alpha stage". Breaking changes are introduced without following semantic versioning._
 
 ## Features
 
@@ -157,7 +157,7 @@ export default app
 Or simply, you can just return JSX.
 
 ```tsx
-export default function Home() {
+export default function Home(_c: Context) {
   return <h1>Welcome!</h1>
 }
 ```
@@ -207,7 +207,7 @@ The `_renderer.tsx` is applied under each directory, and the `app/routes/posts/_
 
 ### Not Found page
 
-You can write a custom Not Found page in `_404.tx`.
+You can write a custom Not Found page in `_404.tsx`.
 
 ```tsx
 // app/routes/_404.tsx
@@ -222,10 +222,10 @@ export default handler
 
 ### Error Page
 
-You can write a custom Error page in `_error.tx`.
+You can write a custom Error page in `_error.tsx`.
 
 ```tsx
-// app/routes/_error.ts
+// app/routes/_error.tsx
 import { ErrorHandler } from 'hono'
 
 const handler: ErrorHandler = (e, c) => {
@@ -419,9 +419,9 @@ createClient({
     const { hydrateRoot } = await import('react-dom/client')
     hydrateRoot(root, elem)
   },
-  createElement: async (type: any, props: any, ...children: any[]) => {
+  createElement: async (type: any, props: any) => {
     const { createElement } = await import('react')
-    return createElement(type, props, ...children)
+    return createElement(type, props)
   },
 })
 ```

package/dist/client/client.d.ts

@@ -1,8 +1,12 @@
-import { Hydrate, CreateElement } from '../types.js';
+import { Hydrate, CreateElement, CreateChildren } from '../types.js';
 
 type ClientOptions = {
     hydrate?: Hydrate;
     createElement?: CreateElement;
+    /**
+     * Create "children" attribute of a component from a list of child nodes
+     */
+    createChildren?: CreateChildren;
     ISLAND_FILES?: Record<string, () => Promise<unknown>>;
     island_root?: string;
 };

package/dist/client/client.js

@@ -1,6 +1,6 @@
-import { jsx as jsxFn } from "hono/jsx";
 import { render } from "hono/jsx/dom";
-import { COMPONENT_NAME, DATA_SERIALIZED_PROPS } from "../constants.js";
+import { jsx as jsxFn } from "hono/jsx/dom/jsx-runtime";
+import { COMPONENT_NAME, DATA_HONO_TEMPLATE, DATA_SERIALIZED_PROPS } from "../constants.js";
 const createClient = async (options) => {
   const FILES = options?.ISLAND_FILES ?? import.meta.glob("/app/islands/**/[a-zA-Z0-9[-]+.(tsx|ts)");
   const root = options?.island_root ?? "/app/islands/";
@@ -17,6 +17,17 @@ const createClient = async (options) => {
           const props = JSON.parse(serializedProps ?? "{}");
           const hydrate = options?.hydrate ?? render;
           const createElement = options?.createElement ?? jsxFn;
+          const maybeTemplate = element.childNodes[element.childNodes.length - 1];
+          if (maybeTemplate?.nodeName === "TEMPLATE" && maybeTemplate?.attributes.getNamedItem(DATA_HONO_TEMPLATE) !== null) {
+            let createChildren = options?.createChildren;
+            if (!createChildren) {
+              const { buildCreateChildrenFn } = await import("./runtime");
+              createChildren = buildCreateChildrenFn(createElement);
+            }
+            props.children = await createChildren(
+              maybeTemplate.content.childNodes
+            );
+          }
           const newElem = await createElement(Component, props);
           await hydrate(newElem, element);
         });

package/dist/client/runtime.d.ts

@@ -0,0 +1,5 @@
+import { CreateElement, CreateChildren } from '../types.js';
+
+declare const buildCreateChildrenFn: (createElement: CreateElement) => CreateChildren;
+
+export { buildCreateChildrenFn };

package/dist/client/runtime.js

@@ -0,0 +1,81 @@
+import { Suspense, use } from "hono/jsx/dom";
+const buildCreateChildrenFn = (createElement) => {
+  const createChildren = async (childNodes) => {
+    const children = [];
+    for (let i = 0; i < childNodes.length; i++) {
+      const child = childNodes[i];
+      if (child.nodeType === 8) {
+        continue;
+      } else if (child.nodeType === 3) {
+        children.push(child.textContent);
+      } else if (child.nodeName === "TEMPLATE" && child.id.match(/(?:H|E):\d+/)) {
+        const placeholderElement = document.createElement("hono-placeholder");
+        placeholderElement.style.display = "none";
+        let resolve;
+        const promise = new Promise((r) => resolve = r);
+        child.replaceWith = (node) => {
+          createChildren(node.childNodes).then(resolve);
+          placeholderElement.remove();
+        };
+        let fallback = [];
+        for (
+          // equivalent to i++
+          placeholderElement.appendChild(child);
+          i < childNodes.length;
+          i++
+        ) {
+          const child2 = childNodes[i];
+          if (child2.nodeType === 8) {
+            placeholderElement.appendChild(child2);
+            i--;
+            break;
+          } else if (child2.nodeType === 3) {
+            fallback.push(child2.textContent);
+          } else {
+            fallback.push(
+              await createElement(child2.nodeName, {
+                children: await createChildren(child2.childNodes)
+              })
+            );
+          }
+        }
+        const fallbackTemplates = document.querySelectorAll(
+          `[data-hono-target="${child.id}"]`
+        );
+        if (fallbackTemplates.length > 0) {
+          const fallbackTemplate = fallbackTemplates[fallbackTemplates.length - 1];
+          fallback = await createChildren(fallbackTemplate.content.childNodes);
+        }
+        if (fallback.length === 0 && child.id.startsWith("E:")) {
+          let resolve2;
+          const promise2 = new Promise((r) => resolve2 = r);
+          fallback = await createElement(Suspense, {
+            fallback: [],
+            children: [await createElement(() => use(promise2), {})]
+          });
+          placeholderElement.insertBefore = (node) => {
+            createChildren(node.childNodes).then(resolve2);
+          };
+        }
+        document.body.appendChild(placeholderElement);
+        children.push(
+          await createElement(Suspense, {
+            fallback,
+            children: [await createElement(() => use(promise), {})]
+          })
+        );
+      } else {
+        children.push(
+          await createElement(child.nodeName, {
+            children: await createChildren(child.childNodes)
+          })
+        );
+      }
+    }
+    return children;
+  };
+  return createChildren;
+};
+export {
+  buildCreateChildrenFn
+};

package/dist/constants.d.ts

@@ -1,5 +1,6 @@
 declare const COMPONENT_NAME = "component-name";
 declare const DATA_SERIALIZED_PROPS = "data-serialized-props";
+declare const DATA_HONO_TEMPLATE = "data-hono-template";
 declare const IMPORTING_ISLANDS_ID: "__importing_islands";
 
-export { COMPONENT_NAME, DATA_SERIALIZED_PROPS, IMPORTING_ISLANDS_ID };
+export { COMPONENT_NAME, DATA_HONO_TEMPLATE, DATA_SERIALIZED_PROPS, IMPORTING_ISLANDS_ID };

package/dist/constants.js

@@ -1,8 +1,10 @@
 const COMPONENT_NAME = "component-name";
 const DATA_SERIALIZED_PROPS = "data-serialized-props";
+const DATA_HONO_TEMPLATE = "data-hono-template";
 const IMPORTING_ISLANDS_ID = "__importing_islands";
 export {
   COMPONENT_NAME,
+  DATA_HONO_TEMPLATE,
   DATA_SERIALIZED_PROPS,
   IMPORTING_ISLANDS_ID
 };

package/dist/factory/factory.d.ts

@@ -3,16 +3,16 @@ import * as hono from 'hono';
 import { Env, Hono } from 'hono';
 
 declare const createRoute: {
-    <I extends hono.Input = {}>(handler1: hono_types.H<Env, any, I>): [hono_types.H<Env, any, I>];
-    <I_1 extends hono.Input = {}, I2 extends hono.Input = I_1, R extends hono_types.HandlerResponse<any> = any>(handler1: hono_types.H<Env, any, I_1, R>, handler2: hono_types.H<Env, any, I2, R>): [hono_types.H<Env, any, I_1, R>, hono_types.H<Env, any, I2, R>];
-    <I_2 extends hono.Input = {}, I2_1 extends hono.Input = I_2, I3 extends hono.Input = I_2 & I2_1, R_1 extends hono_types.HandlerResponse<any> = any>(handler1: hono_types.H<Env, any, I_2, R_1>, handler2: hono_types.H<Env, any, I2_1, R_1>, handler3: hono_types.H<Env, any, I3, R_1>): [hono_types.H<Env, any, I_2, R_1>, hono_types.H<Env, any, I2_1, R_1>, hono_types.H<Env, any, I3, R_1>];
-    <I_3 extends hono.Input = {}, I2_2 extends hono.Input = I_3, I3_1 extends hono.Input = I_3 & I2_2, I4 extends hono.Input = I_3 & I2_2 & I3_1, R_2 extends hono_types.HandlerResponse<any> = any>(handler1: hono_types.H<Env, any, I_3, R_2>, handler2: hono_types.H<Env, any, I2_2, R_2>, handler3: hono_types.H<Env, any, I3_1, R_2>, handler4: hono_types.H<Env, any, I4, R_2>): [hono_types.H<Env, any, I_3, R_2>, hono_types.H<Env, any, I2_2, R_2>, hono_types.H<Env, any, I3_1, R_2>, hono_types.H<Env, any, I4, R_2>];
-    <I_4 extends hono.Input = {}, I2_3 extends hono.Input = I_4, I3_2 extends hono.Input = I_4 & I2_3, I4_1 extends hono.Input = I_4 & I2_3 & I3_2, I5 extends hono.Input = I_4 & I2_3 & I3_2 & I4_1, R_3 extends hono_types.HandlerResponse<any> = any>(handler1: hono_types.H<Env, any, I_4, R_3>, handler2: hono_types.H<Env, any, I2_3, R_3>, handler3: hono_types.H<Env, any, I3_2, R_3>, handler4: hono_types.H<Env, any, I4_1, R_3>, handler5: hono_types.H<Env, any, I5, R_3>): [hono_types.H<Env, any, I_4, R_3>, hono_types.H<Env, any, I2_3, R_3>, hono_types.H<Env, any, I3_2, R_3>, hono_types.H<Env, any, I4_1, R_3>, hono_types.H<Env, any, I5, R_3>];
-    <I_5 extends hono.Input = {}, I2_4 extends hono.Input = I_5, I3_3 extends hono.Input = I_5 & I2_4, I4_2 extends hono.Input = I_5 & I2_4 & I3_3, I5_1 extends hono.Input = I_5 & I2_4 & I3_3 & I4_2, I6 extends hono.Input = I_5 & I2_4 & I3_3 & I4_2 & I5_1, R_4 extends hono_types.HandlerResponse<any> = any>(handler1: hono_types.H<Env, any, I_5, R_4>, handler2: hono_types.H<Env, any, I2_4, R_4>, handler3: hono_types.H<Env, any, I3_3, R_4>, handler4: hono_types.H<Env, any, I4_2, R_4>, handler5: hono_types.H<Env, any, I5_1, R_4>, handler6: hono_types.H<Env, any, I6, R_4>): [hono_types.H<Env, any, I_5, R_4>, hono_types.H<Env, any, I2_4, R_4>, hono_types.H<Env, any, I3_3, R_4>, hono_types.H<Env, any, I4_2, R_4>, hono_types.H<Env, any, I5_1, R_4>, hono_types.H<Env, any, I6, R_4>];
-    <I_6 extends hono.Input = {}, I2_5 extends hono.Input = I_6, I3_4 extends hono.Input = I_6 & I2_5, I4_3 extends hono.Input = I_6 & I2_5 & I3_4, I5_2 extends hono.Input = I_6 & I2_5 & I3_4 & I4_3, I6_1 extends hono.Input = I_6 & I2_5 & I3_4 & I4_3 & I5_2, I7 extends hono.Input = I_6 & I2_5 & I3_4 & I4_3 & I5_2 & I6_1, R_5 extends hono_types.HandlerResponse<any> = any>(handler1: hono_types.H<Env, any, I_6, R_5>, handler2: hono_types.H<Env, any, I2_5, R_5>, handler3: hono_types.H<Env, any, I3_4, R_5>, handler4: hono_types.H<Env, any, I4_3, R_5>, handler5: hono_types.H<Env, any, I5_2, R_5>, handler6: hono_types.H<Env, any, I6_1, R_5>, handler7: hono_types.H<Env, any, I7, R_5>): [hono_types.H<Env, any, I_6, R_5>, hono_types.H<Env, any, I2_5, R_5>, hono_types.H<Env, any, I3_4, R_5>, hono_types.H<Env, any, I4_3, R_5>, hono_types.H<Env, any, I5_2, R_5>, hono_types.H<Env, any, I6_1, R_5>, hono_types.H<Env, any, I7, R_5>];
-    <I_7 extends hono.Input = {}, I2_6 extends hono.Input = I_7, I3_5 extends hono.Input = I_7 & I2_6, I4_4 extends hono.Input = I_7 & I2_6 & I3_5, I5_3 extends hono.Input = I_7 & I2_6 & I3_5 & I4_4, I6_2 extends hono.Input = I_7 & I2_6 & I3_5 & I4_4 & I5_3, I7_1 extends hono.Input = I_7 & I2_6 & I3_5 & I4_4 & I5_3 & I6_2, I8 extends hono.Input = I_7 & I2_6 & I3_5 & I4_4 & I5_3 & I6_2 & I7_1, R_6 extends hono_types.HandlerResponse<any> = any>(handler1: hono_types.H<Env, any, I_7, R_6>, handler2: hono_types.H<Env, any, I2_6, R_6>, handler3: hono_types.H<Env, any, I3_5, R_6>, handler4: hono_types.H<Env, any, I4_4, R_6>, handler5: hono_types.H<Env, any, I5_3, R_6>, handler6: hono_types.H<Env, any, I6_2, R_6>, handler7: hono_types.H<Env, any, I7_1, R_6>, handler8: hono_types.H<Env, any, I8, R_6>): [hono_types.H<Env, any, I_7, R_6>, hono_types.H<Env, any, I2_6, R_6>, hono_types.H<Env, any, I3_5, R_6>, hono_types.H<Env, any, I4_4, R_6>, hono_types.H<Env, any, I5_3, R_6>, hono_types.H<Env, any, I6_2, R_6>, hono_types.H<Env, any, I7_1, R_6>, hono_types.H<Env, any, I8, R_6>];
-    <I_8 extends hono.Input = {}, I2_7 extends hono.Input = I_8, I3_6 extends hono.Input = I_8 & I2_7, I4_5 extends hono.Input = I_8 & I2_7 & I3_6, I5_4 extends hono.Input = I_8 & I2_7 & I3_6 & I4_5, I6_3 extends hono.Input = I_8 & I2_7 & I3_6 & I4_5 & I5_4, I7_2 extends hono.Input = I_8 & I2_7 & I3_6 & I4_5 & I5_4 & I6_3, I8_1 extends hono.Input = I_8 & I2_7 & I3_6 & I4_5 & I5_4 & I6_3 & I7_2, I9 extends hono.Input = I_8 & I2_7 & I3_6 & I4_5 & I5_4 & I6_3 & I7_2 & I8_1, R_7 extends hono_types.HandlerResponse<any> = any>(handler1: hono_types.H<Env, any, I_8, R_7>, handler2: hono_types.H<Env, any, I2_7, R_7>, handler3: hono_types.H<Env, any, I3_6, R_7>, handler4: hono_types.H<Env, any, I4_5, R_7>, handler5: hono_types.H<Env, any, I5_4, R_7>, handler6: hono_types.H<Env, any, I6_3, R_7>, handler7: hono_types.H<Env, any, I7_2, R_7>, handler8: hono_types.H<Env, any, I8_1, R_7>, handler9: hono_types.H<Env, any, I9, R_7>): [hono_types.H<Env, any, I_8, R_7>, hono_types.H<Env, any, I2_7, R_7>, hono_types.H<Env, any, I3_6, R_7>, hono_types.H<Env, any, I4_5, R_7>, hono_types.H<Env, any, I5_4, R_7>, hono_types.H<Env, any, I6_3, R_7>, hono_types.H<Env, any, I7_2, R_7>, hono_types.H<Env, any, I8_1, R_7>, hono_types.H<Env, any, I9, R_7>];
-    <I_9 extends hono.Input = {}, I2_8 extends hono.Input = I_9, I3_7 extends hono.Input = I_9 & I2_8, I4_6 extends hono.Input = I_9 & I2_8 & I3_7, I5_5 extends hono.Input = I_9 & I2_8 & I3_7 & I4_6, I6_4 extends hono.Input = I_9 & I2_8 & I3_7 & I4_6 & I5_5, I7_3 extends hono.Input = I_9 & I2_8 & I3_7 & I4_6 & I5_5 & I6_4, I8_2 extends hono.Input = I_9 & I2_8 & I3_7 & I4_6 & I5_5 & I6_4 & I7_3, I9_1 extends hono.Input = I_9 & I2_8 & I3_7 & I4_6 & I5_5 & I6_4 & I7_3 & I8_2, I10 extends hono.Input = I_9 & I2_8 & I3_7 & I4_6 & I5_5 & I6_4 & I7_3 & I8_2 & I9_1, R_8 extends hono_types.HandlerResponse<any> = any>(handler1: hono_types.H<Env, any, I_9, R_8>, handler2: hono_types.H<Env, any, I2_8, R_8>, handler3: hono_types.H<Env, any, I3_7, R_8>, handler4: hono_types.H<Env, any, I4_6, R_8>, handler5: hono_types.H<Env, any, I5_5, R_8>, handler6: hono_types.H<Env, any, I6_4, R_8>, handler7: hono_types.H<Env, any, I7_3, R_8>, handler8: hono_types.H<Env, any, I8_2, R_8>, handler9: hono_types.H<Env, any, I9_1, R_8>, handler10: hono_types.H<Env, any, I10, R_8>): [hono_types.H<Env, any, I_9, R_8>, hono_types.H<Env, any, I2_8, R_8>, hono_types.H<Env, any, I3_7, R_8>, hono_types.H<Env, any, I4_6, R_8>, hono_types.H<Env, any, I5_5, R_8>, hono_types.H<Env, any, I6_4, R_8>, hono_types.H<Env, any, I7_3, R_8>, hono_types.H<Env, any, I8_2, R_8>, hono_types.H<Env, any, I9_1, R_8>, hono_types.H<Env, any, I10, R_8>];
+    <I extends hono.Input = {}, R extends hono_types.HandlerResponse<any> = any>(handler1: hono_types.H<Env, any, I, R>): [hono_types.H<Env, any, I, R>];
+    <I_1 extends hono.Input = {}, I2 extends hono.Input = I_1, R_1 extends hono_types.HandlerResponse<any> = any>(handler1: hono_types.H<Env, any, I_1, R_1>, handler2: hono_types.H<Env, any, I2, R_1>): [hono_types.H<Env, any, I_1, R_1>, hono_types.H<Env, any, I2, R_1>];
+    <I_2 extends hono.Input = {}, I2_1 extends hono.Input = I_2, I3 extends hono.Input = I_2 & I2_1, R_2 extends hono_types.HandlerResponse<any> = any>(handler1: hono_types.H<Env, any, I_2, R_2>, handler2: hono_types.H<Env, any, I2_1, R_2>, handler3: hono_types.H<Env, any, I3, R_2>): [hono_types.H<Env, any, I_2, R_2>, hono_types.H<Env, any, I2_1, R_2>, hono_types.H<Env, any, I3, R_2>];
+    <I_3 extends hono.Input = {}, I2_2 extends hono.Input = I_3, I3_1 extends hono.Input = I_3 & I2_2, I4 extends hono.Input = I_3 & I2_2 & I3_1, R_3 extends hono_types.HandlerResponse<any> = any>(handler1: hono_types.H<Env, any, I_3, R_3>, handler2: hono_types.H<Env, any, I2_2, R_3>, handler3: hono_types.H<Env, any, I3_1, R_3>, handler4: hono_types.H<Env, any, I4, R_3>): [hono_types.H<Env, any, I_3, R_3>, hono_types.H<Env, any, I2_2, R_3>, hono_types.H<Env, any, I3_1, R_3>, hono_types.H<Env, any, I4, R_3>];
+    <I_4 extends hono.Input = {}, I2_3 extends hono.Input = I_4, I3_2 extends hono.Input = I_4 & I2_3, I4_1 extends hono.Input = I_4 & I2_3 & I3_2, I5 extends hono.Input = I_4 & I2_3 & I3_2 & I4_1, R_4 extends hono_types.HandlerResponse<any> = any>(handler1: hono_types.H<Env, any, I_4, R_4>, handler2: hono_types.H<Env, any, I2_3, R_4>, handler3: hono_types.H<Env, any, I3_2, R_4>, handler4: hono_types.H<Env, any, I4_1, R_4>, handler5: hono_types.H<Env, any, I5, R_4>): [hono_types.H<Env, any, I_4, R_4>, hono_types.H<Env, any, I2_3, R_4>, hono_types.H<Env, any, I3_2, R_4>, hono_types.H<Env, any, I4_1, R_4>, hono_types.H<Env, any, I5, R_4>];
+    <I_5 extends hono.Input = {}, I2_4 extends hono.Input = I_5, I3_3 extends hono.Input = I_5 & I2_4, I4_2 extends hono.Input = I_5 & I2_4 & I3_3, I5_1 extends hono.Input = I_5 & I2_4 & I3_3 & I4_2, I6 extends hono.Input = I_5 & I2_4 & I3_3 & I4_2 & I5_1, R_5 extends hono_types.HandlerResponse<any> = any>(handler1: hono_types.H<Env, any, I_5, R_5>, handler2: hono_types.H<Env, any, I2_4, R_5>, handler3: hono_types.H<Env, any, I3_3, R_5>, handler4: hono_types.H<Env, any, I4_2, R_5>, handler5: hono_types.H<Env, any, I5_1, R_5>, handler6: hono_types.H<Env, any, I6, R_5>): [hono_types.H<Env, any, I_5, R_5>, hono_types.H<Env, any, I2_4, R_5>, hono_types.H<Env, any, I3_3, R_5>, hono_types.H<Env, any, I4_2, R_5>, hono_types.H<Env, any, I5_1, R_5>, hono_types.H<Env, any, I6, R_5>];
+    <I_6 extends hono.Input = {}, I2_5 extends hono.Input = I_6, I3_4 extends hono.Input = I_6 & I2_5, I4_3 extends hono.Input = I_6 & I2_5 & I3_4, I5_2 extends hono.Input = I_6 & I2_5 & I3_4 & I4_3, I6_1 extends hono.Input = I_6 & I2_5 & I3_4 & I4_3 & I5_2, I7 extends hono.Input = I_6 & I2_5 & I3_4 & I4_3 & I5_2 & I6_1, R_6 extends hono_types.HandlerResponse<any> = any>(handler1: hono_types.H<Env, any, I_6, R_6>, handler2: hono_types.H<Env, any, I2_5, R_6>, handler3: hono_types.H<Env, any, I3_4, R_6>, handler4: hono_types.H<Env, any, I4_3, R_6>, handler5: hono_types.H<Env, any, I5_2, R_6>, handler6: hono_types.H<Env, any, I6_1, R_6>, handler7: hono_types.H<Env, any, I7, R_6>): [hono_types.H<Env, any, I_6, R_6>, hono_types.H<Env, any, I2_5, R_6>, hono_types.H<Env, any, I3_4, R_6>, hono_types.H<Env, any, I4_3, R_6>, hono_types.H<Env, any, I5_2, R_6>, hono_types.H<Env, any, I6_1, R_6>, hono_types.H<Env, any, I7, R_6>];
+    <I_7 extends hono.Input = {}, I2_6 extends hono.Input = I_7, I3_5 extends hono.Input = I_7 & I2_6, I4_4 extends hono.Input = I_7 & I2_6 & I3_5, I5_3 extends hono.Input = I_7 & I2_6 & I3_5 & I4_4, I6_2 extends hono.Input = I_7 & I2_6 & I3_5 & I4_4 & I5_3, I7_1 extends hono.Input = I_7 & I2_6 & I3_5 & I4_4 & I5_3 & I6_2, I8 extends hono.Input = I_7 & I2_6 & I3_5 & I4_4 & I5_3 & I6_2 & I7_1, R_7 extends hono_types.HandlerResponse<any> = any>(handler1: hono_types.H<Env, any, I_7, R_7>, handler2: hono_types.H<Env, any, I2_6, R_7>, handler3: hono_types.H<Env, any, I3_5, R_7>, handler4: hono_types.H<Env, any, I4_4, R_7>, handler5: hono_types.H<Env, any, I5_3, R_7>, handler6: hono_types.H<Env, any, I6_2, R_7>, handler7: hono_types.H<Env, any, I7_1, R_7>, handler8: hono_types.H<Env, any, I8, R_7>): [hono_types.H<Env, any, I_7, R_7>, hono_types.H<Env, any, I2_6, R_7>, hono_types.H<Env, any, I3_5, R_7>, hono_types.H<Env, any, I4_4, R_7>, hono_types.H<Env, any, I5_3, R_7>, hono_types.H<Env, any, I6_2, R_7>, hono_types.H<Env, any, I7_1, R_7>, hono_types.H<Env, any, I8, R_7>];
+    <I_8 extends hono.Input = {}, I2_7 extends hono.Input = I_8, I3_6 extends hono.Input = I_8 & I2_7, I4_5 extends hono.Input = I_8 & I2_7 & I3_6, I5_4 extends hono.Input = I_8 & I2_7 & I3_6 & I4_5, I6_3 extends hono.Input = I_8 & I2_7 & I3_6 & I4_5 & I5_4, I7_2 extends hono.Input = I_8 & I2_7 & I3_6 & I4_5 & I5_4 & I6_3, I8_1 extends hono.Input = I_8 & I2_7 & I3_6 & I4_5 & I5_4 & I6_3 & I7_2, I9 extends hono.Input = I_8 & I2_7 & I3_6 & I4_5 & I5_4 & I6_3 & I7_2 & I8_1, R_8 extends hono_types.HandlerResponse<any> = any>(handler1: hono_types.H<Env, any, I_8, R_8>, handler2: hono_types.H<Env, any, I2_7, R_8>, handler3: hono_types.H<Env, any, I3_6, R_8>, handler4: hono_types.H<Env, any, I4_5, R_8>, handler5: hono_types.H<Env, any, I5_4, R_8>, handler6: hono_types.H<Env, any, I6_3, R_8>, handler7: hono_types.H<Env, any, I7_2, R_8>, handler8: hono_types.H<Env, any, I8_1, R_8>, handler9: hono_types.H<Env, any, I9, R_8>): [hono_types.H<Env, any, I_8, R_8>, hono_types.H<Env, any, I2_7, R_8>, hono_types.H<Env, any, I3_6, R_8>, hono_types.H<Env, any, I4_5, R_8>, hono_types.H<Env, any, I5_4, R_8>, hono_types.H<Env, any, I6_3, R_8>, hono_types.H<Env, any, I7_2, R_8>, hono_types.H<Env, any, I8_1, R_8>, hono_types.H<Env, any, I9, R_8>];
+    <I_9 extends hono.Input = {}, I2_8 extends hono.Input = I_9, I3_7 extends hono.Input = I_9 & I2_8, I4_6 extends hono.Input = I_9 & I2_8 & I3_7, I5_5 extends hono.Input = I_9 & I2_8 & I3_7 & I4_6, I6_4 extends hono.Input = I_9 & I2_8 & I3_7 & I4_6 & I5_5, I7_3 extends hono.Input = I_9 & I2_8 & I3_7 & I4_6 & I5_5 & I6_4, I8_2 extends hono.Input = I_9 & I2_8 & I3_7 & I4_6 & I5_5 & I6_4 & I7_3, I9_1 extends hono.Input = I_9 & I2_8 & I3_7 & I4_6 & I5_5 & I6_4 & I7_3 & I8_2, I10 extends hono.Input = I_9 & I2_8 & I3_7 & I4_6 & I5_5 & I6_4 & I7_3 & I8_2 & I9_1, R_9 extends hono_types.HandlerResponse<any> = any>(handler1: hono_types.H<Env, any, I_9, R_9>, handler2: hono_types.H<Env, any, I2_8, R_9>, handler3: hono_types.H<Env, any, I3_7, R_9>, handler4: hono_types.H<Env, any, I4_6, R_9>, handler5: hono_types.H<Env, any, I5_5, R_9>, handler6: hono_types.H<Env, any, I6_4, R_9>, handler7: hono_types.H<Env, any, I7_3, R_9>, handler8: hono_types.H<Env, any, I8_2, R_9>, handler9: hono_types.H<Env, any, I9_1, R_9>, handler10: hono_types.H<Env, any, I10, R_9>): [hono_types.H<Env, any, I_9, R_9>, hono_types.H<Env, any, I2_8, R_9>, hono_types.H<Env, any, I3_7, R_9>, hono_types.H<Env, any, I4_6, R_9>, hono_types.H<Env, any, I5_5, R_9>, hono_types.H<Env, any, I6_4, R_9>, hono_types.H<Env, any, I7_3, R_9>, hono_types.H<Env, any, I8_2, R_9>, hono_types.H<Env, any, I9_1, R_9>, hono_types.H<Env, any, I10, R_9>];
 };
 declare const createHono: () => Hono<Env, hono_types.BlankSchema, "/">;
 

package/dist/server/components/script.d.ts

@@ -3,6 +3,7 @@ import { Manifest } from 'vite';
 
 type Options = {
     src: string;
+    async?: boolean;
     prod?: boolean;
     manifest?: Manifest;
 };

package/dist/server/components/script.js

@@ -18,12 +18,19 @@ const Script = async (options) => {
     if (manifest) {
       const scriptInManifest = manifest[src.replace(/^\//, "")];
       if (scriptInManifest) {
-        return /* @__PURE__ */ jsx(HasIslands, { children: /* @__PURE__ */ jsx("script", { type: "module", src: `/${scriptInManifest.file}` }) });
+        return /* @__PURE__ */ jsx(HasIslands, { children: /* @__PURE__ */ jsx(
+          "script",
+          {
+            type: "module",
+            async: !!options.async,
+            src: `/${scriptInManifest.file}`
+          }
+        ) });
       }
     }
     return /* @__PURE__ */ jsx(Fragment, {});
   } else {
-    return /* @__PURE__ */ jsx("script", { type: "module", src });
+    return /* @__PURE__ */ jsx("script", { type: "module", async: !!options.async, src });
   }
 };
 export {

package/dist/server/server.js

@@ -87,7 +87,7 @@ const createApp = (options) => {
         if (typeof routeDefault === "function") {
           subApp.get(path, setInnerMeta);
           subApp.get(path, (c) => {
-            return c.render(routeDefault(), route);
+            return c.render(routeDefault(c), route);
           });
         }
       }

package/dist/types.d.ts

@@ -1,5 +1,6 @@
 /** JSX */
-type CreateElement = (type: any, props: any, ...children: any[]) => Node | Promise<Node>;
+type CreateElement = (type: any, props: any) => Node | Promise<Node>;
 type Hydrate = (children: Node, parent: Element) => void | Promise<void>;
+type CreateChildren = (childNodes: NodeListOf<ChildNode>) => Node[] | Promise<Node[]>;
 
-export type { CreateElement, Hydrate };
+export type { CreateChildren, CreateElement, Hydrate };

package/dist/utils/file.js

@@ -1,5 +1,5 @@
 const filePathToPath = (filePath) => {
-  filePath = filePath.replace(/\.tsx?$/g, "").replace(/\.mdx$/g, "").replace(/^\/?index/, "/").replace(/\/index/, "").replace(/\[\.{3}.+\]/, "*").replace(/\[(.+)\]/, ":$1");
+  filePath = filePath.replace(/\.tsx?$/g, "").replace(/\.mdx$/g, "").replace(/^\/?index$/, "/").replace(/\/index$/, "").replace(/\[\.{3}.+\]/, "*").replace(/\[(.+?)\]/g, ":$1");
   return /^\//.test(filePath) ? filePath : "/" + filePath;
 };
 const groupByDirectory = (files) => {

package/dist/vite/index.js

@@ -2,6 +2,7 @@ import path from "path";
 import devServer, { defaultOptions as devServerDefaultOptions } from "@hono/vite-dev-server";
 import { injectImportingIslands } from "./inject-importing-islands.js";
 import { islandComponents } from "./island-components.js";
+import { restartOnAddUnlink } from "./restart-on-add-unlink.js";
 const defaultOptions = {
   islands: true,
   entry: path.join(process.cwd(), "./app/server.ts")
@@ -25,6 +26,7 @@ function honox(options) {
     plugins.push(islandComponents());
   }
   plugins.push(injectImportingIslands());
+  plugins.push(restartOnAddUnlink());
   return [
     {
       name: "honox-vite-config",

package/dist/vite/island-components.js

@@ -24,13 +24,25 @@ import {
   conditionalExpression,
   memberExpression
 } from "@babel/types";
-import { COMPONENT_NAME, DATA_SERIALIZED_PROPS } from "../constants.js";
+import { COMPONENT_NAME, DATA_HONO_TEMPLATE, DATA_SERIALIZED_PROPS } from "../constants.js";
 function addSSRCheck(funcName, componentName, isAsync = false) {
   const isSSR = memberExpression(
     memberExpression(identifier("import"), identifier("meta")),
     identifier("env.SSR")
   );
-  const serializedProps = callExpression(identifier("JSON.stringify"), [identifier("props")]);
+  const serializedProps = callExpression(identifier("JSON.stringify"), [
+    callExpression(memberExpression(identifier("Object"), identifier("fromEntries")), [
+      callExpression(
+        memberExpression(
+          callExpression(memberExpression(identifier("Object"), identifier("entries")), [
+            identifier("props")
+          ]),
+          identifier("filter")
+        ),
+        [identifier('([key]) => key !== "children"')]
+      )
+    ])
+  ]);
   const ssrElement = jsxElement(
     jsxOpeningElement(
       jsxIdentifier("honox-island"),
@@ -50,6 +62,21 @@ function addSSRCheck(funcName, componentName, isAsync = false) {
         ),
         jsxClosingElement(jsxIdentifier(funcName)),
         []
+      ),
+      jsxExpressionContainer(
+        conditionalExpression(
+          memberExpression(identifier("props"), identifier("children")),
+          jsxElement(
+            jsxOpeningElement(
+              jsxIdentifier("template"),
+              [jsxAttribute(jsxIdentifier(DATA_HONO_TEMPLATE), stringLiteral(""))],
+              false
+            ),
+            jsxClosingElement(jsxIdentifier("template")),
+            [jsxExpressionContainer(memberExpression(identifier("props"), identifier("children")))]
+          ),
+          identifier("null")
+        )
       )
     ]
   );

package/dist/vite/restart-on-add-unlink.d.ts

@@ -0,0 +1,5 @@
+import { Plugin } from 'vite';
+
+declare function restartOnAddUnlink(): Plugin;
+
+export { restartOnAddUnlink };

package/dist/vite/restart-on-add-unlink.js

@@ -0,0 +1,17 @@
+function restartOnAddUnlink() {
+  return {
+    name: "restart-on-add-unlink",
+    configureServer(server) {
+      server.watcher.add("/app/**");
+      server.watcher.on("add", async () => {
+        await server.restart();
+      });
+      server.watcher.on("unlink", async () => {
+        await server.restart();
+      });
+    }
+  };
+}
+export {
+  restartOnAddUnlink
+};

package/dist/vite/watch-reload.d.ts

@@ -0,0 +1,5 @@
+import { Plugin } from 'vite';
+
+declare function reloadOnAdd(): Plugin;
+
+export { reloadOnAdd };

package/dist/vite/watch-reload.js

@@ -0,0 +1,17 @@
+function restartOnAddUnlink() {
+  return {
+    name: "restart-on-add-unlink",
+    configureServer(server) {
+      server.watcher.add("/app/**");
+      server.watcher.on("add", async () => {
+        await server.restart();
+      });
+      server.watcher.on("unlink", async () => {
+        await server.restart();
+      });
+    }
+  };
+}
+export {
+  restartOnAddUnlink
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "honox",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "main": "dist/index.js",
   "type": "module",
   "scripts": {
@@ -101,6 +101,9 @@
     "@babel/types": "^7.23.6",
     "@hono/vite-dev-server": "^0.5.0"
   },
+  "peerDependencies": {
+    "hono": ">=4.*"
+  },
   "devDependencies": {
     "@hono/eslint-config": "^0.0.4",
     "@mdx-js/rollup": "^3.0.0",
@@ -110,7 +113,7 @@
     "@types/node": "^20.10.5",
     "eslint": "^8.56.0",
     "glob": "^10.3.10",
-    "hono": "4.0.0-rc.4",
+    "hono": "^4.0.3",
     "np": "7.7.0",
     "prettier": "^3.1.1",
     "publint": "^0.2.7",