honox 0.1.55 → 0.1.56

package/dist/client/client.d.ts

@@ -1,13 +1,13 @@
 import { CreateChildren, CreateElement, Hydrate, TriggerHydration } from "../types.js";
 
 //#region src/client/client.d.ts
-type ClientOptions = {
-  hydrate?: Hydrate;
-  createElement?: CreateElement;
+type ClientOptions<E = Node> = {
+  hydrate?: Hydrate<E>;
+  createElement?: CreateElement<E>;
   /**
    * Create "children" attribute of a component from a list of child nodes
    */
-  createChildren?: CreateChildren;
+  createChildren?: CreateChildren<E>;
   /**
    * Trigger hydration on your own
    */
@@ -18,6 +18,6 @@ type ClientOptions = {
    */
   island_root?: string;
 };
-declare const createClient: (options?: ClientOptions) => Promise<void>;
+declare const createClient: <E = Node>(options?: ClientOptions<E>) => Promise<void>;
 //#endregion
 export { ClientOptions, createClient };

package/dist/client/runtime.d.ts

@@ -2,7 +2,7 @@ import { CreateChildren, CreateElement, HydrateComponent } from "../types.js";
 
 //#region src/client/runtime.d.ts
 type ImportComponent = (name: string) => Promise<Function | undefined>;
-declare const buildCreateChildrenFn: (createElement: CreateElement, importComponent: ImportComponent) => CreateChildren;
+declare const buildCreateChildrenFn: <E = Node>(createElement: CreateElement<E>, importComponent: ImportComponent) => CreateChildren<E>;
 declare const hydrateComponentHonoSuspense: (hydrateComponent: HydrateComponent) => Promise<void>;
 //#endregion
 export { buildCreateChildrenFn, hydrateComponentHonoSuspense };

package/dist/types.d.ts

@@ -1,8 +1,8 @@
 //#region src/types.d.ts
 /** JSX */
-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[]>;
+type CreateElement<E = Node> = (type: any, props: any) => E | Promise<E>;
+type Hydrate<E = Node> = (children: E, parent: Element) => void | Promise<void>;
+type CreateChildren<E = Node> = (childNodes: NodeListOf<ChildNode>) => E[] | Promise<E[]>;
 type HydrateComponent = (doc: {
   querySelectorAll: typeof document.querySelectorAll;
 }) => Promise<void>;

package/dist/vite/inject-importing-islands.js

@@ -1,14 +1,15 @@
 import { IMPORTING_ISLANDS_ID } from "../constants.js";
 import { matchIslandComponentId } from "./utils/path.js";
-import _generate from "@babel/generator";
+import { createRequire } from "node:module";
 import { parse } from "@babel/parser";
+import { booleanLiteral, exportNamedDeclaration, identifier, variableDeclaration, variableDeclarator } from "@babel/types";
 import { readFile } from "fs/promises";
 import path from "path";
 import precinct from "precinct";
 import { normalizePath } from "vite";
 
 //#region src/vite/inject-importing-islands.ts
-const generate = _generate.default ?? _generate;
+const generate = createRequire(import.meta.url)("@babel/generator").default;
 async function injectImportingIslands(options) {
 	let appPath = "";
 	const islandDir = options?.islandDir ?? "/app/islands";
@@ -53,24 +54,7 @@ async function injectImportingIslands(options) {
 				sourceType: "module",
 				plugins: ["jsx", "typescript"]
 			});
-			const hasIslandsNode = {
-				type: "ExportNamedDeclaration",
-				declaration: {
-					type: "VariableDeclaration",
-					declarations: [{
-						type: "VariableDeclarator",
-						id: {
-							type: "Identifier",
-							name: IMPORTING_ISLANDS_ID
-						},
-						init: {
-							type: "BooleanLiteral",
-							value: true
-						}
-					}],
-					kind: "const"
-				}
-			};
+			const hasIslandsNode = exportNamedDeclaration(variableDeclaration("const", [variableDeclarator(identifier(IMPORTING_ISLANDS_ID), booleanLiteral(true))]));
 			ast.program.body.push(hasIslandsNode);
 			const output = generate(ast, {}, sourceCode);
 			return {

package/dist/vite/island-components.d.ts

@@ -1,7 +1,7 @@
 import { Plugin } from "vite";
 
 //#region src/vite/island-components.d.ts
-declare const transformJsxTags: (contents: string, componentName: string) => any;
+declare const transformJsxTags: (contents: string, componentName: string) => string | undefined;
 type IsIsland = (id: string) => boolean;
 type IslandComponentsOptions = {
   /**

package/dist/vite/island-components.js

@@ -1,17 +1,17 @@
 import { isComponentName, matchIslandComponentId } from "./utils/path.js";
-import _generate from "@babel/generator";
+import { createRequire } from "node:module";
 import { parse } from "@babel/parser";
-import _traverse from "@babel/traverse";
-import { blockStatement, conditionalExpression, exportDefaultDeclaration, exportNamedDeclaration, exportSpecifier, functionExpression, identifier, importDeclaration, importSpecifier, jsxAttribute, jsxClosingElement, jsxElement, jsxExpressionContainer, jsxIdentifier, jsxOpeningElement, jsxSpreadAttribute, memberExpression, returnStatement, stringLiteral, variableDeclaration, variableDeclarator } from "@babel/types";
+import { blockStatement, conditionalExpression, exportDefaultDeclaration, exportNamedDeclaration, exportSpecifier, functionExpression, identifier, importDeclaration, importSpecifier, jsxAttribute, jsxClosingElement, jsxElement, jsxExpressionContainer, jsxIdentifier, jsxOpeningElement, jsxSpreadAttribute, memberExpression, metaProperty, returnStatement, stringLiteral, variableDeclaration, variableDeclarator } from "@babel/types";
 import { parse as parse$1 } from "jsonc-parser";
 import fs from "fs/promises";
 import path from "path";
 
 //#region src/vite/island-components.ts
-const generate = _generate.default ?? _generate;
-const traverse = _traverse.default ?? _traverse;
+const require = createRequire(import.meta.url);
+const generate = require("@babel/generator").default;
+const traverse = require("@babel/traverse").default;
 function addSSRCheck(funcName, componentName, componentExport) {
-	const isSSR = memberExpression(memberExpression(identifier("import"), identifier("meta")), identifier("env.SSR"));
+	const isSSR = memberExpression(memberExpression(metaProperty(identifier("import"), identifier("meta")), identifier("env")), identifier("SSR"));
 	const props = [
 		jsxAttribute(jsxIdentifier("componentName"), stringLiteral(componentName)),
 		jsxAttribute(jsxIdentifier("Component"), jsxExpressionContainer(identifier(funcName))),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "honox",
-  "version": "0.1.55",
+  "version": "0.1.56",
   "type": "module",
   "scripts": {
     "prepare": "tsdown",
@@ -94,10 +94,10 @@
   },
   "homepage": "https://hono.dev",
   "dependencies": {
-    "@babel/generator": "7.25.6",
-    "@babel/parser": "7.25.6",
-    "@babel/traverse": "7.25.6",
-    "@babel/types": "7.25.6",
+    "@babel/generator": "7.29.1",
+    "@babel/parser": "7.29.3",
+    "@babel/traverse": "7.29.0",
+    "@babel/types": "7.29.0",
     "@hono/vite-dev-server": "^0.25.1",
     "jsonc-parser": "3.3.1",
     "precinct": "12.2.0"
@@ -115,6 +115,8 @@
     "@hono/eslint-config": "^1.1.1",
     "@mdx-js/rollup": "^3.0.0",
     "@playwright/test": "^1.42.0",
+    "@types/babel__generator": "7.27.0",
+    "@types/babel__traverse": "7.28.0",
     "@types/node": "^20.10.5",
     "eslint": "^9.23.0",
     "glob": "^10.3.10",