feat: add support for new version of @heyapi and use fetch client ins…

examples/petstore.yaml

@@ -151,12 +151,12 @@ components:
     NewPet:
       type: object
       required:
-        - name  
+        - name
       properties:
         name:
           type: string
         tag:
-          type: string    
+          type: string
 
     Error:
       type: object
@@ -168,4 +168,4 @@ components:
           type: integer
           format: int32
         message:
-          type: string
+          type: string

examples/react-app/package.json

@@ -9,10 +9,11 @@
     "dev:mock": "prism mock ../petstore.yaml --dynamic",
     "build": "tsc && vite build",
     "preview": "vite preview",
-    "generate:api": "rimraf ./openapi && node ../../dist/cli.mjs -i ../petstore.yaml -c axios --request ./request.ts --format=biome --lint=biome",
+    "generate:api": "rimraf ./openapi && node ../../dist/cli.mjs -i ../petstore.yaml -c @hey-api/client-fetch --format=biome --lint=biome",
     "test:generated": "tsc -p ./tsconfig.openapi.json --noEmit"
   },
   "dependencies": {
+    "@hey-api/client-fetch": "^0.1.3",
     "@tanstack/react-query": "^5.32.1",
     "axios": "^1.6.7",
     "form-data": "~4.0.0",

examples/react-app/src/App.tsx

@@ -1,32 +1,35 @@
 import "./App.css";
 import { useState } from "react";
+
+import { createClient } from "@hey-api/client-fetch";
 import {
-  UseDefaultServiceFindPetsKeyFn,
-  useDefaultServiceAddPet,
-  useDefaultServiceFindPets,
-  useDefaultServiceGetNotDefined,
-  useDefaultServicePostNotDefined,
+  UseFindPetsKeyFn,
+  useAddPet,
+  useFindPets,
+  useGetNotDefined,
+  usePostNotDefined,
 } from "../openapi/queries";
 import { SuspenseParent } from "./components/SuspenseParent";
 import { queryClient } from "./queryClient";
 
 function App() {
+  createClient({ baseUrl: "http://localhost:4010" });
+
   const [tags, _setTags] = useState<string[]>([]);
   const [limit, _setLimit] = useState<number>(10);
 
-  const { data, error, refetch } = useDefaultServiceFindPets({ tags, limit });
+  const { data, error, refetch } = useFindPets({ query: { tags, limit } });
   // This is an example of using a hook that has all parameters optional;
   // Here we do not have to pass in an object
-  const { data: _ } = useDefaultServiceFindPets();
+  const { data: _ } = useFindPets();
 
   // This is an example of a query that is not defined in the OpenAPI spec
   // this defaults to any - here we are showing how to override the type
   // Note - this is marked as deprecated in the OpenAPI spec and being passed to the client
-  const { data: notDefined } = useDefaultServiceGetNotDefined<undefined>();
-  const { mutate: mutateNotDefined } =
-    useDefaultServicePostNotDefined<undefined>();
+  const { data: notDefined } = useGetNotDefined<undefined>();
+  const { mutate: mutateNotDefined } = usePostNotDefined<undefined>();
 
-  const { mutate: addPet } = useDefaultServiceAddPet();
+  const { mutate: addPet } = useAddPet();
 
   if (error)
     return (
@@ -52,12 +55,12 @@ function App() {
         onClick={() => {
           addPet(
             {
-              requestBody: { name: "Duggy" },
+              body: { name: "Duggy" },
             },
             {
               onSuccess: () => {
                 queryClient.invalidateQueries({
-                  queryKey: UseDefaultServiceFindPetsKeyFn(),
+                  queryKey: UseFindPetsKeyFn({ query: { tags, limit } }),
                 });
                 console.log("success");
               },

examples/react-app/src/components/SuspenseChild.tsx

@@ -1,15 +1,17 @@
-import { useDefaultServiceFindPetsSuspense } from "../../openapi/queries/suspense";
+import { useFindPetsSuspense } from "../../openapi/queries/suspense";
 
 export const SuspenseChild = () => {
-  const { data } = useDefaultServiceFindPetsSuspense({ tags: [], limit: 10 });
-
+  const { data, error } = useFindPetsSuspense({
+    query: { tags: [], limit: 10 },
+  });
+  console.log({ error });
   if (!Array.isArray(data)) {
     return <div>Error!</div>;
   }
 
   return (
     <ul>
-      {data?.map((pet, index) => (
+      {data?.map((pet) => (
         <li key={pet.id}>{pet.name}</li>
       ))}
     </ul>

package.json

@@ -1,10 +1,11 @@
 {
-  "name": "@7nohe/openapi-react-query-codegen",
-  "version": "1.4.1",
+  "name": "openapi-react-query-codegen",
+  "version": "1.4.2-beta.4",
   "description": "OpenAPI React Query Codegen",
   "bin": {
     "openapi-rq": "dist/cli.mjs"
   },
+  "private": false,
   "type": "module",
   "workspaces": ["examples/*"],
   "scripts": {
@@ -13,10 +14,17 @@
     "lint:fix": "biome check --apply .",
     "preview": "npm run build && npm -C examples/react-app run generate:api",
     "prepublishOnly": "npm run build",
-    "release": "npx git-ensure -a && npx bumpp --commit --tag --push",
+    "release": "npx bumpp --commit --tag --push",
     "test": "vitest --coverage.enabled true",
     "snapshot": "vitest --update"
   },
+  "exports": [
+    {
+      "import": "./dist/generate.mjs",
+      "require": "./dist/generate.mjs",
+      "types": "./dist/generate.d.mts"
+    }
+  ],
   "repository": {
     "type": "git",
     "url": "git+https://github.com/7nohe/openapi-react-query-codegen.git"
@@ -37,7 +45,9 @@
   "author": "Daiki Urata (@7nohe)",
   "license": "MIT",
   "dependencies": {
-    "@hey-api/openapi-ts": "0.45.1"
+    "@hey-api/openapi-ts": "0.46.3",
+    "@types/cross-spawn": "^6.0.6",
+    "cross-spawn": "^7.0.3"
   },
   "devDependencies": {
     "@biomejs/biome": "^1.7.2",