feat!: Implement query cancellation in react-query generated components (#95)

* fix: package-lock

* chore: abort signal

* fix: package-lock files

* Revert test command

* Fix AbortSignal flow

Separate `signal` from the context since this is not overridable in user land.

* Pass signals on fetcher without variables

Co-authored-by: Fabien BERNARD <[email protected]>

Author: needim

cli/package-lock.json

@@ -26,6 +26,7 @@
     "eslint": "^8.0.1",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-prettier": "^4.0.0",
+    "got": "^12.4.1",
     "husky": "^7.0.2",
     "jest": "^27.2.5",
     "lerna": "^5.5.0",

package-lock.json

@@ -61,8 +61,27 @@ export const createOperationFetcherFnNodes = ({
                       variablesType,
                       undefined
                     ),
+                    f.createParameterDeclaration(
+                      undefined,
+                      undefined,
+                      f.createIdentifier("signal"),
+                      f.createToken(ts.SyntaxKind.QuestionToken),
+                      f.createTypeReferenceNode(
+                        f.createIdentifier("AbortSignal")
+                      )
+                    ),
                   ]
-                : [],
+                : [
+                    f.createParameterDeclaration(
+                      undefined,
+                      undefined,
+                      f.createIdentifier("signal"),
+                      f.createToken(ts.SyntaxKind.QuestionToken),
+                      f.createTypeReferenceNode(
+                        f.createIdentifier("AbortSignal")
+                      )
+                    ),
+                  ],
               undefined,
               f.createToken(ts.SyntaxKind.EqualsGreaterThanToken),
               f.createCallExpression(
@@ -91,8 +110,15 @@ export const createOperationFetcherFnNodes = ({
                             f.createSpreadAssignment(
                               f.createIdentifier("variables")
                             ),
+                            f.createShorthandPropertyAssignment(
+                              f.createIdentifier("signal")
+                            ),
                           ]
-                        : []),
+                        : [
+                            f.createShorthandPropertyAssignment(
+                              f.createIdentifier("signal")
+                            ),
+                          ]),
                     ],
                     false
                   ),

package.json

@@ -96,7 +96,7 @@ describe("generateFetchers", () => {
       /**
        * Get all the pets
        */
-      export const listPets = () => petstoreFetch<ListPetsResponse, ListPetsError, undefined, {}, {}, {}>({ url: \\"/pets\\", method: \\"get\\" });
+      export const listPets = (signal?: AbortSignal) => petstoreFetch<ListPetsResponse, ListPetsError, undefined, {}, {}, {}>({ url: \\"/pets\\", method: \\"get\\", signal });
       "
     `);
   });
@@ -140,7 +140,7 @@ describe("generateFetchers", () => {
       /**
        * Get all the pets
        */
-      export const listPets = () => fetch<ListPetsResponse, ListPetsError, undefined, {}, {}, {}>({ url: \\"/pets\\", method: \\"get\\" });
+      export const listPets = (signal?: AbortSignal) => fetch<ListPetsResponse, ListPetsError, undefined, {}, {}, {}>({ url: \\"/pets\\", method: \\"get\\", signal });
       "
     `);
   });
@@ -193,7 +193,7 @@ describe("generateFetchers", () => {
       /**
        * Get all the pets
        */
-      export const listPets = (variables: ListPetsVariables) => petstoreFetch<ListPetsResponse, ListPetsError, undefined, {}, {}, {}>({ url: \\"/pets\\", method: \\"get\\", ...variables });
+      export const listPets = (variables: ListPetsVariables, signal?: AbortSignal) => petstoreFetch<ListPetsResponse, ListPetsError, undefined, {}, {}, {}>({ url: \\"/pets\\", method: \\"get\\", ...variables, signal });
       "
     `);
   });
@@ -243,7 +243,7 @@ describe("generateFetchers", () => {
       /**
        * Get all the pets
        */
-      export const listPets = () => petstoreFetch<ListPetsResponse, ListPetsError, undefined, {}, {}, {}>({ url: \\"/pets\\", method: \\"get\\" });
+      export const listPets = (signal?: AbortSignal) => petstoreFetch<ListPetsResponse, ListPetsError, undefined, {}, {}, {}>({ url: \\"/pets\\", method: \\"get\\", signal });
 
       export const operationsByTag = { \\"pets\\": { listPets } };
       "