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

@winches/auto-mock

v0.1.2

Published

约定式路由的mock工具

Downloads

2

Readme

@winches/auto-mock

约定式路由mock工具

⭐️ Feature

✅ Auto get mock route (自动获取mock路径)

✅ Hot Update 热更新支持(检测mock路径和配置文件)

✅ Dynamics routes 支持动态路由

✅ Contractual routing 约定式路由(文件路径 -> 路由路径)

🤖 Easy to get params(更简易的获取请求参数)

⚡ Faster response build with fastify(更快的响应速度)

Install

npm i @winches/auto-mock -D
# or
yarn add @winches/auto-mock -D
# or
pnpm add @winches/auto-mock -D

Usage

Add script

"scripts": {
  "mock": "auto-mock"
},

Create a mock.config.c?js file set some config

module.exports = {
  // default option value
  mockPath: '__mock__', // mock文件路径
  watch: false, // 是否热更新
  port: 5050, // 端口号
}

Run script

npm run mock

Run script with options

Watch mode

auto-mock -w

Set port

auto-mock -p 8080

Create a file under the __mock__ folder

For instance

└── your mockPath(__mock__)
  │
  └──  hello
    │
    └──  index.js

and the http request will be transform http://<host>:<port>/hello/index

index.js exports a function it receive three parameters and the fn result is response

For instance

// hello/index.js
module.exports = function(req, query, body) {
  // response result
  return {
    code: 0,
    msg: 'success',
    req,
    query,
    body
  }
}

Dynamics Routes(动态路由)

For instance

└── your mockPath(__mock__)
  │
  └──  hello
    │
    └──  test:id.js

the http request will be transform http://<host>:<port>/hello/test:id

and when send a request http://<...>/hello/test/1

// hello/test:id.js
module.exports = function(req, query, body) {
  // response result
  return {
    code: 0,
    msg: 'success',
    res: req.params // { id: 1 }
  }
}

note: node require 14+