honotan 0.6.1 → 0.6.2

package/dist/index.mjs

@@ -5685,7 +5685,9 @@ function generateWebPackageJson(data) {
 		"@hookform/resolvers": "^5.1.1",
 		"@tailwindcss/vite": "^4.0.15",
 		"@tanstack/react-form": "^1.28.0",
+		"@tanstack/react-query": "^5.0.0",
 		"@tanstack/react-router": "^1.141.1",
+		"@tanstack/react-store": "^0.7.0",
 		"class-variance-authority": "^0.7.1",
 		clsx: "^2.1.1",
 		"lucide-react": "^0.473.0",
@@ -5821,16 +5823,19 @@ function generateIndexHtml(data) {
 //#region src/templates/monorepo/apps/web/src-main.template.ts
 function generateMainTsx(_data) {
 	return `import { RouterProvider, createRouter } from "@tanstack/react-router";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import ReactDOM from "react-dom/client";
 
 import Loader from "./components/loader";
 import { routeTree } from "./routeTree.gen";
 
+const queryClient = new QueryClient();
+
 const router = createRouter({
   routeTree,
   defaultPreload: "intent",
   defaultPendingComponent: () => <Loader />,
-  context: {},
+  context: { queryClient },
 });
 
 declare module "@tanstack/react-router" {
@@ -5847,7 +5852,11 @@ if (!rootElement) {
 
 if (!rootElement.innerHTML) {
   const root = ReactDOM.createRoot(rootElement);
-  root.render(<RouterProvider router={router} />);
+  root.render(
+    <QueryClientProvider client={queryClient}>
+      <RouterProvider router={router} />
+    </QueryClientProvider>
+  );
 }
 `;
 }
@@ -5857,6 +5866,7 @@ if (!rootElement.innerHTML) {
 function generateRoutesRootTsx(data) {
 	return `import { HeadContent, Outlet, createRootRouteWithContext } from "@tanstack/react-router";
 import { TanStackRouterDevtools } from "@tanstack/react-router-devtools";
+import { type QueryClient } from "@tanstack/react-query";
 
 import Header from "@/components/header";
 import { ThemeProvider } from "@/components/theme-provider";
@@ -5864,7 +5874,9 @@ import { Toaster } from "@/components/ui/sonner";
 
 import "../index.css";
 
-export interface RouterAppContext {}
+export interface RouterAppContext {
+  queryClient: QueryClient;
+}
 
 export const Route = createRootRouteWithContext<RouterAppContext>()({
   component: RootComponent,
@@ -5912,8 +5924,13 @@ function RootComponent() {
 
 //#endregion
 //#region src/templates/monorepo/apps/web/src-routes-index.template.ts
-function generateRoutesIndexTsx(_data) {
+function generateRoutesIndexTsx(data) {
 	return `import { createFileRoute } from "@tanstack/react-router";
+import { useQuery } from "@tanstack/react-query";
+import { Button } from "@/components/ui/button";
+import { Skeleton } from "@/components/ui/skeleton";
+import { useCounter, increment, decrement, reset } from "@/lib/counter-store";
+import { env } from "${data.scope}/env/client";
 
 export const Route = createFileRoute("/")({
   component: HomeComponent,
@@ -5936,13 +5953,37 @@ const TITLE_TEXT = \`
  \`;
 
 function HomeComponent() {
+  const count = useCounter();
+
+  const { data: helloData, isLoading: helloLoading } = useQuery({
+    queryKey: ["hello"],
+    queryFn: async () => {
+      const res = await fetch(env.VITE_API_URL + "/hello");
+      if (!res.ok) throw new Error("Failed to fetch /hello");
+      return res.json() as Promise<{ message: string }>;
+    },
+  });
+
   return (
     <div className="container mx-auto max-w-3xl px-4 py-2">
       <pre className="overflow-x-auto font-mono text-sm">{TITLE_TEXT}</pre>
       <div className="grid gap-6">
         <section className="rounded-lg border p-4">
-          <h2 className="mb-2 font-medium">API Status</h2>
-          <p className="text-muted-foreground text-sm">Welcome to your new web app!</p>
+          <h2 className="mb-2 font-medium">Hello API (TanStack Query)</h2>
+          {helloLoading ? (
+            <Skeleton className="h-5 w-48" />
+          ) : (
+            <p className="text-sm text-muted-foreground">{helloData?.message}</p>
+          )}
+        </section>
+        <section className="rounded-lg border p-4">
+          <h2 className="mb-2 font-medium">Counter (TanStack Store)</h2>
+          <div className="flex items-center gap-4">
+            <Button variant="outline" size="sm" onClick={decrement}>−</Button>
+            <span className="w-12 text-center text-lg font-semibold tabular-nums">{count}</span>
+            <Button variant="outline" size="sm" onClick={increment}>+</Button>
+            <Button variant="ghost" size="sm" onClick={reset}>Reset</Button>
+          </div>
         </section>
       </div>
     </div>
@@ -6685,6 +6726,28 @@ function generateWebEnvExample(data) {
 	return lines.join("\n") + "\n";
 }
 
+//#endregion
+//#region src/templates/monorepo/apps/web/src-lib-counter-store.template.ts
+function generateLibCounterStoreTs(_data) {
+	return `import { Store } from "@tanstack/react-store";
+import { useStore } from "@tanstack/react-store";
+
+export const counterStore = new Store({ count: 0 });
+
+export const increment = () =>
+  counterStore.setState((s) => ({ count: s.count + 1 }));
+
+export const decrement = () =>
+  counterStore.setState((s) => ({ count: s.count - 1 }));
+
+export const reset = () => counterStore.setState(() => ({ count: 0 }));
+
+export function useCounter() {
+  return useStore(counterStore, (s) => s.count);
+}
+`;
+}
+
 //#endregion
 //#region src/templates/monorepo/root/package-json.template.ts
 function generateRootPackageJson(data) {
@@ -9216,6 +9279,7 @@ function collectWebFiles(data) {
 		w("src/routes/__root.tsx", generateRoutesRootTsx(data)),
 		w("src/routes/index.tsx", generateRoutesIndexTsx(data)),
 		w("src/lib/utils.ts", generateLibUtilsTs(data)),
+		w("src/lib/counter-store.ts", generateLibCounterStoreTs(data)),
 		w("src/components/header.tsx", generateHeaderTsx(data)),
 		w("src/components/theme-provider.tsx", generateThemeProviderTsx(data)),
 		w("src/components/loader.tsx", generateLoaderTsx(data)),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "honotan",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "description": "CLI toolkit for generating Hexagonal & Vertical Slice architecture in turbo monorepo",
   "keywords": [
     "cli",