JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 15
  • Score
    100M100P100Q69010F
  • License LGPL-3.0-or-later

OpenAPI to TypeScript code generator

Package Exports

  • @doremijs/o2t
  • @doremijs/o2t/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@doremijs/o2t) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

TypeScript API client generator

This package contains the TypeScript API client generator.

Usage

  1. Install the package:
npm i @doremijs/o2t
# pnpm i @doremijs/o2t
# yarn add @doremijs/o2t
# bun i @doremijs/o2t
  1. Create a configuration file o2t.config.js in the root of your project:
import { defineConfig } from '@doremijs/o2t'
export default defineConfig({
  specUrl: 'https://petstore.swagger.io/v2/swagger.json',
})
  1. Run the generator:
npx o2t
  1. The generated code will be in the src/api directory.

  2. Create a ts file src/api/index.ts, and import the generated API client:

import { createFetchClient } from '@doremijs/o2t/client'
import type { OpenAPIs } from './schema'

const client = createFetchClient<OpenAPIs>({
  requestInterceptor(request) {
    return {
      ...request,
      headers: {
        ...request.headers ?? {},
        'Authorization': `Bearer ${localStorage.getItem('access_token')}`
      }
    }
  },
  responseInterceptor(response) {
    // Handle response here
    return response
  }
})
  1. Use the API client to make requests:
const result = await client.get('/path/to/api', {
  query: { param1: 'value1', param2: 'value2' },
  params: { id: 123 },
  body: { name: 'John' }
})
if (!result.error) {
  console.log(result.data)
} else {
  console.log(result.message)
}

Configuration

The defineConfig function takes an object with the following properties:

specUrl: string isVersion2?: boolean outputDir?: string tempFilePath?: string customHeaders?: Record<string, string> basicAuth?: { username: string password: string }

  • specUrl: The URL of the OpenAPI specification file.
  • isVersion2: Whether the OpenAPI specification is swagger version 2, you may not need to set this property as the generator will automatically detect the version of the specification.
  • outputDir: The directory where the generated code will be saved. (default: src/api)
  • tempFilePath: The path of the temporary file used to store the downloaded OpenAPI specification file. (default: node_modules/.o2t/openapi.json)
  • customHeaders: Custom headers to be added to fetch the OpenAPI specification file. For example, you may need to add a token or a cookie to access the file.
  • basicAuth: Basic authentication information to be added to fetch the OpenAPI specification file. For example, you may need to access a private API that requires authentication.

Development

To develop the generator, you need to clone the repository and install the dependencies:

bun install

Then, create a configuration file o2t.config.js in the packages/typescript folder:

import { defineConfig } from './src'

export default defineConfig({
  specUrl: 'https://generator.swagger.io/api/swagger.json'
})

To run the generator in development mode:

bun --cwd packages/typescript dev

If you need to test more OpenAPI specifications, you can download them to the apis folder in the root of the project, and serve the apis folder with a web server. For example:

npx http-server apis

Or try my hs tool:

curl hs.erguotou.me/install | bash
chmod +x hs
mv hs /usr/local/bin/hs
hs -f apis -m index

Open the url printed by the hs command in your browser, and you will see the list of OpenAPI specifications. Copy the URL of the specification you want to test, and change the specUrl property in the o2t.config.js file.