refactor(examples/lit/basic): infer the controller types from the query and mutation functions instead of passing generics

examples/lit/basic/src/basic-query.ts

@@ -5,7 +5,6 @@ import {
   createQueryController,
 } from '@tanstack/lit-query'
 import { fetchTodosFromServer, resetTodoApi } from './todoApi'
-import type { TodosResponse } from './todoApi'
 
 resetTodoApi()
 
@@ -29,7 +28,7 @@ class BasicQueryProvider extends QueryClientProvider {
 customElements.define('basic-query-provider', BasicQueryProvider)
 
 class BasicQueryExample extends LitElement {
-  private readonly todos = createQueryController<TodosResponse, Error>(this, {
+  private readonly todos = createQueryController(this, {
     queryKey: ['todos'],
     queryFn: fetchTodosFromServer,
   })

examples/lit/basic/src/main.ts

@@ -51,19 +51,12 @@ class TanstackLitQueryDemo extends LitElement {
   private nextTodoTitle = 'Add mutation assertion'
   private cacheSeedCount = 0
 
-  private readonly todosQuery = createQueryController<TodosResponse, Error>(
-    this,
-    {
-      queryKey: ['todos'],
-      queryFn: fetchTodosFromServer,
-    },
-  )
+  private readonly todosQuery = createQueryController(this, {
+    queryKey: ['todos'],
+    queryFn: fetchTodosFromServer,
+  })
 
-  private readonly createTodoMutation = createMutationController<
-    Todo,
-    Error,
-    string
-  >(this, {
+  private readonly createTodoMutation = createMutationController(this, {
     mutationKey: ['create-todo'],
     mutationFn: addTodoOnServer,
     onSuccess: (createdTodo) => {

examples/lit/basic/src/mutation.ts

@@ -6,7 +6,7 @@ import {
   createQueryController,
 } from '@tanstack/lit-query'
 import { addTodoOnServer, fetchTodosFromServer, resetTodoApi } from './todoApi'
-import type { Todo, TodosResponse } from './todoApi'
+import type { TodosResponse } from './todoApi'
 
 resetTodoApi()
 
@@ -37,35 +37,32 @@ class MutationExample extends LitElement {
 
   private nextTitle = 'Created from mutation example'
 
-  private readonly todos = createQueryController<TodosResponse, Error>(this, {
+  private readonly todos = createQueryController(this, {
     queryKey: ['todos'],
     queryFn: fetchTodosFromServer,
   })
 
-  private readonly addTodo = createMutationController<Todo, Error, string>(
-    this,
-    {
-      mutationKey: ['create-todo'],
-      mutationFn: addTodoOnServer,
-      onSuccess: (created) => {
-        queryClient.setQueryData<TodosResponse>(['todos'], (existing) => {
-          if (!existing) {
-            return {
-              items: [created],
-              requestCount: 0,
-              source: 'cache',
-            }
-          }
-
+  private readonly addTodo = createMutationController(this, {
+    mutationKey: ['create-todo'],
+    mutationFn: addTodoOnServer,
+    onSuccess: (created) => {
+      queryClient.setQueryData<TodosResponse>(['todos'], (existing) => {
+        if (!existing) {
           return {
-            items: [...existing.items, created],
-            requestCount: existing.requestCount,
+            items: [created],
+            requestCount: 0,
             source: 'cache',
           }
-        })
-      },
+        }
+
+        return {
+          items: [...existing.items, created],
+          requestCount: existing.requestCount,
+          source: 'cache',
+        }
+      })
     },
-  )
+  })
 
   protected override createRenderRoot(): HTMLElement | DocumentFragment {
     return this