Add infinite queries to type portability examples

Author: markerikson

examples/type-portability/bundler/src/app/services/posts.ts

@@ -73,6 +73,16 @@ export const postsApi = apiSlice.injectEndpoints({
     getErrorProne: build.query<{ success: boolean }, void>({
       query: () => 'error-prone',
     }),
+    getInfinitePosts: build.infiniteQuery<PostsResponse, void, number>({
+      queryFn: ({ pageParam = 0 }) => ({
+        data: [],
+      }),
+      infiniteQueryOptions: {
+        initialPageParam: 0,
+        getNextPageParam: (lastPage) =>
+          lastPage.length === 0 ? undefined : lastPage[lastPage.length - 1].id,
+      },
+    }),
   }),
 })
 
@@ -87,6 +97,7 @@ export const {
   useLazyGetErrorProneQuery,
   useLazyGetPostQuery,
   useLazyGetPostsQuery,
+  useGetInfinitePostsInfiniteQuery,
   endpoints,
   enhanceEndpoints,
   injectEndpoints,
@@ -106,6 +117,7 @@ export const {
   getPosts,
   login,
   updatePost,
+  getInfinitePosts,
 } = endpoints
 
 export const {
@@ -182,6 +194,19 @@ export const {
   useMutation: _____useMutation,
 } = updatePost
 
+export const {
+  Types: ______Types,
+  initiate: ______initiate,
+  matchFulfilled: ______matchFulfilled,
+  matchPending: ______matchPending,
+  matchRejected: ______matchRejected,
+  name: ______name,
+  select: ______select,
+  useInfiniteQueryState: ______useQueryState,
+  useInfiniteQuery: ______useQuery,
+  useInfiniteQuerySubscription: ______useQuerySubscription,
+} = getInfinitePosts
+
 export const {
   internal_getRTKQSubscriptions,
   middlewareRegistered,

examples/type-portability/bundler/src/features/posts/PostsManager.tsx

@@ -8,6 +8,7 @@ import {
   useGetErrorProneQuery,
   useGetPostsQuery,
   useLoginMutation,
+  useGetInfinitePostsInfiniteQuery,
 } from '../../app/services/posts'
 import { logout, selectIsAuthenticated } from '../auth/authSlice'
 import { PostDetail } from './PostDetail'
@@ -70,6 +71,7 @@ export const PostListItem = ({
 
 export const PostList = () => {
   const { data: posts, isLoading } = useGetPostsQuery()
+  useGetInfinitePostsInfiniteQuery()
   const navigate = useNavigate()
 
   if (isLoading) {

examples/type-portability/nodenext-cjs/src/app/services/posts.ts

@@ -76,6 +76,18 @@ namespace postsModule {
       getErrorProne: build.query<{ success: boolean }, void>({
         query: () => 'error-prone',
       }),
+      getInfinitePosts: build.infiniteQuery<PostsResponse, void, number>({
+        queryFn: ({ pageParam = 0 }) => ({
+          data: [],
+        }),
+        infiniteQueryOptions: {
+          initialPageParam: 0,
+          getNextPageParam: (lastPage) =>
+            lastPage.length === 0
+              ? undefined
+              : lastPage[lastPage.length - 1].id,
+        },
+      }),
     }),
   })
 
@@ -90,6 +102,7 @@ namespace postsModule {
     useLazyGetErrorProneQuery,
     useLazyGetPostQuery,
     useLazyGetPostsQuery,
+    useGetInfinitePostsInfiniteQuery,
     endpoints,
     enhanceEndpoints,
     injectEndpoints,
@@ -109,6 +122,7 @@ namespace postsModule {
     getPosts,
     login,
     updatePost,
+    getInfinitePosts,
   } = endpoints
 
   export const {
@@ -185,6 +199,19 @@ namespace postsModule {
     useMutation: _____useMutation,
   } = updatePost
 
+  export const {
+    Types: ______Types,
+    initiate: ______initiate,
+    matchFulfilled: ______matchFulfilled,
+    matchPending: ______matchPending,
+    matchRejected: ______matchRejected,
+    name: ______name,
+    select: ______select,
+    useInfiniteQueryState: ______useQueryState,
+    useInfiniteQuery: ______useQuery,
+    useInfiniteQuerySubscription: ______useQuerySubscription,
+  } = getInfinitePosts
+
   export const {
     internal_getRTKQSubscriptions,
     middlewareRegistered,

examples/type-portability/nodenext-cjs/src/features/posts/PostsManager.tsx

@@ -18,6 +18,7 @@ import useAddPostMutation = postsModule.useAddPostMutation
 import useGetErrorProneQuery = postsModule.useGetErrorProneQuery
 import useGetPostsQuery = postsModule.useGetPostsQuery
 import useLoginMutation = postsModule.useLoginMutation
+import useGetInfinitePostsInfiniteQuery = postsModule.useGetInfinitePostsInfiniteQuery
 import logout = authSliceModule.logout
 import selectIsAuthenticated = authSliceModule.selectIsAuthenticated
 
@@ -81,6 +82,7 @@ const PostListItem = ({
 
 const PostList = () => {
   const { data: posts, isLoading } = useGetPostsQuery()
+  useGetInfinitePostsInfiniteQuery()
   const navigate = useNavigate()
 
   if (isLoading) {

examples/type-portability/nodenext-esm/src/app/services/posts.ts

@@ -73,6 +73,16 @@ export const postsApi = apiSlice.injectEndpoints({
     getErrorProne: build.query<{ success: boolean }, void>({
       query: () => 'error-prone',
     }),
+    getInfinitePosts: build.infiniteQuery<PostsResponse, void, number>({
+      queryFn: ({ pageParam = 0 }) => ({
+        data: [],
+      }),
+      infiniteQueryOptions: {
+        initialPageParam: 0,
+        getNextPageParam: (lastPage) =>
+          lastPage.length === 0 ? undefined : lastPage[lastPage.length - 1].id,
+      },
+    }),
   }),
 })
 
@@ -87,6 +97,7 @@ export const {
   useLazyGetErrorProneQuery,
   useLazyGetPostQuery,
   useLazyGetPostsQuery,
+  useGetInfinitePostsInfiniteQuery,
   endpoints,
   enhanceEndpoints,
   injectEndpoints,
@@ -106,6 +117,7 @@ export const {
   getPosts,
   login,
   updatePost,
+  getInfinitePosts,
 } = endpoints
 
 export const {
@@ -182,6 +194,19 @@ export const {
   useMutation: _____useMutation,
 } = updatePost
 
+export const {
+  Types: ______Types,
+  initiate: ______initiate,
+  matchFulfilled: ______matchFulfilled,
+  matchPending: ______matchPending,
+  matchRejected: ______matchRejected,
+  name: ______name,
+  select: ______select,
+  useInfiniteQueryState: ______useQueryState,
+  useInfiniteQuery: ______useQuery,
+  useInfiniteQuerySubscription: ______useQuerySubscription,
+} = getInfinitePosts
+
 export const {
   internal_getRTKQSubscriptions,
   middlewareRegistered,

examples/type-portability/nodenext-esm/src/features/posts/PostsManager.tsx

@@ -6,6 +6,7 @@ import type { Post } from '../../app/services/posts.js'
 import {
   useAddPostMutation,
   useGetErrorProneQuery,
+  useGetInfinitePostsInfiniteQuery,
   useGetPostsQuery,
   useLoginMutation,
 } from '../../app/services/posts.js'
@@ -70,6 +71,7 @@ export const PostListItem = ({
 
 export const PostList = () => {
   const { data: posts, isLoading } = useGetPostsQuery()
+  useGetInfinitePostsInfiniteQuery()
   const navigate = useNavigate()
 
   if (isLoading) {