npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@dlkit/openapi

v1.1.3

Published

enerate ES6 or TypeScript service integration code from an OpenAPI spec

Downloads

8

Readme

介绍

根据 OpenApi3 文档生成 request 请求代码。

使用

npm i --save-dev @dlkit/openapi

package.json 中添加命令:

{
  "scripts": {
    "openapi": "openapi -s https://petstore.swagger.io/v2/swagger.json -o ./src/services/"
  }
}

生成 api

npm run openapi

参数

| 属性 | 必填 | 备注 | 类型 | 默认值 | | ---------------------- | ---- | ----------------------------------- | -------------------------------------- | -------------- | | src | 是 | Swagger 2.0 或 OpenAPI 3.0 的地址 | string | - | | output | 否 | 生成的文件夹的路径 | string | ./src/services | | requestImportStatement | 否 | 自定义请求方法表达式 | string | - | | namespace | 否 | 命名空间名称 | string | API | | baseUrl | 否 | baseUrl | string | - | | template | 否 | api 模板,可自定义 | - | | templateVars | 否 | 自定义注入模板的变量 | - | | mockFolder | 否 | mock 目录 | string | - | | enumStyle | 否 | 枚举样式 | string-literal / enum / string-literal | | tag | 否 | tag 映射关系,可重新定义 tag 的名称 | object | - |

CLI

使用: openapi [options]

参数:

  -c, --config <path>        配置文件路径
  -s, --src <url|path>       OpenAPI 文档地址
  -t, --template <string>    api模板,默认: "axios",可自定义
  -o, --output <path>        生成的文件夹的路径
  -b, --baseUrl <string>     baseUrl. 默认值: ""
  -n, --namespace <string>   命名空间名称,默认值: "API"
  -e, --enumStyle <string>   枚举样式,默认: "string-literal"

配置文件

openapi.config.js

module.exports = {
  src: 'https://petstore.swagger.io/v2/swagger.json',
  output: './src/services/',
  requestImportStatement: "import request from '@/utils/request'",
  projectName: 'api',
  namespace: 'API',
  enumStyle: 'string-literal',
  tag: {
    用户接口: 'UserService',
    产品接口: 'ProductService',
  },
};

使用

openapi -c openapi.config.js

Templates

当内置模板不满足需求时,可使用 -t 自定义:

openapi -s https://petstore.swagger.io/v2/swagger.json -o ./src/services -t ./custom-template/