import { InferRequestType,InferResponseType } from "hono";
import { useMutation, useQueryClient } from "@tanstack/react-query";

import { client } from "@/lib/hono"

type ResponseType = InferResponseType<typeof client.tasks[":id"]["$patch"]>;
type RequestType = InferRequestType<typeof client.tasks[":id"]["$patch"]>["json"];

interface UpdateTaskPayload {
  id: number;
  name?: string;
  done?: boolean;
  order?: number;
};

export const useUpdateTask = ( ) => {
  const queryClient = useQueryClient();

  const mutation = useMutation<
    ResponseType,
    Error,
    RequestType
  >({
    mutationFn: async (json) => {
      const response = await client.tasks[":id"]["$patch"]({
        json,
        param: { id: json.id },
      });
      return response.json();
    },
    onSuccess: () => {
      queryClient.invalidateQueries({ queryKey:["tasks"]});
    },
    onError: () => {
      console.log("task update failed");
    },
  });

  return mutation;  
}

import { useQuery } from "@tanstack/react-query";
import { client } from "@/lib/hono"

export const useGetTasksList = () => {
  const query = useQuery({
    queryKey: ["tasks" ],
    queryFn: async () => {
      const res = await client.tasks.$get();
      
      if(!res.ok){
        throw new Error("Failed to fetch tasks list");
      }

      const data  = await res.json();
      return data;
    },
  });

  return query;
};

import { hc } from "hono/client";
import { AppType } from "@/app/api/[[...route]]/route";

export const client = hc<AppType>('/api');

interface Task {
  id: number
  name: string
  done: boolean
  order: number
}

case "added": {
     return [
       ...tasks,
       {
         id: Date.now(),
         name: action.name,
         done: false,
         order: tasks.length,
       },
     ]
   }

NODE_ENV=development
PORT=3001
LOG_LEVEL=silent
DATABASE_URL=file:./test.db

...
import path from "node:path";

expand(config({
  path: path.resolve(
    process.cwd(),
    process.env.NODE_ENV === "test" ? ".env.test" : ".env",
  ),
}));
...

import path from "node:path";
import { defineConfig } from "vitest/config";

export default defineConfig({
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src"),
    },
  },
});

...
export const deleteById = createRoute({
  tags: ["Tasks"],
  path: "/tasks/{id}",
  method: "delete",
  request: {
    params: IdParamsSchema,
  },
  responses: {
    [HttpStatusCodes.NO_CONTENT]: {
      description: "Task deleted",
     },
    [HttpStatusCodes.NOT_FOUND]: jsonContent(
      notFoundSchema,
      "The task was not found",
    ),
    [HttpStatusCodes.UNPROCESSABLE_ENTITY]: jsonContent(
      createErrorSchema(IdParamsSchema),
      "Invalid id error",
    ),
  },
});

...
export type DeleteByIdRoute = typeof deleteById;

...
export const deleteById: AppRouteHandler<DeleteByIdRoute> = async (c) => {
  const { id } = c.req.valid("param");
 
  const result = await db
    .delete(tasks)
    .where(eq(tasks.id, id));

  if ( result.rowsAffected === 0 ) {
    return c.json({ message: HttpstatusPhase.NOT_FOUND }, HttpStatusCodes.NOT_FOUND);
  };

  return c.body(null, HttpStatusCodes.NO_CONTENT );
};

...

...
  .openapi(routes.deleteById, handlers.deleteById);
...