ci: apply automated fixes

Author: autofix-ci[bot]

examples/react-native/shopping-list/app/_layout.tsx

@@ -6,7 +6,15 @@ import { Stack } from 'expo-router'
 import { QueryClientProvider } from '@tanstack/react-query'
 import { SafeAreaProvider } from 'react-native-safe-area-context'
 import { StatusBar } from 'expo-status-bar'
-import { Alert, Modal, Platform, Pressable, StyleSheet, Text, View } from 'react-native'
+import {
+  Alert,
+  Modal,
+  Platform,
+  Pressable,
+  StyleSheet,
+  Text,
+  View,
+} from 'react-native'
 import { queryClient } from '../src/utils/queryClient'
 import { ShoppingProvider, useShopping } from '../src/db/ShoppingContext'
 
@@ -103,7 +111,9 @@ function HeaderControls({ onAppRefresh }: { onAppRefresh: () => void }) {
         }}
         accessibilityLabel="Open demo menu"
       >
-        <Text style={{ fontSize: 16, fontWeight: `700`, color: `#111827` }}>☰</Text>
+        <Text style={{ fontSize: 16, fontWeight: `700`, color: `#111827` }}>
+          ☰
+        </Text>
       </Pressable>
       <Modal
         transparent
@@ -115,7 +125,10 @@ function HeaderControls({ onAppRefresh }: { onAppRefresh: () => void }) {
           <Pressable style={styles.backdrop} onPress={closeMenu} />
           <View style={styles.menuAnchor}>
             <View style={styles.menuCard}>
-              <Pressable style={styles.menuItem} onPress={toggleSimulatedOffline}>
+              <Pressable
+                style={styles.menuItem}
+                onPress={toggleSimulatedOffline}
+              >
                 <Text style={styles.menuText}>
                   {isSimulatedOffline
                     ? `Disable simulated offline mode`

examples/react-native/shopping-list/server/index.ts

@@ -260,11 +260,13 @@ app.post('/api/shapes/items', async (req, res) => {
 })
 
 app.get('/api/lists', async (_req, res) => {
-  const rows = await sql<Array<{
-    id: string
-    name: string
-    createdAt: unknown
-  }>>`
+  const rows = await sql<
+    Array<{
+      id: string
+      name: string
+      createdAt: unknown
+    }>
+  >`
     SELECT id, name, "createdAt"
     FROM shopping_lists
     ORDER BY "createdAt" DESC
@@ -282,12 +284,14 @@ app.post('/api/lists', async (req, res) => {
     return res.status(400).json({ error: `List name is required` })
   }
 
-  const [inserted] = await sql<Array<{
-    txid: string
-    id: string
-    name: string
-    createdAt: unknown
-  }>>`
+  const [inserted] = await sql<
+    Array<{
+      txid: string
+      id: string
+      name: string
+      createdAt: unknown
+    }>
+  >`
     WITH tx AS (
       SELECT pg_current_xact_id()::xid::text as txid
     ),
@@ -369,13 +373,15 @@ app.delete('/api/lists/:id', async (req, res) => {
 })
 
 app.get('/api/items', async (_req, res) => {
-  const rows = await sql<Array<{
-    id: string
-    listId: string
-    text: string
-    checked: boolean
-    createdAt: unknown
-  }>>`
+  const rows = await sql<
+    Array<{
+      id: string
+      listId: string
+      text: string
+      checked: boolean
+      createdAt: unknown
+    }>
+  >`
     SELECT id, "listId", text, checked, "createdAt"
     FROM shopping_items
     ORDER BY "createdAt" ASC
@@ -396,14 +402,16 @@ app.post('/api/items', async (req, res) => {
     return res.status(400).json({ error: `listId and text are required` })
   }
 
-  const [inserted] = await sql<Array<{
-    txid: string
-    id: string
-    listId: string
-    text: string
-    checked: boolean
-    createdAt: unknown
-  }>>`
+  const [inserted] = await sql<
+    Array<{
+      txid: string
+      id: string
+      listId: string
+      text: string
+      checked: boolean
+      createdAt: unknown
+    }>
+  >`
     WITH tx AS (
       SELECT pg_current_xact_id()::xid::text as txid
     ),
@@ -507,7 +515,9 @@ async function start() {
     })
   } catch (error) {
     console.error(`Failed to start shopping-list server`, error)
-    console.error(`Did you run 'pnpm db:up' in examples/react-native/shopping-list?`)
+    console.error(
+      `Did you run 'pnpm db:up' in examples/react-native/shopping-list?`,
+    )
     process.exit(1)
   }
 }

examples/react-native/shopping-list/src/components/ListDetail.tsx

@@ -7,7 +7,7 @@ import {
   TouchableOpacity,
   View,
 } from 'react-native'
-import { eq, useLiveQuery  } from '@tanstack/react-db'
+import { eq, useLiveQuery } from '@tanstack/react-db'
 import { itemsCollection } from '../db/collections'
 import { useShopping } from '../db/ShoppingContext'
 
@@ -53,20 +53,12 @@ function ItemRow({
   return (
     <View style={styles.itemRow}>
       <TouchableOpacity
-        style={[
-          styles.checkbox,
-          item.checked && styles.checkboxChecked,
-        ]}
+        style={[styles.checkbox, item.checked && styles.checkboxChecked]}
         onPress={onToggle}
       >
         {item.checked && <Text style={styles.checkmark}>✓</Text>}
       </TouchableOpacity>
-      <Text
-        style={[
-          styles.itemText,
-          item.checked && styles.itemTextChecked,
-        ]}
-      >
+      <Text style={[styles.itemText, item.checked && styles.itemTextChecked]}>
         {item.text}
       </Text>
       {showSavingBadge ? (

examples/react-native/shopping-list/src/components/ListsScreen.tsx

@@ -38,7 +38,7 @@ function ListCard({
   const totalCount = (totalData as any)?.[0]?.n ?? 0
   const checkedCount = (checkedData as any)?.[0]?.n ?? 0
   const uncheckedPreview =
-    ((uncheckedPreviewData as any) as Array<{ text: string }> | undefined) ?? []
+    (uncheckedPreviewData as any as Array<{ text: string }> | undefined) ?? []
   const uncheckedCount = Math.max(0, totalCount - checkedCount)
   const remainingCount = Math.max(0, uncheckedCount - uncheckedPreview.length)
   const previewText = uncheckedPreview
@@ -103,11 +103,7 @@ function ListCard({
 export function ListsScreen() {
   const router = useRouter()
   const [newListName, setNewListName] = useState(``)
-  const {
-    listActions,
-    isInitialized,
-    initError,
-  } = useShopping()
+  const { listActions, isInitialized, initError } = useShopping()
 
   // ★ Includes query with aggregate subqueries: each list gets child collections
   // with computed counts. ListCard subscribes to them via useLiveQuery.

examples/react-native/shopping-list/src/db/ShoppingContext.tsx

@@ -41,9 +41,8 @@ const ShoppingContext = createContext<ShoppingContextValue | null>(null)
 export function ShoppingProvider({ children }: { children: React.ReactNode }) {
   const [offline, setOffline] = useState<OfflineExecutor | null>(null)
   const [isNetworkOnline, setIsNetworkOnline] = useState(true)
-  const [isSimulatedOfflineState, setIsSimulatedOfflineState] = useState(
-    isSimulatedOffline(),
-  )
+  const [isSimulatedOfflineState, setIsSimulatedOfflineState] =
+    useState(isSimulatedOffline())
   const [pendingCount, setPendingCount] = useState(0)
   const [isInitialized, setIsInitialized] = useState(false)
   const [initError, setInitError] = useState<string | null>(null)

examples/react-native/shopping-list/src/network/SimulatedOnlineDetector.ts

@@ -1,12 +1,9 @@
-import {
-  
-  ReactNativeOnlineDetector
-} from '@tanstack/offline-transactions/react-native'
+import { ReactNativeOnlineDetector } from '@tanstack/offline-transactions/react-native'
 import {
   isSimulatedOffline,
   subscribeSimulatedOffline,
 } from './simulatedOffline'
-import type {OnlineDetector} from '@tanstack/offline-transactions/react-native';
+import type { OnlineDetector } from '@tanstack/offline-transactions/react-native'
 
 class SimulatedOnlineDetector implements OnlineDetector {
   private readonly baseDetector = new ReactNativeOnlineDetector()