Next endpoints-sdk-cli

[hrdtbs]

export interface HogeEndpointRequest {
    id: string
    date: string
    page: number
}
export interface HogeEndpointResponse {
   data: Hoge[]
}

// 名前はすごく適当
const getHogeEndpointConfig = ({ id, ...body }: HogeEndpointRequest) => {
    // useFetch(...getHogeEndpointConfig())とかいう横着したい人が出てこないならオブジェクトでいい
    return [
       `/api/v1/hoge/${id}`,
        // JSON.stringify決め打ちしていいのかは諸説ある
        { method: "GET", body: JSON.stringify(body) }
    ] as const
}

// Use case
const useSomeEndpoint = (input: HogeEndpointRequest) => {
    const [path, init] = getHogeEndpointConfig(input)
    return useFetch<HogeEndpointResponse>(path, init)
}
const useAuthSomeEndpoint = (token: string, input: HogeEndpointRequest) => {
    const [path, init] = getHogeEndpointConfig(input)
    return useAuthFetch<HogeEndpointResponse>(token, path, init)
}
``

[hrdtbs]

export interface HogeEndpointRequest {
    id: string
    date: string
    page: number
}
export interface HogeEndpointResponse {
   data: Hoge[]
}

// Use case
const useSomeEndpoint = ({id, ..body}: HogeEndpointRequest & { id: string }) => {
    return useFetch<HogeEndpointResponse>(m2mHoge.someEndpoint({id}), ....)
}

[myuon]

export interface HogeEndpointRequest {
   ...
}

const getHogeEndpointConfig = () => {
    return {
       url: ({ id }) => `/api/v1/hoge/${id}`,
       method: 'GET'
    ] as const
}

[hrdtbs]

m2mCore.v1.listingGetConfig()

[hrdtbs]

JSON scheme

{
  "v3": {
    "api": {
      "healthCheck": {
        "path": "health_check",
        "desc": "ヘルスチェック",
        "method:": "POST",
        "requestTS": "{ hoge: string;piyo:string; }",
        "responseTS": "{ poyo: string; }",
      },

[hrdtbs]

types: [{
     lang: "typescript"
     request: "...",
     response: "...",
}]

[hrdtbs]

1

const getHogeEndpointConfig = () => {
    return {
       url: ({ id }) => `/api/v1/hoge/${id}`,
       method: 'GET'
    ] as const
}

const useGetHogeEndpoint = ({ id }) => {
    const config = getHogeEndpointConfig()
    return useFetch(config.url({ id }), {method: config.method })
}

2

const getHogeEndpointConfig = () => {
    return {
       url: ({ id }) => `/api/v1/hoge/${id}`,
       options: { method: 'GET' }
    }
}

const useGetHogeEndpoint = ({ id }) => {
    const config = getHogeEndpointConfig()
    return useFetch(config.url({ id }), { ...config.options })
}

3

const getHogeEndpoint = ({ id }) => {
    return `/api/v1/hoge/${id}`,
}
getHogeEndpoint.method = "GET"

const useGetHogeEndpoint = ({ id }) => {
    return useFetch(getHogeEndpoint({ id }), { method: getHogeEndpoint.method })
}