@jsonpang/openapi-react-query-code-generator - npm Package Compare versions

Comparing version 0.1.9 to 0.1.10

dist/package.json

 {
     "name": "@jsonpang/openapi-react-query-code-generator",
     "description": "Uses openapi-typescript-codegen under the hood, and then analyzes the TypeScript AST of the generated files to create TanStack React Query hooks. Supports server-sided rendering w/ NextJS by using client instances of openapi-typescript-codegen.",
-    "version": "0.1.8",
+    "version": "0.1.9",
     "dependencies": {
@@ -6,0 +6,0 @@ "@tanstack/react-query": "^5.17.15",

dist/src/Program.js

@@ -105,3 +105,3 @@ "use strict";
     file.insertText(file.getPos(), `
-import { createContext, useContext } from "react";
+import { createContext, useContext, useCallback } from "react";
 import {
@@ -131,5 +131,6 @@ UseMutationOptions,
 export const QueryKey${(0, exports.capitalizeFirstLetter)(method.name)} = '${method.name}';
-export const invalidateQuery${(0, exports.capitalizeFirstLetter)(method.name)} = async (params: { ${method.params.map((param) => `${param.name}?: ${param.type};`).join("\n    ")} }) => {
+export const useInvalidateQuery${(0, exports.capitalizeFirstLetter)(method.name)} = () => {
   const queryClient = useQueryClient();
-  return queryClient.invalidateQueries({ queryKey: [QueryKey${(0, exports.capitalizeFirstLetter)(method.name)}, params] });
+  const invalidateQuery = useCallback((params: { ${method.params.map((param) => `${param.name}?: ${param.type};`).join("\n    ")} }) => queryClient.invalidateQueries({ queryKey: [QueryKey${(0, exports.capitalizeFirstLetter)(method.name)}, params] }), [queryClient]);
+  return { invalidateQuery${(0, exports.capitalizeFirstLetter)(method.name)}: invalidateQuery };
 };
@@ -136,0 +137,0 @@ export const use${(0, exports.capitalizeFirstLetter)(method.name)} = <

package.json

 {
   "name": "@jsonpang/openapi-react-query-code-generator",
   "description": "Uses openapi-typescript-codegen under the hood, and then analyzes the TypeScript AST of the generated files to create TanStack React Query hooks. Supports server-sided rendering w/ NextJS by using client instances of openapi-typescript-codegen.",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "dependencies": {
@@ -6,0 +6,0 @@ "@tanstack/react-query": "^5.17.15",

src/Program.ts

@@ -164,3 +164,3 @@ import { generate as openapiTypescriptCodegenWriter } from "openapi-typescript-codegen";
     `
-import { createContext, useContext } from "react";
+import { createContext, useContext, useCallback } from "react";
 import {
@@ -191,5 +191,6 @@ UseMutationOptions,
 export const QueryKey${capitalizeFirstLetter(method.name)} = '${method.name}';
-export const invalidateQuery${capitalizeFirstLetter(method.name)} = async (params: { ${method.params.map((param) => `${param.name}?: ${param.type};`).join("\n    ")} }) => {
+export const useInvalidateQuery${capitalizeFirstLetter(method.name)} = () => {
   const queryClient = useQueryClient();
-  return queryClient.invalidateQueries({ queryKey: [QueryKey${capitalizeFirstLetter(method.name)}, params] });
+  const invalidateQuery = useCallback((params: { ${method.params.map((param) => `${param.name}?: ${param.type};`).join("\n    ")} }) => queryClient.invalidateQueries({ queryKey: [QueryKey${capitalizeFirstLetter(method.name)}, params] }), [queryClient]);
+  return { invalidateQuery${capitalizeFirstLetter(method.name)}: invalidateQuery };
 };
@@ -196,0 +197,0 @@ export const use${capitalizeFirstLetter(method.name)} = <

No alert changes

Improved metrics

Total package byte prevSize

32484

increased by1.08%

Lines of code

711

increased by0.28%

No dependency changes