@rxliuli/vista? Fetch/XHR ??? ?? ????? ???? ??? ?? ?? ???? ????????. ?? ?? ?? ??????? ??? ??? ??? ? ?? ?? ????, ??, ?? ? ??? ??? ??????.

??

• ? Fetch ? XHR ?? ??? ?? ?????
• ? ???? ???? ?? ???? ??? ?????
• ? ?? ?? ?? ??
• ? ?? ??? ?? ? ?? ???
• ? ??? ??, ???? ???
• ? ???? ??? ??

??

npm install @rxliuli/vista
# Or
yarn add @rxliuli/vista
# Or
pnpm add @rxliuli/vista

?? ???

import { Vista } from '@rxliuli/vista'

new Vista()
  .use(async (c, next) => {
    console.log('Request started:', c.req.url)
    await next()
  })
  .use(async (c, next) => {
    await next()
    console.log('Response data:', await c.res.clone().text())
  })
  .intercept()

?? ?? ??

?? ?? ?? ??

new Vista()
  .use(async (c, next) => {
    c.req.headers.set('Authorization', 'Bearer token')
    await next()
  })
  .intercept()

?? ?? ??

const cache = new Map()

new Vista()
  .use(async (c, next) => {
    const key = c.req.url
    if (cache.has(key)) {
      c.res = cache.get(key).clone()
      return
    }
    await next()
    cache.set(key, c.res.clone())
  })
  .intercept()

??? ??????. ?? ??? ???.

new Vista()
  .use(async (c, next) => {
    const maxRetries = 3
    let retries = 0

    while (retries < maxRetries) {
      try {
        await next()
        break
      } catch (err) {
        retries++
        if (retries === maxRetries) throw err
      }
    }
  })
  .intercept()

?? ?? ??

new Vista()
  .use(async (c, next) => {
    await next()
    if (c.req.url === 'https://example.com/example') {
      const json = await c.res.json()
      json.id = 2
      c.res = new Response(JSON.stringify(json), c.res)
    }
  })
  .intercept()

API ??

??? ???

?? ???? ???? ?? ???? ???:

• ??(????): ???? ??
• Intercept(): ?? ?? ??
• destroy(): ?? ???? ??

???? ????

???? ??? ? ?? ????? ????:

• context: ?? ? ?? ??? ?????.
  • req: ?? ?? res: ?? ??
  • ??: ?? ??, ???? ?? xhr
• next: ?? ???? ?? ?? ??? ??? ?????

FAQ

1. ??? ???? ??? ??????

   const vista = new Vista()
   vista.intercept()
   // When not needed
   vista.destroy()

1. ??? ??? ??????
   ?, ????? async/await ??? ?????.

2. Node.js?? ?? ??? ??????

???, ??????? ?? ??? ?????.

????

• xhook: xhr ??? ???? ?????? ?? ?? ??? ??? ???.
• hono: API?? ?? ??? ?? ??? ? ?? ????????.

?? ??

?? ? ? ?? ??? ?????!

??

MIT ????

????? ??? ?????. ??? ??? ?? ???? ?????.

? ??? @rxliuli/vista ??: ????? ???? Fetch ? XHR? ?? ?? ???? ????????.? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!