handle .client and .server folders

examples/remix-unstable/app/routes/_index.tsx

@@ -1,12 +1,25 @@
-import { useLoaderData, useRevalidator } from "@remix-run/react";
+import { type ClientLoaderFunctionArgs, useLoaderData, useRevalidator } from "@remix-run/react";
+import { getPublic } from "~/utils/.client/public";
+import { getCommon } from "~/utils/.common/common";
+import { getSecret } from "~/utils/.server/secret";
 import { getEnv } from "~/utils/env.server";
 
 export function loader() {
+  console.log(getSecret(), getCommon());
   return {
     env: getEnv(),
   };
 }
 
+export async function clientLoader({ serverLoader }: ClientLoaderFunctionArgs) {
+  console.log(getPublic(), getCommon());
+  return {
+    ...(await serverLoader<typeof loader>()),
+  };
+}
+
+clientLoader.hydrate = true;
+
 export default function Index() {
   const data = useLoaderData<typeof loader>();
   const { revalidate } = useRevalidator();

examples/remix-unstable/app/utils/.client/public.ts

@@ -0,0 +1,3 @@
+export function getPublic() {
+  return "public";
+}

examples/remix-unstable/app/utils/.common/common.ts

@@ -0,0 +1,3 @@
+export function getCommon() {
+  return "common";
+}

examples/remix-unstable/app/utils/.server/secret.ts

@@ -0,0 +1,3 @@
+export function getSecret() {
+  return "secret";
+}

src/dev.ts

@@ -50,6 +50,12 @@ export function devServer(config?: HonoDevServerOptions) {
     injectClientScript: false,
     entry: mergedConfig.entry, // The file path of your server.
     export: mergedConfig.exportName,
-    exclude: [`/${mergedConfig.appDirectory}/**`, /^\/@.+$/, /^\/node_modules\/.*/, ...mergedConfig.exclude],
+    exclude: [
+      `/${mergedConfig.appDirectory}/**/*`,
+      `/${mergedConfig.appDirectory}/**/.*/**`,
+      /^\/@.+$/,
+      /^\/node_modules\/.*/,
+      ...mergedConfig.exclude,
+    ],
   });
 }