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

@aegis.inc/pont-engine-plus

v0.0.3

Published

pont-plus swagger typescript API

Downloads

4

Readme

npm version npm downloads Gitter

简介

Pont 把 swagger、rap、dip 等多种接口文档平台,转换成 Pont 元数据。Pont 利用接口元数据,可以高度定制化生成前端接口层代码,接口 mock 平台和接口测试平台。 其中 swagger 数据源,Pont 已经完美支持。并在一些大型项目中使用了近两年,各种高度定制化需求都可以满足。

此版本作为原本Pont-v1.0.12的问题修复版,重点解决了一些BUG,如:

修复Swagger V3生成api,无返回类型的映射定义
修复在Swagger V3情况下,没有配置项name的情况下会报错

其它均无变化和修改。

安装

// npm
npm i pont-engine-plus

// 或pnpm
pnpm i pont-engine-plus

// 或yarn
yarn add pont-engine-plus

当然也可以全局安装,这点和原版完全一致

使用

pont-plus start

使用方式和配置文件均和原版一致,未作改动

代码修改的地方

1、编译命令行修改
因为源码我从官网下载下build报错,排查发现有使用linux命令,我window自然不兼容。
所以改为使用跨平台shx来执行命令(windows的bash、linux的shell等等)。

package.json

"build": "rm -rf lib & npm run build-hooks-js && tsc"

改为

"build": "shx rm -rf lib & npm run build-hooks-js && tsc"

2、swagger v3配置项无name打包报错修复
源码打包后,在具体项目使用时如果配置文件pont-config.json没有配置name。
打包会报错。所以做了如下修复。

/src/manage.ts

 existsLocal() {
    return (
      fs.existsSync(path.join(this.currConfig.outDir, this.lockFilename)) ||
      _.some(this.allConfigs.map((config) => fs.existsSync(path.join(config.outDir, config.name, this.lockFilename)))) 
    );
  }

改为

 existsLocal() { // 判断本地是否已经存在lockFilename文件(即api-lock.json)
    // config.name可能为空,而且lockFilename文件根本不在config.name这里层,而是直接在config.outDir里
    return (
      fs.existsSync(path.join(this.currConfig.outDir, this.lockFilename)) ||
      _.some(this.allConfigs.map((config) => fs.existsSync(path.join(config.outDir, this.lockFilename)))) 
    );
  }

3、swagger v3无返回类型修复
其实也没做什么,因为从npm下载下来的包,一直无返回类型,但是我从源码打包却有。
因此推论,源码有修复bug后,npm并没有及时更新。
所以我才重新修复如上问题,在npm上发一个分支包,方便使用

4、swagger v3修复了生成类型文件错误问提
如果配置文件pont-config.json有name。
生成的api.d.ts文件则会报错。
分析代码很明显是因为生成的实体类型嵌套问题

ype ObjectMap<Key extends string | number | symbol = any, Value = any> = {
  [key in Key]: Value;
};

declare namespace myApi {
    ...
    export class JsonResult<T0 = any> {
      /** code */
      code?: number;

      /** data */
      data?: defs.myApi.ArticleVOObject;

      /** msg */
      msg?: string;
    }
}
declare namespace API {
   export namespace updateById {
      export class Params {}

      export type Response = defs.myApi.JsonResult;  //这里引用报错

      export const init: Response;

      export function request(params: Params, options?: any): Promise<Response>;
    }
}

所以我将/src/generators/generate.ts做了修改如下

/** 获取所有基类的类型定义代码,一个 namespace
   * surrounding, 优先级高于this.surrounding,用于生成api.d.ts时强制保留类型
   */
  getBaseClassesInDeclaration() {
    console.log('3、文件构造器-具体实现-(返回类型)基类的类型定义');
    
    let content = `namespace ${this.dataSource.name || 'defs'} {
      ${this.dataSource.baseClasses
        .map(
          (base) => `
        export ${this.getBaseClassInDeclaration(base)}
      `
        )
        .join('\n')}
    }
    `;

    // 改动处:增加了如下代码
    if(this.dataSource.name){
      content = `namespace defs { 
        namespace ${this.dataSource.name} {
        ${this.dataSource.baseClasses
          .map(
            (base) => `
          export ${this.getBaseClassInDeclaration(base)}
        `
          )
          .join('\n')}
        }
      }
      `;
    }

    return content;
  }

推荐

网友推荐,除了pont,还有其它很多竞品:
openapi2typescript
YApi to TypeScript