defjs

Introdução

def é uma abreviatura de define , portanto pode ser lido como define js .

Defjs é uma biblioteca que ajuda a definir e iniciar solicitações, com o objetivo de facilitar a definição de solicitações sem se preocupar com os detalhes.

• Suporta vários métodos de solicitação, como Fetch, XMLHttpRequest, customizado, etc.
• API funcional.
• ? Suporta streaming. (WIP)
• Suporta JS/TS com tipo completo.
• Suporta qualquer tempo de execução JS.
• Suporta interceptadores.
• Suporta ESM
• ? Suporta miniprogramas. (WIP)

Início rápido

Use para gerenciador de pacotes

npm install @defjs/core
// or
yarn install @defjs/core
// or
pnpm install @defjs/core
// or
bun install @defjs/core

Usar para CDN

Só pode usar módulos ES

 import {
  createGlobalClient ,
  defineRequest , 
  field
} from 'https://unpkg.com/@defjs/core/index.min.js' ;

/**
 * @title Step 1
 * @file src/main.ts
 * @description Setting up a global client
 */
createGlobalClient ( {
  host : 'https://example.com' ,
} ) ;

/**
 * @title Step 2
 * @file src/lib/api/user.ts
 * @description Define the request api request in the lib/api directory of the project
 */
const useGetUser = defineRequest ( '/v1/user/:id' )
  . withField ( {
    id : field < number > ( ) . withParam ( )
  } )

/**
 * @title Step 3
 * @file src/pages/home.ts
 * @description Use defined requests in business code
 */
const { doRequest } = useGetUser ( ) ;
const { error , body } = await doRequest ( { id : 1 } ) ;
if ( error ) {
  console . error ( error ) ;
  return ;
}
console . log ( body ) ; 

Documentação

Confira o ? defjs.org para começar.

Pacotes

Pacote	Versão
@defjs/núcleo
@defjs/angular

Roteiro

• Site oficial da documentação
• Manipulador de miniprogramas Wechat
• Ferramenta CLI
  • Gerar API do OpenAPI
  • Gerar pacote SDK completo (como o SDK S3)
• Pacote wrapper Vue
• Pacote wrapper React
• Pense em simplificar useXXX e doRequest

Licença

MIT

Referência

• Angular HttpClient
• Eixos
• Zod
• Estrutura Deepkit
• tRPC
• Guia de design da API do Google
• Consulta Tanstack
• Rxjs