snapshot of https://github.com/TanStack/query.git (main, 2026-09-16; blobs > 131072B omitted)

examples/solid/offline/src/api.ts

@@ -0,0 +1,84 @@
+import { HttpResponse, delay, http, passthrough } from 'msw'
+import { setupWorker } from 'msw/browser'
+
+const movies = [
+  {
+    id: '1',
+    title: 'Guardians of the Galaxy',
+    comment: '',
+  },
+  {
+    id: '2',
+    title: 'Wall-E',
+    comment: '',
+  },
+]
+
+export const fetchMovie = async (
+  id: string,
+): Promise<{
+  ts: number
+  movie: { comment: string; id: string; title: string }
+}> => {
+  const response = await fetch(`/movies/${id}`)
+  return await response.json()
+}
+
+export const fetchMovies = async (): Promise<{
+  ts: number
+  movies: typeof movies
+}> => {
+  const response = await fetch('/movies')
+  return await response.json()
+}
+
+export const updateMovie = async (id: string, comment: string) => {
+  const response = await fetch(`/movies/${id}`, {
+    method: 'POST',
+    body: JSON.stringify({ comment }),
+    headers: { 'Content-Type': 'application/json' },
+  })
+  return await response.json()
+}
+
+export const worker = setupWorker(
+  http.get('/movies', async () => {
+    await delay(500)
+    return HttpResponse.json({
+      ts: Date.now(),
+      movies: movies.map(({ id, title }) => ({ id, title })),
+    })
+  }),
+
+  http.get('/movies/:id', async ({ params }) => {
+    const { id } = params
+
+    const movie = movies.find((movie) => movie.id === id)
+
+    if (!movie) {
+      return new HttpResponse(`Movie with id ${id} not found`, {
+        status: 404,
+      })
+    }
+
+    await delay(500)
+    return HttpResponse.json({ ts: Date.now(), movie })
+  }),
+
+  http.post('/movies/:id', async ({ request, params }) => {
+    const { id } = params
+    const body = (await request.json()) as { comment: string }
+    const { comment } = body
+
+    movies.forEach((movie) => {
+      if (movie.id === id) {
+        movie.comment = comment.toUpperCase()
+      }
+    })
+
+    await delay(500)
+    return HttpResponse.json({ message: `Successfully updated movie ${id}` })
+  }),
+  http.get('*.js', () => passthrough()),
+  http.get('*.svg', () => passthrough()),
+)