refactor(angular-query): align inject-query and inject-infinite-query implementations, refactor create-base-query

[Arthie]

The company I work for is moving from our custom query wrapper to the official one. I had some time to audit the code and refactored a bit.

Aligned the injectQuery and injectInfiniteQuery implementations. These are simpler now and refactored the queryclient to createBaseQuery closer to where it's actually used. This can be changed again once there is a new API to provide a custom queryClient to injectQuery.

Had some time left to add types tests to the injectQuery tests.
Hope this is useful and that I get some more time in the future to contribute more.

Test are passing, and I've tested these changes in the examples and our company app.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Ignored Deployment

Name	Status	Preview	Comments	Updated (UTC)
query	⬜️ Ignored (Inspect)	Visit Preview		Jun 20, 2024 9:31am

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit f748ee4. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 1 target

• nx affected --targets=test:format,test:sherif,test:knip,test:eslint,test:lib,test:types,test:build,build,test:attw --parallel=3

---

Sent with 💌 from NxCloud.

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit f748ee4:

Sandbox	Source
@tanstack/query-example-angular-basic	Configuration
@tanstack/query-example-react-basic-typescript	Configuration
@tanstack/query-example-solid-basic-typescript	Configuration
@tanstack/query-example-svelte-basic	Configuration
@tanstack/query-example-vue-basic	Configuration

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 86.52%. Comparing base (bda8a54) to head (f748ee4).

Additional details and impacted files

@@            Coverage Diff            @@
##           main    #7593       +/-   ##
=========================================
+ Coverage      0   86.52%   +86.52%     
=========================================
  Files         0       18       +18     
  Lines         0      230      +230     
  Branches      0       34       +34     
=========================================
+ Hits          0      199      +199     
- Misses        0       31       +31     

Components	Coverage Δ
@tanstack/angular-query-devtools-experimental	∅ <ø> (∅)
@tanstack/angular-query-experimental	86.52% <100.00%> (∅)
@tanstack/eslint-plugin-query	∅ <ø> (∅)
@tanstack/query-async-storage-persister	∅ <ø> (∅)
@tanstack/query-broadcast-client-experimental	∅ <ø> (∅)
@tanstack/query-codemods	∅ <ø> (∅)
@tanstack/query-core	∅ <ø> (∅)
@tanstack/query-devtools	∅ <ø> (∅)
@tanstack/query-persist-client-core	∅ <ø> (∅)
@tanstack/query-sync-storage-persister	∅ <ø> (∅)
@tanstack/react-query	∅ <ø> (∅)
@tanstack/react-query-devtools	∅ <ø> (∅)
@tanstack/react-query-next-experimental	∅ <ø> (∅)
@tanstack/react-query-persist-client	∅ <ø> (∅)
@tanstack/solid-query	∅ <ø> (∅)
@tanstack/solid-query-devtools	∅ <ø> (∅)
@tanstack/solid-query-persist-client	∅ <ø> (∅)
@tanstack/svelte-query	∅ <ø> (∅)
@tanstack/svelte-query-devtools	∅ <ø> (∅)
@tanstack/svelte-query-persist-client	∅ <ø> (∅)
@tanstack/vue-query	∅ <ø> (∅)
@tanstack/vue-query-devtools	∅ <ø> (∅)

[Arthie]

These are Angular's version of the correct types test for react-query:
https://github.com/TanStack/query/blob/main/packages/react-query/src/__tests__/useQuery.test.tsx

Let me know if you want these moved to inject-query.test-d.ts. Put them here for location consistency with other adapter tests