honox 0.1.12 → 0.1.14

package/README.md

@@ -327,7 +327,7 @@ createClient()
 If you want to add interactions to your page, create Island components. Islands components should be:
 
 - Placed under `app/islands` directory or named with `_` prefix and `island.tsx` suffix like `_componentName.island.tsx`.
-- Should `default export function`.
+- Should `export default function`.
 
 For example, you can write an interactive component such as the following counter:
 

package/dist/server/with-defaults.d.ts

@@ -4,6 +4,10 @@ import * as hono_types from 'hono/types';
 
 declare const createApp: <E extends Env>(options?: Partial<{
     ROUTES: Record<string, ({
+        default: hono.Hono<Env, hono_types.BlankSchema, "/">;
+    } & {
+        __importing_islands?: boolean | undefined;
+    }) | ({
         default?: Function | undefined;
     } & {
         GET?: hono_types.H[] | undefined;
@@ -14,10 +18,6 @@ declare const createApp: <E extends Env>(options?: Partial<{
         PATCH?: hono_types.H[] | undefined;
     } & {
         __importing_islands?: boolean | undefined;
-    }) | ({
-        default: hono.Hono<Env, hono_types.BlankSchema, "/">;
-    } & {
-        __importing_islands?: boolean | undefined;
     })>;
     RENDERER: Record<string, {
         default: hono.MiddlewareHandler;

package/dist/vite/island-components.js

@@ -151,25 +151,42 @@ const transformJsxTags = (contents, componentName) => {
     return code;
   }
 };
+function getIslandComponentName(root, id, options) {
+  const defaultIsIsland = (id2) => {
+    const islandDirectoryPath = path.join(root, "app");
+    return path.resolve(id2).startsWith(islandDirectoryPath);
+  };
+  const matchIslandPath = options?.isIsland ?? defaultIsIsland;
+  if (!matchIslandPath(id)) {
+    return null;
+  }
+  const match = id.match(/(\/islands\/.+?\.tsx$)|(\/routes\/.*\_[a-zA-Z0-9[-]+\.island\.tsx$)/);
+  if (!match) {
+    return null;
+  }
+  return match[0];
+}
 function islandComponents(options) {
+  const insideIslandSuffix = "?inside-island";
   let root = "";
   return {
     name: "transform-island-components",
+    enforce: "pre",
     configResolved: (config) => {
       root = config.root;
     },
+    async resolveId(source, importer) {
+      const resolution = await this.resolve(source, importer);
+      if (resolution && importer && getIslandComponentName(root, importer, options)) {
+        return resolution.id + insideIslandSuffix;
+      }
+    },
     async load(id) {
-      const defaultIsIsland = (id2) => {
-        const islandDirectoryPath = path.join(root, "app");
-        return path.resolve(id2).startsWith(islandDirectoryPath);
-      };
-      const matchIslandPath = options?.isIsland ?? defaultIsIsland;
-      if (!matchIslandPath(id)) {
+      if (id.endsWith(insideIslandSuffix)) {
         return;
       }
-      const match = id.match(/(\/islands\/.+?\.tsx$)|(\/routes\/.*\_[a-zA-Z0-9[-]+\.island\.tsx$)/);
-      if (match) {
-        const componentName = match[0];
+      const componentName = getIslandComponentName(root, id, options);
+      if (componentName) {
         const contents = await fs.readFile(id, "utf-8");
         const code = transformJsxTags(contents, componentName);
         if (code) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "honox",
-  "version": "0.1.12",
+  "version": "0.1.14",
   "main": "dist/index.js",
   "type": "module",
   "scripts": {
@@ -106,7 +106,7 @@
     "@babel/traverse": "^7.23.6",
     "@babel/types": "^7.23.6",
     "@hono/vite-dev-server": "^0.11.0",
-    "precinct": "^11.0.5"
+    "precinct": "^12.0.2"
   },
   "peerDependencies": {
     "hono": ">=4.*"